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

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

@media only screen and (max-width: 1600px){
	
	.logo img{
		height: 60px;
	}
	.nav {
		margin-top: 5px;
		margin-left: 40px;
	}
	.nav ul li{
		width: 260px;
	}
	.nav ul li > a{
		font-size: 16px;
	}
	.butt{
		height: 60px;
	}
	
	
	
}

@media only screen and (max-width: 1440px){
	
	
	.nav ul li{
		width: 240px;
	}
	.footer1 {
		padding: 23px 200px 26px 130px;
	}
	.design5 {
		padding: 30px 25px;
	}
	.design1 {
		width: 42%;
	}
	.design2 {
		font-size: 16px;
		line-height: 44px;
		letter-spacing: 1px;
	}
	.design4 {
		width: 52%;
	}
	.design14 {
		margin-top: 50px;
		font-size: 16px;
		line-height: 44px;
		letter-spacing: 1px;
	}
	
	
	
}

@media only screen and (max-width: 1366px){
	
	
	.nav ul li{
		width: 210px;
	}
	.header {
		padding: 0 36px;
	}
	
	
	
}

@media only screen and (max-width: 1220px){
	
	.nav ul li{
		width: 180px;
	}
	.header {
		padding: 0 24px;
	}
	.butt > a {
		margin-left: 20px;
	}
	.menu{
		margin-left: 20px;
	}
	.logo{
		margin-top: 7px;
	}
	.logo img {
		height: 46px;
	}
	.footer1 {
		padding: 23px 120px 26px 80px;
	}
	.design6 {
		margin-top: 15px;
		display: block;
	}
	.design7{
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
	}
	
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	.phone_item{
	    display: block;
	}
	.pc_item{
	    display: none;
	}
	.header{
		padding: 0 16px;
	}
	.nav{
		display: none;
	}
	.logo img{
		height: 36px;
	}
	.butt > a {
		margin-left: 10px;
	}
	.menu{
		margin-left: 10px;
	}
	.bleft{
		left: 10px;
	}
	.bleft img{
		width: 30px;
	}
	.bright{
		right: 10px;
	}
	.bright img{
		width: 30px;
	}
	.banner .swiper {
		padding-bottom: 16px;
	}
	.news {
		margin-top: 16px;
		padding: 0 16px;
	}
	.news1{
		padding-top: 16px;
	}
	.news2{
		width: 100%;
	}
	.tjpro1 .news2{
		margin-left: 0;
	}
	.news3{
		font-size: 18px;
		line-height: 26px;
		padding-left: 0;
		text-align: center;
	}
	.news4 ul li{
		margin-top: 12px;
	}
	.news4 ul li a{
		font-size: 14px;
	}
	.news5 {
		margin-top: 20px;
		padding-right: 0;
		width: 100%;
	}
	.news6 {
		font-size: 18px;
	}
	.news6 a {
		font-size: 14px;
		line-height: 24px;
	}
	.news7 ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.news7{
		margin-top: 5px;
	}
	.news7 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.news7 ul li:nth-child(2n){
		margin-right: 0;
	}
	.news9 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 30px;
	}
	.news10 {
		font-size: 14px;
	}
	.news8 span {
		right: 12px;
		font-size: 14px;
		line-height: 24px;
	}
	.news11 {
		font-size: 14px;
	}
	.tjpro {
		margin-top: 30px;
		padding: 0 12px;
	}
	.tjpro2{
		margin-top: 0;
	}
	.cateloy{
		margin-top: 30px;
	}
	.cateloy1 {
		padding: 0;
		font-size: 20px;
		text-align: center;
	}
	.cateloy2{
		margin-top: 25px;
	}
	.cateloy2 ul li{
		width: 50%;
	}
	.cateloy3 {
		font-size: 36px;
		line-height: 40px;
	}
	.ins {
		padding: 20px 16px;
	}
	.ins1 {
		padding: 0;
		font-size: 20px;
		text-align: center;
	}
	.ins2{
		margin-top: 15px;
	}
	.ins2 ul li{
		margin-top: 10px;
		width: calc((100% - 10px)/2);
		margin-right: 10px;
	}
	.ins2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.footer1 {
		padding: 20px 16px;
		display: block;
	}
	.footer2{
		display: none;
	}
	.footer4 a {
		margin: 0 10px;
	}
	.footer4 a img {
		width: 30px;
	}
	.footer5 {
		margin-top: 20px;
	}
	.footer5 a {
		padding: 0 16px;
	}
	.footer5 a img:first-child {
		margin-right: 10px;
	}
	.footer5 a span{
		font-size: 16px;
	}
	.footer6 a {
		padding: 0 16px;
	}
	.footer6 a span {
		margin: 0 10px;
		flex: none;
	}
	.footer6 a code{
		font-size: 16px;
	}
	.footer5 a img{
		width: 30px;
	}
	.footer6 a img{
		width: 30px;
	}
	.footer7 a {
		margin: 0 3px;
		font-size: 12px;
		line-height: 50px;
	}
	.beian{
		padding: 10px 16px;
	}
	.beian1 img{
		height: 30px;
	}
	.beian2 {
		margin-top: 5px;
		font-size: 12px;
		line-height: 30px;
	}
	.menutc {
		height: calc(100vh - 80px);
		width: 100vw;
		padding: 10px 6px;
		right: -16px;
	}
	.logo{
		margin-top: 0;
	}
	.butt{
		height: 36px;
	}
	.menutc1a{
		height: 30px;
		font-size: 14px;
	}
	.menutc1b{
		height: 30px;
		font-size: 14px;
	}
	.menutc2{
		margin-top: 10px;
	}
	.menutc4 {
		margin-top: 6px;
		height: 36px;
		justify-content: space-between;
		padding: 0 10px;
		font-size: 16px;
	}
	.menutc6 {
		margin-top: 6px;
		height: 50px;
		padding: 0 10px 0 15px;
		font-size: 14px;
	}
	.menutc7 a {
		margin-top: 6px;
		padding: 0 10px 0 20px;
		height: 50px;
		font-size: 14px;
	}
	.menutc9 {
		margin-top: 20px;
	}
	.menutc10 {
		margin-top: 10px;
	}
	.rnpro{
		padding: 16px 16px 30px;
	}
	.address{
		padding: 0;
		display: block;
	}
	.address a{
		font-size: 12px;
		vertical-align: middle;
	}
	.address img{
		margin: 0 3px;
		vertical-align: middle;
	}
	.nitem{
		margin-top: 30px;
	}
	.rnpro2{
		display: none;
	}
	.npro3{
		width: 100%;
	}
	.page{
		margin-top: 30px;
	}
	.page a{
		width: 32px;
		height: 32px;
	}
	.evaluate{
		margin-top: 30px;
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 36px;
	}
	.evaluate a {
		width: 120px;
		height: 36px;
		line-height: 36px;
		font-size: 12px;
	}
	.evaluate1{
		display: block;
	}
	.evaluate3{
		margin-top: 20px;
		padding: 0;
		border: none;
	}
	.evaluate_tc2 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.evaluate_tc3 {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.evaluate_tc3a{
		margin-right: 10px;
	}
	.evaluate_tc3c{
		font-size: 14px;
	}
	.evaluate_tc4{
		margin-top: 16px;
	}
	.pdpro1 ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.pdpro1{
		margin-top: 5px;
	}
	.pdpro1 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.pdpro1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.nprode{
		margin-top: 30px;
	}
	.nprode1{
		width: 100%;
	}
	.nprode2{
		width: 100%;
		margin-top: 30px;
	}
	.evaluate3a{
		text-align: left;
	}
	.evaluate6e{
		font-size: 12px;
	}
	.nprode3 {
		font-size: 20px;
		line-height: 30px;
	}
	.nprode4 {
		font-size: 14px;
		line-height: 24px;
	}
	.nprode5 {
		font-size: 14px;
		line-height: 30px;
	}
	.nprode5 span {
		font-size: 18px;
		line-height: 30px;
	}
	.nprode6 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.nprode7 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.nprode8 {
		font-size: 14px;
		line-height: 24px;
	}
	.nprode9 span img{
		width: 120px !important;
	}
	.nprode10 span {
		margin-top: 12px;
		height: 36px;
		font-size: 14px;
		line-height: 36px;
	}
	.nprode13{
		margin-top: 25px;
	}
	.nprode13 a {
		height: 56px;
	}
	.nprode14 a {
		height: 56px;
	}
	.pdpro {
		margin-top: 30px;
		font-size: 20px;
	}
	.huat1 {
		margin-top: 20px;
		font-size: 20px;
	}
	.huat2{
		margin-top: 20px;
	}
	.huat2 a {
		height: 40px;
		font-size: 14px;
	}
	.huat3 ul li{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-top: 20px;
	}
	.huat3 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.huat3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.huat5 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 28px;
	}
	.huat6{
		font-size: 14px;
		line-height: 28px;
	}
	.huatDeta {
		margin-top: 30px;
		font-size: 20px;
		line-height: 30px;
	}
	.huatDeta1 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px;
	}
	.huatDeta2 {
		margin: 30px auto 0;
	}
	.about{
		padding: 30px 0;
	}
	.about2{
		font-size: 18px;
	}
	.about3 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 32px;
	}
	.about4 {
		margin-top: 30px;
	}
	.about5 {
		padding: 30px 0;
	}
	.about7{
		font-size: 18px;
	}
	.about8 {
		margin-top: 30px;
	}
	.about10 {
		padding: 16px 10px 16px 0;
		width: 120px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.5px;
	}
	.about11 {
		padding: 16px 0;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.5px;
	}
	.inGuide{
		padding: 0;
	}
	.inGuide1 {
	    margin-top: 25px;
	    font-size: 18px;
	}
	.inGuide2{
		margin-top: 0;
		flex-wrap: wrap;
	}
	.inGuide3{
		margin-top: 20px;
		width: calc((100% - 16px)/2);
	}
	.inGuide4 {
	    font-size: 16px;
	    line-height: 36px;
	}
	.inGuide5 {
	    padding: 10px 10px;
	}
	.inGuide5 a {
	    margin-top: 15px;
	}
	.inGuide6 {
	    margin-top: 25px;
	    padding: 0 16px;
	    font-size: 16px;
	    line-height: 50px;
	}
	.inGuide7 {
	    margin-top: 15px;
	    font-size: 15px;
	}
	.inGuide8 {
	    margin-top: 10px;
	    line-height: 28px;
	    letter-spacing: 1px;
	}
	.inGuide2.fixed {
		padding: 10px 16px;
	}
	.question{
		margin-top: 30px;
	}
	.question1 {
		font-size: 20px;
		line-height: 30px;
	}
	.question2{
		margin-top: 20px;
	}
	.question9{
		margin-top: 30px;
	}
	.question9 a {
		font-size: 16px;
		line-height: 50px;
	}
	.inContact3 {
	    margin-top: 20px;
	    font-size: 12px;
	    line-height: 20px;
	}
	.inContact11{
		margin-top: 30px;
	}
	.inContact8{
		margin-top: 20px;
		display: block;
	}
	.inContact9{
		margin-bottom: 10px;
		text-align: left;
	}
	.inContact10 input{
		flex: 1;
	}
	.inContact2 {
	    margin-top: 20px;
	    padding: 0;
	}
	.insear {
		margin-top: 30px;
		font-size: 20px;
		line-height: 20px;
	}
	.vipMess10{
		margin-top: 30px;
	}
	.design{
		margin-top: 30px;
	}
	.design1{
		width: 100%;
	}
	.design2 {
		font-size: 14px;
		line-height: 30px;
		letter-spacing: 1px;
	}
	.design3{
		margin-top: 20px;
	}
	.design4{
		width: 100%;
		margin-top: 30px;
	}
	.design5 {
		border: 5px solid #D5C5B7;
		padding: 15px 15px;
	}
	.design6 {
		margin-top: 15px;
		display: block;
	}
	.design7{
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
	}
	.design11 input {
		width: 120px;
		padding: 0 5px;
	}
	.design11 select {
		width: 120px;
		padding: 0 5px;
	}
	.design14 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px;
		letter-spacing: 1px;
	}
	.login1{
		display: block;
	}
	.login2{
		width: 100%;
	}
	.nlog1{
		display: block;
	}
	.nlog2{
		width: 100%;
		text-align: left;
	}
	.nlog3{
		text-align: left;
	}
	.lTitle {
		font-size: 20px;
		line-height: 30px;
		padding: 0 0 20px;
	}
	.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;
	}
	.my{
		padding: 30px 0;
	}
	.myRight4 {
		margin-top: 30px;
	}
	.inCollect ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		padding: 10px;
	}
	.inCollect ul li:nth-child(2n){
		margin-right: 0;
	}
	.wap{
		display: block;
	}
	.pc{
		display: none;
	}
	.record10{
		text-align: left;
	}
	.overx{
		overflow-x: scroll;
	}
	.counpData{
		width: 920px;
	}
	.hrll {
		margin-top: 30px;
		padding: 0;
	}
	.record6c{
		margin-top: 10px;
	}
	.counpData{
		width: 920px;
	}
	.login5{
		display: block;
	}
	.login6 {
		width: 100%;
		text-align: left;
		padding: 0 6px;
		letter-spacing: 0.3px;
	}
	.login8 input {
		width: 124px;
		height: 32px;
	}
	.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;
	}
	.orwidth{
		width: 100%;
	}
	.incart9c code{
		margin-left: 0;
	}
	
	.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;
	}
	.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;
	}
	.counpon4b input{
		height: 34px;
	}
	.norder9_d{
		display: block;
	}
	.norder9e{
		display: block;
	}
	.chechose{
		position: absolute;
		left: 5px;
		top: 5px;
		transform: translateY(0);
	}
	.incart7{
		padding-top: 24px;
	}
	.goTop {
        right: 10px;
        bottom: 36px;
    }
    .goTop img{
        width: 40px;
    }
    .menutc9 a{
        margin: 0 14px;
    }
    .menutc9 a img {
        width: 24px;
    }
    .menutc10 a {
        margin: 0px 4px;
        font-size: 12px;
    }
	
}
/** 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){}
/*******************************************************************/