html, body {
      position: relative;
      height: 100%;
    }
    body {
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 90%;
      height: 82%;
	  top:15%;
	  background:#fffcf6;
    }
    .swiper-slide {
	
      text-align: center;
	font-family:"微软雅黑"
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	
	.swiper-slide h3{width:88%; left:6%; height:48px; line-height:48px; position:absolute;text-align:center; bottom:6px;  color: #381b08; font-size: 34px;font-weight:300; }
	.swiper-slide .duty{width:88%; height:88%; position:absolute; top:10px; left:6%;}
	.swiper-slide .duty img{ max-width:120%; max-height:100%;}
	
	.box{width: 100%; height: 100%; position: fixed; top: 0; left: 0;background: rgba(0,0,0,0.6); display: table; text-align: center;z-index:9999;}
	.img{width: 70%; position: absolute; top:2%; left: 15%; height: 96%; overflow-y: scroll; display: table-cell; vertical-align: middle;}
	.img img{width: 100%;height: auto;}
	.box i{position: absolute; top: 50px; right: 80px;}