@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1600px){
	
	
	
}

@media only screen and (max-width: 1440px){
	
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.top{
		display: none;
	}
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner3{
		width: 80%;
	}
	.banner4 {
		font-size: 20px;
		line-height: 30px;
	}
	.banner5{
		display: none;
	}
	.banner6{
		margin-top: 16px;
	}
	.clickarea{
		padding: 20px 0;
	}
	.clickarea a{
		font-size: 18px;
	}
	.techg{
		padding: 30px 0;
	}
	.techg1{
		display: block;
	}
	.techg2{
		width: 100%;
	}
	.techg3 {
		font-size: 20px;
		line-height: 20px;
	}
	.techg4 {
		margin-top: 24px;
		font-size: 14px;
		line-height: 24px;
	}
	.techg5 {
		margin-top: 20px;
		font-size: 16px;
	}
	.techg5 a {
		width: 130px;
		height: 40px;
		font-size: 14px;
		margin-right: 20px;
	}
	.techg6{
		width: 100%;
		padding: 0;
	}
	.techg9 {
		flex: 1;
		font-size: 14px;
		line-height: 20px;
	}
	.cate{
		padding: 30px 0;
	}
	.cate1{
		font-size: 18px;
	}
	.cate2{
		margin-top: 0;
	}
	.cate3{
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
		margin-top: 20px;
	}
	.cate3:nth-child(8n){
		margin-right: 10px;
	}
	.cate3:nth-child(3n){
		margin-right: 0;
	}
	.cate4 {
		height: 66px;
	}
	.cate5 {
		font-size: 12px;
		line-height: 16px;
		padding: 10px 5px;
	}
	.product{
		padding: 30px 0;
	}
	.product2{
		font-size: 16px;
		line-height: 32px;
	}
	.product3 a {
		width: 130px;
		font-size: 14px;
		height: 32px;
	}
	.protitle {
		margin-top: 20px;
		font-size: 18px;
	}
	.prolist1{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.prolist1:nth-child(2n){
		margin-right: 0;
	}
	.prolist2{
		height: 100px;
	}
	.prolist4 {
		font-size: 16px;
		line-height: 25px;
		height: 50px;
	}
	.prolist6{
		display: block;
	}
	.prolist7{
		width: 100%;
	}
	.prolist8{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.prolist8:nth-child(2n){
		margin-right: 0;
	}
	.arriva{
		padding: 30px 0;
	}
	.arriva2{
		font-size: 20px;
	}
	.arriva3 a {
		width: 130px;
		font-size: 14px;
	}
	.arriva4{
		margin-top: 0;
	}
	.arriva5{
		margin-top: 20px;
		width: 100%;
		margin-right: 0;
	}
	.arriva5:nth-child(2n){
		margin-right: 0;
	}
	.arriva6 {
		height: 125px;
	}
	.arriva8 {
		font-size: 16px;
		line-height: 25px;
		height: 50px;
	}
	.specia{
		padding: 30px 0;
	}
	.specia1{
		display: block;
	}
	.specia2{
		width: 100%;
		margin-right: 0;
	}
	.specia6{
		margin-top: 20px;
		width: 100%;
	}
	.devry {
		padding: 30px 0;
	}
	.devry1{
		font-size: 20px;
	}
	.devry2{
		margin-top: 20px;
	}
	.email1{
		display: block;
	}
	.email5 {
		font-size: 18px;
		line-height: 28px;
	}
	.email6 {
		font-size: 14px;
		line-height: 24px;
	}
	.email3 {
		margin-right: 12px;
	}
	.email9{
		width: 100%;
	}
	.footer{
		padding: 30px 0;
	}
	.footer1 {
		font-size: 16px;
		line-height: 26px;
	}
	.footer3{
		flex-wrap: wrap;
	}
	.footer4 {
		width: 48%;
	}
	.footer5 {
		width: 100%;
	}
	.footer6{
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.footer6 input{
		width: 40%;
	}
	.footer7{
		display: none;
	}
	.beian {
		font-size: 12px;
		line-height: 40px;
	}
	.home1{
		font-size: 20px;
	}
	.result{
		padding: 30px 0;
	}
	.result1{
		font-size: 20px;
	}
	.address span{
		margin: 0 10px;
	}
	.result2 ul li{
		padding: 20px 0;
	}
	.productlist{
		padding: 30px 0;
	}
	.productlist1{
		display: block;
	}
	.productlist2{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.productlist8{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.productlist9 .arriva5{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.productlist9 .arriva5:nth-child(2n){
		margin-right: 0;
	}
	.productlist9 .arriva5:nth-child(3n){
		margin-right: 20px;
	}
	.productlist9 .arriva6{
		height: 150px;
	}
	.productlist9 .arriva8{
		font-size: 16px;
		height: 50px;
	}
	.productlist9 .arriva10{
		font-size: 13px;
		line-height: 30px;
	}
	.page{
		margin-top: 30px;
	}
	.aboutus{
		padding: 30px 0;
	}
	.aboutus1{
		display: block;
	}
	.aboutus2{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.aboutus5{
		padding: 20px;
	}
	.aboutus6{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.aboutus8{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.aboutus11{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.aboutus13{
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 12px;
	}
	.aboutus19 input{
		width: 100%;
	}
	.aboutusd{
		display: block;
	}
	.aboutus10{
		width: 100%;
	}
	.aboutus14{
		width: 100%;
	}
	.aboutus5 .productlist9 .arriva5{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.aboutus5 .productlist9 .arriva5:nth-child(2n){
		margin-right: 0;
	}
	.aboutus5 .productlist9 .arriva5:nth-child(4n){
		margin-right: 20px;
	}
	.liuy1{
		width: 100%;
	}
	.liuy2{
		margin-top: 20px;
	}
	.serve{
		margin-top: 20px;
	}
	.serve1{
		margin-top: 20px;
		font-size: 16px;
	}
	.serve2{
		margin-top: 20px;
		font-size: 20px;
	}
	.serve3{
		padding-left: 0;
	}
	.inabout{
		display: block;
	}
	.inabout1{
		width: 100%;
		margin: 0;
	}
	.inabout2{
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.inabout3 img{
		width: calc((100% - 40px)/3);
		margin: 20px 20px 0 0;
	}
	.inabout4{
		width: 100%;
		margin-top: 20px;
		display: block;
	}
	.inabout5{
		width: 100%;
		margin: 0;
	}
	.inabout6{
		margin-top: 20px;
	}
	.inabout9 img{
		width: calc((100% - 40px)/3);
		margin: 20px 20px 0 0;
	}
	.inabout9 img:nth-child(3n){
		margin-right: 0;
	}
	.person2{
		padding: 0;
		border: 0;
	}
	.person3 .arriva5{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.person3 .arriva5:nth-child(2n){
		margin-right: 0;
	}
	.bill{
		margin-top: 20px;
		display: block;
	}
	.bill1{
		width: 100%;
		margin: 0 0 20px;
	}
	.bill5 a{
		height: 50px;
		line-height: 50px;
	}
	.bill6{
		margin-top: 30px;
		font-size: 18px;
	}
	.bilist1{
		height: auto;
		padding: 10px;
		display: block;
	}
	.bilist3{
		padding: 10px;
		flex-wrap: wrap;
	}
	.bilist4{
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}
	.bilist5{
		width: 100%;
		flex: auto;
		margin-bottom: 10px;
	}
	.bilist9{
		width: 30%;
	}
	.bilist10{
		width: 30%;
	}
	.bilist11{
		margin-top: 10px;
		width: 100%;
	}
	.editaddre1{
		width: 100%;
	}
	.inaddre1 ul li{
		margin-top: 20px;
		width: 100%;
	}
	.orderDeta{
		margin-top: 16px;
		padding: 16px;
		display: block;
	}
	.orderDeta2{
		font-size: 18px;
	}
	.orderDeta3 br{
		display: none;
	}
	.orderDeta4{
		margin: 20px 0 0;
	}
	.orderDeta4 a{
		margin: 0 auto;
	}
	.orderDeta9{
		padding: 0;
	}
	.orderDeta8{
		margin-top: 30px;
	}
	.bilist11 span{
		display: inline-block;
	}
	.bilist11 a.copy{
		margin-top: 10px;
	}
	.login{
		padding-bottom: 50px;
	}
	.login1{
		padding-top: 30px;
	}
	.login2{
		display: block;
	}
	.login3{
		width: 100%;
	}
	.login4{
		padding: 20px;
	}
	.register{
		padding: 30px 0;
	}
	.register2{
		font-size: 18px;
	}
	.register4{
		width: 100%;
	}
	.register7{
		margin-top: 30px;
	}
	.register7 input{
		height: 50px;
		font-size: 16px;
	}
	.prodeta{
		padding: 30px 0 50px;
	}
	.proLeft{
		width: 100%;
	}
	.proLeft1{
		width: 100%;
	}
	.proLeft1_d{
		height: 350px;
	}
	.proLeft2{
		width: 100%;
		margin-top: 20px;
		padding: 0 44px;
		height: auto;
	}
	.prolef4 {
		width: 35px;
		height: 100%;
	}
	.prolef4 img{
		transform: rotate(-90deg);
	}
	.prolef5 {
		right: 0;
		left: auto;
		width: 35px;
		height: 100%;
	}
	.prolef5 img{
		transform: rotate(-90deg);
	}
	.proRight{
		width: 100%;
		margin-top: 30px;
	}
	.proRight1{
		font-size: 20px;
	}
	.proRight2 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.proRight4{
		padding: 10px;
	}
	.proRight10{
		margin-top: 60px;
	}
	.proRight10 a{
		width: 168px;
	}
	.prodeta1{
		margin-bottom: 30px;
	}
	.left{
		left: 0;
	}
	.right{
		right: 0;
	}
	.left1{
		left: 0;
	}
	.right1{
		right: 0;
	}
	.prodeta2{
		margin-bottom: 30px;
	}
	.prodeta7{
		width: 70px;
	}
	.prodeta8{
		width: calc(100% - 70px);
	}
	.prodeta8{
		align-items: unset;
	}
	.step{
		padding: 30px 0;
	}
	.step1{
		font-size: 14px;
	}
	.step1 span{
		margin: 0 6px;
	}
	.incart{
		padding: 30px 0;
	}
	.incart2{
		width: 100%;
		overflow-x: scroll;
	}
	.incart_d{
		width: 940px;
	}
	.incart8{
		width: 100%;
		margin-top: 20px;
	}
	.checkout{
		padding: 30px 0;
	}
	.checkout2{
		margin-top: 0;
		width: 100%;
	}
	.checkout3{
		font-size: 16px;
	}
	.checkout9{
		margin-top: 20px;
		width: 100%;
	}
	.incart9{
		padding: 16px 12px;
	}
	.checkout15{
		width: 90px;
	}
	.checkout19{
		padding: 16px 12px;
	}
	.checkout20{
		padding-left: 0;
	}
	.completed{
		padding: 40px 0;
	}
	.completed1 img{
		max-width: 60%;
	}
	.completed2{
		font-size: 20px;
	}
	.completed3{
		margin-top: 30px;
	}
	.completed3 a {
		width: 210px;
		height: 50px;
		border-radius: 25px;
		font-size: 16px;
	}
	.tracking {
		padding: 40px 0;
		min-height: 90px;
	}
	.tracking1{
		font-size: 20px;
	}
	.tracking2 {
		margin-top: 16px;
		font-size: 14px;
		line-height: 28px;
	}
	.tracking2 br{
		display: none;
	}
	.tracking3{
		margin-top: 10px;
		display: block;
	}
	.tracking4{
		width: 100%;
		margin: 20px 0 0;
	}
	.tracking7{
		margin-top: 20px;
	}
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/