@media screen and (max-width: 1200px){
    

}

@media screen and (max-width: 1083px){

}


@media screen and (max-width: 1024px){
    .center{
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
    }
 
}


@media screen and (max-width: 920px){
	.grt-menu{
		display: none;
	}
    .m-hd{display: block;}
   	.zhanwei-tel{
   		height: 60px;
   	}
   	.top-menu{
   		margin-top: 20px;
   	}
   	.top-menu li{
   		width: 100%;
   	}
   	.pro-search .search{
   		width: 100%;
   	}
   	.pro-search .search input{
   		width: 150px;
   	}
   	.pro-search p a{
   		margin-left:10px
   	}
   	.sy-pro-main li{
   		width: 100%;
   		margin: 0;
   		margin-bottom: 20px;
   	}
   	.sy-about-box{
   		height: auto;
   		background-size: cover;
   	}
   	.sy-about-box .syab-left{
   		width: 100%;
   	}
   	.sy-about-box .syab-right{
   		width: 100%;
   		padding-left: 10px;
   		padding-right: 10px;
   	}
   	.sy-news-main li{
   		width: 100%;
   		margin: 0;
   		margin-bottom: 20px!important;
   	}
   	.footer1 .f-logo{
   		width: 100%;
   	}
   	.footer1 .bot-nav{
   		width: 100%;
   		margin-left: 0;
   		margin-top: 30px;
   	}
   	.about-list .ab-left{
   		width: 100%;
   		text-align: center;
   	}
   	.about-list .ab-left img{
   		width: 80%;
   	}
   	.about-list .ab-right{
   		width: 100%;
   		padding-left: 0;
   	}
   	.list-ser li{
   		width: 50%;
   	}
   	.pro-list li{
   		width: 100%;
   		margin: 0;
   		margin-bottom: 20px;
   	}
   	.m_newsInfo .left{
   		width: 100%;
   		margin: 0;
   	}
   	.m_newsInfo .right{
   		width: 100%;
   		margin-left: 0;
   		margin-top: 30px;
   	}
   	
}


@media screen and (max-width: 880px){
    
}


@media screen and (max-width: 810px){
   
}

@media screen and (max-width: 769px){
	.center{
		padding: 0 10px;
	}
	.static{
		position: static!important;
		overflow: hidden;
		margin-left: 20px;
		float: left;
	}
	.static.txt{
		width: 40%;
		float: left;
	}

	.telwidth{
		width:100%!important;
		margin-bottom: 20px;
	}
	.telwidth2{
		width: 50%!important;
	}
	.displaynoe{
		display: none!important;
	}
	.foaltnoe{
		float: none!important;
		margin: 0 auto!important;
		margin-bottom: 20px!important;
	}
	.sy-part2{
		background-size: cover;
		height: auto;
		padding-bottom: 20px;
	}
	.list-icon{
		width: 33.33%;
		float: left;
		text-align: center!important;
		margin-left:0!important ;
	}
	.icon-box{
		margin-left: 15px;
	}
	.myicon{
		overflow: hidden;
		width: 100%;
	}
	.sy-part1-wrap{
		width: 100%!important;
		margin-top: 0;
		background: none;
	}
	.sy-part1-wrap{
		height: auto;
		background: none;
	}
	.main-txt>div{
		width: 100%!important;
		margin: 0!important;
		margin-bottom: 20px!important;
	}
	.sy-part3-wrap{
		height: auto;
	}
	.sy-part3{
		height: auto;
		background-size:cover;
		padding-bottom: 20px;
	}
	.pro-box{
		overflow: hidden;
		margin-bottom: 30px;
	}
	.part4-main{
		padding-top: 0;
	}
	.part4-main li{
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.mediabody{
		width: 100%;
		margin-top: 30px!important;
	}
	.mediabody img{
		width: 100%;
	}
	.content_list li{
		width: 50%!important;
		
	}
	.contentbody{
		width: 100%;
	}
	*{
		visibility: visible!important;
	}
	.mlist{
		padding: 0!important;
	}
	.bx-controls-direction{
		display: none;
	}
	.bx-viewport{
		width: 100%!important;
		margin: 0!important;
	
	}
	.item_img{
		visibility: hidden!important;
	}
	.sy-part1-main .pic{
		display: none;
	}
	.item_block{
		width: 100%;
	}
	.bx-viewport{
		width: auto!important;
		height:auto!important;
	}
	
	.about-part1{
		height:auto!important;
		padding-bottom: 20px;
	}
	.about-part1 .left-main{
		width: 100%;
	}
	.about-part1 .right-pic{
		width: 100%;
		margin-top: 20px;
	}
	.about-tips{
		position: static;
		margin-top: 30px;
		padding-left:10px;
		padding-right: 10px;
	}
	.about-part2 .progress{
		padding-top: 30px;
	}
	.about-part2{
		height: 300px;
	}
	.about-part2 .about-line{
		top: 68px;
	}
	.about-part3 .left-info{
		width: 100%;
	}
	.about-part3 .right-sliders{
		width: 100%;
		margin-top: 30px;
	}
	.about-part3 .right-sliders .pic-txt{
		bottom: 0;
	}
	.about-part3{
		height: auto;
	}
}


@media screen and (max-width: 640px){
   
}

@media screen and (max-width: 480px){

}