@media screen and (min-width:320px) and (max-width:768px){
	.header {
		display: none;
	}
	
	.phoneheader {
		display: block;
		height: 60px;
		line-height: 60px;
		padding: 0 10px;
		position: relative;
	}
	
	.phoneheader .logo img {
		width: 60px;
		vertical-align: middle;
	}
	.box .right .detail_quailty img{height:auto !important;}
	.phoneheader .search form{
		width: 50%;
		height: 30px;
		line-height: 30px;
		background: #e5e5e5;
		border-radius: 10px;
		position: absolute;
		margin-top: 15px;
		left: 50%;
		margin-left: -25%;
	}
	.box .right li .proimg{
		height:120px;
	}
    .box .right li .proimg img{
    	max-height:100%;
    }
	.phoneheader .search input {
		width: 80%;
		height: 100%;
		background: #e5e5e5;
		border-radius: 10px;
		vertical-align: top;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.box .right .detail_box img{height:auto !important;}
	.phoneheader .search button {
		width: 15%;
		height: 100%;
		border: none;
		background: url(../images/ico1.png) no-repeat center center;
		vertical-align: top;
	}
	
	.phoneheader .fr img {
		width: 40px;
		vertical-align: middle;
	}
	
	.nav {
		display: none;
	}
	.box .right ul.fn-clear li{
		width:120px;
	}
	.box .right ul.fn-clear li .proimg{height:100px;}	
	.box .right ul{display: flex;flex-wrap:wrap;justify-content: center;}
	.mobile-menu-bg{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(28,30,31,0.6);
	z-index: 1000;
    display: none;	
}

.mobile-menu{
	position: fixed;
	top: 0;
    left: 0;
	width: 60%;
	z-index: 20000;
	box-sizing: border-box;
	transform: translateX(-100%);
	transition: all 0.4s;
    -webkit-transition:all 0.4s ;
    -moz-transition:all 0.4s ;
    -ms-transition:all 0.4s ;
	height: 100%;
	background: #333;
	padding-top: 20px;
}

.mobile-menu ul.menu >li {
	padding-left: 25px;
	line-height:30px;
	border-bottom:1px solid #fff
}
.mobile-menu ul li a{color:#fff;font-size:14px;}

.wrap{width:90%;margin:0 auto;}

/*首页*/
.product .list>li{width:49%}
.product .list > li:nth-of-type(2n){margin-right:0%}
.product .list >li .text{height:50px;}
.product .list >li .text .fl,.product .list >li .text .fr{height:100%}
.product .list >li:nth-of-type(3n){margin-right:2%}
.product .list >li:nth-of-type(6n){margin-right:0%}
.indexabout .fl, .indexabout .fr{width:100%}
.product .list >li .text .fr{font-size:12px;line-height:20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.indexabout .fl{padding:0;}
.product .list >li .layer ul{display: none;}
.product .list >li .layer{height:100% !important;top:0;}
.product .list >li .layer .layer_top .fl{font-size:12px;width:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexabout .fl span{display: block;text-align: center;font-size:25px;margin-bottom:10px;}
.indexabout .fl p{height:100px;overflow: hidden;}
.indexabout .fl a{display: block;margin:10px auto;}
.factory_room .left, .factory_room .right{width:100%;margin:0;}
.factory_room .fl li{width:49%;margin-right:2%}
.factory_room .fl li:nth-of-type(2n){margin-right:0}
.factory_room .right li .fr p.title{font-size:18px;width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexabout{padding:30px 0;}
.mobile-menu ul.menu > li .sub_menu{display: none;}
.factory_room .item .fl span{font-size:25px;}
.mobile-menu ul.menu > li .fr{width:20px;height:30px;}
.mobile-menu ul.menu > li .fr.uparrow{background: url(../images/menuright2.png) no-repeat center center;background-size:10px;}
.submenu{height:auto;}
.mobile-menu ul.menu > li .fr.hover{background: url(../images/top2.png) no-repeat center center;background-size:15px;}
.factory_room .item img{width:50%}
.footer{padding:20px 0;}
.footer ul{display: none;}
.footer ul:first-child{display: block;width:100%;margin:0;}
.box{padding:20px 0 60px;}
.box .left{display: none;}
.box .right{width:100%}
.box .right .detail_box p.title{font-size:16px;}
.box .right .detail_box .proimg img{width:60%}
.box .right li,.box .right .detail_des .hz li,.box .right .detail_des .honor li{width:48%;margin-right:4%}
.page a{padding:8px 6px;margin:0 5px 10px;}
.box .right li:nth-of-type(2n),.box .right .detail_des .hz li:nth-of-type(2n),.box .right .detail_des .honor li:nth-of-type(2n){margin-right:0}
.box .right .detail_des .hz li:nth-of-type(3n){margin-right:2%}
.box .right .detail_des .hz li:nth-of-type(6n){margin-right:0}
.box .right .detail_des .commonlist li .fr .fl p.title{font-size:16px;width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box .right .detail_des .commonlist li .fr .fl p.text,.box .right .detail_des .commonlist li .fr .fl a{font-size:12px;}
.footer ul li{margin-bottom:10px;}
.box .right .detail_des .commonlist li .fr .fl a{width:60px;height:20px;line-height:20px;}
.box .right .detail_des .commonlist li .fr .fr span.data{font-size:18px;}
.box .right .detail_des .commonlist li .fr .fr span.year{font-size:12px;}
.box .right .detail_des .commonlist li >.fl{height:112px;display: flex;align-items:center;justify-content: center;}
.box .right .detail_box .pz .fl,.box .right .detail_box .pz .fr{width:100%;box-sizing: border-box;}
}


@media screen and (min-width:768px) and (max-width:1024px){
.nav li a{padding:0 10px;}	
.wrap{width:90%;margin:0 auto;}
}

@media screen and (min-width:1024px) and (max-width:1366px){
.wrap{width:90%;margin:0 auto;}
}

@media screen and (min-width:375px) and (max-width:768px){
	
 .box .right ul.fn-clear li{width:150px;margin-right:20px;}
 .box .right ul.fn-clear li .proimg{height:125px;}
 .box .right ul.fn-clear li:nth-of-type(2n){margin-right:0;}
}