@media screen and (min-width:320px) and (max-width:1000px) {
.lunbo .w3cFocusIn .hd li{
	width:20%
}
.lunbo .w3cFocusIn .hd li img{
	width:100%;
	height:auto !important;
}
.detail table td,.detail table th{
	width:auto !important;
}

.deatil  img,.news_deatil img,.careers img{
	height:auto !important;
	max-width:100%;
	width:auto;
	display:block;
	margin:0 auto;
}
.w3cFocusIn .hd ul{
	display:flex;
	align-items:center;
	justify-content:center;
}
	/* 公共样式 */
	.products>a>span{
		height:50px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical; 
		    white-space: inherit;
	}
	.header,.product .wrap>.fl,.pc{
		display: none;
	}
	.wap{
		display:block;
	}
	.sy_end .w3cFocusIn .bd li{
		height:4.6rem !important;
	}
	.lunbo  .w3cFocusIn .bd li{
		height:4rem !important;
	}
	.picScroll-left .swiper-slide .title a{
		color: #333333;
		    font-size: 14px;
		    line-height: 24px;
	}
	.products_deatil_top_word,.products_container_p{
		width:100%;
	}
	
	.lefu_nav_li i{
		float:none;
		display:none;
		
	}
	.lefu_nav_li .lefu_nav_li_title_a{
		width:auto;
		display:inline-block;
		text-align:left;
	}
	.products_deatil_top_word_hang {
		font-size:.28rem;
	}
	.products_deatil_top_img{
		display: block;
		    margin: 0 auto;
		    float: none;
	}
	.mobile_nav>ul>li:nth-of-type(3){
		background:url(../img/xl.png) no-repeat right 5px top .3rem;
	}
	.mobile_nav>ul>li:nth-of-type(3)>a{
		display:block;
		width:100%;
	}
	.mobile_nav>ul>li .sub a{
		font-size:.24rem;
		line-height:.4rem;
		display:block;
	}
	.products a{
		width:48%;
		margin:0 4% 20px 0;
	}
	.news  li span.fl{
		width:65%;
		height:30px;
		line-height:30px;
		overflow:hidden;
		
	}
	.products a:nth-of-type(2n){
		margin-right:0;
	}
	.products_deatil table,.deatil table,
	.news_deatil table,.careers table{
		width:100% !important;
		margin:0 !important;
		table-layout: fixed;
		word-break:break-all;
	}
	.careers_hang_rt{
		width:100% !important;
	}
	.products_deatil table td,
	.products_deatil table th,
	.detail table td,.detail table th,.news_deatil table td,
	.news_deatil table th,.careers table td,.careers table th{
		width:auto !important;
	}
	.products_deatil img{
		max-width:100% !important;
		display:block;
		margin:0 auto;
		height:auto  !important;
	}
	.pages{
		margin:0;
		text-align:center;
	}
	
	.sy_end .div_left,.sy_end .div_z,
	.sy_end .div_z .div_img,.sy_end .div_z .div_font,.sy_end .div_right{
		width:100%;
		float:none;
		margin:0;
	}
	.feedback_content_hang_input{
		width:70%
	}
	.feedback_content_hang_input .txt,
	.feedback_content_hang_input .tea{
		width:100%;
	}
	.feedback_content_hang_span{
		width:24%;
	}
	.left,.right{
		width:94%;
		margin:0 3%;
		font-size:.3rem;
		padding:0;
		border:none;
		float:none;
		display:block;
	}
	.right_cur{
		font-size:.3rem;
	}

	.phonebanner {
		display: block;
		margin-top: 1.2rem;
	}

	.phonebanner .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 2px !important;
	}
	.footer{
		padding:15px 3%;
		line-height:20px;
	}
	.foot_top span{
		display:none;
	}
	.picScroll-left .bd ul li .title{
		height:35px;
		line-height:35px;
	}
	.foot_top a,.foot_mid a{
		padding:0 10px;
		border-right:1px solid #999;
		line-height:20px;
	}
	.foot_top a:last-child,
	.foot_mid a:last-child{
		border:none;
	}

	.phonebanner img,.product .fr,
	.lunbo2,
	.picScroll-left,.sy_end .two .lbt,.wd1100{
		width: 100%
	}
	.div_left .div_img img,.left_div img{
		max-width:100%;
		height:auto !important;
		display:block;
		margin:0 auto;
	}
	.lunbo2 .w3cFocusIn .bd li img{
		width:auto;
		height:auto;
		max-width:90%;
		max-height:90%;
		margin:0 auto;
	}
	.lunbo2 .w3cFocusIn .bd{
		height:auto;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		line-height: 1.2rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		box-shadow: 0 0 4px #a1a0a0;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}
	.sy_top{
		display:none;
	}

	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.lunbo {
			margin-top: 1.2rem;
	}
	.w3cFocusIn .bd li a{
		height:400px;
	}
	.sy_end{
		width:100%;
		padding:.5rem 3%;
		    margin: 0;
		    box-sizing: border-box;
			
	}
	.div_left .div_top{
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:28px;
		line-height:28px;
		height:28px;
		line-height:28px;
		    width: 100%;
		    box-sizing: border-box;
	}
	.div_left .div_top a,.div_left .div_top a span,
	.div_right .div_top a,.div_right .div_top a span{
		height:28px;
		line-height:28px;
		display:inline-block;
		vertical-align:top;
	}
	
	.sy_end>div{
		height:Auto !important;
	}

	.phoneheader .fr {
		position: absolute;
		right: 1rem;
	}

	.phoneheader .fl img {
		height: .75rem;
		display: inline-block;
	}

	.phoneheader .fr img {

		display: inline-block;
	}

	.phoneheader .fr span {
		font-size: .5rem;
		margin: 0 .1rem;
		color: rgba(0, 136, 162, 1);
		vertical-align: middle;
	}

	.phoneheader .fr img {
		width: .5rem;
		margin-left: .2rem;
	}
	.indexbox1 li{
		width:100%;
		margin:0 0 .3rem 0;
	}
	.indexbox1 li .title{
		font-size:.28rem;
	}
	.indexbox1 li .title img{
		width:.6rem;
	}

	.mobile-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 99999;
	}

	.mobile_nav {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		width: 70%;
		height: 100%;
		background: #fff;
		padding: 1rem 0.12rem;
		overflow-y: scroll;
	}

	.mobile_nav .del {
		position: absolute;
		right: .2rem;
		top: .2rem;
	}

	.mobile_nav .top {


		padding: 20px 0 35px;

	}

	.mobile_nav form {

		width: 200px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #eee;
		margin-right: 30px;
		display: flex;
		margin: 20px auto;
	}
	.mobile_nav form .yx{
		display: flex;
	}

	.mobile_nav form .tb{
		height: 30px;
		line-height: 30px;
		width: 30px;
		background: url(/img/top1.png) no-repeat center center;
	}

	.mobile_nav form input {
		width: 160px;
		padding-left: 10px;
		background:none;
		border:none;
	}

	.mobile_nav .top img {

		width: 130px;
		display: block;
		margin: 0 auto;
	}

	.mobile-container li {

		line-height: .8rem;
		text-align: left;
		padding-left: .3rem;
	}

	.mobile-container .sub li {
		padding-left: .1rem;
		line-height: .6rem;
	}

	.mobile-container li .sub,
	.mobile-container li .three {
		display: none;
	}
	.mobile-container li .three a{
			display:block;
			padding-left:.2rem;
			font-size:.26rem;
		}
.mobile_nav>ul>li:nth-of-type(2) {
    background: url(../images/xl3.png) no-repeat right 0.2rem top 0.4rem;
}
	.mobile-container li .sub dt {
		font-size: .3rem;
		line-height: .6rem;

	}

	.mobile-container li .sub dt img {
		width: .5rem;
		margin-right: .2rem;
		display: none;
	}

	.mobile-container li .sub dd {
		display: none;
	}

	.mobile-container li .sub dd a {
		font-size: .28rem;
		line-height: .45rem;
		padding-right: 0;
		padding-left: .4rem;
	}


	.mobile_nav>ul>li>a {
		font-size: .32rem;
	}

	.mobile-container li .sub dt {
		padding-left: .1rem;
	}

	.mobile_nav>ul>li {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		position: relative;
	}
	
	.contact .fr .list input,
	.contact .fr button,
	.contact .fr .list textarea{
		width:95%
	}
	
	.indexbox4 p.font1,.indexbox4 p.font2{
		width:100%
	}
	.indexbox4 .photo img{
		margin-right:.4rem;
		width:2rem;
	}


	

	.searchbox {
		position: absolute;
		top: 1.2rem;
		left: 0;
		display: none;
		width: 100%;
		border: 1px solid #eee;
	}

	.searchbox form {
		width: 100%;
		height: 40px;
		background: #fff;
		line-height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.searchbox .hot {
		background: #fff;
		z-index: 99;
		padding: .3rem;
		line-height: .5rem;
	}

	.searchbox .hot span {
		font-size: .12rem;
		line-height: .3rem;
		margin-bottom: .2rem;
		display: inline-block;

	}

	.searchbox .hot li {
		font-size: .16rem;

		color: #333;
		line-height: .5rem;
		height: .5rem;
	}

	.searchbox button {
		height: 40px;
		line-height: 40px;
		width: 50px;
		background: url(/images/se.png) no-repeat center center/25px;
	}

	.searchbox input {
		width: 80%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.searchbox img {
		width: 20px;
		padding-right: 10px;
	}
	.indexbox2 .wrap>p{
		width:100%;
		margin:.2rem 0;
	}
	.indexbox2 .color{
		padding:.3rem;
	}

	/* 字体大小 */
	.orderbox .fr .form .checks span{
		font-size: .26rem
	}

	.indexbox1 .titles h2,
	.indexbox2 h2,.indexbox4 .titles h2,
	.indexbox5 h2,.indexbox6 h2,.solution .tab h2,
	.aboutbox1 .nums li span,.aboutbox1 .con .fl h2,
	.contact h2,.indexbox4 h2,.indexbox4 .photo span{
		font-size: .32rem;
		margin-bottom:.4rem;
	}
	.product .fr .titles span{
		font-size:.3rem;
	}
	.product .fr .titles .search form{
		width:3.4rem;
		height:.6rem;
		line-height:.6rem;
	}
	.product .fr .titles .search button{
		height:.6rem;
		line-height:.6rem;
		width:.6rem;
	}
	.submenus a,.indexbox4 .photo a,
	.addresslist .list li a,.addresslist .list>a{
		font-size:.26rem;
	}
	.orderbox .fr .info2{
		display:block;
	}
	.addresslist .list>a{
		width:2.5rem;
		height:.5rem;
		line-height:.5rem;
	}
	.indexbox3 li{
		width:50%
	}
	.indexbox3 li:nth-of-type(2n){
		border-right:none;
	}
	.productdetail .whols .wrap>p{
		margin-bottom:.2rem;
	}

	.indexbox4 p.font1,.productdetail .whols .wrap>p,
	.productdetail .box3 .titles span{
		font-size: .3rem;
		line-height: .5rem;
		
	}

	.indexbox2 .wrap>p,.indexbox2 .color p,
	.indexbox4 p.font2,.shipping .con .text p{
		font-size: .28rem;
		line-height: .45rem;
	}
	.order .con .cart .cartlist li .pro .text .remove{
		margin-top:.4rem;
	}
	
	
	.indexbox1 li .font,.addresslist .list li p,
	.orderbox .fr .info4 td,.order .con .cart .infolist .infos p{
		font-size: .24rem;
		line-height: .45rem;
	}
	.order .con .cart .infolist .infos .right select, .order .con .cart .infolist .infos .right input,
	.order .con .cart .infolist .infos .right a,.order .con .cart .btn{
		width:100%;
		height:.5rem;
		line-height:.5rem;
	}
	.order .con .cart .btn{
		height:.7rem;
		line-height:.7rem;
	}
	.aboutbox1 .nums li{
		margin:.2rem 0;
	}
	.aboutbox1 .nums{
		padding:0 1%
	}
	.order .con{
		min-height:60vh;
	}
	.indexbox3 li span,.orderbox .fr h2,.orderbox .fl li a,
	.orderbox .fl2 li a .text .font,
	.order .con .cart .cartlist li .pro .text span,
	.order .con .cart .cartlist li span, .order .con .cart .cartlist li .num{
		font-size: .28rem;
	}
	.order .con .cart .infolist .infos span{
		font-size: .26rem;
		width:30%
	}
	.order .con .cart .infolist >a{
		float:none;
		margin-bottom:.2rem;
	}
	.order .con .cart .cartlist li .pro{
		width:100%;
		margin-bottom:.3rem;
	}
	.orderbox .fr .table{
		
		overflow:scroll;
	}
	.orderbox .fr .table table{
		width:200%
	}
	.indexbox2 a{
		width:2.2rem;
		font-size: .28rem;
	}
	.indexbox5 a{
		width:2.2rem;
		font-size: .24rem;
		    background: url(../images/ico5.png) no-repeat right 10px center;
			    background-color: #00A8E2;
	}

	.indexbox1 li a {
		font-size: .24rem;
		width:3rem;
		background: url(../images/ico3.png) no-repeat right 10px center;
	}
	.regist .con, .shipping .con{
		min-height:60vh;
	}
	.order .con .cart .carttitle span{
		font-size:.2rem;
	}
	.order .con .cart .cartlist li{
		display:block;
	}
	.regist .con .wrap,.order .con .cart{
		padding:.3rem;
	}
	.regist .con .list input[type="text"],.regist .con button,
	.regist .con .list select,.orderbox .form button{
		height:.7rem;
		line-height:.7rem;
	}
	.regist .con button{
		font-size:.3rem;
	}

	.commonbox p,.regist .con .list>span,.regist .con .check{
		font-size: .24rem
	}

	.productdetail .tab .con p,
	.orderbox .fr .info2 .list .grey p{
		font-size: .24rem;
		line-height: .45rem
	}
	.submenus{
		height:auto;
		line-height:.5rem;
	}

	.news li a .text .font{
		font-size: .28rem;
		line-height: .5rem;
		height: .5rem;
		overflow:hidden;
	}
	.indexbox6 li img{
		height:5rem;
	}
	.indexbox6 li .font{
		font-size: .28rem;
		line-height: .5rem
		height:1rem;
	}
	.footer li{
		margin:0 .1rem;
	}
	.footer li a{
		font-size:14px;
	}
	


	/* 间距 */
	.indexbox2,.indexbox4{
		padding:.4rem 0;
	}
		{
		padding: .5rem 0 .8rem
	}
	.productdetail .desc .fr a{
		font-size:.24rem;
		width:2rem;
		height:.6rem;
		line-height:.6rem;
	}

	.indexbox3 .fr,.indexbox4 .fr,
	.contact .fl .ico,.productdetail .desc .fr{
		margin-top: .3rem;
	}
	.contact .fr{
		margin-top: .5rem;
	}
	.orderbox .fl{
		padding:.2rem;
	}
	.orderbox .fl li{
		display:inline-block;
		vertical-align:top;
	}
	.orderbox .fl2 li{
		width:100%
	}
	.orderbox .fl2 li a .text{
		width:70%
	}
	.orderbox .fl2 li a .img{
		width:24%;
		height:1.6rem;
	}
	.orderbox .form .list input,.orderbox .form .list select{
		height:.7rem;
	}
	.orderbox .fl li:hover, .orderbox .fl li.active{
		border:none;
	}
	.contact .fr .list input,
	.contact .fr .list textarea,
	.orderbox .form .list span{
		font-size:.24rem;
	}
	.orderbox .form .list input.short{
		width:46.5%
	}
	

	.product .navs,.solution .tab{
		margin:0 auto .5rem;
	}
	.product .navs a{
		margin:0 .1rem .1rem 0;
	}
	.productdetail .desc .fl .big{
		height:6.5rem;
	}
	.productdetail .desc .swiper-slide{
		height:1.8rem;
	}
	.orderbox .fr .info2 .list{
		margin:0 0 .2rem 0;
	}
	.shipping .con .wrap{
		padding:.3rem;
	}
	.productdetail .box1 .price{
		margin:.3rem 0;
	}
	.productdetail .box1 .cart a,.productdetail .box1 .cart input{
		height:.55rem;
		line-height:.55rem;
	}


	/* 宽度 */

	.orderbox .fl,.orderbox .fr,.orderbox .fr .info2 .list,
	.productdetail .box1 .img{
		width: 100%
	}
	.news li a img{
		margin:0 0 .2rem 0;
		height:4.6rem;
	}
	
	.footer .navs .fr .menu,.news li a{
		display:block;
	}
	.indexbox6 li{
		width:100%;
		margin:0 auto .3rem;
	}
	.productdetail .whols li .pro,.productdetail .box2 li .pro{
		height:2.5rem;
	}
	.productdetail .whols li span,
	.productdetail .box2 li span{
		font-size:.28rem;
		margin-top:.2rem;
	}
	.productdetail .box2 li p{
		font-size:.3rem;
	}
	.productdetail .box2 li a.btn{
		font-size:.24rem;
		width:1.5rem;
		height:.6rem;
		line-height:.6rem;
	}

	.product .fr .list li,
	.product .list li,.productdetail .whols li,.productdetail .box3 li,
	.productdetail .box2 li{
		width: 48%;
		margin: 0 4% .3rem 0
	}
	.productdetail .whols li:nth-of-type(2n),
	.productdetail .box3 li:nth-of-type(2n),
	.productdetail .box2 li:nth-of-type(2n){
		margin-right:0;
	}
	.product .fr .list li:nth-of-type(3n){
		margin-right:4%;
	}
	.product .fr .list li:nth-of-type(6n){
		margin-right:0%;
	}
	.product .list li img{
		height:3rem;
	}
	.productdetail .box2,.productdetail .box1{
		padding:.3rem;
	}
	.productdetail .box1{
		display:block;
	}
	.page a{
		padding:0 6px;
		height:.5rem;
		line-height:.5rem;
		margin-right:.1rem;
	}

		{
		width: 32%;
		margin: 0 2% .3rem 0
	}

	:nth-of-type(2n) {
		margin-right: 0
	}

	

}

@media screen and (min-width:1040px) and (max-width:1600px) {
.wrap{
	width:75%
}
	
}


@media screen and (min-width:1450px) and (max-width:1700px) {
	
	
	
}