@media screen and (max-width: 1200px) {
	.nav{
	height: 180px;
	}
	.statement-con,
	.products-cont{
		width: 768px;
	}
	.newscont-list-top a {
	    width: 70%;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.client-listpic{
		margin-left: 25px;
	}
	.client-infor{
		margin-top: 25px ;
	}
	.cont-nav{
		width: 210px;
	}
	.cont-nav-top {
	    box-sizing: border-box;
	    padding-top: 30px;
	    padding-left: 20px;
	    width: 210px;
	    bottom: 30px;
	    background-color: #0057a4;
	}
	.left-nav>li {
	    
	    padding: 35px 20px 35px 20px;
	    
	}
	.left-nav>li>a span {
	    
	    margin-left: 0px;
	   
	}
	.left-nav>li>a span.on{
		margin-left: 0px;
	}
	.cont-centbg{
		width: 540px;
	}
	.products-list li{
		width: 30%;
		margin-right: 5%!important;
	}
	.products-list li:nth-child(3n){
		margin-right: 0px!important;
	}
	.page{
		margin: 20px 0;
	}
	.page a{
		margin-bottom: 10px;
	}
	.products-pic{
		width: 100%;
		height: 100%;
	}
	.cont-nav-top p{
		font-size: 20px;
	}
	.nav-cont,
	.field-cont,
	.header-cont{
		width:768px ;
	}
	.header-cont{
		    flex-direction: column;
		    align-items: center;
		    justify-content: center;
	}
	.nav-cent{
		width:768px ;
		background-color: #0057a4;
	}
	.swiper-container {
		height: 430px;
	}
	.suggest-cont{
		width: 768px;
	}
	
	.offerings-list li{
		
		margin-right: 5%!important;
		width: 30%;
		height: 30%;
	}
	.offerings-list li:nth-child(3n){
		margin-right :0!important;
	}
	.offerings{
		height: 100%;
		width: 100%;
	}
	/* .offerings-list li {
		margin-right: 0px!important;
		margin-left: 65px !important;
		margin-bottom: 49px !important;
	} */
	/* .offerings-list li:nth-child(2n){
		margin-left: 80px;
	} */
	.above-cont,
	.above-cont-l{
		height: 135px;
		width: 768px;
	}
	.above-cont-l img{
		width: 165px;
	}
	.above-cont-r img{
		width: 310px;
	}
	.under-cont{
		
		width: 768px;
	}
	.under-cont-l p{
		width: 650px;
		
	}
	.under-cont-r{
		height: auto;
	}
	.under-cont-l{
		height: auto;
	}
	.more-t{
		    margin: 79px auto;
	}
	.produce-cont{
		width: 768px;
	}
	.produce-list li{
		margin-bottom: 50px;
		margin-right: 0px;
		margin-left: 62px!important;
	}
	.field-list li{
		margin-right: 0px!important;
		margin-left: 66px!important;
		margin-bottom: 20px;
		background-color: #000000;
	}
	.news-cont{
		width: 768px;
	}
	.news-cent>div{
		margin-left: 0px;
		padding-bottom: 30px;
	}
	.news-cent>div:nth-child(2n){
		margin-left: 68px;
		
	}
	.friendship-list{
		width: 688px;
	}
	.statement{
		margin: 0px!important;
	}
	.footer-cont{
		width: 768px;
		flex-direction: column;
		    display: flex;
	}
	.tel-list,
	.nav-list1,
	.nav-list2,
	.QR-code,
	.filing{
		margin: 0px;
	}
}

/* @media screen and (max-width: 992px) {
	
} */

@media screen and (max-width: 768px) {
	.swiper-pagination-bullet{
		width: 40px;
	}
	.above-cont, .above-cont-l {
	    height: 80px;
	    width: 100%;
	}
	.above-cont-r img {
	    width: 190px;
	}
	.above-cont-l img {
	    width: 95px;
	}
	.nav-cent,
	.header,
	.ups{
		display: none;
	}
	.log{
		width: 195px;
		height: 35px;
		
		margin: 20px 0;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 20px;
	}
	.nav-cent{
		height: 100vh;
		flex-direction: column;
		    justify-content: flex-start;
		position: fixed;
		flex-direction: column;
		z-index: 20;
		top: 0px;
		right: 0px;
		width: auto;
	}
	
	.nav-cent li{
		width: 230px;
	}
	.nav-cent li a{
		display: flex;
		    align-items: flex-end;
		    justify-content: center;
	}
	.phone-nav{
		cursor: pointer;
	display: flex;
	z-index: 999;
	background-color: #00489A;
	    align-items: center;
	    justify-content: center;
	}
	.nav-cont{
		position: relative;
		box-sizing: border-box;
		padding: 40px 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.nav{
		height: auto;
	}
	.nav-cont, .field-cont, 
	.header-cont,.suggest-cont,
	.above-cont,.under-cont-l p,
	.under-cont,.produce-cont,
	.news-cont,.title,.environment,
	.field-list img,.field-infor,
	.enterprise-top,.friendship-list,
	.footer-cont{
		width: 100%;
	}
	.produce-list li{
		width: 100%;
		margin: 0!important;
		margin-bottom: 15px!important;
	}
	.swiper-container{
		width: 100%;
		height: 220px;
	}
	.swiper-slide{
		width: 100%;
	}
	.nav-cent li {
		height: 90px;
	}
	.nav-cont{
		height: 80px;
	}
	.offerings-list li{
		
		margin: 0px!important;
		margin-right: 10%!important;
		margin-bottom: 20px!important;
		width: 45%;
		height: 45%;
		
	}
	.under-cont-l{
		padding: 10px!important;
	}
	.offerings-list li:nth-child(3n){
		margin-right: 10%!important;
	}
	.offerings-list li:nth-child(2n){
		margin-right: 0px!important;
	}
	.offerings{
		height: 100%;
		width: 100%;
	}
	.under-cont-l,.under-cont-r{
		float: inherit;
		
		padding: 0 10px;
	}
	.banner,.cont-nav-top p:nth-child(1),.nav-row{
		display: none;
	}
	.under-cont-r{
		margin: 20px auto;
	}
	.more-t{
		box-sizing: border-box;
		justify-content: space-between;
		margin: 0  auto ;
		display: flex;
		width: 172px;
		height: 50px;
	}
	.more-t a{
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    height: 50px;
	}
	.more-t p{
		margin: 0 auto;
		line-height: 50px;
		
	}
	.field-list li{
		margin: 0px!important;
		width: 48%;
		margin-bottom: 15px!important;
		float: left;
		height: 432px;
		margin-right: 4%!important;
	}
	.field-list img{
		height: 227px;
	}
	.field-list li:nth-child(2n){
		margin-right: 0%!important;
	}
	.field-infor .more{
		width: 80%;
		left: 10%;
		bottom: 5%;
	}
	.news-cent>div{
		margin: 0!important;
		padding-bottom: 20px!important;
		width: 100%;
	}
	.news-infor{
		width: 70%;
	}
	.news-date{
		
	}
	.statement-con{
		width: 100%!important;
		padding: 10px;
		    box-sizing: border-box;
	}
	.friendship-list{
		margin-top: 20px;
	}
	.offerings-list,.produce-list,
	.field-list,.news-cent{
		padding: 0 15px;
	}
	.products-cont{
		width: 100%;
	}
	.cont-nav {
	    width: 100%;
	    background-color: #fff;
	}
	.cont-nav-top {
	    box-sizing: border-box;
	    padding: 10px;
	    
	    width: 100%;
	    height: auto;
	    position: inherit;
	    
	    background-color: #2144a4;
	}
	.cont-centbg {
	    padding-bottom: 40px;
	    width: 100%;
	    background-color: #F7F7F7;
	}
	.products-list li {
	    margin: 0px;
	    float: left;
	    margin-right: 12%!important;
	    width: 44%;
		margin-bottom: 20px;
	}
	.products-pic {
	    border: 1px solid #e5e5e5;
	    width: 100%;
	    height: 100%;
	}
	
	.page {
	    text-align: center;
	    /* width: 100%; */
	    margin-top: 30px;
	}
	.page a{
		margin-bottom: 10px;
	}
	.client-listpic{
		margin-left: 0px;
	}
	.products-list li:nth-child(3n){
		margin-right: 12%!important;
	}
	.products-list li:nth-child(2n){
		margin-right: 0px!important;
	}
	
	.newscont-list-top a {
	    width: 60%;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.up-next a ,
	.up-next{
   
    width: 100%;
    
	}
	.about-paper-list li a{
		width: 65%;
	}
	.app-list li {
	  
	    float: left;
	    background-color: #f7f7f7;
	    width: 46%;
	    margin: 0px!important;
		margin-right: 8%!important;
		margin-bottom: 20px!important;
	}
	.app-list-pic,
	.app-list-pic img{
		width: 100%;
	}
	.app-list li:nth-child(2n){
		margin-right: 0px!important;
	}
	.products-infor-cont {
	    margin-left: 0px;
	    width: 100%;
	}
	.updown>div{
		float: inherit;
		margin-bottom: 20px;
	}
	.client-listpic {
	    width: 100%;
	    height: 100%;
	    border: 1px solid #e5e5e5;
	    float: inherit;
	}
	.client-infor{
		margin: 20px 0;
	}
	
	.client-infor-tips span
	{	
		display: block;
		margin: 0px;
	}
	.client-infor-tips img{
		display: block;
		float: left;
	}
	.title-cont{
		font-size: 22px;
	}
	.sub {
		font-size: 14px;
	}
	.phone-nav{
		position: fixed;
		    right: 3%;
	}
	.nav-list1,.nav-list2{
		display: none;
	}
	.footer-cont {
		padding: 30px 0;
	}

}

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