@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.1%;
	} 
	.head{  
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.head .container{
		padding: 12px 0;
	}
	.head.fixedbg{ 
		border-bottom: 1px solid #fcc922;
	}
	.head .Logo{ 
		width: 50%;
	}
	.head-menu{
		display: none;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	.c-banner1 .swiper-slide .c-wrap .c-text{
		font-size: 32px;
		line-height: 40px;
	}
	.c-banner1 .swiper-slide img{
		height: 60vh;
	}
	.c-banner1 .c-dot{
		bottom: 30px;
	}
	/*indexProduct*/
	.indexProduct .hd{
		width: 100%;
		float: left;
		background: none;
	}
	.indexProduct .hd ul{
		padding: 0;
	}
	.indexProduct .container .titBox{
		position: relative;
		top: 0;
		text-align: center;
	}
	.indexProduct{
		padding: 28px 0;
	}
	.sy-dst-titEn{
		font-size: 18px;
		line-height: 22px;
	}
	.sy-dst-titCn{
		font-size: 22px;
		line-height: 28px;
		margin-top: 6px;
	}
	.indexProduct .hd {
		margin-top: 22px;
	}
	.indexProduct .hd ul li .t1{
		font-size: 16px;
	}
	.indexProduct .hd ul li .t2{
		font-size: 12px;
		margin-top: 0;
	}
	.indexProduct .hd ul{
		overflow: hidden;
	}
	.indexProduct .hd ul li::after,
	.indexProduct .hd ul li::before{
		display: none;
	}
	.indexProduct .hd ul li{
		float: left;
		padding-left: 0;
		width: 48.5%;
		text-align: center;
		border: 1px solid #ccc;
		margin-bottom: 8px;
		padding: 4px 0;
	}
	.indexProduct .hd ul li.on{
		border: 1px solid #f8b62c;
		background: #f8b62c;
		transition: all .5s ease;
	}
	.indexProduct .hd ul li.on .t1{
		color: #fff;
	}
	.indexProduct .hd ul li.on .t2{
		color: #fff;
		transition: all .5s ease;
	}
	.indexProduct .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	.indexProduct .bd{
		width: 100%;
	}
	.indexProduct .bd ul{
		padding-top: 0;
		margin-top: 25px;
	}
	.indexProduct .bd ul li .now-img{
		width: 100%;
		float: none;
	}
	.indexProduct .bd ul li .now-list{
		margin-top: 0;
		width: 100%;
		float: none;
	}
	.indexProduct .bd ul li .now-list .claname{
		font-size: 18px;
		line-height: 25px;
	}
	.indexProduct .bd ul li .now-list .list{
		margin-top: 20px;
	}
	.indexProduct .bd ul li .now-list .list a{
		font-size: 15px;
		line-height: 38px
	}
	.indexSolution{
		padding: 28px 0;
	}
	.sy-jjfa-right-shwo .titBox{
		position: relative;
		top: 0;
		text-align: center;
	}
	.sy-jjfa1 .Info{
		width: 100%;
		margin-top: 25px;
	}
	.indexSolution .container{
		width: 96%;
	}
	.indexSolution .leftYellow{
		display: none;
	}
	.sy-jjfa-right-shwo{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.sy-jjfa1 .Info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.sy-jjfa1 .Pic{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	.sy-jjfa1 .Info .more{
		margin-top: 22px;
		font-size: 14px;
	}
	.sy-jjfa2-warp{
		width: 100%;
		margin-top: 55px;
	}
	.sy-jjfa2 .swiper-slide{
		font-size: 14px;
		padding-bottom: 15px;
	}
	.indexService{
		padding: 28px 0;
	}
	.sy-dst-titEn{
		text-align: center;
	}
	.sy-dst-titCn{
		text-align: center;
	}
	.indexService .sub{
		width: 100%;
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.indexService .more{
		margin-top: 22px;
	}
	.indexAbout{
		padding: 28px 0;
	}
	.indexAbout .Pic{
		width: 100%;
		float: none;
	}
	.sy-abt-click{
		margin-left: 0;
		display: none;
	}
	.indexAbout .Cont{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.indexAbout .Cont .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 22px;
	}
	.indexAbout .Cont .more{
		margin-top: 25px;
	}
	.banner_mouse{
		display: none;
	}
	.sroll_top{
		display: none !important;
	} 
	.pro-cls1{
		width: 100%;
		padding: 28px 0;
	}
	.productClass{
		width: 100%;
		margin-top: 20px;
		float: none;
	}
	.productList .clsname{
		font-size: 20px;
		line-height: 25px;
	}
	.productList .row{
		margin-top: 25px;
	}
	.pro-list .tit{
		line-height: 35px;
		font-size: 14px;
		height: 36px;
	}
	.productList .row .pdg{
		margin-bottom: 20px;
	}
	.Page{
		padding-top: 20px;
	}
	.productDe{
		width: 100%;
		float: none;
		padding: 28px 0;
	}
	.productClass .top-tit{
		line-height: 40px;
		font-size: 20px;
	}
	.productClass .item h4 a{
		line-height: 35px;
	}
	.productClass .item ul{
		padding: 12px 10px 10px 40px; 
	}
	.productClass .item ul li a{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.productList{
		width: 100%;
		float: none;
		padding: 28px 0;
	}
	.pro-cls1-list .tit{
		line-height: 40px;
		font-size: 16px;
	}
	.proDe-top .pic{
		width: 100%;
		float: none;
	}
	.proDe-top .info{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.proDe-top .info .title{
		font-size: 18px;
		padding-bottom: 10px;
	}
	.proDe-top .info .sub{
		font-size: 14px;
		padding-right: 0;
		height: auto;
	}
	.proDe-top .info .tel{
		margin-top: 20px;
	}
	.prode-tab{
		margin-top: 30px;
	}
	.prode-tab .now-tit{
		line-height: 40px;
		font-size: 18px;
	}
	.prode-tab .cont{
		font-size: 14px;
		margin-top: 24px;
	}
	.pro-yyly .tit{
		line-height: 32px;
		font-size: 14px;
		height: 32px;
	}
	.prode-tab .cont table tr td{
		height: 42px;
		font-size: 14px;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.application{
		padding: 28px 0;
	}
	.application ul li .Pic{
		width: 100%;
		float: none;
	}
	.application ul li .Info{
		width: 100%;
		float: none;
		padding: 5%;
		margin-left: 0;
	}
	.application ul li .Info .tit{
		font-size: 18px;
		margin: 0 0 15px 0;
		line-height: 25px;
	}
	.application ul li .Info .sub{
		height: auto;
		font-size: 14px;
		line-height: 26px;
	}
	.application ul li .more{
		margin-top: 20px;
	}
	.Nylocation .now-wz{
		font-size: 18px;
		line-height: 36px;
	}
	.application.applicationDe{
		padding: 28px 0;
	}
	.about-top-tit{
		font-size: 22px;
		line-height: 25px;
	}
	.application.applicationDe ul{
		margin-top: 25px;
	}
	.application.applicationDe ul li .Info{
		margin-top: 0;
		font-size: 14px;
		line-height: 26px;
	}
	.application.applicationDe ul li .Info .nr{
		padding-right: 0;
		height: auto;
	}
	.relatedProducts{
		padding: 28px 0;
	}
	.about-top-line{
		margin: 18px auto 0;
	}
	.relatedProducts .syProSwiper{
		margin-top: 25px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .titBox .title{
		font-size: 20px;
		line-height: 26px;
	}
	.newsDe .titBox .keywords{
		font-size: 12px;
		margin-top: 8px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 35px;
	}
	.dePage .sxy{
		width: 100%;
		float: none;
	}
	.dePage .sxy a{
		font-size: 14px;
		line-height: 28px;
	}
	.dePage .return{
		float: left;
	}
	.service{
		padding: 28px 0;
	}
	.service .cont{
		font-size: 16px;
		line-height: 30px;
		padding-top: 45px;
	}
	.alone-lxwm{
		padding: 28px 0;
	}
	.alone-top-tit{
		font-size: 20px;
		line-height: 26px;
	}
	.alone-top-sub{
		font-size: 14px;
		margin-top: 8px;
	}
	.alone-lxwm .cont{
		margin-top: 20px;
		font-size: 14px;
	}
	.message .row{
		margin-top: 25px;
	}
	.message .row input[type=text]{
		height: 40px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.message .row input[type=button]{
		width: 100%;
		height: 45px;
		margin-top: 20px;
	}
	.about{
		padding: 28px 0;
	}
	.about .Info{
		width: 100%;
		float: none;
	}
	.abt-top-tit{
		font-size: 22px;
		line-height: 28px;
	}
	.abt-top-line{
		margin-top: 18px;
	}
	.about .Info .txt{
		font-size: 18px;
		margin-top: 20px;
	}
	.about .Info .nr{
		font-size: 14px;
		line-height: 26px;
		margin-top: 22px;
	}
	.about .Info .cont1{
		width: 100%;
		float: none;margin-bottom: 20px;
	}
	.about .Info .cont2{
		width: 100%;
		float: none;
	}
	.about .Pic{
		width: 100%;
	}
	.culture .cont{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.culture .cont .txt1::after{
		display: none;
	}
	.culture{
		padding: 30px 0;
	}
	.culture .cont .txt2{
		font-size: 24px;
		line-height: 30px;
	}
	.honor{
		padding: 28px 0;
	}
	.honorSwiper{
		margin-top: 25px;
	}
	.news{
		padding: 28px 0;
	}
	.news ul li{
		padding: 0 ;
		margin-bottom: 20px;
	}
	.news ul li:hover{
		background: #fff;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .Pic{
		display: none;
	}
	.news ul li .content{
		width: 100%;
		float: none;padding-bottom: 18px;
	}
	.news ul li .content .Info{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.news ul li .content hr{
		display: none;
	}
	.news ul li .content .Info .key{
		font-size: 12px;
		margin: 6px 0;
	}
	.news ul li .content .Info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
	}
	
	.isMobile{
		display: block !important; 
	}
	.honorPag {
		display: none !important;
	}
	.isPc{
		display: none;
	}
}