﻿/*响应式效果*/
@media ( min-width:1400px ) and ( max-width:1530px ) {
	.foot-lm .item{
		min-width: 120px;
		margin-right: 50px;
	}
} 
@media ( min-width:1280px ) and ( max-width:1360px ) {
	.WebLink li:last-child{
		margin-right: 0;
	}
	.foot-lm .item:last-child{
		display: none;
	}
}
@media ( min-width:1180px ) and ( max-width:1279px ) {
	.WebLink li > a{
		font-size: 14px;
	}
	.WebLink li{
		margin-right: 40px;
	}
	.foot-lm .item:last-child{
		display: none;
	}
	.about-one .titBox .cn{
		font-size: 30px;
	}
	.WebLink li:last-child{
		margin-right: 0;
	}
	.case ul li .info{
		padding: 20px 0 0 0;
	}
	.case ul li .info .line{
		margin: 22px 0;
	}
	.tech2{
		padding: 50px 0;
	}
	.tech1 .Info{
		width: 55%;
		margin-top: 0;
	}
	.tech3 .Info{
		width: 48%;
		margin-top: 0;
	}
	.knowP{
		left: 45% !important;
	}
	.knowN{
		right: 45% !important;
	}
}
@media ( min-width:1040px ) and ( max-width:1179px ) {
	.WebLink li > a{
		font-size: 14px;
	}
	.WebLink li{
		margin-right: 30px;
	}
	.WebLink li:last-child{
		margin-right: 0;
	}
	.foot-lm .item:last-child{
		display: none;
	}
	.foot-lm .item{
		margin-right: 60px;
	}
	.knowP{
		left: 45% !important;
	}
	.knowN{
		right: 45% !important;
	}
	.tech2{
		padding: 50px 0;
	}
	.tech1 .Info{
		width: 55%;
		margin-top: 0;
	}
	.tech3 .Info{
		width: 48%;
		margin-top: 0;
	}
	.news ul li .content{
		width: 88%;
	}
	.case ul li .info{
		padding: 20px 0 0 0;
	}
	.case ul li .info .line{
		margin: 20px 0;
	}
	.case ul li .info .tit{
		font-size: 16px;
		line-height: 25px;
		height: 50px;
	}
	.closeHs{
		right: -30px;
	}
	.contact .Info .gs-name{
		font-size: 24px;
		line-height: 28px;
	}
	.contact .Info .txt{
		font-size: 14px;
		margin-top: 20px;
	}
	.contact .Info .sub{
		font-size: 14px;
		margin-top: 25px;
	}
	.contact .Info .sub p{
		padding: 12px 0 12px 38px;
	}
	.contact .Info .sub p.yx {
		background: url(../images/c-yx.png) no-repeat left top 18px;
	}
	.contact .Info .sub p.dh {
		background: url(../images/c-dh.png) no-repeat left top 16px;
	}
	.contact .Info .sub p.sj {
		background: url(../images/c-sj.png) no-repeat left top 15px;
	}
	.contact .Info .sub p.dz {
		background: url(../images/c-dz.png) no-repeat left top 14px;
	}
	.contact .Info{
		width: 40%; 
	}
}

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.9%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head .Logo{ 
		width: 70%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-right{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.indexBanner .info .cn{
		font-size: 28px;
		line-height: 35px;
	}
	.indexBanner .info .en{
		font-size: 16px;
		line-height: 25px;
	}
	.indexProduct{
		padding: 38px 0;
	}
	.sy-pro-top{
		padding: 0 0 28px 0;
	}
	.sy-pro-top .hd ul li{
		width: 48%;
		float: left;
		margin-left: 0;
		margin-bottom: 6px;
		height: 38px;
		line-height: 36px;
		font-size: 14px;
		background: url(../images/s-p-sjx1.png) no-repeat right 15px center;
	}
	.sy-pro-top .hd ul li:hover, .sy-pro-top .hd ul li.on{
		background: #1d60bb url(../images/s-p-sjx2.png) no-repeat right 12px center;
	}
	.sy-pro-top .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	.syProSwiper{
		position: relative;
		top: 0;
		margin-top: 25px;
		padding-bottom: 40px;
	}
	.syProSwiper .swiper-slide .info{
		width: 100%;
		float: none;
	}
	.syProSwiper .swiper-slide .pic{
		width: 100%;
		float: none;
		border: 1px solid #eee;
	}
	.sy-pro-list .info .title{
		font-size: 18px;
		line-height: 25px;
		margin: 0;
	}
	.sy-pro-list .more{
		position: relative;
		bottom: 0;
		height: 37px;
		line-height: 27px;
		font-size: 14px;
		margin-top: 15px;
	}
	.sy-pro-list .more i{
		top: 6px;
	}
	.sy-pro-list .info .sub{
		margin:  15px 0;
	}
	.sy-pro-list .info .sub p{
		font-size: 14px;
		line-height: 28px;
	}
	.syProSwiper .swiper-slide{
		width: 100%;
		margin-right: 10px !important;
	}
	.cykj-sy-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.cykj-sy-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px;
	}
	.sy-pro-line{
		display: none;
	}
	.sy-pro-top .hd{
		margin-top: 25px;
	}
	.indexCases{
		padding: 38px 0;
		background-size: cover;
	}
	.syCasePag{
		top: -50px;
	}
	.sy-case-show .tomore{
		top: -50px;
	}
	.sy-case-list .info{
		padding: 4%;
	}
	.sy-case-list .info .tit{
		font-size: 16px;
	}
	.sy-case-list .info .line{
		margin: 8px 0;
	}
	.sy-case-list .info .more{
		font-size: 14px;
	}
	.syCaseSwiper .swiper-slide{
		width: 72% !important;
	}
	.sy-case-show{
		position: relative;
		bottom: 0;
		margin-top: 65px;
		width: 100%;
	}
	.sy-case-show .tomore{
		right: 0;
	}
	.webN2, .webP2{
		display: none;
	}
	.indexAbout{
		padding: 38px 0;
	}
	.syAbt-video{
		width: 42%;
		margin: 50px auto;
		float: none;
	}
	.syAbt-video span{
		border: 10px solid #fff;
	}
	.syAbt-Info{
		width: 100%;
		float: none; 
	}
	.syAbt-Info .title{
		font-size: 24px;
		line-height: 28px;
	}
	.syAbt-Info .title2{
		font-size: 18px;
		margin-top: 18px;
	}
	.syAbt-Info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 16px;
	}
	.syAbt-Info .more{
		height: 37px;
		line-height: 27px;
		font-size: 14px;
		margin-top: 30px;
	}
	.abt-num-box{
		margin-top: 28px;
	}
	.abt-num-box .lb .num span{
		font-size: 30px;
		line-height: 30px;
	}
	.abt-num-box .lb .txt{
		font-size: 14px;
		margin-top: 4px;
	}
	.indexNews{
		padding: 38px 0;
	}
	.syNewsSwiper{
		margin-top: 28px;
	}
	.sy-news-list .tit{
		font-size: 18px;
		margin: 10px 0;
	}
	.sy-news-list .sub{
		font-size: 14px;
	}
	.sy-news-list .pic{
		margin-top: 25px;
	}
	.syNewsSwiper .swiper-slide::after{
		display: none;
	}
	/*neiye*/
	.now-lm{
		display: none;
	}
	.Nylocation{
		line-height: 42px;
	}
	.now-wz{
		float: left;
	}
	.now-wz a{
		font-size: 12px;
	}
	.about{
		padding: 38px 0;
	}
	.about-one .titBox{
		width: 100%;
		float: none;
	}
	.about-one .titBox .cn{
		font-size: 24px;
		line-height: 28px;
		margin-top: 15px;
	}
	.about-one .cont{
		width: 100%;
		float: none;
		font-size: 14px;
		margin-top: 25px;
		text-align: justify;
	}
	.about-one{
		padding-bottom: 30px;
	}
	.about-two{
		margin-top: 30px;
	}
	.about-two .num-box{
		width: 100%;
		float: none;
	}
	.about-two .pic{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	.culture{
		padding: 38px 0;
	}
	.abt-top-en{
		font-size: 14px;
	}
	.abt-top-cn{
		font-size: 24px;
		line-height: 28px;
		margin: 8px 0 15px;
	}
	.qywh-box > img{
		display: none;
	}
	.qywh-box .lb{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		margin-bottom: 15px;
	}
	.qywh-box-warp{
		margin-top: 25px;
	}
	.qywh-box .lb1 .info{
		text-align: left;
	}
	.qywh-box .lb .ico{
		display: none;
	}
	.honor{
		padding: 38px 0;
	}
	.honorSwiper{
		margin-top: 28px;
		padding-bottom: 45px;
	}
	.product{
		padding: 38px 0;
	}
	.product .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-list .info{
		padding: 4%;
	}
	.Nybanner img{
		height: 22vh;
	}
	.productDe{
		padding: 38px 0;
	}
	.productDe .Pic{
		width: 100%;
		float: none;
	}
	.productDe .Info{
		width: 100%;
		float: none;
	}
	.productDe .Info .title{
		font-size: 20px;
		line-height: 28px;
	}
	.productDe .Info .cont{
		font-size: 14px;
		height: auto;
		line-height: 26px;
	}
	.productDe .Info .ljzx{
		height: 40px;
		line-height: 30px;
		font-size: 14px;
	}
	.productDe .Info .ljzx i{
		font-size: 28px;
		top: 5px;
		margin-top: 22px;
	}
	.proTel{
		font-size: 14px;
		margin-top: 15px;
	}
	.productTab{
		padding: 38px 0;
	}
	.proTab-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.proTab-line{
		margin: 18px auto 0;
	}
	.ProTxSwiper{
		margin-top: 25px;
		padding-bottom: 40px;
	}
	.proTx-list{
		padding: 4%;
	}
	.proTx-list .tit{
		font-size: 14px;
	}
	.proTx-list .num{
		font-size: 32px;
		line-height: 35px;
	}
	.productTab .content{
		margin-top: 25px;
		font-size: 14px;
		line-height: 26px;
	}
	.productTab .content table tr td{
		font-size: 12px;
	}
	.productTab .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.case{
		padding: 38px 0;
	}
	.case ul li {
		margin-bottom: 15px;
	}
	.case ul li .pic{
		width: 100%;
		float: none;
	}
	.case ul li .info{
		width: 90%;
		float: none;
		padding: 0;
		margin: 15px auto;
	}
	.case ul li .info .tit{
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}
	.case ul li .info .line{
		margin: 12px 0 18px;
	}
	.newsDe{
		padding: 38px 0;
	}
	.newsDe .titBox .title{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .titBox .keywords{
		font-size: 12px;
		margin-top: 10px;
		line-height: 20px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 30px;
	}
	.dePage .sxy{
		width: 100%;
		float: none;
	}
	.dePage .sxy a{
		font-size: 14px;
	}
	.dePage .return{
		float: left;
	}
	.tech1{
		padding: 38px 0;
	}
	.tech1 .Info{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.tech-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.tech-txt{
		font-size: 18px;
		line-height: 28px;
		margin: 16px 0;
	}
	.tech-cont{
		font-size: 14px;
		line-height: 26px;
	}
	.tech1 .Pic{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.tech2 .Pic{
		position: relative;
		width: 100%;
	}
	.tech2{
		padding: 38px 0;
	}
	.tech2 .Info{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.tech3{
		padding: 38px 0;
	}
	.tech3 .Info{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.tech3 .Info br{
		display: none;
	}
	.tech3 .Pic{
		width: 100%;
		float: none;
		margin-top: 18px;
	}
	.knowledge{
		padding: 38px 0;
	}
	.knowledge .top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.know-list{
		height: 55px;
		line-height: 55px;
		font-size: 14px;
		padding: 0 100px 0 42px;
	}
	.knowN{
		right: 32% !important;
	}
	.knowP{
		left: 32% !important;
	}
	.knowSwiper{
		margin-top: 28px;
		padding-bottom: 60px;
	}
	.download .top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.know-list .time{
		font-size: 12px;
		width: 90px;
		height: 30px;
		margin-top: -15px;
		line-height: 30px;
	}
	.tech-line{
		margin-bottom: 25px;
	}
	.download ul li{
		width: 100%;
		float: none !important;
		background: url(../images/pdf-ico.png) no-repeat top left;
		background-size: auto 54px;
		padding: 0 70px 18px;
		margin-bottom: 18px;
	}
	.download{
		padding: 38px 0;
	}
	.download ul li .tit{
		font-size: 14px;
		line-height: 25px;
		margin: 2px 0 10px;
	}
	.download ul li i{
		width: 48px;
		height: 48px;
		line-height: 46px;
		top: 4px;
		font-size: 22px;
	}
	.download ul li .size{
		font-size: 12px;
	}
	.news{
		padding: 18px 0 38px;
	}
	.news ul li{
		padding: 18px 0;
		border-bottom: 1px solid #f1f1f1;
	}
	.news ul li .content .Info .tit{
		font-size: 18px;
	}
	.news ul li .content .Info .key{
		font-size: 12px;
		margin: 5px 0;
	}
	.news ul li .content{
		width: 100%;
		float: none;
	}
	.news ul li .content .Info .sub{
		font-size: 14px;
	}
	.news ul li .content .Pic{
		display: none;
	}
	.news ul li .content .Info{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .content hr{
		display: none;
	}
	.contact{
		padding: 38px 0;
	}
	.contact .Info{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.contact .Info .gs-name{
		font-size: 24px;
		line-height: 28px;
	}
	.contact .Info .txt{
		font-size: 14px;
		margin-top: 17px;
	}
	.contact .Info .sub{
		font-size: 14px;
		margin-top: 28px;
	}
	.contact .Info .sub p{
		padding: 12px 0 12px 38px;
	}
	.contact .Info .sub p a{
		font-size: 16px;
	}
	.contact .Info .sub p.yx {
		background: url(../images/c-yx.png) no-repeat left top 18px;
	}
	.contact .Info .sub p.dh {
		background: url(../images/c-dh.png) no-repeat left top 16px;
	}
	.contact .Info .sub p.sj {
		background: url(../images/c-sj.png) no-repeat left top 15px;
	}
	.contact .Info .sub p.dz {
		background: url(../images/c-dz.png) no-repeat left top 14px;
	}
	.contact .mapsBox{
		width: 100%;
		float: none;
		border: 3px solid #1d60bb;
		margin-top: 25px;
	}
	.contact .mapsBox::after{
		display: none;
	}
	.message{
		padding: 38px 0;
	}
	.message .top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.message .row{
		margin-top: 25px;
	}
	.message .row input[type=text]{
		height: 42px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.message .row textarea{
		margin-top: 0;
		font-size: 14px;
	}
	.message .row input[type=button]{
		width: 100%;
		font-size: 14px;
		height: 42px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 