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

} 

@media screen and (min-width: 960px) and (max-width: 1199px) { 
	[mob]{
		display: block;
	}
	[pc]{
		display: none;
	}
	.scoll-header-active i{
	    color:#000;
	}
	
	.ynq-subbody{
		width: calc(100% - 40px);
	}
	.ynq-index-SectionBody h1{
	    font-size:32px;
	}
	.ynq-index-SectionBody .ynq-index-SectionText{
	    font-size:16px;
	}
	.ynq-Index-SeviceText p{
	    width: calc(100% - 40px);
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
	.ynq-Index-SeviceText a{
	    width: 16px;
	}
	.ynq-fourlist{
	    padding:0px 20px;
	}
	.ynq-Index-Sevice li{
	   width: 48.5%;
	}
	.ynq-Index-Sevice li a{
	    width: 180px;
	    overflow: hidden;
	}
	.ynq-Index-SeviceText{
	    width: calc(100% - 200px);
	    padding-left:20px;
	}
	.ynq-Index-Sevice-Ahref{
	    right:19px;
	}
	.ynq-Index-Artice{
	    flex-wrap: wrap;
	}
	.ynq-Index-ArticeImg{
	    width: 100%;
	}
	.ynq-Index-ArticeImg img{
	    width: 100%;
	    height: 430px;
	}
	.ynq-Index-ArticeList{
	    width: 100%;
	    padding-left:0;
	}
	.ynq-Index-ArticeList li{
	    width: 100%;
	}
	.ynq-hezhuo{
	    display: none;
	}
	.ynq-index-tloos{
	    flex-wrap: wrap;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px) { 
	[mob]{
		display: block;
	}
	[pc]{
		display: none;
	}
	.scoll-header-active i{
	    color:#000;
	}
	.ynq-swiper{
		height: 300px;
	}
	.ynq-swiper .swiper-slide{
		background-position:22% !important;
		background-attachment:fixed;
		height: auto !important;
		background-size: cover !important;
	}
	.ynq-subbody{
		width: calc(100% - 40px);
	}
	.ynq-fourlist-text p{
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 98%;
	}
	.ynq-fourlist-text{
	    margin-left:10px;
	}
	.ynq-index-SectionBody h1{
	    font-size:32px;
	}
	.ynq-index-SectionBody .ynq-index-SectionText{
	    font-size:16px;
	}
	.ynq-Index-SeviceText p{
	    width: calc(100% - 40px);
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
	.ynq-Index-SeviceText a{
	    width: 16px;
	}
	.ynq-fourlist{
	    padding:0px 20px;
	}
	.ynq-Index-Sevice li{
	   width: 48.5%;
	}
	.ynq-Index-Sevice li a{
	    width: 180px;
	    overflow: hidden;
	}
	.ynq-Index-SeviceText{
	    width: calc(100% - 200px);
	    padding-left:20px;
	}
	.ynq-Index-Sevice-Ahref{
	    right:19px;
	}
	.ynq-Index-Artice{
	    flex-wrap: wrap;
	}
	.ynq-Index-ArticeImg{
	    width: 100%;
	}
	.ynq-Index-ArticeImg img{
	    width: 100%;
	    height: 430px;
	}
	.ynq-Index-ArticeList{
	    width: 100%;
	    padding-left:0;
	}
	.ynq-Index-ArticeList li{
	    width: 100%;
	}
	.ynq-hezhuo{
	    display: none;
	}
	.ynq-index-tloos{
	    flex-wrap: wrap;
	}
	.ynq-Contact-cont{
	    flex-wrap: wrap;
	    height: auto !important;
	}
	.ynq-contact-content{
	    width: 100% !important;
	    margin-top:30px !important;
	    height: 400px !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){ 
    [mob]{
		display: block;
	}
	[pc]{
		display: none;
	}
	.ynq-logo{
	    margin-right:80px;
	}
	.ynq-swiper{
	    height: 300px;
	}
	.ynq-swiper .swiper-slide{
		background-position:22% !important;
		background-attachment:fixed;
		height: auto !important;
		background-size: cover !important;
	}
	.ynq-subbody{
		width: calc(100% - 40px);
	}
	.ynq-fourbox{
	    display: none;
	}
	
	.ynq-index-SectionBody h1{
	    font-size:32px;
	}
	.ynq-index-SectionBody .ynq-index-SectionText{
	    font-size:16px;
	}
	.ynq-Index-SeviceText p{
	    width: calc(100% - 40px);
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
	.ynq-Index-SeviceText a{
	    width: 16px;
	}
	.ynq-fourlist{
	    padding:0px 20px;
	}
	.ynq-Index-Sevice li{
	   width: 100%;
	}
	.ynq-Index-Sevice li a{
	    width: 180px;
	    overflow: hidden;
	}
	.ynq-Index-SeviceText{
	    width: calc(100% - 200px);
	    padding-left:20px;
	}
	.ynq-Index-Sevice-Ahref{
	    right:19px;
	}
	.ynq-Index-Artice{
	    flex-wrap: wrap;
	}
	.ynq-Index-ArticeImg{
	    width: 100%;
	}
	.ynq-Index-ArticeImg img{
	    width: 100%;
	    height: 430px;
	}
	.ynq-Index-ArticeList{
	    width: 100%;
	    padding-left:0;
	}
	.ynq-Index-ArticeList li{
	    width: 100%;
	}
	.ynq-index-tloos li{
	    width: 33%;
	}
	.ynq-index-tloos a>p{
	    margin-bottom:20px;
	}
	
	.ynq-footer{
	    flex-wrap: wrap;
	}
	.ynq-footer li{
	    width: calc(100% - 60px) !important;
	    margin-bottom:20px;
	}
	.ynq-footer li:nth-child(3) h2,
	.ynq-footer li:nth-child(3) p{
	    text-align: center;
	}
	.ynq-outsevice,
	.ynq-wuliu{
	    width: 246px !important;
        margin: 0px auto;
	}
	.ynq-fuwulic,
	.ynq-wuliu,
	.ynq-outsevice{
	    flex-wrap: wrap;
	}
	.ynq-wuliu li{
	    width: 100% !important;
	}
	.ynq-fuwulic li{
	    margin:0px auto;
	    width: 134px !important;
	    height: 134px !important;
	    margin-bottom:20px;
	}
	.ynq-subbody-title{
	    line-height: 40px;
	}
	.ynq-Artice-Left{
	    width: 100%;
	}
	.ynq-Artice-Right{
	    display: none;
	}
	.ynq-fuwulic li span{
	    margin-top: 42px !important;
	}
	.ynq-hezhuo{
	    display: none;
	}
	.ynq-index-tloos{
	    flex-wrap: wrap;
	}
	.ynq-Contact-cont{
	    flex-wrap: wrap;
	    height: auto !important;
	}
	.ynq-contact-content{
	    width: 100% !important;
	    margin-top:30px !important;
	    height: 400px !important;
	}
} 

@media only screen and (max-width: 479px) { 
    [mob]{
		display: block;
	}
	[pc]{
		display: none;
	}
	.ynq-logo{
	    margin-right:20px;
	}
	.ynq-logo a{
	    width: 250px;
	}
	.ynq-header-Menu{
		max-width: 100%;
	}
	.ynq-logo img{
		width: 271px;
	}
	.ynq-swiper{
	    height: 300px;
	}
	.ynq-swiper .swiper-slide{
		background-position:22% !important;
		background-attachment:fixed;
		height: auto !important;
		background-size: cover !important;
	}
	.ynq-subbody{
		width: calc(100% - 40px);
	}
	.ynq-fourbox{
	    display: none;
	}
	
	.ynq-index-SectionBody h1{
	    font-size:32px;
	}
	.ynq-index-SectionBody .ynq-index-SectionText{
	    font-size:16px;
	}
	.ynq-Index-SeviceText p{
	    width: calc(100% - 40px);
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
	.ynq-Index-SeviceText a{
	    width: 16px;
	}
	.ynq-fourlist{
	    padding:0px 20px;
	}
	.ynq-Index-Sevice li{
	   width: 100%;
	}
	.ynq-Index-Sevice li a{
	    width: 180px;
	    overflow: hidden;
	}
	.ynq-Index-SeviceText{
	    width: calc(100% - 200px);
	    padding-left:20px;
	}
	.ynq-Index-Sevice-Ahref{
	    right:19px;
	}
	.ynq-Index-Artice{
	    flex-wrap: wrap;
	}
	.ynq-Index-ArticeImg{
	    width: 100%;
		height: 300px;
	}
	.ynq-Index-ArticeImg img{
	    width: 100%;
	    height: auto;
	}
	.ynq-Index-ArticeList{
	    width: 100%;
	    padding-left:0;
	}
	.ynq-Index-ArticeList li{
	    width: 100%;
	}
	.ynq-index-tloos li{
	    width: 33%;
	}
	.ynq-index-tloos a>p{
	    margin-bottom:20px;
	}
	
	.ynq-footer{
	    flex-wrap: wrap;
	}
	.ynq-footer li{
	    width: calc(100% - 60px) !important;
	    margin-bottom:20px;
	}
	.ynq-footer li:last-child{
		width: 100% !important;
	}
	.ynq-footer li:nth-child(2):before{
		background: transparent;
	}
	.ynq-footer li:nth-child(3) h2,
	.ynq-footer li:nth-child(3) p{
	    text-align: center;
	}
	.ynq-outsevice,
	.ynq-wuliu{
	    width: 246px !important;
        margin: 0px auto;
	}
	.ynq-fuwulic,
	.ynq-wuliu,
	.ynq-outsevice{
	    flex-wrap: wrap;
	}
	.ynq-wuliu li{
	    width: 100% !important;
	}
	.ynq-fuwulic li{
	    margin:0px auto;
	    width: 134px !important;
	    height: 134px !important;
	    margin-bottom:20px;
	}
	.ynq-subbody-title{
	    line-height: 40px;
	}
	.ynq-Artice-Left{
	    width: 100%;
	}
	.ynq-Artice-Right{
	    display: none;
	}
	.ynq-fuwulic li span{
	    margin-top: 42px !important;
	}
	.ynq-hezhuo{
	    display: none;
	}
	.ynq-index-tloos{
	    flex-wrap: wrap;
	}
	.ynq-Contact-cont{
	    flex-wrap: wrap;
	    height: auto !important;
	}
	.ynq-contact-content{
	    width: 100% !important;
	    margin-top:30px !important;
	    height: 400px !important;
	}
	.ynq-subbody-desc{
	    width: 100%;
	}
    .ynq-Artice-Time span{
        padding: 0 10px;
    }
    .ynq-Contact-List li{
        width: 100%;
    }
    .ynq-Contact-List p{
        width: 100%;
    }
}