@media (max-width: 1599.98px) {

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

}

@media (max-width: 1399.98px) {
   	.pleft div.title{
   		font-size: 30px;
   	}

   	.pcHeader .d1{
   		max-width: 420px;
   	}
}

@media (max-width: 1299.98px){
	.pleft{
		padding-bottom: 45px;
	}

	.pleft ul{
		padding: 15px 0 25px 0;
	}

	.pcHeader .d2 ul li a{
		padding: 35px 15px;
	}


}

@media (max-width: 1199.98px){
	.pageTit{
		padding: 125px 0;
	}

	.pleft ul li a{
		padding: 15px 0;
		font-size: 16px;
	}

	.allinfos .item .d1 svg{
		width: 46px;
		height: 46px;
	}

	.allinfos .item .d1{
		min-width: 48px;
	}

	.allinfos .item .d2 p.p2{
		font-size: 18px;
	}

	

	

	
}

@media (max-width: 1099.98px) { 
	.pcHeader .d2 ul li a{
		font-size: 14px;
	}

	.pcHeader .d1{
		max-width: 400px;
	}

	.pcHeader .d3{
		padding-left: 15px;
	}

	.pcHeader .d3 span.s1 svg{
		width: 30px;
		height: 30px;
	}

	.pcHeader .d3 .tel{
		font-size: 20px;
	}

	.caseBox .rtxt a .div-text p.des{
		line-height: 1.4;
    	font-size: 12px;
	}

	.caseBox .caseLeft .div-text p.des{
		line-height: 1.6;
		font-size: 14px;
	}
}

@media (max-width: 1024.98px) { 
	.pcHeader{
		display: none;
	}

	.mHeader{
		display: block;
		padding: 15px 0;
		position: fixed;
    	width: 100%;
		box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 10%);
		z-index: 999;
		background-color: #fff;
	}

	.mHeader .mbtn{
		display: block;
		background-color: var(--primary);
		padding: 8px;
	}

	.mItems{
		display: block;
		position: fixed;
	    top: 85px;
	    left: 0;
	    right: 0;
	    height: 0;
	    overflow: hidden;
	    z-index: 999;
	    background: rgba(0,0,0,.8);
	    transition: all .6s;
	}

	.mItems ul li{
		border-bottom: 1px solid #696969;
	}

	.mItems ul li .title,.mItems .subItems{
		padding: 0 5%;
	}

	.mItems ul li .title>a{
		display: block;
		padding: 15px 0;
		color: #fff;
		font-size: 16px;
	}

	.mItems .subItems{
		display: none;
	}

	.mItems .subItems a{
		display: block;
		padding: 15px 0;
		color: #fff;
		font-size: 16px;
	}

	.itemBtn{
		transition: all .6s;
		transform: rotate(0deg);
	}

	.mItems ul li.on .title{
		background-color: var(--main);
	}

	.mItems ul li.on .itemBtn{
		transform: rotate(-180deg);
	    display: block;
	    width: 30px;
	    height: 50px;
	    line-height: 50px;
	}

	.mItems.show{
		height: 100%;
	}

	.banner{
		margin-top: 80px;
	}


	.honorLists #animated-thumbnails-gallery-office a .pic{
		padding: 15px 10px;
	}

	.blockFooter .top .item .d1 svg{
		width: 30px;
		height: 30px; 
	}

	.blockFooter .top .item .d2{
		font-size: 20px;
	}

	
}


@media (max-width: 991.98px) { 
	.pCates .item{
		margin-bottom: 15px;
	}

	.pLists .item .div-text{
		display: none;
	}

	.pLists {
		padding-left: 0;
		padding-right: 0;
	}

	.pLists .swiperbtn{
		display: none;
	}

	.aboutImg{
		margin-top: 25px;
	}

	.nyaboutBox .aboutImg{
		margin-bottom: 25px;
	}

	.numCounter .item font{
		font-size: 40px;
	}

	.numCounter .item p{
		font-size: 12px;
	}

	.newsLists .item{
		margin-bottom: 45px;
	}

	.caseBox{
		margin-top: 35px;
	}

	.pageTit{
		margin-top: 75px;
		padding: 85px 0;
		min-height: 200px;
	}

	.pageTit .div-text p.p1{
		font-size: 24px;
	}

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

	.breadMenu .main{
		transform: translateY(0);
	}

	.breadMenu a{
		height: 30px;
		line-height: 30px;
		margin: 5px 0;
	}

	.mainFooter .d1{
		display: none;
	}

	.breadMenu{
		padding: 5px 0;
	}

	.breadMenu .main{
		/*border-bottom: 1px solid #ccc;*/
		box-shadow: unset;
		padding: 0;
	}

	.breadMenu .container-fluid{
		max-width: 100%;
	}

	.breadMenu .d1 a{
		height: 45px;
		line-height: 45px;
	}

	.pt{
		padding: 45px 0;
	}

	.advBox .item1{
		margin-bottom: 15px;
	}

	.advBox .item1 .d1{
		font-size: 32px;
	}

	.advBox .item1 .p2{
		font-size: 20px;
	}

	.advBox .item p.p1{
		font-size: 16px;
	}

	.aboutBlock .main .div-text{
		margin-right: 0;
	}

	.aboutNum .counter{
		font-size: 24px;
	}

	.aboutNum .s2{
		font-size: 14px;
	}

	.aboutNum .d1 svg{
		width: 56px;
		height: 56px;
	}

	.qrcode{
		margin-top: 25px;
	}

	.allinfos .item .d1{
		min-width: 50px;
	}

	.mItems{
		top: 100px;
	}

	.honorLists #animated-thumbnails-gallery-office a{
		max-height: 240px;
	}

	.honorLists #animated-thumbnails-gallery-office a .pic p{
		display: none;
		max-height: 220px;
	}

}



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

    .swiper1 .swiperbtn:after{
	    font-size: 20px;
	    color: rgba(255,255,255,.6);
	    padding: 10px 5px;
	    background: rgba(0,0,0,.6);
	}

	.swiper1 .swiper-pagination-bullet{
	  width: 10px;
	  height: 10px;
	}

	.pCates .item{
		font-size: 14px;
	}

	.aboutBox .content-main{
		padding: 45px 25px;
	}

	.aboutTxt h2.title{
		font-size: 24px;
	}

	.caseRight .div-img img{
		width: 100%;
	}

	.caseBox .rtxt a{
		padding: 25px 20px;
	}

	.pt{
		padding: 45px 0;
	}

	.newsLists .item .date .md{
		font-size: 24px;
	}

	.newsLists .item .date{
		padding: 30px 10px 20px;
	}

	.newsBox .more{
		margin-top: 25px;
	}

	.caseBox .caseLeft .div-text p.title{
		font-size: 24px;
	}


	.top-back.show{
		display: none;
	}

	.blockFooter .item ul{
		display: none;
	}

	.blockFooter .main{
		padding-bottom: 25px;
	}

	.contactBtn{
		font-size: 20px;
	}

	.mHeader .d1{
		max-width: 400px;
	}

	.mItems{
		top: 85px;
	}

 }


@media (max-width: 575.98px) { 

	.commonTit .t1{
		font-size: 30px;
	}

	.commonTit .t2{
		font-size: 24px;
	}

	.commonTit .t2:after{
		width: 35px;
	}

	.aboutNum .d1 svg{
		width: 30px;
		height: 30px;
	}

	.aboutNum label{
		margin-bottom: 0px;
	}

	.aboutNum .counter{
		font-size: 18px;
	}

	.aboutNum .s2{
		font-size: 12px;
	}

	.aboutNum{
		padding: 0 0 45px 0;
	}

	.allinfos .item{
		padding: 25px 15px;
	}

	.mpleft ul li a{
		padding: 5px 10px;
		font-size: 12px;
	}
	
	.mpleft ul{

	    margin: 0 auto 0 -40px;
	}

	.mHeader .d1{
		max-width: 300px;
	}

	.mItems{
		top: 70px;
	}

	.banner {
		margin-top: 70px;
	}

	.breadMenu .d1 a{
		font-size: 14px;
	}

	.honorLists #animated-thumbnails-gallery-office a{
		max-height: 200px;
	}


 }


 /* 
 @media (min-width: 576px){
 	
 }