@media screen and (min-width: 1024px){
	*{
		font-size: 12px;
	}
	.container{
		width: 83%;
	}
	.header{
		height: 90px;
	}
	.header_logo{
		margin-top: 27px;
	}
	.header_logo img{
		width: 200px;
	}
	.header_pc{
		margin-right: 10px;
	}
	.header_topic{
		padding: 0 10px;
	}
	.header_word01 a{
		line-height: 90px;
	}
	.header_word02{ 
		top: 90px;
		padding: 0.5em 0;
    } 
    .header_word02 a{ 
    	font-size: 0.875em; 
    	line-height: 42px;
    }
	.header_pho,
	.header_menu{
		display: none;
	}
	.searcher{
		width: 13em;
		border-radius: 50px;
		padding-left: 15px;
		margin-top: 30px;
	}
	.searcher input{
		font-size: 0.875em;
		line-height: 30px;
	}
	.banner_pic{
		height: 40.5em;
	}
	.publicize{
		bottom: -6.8em; 
	}
	.publicize ul{
		background: #fff;
	}
	.publicize li{
		/*width: 14.2%; */width: 12.5%; 
		padding: 2.5em 0;
	}
	.publicize li span{
		margin-top: 1.2em;
	}
	.info_l{
		width: 48%;
	}
	.info_r{
		width: 48%;
	}
	.info_bg{
		padding-top: 10em;
		padding-bottom: 2em;
	}
	.info{
		padding: 3em;
		margin-bottom: 2em;
	}
	.advert_pic{
		height: 29em;
	}
	#advertpagination span{
		width: 2em;
		height: 0.3em;
		margin: 0 5px;
	}
	.supplier_ul li{
		width: 13.2%;
		margin-right: 1%;
		line-height: 3em;
		height: 3em;
		border-radius: 3px;
	}
	.supplier_ul li:last-child{
		margin-right: 0;
	}
	.supplierTab{
		padding-bottom: 2.5em;
	}
	.info_point span{
		font-size: 1.25em;
		line-height: 1em;
		padding-right: 0.8em;
		border-right: solid 3px #0690e7;
	}
	.info_point p{
		font-size: 1.25em;
		line-height: 1em;
		max-width: 85%;
		padding-left: 1.5%;
	}
	.info_word{
		margin-top: 1em;
		padding-bottom: 1.5em;
	}
	.info_word p{
		line-height: 2.2em;
	}
	.info_content{
		padding-top: 1.5em;
	}
	.info_content p{
		font-size: 0.875em;
		width: 80%;
		line-height: 2.5em;
	}
	.info_content span{
		font-size: 0.875em;
		line-height: 2.8em;
	}
	.grade li{
		width: 33.3%;
	}
	.grade li:nth-child(1){
		height: 45em;
		padding: 5em 5em 0 5em;
	}
	.grade li:nth-child(n+2){
		height: 22.5em;
		padding: 4em 5em 0 5em;
	}
	.grade span{
		font-size: 0.875em;
	}
	.grade h1{
		font-size: 1.5em;
		margin-top: 0.3em;
	}
	.grade i{
		font-size: 1em;
	}
	.grade button{
		font-size: 0.875em;
		width: 8.5em;
		line-height: 2.8em;
		border-radius: 20px;
		bottom: 5.5em;
		left: 5em;
	}
	.grade01 p{
		font-size: 0.875em;
		margin-top: 4em;
		line-height: 2.4em;
		-webkit-line-clamp: 5;
	}
	.topic{
		margin-top: 3em;
	}
	.topic li{
		width: 25%;
		padding-right: 4%;
		margin-bottom: 3em;
	}
	.product{
		padding: 6em 0 4em;
	}
	.product_title h1{
		font-size: 1.5em;
	}
	.product_title span{
		width: 50px;
		height: 3px;
		margin-top: 15px;
	}
	.topic_word{
		padding: 1em 0 2em;
	}
	.topic_word p{
		line-height: 1.6em;
		height: 3.2em;
	}
	.topic_tip{
		padding: 1.2em 0;
	}
	.about_w{
		margin: 5em 0;
	}
	.about_w p{
		line-height: 2.2em;
	}
	.record{
		margin-bottom: 2em;
	}
	.record ul{ 
		text-align: justify;
	}
	.record ul::after{ 
		content: ''; 
		display: inline-block; 
		width: 100%;
	}
	.record li{ 
		display: inline-block;
	}
	.record span{
		font-size: 6.25em;
		line-height: 1em;
	}
	.record p{
		font-size: 1.5em;
	}
	.record h2{
		font-size: 0.875em;
	}
	.case li{
		width: 25%;
		height: 22.5em;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}
	.case li:nth-child(4n){
		border-right: 0;
	}
	.case_pic span{
		font-size: 1.125em;
	}
	.case_pic p{
		font-size: 1.5em;
		margin: 1em 0;
	}
	.case_pic button{
		font-size: 0.875em;
		border-width: 2px;
		width: 7.5em;
		line-height: 2.2em;
		border-radius: 20px;
	}
	.elegant_pic ul{
		margin: 4em 0 1em;
	}
	.elegant_pic li{
		width: 20%;
		margin-bottom: 3em;
	}
	.elegant_pic li img{
		width: 90%;
	}
	.footer01{
		padding: 5em 0;
	}
	.footer01 li{
		padding-right: 3em;
		padding-left: 1.5em;
	}
	.footer01a p{
		line-height: 18px;
		margin-bottom: 2em;
	}
	.footer01a span{
		font-size: 0.875em;
		margin-bottom: 1.5em;
	}
	.footer01b{
		text-align: right;
	}
	.footer01b span{
		font-size: 0.875em;
		margin-bottom: 0.8em;
	}
	.footer01b h1 img{
		margin-right: 15px;
	}
	.footer01b h1{
		font-size: 2.25em;
		margin-bottom: 1.3em;
	}
	.footer01b p{
		margin-bottom: 1.3em;
	}
	.footer02{
		padding: 1.5em 0;
	}
	.footer02 p{
		font-size: 0.875em;
	}
	.footer02 span{
		float: right; 
		font-size: 0.875em;
	}
}
@media screen and (min-width: 1300px){
	*{
		font-size: 14px;
	}
	.header_logo{
		margin-top: 22px;
	}
	.header_logo img{
		width: 240px;
	}
	.header_pc{
		margin-right: 12px;
	}
	.header_topic{
		padding: 0 12px;
	}
	.elegant_pic li img{
		width: 100%;
	}
}
@media screen and (min-width: 1400px){
	.header_logo{
		margin-top: 20px;
	}
	.header_logo img{
		width: 260px;
	}
	.header_pc{
		margin-right: 15px;
	}
	.header_topic{
		padding: 0 15px;
	}
	.footer01 li{
		padding-right: 4em;
		padding-left: 2em;
	}
}
@media screen and (min-width: 1500px){
	*{
		font-size: 16px;
	}
	.header_pc{
		margin-right: 18px;
	}
	.header_topic{
		padding: 0 18px;
	}
}
@media screen and (min-width: 1640px){
	.header_logo{
		margin-top: 17px;
	}
	.header_pc{
		margin-right: 25px;
	}
	.header_topic{
		padding: 0 25px;
	}
	.footer01 li{
		padding-right: 5em;
	}
}
@media screen and (max-width: 1023px){
	* {
	/*	font-size: 0.6rem;*/font-size: 0.3rem;
	}
	.container{
		width: 92%;
	}
	.header{
		height: 2.2rem;
	}
	.header_pc,.searcher{
		display: none;
	}
	.header_logo{
		margin-top: 0.4rem;
	}
	.header_logo img{
		width: 8rem;
	}
	.header_menu{
		margin-top: 0.6rem;
	}
	.header_menu img{
		width: 1rem;
	}
	.header_menu .bill_tu02{
		display: none;
	}
	.searchfor{
		padding: 1.5rem 8%;
		background: #0690e7;
	}
	.searchfor section{
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
	}
	.searchfor input{
		float: left;
		line-height: 1.8rem;
		padding-left: 5%;
		font-size: 0.65rem;
		width: 85%;
	}
	.searchfor img{
		float: right;
		margin-top: 0.6rem;
		margin-right: 4%;
	}
	.banner_pic{
		height: 13rem;
	}
	.publicize{
		bottom: -10rem;
	}
	.publicize li{
	    width:33.3%;
		padding: 0.8rem 0;
		border-bottom: solid 1px #e1e1e1;
		background: #fff;
		
	}
	.publicize li:nth-child(n+7){
		width: 50%;
	}
	.publicize li:nth-child(8){
     	border-right: solid 1px #e1e1e1;
	}
	.publicize li:nth-child(3n+1){
     	border-left: solid 1px #e1e1e1;
	}
	/*.publicize li:nth-child(-n+4){
		width: 50%;
	}
	.publicize li:nth-child(n+5){
		border-bottom: 0;
		width: 33.3%;
	}
	.publicize li:nth-child(2){
		border-right: 0;
	}
	.publicize li:nth-child(4){
		border-right: 0;
	}*/
	.publicize img{
		width: 1.2rem;
	}
	.publicize span{
		margin-top: 0.2rem;
		padding: 0 8%;
	}
	.info_l{
		width: 100%;
	}
	.info_r{
		width: 100%;
		margin-top: 1rem;
	}
	.info_bg{
		padding-top: 11.5rem;
		padding-bottom: 1rem;
	}
	.info{
		padding: 0.6rem;
	}
	.advert_pic{
		height: 7.5rem;
	}
	#advertpagination{
		bottom: 0.5rem;
	}
	#advertpagination span{
		width: 0.8rem;
		height: 0.15rem;
		margin: 0 0.1rem;
	}
	.supplierTab{
		padding-bottom: 1rem;
	}
	.supplier_ul li{
		width: 24%;
		margin-right: 1.3%;
		line-height: 2rem;
		border-radius: 0.1rem;
		margin-bottom: 0.3rem;
	}
	.supplier_ul li:nth-child(4n){
		margin-right: 0;
	}
	.info{
		margin-bottom: 1rem;
	}
	.info_point span{
	    font-size: 0.7rem;
	    line-height: 0.8rem;
	    padding-right: 0.3rem;
	    margin-right: 0.1rem;
	    border-right: solid 0.1rem #0690e7;
    }
    .info_point p{
    	max-width: 76%;
    	font-size: 0.7rem;
    	line-height: 0.8rem;
    }
    .info_word{
	    margin-top: 0.5rem;
	    padding-bottom: 0.7rem;
	    margin-right: 5%;
    }
    .info_word p{
    	width: 100%;
	    line-height: 1.5rem;
	}
	.info_content{
		padding-top: 0.8rem;
		padding-right: 5%;
	}
	.info_content section{
		margin-bottom: 0.6rem;
		display: flex;
	}
	.info_content p{
		font-size: 0.55rem;
		line-height: 1.3rem;
		
	}
	.info_content span{
		font-size: 0.55rem;
		text-align: right;
		line-height: 1.3rem;
		width:40%;
	
	}
	.grade li{
		height: 12rem;
		padding: 1.5rem 0 0 1rem;
	}
	.grade li:nth-child(1){
		width: 100%;
	}
	.grade li:nth-child(n+2){
		width: 50%;
	}
	.grade span{
		font-size: 0.55rem;
	}
	.grade h1{
		font-size: 0.8rem;
		margin-top: 0.2rem;
	}
	.grade h1 i{
		font-size: 0.8rem;
	}
	.grade01 p{
		font-size: 0.55rem;
		line-height: 1.2rem;
		margin-top: 1rem;
		-webkit-line-clamp: 2;
		padding-right: 5%;
	}
	.grade button{
		font-size: 0.55rem;
		padding: 0 0.8rem;
		line-height: 1.5rem;
		border-radius: 1.5rem;
		bottom: 1.5rem;
	}
	.product{
		padding: 2rem 0;
	}
	.product_title h1{
		font-size: 0.8rem;
	}
	.product_title span{
		width: 1.5rem;
    	height: 0.12rem;
    	margin-top: 0.2rem;
	}
	.topic{
		margin-bottom: 0.5rem;
	}
	.topic_word{
		padding: 1rem 0;
	}
	.topic_word p{
		line-height: 1rem;
	}
	.topic_tip{
		padding: 0.5rem 0;
	}
	.topic_tip img{
		width: 0.7rem;
	}
	.topic_tip span{
		font-size: 0.55rem;
	}
	.about_w{
		margin: 1.5rem 0;
	}
	.about_w p{
		line-height: 1.2rem;
	}
	.record ul{
		overflow: hidden;
	}
	.record li{
		float: left;
		width: 50%;
		margin-bottom: 1.2rem;
		padding-left: 0.5rem;
	}
	.record span{
		font-size: 2rem;
	}
	.record p{
		font-size: 0.8rem;
	}
	.record h2{
		font-size: 0.55rem;
	}
	.case li{
		width: 100%;
		height: 12rem;
		border-bottom: solid 1px #eee;
	}
	.case_pic span{
		font-size: 0.65rem;
	}
	.case_pic p{
		font-size: 0.75rem;
		margin: 0.7rem 0 1rem;
	}
	.case_pic button{
		font-size: 0.55rem;
    	border-width: 0.1rem;
    	width: 4rem;
    	line-height: 1.2rem;
    	border-radius: 1.5rem;
	}
	.elegant_pic ul{
		margin-top: 1.2rem;
	}
	.elegant_pic li{
		width: 50%;
		margin-bottom: 0.5rem;
	}
	.elegant_pic li img{
		width: 95%;
	}
	.footer01{
		padding: 2rem 0;
	}
	.footer01a{
		display: none;
	}
	.footer01b{
		width: 100%;
	}
	.footer01b span{
		font-size: 0.55rem;
	}
	.footer01b h1{
		font-size: 1.2rem;
		margin: 0.5rem 0 1.5rem;
	}
	.footer01b h1 img{
		width: 0.8rem;
		margin-right: 0.5rem;
	}
	.footer01b p{
		margin-bottom: 0.3rem;
	}
	.footer02{
		padding: 0.8rem 0 70px;
	}
	.footer02 p{
		font-size: 0.5rem;
	}
	.footer02 span{
		float: left; 
		font-size: 0.5rem;
		margin-top: 0.2rem;
	}
	.header .head-r{
        position: absolute;
        top: 0;
        font-size: 1.5rem;
        right: 0;
	}
	i.weui-tabbar__icon, .weui-tabbar__icon > i {
        font-size: 24px;
        color: #999999
	}
	.weui-tabbar__item.weui-bar__item--on .weui-tabbar__icon > i{
        color: #da251c;
    }
}