.mhome-slider{width:750px;height:100%; position:absolute; opacity:0;}
.mhome-slider .swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.mhome-slider .swiper-wrapper {transition: 2s linear 0.8s;}
.mhome-slider .swiper-slide{position: relative;color: #fff;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.mhome-slider .swiper-slide .swiper-slide-content{width:690px; color:#FFF; position:absolute; top:30%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mhome-slider .swiper-slide .swiper-slide-content small{font-size:26px; line-height:30px; display:block;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s;}
.mhome-slider .swiper-slide-active .swiper-slide-content small{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.mhome-slider .swiper-slide .swiper-slide-content big{width:100%; font-size:52px;font-weight:500; letter-spacing:6px; line-height:140%; margin:30px 0px;display:block;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s; }
.mhome-slider .swiper-slide-active .swiper-slide-content big{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.mhome-slider.swiper-pagination {
    position:absolute; width:100%; height:100px; background:#FF0000;
  }
.mhome-slider .swiper-button{bottom:70px; left:30px; position:absolute;}
.mhome-slider .swiper-button .swiper-button-prev,.mhome-slider .swiper-button .swiper-button-next{position:relative;float: left;content: ' ';width: 98px;height: 88px;transition: all 100ms linear;cursor: pointer; margin-top:0px; border:1px solid #FFF; background:none;}
.mhome-slider .swiper-button .swiper-button-prev em,.mhome-slider .swiper-button .swiper-button-next em{position:absolute; display:block; width:21px; height:35px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5;}
.mhome-slider .swiper-button .swiper-button-next{border-left: 0px; left:10px; position:relative;}
.mhome-slider .swiper-button .swiper-button-prev em{background: url(../images/btnleft1.png) center center no-repeat;}
.mhome-slider .swiper-button .swiper-button-prev:hover em{background: url(../images/btnlefts1.png) center center no-repeat;}
.mhome-slider .swiper-button .swiper-button-next em{background: url(../images/btnright1.png) center center no-repeat;}
.mhome-slider .swiper-button .swiper-button-next:hover em{background: url(../images/btnrights1.png) center center no-repeat;}
.mhome-slider .swiper-button .swiper-button-prev:after{width:0px; position:absolute; content:""; background: #FFF;height:100%; right:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.mhome-slider .swiper-button .swiper-button-prev:hover:after{width:100%;}
.mhome-slider .swiper-button .swiper-button-next:after{width:0px; position:absolute; content:"";background:#FFF;height:100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.mhome-slider .swiper-button .swiper-button-next:hover:after{width:100%;}

.mpro-slider{width:750px;height:100%; position:absolute; background:#282828;}
.mpro-slider .swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.mpro-slider .swiper-wrapper {transition: 2s linear 0.2s;}
.mpro-slider .swiper-slide{position: relative;color: #fff;overflow: hidden;}
.mpro-slider .swiper-slide .pic{position:absolute; width:50%; height:50%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.mpro-slider .swiper-slide-active .pic{width:100%; height:100%; transition:all 0.5s 1.3s; -webkit-transition:all 0.5s 1.3s;}
.mpro-slider .swiper-button{position:absolute; bottom:110px;  z-index:10; left:30px;}
.mpro-slider .swiper-button .swiper-button-prev,.mpro-slider .swiper-button .swiper-button-next{position:relative;float: left;content: ' ';width: 98px;height: 88px;transition: all 100ms linear;cursor: pointer; margin-top:0px; border:1px solid #FFF; background:none;}
.mpro-slider .swiper-button .swiper-button-prev em,.mpro-slider .swiper-button .swiper-button-next em{position:absolute; display:block; width:21px; height:35px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5;}
.mpro-slider .swiper-button .swiper-button-next{border-left: 0px; left:10px; position:relative;}
.mpro-slider .swiper-button .swiper-button-prev em{background: url(../images/btnleft1.png) center center no-repeat;}
.mpro-slider .swiper-button .swiper-button-prev:hover em{background: url(../images/btnlefts1.png) center center no-repeat;}
.mpro-slider .swiper-button .swiper-button-next em{background: url(../images/btnright1.png) center center no-repeat;}
.mpro-slider .swiper-button .swiper-button-next:hover em{background: url(../images/btnrights1.png) center center no-repeat;}
.mpro-slider .swiper-button .swiper-button-prev:after{width:0px; position:absolute; content:""; background: #FFF;height:100%; right:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.mpro-slider .swiper-button .swiper-button-prev:hover:after{width:100%;}
.mpro-slider .swiper-button .swiper-button-next:after{width:0px; position:absolute; content:"";background:#FFF;height:100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.mpro-slider .swiper-button .swiper-button-next:hover:after{width:100%;}

.mpro-slider .swiper-slide .swiper-slide-content{position:absolute; top:40%; left:30px; transform:translateY(-50%);}
.mpro-slider .swiper-slide .swiper-slide-content big{width:100%; font-size:48px;font-weight:500; letter-spacing:6px; line-height:140%;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s; display:block; font-weight:bold;}
.mpro-slider .swiper-slide-active .swiper-slide-content big{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.mpro-slider .swiper-slide .swiper-slide-content small{font-size:26px; margin-top:40px; letter-spacing:2px; line-height:50px;  padding-left:45px; transition:all 0.5s; -webkit-transition:all 0.5s; opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s;display:block;}
.mpro-slider .swiper-slide-active .swiper-slide-content small{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.mpro-slider .swiper-slide .swiper-slide-content small:hover{padding-left:65px;}
.mpro-slider .swiper-slide .swiper-slide-content small:before{position:absolute;content:"";width:25px; height:1px; background:#FFF; left:0px; top:20px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.mpro-slider .swiper-slide .swiper-slide-content small:hover:before{width:35px;}
.mpro-slider .pro_box{position:absolute; bottom:110px;  z-index:10; right:30px;  cursor:pointer;}
.mpro-slider .pro_box .txt{width:380px; height:88px;border:1px solid #FFF; position:relative;}
.mpro-slider .pro_box .txt span{display:inline-block;position:absolute; top:50%; left:28px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%;line-height: 1.4;z-index: 2;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 500;font-size: 0.75rem; color:#FFF;  font-size:36px;}
.mpro-slider .pro_box .txt span em{font-size:22px; font-style:normal; display:block;}
.mpro-slider .pro_box .txt i{display:inline-block;width:30px; height:45px; position:absolute; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); right:30px;}
.mpro-slider .pro_box:hover .txt span{color:#333;}
.mpro-slider .pro_box .txt:after{position:absolute; content:"";width:0px; right:0px;height:100%; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.mpro-slider .pro_box:hover .txt:after{width:100%;}
.mpro-slider .pro_box .img{position: absolute;width: 100%;left: 0;bottom: 100%;transform: scaleY(0);transform-origin: bottom left;transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;}
.mpro-slider .pro_box:hover .img{transform: scaleY(1);transition-delay: 0s;}