@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

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

@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.8%;
	} 
	.head{
		padding: 12px 0;
		border-bottom: 1px solid #fff;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 40%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	} 
	#sybannerN, #sybannerP{
		display: none;
	}
	.indexAdvantage{
		padding: 28px 0;
	}
	.hh-sy-tit{
		font-size: 20px;
		line-height: 28px;
	}
	.hh-sy-sub{
		font-size: 14px;
		margin-top: 8px;
	} 
	#syYsSwiper{
		padding-bottom: 40px;
		margin-top: 25px;
	}
	.sy-ys-list .tit{
		font-size: 16px;
	}
	.sy-ys-list .more{
		padding: 20px 0 0 0;
	}
	#syYsSwiper .swiper-slide .sy-ys-list{
		padding: 5% !important;
	}
	.indexProduct{
		padding: 25px 0;
	}
	#syProSwiper{
		margin-top: 25px;
	}
	.sy-pro-list{
		padding: 4%;
	}
	.sy-pro-list .tit{
		padding-right: 0;
		font-size: 16px;
		line-height: 25px;
		min-height: 25px;
		-webkit-line-clamp: 1;
	}
	.sy-pro-list .sub{
		font-size: 14px;
		margin-top: 8px;
	}
	.sy-pro-list .more{
		margin-top: 20px;
	}
	#syProSwiper{
		padding-bottom: 40px;
	}
	.indexService{
		padding: 25px 0;
	}
	.indexService .sub{
		font-size: 20px;
		margin-top: 10px;
		line-height: 28px;
	}
	.indexService .down{
		width: 140px;
		font-size: 14px;
		line-height: 32px;
		margin: 20px auto 0;
	}
	.indexNews{
		padding: 28px 0;
	}
	.syNewsLeft{
		display: none;
	}
	.syNewsRight{
		width: 100%;
	}
	.syNewsBox{
		margin-top: 25px;
	}
	.syNewsRight .list .tit{
		font-size: 18px;
	}
	.syNewsBox .sub{
		font-size: 14px;
		line-height: 25px;
		min-height: auto;
	}
	.sy-a-btn a{
		width: 140px;
		font-size: 14px;
		line-height: 32px; 
		height: 34px;
	}
	.indexNews .sy-a-btn{
		margin-top: 20px;
	}
	.indexAbout{
		padding: 28px 0;
		background: none;
	}
	.indexAbout .yinhao{
		width: 60px;
		height: 60px;
		line-height: 58px;
	}
	.indexAbout .yinhao i{
		font-size: 30px;
	}
	.indexAbout .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation .now-wz{
		float: left !important;
		font-size: 14px;
		line-height: 38px;
	}
	.sub-abt-left::after{
		display: none;
	}
	.about{
		padding: 28px 0;
	}
	.sub-abt-left{
		width: 100%;
	}
	.sub-abt-left .tit{
		margin-top: 0;
		font-size: 18px;
	}
	.sub-abt-left .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
	}
	.sub-abt-right{
		width: 100%;
		margin-top: 25px;
	}
	.sub-abt-right .list .ico i{
		line-height: 60px;
	}
	.sub-abt-right .list .txt{
		font-size: 16px;
		margin-top: 0;
	}
	.history{
		padding: 28px 0;
	}
	.abt-top-tit{
		font-size: 20px;
		line-height: 28px;
	}
	.abt-top-line{
		margin: 10px auto 0;
	}
	.history-show{
		margin-top: 28px;
		background: none;
	}
	#historySwiper{
		padding-bottom: 40px;
	}
	.history-list .year span{
		font-size: 20px;
		line-height: 25px;
	}
	.history-list .year{
		font-size: 14px;
	}
	.history-list .content{
		margin-top: 22px;
		padding-right: 0;
		font-size: 14px;
		line-height: 26px;
	}
	.team{
		padding: 28px 0;
	}
	.abt-top-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px;
	}
	.team-show{
		margin-top: 25px;
	}
	#teamSwiper .swiper-slide{
		padding: 5%;
	}
	.team-list p{
		font-size: 14px;
		line-height: 25px;
		margin-top: 5px
	}
	#teamSwiper{
		padding-bottom: 40px;
	}
	.partner{
		padding: 28px 0;
	}
	#hzhbSwiper{
		margin-top: 25px;
	}
	.history-list::after{
		display: none;
	}
	.contact{
		padding: 28px 0;
	}
	.contact-show{
		margin-top: 25px;
	}
	.sub-contact-left{
		width: 100%;
	}
	.sub-contact-left .list{
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.maps{
		width: 100%;
		margin-top: 25px;
	}
	.service .ser-top-tit{
		margin-top: 25px;
	}
	.ser-top-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.service .container{
		padding: 25px 0;
	}
	.sub-service-left{
		width: 100%;
		margin-top: 0;
	}
	.service .pic{
		width: 100%;
		margin-top: 15px;
	}
	.sub-service-left .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.sub-service-left .tit i{
		font-size: 22px;
		margin-right: 10px;
	}
	.sub-service-left .line{
		margin-top: 15px;
	}
	.sub-service-left .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.download{
		padding: 28px 0 48px;
	}
	.download .hd{
		margin-top: 20px;
	}
	.download .hd ul li{
		width: 100%;
		padding: 0 15px;
		font-size: 14px;
		line-height: 30px;
		margin: 0 5px 8px;
	}
	.download .bd{
		margin-top: 25px;
	}
	.down-list{
		padding: 4%;
	}
	.down-list .info .tit{
		font-size: 16px;
	}
	.down-list .info .size{
		font-size: 12px;
		margin-top: 5px;
	}
	.down-list .ico{
		width: 42px;
		height: 42px;
		line-height: 40px;
		margin-top: 7px;
	}
	.down-list .ico i{
		font-size: 22px;
	}
	.product-list{
		padding: 28px 0;
	}
	.product-list .pic{
		width: 100%;
	}
	.product-list .info{
		width: 100%;
		margin-top: 15px;
	}
	.product-list .info .title{
		font-size: 16px;
	}
	.product-list .info .title br{
		display: none;
	}
	.product-list .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	.product-list .info .more{
		margin-top: 12px;
	}
	.productDe{
		padding: 28px 0;
	}
	.productDe .title{
		font-size: 18px;
		line-height: 28px;
	}
	.prode-info{
		margin-top: 25px;
	}
	.prode-info .pic{
		width: 100%;
	}
	.prode-info .info{
		width: 100%;
		margin-top: 20px;
	}
	.prode-info .info .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.prode-info .info .line{
		margin-top: 12px;
	}
	.prode-info .info .cont{
		font-size: 14px;
		line-height: 25px;
		margin-top: 12px;
	}
	.productTab:nth-child(1){
		padding: 28px 0;
	}
	.prode-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.prode-line{
		margin: 12px auto 0;
	}
	.productTab:nth-child(1) .row{
		margin-top: 20px;
	}
	.productTab:nth-child(1) .row .pdg{
		margin-bottom: 5px;
	}
	.prode-ys .lt{
		min-height: auto;
	}
	.prode-ys{
		padding: 4%;
		font-size: 14px;
	}
	.productTab{
		padding: 28px 0;
	}
	.tsgn-box{
		margin-top: 25px;
	}
	.tsgn-box .left{
		width: 100%;
		padding: 3%;
		height: auto;
	}
	.tsgn-box .left .lt{
		font-size: 14px;
		margin-bottom: 8px;
	}
	.tsgn-box .right{
		width: 100%;
		margin-top: 15px;
	}
	#proAlSwiper{
		margin-top: 15px;
	}
	.proal-list p{
		font-size: 14px;
		margin-top: 14px;
	}
	#proAlSwiper{
		padding-bottom: 40px;
	}
	.news{
		padding: 28px 0;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .pic{
		display: none;
	}
	.news ul li .cont{
		width: 100%;
		padding: 10px 0;
	}
	.news ul li .info{
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .views{
		margin-top: 8px;
	}
	.news ul li .info .sub{
		font-size: 14px;
	}
	.news_btn{
		margin-top: 12px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .topTit .Th2{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .topTit .key{
		font-size: 12px;
		margin-top: 8px;
	}
	.defy .sxy{
		width: 100%;
	}
	.defy .return{
		font-size: 14px;
		line-height: 32px;
		float: left;
	}
	.newsDe .content{
		margin-top: 20px;
	}
	.newsDe .content .row > div{
		margin-bottom: 20px;
	}
	.newsDe .content img{
		margin-bottom: 20px;
	}
	.idea{
		padding: 28px 0;
	}
	.idea .Pic{
		width: 100%;
	}
	.idea .Info{
		width: 100%;
		margin-top: 25px;
	}
	.idea .Info .yx{
		font-size: 14px;
	}
	.zp-list ul{
		padding: 4%;
	}
	.customer{
		display: none;
	}
	#container1{
		padding-bottom: 40px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
}