@media screen and (min-width: 768px){
	.banner{ width: 100%; height: 450px; background: url(../img/solution/chain/banner.jpg) center center no-repeat;overflow: hidden;}
	.floor-box-inner{ width:1200px; margin: 50px auto 20px; overflow: hidden;} 
	.floor-tit{font-size: 36px; color: #333; text-align: center;font-weight: bold;} 
	.f1-box{ position: relative; background: url(../img/solution/chain/tdian.png) center center no-repeat; height: 436px; margin: 60px auto; cursor: pointer;} 
	.f1-box .tit{ font-size: 20px; color: #f65d15; margin-bottom: 10px; } 
	.f1-box .desc{ color: #666; width:272px; height:37px; font-size:15px;font-weight:400; line-height:20px; } 
	.f1-item1{ position: absolute; top: 10%; left: 4%; } 
	.f1-item2{ position: absolute; top: 10%; right: 4%; } 
	.f1-item3{ position: absolute; bottom: 13%; left: 4%; } 
	.f1-item4{ position: absolute; bottom: 13%; right: 4%; } 
	.f2,.f4{ background: #F3F4F9;overflow: hidden;padding: 60px 0px;} 
	.f2{padding: 60px 0px 0px;}
	.f2 .floor-box-inner,.f4 .floor-box-inner{width: 1200px;overflow: hidden;margin: 30px auto 0rem;}
	.f2 .floor-box-inner img,.f4 .floor-box-inner img{width: 100%;}
	.f3-box{ padding:0 40px;margin-top: 50px;} 
	.f3-item:nth-child(3n){ margin-right: 0; } 
	.f3-item{ width:302px;background:rgba(255,255,255,1);box-sizing: border-box; padding:50px; box-shadow: 0 0 25px rgba(246,92,20,.1); margin-right: 103px; margin-bottom: 52px; float: left;cursor: pointer;} 
	.f3-item:hover{box-shadow: 0 0 25px rgba(246,92,20,.2);}
	.f3-item .tit{ margin: 0 auto; height:20px; font-size:20px;font-weight:400; color:#F65C14; line-height:20px; text-align: center; margin-bottom: 10px; } 
	.f3-item .desc{ margin: 20px auto 0px; width:208px; height: 60px; font-weight:400; color:rgba(102,102,102,1); line-height:24px;font-size: 14px;} 
	.f4{background: #F3F4F9 url(../img/solution/chain/lsuo_bg.png) center center no-repeat;position: relative;} 
	.f4-btn{ cursor: pointer; width:369px; height:55px; line-height:55px; background:#5271FF;border-radius:6px; text-align: center; color: #fff; font-size: 20px;margin: 30px auto 0px;display: block;}
}
@media screen and (max-width: 768px){
	.banner{ width: 100%;background: url(../img/solution/chain/mbanner.jpg) center center no-repeat;overflow: hidden;background-size: cover;padding: 3.6rem 0rem;height: 16rem;}
	.f1,.f3{width:98%; margin: 2rem auto; overflow: hidden;} 
	.floor-tit{font-size: 1.2rem; color: #333; text-align: center;font-weight: bold;} 
	.f1-box{width: 100%; background: url(../img/solution/chain/tdian.png) center center no-repeat; cursor: pointer;background-size: 100%;overflow: hidden;margin: 0.5rem auto 0rem;} 
	.f1-box div{width: 40%;float: left;overflow: hidden;text-align: center;}
	.f1-box div:nth-child(2n){float: right;}
	.f1-box .tit{ font-size: 0.9rem; color: #f65d15; margin-bottom: 0.4rem; } 
	.f1-box .desc{color: #666; font-size: 0.7rem;line-height: 1rem; } 
	.f1-item1,.f1-item3{margin-bottom: 2rem;} 
	.f2,.f4{width: 100%;background: #F3F4F9;overflow: hidden;padding: 2rem 0rem;} 
	.f2 .floor-box-inner,.f4 .floor-box-inner{width: 100%;overflow: hidden;margin: 0.5rem auto 0rem;} 
	.f2 .floor-box-inner img,.f4 .floor-box-inner img{width: 100%;}
	.f3 .f3-box{width: 100%;margin: 0.5rem auto 0rem;overflow: hidden;} 
	.f3 .f3-box .f3-item{width:40%;background:#fff; padding:4%; box-shadow: 0 0 10px rgba(246,92,20,.1);float: left;cursor: pointer;margin: 0.4rem 0rem 0rem;} 
	.f3 .f3-box .f3-item:nth-child(2n){float: right;}
	.f3 .f3-box .f3-item .tit{font-size:0.8rem;color:#F65C14; text-align: center;margin-bottom: 0.4rem;font-weight:bold;} 
	.f3 .f3-box .f3-item .desc{color:#666; line-height:1rem;font-size: 0.7rem;} 
	.f4{background: #F3F4F9 url(../img/solution/chain/lsuo_bg.png) center center no-repeat;background-size: cover;} 
	.f4 .floor-tit{color: #fff;}
	.f4-btn{ cursor: pointer;width:12rem; height:2.2rem; line-height:2.2rem; background: #5271FF;  border-radius:6px; text-align: center; color: #fff; font-size: 0.8rem;display: block;margin: 0.5rem auto 0rem;}
}