@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) {
	
	.top3{
		display: none;
	}
	.top1{
		padding: 10px;
		height: auto;
	}
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.search{
		flex: 1;
	}
	.banner1 .swiper{
		padding: 0 0 30px;
	}
	.product{
		padding: 30px 0;
	}
	.title{
		font-size: 20px;
	}
	.title1 {
		margin-top: 5px;
		font-size: 14px;
	}
	.product2 ul li{
		margin-top: 20px;
		margin-right: 10px;
		width: calc((100% - 10px)/2);
	}
	.product2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.product3{
		height: 170px;
	}
	.product4 {
		margin-top: -11px;
		font-size: 16px;
		line-height: 24px;
		height: 24px;
	}
	.product5 {
		margin-top: 10px;
		font-size: 14px;
	}
	.product6{
		font-size: 16px;
	}
	.product7 {
		font-size: 14px;
	}
	.product8 {
		margin-top: 16px;
		font-size: 16px;
	}
	.product9{
		font-size: 16px;
	}
	.product1{
		padding: 0 3%;
	}
	.more a{
		width: 70%;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}
	.product2{
		margin-top: 30px;
	}
	.more{
		margin-top: 30px;
	}
	.sypro{
		padding: 10px 0 30px;
	}
	.sypro1 ul{
	    font-size: 0;
	}
	.sypro1 ul li{
	    float: none;
	    display: inline-block;
		/*width: 100%;*/
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
		padding: 7px 10px;
		margin-top: 20px;
	}
	.sypro1 ul li a{
	    display: block;
	}
	.sypro2{
	    margin-right: 0;
	}
	.sypro2 img {
		width: 125px;
	}
	.sypro3{
	    font-size: 14px;
	    margin-top: 10px;
	}
	.news{
		padding: 30px 0;
	}
	.news1{
		margin-top: 25px;
		padding: 0 3%;
	}
	.news1 ul li {
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.news2{
		font-size: 16px;
	}
	.news3{
		margin-top: 9px;
		font-size: 14px;
	}
	.instag {
		padding: 70px 0 30px;
	}
	.instag2 {
		top: -70px;
	}
	.instag3{
		padding: 0 3%;
	}
	.instag4{
		width: 100%;
	}
	.instag5 {
		width: 100%;
	}
	.instag5 img {
	    width: calc((100% - 10px) / 2);
	    margin-left: 0;
		margin-top: 10px;
		margin-right: 10px;
	}
	.instag5 img:nth-child(2n){
		margin-right: 0;
		margin-top: 10px;
	}
	.instag6{
		margin-top: 30px;
	}
	.instag6 a{
		width: 70%;
		height: 70px;
		line-height: 68px;
		font-size: 16px;
	}
	.type{
		padding: 10px 0 30px;
	}
	.type1{
		padding: 0 3%;
	}
	.type1 ul{
	    width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
	}
	.type1 ul li{
	    display: inline-block;
		width: 100%;
		margin-top: 20px;
		float: none;
	}
	.type2 {
		font-size: 16px;
		padding-bottom: 15px;
	}
	.shopInfo{
		padding: 30px 0 10px;
	}
	.shopInfo1{
		padding: 0 3%;
	}
	.shopInfo2{
		margin-top: 25px;
		display: block;
	}
	.shopInfo3{
		width: 100%;
		margin-right: 0;
	}
	.shopInfo4{
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.shopInfo5 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.link{
		padding: 20px 0;
	}
	.link1{
		padding: 0 3%;
	}
	.link1 a{
		margin-right: 16px;
	}
	.link1 a img{
		width: 36px;
	}
	.footer {
        padding: 18px 0 100px;
    }
	.footer1{
		display: block;
		padding: 0 3%;
	}
	.footer2{
		text-align: center;
		margin-right: 0;
	}
	.footer2 img{
		width: 180px;
	}
	.footer3{
		margin-top: 20px;
	}
	.footer3 a{
		font-size: 14px;
		line-height: 30px;
		display: inline-block;
	}
	.footer4 {
		margin-top: 20px;
		display: block;
		font-size: 14px;
		line-height: 20px;
		padding: 0 3%;
	}
	.address{
		padding: 0 3%;
	}
	.chose{
		margin-top: 20px;
	}
	.chose1{
		padding: 10px;
	}
	.chose2{
		display: block;
		width: 100%;
	}
	.chose3{
		width: auto;
		margin: 0 0 10px 0;
		text-align: left;
	}
	.chose2:nth-child(2){
		margin-top: 20px;
	}
	.page{
		margin-top: 30px;
	}
	.page a{
		margin: 5px;
	}
	.page a.qhy {
		width: 80px;
	}
	.inpro{
		padding: 10px 0 30px;
	}
	.inNews{
		padding: 30px 0;
	}
	.newsDeta{
		padding: 20px 3%;
	}
	.newsDeta2 {
		margin-top: 16px;
		font-size: 16px;
	}
	.newsDeta3 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.newsDeta4{
		margin-top: 20px;
		display: block;
	}
	.newsDeta6{
		margin-top: 20px;
		justify-content: space-between;
	}
	.newsDeta6 a{
		margin: 0;
	}
	.prodeta1{
		padding: 0 3%;
	}
	.prodeta3{
		width: 100%;
	}
	.solout {
		width: 220px;
		height: 80px;
		font-size: 24px;
		line-height: 80px;
	}
	.prodeta5 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 24px;
	}
	.prodeta6 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	.deLeft1{
		left: 0;
	}
	.deLeft1 img{
		width: 30px;
	}
	.deRight1{
		right: 0;
	}
	.deRight1 img{
		width: 30px;
	}
	.proRight{
		width: 100%;
		margin-top: 30px;
	}
	.proRight1 {
		font-size: 16px;
	}
	.proRight2 {
		font-size: 16px;
	}
	.proRight3 {
		margin-top: 16px;
		font-size: 20px;
	}
	.proRight3 span {
		font-size: 14px;
	}
	.proRight5 {
		font-size: 20px;
	}
	.proRight5 span {
		font-size: 14px;
	}
	.proRight6{
		font-size: 14px;
	}
	.proRight7 a {
		margin-top: 20px;
		height: 62px;
		line-height: 62px;
		font-size: 16px;
	}
	.proRight8 a {
		margin-top: 20px;
		height: 62px;
		line-height: 62px;
		font-size: 16px;
	}
	.proRight9{
		margin-top: 10px;
	}
	.proRight9 ul li{
		height: 60px;
		font-size: 14px;
	}
	.prodeta{
		padding: 20px 0 30px;
	}
	.request{
		padding: 0 3%;
	}
	.request1 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.request2{
		margin-top: 20px;
		display: block;
	}
	.request3{
		margin-top: 60px;
		width: 100%;
	}
	.request7{
		width: 100%;
		margin-top: 20px;
	}
	.request7 img{
		transform: rotate(90deg);
	}
	.request8 {
		margin-top: 24px;
		padding: 0;
	}
	.request12 img{
		margin-top: 16px;
		width: 120px;
		height: 120px;
	}
	.request13{
		margin-top: 30px;
	}
	.request13 input{
		width: 100%;
		height: 60px;
		font-size: 16px;
	}
	.login{
		margin: 30px auto 0;
	}
	.login1 {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.login2{
		padding: 20px 10px;
	}
	.login3{
		margin-bottom: 20px;
	}
	.login4{
		margin-top: 20px;
	}
	.login6 {
		margin-top: 30px;
	}
	.login6 input {
		height: 56px;
		font-size: 16px;
	}
	.login8 {
		margin: 30px auto 0;
		padding: 20px 10px;
	}
	.login9 {
		font-size: 16px;
	}
	.login10 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.login11{
		margin-top: 30px;
	}
	.login11 a {
		height: 56px;
		font-size: 16px;
		line-height: 56px;
	}
	.login13{
		padding: 0;
		font-size: 16px;
	}
	.login14 input {
		height: 56px;
		font-size: 16px;
	}
	.myPage{
		padding: 0 3%;
	}
	.mytoo{
		margin-top: 10px;
	}
	.mytoo a{
		margin-top: 20px;
		width: calc((100% - 16px)/2);
		margin-right: 16px;
		font-size: 14px;
		padding: 0 10px;
		height: 60px;
	}
	.mytoo a:nth-child(5n){
		margin-right: 16px;
	}
	.mytoo a:nth-child(2n){
		margin-right: 0;
	}
	.myPage1{
		margin-top: 30px;
	}
	.myPage2{
		margin-top: 10px;
	}
	.myPage5{
		margin-top: 30px;
	}
	.myPage6 input {
		height: 56px;
		font-size: 16px;
	}
	.order2 ul li{
		display: none;
	}
	.order2 ul li:first-child{
		display: block;
	}
	.owidth{
		width: 100%;
	}
	.order3 ul li{
		display: none;
		flex-wrap:wrap;
	}
	.order3 ul li:first-child{
		display: block;
	}
	.incart7{
		flex-wrap:wrap;
	}
	.order5{
		display: block;
	}
	.order7{
		margin: 20px 0 0;
		width: 100%;
	}
	.order8{
		margin-top: 20px;
		display: block;
	}
	.order8 input{
		width: 100%;
	}
	.order8 a{
		display: block;
		margin-top: 20px;
	}
	.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	.incart9b{
		font-size: 16px;
	}
	.order{
		margin-top: 30px;
	}
	.caorder{
		margin-top: 30px;
	}
	.myHistory{
		margin-top: 30px;
	}
	.record7{
		padding: 10px;
		display: block;
	}
	.record10{
		text-align: left;
	}
	.record10 span {
		font-size: 14px;
		text-align: left;
	}
	.record10 span.state {
		font-size: 16px;
		margin-top: 0;
	}
	.record10 span.state1 {
		font-size: 16px;
		margin-top: 0;
	}
	.record11{
		padding: 10px 20px;
	}
	.norder9{
		display: block;
	}
	.norder9a{
		text-align: left;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #CBCBCB;
	}
	.norder10{
		display: block;
	}
	.norder10a{
		text-align: left;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #CBCBCB;
	}
	.r_width1{
		width: 100%;
	}
	.paytype{
		padding: 10px 20px;
		line-height: 24px;
	}
	.paytype1{
		padding: 10px 20px;
	}
	.attiacl{
		padding: 0 3%;
		margin-top: 25px;
	}
	.attiacl1{
		font-size: 14px;
		line-height: 30px;
	}
	.hsgy{
		margin-top: 30px;
		display: block;
	}
	.hsgy1{
		margin-left: 0;
	}
	.hsgy2{
		margin-top: 20px;
	}
	.hsgy3 {
		font-size: 16px;
		line-height: 30px;
	}
	.hsgy4 {
		margin-top: 16px;
		font-size: 14px;
		line-height: 28px;
	}
	.hsgy5{
		margin-top: 20px;
	}
	.hsgy6{
		display: block;
	}
	.hsgy7{
		width: 100%;
	}
	.hsgy2{
		margin-top: 10px;
	}
	.synr{
		margin-top: 30px;
	}
	.synr ul li{
		margin-top: 20px;
		padding-bottom: 20px;
		display: block;
	}
	.synr2{
		width: 100%;
	}
	.synr3{
		margin-top: 20px;
		font-size: 18px;
		line-height: 30px;
	}
	.synr4{
		margin-top: 10px;
		font-size: 14px;
		line-height: 28px;
	}
	.guide {
		margin-top: 30px;
		height: 50px;
		padding: 0 10px;
		line-height: 50px;
		font-size: 16px;
	}
	.guide1 {
		padding: 0 10px;
		font-size: 16px;
		line-height: 36px;
	}
	.guide2 {
		padding: 0 10px;
		font-size: 14px;
		line-height: 36px;
	}
	.guide3{
		margin-top: 10px;
	}
	.question{
		margin-top: 30px;
	}
	.question1 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.question2 {
		margin-top: 10px;
		font-size: 14px;
	}
	.banLeft{
        left: 16px;
    }
    .banLeft img{
        width: 30px;
    }
    .banRight{
        right: 16px;
    }
    .banRight img{
        width: 30px;
    }
	.collect{
	    left: 15px;
	    width: 24px;
	}
	.product3 span {
        font-size: 12px;
        padding: 0 6px;
    }
	.type1_m{
	    display: block;
	}
	.type1{
	    display: none;
	}
	
	
}
/** 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){}
/*******************************************************************/