@media (max-width: 1599.98px) {

}
@media (max-width: 1499.98px) {

}

@media (max-width: 1399.98px) {
   
}

@media (max-width: 1299.98px){
	.mainHeader .div-logo img{
		max-width: 65px;
	}

	.mainHeader .d2 .item>a{
		font-size: 14px;
	}

	.div-search input{
		padding: 5px 10px;
    	max-width: 150px;
	}

	.div-search button{
		top: 4px;
	}


	.fancybox-slide{
		position: fixed;
	}
}

@media (max-width: 1199.98px) { 
	.aboutMain .aboutLeft{
		border-bottom: 1px solid #5a6268;
	}

	.swiper1 .swiper-slide{
		height: 450px;
	}

	.nHistory .swiper-slide .year::after{
		font-size: 26px;
	}

	.nHistory .swiper-slide .year{
		font-size: 16px;
    	padding-top: 20px;
	}

	.nHistory .swiper-slide .des{
		font-size: 16px;
	}
}

@media (max-width: 1099.98px) { 
	.mainHeader .d2{
		margin: 0 3%;
	}



	
}


@media (max-width: 991.98px) { 
/*	html{
		height: 100%;
	}*/
	.mainHeader{
		display: none;
	}
	/*手机导航*/
	.mHeader{
		display: block;
		padding: 10px 0;
	}

	.mHeader .div-mlogo a{
	  display: block;
	  max-width: 85px;
	}

	.mHeader .div-mbtn:hover{
		cursor: pointer;
	}

	.m-memu{
		display: block;
		position: absolute;
		z-index: 999;
		background-color: rgba(0,0,0,.8);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateX(-100%);
		transition: all .6s;
	}

	.m-memu.menuShow{
		transform: translateX(0);
	}

	.m-memu .main{
		width: 80%;
	    background-color: #fff;
	    height: 100%;
	    padding: 25px 0;
	}

	.menu-items{
		margin-top: 15px;
	    padding-top: 15px;
	    /*border-top: 1px solid #fb0401;*/
	}

	.menu-items ul{
		display: block;
		margin-top: 15px;
	}

	.menu-items ul li{
		    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
	}

	.menu-items ul li:last-child{
		border-bottom:unset;
	}

	.menu-items ul li span{

	}

	.menu-items .subTit{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.menu-items span{
		display: block;
		width: 31px;
		height: 31px;
		position: relative;
	}

	.menu-items span::after{
		position: absolute;
	    content: "+";
	    font-size: 20px;
	    top: 0;
	    transition: all .6s;
	}

	.menu-items span.on::after{
		transform: rotate(135deg);
	}

	.menu-items .sub-item{
		display: none;
	}

	.menu-items .sub-item a{
		display: block;
		padding: 15px 0;
		border-bottom: 1px dashed #eee;
		position: relative;
	}

	.menu-items .sub-item a:last-child{
		border-bottom: unset;
	}

	.swiper1 .swiper-slide{
		height: 400px;
	}

	.swiper1 .swiper-slide .div-text p.title1{
		font-size: 18px;
	}

	.swiper1 .swiper-slide .div-text p.title2{
		font-size: 20px;
	}

	.swiper1 .swiper-slide .div-text p.des{
		font-size: 14px;
	}

	.readMore a{
		font-size: 14px;
		padding: 10px 15px;
	}

	.commonTit div.d1{
		font-size: 36px;
	}

	.commonTit div.d2{
		font-size: 14px;
	}

	.aboutMain .aboutLeft{
	  border-right: unset;
	}

	.newsLits .item{
		margin-bottom: 15px;
	}


/*	.newsLits .item .div-img{
		display: none;
	}*/

	.mainFooter .qrcode{
		margin: 15px 0;
	}

	.mainFooter .qrcode .item{
		margin: 0 15px;
	}

	.mainFooter .main{
		padding-bottom: 0;
	}

	.pagetitle{
		height:280px;
	}

	.bread .breadBar{
		display: flex;
		justify-content: space-between;
	}

	.nProdetail .div-imgs{
	  margin-bottom: 25px;
	}

	.nContact div.title{
		font-size: 26px;
		margin-bottom: 25px;
	}

	.nAbout .main .div-img{
		margin-top: 25px;
	}

	#carousel  .swiper-slide{
		width:33%;
	}



	




}



@media (max-width: 767.98px) { 
	html{
        font-size: 14px;
    }

    .swiper1 .swiper-slide{
		height: 300px;
	}
	.swiper1 .swiper-slide .div-text p.des{
		display: none;
	}

	.aboutRight .item{
		min-height: 200px;
	}

	.aboutRight .num{
		height: 35px;
	}

	.aboutRight .num strong, .aboutRight .num i{
		font-size: 30px;
	}

	.aboutRight .item .div-text{
		font-size: 16px;
	}

	.aboutMain .aboutLeft .title{
		font-size: 20px;
	}

	.proCates .item .div-img p.title,.proCates .item .mask .dtit{
		font-size: 18px;
	}

	.pagetitle .div-text .p1{
		font-size: 16px;
	}

	.pagetitle .div-text .p1 strong{
		font-size: 40px;
		line-height: 40px;
	}

	.pagetitle .div-text .p2{
		font-size: 16px;
	}

	.mHeader .div-mlogo a img{
		max-width: 85px;
	}

	.nEnvir #animated-thumbnails-gallery-office a {
		width: 50%!important;
	}

	.yangpin-list #animated-thumbnails-gallery-office a {
		width: calc(50% - 30px)!important;
	}

	.proAll .item .div-img .sy img{
		width: 35%;
	}

	.proAll .item h3.title{
		font-size: 20px;
	    margin-bottom: 25px;
	    margin-top: 5px;
	}

	.proAll .item .div-text{
		padding: 0 15px 25px 15px;
	}








 }


@media (max-width: 575.98px) { 

	.swiper1 .swiper-slide .div-text p.title1{
		font-size: 14px;
	}

	.swiper1 .swiper-slide .div-text p.title2{
		font-size: 16px;
	}

	.readMore a{
		font-size: 12px;
	}

	.commonTit div.d1{
		font-size: 30px;
	}

	.commonTit div.d2{
		font-size: 12px;
	}

	.pt{
		padding: 30px 0;
	}

	.nContact{
		padding-top: 35px;
	}

	.aboutRight .num{
		margin-top: 10px;
	}

	.aboutRight .num strong, .aboutRight .num i{
		font-size: 20px;
	}

	.aboutRight .item{
		padding: 3%;
	}

	.aboutRight .item .div-text{
		font-size: 14px;
	}

	.aboutRight .item p{
		
	}

	.aboutRight .num{
		margin-bottom: 0;
	}

	.aboutRight .item .div-img{
		max-width: 30px;
	}

	.aboutRight .item{
		min-height: 160px;
	}

	.aboutRight .item .div-text{
		margin-top: 35px;
	}

	.aboutRight .item{
		width: 50%;
	}

	.aboutRight .item:nth-child(3){
		border-right: 1px solid #5a6268;
	}

	.aboutRight .item:nth-child(4){
		border-bottom: 1px solid #5a6268;
	}

	.aboutRight .item:nth-child(2){
		border-right: unset;
	}

	.aboutRight .item:nth-child(4){
		border-right: unset;
	}

	.aboutRight .item .div-text{
		font-size: 16px;
	}

	.aboutMain .aboutLeft .title{
		font-size: 18px;
	}

	.pagetitle{
		height:180px;
	}


	.pagetitle .div-text .p2{
		display: none;
	}

	.bread .breadBar{
		width: 100%;
		justify-content: unset;
		
	}

	.bread .breadBar a{
		line-height: 45px;
		width: 30%;
		margin: 0 1%;
	}

	.bread .breadBar a+a{
	  margin-left: 0;
	}



	#carousel  .swiper-slide{
		width:100%;
	}

	.swiper1 .swiper-slide{
		height: 200px;
	}

	.nHistory .main{
		padding: 80px 0 100px 0;
	}



 }

 @media (min-width: 576px){
 	.modal-dialog {
	    max-width: 1000px;
	    margin: 1.75rem auto;
	}

	

 }