@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: 0.8%;
	} 
	.head{
		padding: 12px 0;
		position: relative;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	.isLogo2{
		display: block !important;
	}
	.isLogo2.hidden{
		display: block !important;
	}
	.isLogo1{
		display: none !important;
	}
	.isLogo1.hidden{
		display: none !important;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #d00200;
	}
	.head .Logo{ 
		width:60%;
	}
	.head-language{
		display: none;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	.section{
		height: auto !important;
		/* min-height: 200px; */
	}
	#fp-nav.right{
		display: none;
	}
	.banner-jtbox{
		display: none;
	}
	.banner_mouse{
		display: none;
	}
	.indexAbout .sy-abt-video img{
		height: auto;
	}
	.indexAbout .sy-abt-video{
		width: 100%;
		display: none;
	}
	.sy-abt-right{
		width: 100%;
		padding: 28px 0;
	}
	.indexAbout{
		background-size: 100%;
	}
	.sy-abt-right .titEn{
		font-size:18px;
		line-height: 20px;
	}
	.sy-abt-right .titCn{
		font-size: 20px;
		line-height: 25px;
		margin: 4px 0 14px;
	}
	.sy-abt-right .info{
		font-size: 14px;
		line-height: 26px;
	}
	.sy-abt-right .info i{
		margin-top: 18px;
	}
	.syFzlcShow{
		margin-top: 25px;
	}
	#syFzlc .swiper-slide .year{
		font-size:20px;
		bottom:15px;
	}
	
	
	/* ADD */
	.syProList .Info {
	    width: 92%;
	    left: 4%;
	    bottom: -38px;
	}
	
	
	
	
	#syFzlc .swiper-slide .list{
		font-size:34px;
		height:48px;
	}
	#syFzlc .swiper-slide{
		padding: 15% 15% 15%;
	}
	.syFzlcShow .titbox .ico{
		width: 40px;
		height: 40px;
		line-height: 38px;
	}
	.syFzlcShow .titbox .info .cn{
		font-size: 20px;
		margin: 0;
		line-height: 25px;
	}
	.syFzlcShow .titbox .info .en{
		font-size: 12px;
		line-height: 18px;
	}
	#syFzlcN, #syFzlcP{
		width: 40px;
		height: 40px;
		bottom: 0;
	}
	#syFzlcP{
		left: 72%;
	}
	.sy-pro-left{
		padding: 28px 0;
		width: 100%;
		float: none;
	}
	#syProSwiper .swiper-slide{
		width:100%;
	}
	.syProControl{
		display: none;
	}
	.sy-pro-left .titCn{
		font-size: 20px;
		line-height: 25px;
	}
	.sy-pro-left .titEn{
		font-size: 14px;
		line-height: 25px;
		margin: 5px 0 18px;
	}
	.sy-pro-left .sub{
		font-size: 14px;
		line-height: 26px;
		height: 78px;
	}
	.sy-pro-right{
		position: relative;
		bottom: 0;
		width: 100%;
	}
	.syProList .Info{
		padding: 4%;
	}
	.syProList .Info .tit{
		font-size: 16px;
	}
	.syProList .Info .sub{
		font-size: 14px;
		line-height: 24px;
		height: 48px;
		margin: 5px 0;
	}
	.indexProduct .more{
		margin: 25px auto 25px;
		font-size: 14px;
		line-height: 40px;
		height: 42px;
	}
	.indexProduct .more span{
		height: 40px;
		line-height: 40px;
	}
	.gallery-syAl-top .content{
		width: 100%;
		padding-top: 60px;
	}
	.syAl-thumbs{
		display: none;
	}
	.indexCases .kh-sy-tit{
		top: 15px;
	}
	.gallery-syAl-top .content .titCn{
		font-size: 20px;
		line-height: 25px;
	}
	.gallery-syAl-top .content .titEn{
		font-size: 16px;
		line-height: 20px;
		margin: 8px 0 12px;
	}
	.gallery-syAl-top .content .sub{
		font-size: 14px;
		height: 28px;
	    -webkit-line-clamp: 1;
	}
	.gallery-syAl-top .content .more span{
		height: 40px;
		line-height: 40px;
	}
	.gallery-syAl-top .content .more{
		margin-top: 30px; 
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		margin-bottom: 15px;
	}
	.sy-news-left{
		width: 100%;
		padding-top: 28px;
	}
	.indexNews::after{
		display: none;
	}
	.sy-news-right{
		display: none;
	}
	.sy-news-left .l-pic{
		margin-top: 20px;
	}
	.kh-sy-tit{
		font-size: 20px;
	}
	.kh-sy-tit span{
		font-size: 14px;
		margin-left: 8px;
	}
	.sy-news-left .kh-sy-tit .more{
		width: 112px;
		line-height: 34px;
		font-size: 14px;
		top: -8px;
	}
	.sy-news-left .kh-sy-tit .more i{
		font-size: 16px;
		top: 0;
	}
	#syNewsSwiper{
		margin-top: 20px;
		padding-bottom: 40px;
	}
	.syNewsList:hover .more i{
		margin-left: 65%;
	}
	.syNewsList .tit{
		font-size: 16px;
		height: 26px;
		-webkit-line-clamp: 1;
		margin-top: 8px;
	}
	.syNewsList .sub{
		font-size: 14px;
		margin: 8px 0 14px;
	}
	.indexPartner{
		padding: 28px 0;
	}
	.indexPartner .topTcn{
		padding: 0;
		font-size: 20px;
		line-height: 25px;
	}
	.indexPartner .topTen{
		font-size: 14px;
		line-height: 25px;
		margin-top: 5px;
	}
	#syHzhbSwiper{
		margin-top: 25px;
		padding-bottom: 40px;
	}
	.indexPartner .more{
		margin: 20px auto 0;
	}
	.Nylocation .now-wz{
		display: none;
	}
	.Nylocation .now-lm a{
		font-size: 12px;
	}
	.Nylocation .now-lm{
		width: 100%;
		line-height: 55px;
	}
	.Nylocation .now-lm.nw a::before{
		right: -6px;
	}
	.Nylocation .now-lm.nw a{
		margin-right: 15px;
	}
	.about{
		padding: 28px 0;
	}
	.sub-about-left{
		width: 100%;
		float: none;
	}
	#aboutImg{
		position: relative;
		top: 0;
		width: 100%;
		margin-top: 25px;
	}
	.sub-about-left .islabel{
		margin-top: 0;
	}
	.sub-about-left .title{
		font-size: 20px;
		line-height: 25px;
		margin-top: 12px;
	}
	.sub-about-left .cont{
		font-size: 14px;
		line-height: 25px;
		margin-top: 18px;
	}
	.qywhCont{
		width: 100%;
	}
	.culture{
		padding: 28px 0;
	}
	.qywhCont img{
		display: none;
	}
	.qywh-list{
		position: relative;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		display: block;
	}
	.qywh-list .sub{
		padding-left: 0 !important;
		margin-left: 0 !important;
		font-size: 14px;
		line-height: 26px;
		width: 100%;
		border-right: 0 !important;
		margin-right: 0 !important;
		border-left: none;
		border-bottom: 1px solid #cbcbcc;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.qywh-list .tit{
		float: left !important;
	}
	.history{
		padding: 28px 0;
	}
	.abt-top-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.history-show{
		margin-top: 28px;
	}
	#fzlcSwiper .swiper-slide .title{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		font-size: 14px;
		padding: 0 15px;
		line-height: 32px;
	}
	.history-inner{
		background: none;
	}
	#fzlcN, #fzlcP{
		display: none;
	}
	#fzlcSwiper{
		width: 100%;
		margin-left: 0;
		padding-bottom: 35px;
	}
	#fzlcSwiper .swiper-slide .cont .info{
		font-size: 14px;
		height: auto;
		padding-right: 0;
	}
	#fzlcSwiper .swiper-slide .cont .year{
		font-size: 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #fff;
		
	}
	#fzlcSwiper .swiper-slide .cont{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important; 
		padding-top: 25px !important;
		padding: 0 !important;
		border-left: none;
	}
	#fzlcSwiper .swiper-slide .cont::after{
		top: auto !important;
		display: none;
		bottom: -10px;
	}
	#fzlcSwiper .swiper-slide{
		height: auto;
	}
	.honor{
		padding: 28px 0;
	}
	#honorSwiper{
		margin-top: 25px;
	}
	.partner{
		padding: 28px 0;
	}
	.product{
		padding: 28px 0;
	}
	.Nylocation .now-lm a::before, .Nylocation .now-lm .swiper-slide::before{
		display: none;
	}
	.product .row{
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.product .pdg .productList{
		border: 1px solid #e5e5e5 !important; 
		margin-bottom: 15px;
		padding: 4%;
	}
	.productList .info{
		width: 100%;
	}
	.productList .info .title{
		font-size: 20px;
		line-height: 25px;
		margin-top: 2px;
	}
	.productList .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin: 12px 0 20px;
	}
	.productList .pic{
		float: none;
		margin: 0 auto;
	}
	.productList .ico{
		width: 38px;
		height: 38px;
		margin-top: 10px;
		line-height: 38px;
	}
	.Page{
		padding-top: 25px;
	}
	.productDe-top .Info{
		width: 100%;
		padding-top: 0;
		float: none;
		margin-bottom: 15px;
	}
	.productDe-top .Info .title{
		font-size: 20px;
		line-height: 25px;
	}
	.productDe-top .Info .sub{
		font-size: 14px;
		margin: 18px 0 20px;
	}
	.productDe-top .Info .zx br{
		display: none;
	}
	.productDe-top .Info .zx{
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		border-radius: 40px;
	}
	.productDe-top .Info .zx i{
		font-size: 20px;
		margin-top: 0;
		margin-right: 12px;
		line-height: 26px;
	}
	.productDe-top .Pic{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.productDe-top{
		padding: 28px 0;
	}
	.productDe-tab{
		padding: 28px 0;
	}
	.productDe-tab .hd ul li{
		line-height: 48px;
		font-size: 14px;
		margin-right: 20px;		
	}
	.productDe-tab .hd ul li::after{
		display: none;
	}
	.productDe-tab .bd{
		margin-top: 25px;
	}
	.td-list .list{
		width: 100%;
		padding: 10px 0 10px 20px;
		background: url(../images/td-dot.png) no-repeat left top 16px;
	}
	.productDe-tab .bd ul li .content{
		font-size: 14px;
	}
	.case{
		padding: 28px 0;
	}
	.case-list .Pic{
		width: 100%;
	}
	.case-list .Info{
		width: 100%;
		padding: 4%;
		margin-left: 0;
		margin-top: 0;
	}
	.case-list .Info .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.case-list .Info .line{
		margin: 10px 0;
	}
	.case-list .Info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.prodebox{
		width: 90%;
		margin-left: -45%;
		top: 25%;
	}
	.prodebox .contNr video{
		height: 200px;
	}
	.prodebox .people .class{
		padding-top: 0;
		font-size: 14px;
	}
	.prodebox .prodeclose{
		top: -70px;
		right: -15px;
	}
	.solution{
		padding: 28px 0;
	}
	.tech-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.solution .row{
		margin-top: 25px;
	}
	.jjfa-xz{
		padding: 4%;
		margin-bottom: 15px;
	}
	.jjfa-xz .pic{
		width: 15%;
	}
	.jjfa-xz .info{
		width: 60%;
	}
	.jjfa-xz .info .txt1{
		font-size: 16px;
	}
	.jjfa-xz .info .txt2{
		font-size: 14px;
		margin-top: 4px;
	}
	.jjfa-xz .ico{
		width: 40px;
		height: 40px;
		margin-top: 8px;
		line-height: 38px;
	}
	.jjfa-xz .ico i{
		font-size: 25px;
	}
	.album{
		padding: 28px 0;
	}
	#proHc{
		margin-top: 25px;
	}
	.proHc-list p{
		font-size: 14px;
	}
	.manual{
		padding: 28px 0;
	}
	.manual .row{
		margin-left: 0;
		margin-right: 0;
		margin-top: 25px;
	}
	.czsc-xz{
		padding-left: 40px;
		background-size: 30px auto;
	}
	.czsc-xz .info{
		padding: 8px 0;
	}
	.czsc-xz .info .tit{
		font-size: 16px;
	}
	.czsc-xz .info .size{
		font-size: 14px;
		margin-top: 2px;
	}
	.czsc-xz .ico{
		width: 40px;
		height: 40px;
		line-height: 38px;
		margin-top: 10px;
	}
	.czsc-xz .ico i{
		font-size: 25px;
	}
	.manual .pdg{
		padding: 0 5px;
	}
	.knowledge{
		padding: 28px 0;
	}
	.edgeShow{
		margin-top: 25px;
		
	}
	.edgeShow h3{
		font-size: 16px;
		line-height: 25px;
		padding-bottom: 9px;
		background: url(../images/q-ico.png) no-repeat left top 5px,url(../images/zs-righ.png) no-repeat right 5px center;
		padding-right: 30px;
	}
	.edgeShow h3.on {
    background: url(../images/q-ico.png) no-repeat left top 5px,url(../images/zs-down.png) no-repeat right center;
    transition: all .5s ease;
}
	.edgeShow ul{
		padding: 18px 0;
	}
	.news ul li{
		padding: 18px 0;
	}
	.tzgg .timebox{
		display: none;
	}
	.tzgg .info{
		width: 100% !important;
	}
	.news ul li .info .tit{
		font-size: 16px;
		margin-top: 4px;
		line-height: 25px;
	}
	.news ul li .info .sub{
		font-size: 14px;
		line-height: 25px;
		margin: 8px 0 0 0;
		height: 50px;
	}
	.tzgg .info .more{
		margin-top: 10px !important;
	}
	.news ul li .info .more{
		line-height: 32px;
		font-size: 14px;
	}
	.news ul li .pic{
		width: 100%;
	}
	.news ul li .info{
		width: 100%;
	}
	.news ul li .info .time{
		font-size: 12px;
		margin: 6px 0;
	}
	.newsDe{
		padding: 28px 0;
	}
	.news-title{
		font-size: 18px;
		line-height: 25px;
	}
	.news-time{
		font-size: 12px;
		margin-top: 14px;
		padding-bottom: 14px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
	}
	.dePage{
		margin-top: 28px;
		padding-top: 25px;
	}
	.dePage .sxy{
		width: 100%;
	}
	.dePage .sxy a{
		font-size: 14px;
	}
	.dePage .return{
		float: left;
	}
	.idae{
		padding: 28px 0;
	}
	.idae .content{
		margin-top: 20px;
		font-size: 14px;
		line-height: 26px
	}
	.rczl{
		padding: 28px 0;
	}
	.rczl-show{
		width: 100%;
	}
	.rczl-sub{
		position: relative;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		border-bottom: 1px solid #ccc;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	.zyfz{
		padding: 28px 0;
	}
	.zyfzList{
		background-size: auto;
	}
	.xzflList{
		width: 100%;
	}
	#xzflSwiper{
		margin-top: 22px;
		padding-bottom: 50px;
	}
	.xzfl{
		padding: 28px 0;
	}
	.human{
		padding: 28px 0;
	}
	.zp-search{
		width: 100%;
		margin: 25px auto 0;
	}
	.human-box .item{
		padding: 5%;
	}
	.human-box h3 .info{
		width: 100%;
		border-right: none;
	}
	.human-box h3 .info .txt span{
		margin-right: 22px;
		line-height: 25px;
	}
	.human-box h3 .info .txt span::after{
		display: none;
	}
	.human-box .tjl{
		float: none;
	}
	.human-box h3 .info .tit{
		font-size: 16px;
	}
	.human-box h3 .info .txt{
		font-size: 14px;
		margin-top: 8px;
	}
	.human-box h3 .info .open{
		margin-top: 8px;
	}
	.contact{
		padding: 28px 0;
	}
	.contactShow .hd{
		width: 100%;
	}
	.contactShow .bd{
		width: 100%;
	}
	.contactShow .hd ul li.on::after{
		width: 100%;
	}
	.contactShow .bd ul li .info{
		height: auto;
		padding: 12px 0;
		line-height: 25px;
		font-size: 12px;
	}
	.contactShow .hd ul li .lt{
		margin: 0 8px;
	}
	.contactShow .hd ul li .lt .address{
		font-size: 14px; 
	}
	.contactShow .hd ul li.on .lt .address{
		margin-top: 0;
	}
	.message{
		padding: 28px 0;
	}
	.message .row{
		margin-top: 20px;
	}
	.message input[type=button]{
		width: 100%;
		float: none;
	}
	.message input[type=button]{
		width: 100%;
	}
	.message .isCode{
		width: 100%;
		float: none;
	}
	.message .isCode input{
		width: 80%;
	}
	.message .isCode .code{
		width: 20%;
	}
	.customer{
		display: none !important;
	}
	.NyTop .tit,
	.NyTop .sub{
		display: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
}