@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: 1300px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner .swiper-pagination{
		right: 10px;
	}
	.topic{
		padding: 30px 0;
	}
	.topic1{
		display: block;
	}
	.topic2{
		width: 100%;
	}
	.topic6{
		margin-top: 20px;
		width: 100%;
	}
	.topic3{
		font-size: 20px;
	}
	.topic4 {
		margin-top: 20px;
		line-height: 24px;
	}
	.topic5 {
		margin-top: 20px;
	}
	.topic6 .swiper{
		padding-right: 0;
	}
	.topic8 {
		margin-top: 15px;
	}
	.topic9 {
		margin-top: 10px;
		font-size: 14px;
	}
	.product{
		padding: 30px 0;
	}
	.product1 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	.product2 ul li{
		width: 50%;
		padding: 24px 0;
	}
	.product3 span {
		font-size: 16px;
	}
	.product4 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 28px;
	}
	.product5 {
		font-size: 14px;
		line-height: 24px;
	}
	.product6 {
		margin-top: 20px;
	}
	.product7 {
		font-size: 14px;
		line-height: 28px;
	}
	.news{
		padding: 30px 0;
	}
	.title {
		font-size: 20px;
	}
	.title a {
		width: 100px;
		height: 32px;
	}
	.news1{
		margin-top: 20px;
	}
	.news2{
		padding: 10px;
	}
	.news4 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
		height: 60px;
	}
	.link ul li{
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding: 30px 10px;
	}
	.link1{
		font-size: 14px;
	}
	.link2 {
		margin-top: 10px;
	}
	.link3 {
		margin-top: 20px;
	}
	.link3 img{
		width: 40px;
	}
	.link4 {
		margin-top: 20px;
	}
	.footer{
		padding: 30px 0;
	}
	.footer1{
		display: block;
	}
	.footer2{
		width: 100%;
	}
	.footer3 img{
		height: 40px;
	}
	.footer4 {
		margin-top: 10px;
	}
	.footer5{
		text-align: center;
	}
	.footer6{
		margin-top: 20px;
	}
	.footer6 a{
		font-size: 12px;
		margin: 5px 10px;
		display: inline-block;
	}
	.footer7{
		margin-top: 20px;
	}
	.footer7 a{
		margin: 0 10px;
	}
	.footer8{
		margin-top: 20px;
	}
	.footer8 a{
		font-size: 12px;
		margin: 5px 10px;
		display: inline-block;
	}
	.beian {
		margin-top: 20px;
		padding-top: 20px;
	}
	.inHeader{
		display: none;
	}
	.inPro{
		padding: 30px 0;
	}
	.inPro1{
		font-size: 20px;
		line-height: 1;
	}
	.inPro2 {
		margin-top: 25px;
		padding-bottom: 10px;
		font-size: 14px;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.inPro2 a{
		margin-right: 15px;
	}
	.inPro3 {
		margin-top: 10px;
		margin-bottom: 20px;
		/*overflow-x: scroll;*/
		/*white-space: nowrap;*/
	}
	.inPro3 a{
	    margin-bottom: 5px;
	}
	.proLeft{
		width: 100%;
	}
	.proLeft2 .swiper-pagination {
		margin: 0 12px;
	}
	.proLeft2 img{
		width: 30px;
	}
	.proLeft1 .swiper {
		padding-bottom: 50px;
	}
	.proLeft4{
		display: block;
	}
	.proLeft6{
		margin-top: 20px;
		border-left: 0;
		text-align: left;
	}
	.proLeft7{
		text-align: left;
	}
	.evalute6 img {
		margin-right: 16px;
		width: 100px;
	}
	.page{
		margin-top: 20px;
	}
	.page img{
		width: 24px;
	}
	.proRight{
		width: 100%;
		margin-top: 30px;
	}
	.proRight2 {
		margin-top: 10px;
		font-size: 18px;
	}
	.proRight3 {
		margin-top: 10px;
		font-size: 14px;
	}
	.proRight4 {
		line-height: 24px;
	}
	.proRight4 span {
		font-size: 20px;
	}
	.proRight14 {
		margin-top: 20px;
		line-height: 36px;
	}
	.proRight15 {
		margin-top: 20px;
	}
	.inContact{
		padding: 20px 0 30px;
	}
	.inContact1{
		display: block;
	}
	.inContact2{
		font-size: 20px;
	}
	.inContact3{
		margin-top: 30px;
	}
	.inContact6{
		margin-top: 30px;
		text-align: center;
	}
	.inContact7{
		margin-top: 20px;
		text-align: center;
	}
	.inTopic{
		padding: 20px 0 30px;
	}
	.inTopic1{
		font-size: 20px;
		line-height: 1;
	}
	.inTopic2{
		margin-top: 0;
	}
	.inTopic2 ul li{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-top: 20px;
	}
	.inTopic2 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.inTopic2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.topicDeta{
		padding: 20px 0 20px;
	}
	.topicDeta1{
		display: block;
	}
	.topicDeta2{
		max-width: 100%;
	}
	.topicDeta4 {
		margin-top: 25px;
		font-size: 16px;
	}
	.topicDeta5 {
		margin-top: 25px;
	}
	.topicDeta6{
		margin-top: 30px;
	}
	.topicDeta7 {
		font-size: 14px;
		line-height: 30px;
	}
	.topicDeta8 {
		margin-top: 24px;
		padding-top: 25px;
	}
	.concept{
		padding: 30px 0;
	}
	.concept1{
		padding: 0;
		display: block;
	}
	.concept2{
		max-width: 100%;
	}
	.concept4 {
		margin-top: 10px;
		line-height: 24px;
	}
	.concept6 img {
		width: 140px;
	}
	.concept5 {
		margin-top: 10px;
		line-height: 24px;
	}
	.concept6 {
		margin-top: 20px;
	}
	.concept7{
		margin-top: 30px;
		line-height: 30px;
	}
	.inAbout1{
		padding: 30px 0;
	}
	.inAbout2{
		padding: 0 2%;
		display: block;
	}
	.inAbout3{
		width: 100%;
	}
	.inAbout4 {
		margin-top: 20px;
	}
	.inAbout5 {
		font-size: 16px;
		line-height: 32px;
	}
	.inAbout6{
		font-size: 14px;
	}
	.inAbout7 {
		margin-top: 20px;
		line-height: 30px;
	}
	.inApro{
		padding: 30px 0;
	}
	.inApro1{
		display: block;
	}
	.inApro2{
		width: 100%;
	}
	.inApro3 {
		font-size: 14px;
		line-height: 30px;
	}
	.inApro4 {
		font-size: 14px;
		line-height: 30px;
	}
	.inApro5 {
		font-size: 14px;
		line-height: 30px;
	}
	.inApro6 {
		margin-top: 20px;
	}
	.inApro7{
		margin-top: 30px;
		display: block;
		padding-bottom: 20px;
	}
	.inApro8a {
		font-size: 18px;
		line-height: 30px;
	}
	.inApro8b {
		margin-top: 20px;
	}
	.inApro9{
		margin-top: 30px;
		padding: 0;
	}
	.inApro10 {
		margin-top: 20px;
		font-size: 18px;
	}
	.inApro11{
		margin-top: 0;
	}
	.inApro11 ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		padding: 10px;
	}
	.inApro11a{
		height: 140px;
	}
	.inApro11b {
		margin-top: 16px;
		font-size: 14px;
		line-height: 23px;
	}
	.inApro11c {
		margin-top: 15px;
		font-size: 12px;
		line-height: 24px;
		height: 120px;
	}
	.step{
		padding: 30px 0;
	}
	.step2{
		font-size: 16px;
	}
	.step4{
		margin-top: 30px;
	}
	.step6 {
		height: 210px;
	}
	.step9 {
		margin-top: 16px;
		font-size: 14px;
		line-height: 24px;
	}
	.inNews{
		padding: 20px 0 30px;
	}
	.inNews1{
		display: block;
	}
	.inNews2{
		font-size: 20px;
	}
	.inNews4 ul li{
		padding: 16px;
	}
	.inNews4 ul li{
		margin: 20px 0 0 ;
	}
	.guide{
		padding: 30px 0;
	}
	.guide1{
		display: block;
	}
	.guide3{
		font-size: 20px;
	}
	.guide4{
		margin-top: 10px;
	}
	.guide4 a{
		margin-top: 20px;
	}
	.guide5{
		margin-top: 30px;
	}
	.guide7{
		margin-top: 0;
		padding: 20px 0;
		display: block;
	}
	.guide8{
		font-size: 16px;
	}
	.guide9{
		margin-top: 20px;
	}
	.privacy{
		padding: 20px 0 30px;
	}
	.privacy1{
		display: block;
	}
	.privacy2{
		font-size: 20px;
		line-height: 30px;
	}
	.privacy3{
		margin-top: 10px;
	}
	.privacy6{
		margin-top: 10px;
	}
	.company{
		margin-top: 20px;
	}
	.company2 {
		margin-top: 10px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.logre2{
		margin-top: 20px;
		display: block;
	}
	.login6 {
		width: 130px;
		padding: 0 10px;
	}
	.login8 input {
		width: 124px;
		height: 32px;
	}
	.login9{
		margin-top: 20px;
	}
	.login11{
		margin-top: 20px;
	}
	.login11 a {
		width: 124px;
		height: 32px;
		line-height: 32px;
	}
	.register1 {
		padding: 16px 20px 1px;
	}
	.register7{
		margin-top: 20px;
	}
	.logre{
		padding: 30px 0;
	}
	.logre1 {
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 1px;
		padding-bottom: 20px;
	}
	.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;
	}
	.counpon{
		margin-top: 0;
		display: block;
		margin-bottom: 30px;
	}
	.counpon1{
		width: 100%;
		margin-top: 20px;
	}
	.counpon4{
		display: block;
	}
	.counpon4a{
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #CBCBCB;
	}
	.counpon5{
		margin-top: 20px;
	}
	.norder9{
		display: block;
	}
	.orwidth{
		width: 100%;
	}
	.wap{
		display: block;
	}
	.pc{
	    display: none;
	}
	.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;
	}
	.mypage a{
		margin-top: 10px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		font-size: 14px;
	}
	.mypage a:nth-child(5n){
		margin-right: 20px;
	}
	.mypage a:nth-child(2n){
		margin-right: 0;
	}
	.mypage a img{
		width: 24px;
		margin-right: 6px;
	}
	.mypage{
		margin-top: 20px;
	}
	.w568{
		margin-top: 20px;
	}
	.myRight3 {
		margin-top: 15px;
		font-size: 14px;
	}
	.record10{
		text-align: left;
	}
	.overx{
		overflow-x: scroll;
	}
	.counpData{
		width: 920px;
	}
	.myRecord3{
		margin-top: 20px;
	}
	.bannerd{
		bottom: 20px;
	}
	.banner3{
		margin-right: 12px;
	}
	.banner3 img {
		width: 100px;
	}
	.banner3{
		line-height: 20px;
	}
	.banner6{
		font-size: 12px;
		line-height: 18px;
		margin-top: 3px;
	}
	.banner2{
	    bottom: 0;
	}
	.tpleft{
	    left: 0;
	    z-index: 6;
	}
	.tpright{
	    right: 0;
	    z-index: 6;
	}
	.cart_tc{
		padding: 10px;
	}
	.cart_tc1{
		display: block;
	}
	.cart_tc3{
		display: none;
	}
	.cart_tc4{
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.cart_tc5{
		margin-top: 10px;
		margin-left: 0;
	}
	.proRight8b img{
		width: 14px;
	}
	.cart_tc6{
		padding: 0 10px;
	}
	.cart_tc6 .proRight8b input{
		width: 40px;
	}
	.cart_tc7{
		flex: 1;
	}
	.cart_tc7 input{
		border-radius: 18px;
		height: 36px;
		font-size: 14px;
	}
	
}
/** 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){}
/*******************************************************************/