@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.2%;
	}  
	.menus .Logo{
		width: 70%;
	}
	.menus #WebLink{
		display: none;
	}
	.menus .headTel{
		display: none;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
		height: 50px;
	}
	.footFix{
		display: flex;
	} 
	.footWarp{
		display: none;
	}
	.Float-Right .dianpu{
		display: none;
	}
	.Float-Right .hot-tel{
		display: none;
	}
	.Float-Right{
		display: none;
	}
	.indexAbout .row div{
		padding-top: 65px;
		margin-bottom: 25px;
	}
	.indexAbout{
		padding: 24px 0 30px 0;
	}
	.indexAbout .content{
		margin-top: 25px;
	}
	.rjxtBox .rightInfo{
		display: none;
	}
	.rjxtBox .leftInfo{
		width: 100%;
	}
	.T-Box .tit{
		font-size: 24px;
	}
	.T-Box .subtit{
		font-size: 14px;
		line-height: 25px;
		padding-top: 10px;
	}
	.indexSystem .rjxtBox{
		margin-top: 30px;
	}
	.indexSystem{
		height: auto;
	}
	.iasjx{
		display: none;
	}
	.indexAbout .titCn{
		font-size: 24px;
		padding-top: 8px;
	}
	.indexNews .hd ul li{
		width: 25%;
	}
	.indexProduct{
		padding: 20px 0 20px 0;
	}
	.indexProduct #indexPro{
		margin-top: 32px;
	}
	.indexSolution .T-Box .tit{
		padding-top: 22px;
		font-size: 24px;
	}
	.indexSolution #indexSolu{
		margin-top: 25px;
	}
	.indexSolution .more{
		width: 35%;
		margin: 30px auto 0;
	}
	.indexSolution{
		height: auto;
		padding-bottom: 20px;
	}
	.indexPartner h4{
		font-size: 16px;
	}
	.indexPartner{
		padding: 28px 0 20px 0;
	}
	.indexPartner #indexPar{
		margin-top: 28px;
	}
	.rjxtBox .leftInfo .item-list{
		padding: 0 20px 20px 20px;
	}
	.rjxtBox .leftInfo .item-list p{
		font-size: 12px;
	}
	.indexNews .bd ul li .imgNews{
		width: 100%;
	}
	.indexNews .rightNews{
		display: none;
	}
	/*product*/
	.leftClass{
		width: 100%;
	}
	.leftClass .titleBox{
		padding: 18px 0 12px 0;
	}
	.leftClass .titleBox .cn{
		font-size: 18px;
	}
	.leftClass .titleBox .en{
		font-size: 12px;
	}
	.leftClass #ProClass li{
		line-height: 34px;
	}
	.leftClass #ProClass a:nth-child(2n+2) li{
		float: right;
	}
	.leftClass #ProClass li{
		font-size: 12px;
		width: 49%;
		float: left;
		border-left: 1px solid #ececec;
    	border-right: 1px solid #ececec;
	}
	.leftClass #ProClass{
		border: none;
	}
	.rightContent{
		width: 100%;
	}
	.product .topGn{
		margin-top: 20px;
	}
	.product .col-xs-6{
		padding-left: 10px;
		padding-right: 10px;
	}
	.product .topGn{
		height: 20px;
	}
	.ProDeCont .imgShow{
		display: none;
	}
	.mobileImgShow{
		display: block;
		margin-top: 15px;
	}
	.ProDeCont .titBox h5{
		font-size: 14px;
		line-height: 30px;
	}
	.ProDeCont .titBox .zxzx{
		width: 20%;
		line-height: 30px;
		font-size: 12px;
		display: none;
		background: #e3001e url(../images/qq.jpg) no-repeat center left 18px;
	}
	.product .topGn .search{
		display: none;
	}
	.product .row div{
		margin-bottom: 18px;
	}
	.product .row div p{
		font-size: 12px;
		padding-top: 8px;
	}
	/*system*/
	.leftClass#system{
		width: 100%;
	}
	.leftClass #SysClass li{
		width: 49%;
		float: left;
		font-size: 12px;
		padding-left: 45px;
		height: 60px;
	}
	.leftClass #SysClass a:nth-child(2n+2) li{
		float: right;
	}
	.leftClass #SysClass li#sys1{
		background: url(../images/system1.png) no-repeat left 10px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li:hover#sys1, .leftClass #SysClass li.on#sys1{
		background: url(../images/system1_on.png) no-repeat left 10px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li#sys2 {
    	background: url(../images/system2.png) no-repeat left 14px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li:hover#sys2, .leftClass #SysClass li.on#sys2 {
		background: url(../images/system2_on.png) no-repeat left 14px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li#sys3 {
		background: url(../images/system3.png) no-repeat left 14px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li:hover#sys3, .leftClass #SysClass li.on#sys3 {
		background: url(../images/system3_on.png) no-repeat left 14px center;
		background-size: 27px 27px;
	}
	.leftClass #SysClass li#sys4 {
		background: url(../images/system4.png) no-repeat left 15px center;
		background-size: 25px 25px;
	}
	.leftClass #SysClass li:hover#sys4, .leftClass #SysClass li.on#sys4 {
		background: url(../images/system4_on.png) no-repeat left 15px center;
		background-size: 25px 25px;
	}
	.leftClass #SysClass li#sys5 {
		background: url(../images/system5.png) no-repeat left 14px center;
		background-size: 27px 21px;
	}
	.leftClass #SysClass li:hover#sys5, .leftClass #SysClass li.on#sys5 {
		background: url(../images/system5_on.png) no-repeat left 14px center;
		background-size: 27px 21px;
	}
	.leftClass #SysClass li#sys6 {
		background: url(../images/system6.png) no-repeat left 15px center;
		background-size: 26px 26px;
	}
	.leftClass #SysClass li:hover#sys6, .leftClass #SysClass li.on#sys6 {
		background: url(../images/system6_on.png) no-repeat left 15px center;
		background-size: 26px 26px;
	}
	.leftClass #SysClass li#sys7 {
		background: url(../images/system7.png) no-repeat left 12px center;
		background-size: 32px 36px;
	}
	.leftClass #SysClass li:hover#sys7, .leftClass #SysClass li.on#sys7 {
		background: url(../images/system7_on.png) no-repeat left 12px center;
		background-size: 32px 36px;
	}
	.leftClass #SysClass li#sys8 {
		background: url(../images/system8.png) no-repeat left 13px center;
		background-size: 30px 20px;
	}
	.leftClass #SysClass li:hover#sys8, .leftClass #SysClass li.on#sys8 {
		background: url(../images/system8_on.png) no-repeat left 13px center;
		background-size: 30px 20px;
	}
	.leftClass #SysClass li#sys9 {
		background: url(../images/system9.png) no-repeat left 17px center;
		background-size: 22px 22px;
	}
	.leftClass #SysClass li:hover#sys9, .leftClass #SysClass li.on#sys9 {
		background: url(../images/system9_on.png) no-repeat left 17px center;
		background-size: 22px 22px;
	}
	.rightContent#system{
		width: 100%;
	}
	.system .topGn .titleOn{
		line-height: 30px;
		padding-left: 45px;
		font-size: 14px;
		background-size: 22px 22px !important;
	}
	.system .topGn .wz{
		line-height: 30px;
		display: none;
	}
	.system .topGn{
		margin-top: 20px;
		padding-bottom: 20px;
	}
	/*solution*/
	.solution .itemBox .Pic{
		width: 100%;
	}
	.solution .itemBox .subInfo{
		width: 100%;
		padding: 22px 26px 0 26px;
	}
	.solution .itemBox .subInfo .tit{
		width: 45%;
		font-size: 14px;
	}
	.solution .itemBox .subInfo .sub{
		margin-top: 20px;
	}
	.solution .itemBox .subInfo .more{
		margin: 20px auto;
	}
	.solutionDe .PicCont .Pic{
		width: 100%;
	}
	.solutionDe .PicCont .Cont{
		width: 100%;
		padding: 13px 15px 15px 25px;
	}
	.solutionDe .PicCont .Cont .tit{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.solutionDe{
		padding: 25px 0;
	}
	/*video*/
	.video .VideoBox .Sp-mp4#vpc{
		display: none;
	}
	.video .VideoBox .Sp-mp4#vmb{
		display: block;
	}
	.prodebox{
		width: 90%;
		left: 5%;
		top: 28%;
		margin-left: 0;
	}
	.prodebox .contNr video{
		height: 218px !important;
	}
	/**/
	.NyLink .right-wz{
		display: none;
	}
	.NyLink .left-a a{
		padding: 0;
		width: 33.3%;	
		text-align:center;
	}
	.NyLink .left-a{
		width: 100%;
	}
	/*about*/
	.about .inner{
		width: 100%;
	}
	.about{
		padding: 25px 0;
	}
	.about .title{
		font-size: 24px;	
		padding-top: 28px;
		padding-bottom: 18px;
	}
	#jswbox{
		display: none;
	}
	.mhonor{
		display: block;
		margin-top: 25px;
	}
	.honor h4{
		font-size: 24px;
	}
	.honor{
		padding: 20px 0 30px 0;
	}
	.idea .item-list{
		border-right: none;
		min-height: 350px;
		max-height: 350px;
		padding: 20px;
	}
	.idea{
		padding: 20px 0;
	}
	.idea h4{
		font-size: 24px;
	}
	/*history*/
	.history{
		padding: 30px 0;
	}
	.history-section .years{
		display: none;
	}
	.hiscontent{
		margin-top: 30px;
	}.history-section .years .slick-center a{
		font-size: 50px;
	}
	.his-list{
		width: 55%;
	}
	.subabout-content .tit{
		line-height: 30px;
		margin-bottom: 20px;
	}
	.his-content{
		font-size: 12px;
		line-height: 24px;
	}
	.parallax-box h1{
		line-height: 45px;
	}
	.honor-tit{
		padding: 20px 0;
	}
	.greybg{
		padding: 15px 0 0 0;
	}
	.sub-contact{
		border: none;
	}
	.show-mobile{
		display: block;
	}
	.show-pc{
		display: none;
	}
	.history-section .bx-next{
		right: 0%!important;
		background-size: 50%!important;
		background-position: right center!important;
		}
	.history-section .bx-next:hover
	{
		background-size: 50%!important;
		background-position: right center!important;
	}
	.history-section .bx-prev:hover{
		background-size: 50%!important;
	}
	.history-section .bx-prev{
		left: 0%!important;
		background-size: 50%!important;
	}
	.hiscontent .pic{
		display: none;
	}
	.his-list{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-top: 0;
	}
	.history-section .bx-next{
		top: 25%!important;
	}
	.history-section .bx-prev{
		top: 25%!important;
	}
	.history-section .years{
		display: none;
	}
	.his-list h1{
		font-size: 22px;
	}
	.subabout-content .tit{
		width: 100%;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.slider-history{
		min-height:300px!important;
	}
	.subabout-content{
		padding-top: 5px;
	}
	.culture-wrap{
		margin-top: 10px;
	}
	.gloab-tit h2{
		font-size: 16px;
		padding-top: 20px;
	}
	.gloab-tit h3{
		font-size: 13px;
		width: 90%;
		line-height: 20px;
		margin: 0 auto;
		padding-top: 15px;
	}
	.culture-wrap .culture{
		padding-top: 30px;
	}
	.culture-wrap .culture .item img{width: 40%;}
	.culture-wrap .culture .item .show1 h2{
		height: 30px;
		font-size: 14px;
		line-height: 30px;
		padding-top: 10px;
	}
	.honor-list .swiper-slide img{
		width: 90%;
		border: #393939 solid 3px;
	}
	.honor-wrap{
		width: 92%;
		margin: 0 auto;
	}
	/**/
	.news{
		padding: 24px 0;
	}
	.news li .Pic{
		width: 100%;
	}
	.news li .Pic img{
		width: 100%;
	}
	.news li .subInfo .tit{
		font-size: 14px;
	}
	.news li .subInfo .sub{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.news li .subInfo{
		width: 100%;
	}
	.newsDe .leftBox{
		width: 100%;
	}
	.newsDe .rightBox{
		display: none;
	}
	.newsDe .leftBox .sxp .fy{
		width: 100%;
	}
	.newsDe .leftBox .sxp .fhlb{
		float: left;
		margin-top: 10px;
	}
	/*contact*/
	.lxwm-Info-Box{
		padding: 15px;
	}
	.lxwm-Info .bd ul li .zsMap{
		width: 100%;
		display: none;
		float: right;
	}
	.lxwm-Info .hd{
		width: 100%;
	}
	.lxwm-Info .bd ul li .subInfo{
		width: 100%;
		float: left;
	}
	.lxwm-Info .bd ul{
		min-height: 250px;
	}
	.tj-msg{
		padding: 20px;
	}
	.tj-msg .c-dianpu{
		width: 100%;
		margin-top: 15px
	}
	.tj-msg #msg{
		width: 100%;
		margin-top: 15px;
	}
	.tj-msg #msg h3{
		font-size: 16px;
	}
	.tj-msg #msg h5{
		font-size: 12px;
	}
	.tj-msg #msg h5{
		padding-top: 8px;
	}
	.tj-msg .c-dianpu div{
		width: 40%;
		margin: 0 2%;
	}
	.lxwm-Info .bd ul li .subInfo .haoma img{
		display: none;
	}
	.lxwm-Info .bd ul li .subInfo .xx{
		margin-top: 16px;
	}
	.lxwm-Info .bd ul li .subInfo .tit{
		margin-bottom: 28px;
	}
}