@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 854px) {

	body{width:auto !important;margin:0 !important;min-width: 240px !important;}
	.social .container .grid-15,
	.content_bg .container .grid-20 .images .viewbox .content img{width:100%!important;height:auto !important;}	

	/*宽度*/
	.container,
	.menu-box .container .grid-10 .nav .nav-item .nav-item-link,
	.menu-box .container .grid-10,
	.menu-box .container .grid-6,
	.content_bg,
	.content_bg .container .grid-15,
	.content_bg .container .grid-15 .images,
	/* .content_bg .container .grid-15 .images>table .images-item, */
	.h-shop1,
	.images-item-caption strong,
	.index-header-case,
	.content_bg .container .grid-15 .images>table,
	.images-item-caption1 strong,
	.images-item1 img,
	.h-tr6,
	.h-tr7,
	.h-tr5,
	.content_bg .container .grid-20,
	.content_bg .container .grid-20 .images,
	.content_bg .container .grid-20 .images .viewbox,
	.content_product,
	.content_product .container .grid-6,
	.content_product .container .grid-14,
	.content_product>.container>.container>table,
	.listbox,
	.listbox .d2 li{width:100%!important;}	

	.menu-box .container .grid-10 .nav,
	.h-tr10,
	.content_product .container .grid-6 img,
	.content_product .container>p>img{ width:99% !important;}

	.social .container,
	.content_bg .container .grid-15 .images,
	.index-body img,
	.cp_ct,
	.copyright .container,
	.content_product .container .grid-14 table{ width:96% !important;}
	
	.d2 li{ width: 90% !important; }
	
	.h-tr12{ width: 70% !important; }

	.menu-box .container .grid-10 .nav .nav-item{ width:50% !important;}

	/*高度*/

	.menu-box .container .grid-10 .nav,
	.menu-box,
	.index-body img,
	.viewbox .info,
	.headline,
	.content_product .container .grid-6 img,
	.content_product .container>p>img{ height:auto !important;}

	.menu-box .container .grid-10 .nav .nav-item,
	.menu-box .container .grid-10 .nav .nav-item .nav-item-link{height: 2.5rem !important;;}
	
	/*边距*/

	.menu-box .container .grid,
	.menu-box .container .grid-10 .nav,
	.content_bg .container .grid-5,
	.content_bg .container .grid-15,
	.content_bg .container .grid-15 .images,
	.content_bg .container .grid-15 .images>table .images-item,
	.images-item1,
	.index-body img,
	.cp_ct,
	.content_product .container .grid-6,
	.content_product .container .grid-6 img,
	.content_product .container .grid-14,
	.content_product .container .grid-14 table,
	.content_product .container>p>img,
	.content_bg .container,
	.content_bg .container .grid-15 .images > table,
	.listbox,
	.listbox .e8{ margin-left:auto !important; margin-right:auto !important;}

	
	.menu-box .container .grid-10 .nav,
	.content_bg .container .grid{margin-top: 1rem !important;}

	.content_bg .container .grid-15 .images>table .images-item,
	.images-item1{margin-bottom: 1rem !important;}

	/*填充*/
	body,
	.menu-box .container .grid-10 .nav .nav-item .nav-item-link,
	.menu-box .container .grid-10 .nav,
	.content_bg,
	.listbox{ padding:0px !important;}

	.menu-box .container{ padding-bottom:1rem !important;}

	/*块*/
	#floatTools,
	.contantus,
	.about,
	.content_bg .container .grid-5,
	.banner,
	#sddm div#m1{ display:none !important;}

	.menu-box .container .grid,
	.social .container .grid-15 a,
	.grid,
	.h-tr4,
	.h-tr6,
	.images-item1,
	.content_product>.container>.container>table td,
	.e8 li{display:inline-block !important;}

	/*浮动*/
	.menu-box .container .grid,
	.content_bg .container .grid,
	.index-body img,
	.cp_ct,
	.h-tr1 .images-item1,
	.h-tr3,
	.content_product .container .grid-6,
	.content_product .container .grid-14{ float:none !important;}

	/*居中*/
	.menu-box .container,
	.content_bg .container .grid-5,
	.content_bg .container .grid-15 .images>table .images-item .images-item-caption,
	.index-body,
	.content_bg .container,
	.h-tr1,
	.content_product .container .grid-6 img,
	.content_product .container>p>img,
	.content_bg .container .grid-15 .images > table{text-align:center !important;}
	
	.cp_ct,
	.content_bg .container .grid-5,
	.index-bodyshow .bgcolor,
	.viewbox .content{text-align:left !important;}

	/*背景*/

	/*字体*/
	.list-nav-t1 h1{font-size:1.2rem !important;}
	
	.menu-box .container .grid-10 .nav .nav-item .nav-item-link{line-height: 2.5rem !important;}
	.menucolor .menu-cont{line-height: 1.4rem !important;}
	.social .container .grid-15 a{line-height: 1.8rem !important;}

	/*文字不换行*/
	ul.notice li,
	.d2 li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

	/*定位*/
	.menu-box,
	.menucolor .menu-cont{ position: relative !important;}

	/*独立*/
	body{min-width: auto !important;}
	
	.menu-box{margin-top: -2rem !important;}
	
	.menu-box .container .grid-4{width: 190px !important;}
	
	.menu-box .container .grid-10{background-image: url("../images/contentbg.png");}
	
	.menucolor{color: #333 !important;}
	
	.menucolor .tel2{left: 1rem !important;top: 1rem !important;}
	
	.index-header{background-image: none !important;background-color: #000 !important;}
	
	.index-header-wd{width: 140px !important;}
	
	ul.notice{width: 220px !important;}
	
	.content_bg .container .grid-15 .images>table .images-item{height:268px !important;}
	
	.content_bg .container .grid-15 .images>table .images-item img{width:100%!important;height:200px !important;}
	
	
	.h-tr9,
	.h-tr3{width: 100% !important;}
	.images-item1{width: 232px !important;}
	
	.listbox .e8{width:710px;}
	.listbox .e8 li{margin:0 4px;}
	
	.listbox .d2 li a{float:left}
}

@media only screen and (min-width: 480px) and (max-width: 854px) {

	.menu-box .container .grid-10 .nav .nav-item{width: 25% !important;}
	.menucolor .tel2{left: 30% !important;}
	.h-tr1 .images-item1{height:280px !important;}
	.h-tr1 .images-item1 img{height: 240px !important;}
	.content_bg .container .grid-15 .images > table{width: 100% !important;}
	.content_bg .container .grid-15 .images > table .images-item,
	.h-tr1 .images-item1{width: 46% !important;margin-left: 1.5% !important;margin-right: 1.5% !important;}

	.content_product .container{width: 95% !important;}
	.content_product .clearfix .clearfix>table>tbody>tr>td{width: 49% !important;}
	.content_product .clearfix .clearfix td>table,
	.index-header-wd{width: 100% !important;}

	.listbox .e8{width:100%;}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	
	.content_bg .container .grid-15 .images>table .images-item{width:100% !important;}
	.menucolor .tel2 {left: 20% !important;}
	.images-item1{width: 310px !important;height:300px !important;}
	.images-item1 img{height: 260px !important;}
	.content_bg .container .grid-15 .images > table{max-width: 320px;}
	
	.content_product .container{width: 95% !important;}
	.d2 li{max-width: 230px;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table>tbody>tr>td {display: block !important;}
	.content_product > .container > .container >table>tbody>tr>td>table{width:auto !important;}

	.listbox .e8{width:100%;}
	.listbox .e8 li{width:47%;float:none;}
	.listbox .e8 li .pic,
	.listbox .e8 li .pic img{text-align:center;margin-left:auto;margin-right:auto}
	
	.listbox .d2 li{max-width: 96%}
	.listbox .d2 li span{display:none}
}

@media only screen and (min-width: 320px) and (max-width: 359px) {

	/* .menu-box,
	.social,
	.content_bg,
	.copyright{width:320px !important;}
	.h-shop1{width:340px !important;}
	
	.images-item{width:100% !important;} */
	
	.content_bg .container .grid-15 .images>table .images-item{width:100% !important;}
	.menucolor .tel2 {left: 20% !important;}
	.images-item1{width: 310px !important;height:300px !important;}
	.images-item1 img{height: 260px !important;}
	.content_bg .container .grid-15 .images > table{max-width: 320px;}
	
	.content_product .container{width: 95% !important;}
	.d2 li{max-width: 230px;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table>tbody>tr>td {display: block !important;}
	.content_product > .container > .container >table>tbody>tr>td>table{width:auto !important;}

	.listbox .e8{width:100%;}
	.listbox .e8 li{width:100%;height: auto;float:none;margin: 0}
	.listbox .e8 li .pic{width:100%;height: auto;background:none}
	.listbox .e8 li .pic img{width:100%;height: auto;min-height: 200px;margin-left:auto;margin-right:auto}
	
	.listbox .d2 li{max-width: 94%}
	.listbox .d2 li span{display:none}

}


@media only screen and (min-width: 240px) and (max-width: 319px) {

	.viewbox .content,
	.headline{padding-left: .3rem !important;padding-right: .3rem !important;}
	.content_bg .container .grid-15 .images>table .images-item{width:100% !important;}

	
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table table{width:100% !important;}
	.content_product>.container>.grid-6>.container>.grid-6>.container>.container>table>tbody>tr>td {display: block !important;}
	.content_product > .container > .container >table>tbody>tr>td>table{width:auto !important;}
	.content_product > .container > .container >table>tbody>tr>td>table>tbody>tr>td>table{width:auto !important;}

	.listbox .e8{width:100%;}
	.listbox .e8 li{width:100%;height: auto;float:none;margin: 0}
	.listbox .e8 li .pic{width:100%;height: auto;background:none}
	.listbox .e8 li .pic img{width:100%;height: auto;min-height: 200px;margin-left:auto;margin-right:auto}
	
	.listbox .d2 li{max-width: 91%}
	.listbox .d2 li span{display:none}
}