@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: 94%;
	}
	.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%;
	} 
	.head .Logo{ 
		width: 33%;
	}
	.head{
		padding: 12px 0;
	}
	.bannerControl-warp{
		display: none;
	}
	.head .WebLink{
		display: none;
	}
	.headLanguage{
		display: none;
	}
	.head.index{
		position: relative;
		background: rgba(255,255,255,0.8);
	}
	.head.fixedbg{
		padding: 10px 0;
	}
	.head.index.fixedbg{
		position: fixed;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	footer{
		display: none;
	}
	.isCkmore a{
		height: 42px;
		line-height: 38px;
	}
	.isCkmore{
		padding-top: 20px;
	}
	.isCkmore i{
		font-size: 20px;
	}
	.menus .land_Htel{
		display: none;
	}
	.menus .WebLink{
		display: none;
	}
	.NyLocation .nowLm{
		display: none;
	}
	.NyLocation{
		line-height: 42px;
	}
	.NyLocation .nowWz{
		float: left;
		font-size: 12px;
	}
	.indexProduct{
		padding: 28px 0;
	}
	.syProBox1{
		width: 100%;
		margin-bottom: 15px;
		padding: 5% 0 0 5%;
		height: auto;
	}
	.syProBox1 .Pic{
		right: 5%;
		top: 0;
		height: 100%;
	}
	.syPro .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.syPro .sub{
		font-size: 14px;
		margin-top: 14px;
	}
	.syPro i{
		margin-top: 20px;
	}
	.syPro:hover i{
		font-size: 28px;
	}
	.syProBox3 .syPro:nth-child(2){
		height: auto;
		padding: 5%;
	}
	.syProBox3 .syPro:nth-child(2) i{
		margin-top: 0;
	}
	.syProBox3 .syPro{
		height: auto;
		padding: 5% 0 0 5%;
	}
	.syProBox1 .Pic img{
		height: 100%;
		width: auto;
	}
	.syProBox3 .syPro{
		margin-bottom: 15px;
	}
	.syProBox3{
		width: 100%
	}
	.syProBox2{
		display: none;
	}
	.indexAbout_Honor{
		padding: 28px 0;
		background: none;
	}
	.indexAbout{
		width: 100%;
		margin-left: 0;
		background: url(../images/sy-abt-back.jpg) no-repeat top center;
		margin-top: 0;
		background-size: cover;
	}
	.indexAbout .titen{
		padding-top: 28px;
	}
	.indexAbout .titcn{
		font-size: 24px;
		line-height: 30px;
		margin: 8px 0 15px;
	}
	.indexAbout .more{
		height: 42px;
		line-height: 40px;
		font-size: 12px;
		margin: 28px auto;
	}
	.indexAbout_Honor .container{
		width: 100%;
	}
	.indexAbout .sub{
		width: 96%;
		margin: 0 auto;
		font-size: 14px;
		line-height: 25px;
	}
	.indexHonor{
		width: 100%;
		background: #f2f2f2;
		padding: 28px 0;
	}
	.indexHonor .titcn{
		font-size: 24px;
		line-height: 28px;
		margin: 10px 0 10px;
	}
	.indexHonor .sub{
		font-size: 14px;
	}
	.syZsWarp{
		padding-top: 28px;
	}
	#Szs .swiper-slide{
		width: 50%;
	}
	#zsN, #zsP{
		display: none;
	}
	.indexNews{
		padding: 8px 0 28px;
	}
	.syXwTop .isTit .tEn{
		font-size: 16px;
	}
	.syXwTop .isTit .tCn{
		font-size: 24px;
		line-height: 28px;
		margin-top: 0;
	}
	.syXwTop .isAll{
		margin-top: 8px;
	}
	#syXwSwiper{
		margin-top: 28px;
	}
	.sy-news-list{
		padding: 5%;
	}
	.sy-news-list .time{
		font-size: 12px;
	}
	.sy-news-list .tit{
		font-size: 16px;
		line-height: 25px;
		height: 25px;
		margin: 8px 0 10px;
	}
	.sy-news-list .sub{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
	}
	.sy-news-list .more{
		font-size: 12px;
		line-height: 40px;
		margin-top: 15px;
	}
	.indexService{
		padding: 28px 0;
	}
	.indexService .tit1{
		font-size: 24px;
		line-height: 28px;
	}
	.indexService .tit2{
		font-size: 14px;
		margin-top: 8px;
	}
	.indexService .row{
		margin-top: 28px;
	}
	.indexService .row .pdg{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.indexService .row .pdg .Ico{
		width: 50px;
		height: 50px;
		background-size: 25px auto !important;
	}
	.indexService .row .pdg .tit{
		font-size: 18px;
		margin: 12px 0 8px;
	}
	.Profile{
		padding: 28px 0;
	}
	.Profile .content{
		width: 100%;
	}
	.Profile::before{
		display: none;
	}
	.Profile .content .img img{
		width: 48%;
		margin-right: 0;
	}
	.Profile .content .img img:nth-child(2){
		float: right;
	}
	.Profile .Pic{
		display: none;
	}
	.Profile .content .img{
		margin-top: 26px;
	}
	.Profile .content .tit-cn{
		font-size: 24px;
		line-height: 28px;
	}
	.Profile .content .tit-en{
		font-size: 18px;
		line-height: 25px;
		margin: 5px 0 12px;
	}
	.Profile .content .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.Culture{
		padding: 28px 0;
	}
	.about-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.qywh-warp{
		margin-top: 25px;
	}
	.qywh-warp .qywh-info{
		width: 100%;
		float: none;
	}
	.qywh-show .swiper-slide{
		width: 50%;
	}
	.qywh-show{
		width: 100%;
		position: relative;
		bottom: 0;
		margin-top: 25px;
	}
	.qywh-warp .qywh-info .list p{
		margin-left: 15px; 
	}
	.qywh-warp .qywh-info .list p{
		font-size: 16px;
		line-height: 25px;
	}
	.qywh-warp .qywh-info .list p span{
		font-size: 14px;
	}
	.qywh-warp .qywh-info .list{
		padding: 10px 0;
	}
	.qywh-warp .qywh-info .list i{
		font-size: 34px;
	}
	#qP, #qN{
		display: none;
	}
	#honorSwiper .swiper-slide{
		padding: 5%;
	}
	#hP, #hN{
		display: none;
	}
	#honorSwiper .swiper-slide p{
		font-size: 14px;
		margin-top: 12px;
	}
	.Honor{
		padding: 28px 0;
	}
	.honor-show{
		margin-top: 25px;
	}
	.product{
		padding: 28px 0;
	}
	.proList ul li{
		padding: 0 5px;
		margin-bottom: 18px;
	}
	.proList ul li .list p{
		font-size: 14px;
		line-height: 38px;
		height: 38px;
		padding-right: 25px;
		background: url(../images/qywh-jt-z.png) no-repeat right 8px center !important;
		background-size: 12px auto !important;
		text-indent: 6px;
	}
	.productDe .ImgShow{
		width: 100%;
		position: relative;
	}
	.productDe{
		padding: 28px 0;
	}
	.productDe .proInfo{
		width: 100%;
		min-height: auto;
		margin-top: 25px;
	}
	.productDe .proInfo .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.productDe .proInfo .sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 12px;
		padding-bottom: 20px;
	}
	.productDe .proInfo .sub2{
		font-size: 14px;
		line-height: 25px;
		padding-bottom: 25px;
		margin-top: 16px;
	}
	.productDe .proInfo .ljzx{
		margin: 25px auto 0;
		line-height: 45px;
	}
	.productDeTab{
		padding: 28px 0;
	}
	.productDeTab .hd{
		line-height: 40px;
	}
	.productDeTab .hd ul li{
		font-size: 14px;
		margin: 0 8px;
	}
	.productDeTab .hd ul li::after{
		right: -12px;
    	top: 12px;
	}
	.productDeTab .bd ul{
		margin-top: 25px;
	}
	.service{
		padding: 28px 0;
	}
	.ser-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.serWarp{
		margin-top: 25px;
	}
	.serWarp .Info{
		width: 100%;
		padding-top: 18px;
		font-size: 14px;
		line-height: 25px;
	}
	.serWarp .Pic{
		width: 100%;
		margin-top: 25px;
	}
	.tech{
		padding: 28px 0;
	}
	.techList{
		margin-top: 25px;
	}
	.techList ul li{
		padding: 0 4px;
		margin-bottom: 8px;
	}
	.news{
		padding: 28px 0;
	}
	.techList ul li p{
		line-height: 38px;
		height: 38px;
		font-size: 12px;
	}
	.news ul li{
		padding: 5%;
	}
	.news ul li .pic{
		display: none;
	}
	.news ul li .infoBox{
		width: 100%;
	}
	.news ul li .infoBox .tit{
		font-size: 16px;
		line-height: 25px;
		height: 25px;
	}
	.news ul li .infoBox .time{
		font-size: 12px;
		margin: 5px 0 10px;
	}
	.news ul li .infoBox .sub{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
	}
	.Page{
		padding-top: 20px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .titBox .tit{
		font-size: 18px;
	}
	.newsDe .titBox .time{
		margin-top: 0;
		font-size: 12px;
	}
	.newsDe .titBox{
		padding-bottom: 8px;
	}
	.newsDe .content{
		margin-top: 22px;
		font-size: 14px;
		line-height: 25px;
	}
	.deFy{
		padding-top: 25px;
		margin-top: 25px;
	}
	.deFy .sxy{
		width: 100%;
	}
	.deFy .sxy a{
		font-size: 14px;
		line-height: 25px;
	}
	.deFy .return{
		float: left;
		margin-top: 0;
	}
	.contact{
		padding: 28px 0;
	}
	.contact .lx-Info{
		width: 100%;
	}
	.contact .lx-maps{
		width: 100%;
		margin-top: 25px;
	}
	.contact .lx-Info .tit{
		font-size: 18px;
	}
	.contact .lx-Info .info{
		margin-top: 10px;
	}
	.contact .lx-Info .info p{
		font-size: 14px; 
	}
	.message{
		padding: 28px 0;
	}
	.msg-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.msg-line{
		margin: 15px auto 0;
	}
	.message .row{
		margin-top: 25px;
	}
}