@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) {
	.menus{
		padding: 8px 0 8px 0; 
	}
	.menus.fixedbg{
		padding: 8px 0 8px 0; 
	}
	.menus .head-right{
		display: none;
	}
	.menus .Logo{
		width: 32%;
	}
	.burger_menu{
		display: block !important;
	}
	.indexBox1{
		padding: 18px 0 25px 0;
	}
	.indexBox1 h2{
		font-size: 38px;
		padding-top: 15px;
	}
	.indexBox1 .content{
		width: 100%;
	}
	.indexBox1 .more{
		width: 50%;
		margin: 20px auto 0;
	}
	.indexBox1 .item{
		margin-bottom: 12px;
	}
	.indexBox1 .row{
		margin-top: 20px;
	}
	.indexBox2 .swiper-slide{
		width: 96%;
		padding: 22px 0 50px 0;
	}
	.indexBox2 .swiper-slide .box .sub-cont{
		width: 100%;
		margin-left: 0;
	}
	.indexBox2 .swiper-slide .box{
		padding: 25px 2.5%; 
	}
	.indexBox2 .swiper-slide .box .img1{
		width: 100%;
		margin-left: 0;
	}
	.indexBox2 .swiper-slide .box .sub-cont h4{
		font-size: 22px;
		padding-bottom: 12px;
		margin: 12px;
	}
	.indexBox2 .swiper-slide .box .sub-cont .sub{
		line-height: 30px;
		font-size: 14px;
	}
	.indexBox3 .row > div{
		border-left: none;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}
	.indexBox3 .row > div:last-child{
		border-right: none; 
	}
	.indexBox3 .row > div .date{
		padding-top: 22px;
	}
	.indexBox3 .row{
		margin-top: 18px;
	}
	.indexBox3{
		padding: 25px 0 0 0;
	}
	.indexBox3 .row > div p{
		padding: 0;
	}
	.foot{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	/*contact*/
	form#msg .left{
		width: 100%;
	}
	form#msg .right{
		width: 100%;
	}
	.contact h2{
		font-size: 22px;
	}
	.contact .sub-info .xx{
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: center;
	}
	.contact .sub-info .xx h5{
		font-size: 16px;
		margin-bottom: 12px;
	}
	.contact{
		padding: 22px 0 45px 0;
	}
	.contact .sub-info .hx{
		width: 100%;
		height: 1px;
		margin-left: 0;
	}
	.contact .sub-info .ewm{
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.contact .sub-info .ewm img{
		margin: 20px auto 0;
		float: none;
	}
	.contact .sub-info .ewm p{
		margin-left: 0;
		margin-top: 5%;
		text-align: center;
		width: 100%;
	}
	.contact .sub-info .xx p{
		font-size: 14px;
	}
	.contact .sub-info{
		margin-top: 20px;
	}
	/*about*/
	.about .titBox{
		width: 100%;
	}
	.about{
		padding: 25px 0 25px 0;
	}
	.about h3{
		font-size: 20px;
		padding-top: 12px;
	}
	.about h2{
		font-size: 25px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.about .sub-cont{
		margin-top: 25px;
	}
	.about .sub-cont .pic{
		width: 100%;
	}
	.about .sub-cont .cont{
		width: 100%;
		margin-top: 15px;
	}
	.about .sub-cont .cont .item{
		margin-bottom: 15px;
	}
	.profile{
		padding: 25px 0 25px 0;
	}
	.profile h2{
		font-size: 25px;
	}
	.profile .row{
		margin-top: 25px;
	}
	.profile .item{
		margin-bottom: 15px;
		border-bottom: 1px solid #585858;
		padding-bottom: 15px;
	}
	.profile .item .back{
		width: 130px;
		height: 130px;
	}
	/*product*/
	.product{
		padding: 20px 0 35px 0;
	}
	.product .P-Class h2{
		font-size: 25px;
	}
	.product .P-Sub-cont h2{
		font-size: 22px;
		padding-top: 15px;
		border-top: 1px solid #585858;
		margin-top: 15px;
	}
	.product .P-Class{
		width: 100%;
	}
	.product .P-Class .item .lb{
		width: 31%;
		margin-left: 1.15%;
		margin-right: 1.15%;
		float: left;
	}
	.product .P-Sub-cont .sub-cont{
		margin-top: 15px;
	}
	.product .P-Sub-cont{
		width: 100%;
	}
    .product .P-Class .item .lb .lba a{
    	display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
    }
	.product .P-Sub-cont .sub-cont .pic{
		width: 100%;
	}
	.product .P-Sub-cont .sub-cont .cont{
		width: 100%;
		margin-top: 15px;
	}
	/*news*/
	.news{
		padding: 25px 0;
	}
	.news h2{
		font-size: 25px;
	}
	.news ul{
		margin-top: 17px;
	}
	.news ul li .pic{
		width: 100%;
	}
	.news ul li .sub-cont{
		width: 100%;
	}
	.news ul li .sub-cont .more{
		background: url(../images/red-arrow.jpg) no-repeat left 22% center;
	}
	.newsDe{
		padding: 16px 0 20px 0;
	}
	.newsDe .titBox h2{
		font-size: 18px;
	}
	.newsDe .titBox{
		padding-bottom: 45px;
	}
	.newsDe .titBox .date{
		padding-top: 7px; 
	}
	.newsDe .Share{
		left: 0;
		bottom: 5px;
	} 
	.up-down-page .fanye{
		width: 100%;
	}
	.up-down-page .return{
		width: 50%;
		float: left;
		margin-top: 15px;
	}
	/*.solution*/
	.solution{
		padding: 15px 0 25px 0;
	}
	.solution h2{
		font-size: 25px;
	}
	.solution h6{
		font-size: 12px;
		line-height: 16px;
	}
	.solution .row{
		margin-top: 18px;
	}
	.solution .item .sub-cont .sub{
		display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    line-height: 18px;
	}
	.solution .item .sub-cont .tit{
		font-size: 14px;
		padding-top: 3%;
	}
	.solution .item .sub-cont .more{
		background: url(../images/red-arrow.jpg) no-repeat left 35% center;
	}
	/*PROFESSIONAL*/
	.professional{
		padding: 20px 0 25px 0;
	}	
	.professional h2{
		font-size: 25px;
		margin-bottom: 20px;
	}
	.professional h3{
		line-height: 40px;
	}
	.professional h3 .tit{
		font-size: 12px;
		width: 65%;
	}
	.professional h3 .date{
		font-size: 12px;
	}
	.professional h3:hover .date, .professional h3.on .date{
		margin-right: 14px;
		padding-right: 5%;
	}
	.professional h3:hover .tit, .professional h3.on .tit{
		padding-left: 15px;
		background: none;
	}
	.professional ul{
		padding: 14px 2% 25px 2%; 
	}
/*	index*/
	.indexBox2 .pro-next{
		display: none;
	}
	.indexBox2 .pro-prev{
		display: none;
	}
	.indexBox4{
		display: none;
	}
	.indexBox3 h2{
		font-size: 26px;
	}
	.indexBox2 .swiper-slide .box .sub-cont .sub{
		display: none;
	}
	.indexBox2 .swiper-slide .box .sub-cont h4{
		border-bottom: none;
	}
	.core .item{
		margin-bottom: 15px;
	}
	.core .sub-cont .icon{
		display: none;
	}
	.core .sub-cont .info{
		font-size: 13px;
		line-height: 18px;
	}
	
	/*banner*/
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0px!important;
	}
	.indexBox1 h3,.about h3{
		font-size: 18px;
		padding-top: 8px;
		border-top:none;
	}
	.indexBox1 h2,.about .h2{
		font-size: 20px;
		padding-top: 5px;
		padding-bottom: 10px;
		margin-top: 0;
	}
	.indexBox1 .sub{
		padding-top: 15px;
		text-align: left!important;
		}
	.indexBox1 .item p{
		padding-top: 15px!important;
		margin-bottom: 10px;
	}
	.indexBox1 .item img{
		width: 40%;
		margin: 0 auto;
	}
	.indexBox1 .more{
		height: 30px;
		line-height: 30px;
	}
	.indexBox2 h3{
		font-size: 20px;
	}
	.indexBox2 h6{
		font-size: 12px;
		padding: 0 15px;
		line-height: 22px;
	}
	.indexBox2 .swiper-slide .box{
	padding-top: 15px;
	padding-bottom: 10px;	
	}
	.indexBox2 .swiper-slide .box .sub-cont h4{
		font-size: 16px;
		padding-bottom: 0;
	}
	.indexBox2 .swiper-slide .box .sub-cont p{
		font-size: 13px;
	}
	.indexBox2 .swiper-pagination-bullet{
		width: 10px;height: 10px;
	}
	.indexBox2{
		padding: 15px 0;
	}
	.indexBox2 .swiper-slide{
		padding-bottom: 20px;
	}
	.indexBox3 h2{
		font-size: 18px;
	}
	.indexBox3 .row{
		margin-top: 0;
	}
	.indexBox3 .row > div .sub{
		padding-top: 5px;
	}
	.indexBox3 .row > div .date{
		padding-top: 5px;
	}
	.indexBox3 .row > div .tit{
		font-size: 14px;
	}
	.indexBox3 .row > div{
		padding-bottom: 5px;
	}
	/*关于我们*/
	.about .h2{
		border-bottom: none;
		padding-bottom: 0;
	}
	.about{
		padding: 15px 0;
	}
	.about .sub-cont .cont .info span{
		font-size: 18px!important;
	}
	.about .sub-cont .cont .info{
		font-size: 13px;
		line-height: 26px;
	}
	.profile .item .back{
		width: 80px;
		height: 80px;
	}
	.profile .item .back#vis{
		background: #f4f4f4 url(../images/profile1.png) no-repeat center center;
		 background-size: 40px 40px;
	}
	.profile .item:hover .back#vis{
		background: #FF0000 url(../images/profile1-h.png) no-repeat center center;
	    background-size: 40px 40px;
	}
	.profile .item .back#mis{
		background: #f4f4f4 url(../images/profile2.png) no-repeat center center;
	   background-size: 40px 40px;
	}
	.profile .item:hover .back#mis{
		background: #FF0000 url(../images/profile2-h.png) no-repeat center center;
	    background-size: 40px 40px;
	}
	.profile .item .back#val{
		background: #f4f4f4 url(../images/profile3.png) no-repeat center center;
	   background-size: 40px 40px;
	}
	.profile .item:hover .back#val{
		background: #FF0000 url(../images/profile3-h.png) no-repeat center center;
	   background-size: 40px 40px;
	}
	.profile .item .tit{
		font-size: 15px;
		padding-top: 15px;
	}
	.profile .item .sub{
		font-size: 13px;
		padding-top: 8px;
	}
	.profile .item{
		border-bottom: #d5d5d5 solid 1px;
	}
	.profile .row .p9:last-child .item{
		border-bottom: none;
	}
	.profile{
		padding: 15px 0;
	}
	.profile .row{
		margin-top: 0;
	}
	/*联系我们*/
	.message{
		padding: 15px 0;
	}
	.message h2{
		font-size: 18px;
	}
	.message form#msg{
		margin-top: 10px;
	}
	form#msg input[type=text]{
		margin-bottom: 5px;
		font-size: 13px;
	}
	form#msg .button{
		margin: 0 auto;
		margin-top: 10px;
		font-size: 15px;
		float: right;
		clear: both;
		text-align: center;
	}
	.solution h2{
		font-size: 18px;
	}
	.solution .item{
		margin-bottom: 10px;
	}
	/*产品展示*/
	.product{
		padding-top: 10px;
	}
	.product .P-Class h2{
		font-size: 18px;
		text-indent: 5px;
		margin-bottom: 10px;
	}
	.product .P-Class .item .lb{
		height: 35px;
	}
	.product .P-Class .item .lb .lba a{
		padding-left: 0px;
		text-align: center;
	}
	.product .P-Sub-cont h2{
		font-size: 16px;
		border-top: #ddd solid 1px;
	}
	.case-list{
		margin-top: 15px;
	}
	.case-list .row{
		margin: 0 -5px;
	}
	.case-list .row .p9{
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.case-list .row .item .txt{
		padding: 5px;
		padding-bottom: 10px;
	}
	.case-list .row .item .txt h2{
		border-top: none!important;
		padding-top: 0;
		font-size: 13px;
		margin-bottom: 0;
		
	}
	.Page{
		margin-top: 5px;
	}
	.product .P-Sub-cont .sub-cont .cont h4,
	.product .P-Sub-cont .sub-info h4{
		font-size: 15px;
	}
	.product .P-Sub-cont .sub-cont .cont p{
		font-size: 13px;
		line-height: 22px;
		margin-left: 3px;
	}
	.product .P-Sub-cont .sub-cont .cont h4, .product .P-Sub-cont .sub-info h4{
		margin-bottom: 10px;
	}
	.product .P-Sub-cont .sub-cont .cont span{
		margin-top: 15px;
	}
	.news{
		padding: 15px 0;
	}
	.news h2{
		font-size: 18px;
	}
	.news ul li,
	.news ul li:hover{
		padding: 10px;
		border: none;
	}
	.news ul li .sub-cont .tit{
		font-size: 15px;
		margin: 10px 0;
	}
	.news ul li .sub-cont .sub{
		padding-top: 0;
	}
	.news ul li .sub-cont .date{
		padding-top: 0;
	}
	.newsDe .titBox{
		padding-bottom: 15px;
	}
	.newsDe .Share {
		display: none;
	}
	.newsDe .content{
		margin-top: 15px;
	}
	.up-down-page{
		margin-top: 15px;
	}
	.up-down-page .fanye{
		margin-bottom: 10px;
	}
	.up-down-page .return{
		line-height: 35px;
		height: 35px;
		margin: 15px auto 0 auto;
		font-size: 13px;
		float: none;
		clear: both;
		overflow: hidden;		
	}
	.newsDe .titBox h2{
		font-size: 16px;
	}
}