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

	.header,
	.banner,.aboutus>img.pc {
		display: none;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.5rem;
		line-height: 1.5rrem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 .2rem #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.wrap,.wrap2{
		width: 94%;
		margin: 0 auto;
	}

	.phoneheader .fr {
		position: absolute;
		right: .3rem;
	}

	.phoneheader .fl img {
		height: 1.2rem;
	}

	.phoneheader .fr span {
		font-size: .5rem;
		margin: 0 .1rem;
	}

	.phoneheader .fr img {
		width: .5rem;
		margin-left: .2rem;
	}

	.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: 0 0.12rem;
		overflow-y: scroll;
	}

	.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 button {
		height: 30px;
		line-height: 30px;
		width: 30px;
		background: url(../images/search.png) no-repeat center center;
	}

	.mobile_nav form input {
		width: 160px;
		padding-left: 10px;
	}

	.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;
	}

	.mobile-container li ul.sub,
	.mobile-container li ul.three {
		display: none;
	}

	.mobile-container li a {
		font-size: .35rem;
		padding-right: 1rem;
		display: inline-block;
		width: 100%;
	}

	.mobile_nav>ul>li {
		border-bottom: 1px solid rgba(238, 238, 238, 1);

	}

	.mobile_nav>ul>li:nth-of-type(3) ,.mobile_nav>ul>li:nth-of-type(1){
		background: url(../images/xl5.png) no-repeat right 10px top .4rem;
	}
	.mobile_nav>ul>li:nth-of-type(3).active,.mobile_nav>ul>li:nth-of-type(1).active{
		background: url(../images/xl.png) no-repeat right 10px top .4rem;
		
		}
	.mobile_nav>ul>li:nth-of-type(1) .sub >li{
		background: url(../images/xl2.png) no-repeat right 10px top .4rem;
	}

	.mobile-container li ul.sub li a {
		font-size: .26rem;
		line-height: .4rem;
		padding-right: 0rem;
	}
	.mobile-container li ul.sub>li.active{
			background: url(../images/xl3.png) no-repeat right 10px top .4rem;
	}
	.mobile-container li ul.three li a {
		font-size: .24rem;
		padding-right: 0;
	}
	.mobile-container li ul.three li{
		line-height: .35rem;
	}

	.mobile-container .lang {
		padding: .5rem 0 .2rem;
		text-align: center;
	}

	.mobile-container .lang a {
		margin: 0 0.2rem;
	}

	.mobile-container .lang a.active {
		color: #339A2C;
	}

	.phonebanner {
		display: block;
		margin-top: .2rem;
		position: relative;
	}

	.phonebanner img {
		width: 100%;
	}

	.wrap {
		width: 94% !important;
		margin: 0 auto;
	}
	.submenus{
		margin-top:1.5rem;
		line-height: .6rem;
	}

	.submenus .wrap {
		display: block;
	}
	.submenus .wrap a, .submenus .wrap span{
		font-size: .22rem;
	}
	.content .wrap p{
		font-size: .3rem;
	}
.aboutus .contents .text p,.career .text p,.detail .con p,.productlist .title p{
		font-size: .26rem;
		line-height: .5rem;
	}
	
	.phonebanner span{
		
		font-size: .32rem;
		font-family: Roboto;
		font-weight: 400;
		color: #FFFFFF;
		position: absolute;
		top:32%;
		left: 1%;
	}
	.content,.career,.contact,.productlist{
		padding:.4rem 0 .6rem;
	}
	.detail{
		padding:.4rem 0 2rem;
	}
	.indexnews{
			padding:.4rem 0 1rem;
	}
	.footer{
		height: auto;
	}
	.footer .fr a{
		margin:0 .1rem 0 0;
		font-size: .26rem;
	}
	.footer .fl li{
		line-height: .6rem;
	}
	.footer .fl li a{
		font-size: .24rem;
	}
	
	.wap{
		display: block;
	}
	.aboutus .contents h2{
		margin-top:0;
		font-size: .45rem;
		padding-top:.2rem;
		margin-bottom: .3rem;
	}
	.indexbox1 h2{
		font-size: .4rem;
	}
	.indexbox1 .wrap>p{
		font-size:.28rem;
		line-height:.45rem;
		width:100%
	}
	.indexbox2 h2, .indexbox3 h2{
		margin-bottom:.4rem;
	}
	.indexbox1 .swiper-slide,.indexbox2 .fl,.indexbox2 .fr,
	.indexbox3 li,.footer .navs .fr,.footer .logo .fr,
	.footer .navs .fl,.footer .navs .fr{
		width:100%
	}
	.footer .navs .fl,.footer .navs .fr{
		float:none;
	}
	.footer .navs,.footer .navs .fl{
		display:block;
	}
	.footer .navs .fr .search,.footer .navs{
		margin-top:.4rem;
	}
	.footer .logo .fr span{
		font-size:.3rem;
		margin:0 0.2rem 0 0;
	}
	.indexbox2 .fl li{
		padding:.2rem;
	}
	.indexbox2 .fl li span,.footer .navs dt{
		font-size:.28rem;
	}
	.footer .navs .fl dl{
		margin:0 .5rem .2rem 0;
	}
	.footer .navs dd{
		font-size:.24rem;
	}
	.indexbox3 li img{
		height:4.5rem;
	}
	.indexbox2 .fl li img{
		width:.7rem;
	}
	.indexbox1 .swiper-pagination-bullets .swiper-pagination-bullet{
		width:.4rem;
		height:4px;
	}
	.indexbox2 .content{
		padding:0;
	}
	.aboutus .contents{
		min-height: 4rem;
		padding-bottom: 1rem;
	}
	.career .list li{
		padding:.2rem .2rem .4rem;
	}
	.career .list li p.title{
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	.career .list li p.font{
		font-size: .26rem;
		margin-bottom: .3rem;
	}
	.career .list li span{
		font-size: .24rem;
	}
	.career .text{
		margin-top:.4rem;
	}
	.contact .title{
		padding-bottom: .2rem;
	}
	.contact .title h2{
		font-size: .42rem;
		    background: url(../images/tel.png) no-repeat left top .2rem/.4rem;
		padding-left: .5rem;
		margin-bottom: .2rem;
	}
	.contact .title p{
		width: 100%;
		font-size: .26rem;
	}
	.contact .con{
		padding:.3rem 0 0;
	}
	.contact .con .fl,.contact .con .fr{
		width: 100%;
	}
	.contact .con .fl span,.contact .con .fr span{
		font-size: .28rem;
	}
	.contact .con .fl p{
		font-size: .26rem;
		margin:.2rem 0;
	}
	.contact .con .fl .list,.contact .con .fr span{
		margin-bottom: .2rem;
	}
	.contact .con .fl .list input, .contact .con .fl .list select,.contact .con .fl .list textarea,.contact .con .fr p{
		width: 100%;
			font-size: .26rem;
	}
	.contact .con .fl .list textarea{
		height: 3.5rem;
	}
	.contact .con .fl p.blue{
		font-size: .24rem;
	}
	.phonebanner.swiper-container{
		margin-top:1.5rem;
	}
	.phonebanner  .swiper-button-prev{
	background:url(../images/prev2.png) no-repeat center center/100%;
		width:.5rem;
		height: .5rem;
		top:85%;
		z-index: 9999;
		left: 3%;
	}
	.phonebanner  .swiper-button-next{
	background:url(../images/prev2.png) no-repeat center center/100%;
		width:.5rem;
		height: .5rem;
		top:85%;
		z-index: 9999;
			left: 12%;
		transform: rotate(180deg);
	}
	.indexbox{
		padding:.4rem 0;
	}
	.indexbox .tit span,.indexnews h2{
		font-size: .5rem;
		margin:0;
	}
	.indexbox .tit a,.indexnews .swiper-slide p.tit{
		font-size: .3rem;
		margin:0;
		line-height: .45rem;
	}
	.indexbox li .photo p{
		font-size: .3rem;
		margin-top:.2rem;
	}
	.indexbox .tit{
		align-items: center;
		margin-bottom: .2rem;
	}
	.indexbox li{
		width: 48%;
		margin:0 4% .3rem 0;
	}
	.indexbox li:nth-of-type(2n){
		margin-right: 0;
	}
	.indexbox li:nth-of-type(3n){
		margin-right: 4%;
	}
	.indexbox li:nth-of-type(6n){
		margin-right: 0%;
	}
	.indexbox li i{
		height: 3rem;
	}
	.indexbox li .layer a{
		font-size: .28rem;
		line-height: .45rem;
		padding-left: .2rem;
	}
		
	.indexbox li .layer{
		height: 120%;
	}
	.indexnews .swiper-container{
		margin-top:.4rem;
		padding-bottom: .2rem;
	}
	.indexnews .swiper-slide>img,.indexnews .swiper-slide>div{
		width: 100%;
	}
	.indexnews .swiper-slide{
		display: block;
	}
	.indexnews .swiper-slide p.time{
		font-size: .24rem;
		margin:.2rem 0;
	}
	.indexnews .swiper-button-prev,.indexnews .swiper-button-next{
		width: .5rem;
		height: .5rem;
		top:100%;
		margin:0;
	}
	.indexnews .swiper-button-next{
		left: 18%;
	}
	.productlist .title h2{
		font-size: .4rem;
		margin-bottom: .2rem;
	}
	.productlist .commonbox{
		margin-top:.3rem;
	}
	.productlist .commonbox .fl{
		display: none;
	}
	.productlist .commonbox .fr{
		width: 100%;
	}
	.productlist .commonbox .fr li{
		padding:.2rem;
		margin-bottom: .2rem;
	}
	.productlist .commonbox .fr li a>img{
		width: 2rem;
		height: 2rem;
		margin-right: .2rem;
	}
	.productlist .commonbox .fr li a>div{
		padding-top:0;
	}
	.productlist .commonbox .fr li a>div p.tie{
		font-size: .3rem;
	}
	.productlist .commonbox .fr li a>div p.font{
		font-size: .26rem;
		line-height: .35rem;
		margin:.1rem 0;
		height: .7rem;
	}
	.productlist .commonbox .fr li a>div span,.page a, .page span{
		font-size: .24rem;
		margin:0;
	}
	.page button,.page input{
		width: 20px;
	}
	.productcontact .con .fr{
		margin-top:.3rem;
	}
	.productcontact .con .fr p.phone span,.productdetail .fr p.tit{
		font-size: .4rem;
		line-height: .55rem;
	}
	.productcontact .con .fr p.phone{
		margin:.4rem 0 .2rem;
	}
	.productdetail .fr{
		width: 100%;
		padding-top:.3rem;
	}
	.productdetail .fr p.font, .productdetail .fr p.tel{
		font-size: .28rem;
	}
	.productdetail .tab .title span{
		font-size: .32rem;
		padding:0 .2rem;
		height: .7rem;
	}
	.productdetail .fr h2{
		font-size: .32rem;
		padding-top:.2rem;
		margin-top:.3rem;
	}
	.productdetail .tab .title{
		height: .7rem;
		line-height: .7rem;
		margin-bottom: .3rem;
	}
	.productdetail{
		padding-bottom: 1rem;
	}
	.productdetail .fr .link{
		margin:.2rem 0;
	}
	.productdetail .fr p.tel{
		    padding: .3rem 0 .2rem .4rem;
			background: url(../images/tel2.png) no-repeat left top .3rem/.35rem;
	}
	.productdetail .fr .pdf{
		margin-top:.2rem;
		    background: url(../images/pdf.png) no-repeat left center/.5rem;
			padding-left: .7rem;
	}
	.productdetail .fr .pdf p{
		font-size: .3rem;
	}
	.productdetail .tab{
		margin-top:.3rem;
	}
	.productdetail .fl{
		width: 100%;
	}
	.jqZoomPup,.zoomdiv{
		display: none !important;
	}
	.jqzoom{
		height: 7rem;
	}
	#spec-list ul li .bg,#spec-list ul li img{
		width:1.25rem !important;
		height: 1.25rem;
	}
	#spec-list ul li{
		width:1.3rem !important;
		height: 1.3rem;
		margin-right: .1rem;
	}
}





@media screen and (min-width:800px) and (max-width:1300px) {
	
	.wrap,.wrap2{
		width: 80%;
	}
	.banner .swiper-button-prev{
		left: 10%;
	}
	.banner .swiper-button-next{
		left: 15%;
	}
}

@media screen and (min-width:800px) and (max-width:1500px) {
	.wrap2{
		width: 80%;
	}
	
}