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

	/* 公共样式 */
	.banner,
	.header,.product .wrap>.fl{
		display: none;
	}

	.phonebanner {
		display: block;
		margin-top: 1.2rem;
	}

	.phonebanner .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 2px !important;
	}

	.phonebanner img,.product .fr{
		width: 100%
	}

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

	}

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

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

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

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





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

	/* 字体大小 */
		{
		font-size: .4rem
	}

	.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{
		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{
		font-size:.26rem;
	}

	.productdetail .desc .fr .title{
		font-size: .3rem;
		line-height: .5rem;
	}

	.indexbox1 .titles p,.indexbox2 p,
	.indexbox3 .fl p, .indexbox3 .fr p,
	.indexbox3 .fl li,.indexbox4 .titles p,
	.indexbox5 p,.aboutbox1 .con .fl p,
	.newsdetail .details p,.contact .fl p,
	.productdetail .desc .fr p{
		font-size: .28rem;
		line-height: .45rem;
	}
	.solution .tab p,.aboutbox1 .nums li p,
	.aboutbox1 .nums li i{
		font-size: .24rem;
		line-height: .45rem;
	}
	.aboutbox1 .nums li{
		margin:.2rem 0;
	}
	.aboutbox1 .nums{
		padding:0 1%
	}
	.contact .fr button{
		font-size: .28rem;
	}
	.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;
	}

		{
		font-size: .24rem
	}

	.productdetail .tab .con 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 .navs{
		width:95%;
		padding:.3rem;
	}



	/* 间距 */
	.indexbox2{
		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;
	}
	.footer .navs .fr .search{
		margin-top: .3rem;
		width:100%;
	}
	.contact .fr .list input,
	.contact .fr .list textarea{
		font-size:.24rem;
	}
	.footer .navs .fr>ul{
		padding:.3rem 0 0;
	}
	.footer>p{
		font-size:.24rem;
		line-height:.45rem;
		padding-top:14.5rem;
	}

	.footer .navs .fl,.footer .navs .fr .menu>div{
		margin-bottom: .3rem;
	}
	.product .navs,.solution .tab{
		margin:0 auto .5rem;
	}
	.product .navs a{
		margin:0 .1rem .1rem 0;
	}
	.productdetail .desc .fl .big{
		height:6.5rem;
		width: 100%;
	}
	.productdetail .desc .swiper-slide{
		height:1.8rem;
	}


	/* 宽度 */

	.indexbox1 .titles p,.indexbox3 .fl, .indexbox3 .fr,
	.indexbox4 .fr, .indexbox4 .fl,
	.footer .navs .fr,.footer .navs .fl,
	.aboutbox1 .con .fl,.aboutbox1 .con .fr,
	.news li a img,.contact .fl,.contact .fr,
	.productdetail .desc .fl,.productdetail .desc .fr{
		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;
	}

	.product .fr .list li,
	.product .list li{
		width: 48%;
		margin: 0 4% .3rem 0
	}
	.product .fr .list li:nth-of-type(2n),
	.product .list 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;
	}
	.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
	}

	/* 底部 */
	.footer .navs .fr .menu span{
		font-size:.28rem;
		margin-bottom:.2rem;
	}
	.footer .navs .fl >img{
		margin-bottom:.4rem;
	}

}

@media screen and (min-width:1000px) and (max-width:1450px) {

	.header .fr .btn {
		width: 3.2rem;
		padding-left:.3rem;
	}

	.header {
		padding: 0 0 0 6%;
	}

	.wrap {
		width: 80%
	}
	.footer>p{
		padding-top:5.2rem;
	}
	.footer .navs .fr .ico li{
		margin-right:.1rem;
	}
	.header .fr li a{
		font-size:14px;
	}
}


@media screen and (min-width:1450px) and (max-width:1700px) {

	.footer>p{
		padding-top:4.3rem;
	}
	.header{
		padding: 0 0 0 12%;
	}

}