@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: 1.2%;
	} 
	.head{
		padding: 12px 0;
		border-bottom: 1px solid #fff;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 45%;
		padding: 0;
	}
	.head.fixedbg .Logo{
		padding: 0;
	}
	#container1 .jt-box{
		display: none;
	}
	.head-right{
		display: none;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	.syPro-top .left{
		width: 100%;
	}
	.syPro-top .right{
		width: 100%;
		margin-top: 15px;
	}
	.syPro-top .right .hd ul li{
		margin-right: 15px;
	}
	.syPro-top .right .more{
		font-size: 14px;
	}
	.syPro-top .right .hd ul li a{
		font-size: 14px;
	}
	.syPro-list{
		width: 48.5%;
		padding: 3%;
	}
	.syPro-list .tit{
		font-size: 14px;
		line-height: 28px;
		margin-top: 12px;
	}
	.syPro-list:nth-child(3),
	.syPro-list:nth-child(4){
		display: none;
	}
	.syPro-top .right .hd ul li:nth-child(3),
	.syPro-top .right .hd ul li:nth-child(4),
	.syPro-top .right .hd ul li:nth-child(5){
		display: none;
	}
	.indexProduct{
		padding: 28px 0;
		background-size: 100% 100%;
		background-size: cover;
	}
	.syPro-top .left .tit{
		font-size: 24px;
		line-height: 30px;
	}
	.syPro-top .left .sub{
		font-size: 14px;
		margin-top: 6px;
	}
	.indexApplication{
		padding: 28px 0;
	}
	.sy-bf-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.sy-bf-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	#syAppSwiper{
		margin-top: 25px;
		padding-bottom: 35px;
	}
	.indexNews .hd{
		margin-top: 18px;
	}
	.indexNews .hd ul li{
		padding: 0 18px;
		line-height: 32px;
		font-size: 14px;
	}
	.indexNews .bd{
		margin-top: 28px;
	}
	.indexNews{
		padding: 0 0 28px;  
	}
	.sy-xw-r-list .ico{
		display: none;
	}
	.sy-xw-r-list .time-box .day{
		font-size: 48px;
		line-height: 52px;
	}
	.sy-xw-r-list .time-box .year{
		font-size: 14px;
		margin-top: 0;
	}
	.sy-xw-r-list .info{
		width: 70%;
	}
	.sy-xw-r-list .info .tit{
		font-size: 16px;
	}
	.sy-xw-r-list .info .sub{
		font-size: 14px;
		margin-top: 6px;
	}
	.sy-news-left{
		display: none;
	}
	.sy-news-right{
		width: 100%;
	}
	.sy-xw-r-list{
		padding: 3%;
		margin-bottom: 5px;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation .now-wz{
		float: left;
		font-size: 12px;
		line-height: 38px;
	}
	.about{
		padding: 28px 0;
	}
	.sub-about-left{
		width: 100%;
	}
	.sub-about-left .tit .en{ 
		font-size: 35px;
	}
	.sub-about-left .line{
		margin-top: 10px;
	}
	.sub-about-left .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 22px;
	}
	.about .pic{
		width: 100%;
		margin-top: 25px;
	}
	.sub-about-left .tit{
		font-size: 24px;
	}
	.culture{
		padding: 28px 0;
	}
	.abt-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.abt-top-line{
		margin: 12px auto 0;
	}
	.culture .row{
		margin-top: 25px;
	}
	.qywh-list .tit{
		font-size: 18px;
		margin: 8px 0;
	}
	.qywh-list{
		margin-bottom: 15px;
	}
	.technology{
		padding: 30px 0;
	}
	.technology .abt-top-line{
		margin: 12px 0 0 0;
	}
	.technology .cont{
		width: 100%;
		margin: 16px 0 0 0;
		font-size: 14px;
		line-height: 26px;
	}
	.qywh-list .sub{
		font-size: 14px;
	}
	.Its_Website{
		padding: 28px 0;
	}
	#WebSwiper{
		margin-top: 22px;
	}
	.pro-left-class{
		display: none;
	}
	.pro-right{
		width: 100%;
		padding: 28px 0;
	}
	.pro-search .box1 .tit{
		font-size: 16px;
	}
	.pro-search .box1 .p-s-int input[type=text]{
		width: 85%;
	}
	.pro-search .box1 .p-s-int input[type=button]{
		width: 15%;
	}
	.pro-search .box2{
		display: none;
	}
	.productClass1 .row{
		margin-bottom: 25px;
	}
	.pro-cls1 .class2-more{
		display: none;
	}
	.pro-cls1 .class2 > a{
		display: block;
	}
	.pro-cls1 .class1 .more{
		display: none;
	}
	.pro-cls1 .class1{
		line-height: 38px;
		font-size: 18px;
	} 
	.pro-cls1 .class2 a{
		font-size: 14px;
		line-height: 36px;
	}
	.productClass1{
		padding: 0;
	}
	.productClass3{
		padding: 0;
	}
	.productClass3 .title{
		font-size: 24px;
		line-height: 28px;
	}
	.productClass3 .subtitle{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
	}
	.productClass3 .row{
		margin-top: 25px;
	}
	.pro-cls3 .tit{
		font-size: 14px;
	}
	.pro-cls3 .sub p{
		font-size: 14px;
		line-height: 25px;
	}
	.productDe{
		padding: 0 0 25px;
	}
	.productDe-top .imgShow{
		width: 100%;
	}
	.productDe-top .isInfo{
		width: 100%;
		margin-top: 25px;
		padding-top: 15px;
	}
	.productDe-top .isInfo .tit{
		font-size: 20px;
	}
	.productDe-top .isInfo .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	.productDe-top .isInfo .sub2{
		font-size: 14px;
	}
	.productDe-two{
		margin: 25px 0;
	}
	.productDe-two .row .pdg{
		margin-bottom: 25px;
	}
	.prode-tit{
		font-size: 20px;
		line-height: 26px;
	}
	.productDe-three .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	.productDe-table .isTop .sear{
		width: 100%;
	}
	.productDe-table .isTable{
		font-size: 12px !important;
	}
	.productDe-table .isTable table tr td{
		font-size: 12px;
	}
	.productDe-msg input[type=text]{
		margin-bottom: 5px;
	}
	.productDe-msg input[type=button]{
		width: 60%;
		font-size: 14px;
		height: 36px;
		line-height: 36px;
	}
	.application-ul li{
		margin-bottom: 25px;
	}
	.application{
		padding: 0 0 15px;
	}
	.application-ul li .pic{
		width: 100%;
	}
	.application-ul li .info{
		width: 100%;
		margin-top: 10px;
	}
	.application-ul li .info .sub{
		font-size: 14px;
		margin-top: 10px;
	}
	.application-ul li .info .more{
		font-size: 14px;
		line-height: 34px;
		height: 36px;
		margin-top: 12px;
	}
	.application-ul li .info{
		margin-bottom: 0;
	}
	.application-ul li .info .tit{
		margin-top: 0;
		font-size: 16px;
	}
	.appde-top .title{
		width: 100%;
		font-size: 18px;
		line-height: 25px;
	}
	.appde-top .return{
		float: left;
		margin-top: 15px;
	}
	.appde-cont{
		margin-top: 22px;
		font-size: 14px;
		line-height: 26px;
	}
	.appde-xgcp{
		margin-top: 30px;
	}
	.appde-xgcp .title{
		font-size: 18px;
	}
	#appCpSwiper{
		margin-top: 18px;
	}
	.applicationDe{
		padding: 0;
	}
	.brand{
		padding: 28px 0;
	}
	.msg-top-tit{
		font-size: 20px;
		line-height: 26px;
	}
	.msg-top-sub{
		font-size: 14px;
		margin-top: 12px;
	}
	.brand .row{
		margin-top: 20px;
	}
	.brand .row{
		margin-left: 0;
		margin-right: 0;
	}
	.brand .row .pdg{
		padding: 0 6px;
		margin-bottom: 12px;
	}
	.brand-list p{
		font-size: 12px;
	}
	.download{
		padding: 28px 0;
	}
	.download .row{
		margin-top: 25px;
	}
	.down-list{
		padding-right: 0;
		border-right: none;
		margin-bottom: 30px;
	}
	.download .row{
		margin-left: 0;
		margin-right: 0;
	}
	.download .row .pdg{
		padding: 0 8px;
	}
	.down-list .ico{
		margin: 10px 0;
	}
	.down-list p{
		font-size: 14px;
	}
	.news{
		padding: 28px 0;
	}
	.Page{
		padding-top: 20px;
	}
	.news ul li .time-box{
		width: 80px;
		height: 80px;
	}
	.news ul li .time-box .day{
		font-size: 30px;
		line-height: 35px;
		margin-top: 5px;
	}
	.news ul li .info{
		width: 71%;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .sub{
		font-size: 14px;
		margin: 8px 0;
	}
	.news ul li .info .more{
		width: 120px;
		height: 36px;
		line-height: 32px;
		font-size: 12px;
	}
	.news ul li{
		padding-bottom: 19px;
		margin-bottom: 19px;
	}
	.newsDe{
		padding: 28px 0 48px;
	}
	.news ul li .time-box .year{
		font-size: 14px;
	}
	.newsde-top .titBox{
		width: 100%;
	}
	.newsde-top .titBox .title{
		font-size: 18px;
		line-height: 28px;
	}
	.newsde-top .titBox .time{
		font-size: 14px;
	}
	.newsde-top .btn-gn{
		float: left;
	}
	.newsde-top .btn-gn a:nth-child(1){
		margin-left: 0;
	}
	.message .row .pdg{
		padding: 0;
	}
	.message{
		padding: 28px 0;
	}
	.message .row{
		margin-top: 25px;
	}
	.message .row input[type=text]{
		margin-bottom: 5px;
		height: 44px;
	}
	.contact-zxzx .title{
		font-size: 18px;
	}
	.contact-zxzx .row{
		margin-top: 18px;
	}
	.contact-zxzx.yx{
		padding: 0 0 25px;
	}
	.c-zx-list .qq-list{
		min-height: auto;
	}
	.sub-contact-left{
		width: 100%;
		padding: 4%;
		height: auto !important;
	}
	.contact{
		padding: 28px 0;
	}
	.sub-contact-left .yinhao{
		display: none;
	}
	.sub-contact-left .info{
		font-size: 12px;
		line-height: 32px;
	}
	.maps{
		width: 100%;
	}
	.sub-contact-left .tit{
		font-size: 18px;
		padding: 12px 0 0 0;
	}
	.message .row textarea{
		margin-top: 0;
	}
	.message .row input[type=button]{
		width: 60%;
		height: 36px;
		font-size: 14px;
		margin: 18px auto 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;
	}
	.dls-tit{
		font-size: 20px;
		line-height: 26px;
	}
	.dls-sub{
		font-size: 14px;
		margin-top: 6px;
	}
	.productDe-top .imgShow.pp{
		width: 100%;
	}
	.productDe-top .imgShow.pp img{
		padding: 0;
	}
	.productDe-top .isInfo.pp{
		width: 100%;
	}
	.productDe-two .list.on{
		height: auto;
	}
	.downPop{
		margin-left: -46%;
		padding: 4%;
	}
	.downPop .title{
		font-size: 22px;
		line-height: 28px;
	}
	.downPop .row input[type=text]{
		height: 36px;
		font-size: 14px
	}
	.downPop .row input[type=button]{
		height: 36px;
		font-size: 14px;
		margin-top: 15px;
	}
	.downPop .row{
		margin-top: 25px;
	}
	.closeDwon{
		top: -50px;
	}
	::-webkit-scrollbar {
		width: 8px;
		height: 16px;
		background-color: #fff; 
	} 
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
}