.m_header,
.m_footer,
#m_banner,
.m_se2,
.m_se3,
.m_title{
	display: none;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.container{
		width: 100%;
	}
	.page .content .about{
		margin-right:0;
		margin-bottom:15px;
		width:100%
	}
	.float_qq,
	.in_se10_box_btn,
	.mnone,
	.header_meta,
	header,
	nav,
	.banner_form,
	.centered-btns_nav{
		display: none;
	}
	body{
		padding: 45px 0 50px;
	}
	.m_header{
		position: fixed;
		display: block;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		height: 55px;
		background: #323232;
	}
	.m_header h1{
		transition: .5s all ease;
		text-align: center;
	}
	.m_header h1 a{
		text-align: center;
		display: inline-block;
		font-size: 18px;
		color: #fff;
		line-height: 55px;
		font-weight: 700;
	}
	.m_mune{
		position: fixed;
		top: 0;
		transition: .5s all ease;
		left: 10px;
	}
	.m_mune i{
		font-size: 28px;
		color: #fff;
		line-height: 60px;
	}
	.m_nav{
		position: fixed;
		left: 0;
		top: 0;
		width: 0;
		overflow: hidden;
		height: 100%;
		background: #464646;
		transition: .5s all ease;
		z-index: 999;
	}
	.m_close{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 45px;
		left: 0;
		opacity: 0;
		display: none;
		transition: .5s all ease;
		z-index: 998;
		background: rgba(255,255,255,.5);
	}
	.m_nav a{
      border-bottom: 1px solid #999;
      line-height: 48px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      text-align: center;
      font-size: 15px;
      color: #fff;
	}
	.m_nav a::before{
		content: ">";
		font-size: 14px;
		position: absolute;
		right: 10px;
		top: 0;
		line-height: 48px;
	}
	.m_nav.active{
		width: 160px;
	}
	.m_close.active{
		opacity: 1;
		display: block;
	}
	.m_mune.active,
	.m_header h1.active{
		transform: translateX(160px);
	}
	.index_se1{
		height: auto;
		background: none;
		padding: 15px 1%;
	}
	.index_se1 .info p{
		display: none;
	}
	.index_se1 .info{
		width: 100%;
		padding: 0;
	}
	.index_se1 .info .form input{
		width: 100%;
	}
	.index_se1 .img{
		display: none;
	}
	.index_se1 .info .form{
		width: 100%;
	}
	.index_se1 .info .form button{
		background: #017cc2;
		border-left-color: #017cc2;
	}
	.index_se1 .info .form button i{
		color: #fff;
	}
	#pc_banner,
	.suspend,
	.index_se2{
		display: none;
	}
	#m_banner{
		display: block;
	}
	.m_se2{
		padding: 15px 1%;
		display: block;
	}
	.title{
		display: none;
	}
	.m_title{
		text-align: center;
		display: block;
		position: relative;
		margin-bottom: 15px;
	}
	.m_title h5{
		display: inline-block;
	    font-size: 20px;
	    letter-spacing: 3px;
	    color: rgb(255, 131, 9);
	    z-index: 2;
	    position: relative;
	    background: #fff;
	    margin-bottom: 8px;
	    padding: 0 0.25rem;
	}
	.m_title .line{
		content: " ";
      	position: absolute;
	    width: 80%;
	    height: 1px;
	    z-index: 1;
	    background-color: #017cc2;
	    left: 10%;
	    top: 8px;
	}
	.m_title p{
    	font-weight: lighter;
	    font-size: 0.875rem;
	    font-family: arial, helvetica, sans-serif;
	    color: rgb(127, 127, 127);
	    line-height: 150%;
	}
	.m_se2_main{
		background: rgb(245, 245, 245);
	}
	.m_se2_main ul li{
		width: 48%;
		float: left;
		margin: 1%;
		text-align: center;
		background: #fff;
		border: 1px solid rgb(239, 239, 239);
		padding: 10px;
	}
	.m_se2_main ul li h5{
		color: rgb(255, 131, 9);
   		font-size: 16px;
   		margin: 10px 0;
	}
	.m_se2_main ul li p{
      	font-size: 12px;
    	color: #999;
	}
	.m_se2_more{
		text-align: center;
		margin-top: 15px;
	}
	.m_se2_more a{
		display: inline-block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background: #017cc2;
	}
	.index_se3{
		display: none;
	}
	.m_se3{
		display: block;
		text-align: center;
	}
	.index_se4{
		padding: 15px 1%;
	}
	.in_se4_title{
		margin-bottom: 15px;
	}
	.in_se4_title span{
		width: 100px;
		height: 30px;
		margin: 0 5px;
		line-height: 30px;
	}
	.in_se4_list ul li{
		width: 99%;
		padding: 5px;
		margin: 0.5% !important;
	}
	.in_se4_list ul li .info h5{
		font-size: 15px;
	}
	.in_se4_list ul li .info p{
		font-size: 13px;
		line-height: 20px;
		height: 20px;
		margin: 10px 0;
	}
	.in_se4_list ul li .img{
		width: 28%;
	}
	.in_se4_list ul li .info{
		padding-left: 30%;
	}
	.in_se4_list ul li .info font{
		margin-top: 0;
	}
	.index_se5{
		padding: 0;
	}
	.index_se5 .container{
		padding: 15px 1%;
	}
	.index_se5 ul li{
		width: 49%;
		margin: 0.5%;
	}
	.index_se5 ul li:nth-child(1){
		width: 100%;
		margin: 0 0 10px;
	}
	.index_se6{
		padding: 15px 1%;
	}
	.index_se6 ul li{
		width: 32.333%;
		float: left;
		margin-right: 0;
		padding: 10px;
		margin-bottom: 1.5%;
	}
	.index_se6 ul li h5{
		font-size: 13px;
		line-height: 20px;
		min-height: 40px;
		margin-top: 10px;
	}
	.index_se6 ul li:nth-child(3n+2){
		margin: 0 1.5% 1.5%;
	}
	.index_se6 ul li:nth-last-of-type(1),
	.index_se6 ul li:nth-last-of-type(2),
	.index_se6 ul li:nth-last-of-type(3){
		margin-bottom: 0;
	}
	.index_se7{
		display: none;
	}
	.index_se9{
		padding: 15px 1%;
	}
	.in_se9_list ul{
		width: 400%;
	}
	.index_se10{
		padding: 15px 1%;
	}
	.in_se10_box ul {
		width: 500%;
	}
	.in_se9_list ul li .info p{
		height: 40px;
	}
	.links,
	.footer_top,
	.footer_bottom .left{
		display: none;
	}
	.footer_bottom{
		margin-top: 0;
	}
	.footer_bottom .right{
		width: 100%;
		border: 0;
	}
	footer{
		padding: 15px 1%;
		border-top: 1px solid rgb(216, 216, 216);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.footer_meta{
		height: auto;
		background: #fff;
	}
	.footer_meta span.fl{
		display: none;
	}
	.footer_meta span{
		display: block;
		text-align: center;
		color: #666;
		float:none;
	}
	.m_footer.active{
		transform: translateX(160px);
	}
	.m_footer{
		display: block;
		position: fixed;
		width: 100%;
		height: 50px;
		transition: .5s all ease;
		left: 0;
		bottom: 0;
		z-index: 999;
		background: #323232;
	}
	.m_footer a{
		width: 25%;
		float: left;
		display: block;
		text-align: center;
	}
	.m_footer a i{
	    font-size: 22px;
	    margin: 5px 0;
	    display: inline-block;
	    color: #fff;
	}
	.m_footer a font{
		display: block;
		font-size: 13px;
		color: #fff;
	}
	form{
		margin-bottom: 0;
	}
	.main{
		padding: 15px 1%;
	}
	.main_category{
		height: 30px;
		overflow: hidden;
		background: none;
		border: 1px solid #017cc2;
		transition: .5s all ease;
	}
	.main_category.active{
		height: auto;
	}
	.main_category span{
		line-height: 30px;
		font-size: 13px;
		width: 100%;
		border:0;
		display: block;
		text-align: center;
		background: #017cc2;
	}
	.main_category span i{
		transition: .5s all ease;
		display: inline-block;
	}
	.main_category.active span i{
		transform: rotateZ(180deg);
	}
	.main_category a{
		display: inline-block;
		width: 33.333%;
		text-align: center;
		font-size: 12px;
		margin: 0;
		line-height: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		color: #333;
	}
	.main .left{
		display: none;
	}	
	.main .right{
		width: 100%;
	}

	 .right img{
		width: 100%;
	}

	.list ul li .date{
		width: 70px;
		padding: 5px 0;
	}
	.list ul li .date h5{
		font-size: 30px;
		line-height: 45px;
	}
	.list ul li .info{
		padding: 5px 110px 0 80px;
	}
	.list ul li .img{
		width: 100px;
	}
	.list ul li .info h5 a{
		font-size: 15px;
		margin-bottom: 5px;
	}
	.list ul li .info p{
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	.list ul li{
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.function{
		margin-top: 10px;
	}
	.function a{
		padding: 3px;
		font-size: 12px;
	}
	.footer_bottom .right img{
		width: 25%;
		margin: 0 5%;
	}
	.product ul li{
		width: 48%;
		margin: 1% !important;
	}
	.product ul li img {
  transition: .8s;
  width: 240px;
  object-fit: cover;
  max-height: 140px;
}
	.page .about ul li{
		width: 100%;
		margin: 10px 0;
	}
	.contact .info{
		width: 100%;
		padding-top: 0;
		margin-bottom: 15px;
	}
	.contact .img{
		width: 100%;
	}
	.contact .img iframe{
		max-width: 100%;
	}
	.pos{
		line-height: 1.46;
		background-position-y: 3px;
	}
	.info_product .left{
		display: block !important;
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.info_product .right{
		padding-left: 0;
	}
	.info_product .right h6 a{
		height: 30px;
		line-height: 30px;
	}
	.info_product .right h5{
		padding: 10px;
	}
	.conten_page p a{
		line-height: 1.46;
	}
	.w6{
		width: 100%;
	}
	#products{
		padding: 15px 1%;
	}
	.pro_pos{
		line-height: 1.46;
		padding: 10px 1%;
	}
	#products .wrap{
		width: 100%;
	}
	#products .wrap .bot .right{
		width: 100%;
		margin: 0;
	}
	#products .wrap .top{
		height: auto;
		padding: 10px;
	}
	#products .wrap .top .left{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#products .wrap .top .right{
		padding: 0;
		width: 100%;
	}
	#products .wrap .top .right .title{
		font-size: 20px;
		display: block;
	}
	#products .wrap .top .right .brief{
		margin-top: 10px;
	}
	#products .wrap .top .right .price{
		height: 36px;
		margin-top: 10px;
	}
	#products .wrap .top .right .cate{
		margin-top: 10px;
	}
	#products .wrap .top .right .link{
		margin-top: 10px;
	}

   .link{
   margin-left: 30%;
   }

	#products .wrap .bot .left{
		display: none;
	}
	.td_li{
		width: 48%;
		margin: 1% !important;
	}
}
@media only screen and (min-width: 700px) and (max-width: 768px) {
	.in_se4_list ul li{
		width: 49%;
	}
	.info_product .left{
		width: 48%;
		float: left;
		margin-bottom: 0;
	}
	.info_product .right{
	padding-left: 50%;
	}
	.page .about ul li{
		width: 50%;
	}
	.contact .info{
		width: 47%;
		margin-bottom: 0;
	}
	.contact .img{
		width: 50%;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.container{
		width: 970px;
	}
	.logo{
		width: 450px;
	}
	#products .wrap{
		width: 970px;
	}
	.banner_form,
	.nav_category ul{
		display: none;
	}
	.nav{
		margin-left: 30px;
	}
	.nav a{
		padding: 0 15px;
	}
	.index_se1{
		background-size: contain;
	}
	.index_se2 ul li h5{
		font-size: 24px;
	}
	.index_se2 ul li h5{
		margin-bottom: 30px;
	}
	.index_se2 ul li font{
		font-size: 25px;
	}
	.title p::after,
	.title p::before{
		width: 300px;
	}
	.index_se3 .info{
		width: 50%;
	}
	.index_se3 .img{
		width: 50%;
		padding-left: 150px;
	}
	.index_se6 ul li h5{
		font-size: 12px;
	}
	.suspend{
		display: none;
	}
	.footer_bottom .right img{
		width: 40%;
	}
	.footer_bottom .left .item p{
		font-size: 13px;
	}
	.page .about ul li{
		background-size: contain;
	}
	.contact .img{
		width: 375px;
	}
	iframe{
		max-width: 100%;
	}
	#products .wrap .bot .right{
		width: 670px;
	}
}