@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: 2%;
	} 
	.head{ 
		border-bottom: 1px solid #1e468e;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 9999;
		background: #fff;
	}
	.head .container{
		padding: 12px 0;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 15%;
	}
	.WebLink{
		display: none;
	}
	.head-tex1{
		display: none;
	}
	.head-hr{
		display: none;
	}
	.head-tel{
		display: none;
	}
	.head-menu{
		display: none;
	}
	.head-txt2{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	/*index*/
	#bannerbp{
		bottom: 8px;
	}
	.indexSearch .hotKeywords{
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 30px;
	}
	.indexSearch{
		height: auto;
		padding: 18px 0;
	}
	.sySearch{
		width: 100%;
		float: none;
	}
	.indexProduct{
		padding: 28px 0;
	}	
	.sy-wc-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.sy-wc-tit span::after{
		right: -26px;
	}
	.sy-wc-tit span::before{
		left: -26px;
	}
	.sy-wc-sub{
		font-size: 14px;
		margin-top: 8px;
	}
	.indexProduct .hd{
		margin-top: 25px;
	}
	.indexProduct .hd ul{
		display: block;
		overflow: hidden;
	}
	.indexProduct .hd ul li{
		width: 48%;
		float: left;
		margin-bottom: 10px;
	}
	.indexProduct .hd ul li .cn{
		font-size: 16px;
	}
	.indexProduct .hd ul li .en{
		font-size: 12px;
		margin-top: 4px;
	}
	.indexProduct .bd{
		margin-top: 22px;
	}
	.row{
		margin-left: 0;
		margin-right: 0;
	}
	.indexProduct .pdg{
		padding: 0 5px;
	}
	.syProList .tit{
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.indexProduct .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	.indexAdvantage{
		padding: 28px 0;
	}
	.indexAdvantage .hd{
		margin-top: 25px;
	}
	.indexAdvantage .hd ul{
		display: block;
		overflow: hidden;
	}
	.indexAdvantage .hd ul li{
		width: 50%;
		float: left;
		padding: 10px 10px 10px 45px; 
	} 
	.indexAdvantage .hd ul li .cn{
		font-size: 18px;
	}
	.indexAdvantage .hd ul li.ys1{
		background: #fff url(../images/sy-ys-ico1.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.on.ys1{
		background: #1296db url(../images/sy-ys-ico1-bs.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.ys2{
		background: #fff url(../images/sy-ys-ico2.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.on.ys2{
		background: #1296db url(../images/sy-ys-ico2-bs.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.ys3{
		background: #fff url(../images/sy-ys-ico3.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.on.ys3{
		background: #1296db url(../images/sy-ys-ico3-bs.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.ys4{
		background: #fff url(../images/sy-ys-ico4.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .hd ul li.on.ys4{
		background: #1296db url(../images/sy-ys-ico4-bs.png) no-repeat right 6px center; 
		transition: all .5s ease;
	}
	.indexAdvantage .bd ul li .info{
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		float: none;
		padding: 4%;
	}
	.indexAdvantage .bd ul li .pic{
		width: 100%;
		float: none;
	}
	.indexAdvantage .bd ul li .info .tit{
		font-size: 26px;
	}
	.indexAdvantage .bd ul li .info .txt{
		font-size: 16px;
		margin-top: 8px;
	}
	.indexAdvantage .bd ul li .info .line{
		margin: 12px 0;
	}
	.indexAdvantage .bd ul li .info .sub{
		font-size: 14px;
	}
	.indexCase{
		padding: 28px 0;
	}
	.indexCase .hd{
		margin-top: 25px;
	}
	.indexCase .hd ul{
		border: none;
		overflow: hidden;
	}
	.indexCase .hd ul li{
		width: 49%; 
	}
	.indexCase .hd ul li .cn{
		font-size: 16px;
	}
	.indexCase .hd ul li .en{
		margin-top: 3px;
	}
	.indexCase .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	.indexCase .hd ul li{
		margin-bottom: 4px;
		background-image: none !important;
		padding: 12px 0 12px 12px;
		border: 1px solid #ccc;
	}
	.indexCase .bd{
		margin-top: 22px;
	}
	.indexCase .bd ul{
		background: none;
	}
	.indexCase .bd ul li{
		width: 100%;
		margin-bottom: 12px;
	}
	.indexCase .bd ul li::before{
		display: none;
	}
	.indexCase .bd ul li::after{
		display: none;
	}
	.indexCase .bd ul li .info{
		padding: 4% !important;
	}
	.indexCase .bd ul li .info .tit{
		font-size: 16px;
	}
	.indexCase .bd ul li .info .sub{
		-webkit-line-clamp: 2;
	}
	.indexCase .more{
		width: 140px;
		height: 38px;
		line-height: 30px;
		font-size: 14px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.indexNews .container{
		margin-top: 25px;
	}
	.sy-news-left{
		display: none;
	}
	.sy-news-right{
		width: 100%;
		float: none;
	}
	.sy-news-right .box1{
		padding: 5%;
	}
	.sy-news-right .box1 .lt{
		width: 100%;
		margin-top: 20px;
		float: none !important;
	}
	.sy-news-right .box1 .iconfont{
		top: 10px;
		right: 10px;
	}
	.sy-news-right .box1 .lt .tit{
		font-size: 18px;
	}
	.sy-news-right .box1 .lt .sub{
		font-size: 14px;
	}
	.sy-news-right .box1 .lt .time{
		margin-top: 14px;
	}
	.sy-news-right .box2{
		padding: 5%;
	}
	.sy-news-right .box2 .lb{
		width: 68%;
		float: none;
	}
	.sy-news-right .box2 .titBox{
		float: none;
	}
	.sy-news-right .box2 .titBox .ywjd{
		margin-top: 20px;
	}
	.indexAbout{
		padding: 28px 0;
	}
	.syAbtBox{
		margin-top: 25px;
	}
	.syAbtBox .Info{
		width: 100%;
		float: none;
		padding-top: 20px;
	}
	.syAbtBox .Info .titBox .cn{
		font-size: 26px;
	}
	.syAbtBox .Info .titBox .en{
		margin-top: 8px;
	}
	.syAbtBox .Info .titBox .abt{
		font-size: 80px;
		top: 0;
	}
	.syAbtBox .Info .sub{
		font-size: 14px;
		margin-top: 20px;
	}
	.syAbtBox .txt{
		position: relative;
		width: 100%;
		padding: 4%;
		margin-top: 20px;
	}
	.syAbtBox .txt .txt1{
		font-size: 18px;
	}
	.syAbtBox .txt .txt2{
		font-size: 14px;
		margin-top: 10px;
	}
	.syAbtBox .Info .more{
		margin: 18px 0;
	}
	.gssl-list span{
		font-size: 14px;
		line-height: 28px;
	}
	.syAbtBox .pic{
		width: 100%;
		float: none;
	}
	.gssl-list .info .cn{
		font-size: 24px;
		margin-top: 32px;
	}
	#gsslSwiper{
		margin-top: 20px;
		padding-bottom: 40px;
	}
	.Nylocation .now-wz{
		line-height: 38px;
		font-size: 12px;
	}
	.about{
		padding: 28px 0;
	}
	.about .sub{
		width: 100%;
		position: relative;
		padding: 5%;
		font-size: 14px;
		line-height: 26px;
	}
	.productionStrength{
		padding: 28px 0;
	}
	.about .info{
		width: 100%;
		margin-top: 25px;
	}
	.about .wc-abt-line{
		margin: 15px 0;
	}
	.about .pic{
		width: 100%;
	}
	.wc-abt-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.wc-abt-line{
		margin: 16px auto 0;
	}
	#scslN, #scslP{
		display: none;
	}
	.scslShow{
		margin-top: 25px;
	}
	#scslSwiper .swiper-slide.isBig{
		width: 85% !important;
	}
	#scslSwiper .swiper-slide.isSmall{
		width: 40% !important;
	}
	.product{
		padding: 28px 0;
	}
	.productClass{
		width: 100%;
		float: none;
	}
	.productList{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.productList .pdg{
		padding: 0 5px;
	}
	.productClass .clsname{
		font-size: 24px;
		line-height: 50px;
	}
	.productClass .class .item h3{
		line-height: 40px;
		font-size: 15px;
	}
	.productClass .class .item ul{
		padding: 6px 0;
	}
	.productClass .class .item ul li a{
		font-size: 14px;
		line-height: 30px;
	}
	.pro-list .title{
		font-size: 14px;
		margin: 15px 0 25px;
	}
	.pro-list{
		margin-bottom: 40px;
	}
	.Page{
		padding-top: 20px;
	}
	.productDe{
		width: 100%;
		margin-top: 25px;
	}
	#proDeImg{
		width: 100%;
		float: none;
	}
	.proDe-top .Info{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.proDe-top .Info .sub{
		height: auto;
		font-size: 14px;
		margin-top: 25px;
		line-height: 26px;
	}
	.prode-title{
		font-size: 20px;
		padding-bottom: 18px;
	}
	.prodeTab .content{
		margin-top: 22px;
	}
	.prodeTab{
		margin-top: 30px;
	}
	.prodeTab .content table tr td{
		font-size: 14px;
	}
	.case{
		padding: 28px 0;
	}
	.caseList{
		width: 100%;
		float: none;
	}
	.caseList ul{
		overflow: hidden;
	}
	.caseList ul li{
		width: 48.5%;
		float: left;
	}
	.caseList ul li .info .tit{
		font-size: 16px;
	}
	.caseList ul li .info .more{
		font-size: 12px;
		line-height: 28px;
		height: 32px;
		margin-top: 12px;
	}
	.caseList ul li:nth-of-type(2n+2){
		float: right;
	}
	.caseList ul li .pic{
		width: 100%;
	}
	.caseList ul li .info{
		width: 100%;
		padding: 5%;
		margin-left: 0;
		margin-top: 0;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .topTit .Th2{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .topTit .key{
		font-size: 12px;
		margin-top: 12px;
	}
	.newsDe .topTit{
		padding-bottom: 20px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.defy{
		padding-top: 30px;
		margin-top: 30px;
	}
	.defy .sxy{
		width: 100%;
		float: none;
	}
	.defy .sxy a{
		font-size: 14px;
		line-height: 28px;
		height: 28px;
	}
	.defy .return{
		float: left;
	}
	.service{
		padding: 28px 0;
	}
	.service .top-sub{
		font-size: 16px;
		line-height: 28px;
	}
	.service-box{
		margin-top: 25px;
	}
	.service-box .pic{
		width: 100%;
		float: none;
	}
	.service-box .info{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.service-box .info::after{
		display: none;
	}
	.service-box .info .tel{
		margin-top: 25px;
	}
	.news{
		padding: 28px 0;
	}
	.news ul li{
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .views{
		font-size: 12px;
		margin-top: 10px;
	}
	.news ul li .info .sub{
		font-size: 14px;
	}
	.news_btn{
		margin-top: 18px;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .cont{
		padding: 0;
	}
	.news ul li .cont::after{
		display: none;
	}
	.news ul li .info{
		width: 100%;
		border-left: none;
		float: none;
		padding-left: 0;
	}
	.news ul li .pic{
		display: none;
	}
	.news ul li .cont{
		width: 100%;
		float: none;
	}
	.problem{
		padding: 28px 0;
	}
	.problem ul li .title{
		font-size: 18px; 
	}
	.problem ul li .content {
		padding: 0 0 0 30px;
		margin-top: 15px;
		font-size: 14px;
		color: #666666;
		line-height: 26px;
		background: url(../images/problem-d.png) no-repeat left 0px top 2px;
	}
	.contact{
		padding: 28px 0;
	}
	.contact .info{
		width: 100%;
		float: none;
	}
	.msgForm{
		width: 100%;
		float: none;margin-top: 25px;
	}
	.maps{
		padding: 0 0 28px 0;
	}
	.contact .info .txt1{
		font-size: 22px;
	}
	.contact .info .txt2{
		font-size: 14px;
		margin-top: 15px;
	}
	.contact .info .nr{
		font-size: 14px;
		margin-top: 20px;
		line-height: 40px;
	}
	.contact .info .nr p{
		padding-left: 28px;
	}
	.sroll_top{
		display: none !important;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
}