@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) {
	
	.top{
		font-size: 12px;
	}
	.search{
		display: none;
	}
	.header2>a{
		display: none;
	}
	.language{
		display: none;
	}
	.nav{
		display: none;
	}
	.logo img{
		height: 34px;
		margin-right: 3px;
		width: auto;
	}
	.login a {
		width: 92px;
		font-size: 12px;
	}
	.nav_m{
		display: block;
	}
	.person code{
		display: none;
	}
	.sv_mess{
		right: 10px;
	}
	.goTop{
		right: 10px;
	}
	.pc{
		display: none !important;
	}
	.wap{
		display: block !important;
	}
	.banner3{
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
	}
	.banner4{
		font-size: 12px;
		color: #FFFFFF;
		line-height: 24px;
		text-align: center;
	}
	.banner5{
		margin-top: 10px;
	}
	.banner5 a {
		margin: 0 auto;
		width: 88px;
		height: 30px;
		border: 1px solid #fff;
		line-height: 28px;
		font-size: 12px;
		color: #fff;
	}
	.banner2 {
		top: auto;
		bottom: 32px;
		transform: translate(-50%,0);
	}
	.spec{
		padding: 30px 0;
	}
	.spec1{
		font-size: 16px;
	}
	.spec2 ul li{
		margin-top: 24px;
		width: calc((100% - 13px)/2);
		margin-right: 13px;
	}
	.spec2 ul li:nth-child(1){
		margin-top: 0;
	}
	.spec2 ul li:nth-child(2){
		margin-top: 0;
	}
	.spec2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.spec6{
		font-size: 14px;
		line-height: 22px;
	}
	.hotPro{
		padding: 14px 0 24px;
	}
	.hotPro4{
		height: 255px;
	}
	.h_left {
		display: inline-flex;
		position: relative;
		align-items: center;
		justify-content: center;
		left: auto;
		top: auto;
		transform: translateY(0);
		margin-right: 10px;
		width: 28px;
		height: 28px;
	}
	.h_left{
	}
	.h_right {
		display: inline-flex;
		position: relative;
		align-items: center;
		justify-content: center;
		right: auto;
		top: auto;
		transform: translateY(0);
		width: 28px;
		height: 28px;
	}
	.h_right{
	}
	.hotPro5{
		font-size: 14px;
		line-height: 22px;
	}
	.hotPro6 span{
		font-size: 16px;
	}
	.quality{
		padding: 24px 0 68px;
	}
	.quality2{
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
	.quality2 img{
		width: 96px;
		margin-right: 19px;
	}
	.quality3{
		display: block;
		margin-top: 10px;
	}
	.quality4{
		width: 100%;
		font-size: 12px;
		line-height: 24px;
	}
	.quality5{
		margin-top: 6px;
		text-align: right;
	}
	.quality5 a{
		display: inline-block;
		font-size: 12px;
		padding-bottom: 6px;
	}
	.footer{
		padding: 19px 0 16px;
	}
	.footer1{
		text-align: center;
	}
	.footer1 img{
		height: 36px;
	}
	.footer2{
		display: block;
	}
	.footer3a{
		font-size: 12px;
		text-align: center;
	}
	.footer3b{
		margin-top: 16px;
	}
	.footer3b a{
		margin: 0 auto;
	}
	.footer3c{
		font-size: 12px;
		text-align: center;
	}
	.footer4{
		display: none;
	}
	.footer5{
		display: none;
	}
	.login_close{
		width: 24px;
	}
	.login_tc2{
		padding: 32px 20px;
	}
	.login_tc3 img{
		height: 36px;
	}
	.login_tc4{
		margin-top: 16px;
		font-size: 16px;
	}
	.login_tc5{
		margin-top: 10px;
		padding: 10px 16px;
	}
	.login_tc7 input{
		height: 32px;
	}
	.login_tc12 a{
		margin: 0 5px;
	}
	.register_tc1{
		font-size: 16px;
	}
	.register_tc2{
		margin-top: 10px;
		font-size: 16px;
	}
	.login_tc7 a {
		top: 4px;
		width: 96px;
		height: 24px;
		font-size: 12px;
		line-height: 22px;
	}
	.pro_left{
		width: 100%;
	}
	.pro_right{
		width: 100%;
		padding-right: 0;
	}
	.pro_right1{
		margin-top: 15px;
		font-size: 16px;
	}
	.pro_right2{
		margin-top: 0;
		font-size: 12px;
	}
	.pro_right3{
		font-size: 14px;
	}
	.pro_right4{
		font-size: 14px;
	}
	.pro_right4>span{
		font-size: 20px;
	}
	.pro_right4 code{
		font-size: 12px;
	}
	.pro_right4a{
		font-size: 14px;
	}
	.pro_right4d{
		left: auto;
		right: 50%;
	}
	.pro_right5{
		margin-top: 10px;
		font-size: 14px;
	}
	.pro_right6 span{
		font-size: 12px;
	}
	.pro_right6 code{
		font-size: 12px;
	}
	.pro_right8 span{
		width: 83px;
		margin-right: 4px;
		padding: 10px 5px;
	}
	.pro_right9b a{
		width: 100%;
		font-size: 18px;
	}
	.pro_right9b input{
		width: 100%;
		margin-top: 13px;
		margin-left: 0;
		font-size: 18px;
	}
	.proDeta2{
		padding-bottom: 10px;
	}
	.proDeta3{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.proDeta{
		padding-bottom: 50px;
	}
	.pro_title{
		font-size: 18px;
		padding-bottom: 10px;
	}
	.pro_chose{
		margin-top: 20px;
	}
	.pro_list ul li{
		list-style-type: none;
		float: left;
		width: calc((100% - 17px)/2);
		margin: 20px 17px 0 0;
	}
	.pro_list ul li:nth-child(5n){
		margin-right: 17px;
	}
	.pro_list ul li:nth-child(2n){
		margin-right: 0;
	}
	.page{
		margin-top: 30px;
	}
	.guide{
		font-size: 18px;
	}
	.guide1{
		margin-top: 24px;
	}
	.guide1 .swiper{
		height: auto;
		padding-bottom: 40px;
	}
	.guide2 {
		height: 45px;
		border-radius: 20px;
		font-size: 12px;
		line-height: 43px;
	}
	.guide1 .swiper .swiper-slide{
		height: auto;
	}
	.guide3{
		margin-top: 24px;
		padding-bottom: 24px;
		font-size: 14px;
		line-height: 28px;
	}
	.company1{
		margin-top: 20px;
		font-size: 16px;
		line-height: 28px;
	}
	.company1 img{
		height: 32px;
		margin-right: 12px;
	}
	.company3{
		margin-top: 24px;
		padding: 10px 12px 20px;
	}
	.company4{
		margin-top: 12px;
	}
	.company4a {
		width: 86px;
		margin-right: 10px;
		font-size: 14px;
		line-height: 28px;
		padding-left: 10px;
	}
	.company4b {
		font-size: 12px;
		line-height: 28px;
		padding-bottom: 16px;
	}
	.company5 {
		margin-top: 20px;
		font-size: 16px;
	}
	.question2 {
		padding: 0 20px 0 20px;
		height: 70px;
	}
	.question2 span{
		font-size: 14px;
	}
	.question2 code{
		margin-left: 10px;
	}
	.question3{
		padding: 0 20px 20px 50px;
	}
	.news{
		font-size: 16px;
	}
	.news1{
		margin-top: 24px;
		padding-bottom: 25px;
	}
	.news1 a {
		width: auto;
		height: 32px;
		border-radius: 16px;
		line-height: 30px;
		font-size: 14px;
		padding: 0 10px;
	}
	.news2 ul li{
		margin-top: 30px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.news2 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.news2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.news5{
		font-size: 14px;
	}
	.newsDeta1 {
		margin-top: 24px;
		padding-bottom: 24px;
		font-size: 14px;
		line-height: 28px;
	}
	.newsDeta2 {
		margin-top: 20px;
		padding: 0 16px;
	}
	.consult{
		margin-top: 30px;
	}
	.consult2{
		margin-top: 15px;
	}
	.consult4{
		margin-top: 0;
		display: block;
	}
	.consult4 input{
		width: 100%;
		margin-top: 10px;
	}
	.mine{
		margin-top: 0;
	}
	.mine a{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		font-size: 16px;
		height: 50px;
	}
	.mine a img{
		max-width: 24px;
	}
	/* .mine1{
		overflow-x: scroll;
	}
	.mine1_d{
		width: 1200px;
	} */
	.order{
		margin-top: 30px;
		overflow-x: scroll;
	}
	.order_d{
		width: 1200px;
	}
	.consult7{
		display: block;
	}
	.consult7 span{
		width: 100%;
		margin-top: 10px;
	}
	.consult4 select{
		width: 100%;
	}
	.level{
		margin-top: 20px;
		display: block;
	}
	.level1{
		margin: 0 auto;
	}
	.level2{
		margin-top: 20px;
		width: 100%;
	}
	.level3{
		font-size: 16px;
	}
	.cart{
		margin-top: 24px;
	}
	.cart1{
		margin-top: 30px;
		overflow-x: scroll;
	}
	.cart_d{
		width: 1200px;
	}
	.procedure{
		margin-top: 14px;
	}
	.procedure_left{
		width: 100%;
	}
	.procedure_left1 {
		padding: 11px 16px 15px;
		margin-bottom: 24px;
	}
	.pWidth{
		width: 100%;
	}
	.payLeft9 .pWidth1{
		display: none;
	}
	.payLeft9 .pWidth2{
		display: none;
	}
	.payLeft10 .pWidth1{
		width: auto;
		border: none;
		height: auto;
		margin-left: 16px;
	}
	.payLeft10 .pWidth2{
		width: auto;
		border: none;
		height: auto;
		margin-right: 16px;
	}
	.procedure_right{
		width: 100%;
	}
	.payLeft10 span{
		display: inline-block;
	}
	.payLeft10{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-bottom: 16px;
	}
	.newLeft{
	    display: none;
	}
	.newRight{
	    width: 100%;
	}
	.newMain{
	    height: auto;
	    padding-top: 0;
	}
	.top {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }
	.header {
	    padding: 10px 0;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        height: auto;
    }
    .newFoot{
        display: block;
        height: auto;
        padding: 16px 0;
        line-height: 38px;
    }
	.newFoot a{
	    padding: 0 10px;
	}
	.newFoot1 img{
		height: 56px;
	}
	.mine1 ul li{
		height: 100%;
		width: 100%;
		padding: 16px;
	}
	.mine6 a{
		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){}
/*******************************************************************/


