@charset "utf-8";
*{ margin: 0; padding:0;}
			/*设置一个和谐宽度值，不让其大小超过这个宽度值*/
ul{ list-style: none;}
a{ text-decoration: none;}
body{ font-family: "微软雅黑"; font-size: .2rem;}
img{ border:none;width:100%;}
.container{ max-width: 1125px; margin: 0 auto;}
.fixed-bot{ max-width: 1125px;}
.clearfix{ zoom:1}
.clearfix:after{ 
	content: ".";
	font-size: 0;
	height: 0;
	display: block;
	clear: both;

}
body{ font-family: "微软雅黑"; font-size: .2rem; overflow-x: hidden; font-size: .14rem;}
.video{position: relative;
  height: 190px;
  width: 100%;}
.video-box{position: absolute;
  width: 80%;
  background: #fff;
  margin: auto 10%;
  border-radius: 10px;
  bottom: 8%;
  box-shadow: 0 0.04rem 0.27rem 0 rgba(76, 140, 255, 0.18);}
  .video-box iframe{border-radius: 0.2rem;}
.warp{margin: auto .2rem;}
.warp h2{
      font-size: 0.5rem;
    text-align: center;
  margin: 0.4rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3F3939;
}
.test{display: flex;flex-wrap: wrap;
    justify-content: space-between;}
.test .box{width: 48%;
  position: relative;
  border-radius: .2rem;
  margin: .3rem auto .6rem;
  padding: .2rem;}
.test .box div{width: 1rem;height: 1rem;border-radius: 50%;background: #fff;display: flex;position: absolute;top: -.5rem;left: 33%;justify-content: center;align-items: center;}
.test .box div img{width: .6rem;height: .6rem;}
.test .box h3{
margin-top: .6rem;font-size: .35rem;line-height: .6rem;font-weight: bold;
}
.test .box p{
    font-size: .24rem;line-height: .4rem;
}
.test .box:nth-child(1){
    background-color: #C8FAE9;
}
.test .box:nth-child(2){
    background-color: #fcd2c9;
}
.test .box:nth-child(3){
    background-color: #fdf7c0;
}
.test .box:nth-child(4){
    background-color: rgb(200, 236, 253);
}
.warp.bwie{
    background: #1F437D;margin: 0;padding: .4rem .2rem;
}
.warp.bwie h2{
    color: #fff;
}