@media (max-width: 1024px){

*{

	font-size: 18px;

}

.centerBox{

	width: 94%;

}

.navPc,.top{

	display: none;

}

.menu{

	display: block;

	margin-top: 2.1rem;

	transition: all .3s;

}

.menu .bar{

	width: 2rem;

	height: 0.3rem;

	background: #000000;

	display:block;

	margin: 0.2rem 0;

	transition: all .3s;

}

/*.menu.on .bar:nth-child(2){

	opacity: 0;

	transition: all .3s;

}

.menu.on .bar:nth-child(1){

	transform:rotate(-45deg) translateY(0.6rem) ;

	-ms-transform:rotate(-45deg) translateY(0.6rem) ; 	

	-moz-transform:rotate(-45deg) translateY(0.6rem) ; 	

	-webkit-transform:rotate(-45deg) translateY(0.6rem) ; 

	-o-transform:rotate(-45deg) translateY(0.6rem) ; 	

}

.menu.on .bar:nth-child(3){

	transform:rotate(45deg) translateY(-0.6rem) ;

	-ms-transform:rotate(45deg) translateY(-0.6rem) ; 	

	-moz-transform:rotate(45deg) translateY(-0.6rem) ; 	

	-webkit-transform:rotate(45deg) translateY(-0.6rem) ; 

	-o-transform:rotate(45deg) translateY(-0.6rem) ; 	

}*/

.navMobile{

	display: block;

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(30,30,30,0.72);

	left: 0;

	top: 0;

	color: #fff;

	margin: 0 auto;	

	padding: 4rem 0;

	display: none;

	z-index: 99;

}

.navMobile ul{

	display: block;

	height: 100%;

	overflow-y: auto;

}

.navMobile ul li{

	text-align: center;

}

.navMobile a{

	color: #fff;

	font-size: 1.5rem;

}

.navMobile a:hover,.navMobile a.active{

	color: #0083CB;

}

.navMobile ul li+li{

	margin-top: 1.5rem;

}

.navMobile .frist{

	

}

.navMobile .second{

	margin-top: 1.5rem;

	display: none;

}

.navMobile .second a{

	display: inline-block;

	line-height: 2rem;

	margin: 0 3px;

	font-size: 1.2rem;

}

.close{

	position: absolute;

	top: -1.5rem;

	right: 10%;

	background: url(../img/close.png) no-repeat center;

	background-size: 100% 100%;

	width: 1.8rem;

	height: 1.8rem;

}

.navMobile .centerBox{

	position: relative;

}

.banner{

	height: 20rem;

}

.groupIndustry{

	padding: 40px 0;

}

.nineBox{

	padding-top: 0;

}

.nineBox .list{

	width: 23%;

	height: auto !important;

	margin-right:2.66%;

}

.groupIntroduction{

	padding: 40px 0;

}

.indexNews{

	padding: 40px 0;

}

.indexNewsList .left,.indexNewsList .right{

	width: 48%;

}

.product .list img{

	height: 12rem;

}

/*.bigImg {

    height: 200px;

    position: relative;

}

.bigImg img{

	position: absolute;

	margin-left: -960px;

	left: 50%;

	top: 0;

	width: 1920px;

}*/

.bigImg{

	height: 12.5rem;

}













}

@media (max-width: 768px) {

.nineBox .list{

	width: 48%;

	height: 9.6rem;

	margin-right:4%;

}

.nineBox .list:nth-child(3n){

	margin-right:4%;

}

.nineBox .list:nth-child(2n){

	margin-right: 0;

}

.indexNewsList .right .one{

	display: none;

}

.indexNewsList .left{

	width: 100%;

}

.indexNewsList .left .img img{

	height: auto;

}

.indexNewsList .right{

	width: 100%;

}

.footer .right{

	display: none;

}

.footer .left{

	width: 100%;

}

.footer .centerBox{

	padding: 20px 0;

}

.middleBox .left,.middleBox .right .title .localtion{

	display: none;

}

.middleBox .right{

	width: 100%;

	border: none;

	padding: 0;

}

.product .list img{

	height: 19rem;

}

.product .list{

	margin-right: 4%;

	width: 48%;

}



.product .list:nth-child(3n){

	margin-right: 4%;

}

.product .list:nth-child(2n){

	margin-right: 0;

	

}

















}

@media (max-width: 414px) {

*{

	font-size: 14px;

}

.head,.headBlabk{

	height: 6rem;

	padding: 5px 0;

}

.banner{

	height: 15rem;

}

.groupIndustry {

    padding: 8% 0;

}

.nineBox .list{

	width: 100%;

	height: auto;

	margin-right:0;

	margin-top: 5%;

}

.nineBox .list:nth-child(3n){

	margin-right:0;

}

.nineBox .list:nth-child(2n){

	margin-right: 0;

}

.groupIntroduction {

    padding: 8% 0;

}

.indexNews {

    padding: 8% 0;

}

.indexNewsList .right .two .list{

	height: 2.5rem;

	line-height: 2.5rem;

}

.product .list img{

	height: 12rem;

}

.middleBox,.product{

    padding: 20px 0;

}

.product .list{

	margin-bottom: 0;

}

.product .list p{

	height: 3rem;

	line-height: 3rem;

}

.page a {

    min-width: 20px;

    min-height: 20px;

    line-height: 18px;

    margin: 0 2px;

}

.newsInformation .list .img{

	width: 100%;

}

.newsInformation .list .details{

	width: 100%;

}

.newsInformation .list{

	padding: 15px 0;

}

.newsInformation{

	margin-bottom: 20px;

}

.newsInformation .list .img img{

	height: auto;

}

.gsain{
	width: 63%;
	font-size: 19%;
}

.head .logo{width: 83%;}



}

@media (max-width: 375px){

*{

	font-size: 14px;

}









}

@media (max-width: 360px) {

*{

	font-size: 14px;

}









}

@media (max-width: 320px) {

*{

	font-size: 12px;

}



}