body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,figcaption,figure,footer,header,hgroup,nav,section,img,span,em{padding:0;margin:0; font-weight:normal; } 
	body input,body textarea{ outline:none; border:none;}
	body em{ font-style:normal;}
	body i{ font-style:normal;}
	body a{ text-decoration:none;}
	body a:hover{ text-decoration:none;}
	a:visited{/*background:none;/*border:none;*/}
	a {
		-webkit-touch-callout:none;
		text-decoration:none;
		-webkit-tap-highlight-color:transparent;
	}
	tr{border:none}
	table{ border-collapse: collapse;border-spacing: 0;} 
	img{border:0;display:block;max-width:100%} 
	ul,li{ list-style:none}
	input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
	input[type=button], input[type=submit], input[type=file]{cursor:pointer;-webkit-appearance:none;border:none; }
	button {-webkit-appearance:none;background:none;border:none;outline:none;}
	input[type="button"]:focus {border-color:none;outline: 0 none;}
	input::-webkit-input-placeholder{color:#949AAD;font-size:0.28rem;font-weight:bold;}
	input::-moz-placeholder{color:#949AAD;font-size:0.28rem;font-weight:bold;}
	html,body {
		font-size: 100px;
	}
	.comwidth{
		width: 100%;
		max-width:1200px;
		margin:auto;
	}
	/* 头部 */
	.header {
		position:relative;
		height:0.8rem;
		width:100%;
		z-index:9;
		background:#fff;
		color:#333;
		z-index: 55
	}
	.logo-img{
		height: 0.56rem;
		padding-top:0.22rem;
	}
	.main {
		background: url(../img/mainbg.png) no-repeat center top;
	}
	.bannerbg img{
		margin:auto;
		box-shadow: 0px 0px 40px 0px rgba(255, 100, 24, 0.1);
	}
	.title{
		padding-top: 0.4rem;
		font-weight: bold;
		color: #333;
		font-size:0.36rem;
		text-align: center;
	}
	.index-list{
		padding-top:0.4rem;
	}
	.index-list li{
		position:relative;
		color: #333;
		font-size:0.24rem;
		padding-left:0.48rem;
		float: left;
	}
	.index-list li img{
		position: absolute;
		left:0;
		top:0;
		height:0.28rem;
	}
	.index-picbg {
		width: 100%;
	}
	.index-anqun{
		padding-top:0.6rem;
		text-align: center;
	}
	.index-anqun h2{
		font-weight: bold;
		color: #333;
		font-size:0.36rem;
	}
	.index-anqun p{
		color: #949AAD;
		padding-top:0.2rem;
		font-size:0.2rem;
	}
	.product-list{
		display: flex;
		padding-top: 0.6rem;
		justify-content:space-between;
		flex-flow: wrap;
	}
	.product-list li{
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
		width: 5.2rem;
		padding-bottom: 0.3rem;
	}
	.product-list li h3{
		color: #333;
		font-size: 0.24rem;
		padding-top: 0.1rem;
		font-weight: bold;
		text-align: center;
	}
	.product-list li h3 span{
		color: #FF660D;
		font-weight: bold;
	}
	.product-list li p{
		padding-top:0.1rem;
		color: #949AAD;
		font-size: 0.2rem;
		text-align: center;
	}
	.product-smimg{
		padding-top:0.3rem;
		margin:auto;
		height: 0.36rem;
	}
	.footer{
		padding: 0.3rem 0;
		background: #282828;
		margin-top:0.6rem;
	}
	.footer p{
		font-size: 0.26rem;
    	color: #fff;
    	text-align: center;
	}
	.footer p a{
		color: #fff;
	}
	#smimg{display:none;}
@media screen and (max-width:321px) {
	html,body{
		font-size: 42.6px;		
	}
	.logo-img{
		padding-left:0.36rem;
	}
	.bannerbg {
		padding:0;
	}
	.index-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.index-list li{
		padding-bottom: 0.1rem;
	}
	.product-list{
		justify-content:center;
	}
	.product-list li{
		margin-bottom:0.4rem;
		width: auto;
	}
}
@media (min-width:320px) and (max-width:370px){
    html,body{
		font-size: 48px;
	}
	.logo-img{
		padding-left:0.36rem;
	}
	.bannerbg {
		padding:0;
	}
	.index-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.index-list li{
		padding-bottom: 0.1rem;
	}
	.product-list{
		justify-content:center;
	}
	.product-list li{
		margin-bottom:0.4rem;
		width: auto;
	}
}
@media screen and (min-width: 375px) {
	html,body{font-size: 50px;}
	.logo-img{padding-left:0.36rem;}
	.bannerbg {padding:0;}
	.index-list{display: flex;flex-wrap: wrap;justify-content: center;}
	.index-list li{padding-bottom: 0.1rem;}
	.product-list{
		justify-content:center;
	}
	.product-list li{
		margin-bottom:0.4rem;
		width: auto;
	}
	#smimg{
		display:block;
	}
	#bigimg{
		display: none
	}
}
@media screen and (min-width: 414px)  {
	html,body{
		font-size: 55.2px;
	}
	.logo-img{
		padding-left:0.36rem;
	}
	.bannerbg {
		padding:0;
	}
	.index-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.index-list li{
		padding-bottom: 0.1rem;
	}
	.product-list{
		justify-content:center;
	}
	.product-list li{
		margin-bottom:0.4rem;
		width: auto;
	}
	#smimg{
		display:block;
	}
	#bigimg{
		display: none
	}
}
@media screen and (min-width: 640px)  {
	html,body{
		font-size: 85.3px;
	}
	.logo-img{
		padding-left:0.36rem;
	}
	.bannerbg {
		padding:0;
	}
	.index-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.index-list li{
		padding-bottom: 0.1rem;
	}
	.product-list{
		justify-content:center;
	}
	.product-list li{
		margin-bottom:0.4rem;
		width: auto;
	}
	#smimg{
		display:block;
	}
	#bigimg{
		display: none
	}
}
@media screen and (min-width: 750px)  {
	html,body{
		font-size: 100px;
	}
	.logo-img{
		padding-left:0rem;
	}
	.bannerbg {
		padding:0.4rem 0;
	}
	.index-list li{
		margin-left:0.8rem;
	}
	.product-list{
		justify-content:space-between;
	}
	.product-list li{
		margin-bottom:0;
		width: 5.2rem;
	}
	#smimg{
		display:none;
	}
	#bigimg{
		display: block
	}
}