@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:764px) and ( max-width:1099px) {
	.burger_menu{
		top: 18px !important;
	}
	.indexScx .col-md-3{
		width: 33.3%;
	}
	.indexScx .row .pdg:nth-child(7),
	.indexScx .row .pdg:nth-child(8){
		display: none;
	}
	.sy-abt-right .col-md-6{
		width: 25%;
	}
	.sub-about-right .video-box{
		height: auto;
	}
	.idea .pic img{
		display: block;
		margin: 0 auto;
	}
}

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

@media ( max-width:1099px) { 
	.sy-abt-right .row .pdg img{
		display: block;
		margin: 0 auto;
	}
	.service-item{
		padding: 28px 0;
	}
	.service-item .Pic{
		width: 100%;
	}
	.service-item .Info{
		width: 100% !important;
		margin-top: 22px !important;
	}
	.service-item .Info .tit{
		font-size: 20px;
		line-height: 25px;
	}
	.service-item .Info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.service-item .Info .line{
		margin: 15px 0;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.4%;
	} 
	.head .Logo{ 
		width: 60%;
	}
	.head::after{
		width: 100%;
		max-width: 100%;
	}
	.head-search{
		display: none;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 0;
	} 
	.head-lan{
		display: none;
	}
	.head .WebLink{
		display: none;
	}
	footer{
		display: none;
	}
	#sltpa{
		display: none;
	}
	.index_yuan{
		display: none;
	}
	#bannerbp{
		bottom: 2px;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	.indexScx{
		padding: 28px 0;
	}
	.sy-scx-list{
		margin-bottom: 15px;
	}
	.sy-scx-list .Info{
		padding: 5%;
	}
	.banner_mouse{
		display: none;
	}
	.indexScx .pdg:nth-child(3),
	.indexScx .pdg:nth-child(4),
	.indexScx .pdg:nth-child(5),
	.indexScx .pdg:nth-child(6),
	.indexScx .pdg:nth-child(7),
	.indexScx .pdg:nth-child(8){
		display: block;
	}
	.indexCase{
		padding: 28px 0;
	}
	.sy-jp-titCn{
		font-size: 20px;
		line-height: 25px;
	}
	.sy-jp-titEn{
		font-size: 14px;
		margin-top: 4px;
	}
	.sy-case-thumbs{
		display: none;
	}
	.sy-case-top{
		width: 100%;
		margin-top: 22px;
		float: none;
	}
	.sy-case-list .Info .sub{
		display: none;
	}
	.sy-case-list .Info{
		padding: 2% 5%;
		background: rgba(0,0,0,0.8);
	}
	.sy-case-list .Info .tit{
		font-size: 14px;
		margin-top: 0;
		width: 100%;
		margin-right: 0;
	}
	.indexService{
		padding: 28px 0 0 0;
	}
	.index-service-show{
		margin-top: 18px;
	}
	.index-service-show .sy-fw-item{
		width: 100%;
		padding: 5%;
		border-right: none;
		border-bottom: 1px solid #6f6e6e;
	}
	.sy-fw-item .ico{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.sy-fw-item .tit{
		font-size: 18px;
		margin: 8px 0 10px;
	}
	.sy-fw-item .more{
		line-height: 27px;
		font-size: 14px;
		margin: 15px auto 0;
		height: 34px;
	}
	.sy-fw-item .sub{
		font-size: 14px;
	}
	.sy-fw-item .ico i{
		font-size: 24px;
	}
	.indexAbout{
		padding: 28px 0;
	}
	.sy-abt-r-back{
		display: none;
	}
	.sy-about-left{
		width: 100%;
	}
	.sy-abt-right{
		width: 100%;
		right: 0;
	}
	.sy-about-left .tit-cn{
		font-size: 20px;
		line-height: 25px;
	}
	.sy-about-left .tit-en{
		font-size: 14px;
		margin-top: 8px;
	}
	.sy-about-left .sub-cn{
		font-size: 24px;
		margin-top: 14px;
	}
	.sy-about-left .sub{
		font-size: 14px;
		margin-top: 22px;
	}
	.sy-about-left .num-info .item{
		padding-right: 26px;
		margin-right: 24px;
	}
	.sy-about-left .num-info .item .num{
		font-size: 32px;
	}
	.sy-jp-more{
		margin: 28px 0 0 0;
		line-height: 32px;
		font-size: 14px;
	}
	.sy-abt-right .more{
		margin: 24px auto 0;
	}
	.indexNews{
		padding: 28px 0;
	}
	#syNewsSwiper{
		margin-top: 25px;
	}
	.sy-news-list .info{
		padding: 5%;
	}
	.sy-news-list .tit{
		font-size: 16px;
		line-height: 25px;
		height: 25px;
		-webkit-line-clamp: 1;
		margin: 4px 0 8px;
	}
	.sy-news-list .sub{
		font-size: 14px;
	}
	.sy-news-list .more{
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.indexNews .sy-jp-more{
		margin: 20px auto 0;
	}
	.NyLoction{
		margin-top: 0;
		height: 40px;
	}
	.NyLoction .now-wz{
		display: none;
	}
	.NyLoction .now-lm{
		width: 100%;
		text-align: center;
	}
	.NyLoction .now-lm a{
		float: none;
		display: inline-block;
		line-height: 40px;
		font-size: 14px;
		padding: 0 8px;
	}
	.NyTop{
		display: none;
	}
	.about{
		padding: 28px 0;
	}
	.sub-about-left{
		width: 100%;
	}
	.sub-about-left .title{
		font-size: 22px;
		line-height: 28px;
		padding-bottom: 15px;
		margin-top: 8px;
	}
	.sub-about-left .content{
		font-size: 14px;
		line-height: 28px;
		margin-top: 25px;
	}
	.sub-about-right{
		width: 100%;
		margin-top: 25px;
	}
	.sub-about-right .video-box{
		height: 210px;
	}
	.sub-about-right .cont{
		padding: 5%;
		font-size: 14px;
		line-height: 28px;
	}
	.sub-about-right .num-info{
		margin-top: 28px;
	}
	.sub-about-right .num-info .item{
		padding-right: 0;
		margin-right: 0;
		width: 50%;
		float: left;
	}
	.sub-about-right .num-info .item .num sup{
		top: -12px;
	}
	.sub-about-right .num-info .item .num{
		font-size: 30px;
	}
	.sub-about-right .num-info .item .tit {
		font-size: 14px;
		margin-top: 0;
	}
	.culture{
		padding: 28px 0;
	}
	#qywhSwiper{
		margin-top: 25px;
	}
	.qywh-list .pic{
		margin-top: 10px;
	}
	.honor{
		padding: 28px 0;
	}
	.honor-show{
		margin-top: 22px;
	}
	.partner{
		padding: 28px 0;
	}
	#hzhbSwiper{
		margin-top: 24px;
	}
	.contact{
		padding: 28px 0;
	}
	.sub-contact-left{
		width: 100%;
	}
	.sub-contact-left .info p{
		font-size: 14px;
		line-height: 25px;
	}
	.sub-contact-left .gs-name{
		font-size: 24px;
	}
	.sub-contact-left .info{
		margin-top: 16px;
	}
	.sub-contact-right{
		width: 100%;
		margin-top: 25px;
		padding: 1%;
	}
	.message{
		padding: 28px 0;
	}
	.message .row input[type=text]{
		margin-bottom: 12px;
	}
	.message .row input[type=button]{
		width: 100%;
		height: 38px;
		font-size: 14px;
		margin: 25px auto 0;
	}
	.product{
		padding: 28px 0;
	}
	.product-list-warp{
		width: 100%;
	}
	.product .product-class{
		width: 100%;
		display: none;
	}
	.pro-list-scx .tit{
		font-size: 14px;
		margin: 8px 0;
	}
	.pro-list-scx .more{
		font-size: 12px;
	}
	.pro-list-scx{
		padding-bottom: 15px;margin-bottom: 25px;
	}
	.product-list-warp .list .class-name{
		font-size: 18px;
	}
	.product-list-warp .list .row{
		margin-top: 20px;
	}
	.product-list-warp .list .pdg{
		padding: 0 10px;
	}
	.pro-list .info{
		padding: 0 8px;
	}
	.pro-list .info .tit{
		font-size: 14px;
		width: 56%;
	}
	.pro-list .info{
		height: 40px;
		line-height: 40px;
	}
	.pro-list{
		margin-bottom: 15px;
	}
	.pro-list .info .more{
		font-size: 12px;
	}
	.lineDe{
		width: 100%;
	}
	.line-content .imgShow{
		width: 100%;
	}
	.line-content .line-thumbs{
		display: none;
	}
	.contentShow{
		width: 100%;
		margin-top: 25px;
	}
	.contentShow .title{
		font-size: 18px;
		line-height: 25px;
		margin-top: 8px;
	}
	.contentShow .cont{
		padding-right: 0;
		margin-top: 12px;
		height: auto;
	}
	.contentShow .ljzx{
		line-height: 29px;
		height: 40px;
		font-size: 14px;
	}
	.contentShow .cont .tit{
		font-size: 16px;
	}
	.contentShow .cont .sub{
		font-size: 14px;
	}
	.lineTab .hd ul li{
		font-size: 14px;
		margin-right: 10px;
		padding-bottom: 15px;
	} 
	.lineTab .bd{
		margin-top: 28px;
	}
	.lineTab .bd ul li .title{
		font-size: 18px;
		line-height: 25px;
	}
	.line-video .row{
		margin-top: 18px;
	}
	.line-zdcp{
		padding: 3%;
	}
	.line-zdcp .row{
		margin-top: 15px;
	}
	.alone-top-lm .sub-lm{
		display: none;
	}
	.alone-top-lm{
		height: 40px;
	}
	.alone-top-lm .title{
		line-height: 40px;
		font-size: 16px;
	}
	.alone-miaoshu{
		padding: 28px 0;
	}
	.alone-miaoshu .content{
		margin-top: 0;
		width: 100%;
	}
	.alone-miaoshu .pic{
		width: 100%;
		margin-top: 15px;
	}
	.alone-miaoshu .content .tit{
		font-size: 20px;
		line-height: 25px;
	}
	.alone-miaoshu .content .line{
		margin-top: 15px;
	}
	.alone-miaoshu .content .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 22px;
	}
	.alone-tab{
		padding: 28px 0;
	}
	.alone-top-tit{
		font-size: 18px;
		line-height: 25px;
	}
	.alone-top-line{
		margin: 12px auto 0;
	}
	.alone-tab .content{
		margin-top: 22px;
		font-size: 14px;
		line-height: 26px;
	}
	.alone-tab .content table td{
		font-size: 14px;
		height: 40px;
	}
	.alone-tab .content table td:nth-child(1){
		width: 28%;
	}
	.alone-tedian{
		padding: 28px 0;
	}
	.alone-tedian .row{
		margin-top: 20px;
	}
	.alone-tedian .row .pdg{
		padding: 0 10px;
	}
	.alone-cpzs{
		padding: 28px 0;
	}
	#cpzsSwiper{
		margin-top: 24px;
	}
	.alone-lxwm{
		padding: 28px 0;
	}
	.alone-lxwm .cont{
		margin-top: 22px;
		font-size: 14px;
	}
	.alone-top-sub{
		font-size: 14px;
		margin-top: 8px;
	}
	.case{
		padding: 28px 0;
	}
	.case-list{
		padding: 4%;
		margin-bottom: 18px;
	}
	.case-list .pic{
		width: 100%;
	}
	.case-list .info{
		width: 100%;
	}
	.case-list .info .tit{
		font-size: 16px;
	}
	.case-list .info .line{
		margin: 8px 0;
	}
	.caseDe{
		padding: 28px 0;
	}
	.caseDe .title{
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 12px;
	}
	.caseDe .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 22px;
	}
	.case-return{
		line-height: 38px;
		font-size: 14px;
		margin: 30px auto 0;
	}
	.video{
		padding: 28px 0;
	}
	.video-list{
		margin-bottom: 20px;
	}
	.video-list p{
		font-size: 14px;
		margin-top: 6px;
	}
	.prodebox{
		width: 90%;
		margin-left: -45%;
	}
	.prodebox .contNr{
		height: 250px;
	}
	.prodebox .people .class{
		font-size: 14px;
		padding-top: 0;
	}
	.prodebox .prodeclose{
		right: -17px;
		top: -63px;
	}
	.news ul li{
		padding: 20px 0;
	}
	.news ul li .pic{
		width: 100%;
	}
	.news ul li .info{
		width: 100%;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .time{
		font-size: 12px;
		margin: 8px 0;
	}
	.news ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
		height: 52px;
	}
	.news ul li .info .more{
		line-height: 38px;
		font-size: 14px;
		margin-top: 14px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.news-title{
		font-size: 18px;
		line-height: 25px;
	}
	.news-time{
		font-size: 12px;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
	}
	.dePage{
		padding-top: 18px;
		margin-top: 25px;
	}
	.dePage .sxy{
		width: 100%;
	}
	.dePage .return{
		float: left;
	}
	.idea .content{
		width: 100%;
	}
	.idea{
		padding: 28px 0;
	}
	.idea .content .title{
		font-size: 18px;
		line-height: 30px;
	}
	.idea .content .title i{
		font-size: 24px;
	}
	.idea .content .cont{
		font-size: 14px;
		margin-top: 24px;
	}
	.idea .pic{
		width: 100%;
		margin-top: 22px;
	}
	.human{
		padding: 27px 0;
	}
	.human .top-title{
		font-size: 18px;
		line-height: 32px;
	}
	.human .top-title i{
		font-size: 27px;
		margin-right: 8px;
	}
	.recruit{
		margin-top: 25px;
	}
	.recruit .top span{
		font-size: 14px;
	}
	.recruit .top span:nth-child(1){
		text-align: center;
		text-indent: 0;
	}
	.recruit .top{
		line-height: 48px;
	}
	.recruit h3{
		line-height: 42px;
	}
	.recruit h3 span{
		font-size: 12px;
	}
	.recruit h3 span:nth-child(1){
		font-size: 14px;
		text-indent: 0;
		text-align: center;
	}
	.recruit ul li{
		padding: 4%;
	}
	.recruit ul li .content{
		font-size: 14px;
	}
	.recruit ul li .content .tit{
		font-size: 16px;
		margin-bottom: 4px;
	}
	.recruit ul li .yp{
		line-height: 32px;
		font-size: 14px;
		margin-top: 18px;
	}
	.product .product-class h4{
		font-size: 14px;
		line-height: 38px;
	}
	.product-class ul li{
		line-height: 32px;
		font-size: 12px;
	}
	.product-class ul li span{
		height: 32px;
	}
	.product-class ul li a{
		font-size: 12px;
	}
	.product-class ul{
		padding: 8px 0;
	}
	.sy-case-top::after{
		display: none;
	}
	.prodebox .contNr video{
		height: 100%;
	}
	.isMobile{
		display: block;
	}
	.isPc{
		display: none;
	}
	.customer{display: none;}
}