.mpage_5 {
    width: 1168px;
    margin-bottom: 60px;
    margin-left: calc((100% - 1168px) / 2);
    overflow: hidden;
}
.mpage_6 {
    position: relative;    
}
.mpage_6 li {
    position:absolute;
    left: 36px;
    bottom: 60px;
    font-size: 18px;
    color: #FFFFFF;
    z-index: 16;
}
.mpage_6 span {
    position:absolute;
    left: 36px;
    bottom: 35px;
    font-size: 14px;
    color: #FFFFFF;
    z-index: 16;
}
@media screen and (max-width: 1180px) {
.mpage_5 {
    width:calc(100% - 20px);
    margin-bottom: 60px;
    margin-left: 10px;
    overflow: hidden;
}
}  
.swiper-2-group .swiper-slide {
    text-align: center;
    background:none;
    /* 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;
    }
.mpage_6 div {
	position: relative;
	overflow: hidden;
  }
.mpage_6 div:after{
	content: "";
	position: absolute;
	left: 0%;
	width: 1px;
	top: 0%;
	height:100%;
	background: #c9c9c9 no-repeat center;
	overflow: hidden;
	z-index:20;/*要大于.mpage_6 img的值*/
}
.swiper-2-group .swiper-slide:nth-child(1) .mpage_6 div:after{
	display: none;
}
.mpage_6 img {/* 浏览器宽度变化时img等比缩放，若设置.swiper-container固定宽度则无效 */
  float: left;	
  display: block;
  border: none;
  transform:scale(1);
  transform-origin: 0 0;/*设置0 0则border不随hover scale*/
  max-width:100%;
  height:auto;
  vertical-align: middle;/*div非固定宽度时设置此参数则img scale时不会超出div */
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  overflow: hidden;  
  z-index: 15;
  }
.mpage_6 img:hover {
    transform:scale(1.1);
    transform-origin: 0 0;
    overflow: hidden;
}
.swiper-2-group-btn {
    float: left;
    display: block;
    position: relative;
    margin-top:60px;
    margin-bottom: 60px;
    color: #2b2b2b;
    width:336px;
    margin-left: calc((100% - 336px) / 2);
    z-index: 10086;
}
@media screen and (min-width: 851px) and (max-width: 1180px) {
.mpage_5 {
    margin-bottom: 30px;
}    
.swiper-2-group-btn {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 850px) {
.mpage_5 {
    margin-bottom: 15px;
}
.mpage_6 img:hover {
    transform:scale(1.0);
}    
.swiper-2-group-btn {
    margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
.mpage_6 div:after{
	display: none;
}
}
.swiper-2-group-btn .swiper-button-prev span {
    display: block;
    padding-left: 20px;
    background:url(/style/images/18_13_l.png) no-repeat left;
}
.swiper-2-group-btn .swiper-button-next span {
    display: block;
    padding-right: 20px;
    background:url(/style/images/18_13_r.png) no-repeat right;
}
.swiper-2-group-btn .swiper-button-prev,.swiper-2-group-btn .swiper-button-next {
    float: left;
    display:block;
    width: 148px;
    height: 36px;
    line-height: 34px;
    text-align: center; 
    background: none;
    border:1px #2b2b2b solid;
    box-sizing: border-box;
}
.swiper-2-group-btn .swiper-button-prev span:hover {
    display: block;
    background:url(/style/images/18_13_l_h.png) no-repeat left #2b2b2b;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}
.swiper-2-group-btn .swiper-button-next span:hover {
    background:url(/style/images/18_13_r_h.png) no-repeat right #2b2b2b;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}