﻿/*响应式效果*/
@media ( min-width:1380px ) and ( max-width:1500px ) {
	.dlq-top-menu .link{
		width: 70%;
	}
	.container{
		max-width: 1280px;
	}
	.c-banner1 .swiper-slide img{
		height: 500px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text{
		font-size: 48px;
		line-height: 58px;
	}
	.foot-top .item{
		margin-left: 80px;
	}
} 

@media ( min-width:1180px ) and ( max-width:1379px ) {
	.dlq-top-menu .link{
		width: 80%;
	}
	.container{
		max-width: 1100px;
	}
	.foot-top .item{
		margin-left: 50px;
	}
	.c-banner1 .swiper-slide img{
		height: 600px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text{
		font-size: 48px;
		line-height: 58px;
	}
}

@media ( min-width:768px ) and ( max-width:1179px ) { 
	.c-banner1 .swiper-slide img{
		height: 600px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text{
		font-size: 48px;
		line-height: 58px;
	}
	.dlq-top-menu .link{
		width: 100%;
	}
	.dlq-top-menu .link a{
		width: 33.333%;
	}
	.dlq-top-menu2 a{
		width: 25%;
		float: left;
		line-height: 40px;
		font-size: 14px;
		margin-right: 0;
		text-align: center;
	} 
	.foot-top .container{
		padding: 28px 0 0 0;
		border-bottom: none;
	}
	.foot-top .item{
		float: none;
		margin: 0 0 20px 0 !important;
		border-bottom: 1px solid #4c4c4c;
		padding-bottom: 20px;
	}
	.foot-top .item .link{
		overflow: hidden;
		margin-top: 12px;
	}
	.foot-top .item .link a{
		width: 20%;
		padding-right: 10px;
		float: left;
		line-height: 28px;
		font-size: 14px;
	}
}


/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.8%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head .container{
		padding: 0;
	}
	.head-right .tel{
		font-size: 14px;
		margin-left: 14px;
		line-height: 28px;
		height: auto;
	}
	.head-right .tel i{
		font-size: 18px;
		margin-right: 5px;
	}
	.head-right .yuyan{
		height: auto;
	}
	.head-right .yuyan a{
		line-height: 30px;
		font-size: 14px;
		margin-left: 18px;
	}
	.head-right .yuyan a::after{
		right: -11px;
	}
	.head-right .yuyan a:nth-child(1){
		margin-left: 0;
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 28%;
	}  
	.head-search{
		display: none;
	} 
	.WebLink .container{
		width: 100%;
		max-width: 100%;
	}
	.WebLink a{
		width: 33.333%;
		margin: 0;
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	.WebLink a:nth-of-type(3n+3){
		border-right: none;
	}
	.WebLink a:nth-child(4),
	.WebLink a:nth-child(5),
	.WebLink a:nth-child(6){
		border-bottom: none;
	}
	.dlq-top-menu{
		padding: 28px 0;
	}
	.dlq-top-menu .link{
		width: 100%;
	}
	.dlq-top-menu .link a{
		width: 33.333%;
	}
	.dlq-top-menu2 a{
		width: 25%;
		float: left;
		line-height: 40px;
		font-size: 14px;
		margin-right: 0;
		text-align: center;
	} 
	.foot-top .container{
		padding: 28px 0 0 0;
		border-bottom: none;
	}
	.foot-top .item{
		float: none;
		margin: 0 0 20px 0 !important;
		border-bottom: 1px solid #4c4c4c;
		padding-bottom: 20px;
	}
	.foot-top .item .link{
		overflow: hidden;
		margin-top: 12px;
	}
	.foot-top .item .link a{
		width: 33%;
		padding-right: 10px;
		float: left;
		line-height: 28px;
		font-size: 14px;
	}
	.foot-top .item h4{
		font-size: 18px;
	}
	.foot-middle .tel{
		float: none;
	}
	.f-ewm{
		float: none; 
	}
	.f-ewm .lb .ewm{
		padding: 12px 0;
	}
	.foot-middle .container{
		padding: 0 0 20px;
	}
	.f-ewm .lb{
		font-size: 14px;
		width: 48%;
		margin-left: 0;
	}
	.f-ewm .lb:nth-child(2){
		float: right;
	}
	.foot-copy{
		text-align: center;
		line-height: 28px;
		padding: 20px 0;
		font-size: 14px;
	}
	.foot-copy .fl{
		float: none;
	}
	.foot-copy .fr{
		float: none;
	}
	
	/*index*/ 
	.c-banner1 .swiper-slide img{
		height: 450px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text{
		font-size: 28px;
		line-height: 38px;
		padding: 0 0 20px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-title{
		font-size: 16px;
		line-height: 25px;
	}
	.c-banner1 .swiper-slide .c-wrap a{
		width: 120px;
		font-size: 14px;
		height: 42px;
		line-height: 38px;
		margin-top: 22px;
	}
	.c-banner1 .swiper-slide .c-wrap a i{
		font-size: 18px;
	}
	.c-banner1 .c-dot{
		bottom: 20px;
	}
	.indexApplication{
		padding: 38px 0 5px;
	}
	.dlq-sy-h2{
		font-size: 24px;
		line-height: 28px;
	}
	.indexApplication .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.indexApplication .row .pdg{
		padding: 0;
	}
	.sy-app-list{
		margin-bottom: 25px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}
	.sy-app-list .tit{
		font-size: 18px;
		margin: 12px 0;
	}
	.sy-app-list .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.indexProduct{
		padding: 38px 0 5px;
	}
	.sy-pro-list{
		padding: 6% 5%;
		height: auto;
	}
	.sy-pro-list .tit{
		font-size: 20px;
	}
	.sy-pro-list .sub{
		font-size: 18px;
		margin-top: 15px;
	}
	.sy-pro-list::after{
		background-size: 160px auto;
		top: 16px;
    right: -35px;
	}
	.indexProduct .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.indexProduct .row .pdg{
		padding: 0;
	}
	.sy-pro-list{
		margin-bottom: 25px;
	}
	.indexNews{
		padding: 38px 0 8px;
	}
	.dlq-sy-more{
		font-size: 14px;
		margin-top: 10px;
		line-height: 22px;
	}
	.dlq-sy-more i{
		font-size: 20px;
		margin-left: 8px;
	}
	.indexNews .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.indexNews .row .pdg{
		padding: 0;
	}
	.sy-news-list{
		margin-bottom: 20px;
	}
	.sy-news-list .info{
		padding: 5% 4%;
	}
	.sy-news-list .info .tit{
		font-size: 18px;
	}
	.sy-news-list .info .more{
		font-size: 14px;
		margin-top: 8px;
	}
	
	/*ny*/
	.Nylocation{
		line-height: 40px;
	}
	.Nylocation .now-wz{
		font-size: 12px;
	}
	.application{
		padding: 38px 0;
	}
	.application .list .pic{
		width: 100%;
		float: none;
	}
	.application .list .pic img{
		height: auto;
	}
	.application .list .info{
		width: 100%;
		margin: 0 !important;
		padding: 5% 5% 8%;
	}
	.application .list .info .tit{
		font-size: 20px;
		line-height: 28px;
	}
	.application .list .info .sub{
		font-size: 14px;
		height: auto;
		line-height: 26px;
		margin-top: 18px;
		padding-right: 0;
	}
	.application .list .info .more{
		width: 148px;
		height: 45px;
		line-height: 39px;
		font-size: 14px;
		margin-top: 20px;
	}
	.application .list .info .more i{
		font-size: 20px;
	}
	.news{
		padding: 38px 0;
	}
	.news ul li .pic{
		width: 100%;
		float: none;
	}
	.news ul li .info{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	.news ul li .info .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.news ul li .info .sub{
		margin-top: 12px;
		font-size: 14px;
	}
	.news ul li .info .more{
		position: relative;
		width: 100%;
		bottom: 0;
		margin-top: 15px;
		font-size: 14px;
	}
	.news ul li{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.news ul li .info .time{
		bottom: 20px;
	}
	.Page{
		padding-top: 25px;
	}
	.newsDe{
		padding: 38px 0;
	}
	.newsDe .title{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 12px;
		margin-top: 12px;
		padding-bottom: 15px;
	}
	.newsDe .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.dePage{
		padding-top: 30px;
		margin-top: 30px;
	}
	.dePage a{
		width: 100%;
		float: none;
		margin-bottom: 8px;
		padding: 5%;
		font-size: 14px;
	}
	.tech-service{
		padding: 38px 0;
	}
	.ny-h2{
		font-size: 24px;
		line-height: 30px;
	}
	.download ul{
		margin-top: 25px;
	}
	.download ul li{
		width: 100%;
		float: none !important;
		padding: 15px 80px 15px 22px;
	}
	.download ul li .tit{
		font-size: 16px;
	}
	.download ul li .size{
		font-size: 12px;
		margin-top: 6px;
	}
	.download ul li::after{
		top: 18px;
	}
	.download ul li .ico{
		width: 48px;
		height: 48px;
		line-height: 46px;
		margin-top: -24px;
		right: 15px;
	}
	.download ul li .ico i{
		font-size: 20px;
	}
	.instructions ul{
		margin-top: 25px;
	}
	.instructions ul li{
		padding: 0 60px 0 20px;
	}
	.instructions ul li .xz span{
		display: none;
	}
	.instructions ul li .xz{
		width: 45px;
	}
	.instructions ul li .xz i{
		margin-right: 0;
	}
	.instructions ul li{
		height: 48px;
		line-height: 45px;
		font-size: 14px;
	}
	.instructions ul li i{
		font-size: 18px;
		margin-right: 8px;
	}
	.testReport ul{
		margin-top: 25px;
	}
	.testReport ul li{
		width: 100%;
		float: none !important;
	}
	.testReport ul li{
		font-size: 14px;
		line-height: 45px;
	}
	.testReport ul li .time{
		font-size: 12px;
	}
	.knowledge .ny-h2{
		margin-bottom: 25px;
	}
	.knowledge h3{
		font-size: 16px;
		line-height: 28px;
		padding: 0 36px 15px;
		background: url(../images/zhishi-Q.png) no-repeat left top 2px,url(../images/zhishi-jt1.png) no-repeat right top 11px;
	}
	.knowledge h3.on {
		background: url(../images/zhishi-Q.png) no-repeat left top 2px,url(../images/zhishi-jt1.png) no-repeat right top 11px;
		transition: all .5s ease;
	}
	.knowledge ul{
		padding: 15px 0;
	}
	.knowledge ul li{
		font-size: 14px;
		line-height: 26px;
	}
	.video .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.video .row .pdg{
		padding: 0;
	}
	.video-list .info{
		padding: 4%;
	}
	.video-list .info .tit{
		font-size: 18px;
	}
	.video-list .info .sub{
		font-size: 14px;
		margin-top: 12px;
	}
	.video-list .info i{
		margin-top: 15px;
	}
	.video-list{
		margin-bottom: 25px;
	}
	.about{
		padding: 38px 0;
	}
	.sub-about-left{
		width: 100%;
		float: none;
	}
	.sub-about-left h2{
		font-size: 30px;
		line-height: 40px;
	}
	.sub-about-left h6{
		font-size: 22px;
		margin-top: 15px;
	}
	.sub-about-left .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.sub-about-right{
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	.sub-about-right .lb{
		height: auto;
		padding: 5%;
	}
	.sub-about-right .lb .txt2{
		font-size: 20px;
		margin-top: 22px;
	}
	.honor-list{
		padding: 15px 15px 0;
	}
	.honor{
		padding: 38px 0;
	}
	.honor .row{
		margin-top: 25px;
	}
	.honor-list .tit{
		font-size: 14px;
		line-height: 38px;
	}
	.description{
		padding: 38px 0;
	}
	.description .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;	
		padding-top: 25px;
	}
	.join{
		padding: 38px 0;
	}
	.join .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.join-list{
		padding: 5%;
	}
	.join-list .tit{
		font-size: 18px;
		line-height: 28px;
		height: auto;
	}
	.join-list .time{
		font-size: 14px;
		margin-top: 25px;
	}
	.joinDe .title{
		margin: 0 0 15px;
		font-size: 20px;
		line-height: 30px;
	}
	.joinDe .content{
		font-size: 14px;
	}
	.joinDe .ljyp{
		line-height: 40px;
		font-size: 18px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact h2{
		font-size: 24px;
		line-height: 35px;
	}
	.contact h6{
		font-size: 16px;
		margin-top: 15px;
		padding-bottom: 20px;
	}
	.contact .info-box{
		margin-top: 25px;
	}
	.contact .info-box .info{
		width: 100%;
		float: none;
	}
	.contact .info-box .info h3{
		font-size: 20px;
	}
	.contact .info-box .info .sub{
		font-size: 12px;
	}
	.contact .info-box .info .sub p{
		line-height: 40px;
	}
	.contact .hm{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.contact .hm .lb #hm{
		font-size: 20px;
	}
	.contact .hm .lb{
		font-size: 14px;
		height: 178px;
	}
	.maps{
		margin-top: 30px;
	}
	.branch{
		padding: 38px 0;
	}
	.branch .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.branch .row .pdg{
		padding: 0;
	}
	.branch-list{
		margin-bottom: 25px;
		padding-top: 18px;
	}
	.branch-list .sub{
		font-size: 14px;
		line-height: 28px;
		height: auto;
		margin-top: 15px;
	}
	
	/*视频*/
	.prodebox{
		width: 95%;
		height: 35%;
		left: 2.5%;
		margin-left: 0;
		top: 35%;
	} 
	.prodebox .prodeclose{
		right: 0;
		top: -50px;
		padding: 0;
	} 
	.prodebox .contNr video{
		height: 100%;
	}
	.prodebox .people .class{
		font-size: 16px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 