@media (max-width:1300px){
	.b2b-yxlc .brief li span{
		padding: .2rem 20%;
	}
	.b2b-khal .swipe p{
		width: 58%;
	}
	.b2b-yycj .demolink a,
	.b2b-yycj .demolink button{
		width: 1.15rem;
	}
}

@media (max-width:1100px){
	.b2b .banner ul{
		width: 90%;
		margin:0 5%;
		position: relative;
		display: flex;
	}
	.b2b .banner ul::before,
	.b2b .banner ul::after {
		content: '';
		width: 100%;
		height: .5rem;
		border-top-left-radius: .2rem;
		border-bottom-right-radius: .2rem;
		background: rgba(44, 81, 197, .1);
		position: absolute;
		left: 0;
		z-index: 1;
	}
	
	.b2b .banner ul::after {
		left: .06rem;
		top: .06rem;
	}
	.b2b .banner li{
		margin:0;
		padding:0;
		flex:auto;
		top:0;
	}
	.b2b .banner li::after{
		width: 95%;
		height: .1rem;
		background:none;
		border-right: 1px solid rgba(255,255,255,.7);
		border-radius: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.b2b .banner li::before,
	.b2b .banner li:last-child::after{
		display: none;
	}
	
	
	.b2b-yycj li p {
		font-size: .16rem;
	}
	.b2b-yxtd::before{
		left: 50%;
	}
	.b2b-yxtd li{
		width: 50%;
		margin: 0 0 .2rem 10%;
	}
	.b2b-yxlc .brief li span{
		padding: .2rem 15%;
	}
	.b2b-khal .swipe p{
		width: 50%;
	}
	.b2b-yycj .demolink a,
	.b2b-yycj .demolink button{
		width: 1rem;
	}
}

@media (max-width:1000px){
	.b2b-yycj li p {
		font-size: .14rem;
	}
	.b2b-yycj .demolink a,
	.b2b-yycj .demolink button{
		width: .8rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .14rem;
	}
}
@media (max-width:900px){
	.b2b .section {
		padding: 1.05rem .3rem 0;
	}
	.b2b-yycj ul,
	.b2b-yxtd ul,
	.b2b-yxlc .brief,
	.b2b-yxlc .content,
	.b2b-khal .swipe{
		max-width: inherit;
	}
	.b2b-yycj li p {
		font-size: .18rem;
	}
	.b2b-yxtd{
		min-height: 8rem;
	}
	.b2b-yxtd::before{
		left: calc(50% - 1.3rem);
	}
	.b2b-yxlc .brief li span{
		padding: .2rem 18%;
	}
	.b2b-yxlc .tabs{
		width: 2.5rem;
	}
	.b2b-yxlc .tabs li{
		height: .6rem;
		line-height: .6rem;
	}
	.b2b-yxlc .contactus{
		left: 3.5rem;
	}
	.b2b-khal .swipe p{
		width: 62%;
	}
	.b2b-khal .swipe .count{
		width: 2.5rem;
	}
	.b2b-yycj .demolink a,
	.b2b-yycj .demolink button{
		width: 1.4rem;
		height: .45rem;
		line-height: .45rem;
		font-size: .16rem;
		border-width: 1px;
	}
	
}

@media (max-width:750px){
	.b2b .banner{
		height: 3.6rem;
	}
	.b2b .banner h1{
		padding-top: 1rem;
		font-size: .5rem;
	}
	.b2b .banner .contactus{
		display: none;
	}
	.b2b .banner h2 {
		width: 5.5rem;
	}
	.b2b .section {
		padding: 1.05rem 0 0;
	}
	.b2b-yycj ul{
		display: block;
	}
	.b2b-yycj ul li{
		with: 100%;
	}
	
	.b2b-yycj li {
		height: 4rem;
		padding-top: .8rem!important;
		padding-left: 1rem;
	}
	.b2b-yycj li h5,
	.b2b-yycj li p{
		text-align: left;
		line-height: .4rem;
	}
	.b2b-yycj li p{
		font-size: .24rem;
	}
	.b2b-yycj li h5{
		font-size: .4rem;
	}
	.b2b-yycj li .demolink{
		padding: .5rem 0 0;
		opacity: 1;
	}
	.b2b-yycj li .demolink p{
		width: auto;
		float:left;
		vertical-align: bottom;
		margin:.1rem .35rem 0 0;
	}
	.b2b-yycj li .demolink a,
	.b2b-yycj li .demolink button{
		width: auto;
		padding: 0 .2rem;
		float:left;
		margin-top:0;
		border-width: 1px;
		height: .6rem;
		line-height: .6rem;
		font-size: .26rem;
	}
	.b2b-yycj li::before{
		left: auto;
		top: .3rem;
		right: 0;
		transform: scale(1.8);
	}
	.b2b-yycj li:nth-child(2){
		padding-left: 46%;
	}
	.b2b-yycj li:nth-child(2)::before{
		left: 0;
		right: auto;
		bottom: .3rem;
	}
	.b2b-yycj li:after{
		display: none!important;
	}
	
	.b2b-yxtd{
		background: left center no-repeat url(../../images/solution/b2b/b2b-yxtd2.png);
		background-size: 4.59rem 6.96rem;
	}
	.b2b-yxtd::before{
		display: none;
		
	}
	.b2b-yxtd li{
		width: 80%;
		margin: 0 0 .2rem 10%;
		float:left;
	}
	
	.b2b-yxlc .brief li{
		width: calc(50% - .4rem);
		margin:0 0 .3rem .3rem;
	}
	.b2b-yxlc .brief li span{
		padding:0;
		line-height: .9rem;
		text-align: center;
	}
	
	.b2b-yxlc .tabs,
	.b2b-yxlc .contactus{
		display: none;
	}
	.b2b-yxlc .content{
		padding: .66rem 0;
	}
	.b2b-yxlc .list{
		width: 72%;
	}
	.b2b-yxlc .list li{
		padding-bottom: .7rem;
		position: relative;
		opacity: 1;
	}
	.b2b-yxlc .list li:last-child{
		padding-bottom: 0;
	}
	.b2b-yxlc .list h5{
		padding: 0 0 .3rem;
		font-size: .34rem;
	}
	.b2b-yxlc .list h5::before{
		content: '';
		width: .1rem;
		height: .35rem;
		border-left: 3px solid #fff;
		position: absolute;
		left: -.3rem;
		top: .08rem;
	}
	.b2b-yxlc .list p{
		font-size: .28rem;
	}
	.b2b-yxlc .list::before{
		content: '';
		width: .1rem;
		height: 100%;
		border-left: 1px solid rgba(255,255,255,.4);
		position: absolute;
		left: -.29rem;
		top: .08rem;
	}
	.b2b-khal .swipe li{
		height: 4.2rem;
	}
	.b2b-khal .swipe p{
		width: 84%;
		padding: 0;
		margin: 0 0 0 8%;
		line-height: .5rem;
		top: .6rem;
		transform: translateY(0);
		font-size: .22rem;
	}
	.b2b-khal .swipe .count span{
		font-size: .18rem;
	}
	.b2b-khal .swipe p::after{
		display: none;
	}
	.b2b-khal .swipe .count{
		width: 3rem;
		float:left;
		margin: 1.4rem .2rem 0 8%;
	}
	.b2b-khal .swipe .slidebtn{
		left: calc(50% - .15rem);
	}
	.b2b-dzfa h3{
		font-size: .35rem;
	}
	.b2b-yxtd li h5{
		font-size: .3rem;
	}
	.b2b-yxtd li p{
		font-size: .22rem;
	}
	.b2b-yxlc .brief li span{
		font-size: .26rem;
	}
	.b2b .banner h2{
		letter-spacing: .04rem\0;
	}
	
	.b2b-dzfa,
	.b2b .banner .contactus{
		display: none;
	}
}

@media (max-width:500px){
	.b2b-khal .swipe .count{
		width: calc(40% - .1rem);
		float:left;
		margin: 1.6rem .2rem 0 8%;
	}
	.b2b-yxlc .brief li span{
		padding:.15rem 10% 0;
		line-height: .3rem;
	}
	.b2b-yycj li:nth-child(2){
		padding-left: 1rem;
	}
}