@charset "utf-8";
/* CSS Document */

.o2o-banner{
	background-image: url(../images/o2o/banner-bg.jpg);
	
}

.cont1{
	width: 16rem;
	height: 24.92rem;
	overflow: hidden;
	background-color: #F4F8FF;
	position: relative;
}
.cont1 .swiper-container{
	width: 100%;
	height: 17.92rem;
}
.cont1 .cont1-box{
	width: 12.59rem;
	height: 16.64rem;
	background-color: #fff;
	border-radius: 0.43rem 0.43rem 0 0;
	margin: 1.28rem auto 0;
	overflow: hidden;
	box-shadow:0rem -0.48rem 0.64rem 0rem rgba(0,93,207,0.1);
}
.cont1 .cont1-box2{
	width: 12.16rem;
	height: 16.43rem;
	margin: 0.21rem 0.21rem 0;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.36rem 0.36rem 0 0;
}
.cont1 .cont1-bg01{
	background-image: url(../images/o2o/cont1-bg01.jpg);
}
.cont1 .cont1-bg02{
	background-image: url(../images/o2o/cont1-bg02.jpg);
}
.cont1 .cont1-bg03{
	background-image: url(../images/o2o/cont1-bg03.jpg);
}
.cont1 .box-title{
	color: #39BDFF;
	font-size: 0.72rem;
	font-weight: bold;
	text-align: center;
	margin-top: 1.39rem;
} 
.cont1 .box-img img{
	display: block;
	margin: 1.48rem auto 0;
	height: 3.69rem;
}
.cont1 .box-title2{
	color: #fff;
	font-size: 0.51rem;
	text-align: center;
	font-weight: bold;
	margin-top: 1rem;
}
.cont1 .cont1-box .fgx{
	width: 3.41rem;
	height: 0.04rem;
	background-color: rgba(255,255,255,0.5);
	margin: 0.72rem auto 0;
}
.cont1 .box-p{
	font-size: 0.47rem;
	color: #fff;
	line-height: 0.84rem;
	width: 10rem;
	height: auto;
	margin: 0.72rem auto 0;
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom:0.32rem;
	width: 100%;
	z-index: 10;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  margin: 0 0.22rem;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.cont2{
	width: 16rem;
	height: auto;
	overflow: hidden;
	background-image: url(../images/o2o/cont-bg.jpg);
	background-position:top center;
	background-size:100%;
	background-repeat: no-repeat;
	background-color:  #F4F8FF;
}
.cont2-img01{
	display: block;
	width: 12.29rem;
	margin: 2rem auto -1rem;
}
.cont2-list{
	width: 100%;
	height: auto;
	margin-bottom: 2.15rem;
}
.cont2-list .list{
	width: 14.72rem;
	height: 3.84rem;
	margin: 0.85rem auto 0;
	position: relative;
}
.cont2-list .list01 .circle{
	position: absolute;
	z-index: 10;
	left: 0;
}
.cont2-list .list02 .circle{
	position: absolute;
	z-index: 10;
	right: 0;
}
.cont2-list .list01 .box{
	position: absolute;
	z-index: 9;
	right: 0;
	width: 9.64rem;
	padding-left: 3.16rem;
}

.cont2-list .list02 .box{
	position: absolute;
	z-index: 9;
	left: 0;
	width: 11.56rem;
	padding-left: 1.24rem;
}
.cont2-list .list .circle{
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	border: 0.22rem solid #3388FF;
	overflow: hidden;
}
.cont2-list .list .circle img{
	display: block;
	width: 3.4rem;
	border-radius: 50%;
}
.cont2-list .list .box{
	border-radius: 0.21rem;
	background-color: #fff;
	overflow: hidden;
	height: 3.4rem;
	top: 0.22rem;
	box-shadow:0rem 0.32rem 0.48rem 0rem rgba(0,9,62,0.1);
}

.cont2-list .list .box .p1{
	font-size: 0.51rem;
	font-weight: bold;
	color: #434A54;
	margin-top: 0.6rem;
}

.cont2-list .list .box .p2{
	width: 9rem;
	height: auto;
	font-size: 0.47rem;
	color: #82939E;
	line-height: 0.76rem;
	margin-top: 0.28rem;
}
.cont3{
	width: 16rem;
	height: auto;
	overflow: hidden;
	background-image: url(../images/o2o/cont-bg.jpg);
	background-position:top center;
	background-size:100%;
	background-repeat: no-repeat;
	background-color:  #F4F8FF;
}
.cont4-img01{
	display: block;
	width: 13.5rem;
	margin: 2rem auto -1rem;
}
.cont5-img01{
	display: block;
	width: 14.2rem;
	margin: 2rem auto 2.15rem;
}

.cont4{
	width: 16rem;
	height: auto;
	overflow: hidden;
	background-image: url(../images/o2o/cont-bg.jpg);
	background-position:top center;
	background-size:100%;
	background-repeat: no-repeat;
	background-color:  #F4F8FF;
}
.cont6-img01{
	display: block;
	width: 14rem;
	margin: 2rem auto -1rem;
}
.cont7-img01{
	display: block;
	width: 13.5rem;
	margin: 2rem auto 2.15rem;
}