@media screen and (max-width: 1200px) and (min-width: 768px){
	.box{width: 94%;}
	.header .middle .nav li .child dd{display: none;}
	.header .middle .nav li .child{width: 355px;}
	.header .middle .nav li>a{padding: 0 8px;font-size: 16px;}
	.other-label .label-line{-webkit-animation-duration:.6s;-moz-animation-duration:.6s;animation-duration:.6s;}
	.product-box ul li{width: 32%;}
	.product-box ul li:nth-child(3n){margin-right: 0;}
	.product-box ul li:nth-child(n+4){margin-top: 2%;}
	.relevant_news ul li{width: 100%;}
	.relevant_news ul li a{font-size:16px;}
}
@media screen and (max-width: 767px){
	.box{width: 94%;}
	.header .top{display: none;}
	.header .middle .logo{height: 40px;line-height: 40px;}
	.header .middle .nav{padding: 10px 0;}
	.header .middle .nav .nav-menu{font-size: 26px;}
	.header .middle .nav ul{position: fixed;top: 0;left: 100%;transition: margin-left .4s;width: 230px;background: rgba(29, 113, 203, .8);height: 100%;padding-top:60px; }
	.header .middle .nav li{float: initial;}
	.header .middle .nav li>a{color: #fff;text-align: center;}
	.header .middle .nav li.cur>a{background: #fff;color: #1d71cb;}
	.header .middle .nav:hover ul{margin-left: -230px;}
	.header .middle .nav li .child{position: initial;width: 100%;}
	.header .middle .nav li.cur .child{display: block;}
	.header .middle .nav li .child dd{display: none;}
	.header .middle .nav li .child dt{width: 90%;padding: 0 5%;height: auto;line-height: 40px;}
	.header .middle .nav li .child dt a:hover{color: #333;}

	.label .title{font-size: 22px;}
	.label .child a{margin: 0 3px;}
	.box1 ul li{width: 48.5%;margin-right: 3%;}
	.box1 ul li:nth-child(2n){margin-right: 0;}
	.box1 ul li:nth-child(n+3){margin-top: 3%;}

	.box2 .pic-box{width: 100%;padding-bottom: 60%;}
	.box2 .about{width: 100%;padding-bottom: 30px;height: auto;}
	.box2 .about dl{position: initial;width: 90%;}
	.box2 .about dl dt{font-size: 20px;}

	.box3 .items{width: 100%;margin-bottom: 10px;}

	.footer .top,.footer .middle{display: none;}
	.footer .bottom{border-top: 0;padding-top: 0;}

	.other-nav li{font-size: 16px;}
	.other-banner{padding-bottom: 32%;}
	.other-label .desc{height: 0;overflow: hidden;}

	.pages a{padding: 0 8px;}
	.pages a.first,.pages a.last{display: none;}

	.product-box ul li{width: 48.5%;margin-right: 3%;}
	.product-box ul li:nth-child(2n){margin-right: 0;}
	.product-box ul li:nth-child(n+3){margin-top: 3%;}
	
	.relevant_news ul li{width: 100%;}
	.relevant_news ul li a{font-size:16px;}

	#message label{width: 50px;padding-left: 0;}
	#message .layui-input-block{margin-left: 65px;}
}