@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) {
	
	.main{
		width: calc(100% + 300px);
	}
	.main1{
		width: calc(100% - 300px);
	}
	.contain{
		width: 100%;
	}
	.header{
		padding: 16px 6%;
	}
	.butt a{
		margin-left: 10px;
	}
	.logo img{
		height: 20px;
	}
	.header1 img{
		width: auto;
		height: 20px;
	}
	.butt img {
		width: auto;
		height: 20px;
	}
	.banner1 {
		top: 50%;
		right: auto;
		left: 12%;
		width: 76%;
		transform: translate(0,-50%);
		text-align: left;
		font-size: 14px;
		line-height: 32px;
		display: none;
	}
	.goTop {
		right: 15px;
		bottom: 60px;
	}
	.shops{
		margin-top: 30px;
		padding: 0 6%;
	}
	.shops .swiper {
		padding-bottom: 30px;
	}
	.popular{
		margin-top: 30px;
		padding: 0 6%;
	}
	.popular2 ul li{
		width: calc((100% - 15px)/2);
		margin-right: 15px;
		margin-top: 30px;
	}
	.popular2 ul li:nth-child(5n){
		margin-right: 15px;
	}
	.popular2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.popular4 {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.3px;
		height: 40px;
	}
	.sj6{
	    padding: 0 6%;
	}
	.popular5{
		font-size: 14px;
		letter-spacing: 0.7px;
	}
	.brand{
		margin-top: 30px;
		padding: 20px 16px 10px;
	}
	.brand .swiper {
		padding-bottom: 30px;
	}
	.about{
		margin-top: 30px;
	}
	.about1{
		display: block;
	}
	.about2{
		width: 100%;
	}
	.about3{
		width: 100%;
		padding: 20px 0;
	}
	.about1:nth-child(2n) .about3{
		padding: 20px 0;
	}
	.about5{
	    display: none;
	}
	.gallery{
		margin: 30px 0;
	}
	.gallery ul li{
		width: calc(100% / 3);
	}
	.footer{
		padding: 30px 6%;
	}
	.footer1 img{
		height: 20px;
	}
	.footer2{
		margin-top: 20px;
		font-size: 0;
	}
	.footer2 a{
		font-size: 11px;
		margin: 0 0 16px -1px;
		padding: 0 10px;
		border-left: 1px solid #ccc;
		display: inline-block;
	    border-right:1px solid #ccc;
	}
	.footer3{
		margin-top: 20px;
		font-size: 12px;
	}
	.footer5{
		margin-top: 20px;
	}
	.footer5 a{
		margin: 3px 0;
		display: block;
	}
	.footer6{
		margin-top: 10px;
	}
	.banner{
	    padding: 0 6%;
	}
	.topic{
		padding: 20px 6% 30px;
	}
	.topic1 {
		margin-top: 16px;
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 30px;
	}
	.topic2 {
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px;
	}
	.topic3 ul li{
		padding: 20px 0;
	}
	.topic3 ul li a{
		display: block;
	}
	.topic4{
		font-size: 0;
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.topic5{
		width: 100%;
		margin-top: 20px;
	}
	.topic7 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.topic8 {
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px;
	}
	.page{
		margin-top: 20px;
	}
	.topicDeta {
		margin-top: 16px;
		font-size: 16px;
		line-height: 26px;
	}
	.topicDeta1 {
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.topicDeta2{
		margin-top: 20px;
	}
	.topicDeta3{
		margin-top: 20px;
	}
	.topicDeta4{
		margin-top: 20px;
	}
	.menu{
		padding: 20px 16px;
	}
	.searchi {
		width: calc(100% - 50px);
		height: 50px;
		padding: 0 10px;
		font-size: 14px;
	}
	.searchii {
		width: 50px;
		height: 50px;
		background-size: 25px auto;
	}
	.nav{
		margin-top: 30px;
	}
	.nav ul li {
	    margin-top: 20px;
	}
	.nav ul li > a{
		font-size: 16px;
	}
	.nav_sub a{
		font-size: 14px;
		margin-top: 9px;
	}
	.product2{
		width: 100%;
	}
	.product8{
		width: 100%;
		margin-top: 20px;
	}
	.product10 ul li{
		list-style-type: none;
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
		width: calc((100% - 20px)/2);
	}
	.product10 ul li:nth-child(2n){
		margin-right: 0;
	}
	.mtf40{
		margin-top: 0;
	}
	.proLeft1_d1{
	    top: 10px;
	}
	.proLeft1_d{
	    text-align: center;
	}
	.proLeft1_d img{
	    max-width: 90%;
	}
	.product {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.question2{
		font-size: 14px;
	}
	.question1 ul li{
		margin-top: 20px;
	}
	.inBrand1{
		padding: 1px 20px 20px;
	}
	.inBrand1 ul li{
		width: calc((100% - 20px)/3);
		margin-right: 10px;
		margin-top: 20px;
	}
	.inBrand1 ul li:nth-child(5n){
		margin-right: 10px;
	}
	.inBrand1 ul li:nth-child(3n){
		margin-right: 0;
	}
	.inContact8{
		margin-top: 20px;
		display: block;
	}
	.inContact9{
		margin-bottom: 10px;
		text-align: left;
	}
	.inContact10 input{
		flex: 1;
	}
	.inContact {
		margin-top: 20px;
		font-size: 18px;
	}
	.coson {
	    margin-top: 20px;
	    font-size: 18px;
	    line-height: 40px;
	}
	.coson1{
		padding: 20px 20px;
	}
	.coson2 {
		font-size: 16px;
		line-height: 30px;
	}
	.coson3 {
		margin-top: 20px;
		font-size: 14px;
		letter-spacing: 0.3px;
	}
	.inAbout {
		margin-top: 20px;
		font-size: 18px;
		line-height: 26px;
	}
	.inAbout1{
		margin-top: 14px;
	}
	.inAbout2 img{
		margin-left: 0;
	}
	.inAbout2 img:nth-child(2){
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.inAbout2 img:nth-child(3){
		width: calc((100% - 20px)/2);
	}
	.inAbout2 img:nth-child(4){
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.inAbout2 img:nth-child(5){
		width: calc((100% - 20px)/2);
	}
	.inAbout3{
		padding: 10px 20px 30px;
		margin-top: 20px;
	}
	.inAbout5 {
		padding: 16px 0;
		font-size: 14px;
		width: 90px;
	}
	.inAbout6 {
		padding: 16px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.inAbout7{
		margin-top: 20px;
	}
	.proDeta2{
		width: 100%;
	}
	.proLeft1{
		padding: 0 30px;
	}
	.topicaaa .proLeft1{
		padding: 0;
	}
	.topicaaa .address{
	    padding: 0 6%;
	}
	.topicaaa .proRight{
	    padding: 0 6%;
	}
	.proLeft2{
		margin-top: 20px;
		padding: 0;
	}
	.proRight{
		margin-top: 20px;
		width: 100%;
	}
	.proIntro{
		margin-top: 30px;
	}
	.proIntro1{
		margin-top: 20px;
	}
	.wap{
		display: block;
	}
	.pc{
		display: none;
	}
	.incart6b{
		margin-top: 10px;
	}
	.cabut3 span{
		width: 140px;
	}
	.cabut3 code{
		width: calc(100% - 140px);
	}
	.cabut4{
		margin-top: 30px;
	}
	.cabut4 input {
		width: 200px;
		height: 45px;
	}
	.cartjs1{
		display: block;
	}
	.cartjs2{
		text-align: left;
		width: 100%;
	}
	.cartjs3{
		width: 100%;
	}
	.cartjs5{
		display: block;
	}
	.login1{
		display: block;
	}
	.login2{
		width: 100%;
	}
	.nlog1{
		display: block;
	}
	.nlog2{
		width: 100%;
		text-align: left;
	}
	.nlog3{
		text-align: left;
	}
	.mpage1{
		margin-top: 20px;
	}
	.mpage4 ul li{
		width: calc((100% - 30px)/3);
		margin-right: 15px;
		margin-top: 30px;
	}
	.mpage4 ul li:nth-child(3n){
		margin-right: 0;
	}
	.mpage3 {
		margin-top: 10px;
		font-size: 18px;
		line-height: 40px;
	}
	.record7{
		border-top: 0;
		padding: 13px;
		display: block;
	}
	.record11{
		border-top: 0;
		padding: 13px;
		align-items: flex-start;
	}
	.record13{
		text-align: center;
		margin-top: 20px;
	}
	.record13 a{
		font-size: 16px;
	}
	.artica1{
		margin-top: 20px;
	}
	.artica {
		margin-top: 16px;
		font-size: 16px;
		line-height: 45px;
	}
	.inAbout2 img:first-child {
        max-width: 100%;
        max-height: 547px;
    }
	.nav ul li span > a{
	    font-size: 16px;
	}
	.cartm{
	    border-bottom: 0;
	}
	.cartm1{
	    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){}
/*******************************************************************/