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

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



@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) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.about3{
		width: 30px;
		font-size: 14px;
		line-height: 16px;
	}
	.brand{
		padding: 30px 0;
	}
	.brand1{
		font-size: 24px;
		line-height: 1;
	}
	.brand2{
		margin-top: 16px;
	}
	.brand2 ul li{
		margin-top: 20px;
		width: calc((100% - 16px)/2);
	}
	.brand2 ul li:nth-child(5n){
		margin-right: 16px;
	}
	.brand2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.more{
		margin-top: 25px;
	}
	.popular{
		padding: 60px 0 40px;
	    background: url(../img/popbgm.png) #ffffff center no-repeat;
	}
	.popular:before{
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.5);
	}
	.popular1{
	    position: relative;
	}
	.popular2{
		font-size: 36px;
		line-height: 1;
	}
	.popular3{
		margin-top: 64px;
	}
	.popular1{
		padding: 0;
	}
	.popular3 .swiper{
	    padding: 0 60px;
	}
	.popular4 > img{
	    width: 100%;
	}
	.popular8{
		margin-top: 20px;
		padding: 0 30px;
	}
	.popular5{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.4);
	}
	.popular6{
	    font-size: 14px;
	}
	.topic{
		padding: 10px 0 30px;
	}
	.topic3{
		padding: 0 0 0 60px;
	}
	.topic3 ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.topic2{
		top: 20px;
		width: 40px;
	}
	.topic4{
	    margin-right: 12px;
	}
	.topic8{
		margin-top: 20px;
		text-align: center;
	}
	.topic8 a{
	    font-size: 18px;
	}
	.guide{
		padding: 30px 0;
	}
	.footer{
		padding: 40px 0 36px;
	}
	.footer1{
		padding: 0 20px;
	}
	.footer2{
	    text-align: center;
	}
	.footer2a {
		margin-top: 20px;
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0, 0);
		overflow: hidden;
	}
	.footer2a a{
	    float: left;
	    width: calc((100% - 36px)/2);
		margin: 0 36px 0 0;
		font-size: 12px;
		border-bottom: 1px solid #747474;
		line-height: 50px;
		text-align: left;
	}
	.footer2a a:nth-child(2n){
	    margin-right: 0;
	}
	.footer3{
	    text-align: center;
	}
	.footer5{
		margin-top: 20px;
		display: block;
	}
	.footer5a a{
	    margin-top: 10px;
	    display: block;
	    text-align: center;
	    margin-right: 0;
	}
	.footer5b {
	    text-align: center;
		margin-top: 20px;
	}
	.footer4 span{
		letter-spacing: 0.5px;
		font-size: 14px;
	}
	.goTop{
		right: 10px;
		bottom: 20px;
	}
	.footer4 code{
		letter-spacing: 0.3px;
	}
	.footer4b{
	    display: none;
	}
	.category{
		padding: 30px 0;
	}
	.category1{
		font-size: 20px;
		line-height: 1;
	}
	.category2{
		margin-top: 10px;
	}
	.category3{
		margin-top: 20px;
	}
	.category3 a {
		width: calc((100% - 40px) / 3);
		height: 40px;
		padding: 0 12px;
	}
	.category4{
		margin-top: 10px;
	}
	.category4 ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.category4 ul li:nth-child(2n){
		margin-right: 0;
	}
	.category5a{
		right: 5px;
		top: 5px;
	}
	.category6{
		margin-top: 10px;
	}
	.page{
		margin-top: 20px;
	}
	.page a{
		margin: 0 6px;
	}
	.inpopular{
		padding: 30px 0;
	}
	.inpopular1{
		padding: 0 20px;
	}
	.inpopular2{
		font-size: 24px;
		line-height: 1;
	}
	.inpopular3{
		margin-top: 20px;
	}
	.guide2{
	    width: 100%;
	}
	.guide3{
		font-size: 20px;
		line-height: 30px;
	    text-align: center;
	}
	.guide4{
	    text-align: center;
	}
	.guide6{
		padding: 16px 0;
	}
	.guide8{
		font-size: 16px;
	}
	.guide9{
		margin-top: 10px;
	}
	.guide>img{
		height: 300px;
		object-fit: cover;
	}
	.brand_tc1{
		padding: 0 20px 30px;
	}
	.brand_tc2{
		height: 60px;
	}
	.brand_tc4_d {
		width: 100%;
		margin-right: 0;
	}
	.brand_tc6 a{
		padding: 10px 0;
	}
	.brand_tc5 {
		margin-top: 10px;
		font-size: 20px;
		margin-right: 10px;
	}
	.brand_tc3{
		margin-top: 20px;
	}
	.item_tc1{
		padding: 0 20px 30px;
	}
	.item_tc2{
		height: 60px;
	}
	.item_tc3{
		margin-top: 20px;
	}
	.item_tc6 a{
		padding: 10px 0;
	}
	.item_tc5 {
		margin-top: 10px;
		font-size: 20px;
		margin-right: 10px;
	}
	.item_tc4 {
		width: 100%;
		margin-right: 0;
	}
	.proDeta{
		padding: 30px 0;
	}
	.proDeta2{
		width: 100%;
	}
	.proLeft1{
		padding: 0 30px;
	}
	.proLeft2{
		margin-top: 20px;
		padding: 0;
	}
	.proRight{
		margin-top: 20px;
		width: 100%;
	}
	.proIntro{
		margin-top: 30px;
	}
	.proIntro1{
		margin-top: 20px;
	}
	.inAbout{
		padding: 30px 0;
	}
	.inAbout1{
		font-size: 20px;
		line-height: 1;
	}
	.inAbout2{
		margin-top: 20px;
		font-size: 14px;
		line-height: 2;
	}
	.inAbout3{
		display: block;
	}
	.inAbout5{
		margin-top: 20px;
		font-size: 14px;
		line-height: 2;
	}
	.inAbout6{
		padding: 30px 0;
	}
	.inAbout7{
		font-size: 20px;
	}
	.inAbout8{
		margin-top: 20px;
	}
	.inAbout8a {
		padding: 16px 0 16px 0px;
		width: 90px;
		margin-right: 10px;
		font-size: 14px;
	}
	.inAbout8b{
		padding: 16px 0 16px 0px;
		font-size: 14px;
	}
	.inGuide{
		padding: 10px 0 30px;
	}
	.inGuide1 a{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		height: 50px;
		font-size: 14px;
	}
	.inGuide1 a:nth-child(3n){
		margin-right: 20px;
	}
	.inGuide1 a:nth-child(2n){
		margin-right: 0;
	}
	.inGuide2{
		margin-top: 30px;
		font-size: 14px;
		line-height: 2;
	}
	.inGuide1 .swiper{
		height: auto;
		padding-bottom: 40px;
	}
	.inNews{
		padding: 30px 0;
	}
	.inNews3{
		margin-top: 20px;
	}
	.inNews3 ul li{
		padding: 25px 0;
	}
	.inNews3 ul li a{
		display: block;
	}
	.inNews4{
		margin-right: 0;
		text-align: center;
	}
	.inNews5{
		margin-top: 20px;
	}
	.inNews7{
		font-size: 16px;
		line-height: 28px;
	}
	.newsDeta{
		padding: 30px 0;
	}
	.newsDeta2{
		margin: 25px 0 15px;
		font-size: 24px;
		line-height: 1;
	}
	.newsDeta3 {
		margin-top: 15px;
		font-size: 16px;
		padding-bottom: 10px;
		border-bottom: 1px solid #000000;
	}
	.newsDeta4{
		line-height: 28px;
	}
	.sxy{
		margin-top: 12px;
	}
	.inContact{
		padding: 30px 0;
	}
	.inContact2{
		padding: 0 16px 16px;
	}
	.inContact4{
		font-size: 18px;
	}
	.inContact8{
		margin-top: 20px;
		display: block;
	}
	.inContact9{
		margin-bottom: 10px;
		text-align: left;
	}
	.inContact10 input{
		flex: 1;
	}
	.inContact13{
		padding-left: 0;
	}
	.lTitle{
		font-size: 20px;
		line-height: 30px;
	}
	.lTitle1{
		font-size: 12px;
	}
	.entry{
		margin-top: 20px;
	}
	.entry2{
		margin-top: 20px;
		display: block;
	}
	.entry3{
		margin-bottom: 10px;
	}
	.entry3a{
		text-align: left;
	}
	.entry3b{
		text-align: left;
	}
	.entry5{
		margin-top: 20px;
		display: block;
	}
	.entry8{
		display: block;
		margin-top: 12px;
	}
	.entry4{
		display: block;
	}
	.entry4 input{
		width: 100%;
		margin-bottom: 10px;
	}
	.login{
		padding: 30px 0;
	}
	.login2{
		width: 100%;
	}
	.login3{
		margin-bottom: 20px;
	}
	.login8{
		width: 100%;
		margin-top: 30px;
	}
	.login10 {
		margin-top: 20px;
	}
	.incart{
		margin-top: 25px;
	}
	.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	.incart7{
		display: block;
		text-align: right;
	}
	.cart7{
		text-align: left;
	}
	.cart7 span{
		width: 120px;
	}
	.cart7 code{
		width: calc(100% - 160px);
	}
	.cartjs1{
		display: block;
	}
	.cartjs2{
		text-align: left;
		width: 100%;
	}
	.cartjs3{
		width: 100%;
	}
	.cartjs5{
		display: block;
	}
	.newca{
		padding: 20px 0;
	}
	.cart6a1{
		width: 100%;
	}
	.cart6b1{
		width: 100%;
	}
	.cart6b2{
		width: 160px;
	}
	.myPage{
		padding: 30px 0;
	}
	.myLeft{
		width: 100%;
	}
	.myLeft1{
		padding-bottom: 12px;
	}
	.myLeft4{
		margin-top: 12px;
		padding-bottom: 12px;
	}
	.myLeft3 a{
		margin-top: 12px;
	}
	.myRight{
		width: 100%;
		margin-top: 30px;
		padding-left: 0;
		border-left: 0;
		min-height: 1px;
	}
	.myRight1 {
		margin-top: 15px;
		font-size: 18px;
	}
	.myRight2 {
		margin-top: 15px;
		font-size: 16px;
	}
	.myRight3 {
		margin-top: 15px;
		font-size: 14px;
	}
	.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;
	}
	.hisDeta3{
		padding: 13px;
	}
	.myVip1{
		display: block;
	}
	.myVip5{
		margin-top: 30px;
	}
	.inTitle{
		line-height: 24px;
		padding-bottom: 20px;
	}
	.inter5{
		font-size: 12px;
	}
	.inter9b ul li{
		font-size: 14px;
	}
	.about_d{
	    width: 100%;
	}
	.entry4 img.eye{
	    left: auto;
	    right: 20px;
	}
	.inGuide1{
	    margin-top: 10px;
	}
	.topic{
    	background: url(../img/topicbgm.png) center no-repeat;
    }
	
	
	
	
	
	
}
/** 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){}
/*******************************************************************/