@charset "utf-8";
/* CSS base */
html { color:#000;} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } body{ font: 25px/1.5 Microsoft YaHei,Arial,sans-serif; color:#000; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } section, header, article, time, nav, footer, figure, figcaption { display:block; margin:0; padding:0; } input:focus, a:focus, textarea:focus { outline:none; }  fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } button, input, textarea, select { font-family: "黑体"; font-size:inherit; font-weight:inherit; line-height:1.5; vertical-align:middle; } button, input, textarea, select { *font-size:100%; } textarea { resize:none; } legend { color:#000; } a{ vertical-align:baseline; } a{  text-decoration:none; } a:hover{text-decoration:none;}input[type="button"],input[type="submit"],input[type="text"],input[type="tel"],textarea{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{width:100%; height:100%;font-size: .24rem;min-width: 1080px;overflow: hidden;margin: 0 auto;background: black;}
.clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1;}
.wrapper{position: relative;width: 100%;height: 100%;margin: 0 auto;}
.wrapper:before{content: "";display: table;}


.cssload-loader {width: 244px;height: 49px;line-height: 49px;text-align: center;position: absolute;left: 50%;top: 50%;font-family: "黑体";font-weight: 900;font-size:18px;color: rgb(206,66,51);letter-spacing: 0.2em;text-transform: uppercase;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.cssload-loader::before, .cssload-loader::after {content: "";display: block;width: 15px;height: 15px;background: rgb(206,66,51);position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
	-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader::before {top: 0;}
.cssload-loader::after {bottom: 0;}
@keyframes cssload-load {
	0% {left: 0;height: 29px;width: 15px;}
	50% {height: 8px;width: 39px;}
	100% {left: 229px;height: 29px;width: 15px;}
}
@-webkit-keyframes cssload-load {
	0% {left: 0;height: 29px;width: 15px;}
	50% {height: 8px;width: 39px;}
	100% {left: 229px;height: 29px;width: 15px;}
}

/*loading*/
.loading,#page_loading{position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);z-index: 3000;display: none;}

#page_loading{display: block;background:black;}
#page_loading p{width:300px;position: absolute;left:50%;top:50%;margin:50px 0 0 -150px;color:#fff;text-align: center;font-size: 14px;}
#page_loading div{width: 205px;height: 78px;position: absolute;left: 50%;top: 50%;margin: -39px 0 0 -102.5px;}
#loadColor{width: 205px;height: 0%;position: absolute;left: 0;bottom: 0;overflow: hidden;}
#loadColor img{width: 205px;height: 78px;position: absolute;left: 0;bottom: 0;}
#index{height: 100%;margin: 0 0 0 -9.6rem;top: 0;}

/*page style*/
.popup{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 2500;display: none;}
.hint{position:fixed;left:15%;top:50%;width:70%;background: rgba(0,0,0,0.8);margin-top:-.1rem;z-index: 5000;text-align: center;padding:.1rem .2rem;border-radius: .1rem;color:#fff;font-size: .25rem;box-sizing: border-box;display: none;}
.pageBox{position: absolute;left:50%;top:50%;width:19.2rem;height:10.80rem;display: none;margin: -5.4rem 0 0 -9.6rem;
	-webkit-animation: fadeIn 0.5s ease 0s both;
}
.box-container{width: 100%;height: 100%;position: relative;color: white;
	
}
.box-wrapper{width: 100%;height: 100%;position: relative;
	transform: translate3d(0,0,0);
	flex-direction: column;
}
.box-wrapper:before{content: "";width: 0.2rem;height: 0.49rem;position: absolute;left: 50%;bottom: 0.5rem;z-index: 100;
	background: url(../img/scroll.png) no-repeat;
	transform: translateY(-0.05rem);
	opacity: 0;
	background-size: cover;
	background-position: center;
	animation: scroll 2s ease 0s infinite;
}
@keyframes scroll{
	0%{opacity: 0;transform: translateY(-0.05rem);}
	20%,80%{opacity: 1;}
	100%{opacity: 0;transform: translateY(0.05rem);}
}
.box-slide{width: 100%;height: 100%;position: relative;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.box-pagination{position: absolute;right: 0.32rem;top: 50%;transform: translateY(-50%);}
.box-pagination span{width: 60px;height: 2px;background: transparent;display: block;margin: 5px 0;position: relative;}
.box-pagination span::after{content: "";width: 20px;height: 2px;background: white;position: absolute;right: 0;bottom: 0;
	transition: all 0.25s ease 0s;
}
.box-pagination span.swiper-pagination-bullet-active{padding-top: 10px;}
.box-pagination span.swiper-pagination-bullet-active::after{width: 50px;background: #ca3439;}
.box-pagination span::before{height: 10px;font-size: 10px;color: #ca3439;line-height: 10px;position: absolute;right: 0;top: 0;
	transition: all 0.25s ease 0s;
}
.box-pagination span.swiper-pagination-bullet-active:nth-of-type(1)::before{content: "HOME";}
.box-pagination span.swiper-pagination-bullet-active:nth-of-type(2)::before{content: "ABOUT US";}
.box-pagination span.swiper-pagination-bullet-active:nth-of-type(3)::before{content: "WORKS";}
.box-pagination span.swiper-pagination-bullet-active:nth-of-type(4)::before{content: "ORIGINAL";}
.box-pagination span.swiper-pagination-bullet-active:nth-of-type(5)::before{content: "CONTACT";}


.title{font-size: 0.18rem;width: 100%;height: 0.54rem;line-height: 0.54rem;letter-spacing: 0.2rem;opacity: 0.5;position: absolute;left: 0;text-align: center;text-indent: 0.2rem;}
.title::before{content: "";width: 1px;height: 0.42rem;background: white;position: absolute;left: 50%;bottom: -0.42rem;}
.title::after{content: "";width: 1px;height: 0.42rem;background: white;position: absolute;left: 50%;top: -1.42rem;}

.video_bg{position: absolute;left: 50%;top: 50%;width: 19.2rem;height: 10.80rem;margin: -5.4rem 0 0 -9.6rem;}
/*logo*/
.logo{width: 1.55rem;position: absolute;left: 0.36rem;top: 0.38rem;z-index: 1000;}
.left_text{width: 0.12rem;position: absolute;left: 0.36rem;top: 4.56rem;z-index: 1000;}
#d_close{width: 0.32rem;position: absolute;right: 0.3rem;top: 0.4rem;z-index: 100;display: none;cursor: pointer;}

#nav_event{width: 0.88rem;height: 0.88rem;position: absolute;right: 0;top: 0.12rem;z-index: 100;display: none;cursor: pointer;}
#nav_event li{width: 26px;height: 2px;position: absolute;left: 50%;margin-left: -13px;background: white;}
#nav_event li:nth-of-type(1){top: 0.3rem;}
#nav_event li:nth-of-type(2){top: 50%;margin-top: -1px;}
#nav_event li:nth-of-type(3){bottom: 0.3rem;}

#nav_hint{background: rgba(190,41,46,0.8);}
#nav_btn{width: 1.83rem;height: 3.45rem;position: absolute;left: 50%;top: 50%;
	transform: translate(-50%,-50%);
}
#nav_btn li{width: 100%;height: 0.69rem;background-image: url(../img/nav_text.png);background-size: 1.83rem 3.45rem;cursor: pointer;}
#nav_btn li:nth-of-type(1){background-position: center top;}
#nav_btn li:nth-of-type(2){background-position: center -0.69rem;}
#nav_btn li:nth-of-type(3){background-position: center -1.38rem;}
#nav_btn li:nth-of-type(4){background-position: center -2.07rem;}
#nav_btn li:nth-of-type(5){background-position: center bottom;}

#nav_close{width: .32rem;position: absolute;left: 50%;top: 50%;margin: 2.5rem 0 0 -0.16rem;cursor: pointer;}

.footer_icon{width: 1.56rem;height: 0.52rem;position: absolute;right: 0.24rem;bottom: 0.24rem;z-index: 1000;}
.footer_icon li{width: 0.52rem;height: 0.52rem;position: absolute;top: 0;background-image: url(../img/footer_icon.png);background-size: 1.56rem 0.52rem;}
.footer_icon li:nth-of-type(1){left: 0;background-position: left center;}
.footer_icon li:nth-of-type(2){left: 0.52rem;background-position: center center;}
.footer_icon li:nth-of-type(3){right: 0;background-position: right center;}

/* HOME */
.index_bg{width: 19.2rem;height: 10.8rem;position: absolute;left: 50%;top: 50%;
	background: url(../img/index_bg.png);
	transform: translate(-50%,-50%);
}
.Stunning{width: 5.39rem;position: absolute;left: 5.33rem;top: 3.56rem;}
.andFun{width: 4.36rem;position: absolute;left: 9.14rem;top: 3.78rem;}
.h_text{font-size: 0.14rem;color: white;text-align: center;line-height: 0.26rem;width: 100%;position: absolute;left: 0;top: 6.6rem;letter-spacing: 0.05rem;}
#home_video{width: 3.04rem;position: absolute;left: 50%;top: 7.66rem;margin-left: -1.52rem;cursor: pointer;}


/* 关于我们 */
.a_title_img{width: 3.07rem;position: absolute;left: 8.08rem;top: 3.18rem;}
.a_title{top: 3.83rem;}


.a_text_box{width: 9.61rem;height: 1.86rem;position: absolute;left: 5.03rem;top: 5.14rem;text-align: center;font-size: 0.14rem;line-height: 0.32rem;padding-top: 0.34rem;}
.a_top{width: 0.38rem;position: absolute;left: 0;top: 0;}
.a_botton{width: 0.38rem;position: absolute;right: 0;bottom: 0;}

/* 案例展示 */
.w_title_img{width: 1.93rem;position: absolute;left: 8.66rem;top: 1.42rem;}
.w_title{top: 2.01rem;}
#w_nav{width: 7.5rem;height: 0.36rem;line-height: 0.36rem;text-align: center;display: flex;position: absolute;left: 50%;top: 3rem;margin-left: -3.75rem;z-index: 100;}
#w_nav li{width: 20%;height: 0.36rem;font-size: 0.14rem;position: relative;cursor: pointer;}
#w_nav li::before{content: "";width: 0;height: 0.03rem;background: #ee3131;position: absolute;left: 50%;bottom: 0;
	transform: translateX(-50%);
	transition: all 0.25s ease 0s;
}
#w_nav li:hover:before,#w_nav li.ok:before{width: 0.85rem;}

#w_list{width: 11.14rem;height: 5.2rem;position: absolute;left: 50%;top: 3.5rem;margin-left: -5.57rem;overflow: hidden;}
#w_list li{background: red;width: 25%;height: 1.84rem;float: left;position: relative;cursor: pointer;overflow: hidden;
	background-size: cover;
	background-position: center center;
	clip-path: polygon(0 0,100% 0,100% 1.54rem,100% 1.54rem,50% 100%,0 1.54rem);
}
#w_list li:nth-of-type(7n+5){margin-left: 12.5%;}
#w_list li:nth-child(7n+5),#w_list li:nth-child(7n+6),#w_list li:nth-child(7n+7){background-color: white;margin-top: -0.3rem;
	clip-path: polygon(0 0.3rem,50% 0,100% 0.3rem,100% 100%,50% 100%,0 100%);
}

#w_list li::before{content: "";width: 0%;height: 0%;position: absolute;left: 50%;top: 50%;background: rgba(202,52,57,0.8);opacity: 0;
	transform: translate(-50%,-50%);
	transition: all 0.25s ease 0s;
}
#w_list li:hover::before{content: "";width: 100%;height: 100%;opacity: 1;}

.w_list_box{width: 100%;height: 0.6rem;position: absolute;left: 0;bottom: 0.3rem;color: white;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
}
.w_list_box p{height: 0.22rem;line-height: 0.22rem;font-size: 0.12rem;padding-left: 0.12rem;box-sizing: border-box;}
.w_list_box h1{font-weight: bolder;font-size: 0.16rem;height: 0.38rem;line-height: 0.38rem;padding-left: 0.12rem;}
.w_list_box img{width: 0.26rem;position: absolute;right: 0.13rem;bottom: 0.13rem;}

#w_list li:nth-child(7n+5) .w_list_box,#w_list li:nth-child(7n+6) .w_list_box,#w_list li:nth-child(7n+7) .w_list_box{bottom: 0;}

#w_list li:hover .w_list_box{
	opacity: 1;
	transform: none;
}

#w_btn{width: 3.04rem;position: absolute;left: 50%;top: 9.1rem;margin-left: -1.52rem;cursor: pointer;}
@keyframes leftHint{
	0% { transform: translateX(0);opacity: 0; }
	25%,75%{ opacity: 1; }
	100% { transform: translateX(-0.2rem);opacity: 0; }
}
/* 原创动画 */
#os_bg{background-size: cover;background-position: center center;}
.o_title_img{width: 3.1rem;position: absolute;left: 8.1rem;top: 1.91rem;}
.o_title{top: 2.5rem;}

.o-container{width: 10.1rem;height: 4.2rem;position: absolute;left: 50%;top: 3.7rem;overflow: hidden;margin-left: -5.05rem;}
.o-wrapper{width: 100%;height: 100%;position: relative;display: flex;
	transform: translate3d(0,0,0);
}
.o-slide{width: 100%;height: 100%;position: relative;
	align-items: center;
	flex-shrink: 0;
}
.os_image{width: 5.2rem;height: 4.2rem;position: absolute;left: 0;top: 0;background-size: 100% auto;background-repeat: no-repeat;background-position: center center;}
.os_title{font-size: 0.5rem;line-height: .58rem;font-weight: bold;font-family: '黑体';position: absolute;left: 5.9rem;top: 0.95rem;}
.os_text{font-size: 0.14rem;line-height: 0.28rem;position: absolute;left: 5.9rem;top: 2.2rem;}
.os_play{width: 0.4rem;position: absolute;left: 5.9rem;top: 3.8rem;cursor: pointer;}

#o_left{width: 0.24rem;position: absolute;left: 3.43rem;top: 5.51rem;cursor: pointer;}
#o_right{width: 0.24rem;position: absolute;right: 3.43rem;top: 5.51rem;cursor: pointer;}
.o-pagination{width: 100%;text-align: center;position: absolute;left: 0;top: 8.44rem;}
.o-pagination span{width: 0.1rem;height: 0.1rem;display: inline-block;border-radius: 100%;background: #a5a7a6;margin: 0 0.07rem;}
.o-pagination span.swiper-pagination-bullet-active{background: #ca3439;}

/* 联系我们 */
.c_title_img{width: 2.89rem;position: absolute;left: 8.25rem;top: 2rem;}
.c_title{top: 2.5rem;}

.c_map{width: 5.78rem;position: absolute;left: 3.73rem;top: 4.14rem;}

.c_info{width: 5.35rem;height: 3.1rem;position: absolute;left: 10.23rem;top: 4.14rem;}
.icon_c{width: 0.5rem;height: 0.5rem;background-image: url(../img/c_icon.png);background-size: 1.5rem 0.5rem;overflow: hidden;display: block;background-repeat: no-repeat;}
.c_address{font-size: 0.14rem;line-height: 0.32rem;position: absolute;left: 0;top: 0;}
.c_address i{width: 0.48rem;background-position: left center;}

.c_phone{font-size: 0.14rem;line-height: 0.32rem;position: absolute;left: 3.52rem;top: 0;}
.c_phone i{background-position: center center;}

.c_icon{font-size: 0.14rem;line-height: 0.32rem;position: absolute;left: 0;top: 2.2rem;}
.wbw_icon{width: 0.67rem;height: 0.5rem;display: inline-block;background-image: url(../img/wbw_icon.png);background-repeat: no-repeat;background-size: 2.02rem 0.35rem;cursor: pointer;}
.weibo_icon{background-position: 0 center;}
.be_icon{background-position: center center;}
.weixin_icon{background-position: -1.5rem center;}

.c_mail{font-size: 0.14rem;line-height: 0.32rem;position: absolute;left: 3.52rem;top: 1.56rem;}
.c_mail i{background-position: -1.02rem center;}

/* work 详情 */
#work_detail{background-size: cover;background-position: center center;}
.work-container{width: 100%;height: 100%;position: relative;color: white;
	
}
.work-wrapper{width: 100%;height: 100%;position: relative;
	transform: translate3d(0,0,0);
	flex-direction: column;
}
.work-slide{width: 100%;height: 100%;position: relative;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.work-video{width: 10.07rem;height: 10.8rem;position: absolute;left: 0;top: 50%;margin-top: -5.4rem;clip-path: polygon(0px 0px, 0px 1060%, 100% 0px);}
.work-video i{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-size: cover;background-position: center center;}
.work-video i:before{content: "";width: 0.97rem;height: 10.80rem;position: absolute;right: 0;top: 0;margin-right: -0.05rem;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/side.png);
}

.work-right{width: 4.2rem;height: 100%;position: absolute;left: 11.17rem;top: 0;}
.work-min{height: 0.6rem;line-height: 0.6rem;font-size: 0.16rem;position: absolute;left: 0;top: 2.3rem;}
.work-title{font-size: 0.36rem;line-height: 0.42rem;position: absolute;left: 0;top: 2.9rem;color: black;font-family: '黑体';}
.work-title h1{background: white;font-weight: bolder;display: inline-block;padding: 0 0.05rem;}
.work-brief{font-size: 0.14rem;font-weight: bolder;position: absolute;left: 0;top: 4.4rem;line-height: 0.24rem;}
.work-text{font-size: 0.14rem;position: absolute;left: 0;top: 5.6rem;line-height: 0.24rem;}
.work_play{width: 2.5rem;margin-top: 0.4rem;display: block;cursor: pointer;}

.work-icon{width: 0.08rem;height: 0.58rem;position: absolute;right: 1rem;bottom: 1.8rem;}
.work-icon img{width: 0.08rem;position: absolute;left: 0;
	transition: all 0.25s ease 0s;
}
.work_next{top: 0;}
.work_prev{bottom: 0;}
.work-icon img.ok{opacity: 0.3;}

.work-number{width: 0.44rem;height: 1.33rem;position: absolute;right: 0.7rem;top: 50%;margin-top: -0.665rem;font-size: 0.16rem;color: white;}
.work-number::before{content: "";width: 100%;height: 1px;background: white;position: absolute;left: 0;top: 0.66rem;}
.work-number p{width: 100%;height: 0.66rem;line-height: 0.66rem;position: absolute;left: 0;text-align: center;}
#work-be{top: 0;}
#work-total{bottom: 0;}

/* work-total */
#work_total{background: black;}
.total_box{width: 1200px;margin: 0 auto;position: relative;height: 100%;overflow: hidden;}
.total_title{position: absolute;left: 0.14rem;top: 1.54rem;width: 1.93rem;}
.total_h1{position: absolute;width: 100%;height: 0.56rem;line-height: 0.56rem;left: 0;top: 2.10rem;color: rgba(255,255,255,.5);font-size: 0.18rem;letter-spacing: 0.1rem;text-indent: 0.1rem;}

#total_Nav{width: 100%;display: flex;color: rgba(255,255,255,1);position: absolute;padding-left: 0.14rem;left: 0;top: 3.57rem;height: 0.36rem;line-height: 0.36rem;font-size: 0.14rem;}
#total_Nav li{width: 0.82rem;text-align: center;margin-right: 0.65rem;position: relative;cursor: pointer;}
#total_Nav li::before{content: "";width: 0%;height: 0.04rem;position: absolute;left: 0;bottom: 0;background: #ee3131;
	transition: all 0.25s ease 0s;
}
#total_Nav li.ok::before{content: "";width: 100%;height: 0.04rem;position: absolute;left: 0;bottom: 0;background: #ee3131;}
#total_Nav li:hover::before{width: 100%;}

.total_detail{width: 100%;height: 430px;display: block;position: absolute;left: 0;top: 4.15rem;overflow-x: hidden;overflow-y: auto;}
.total_detail::-webkit-scrollbar{width:0;height:0;}
.total_detail::scrollbar{width:0;height:0;}

#total_list{width: 100%;display: flex;flex-wrap: wrap;}
#total_list li{width: 290px;height: 163px;background: red;margin: 5px;background-size: cover;background-position: center center;cursor: pointer;position: relative;}
#total_list li::before{content: "";width: 100%;height: 100%;background: rgba(238,49,49,0.8);position: absolute;left: 0;top: 0;opacity: 0;}

.total_Name{width: 100%;height: 0.6rem;position: absolute;left: 0;bottom: 0;color: white;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
}
.total_Name p{height: 0.22rem;line-height: 0.22rem;font-size: 0.12rem;padding-left: 0.12rem;box-sizing: border-box;}
.total_Name h1{font-weight: bolder;font-size: 0.16rem;height: 0.38rem;line-height: 0.38rem;}
.total_Name img{width: 0.26rem;position: absolute;right: 0.13rem;bottom: 0.13rem;}

#total_list li:hover .total_Name,#total_list li:hover::before{
	opacity: 1;
	transform: none;
}

/* videoBox */
#videoBox{background: black;}
#videoSrc{width: 1200px;height: 675px;position: absolute;left: 50%;top: 50%;
	transform: translate(-50%,-50%);
}
#video_close{width: 0.32rem;position: absolute;right: 0.3rem;top: 0.4rem;cursor: pointer;}

/*od_top*/
#originalDetail{overflow-x:hidden;overflow-y: auto;min-width: 1200px;height: 100%;margin-left: -9.6rem;top: 0;margin-top: 0;}
#originalDetail::-webkit-scrollbar{display: none;}

.min_width{width: 1200px;margin: 0 auto;position: relative;}
.od_top{width: 100%;height: 100%;position: relative;background-size: cover;background-position: center center;color: white;}
.od_top h1{font-size: 0.7rem;padding-top: 3.2rem;font-family: '黑体';font-weight: bold;height: 0.9rem;line-height: 0.9rem;}
.od_top ul{padding-top: 0.5rem;}
.od_top li{height: 0.46rem;line-height: 0.46rem;padding-left: 0.55rem;font-size: 0.16rem;font-weight: bolder;position: relative;}
.od_top li::before{content: "";width: 0.3rem;height: 0.3rem;position: absolute;left: 0;top: 50%;margin-top: -0.15rem;background-size: 0.3rem 1.23rem;background-image: url(../img/od_icon.png);}
.od_top li:nth-of-type(1)::before{background-position: center top;}
.od_top li:nth-of-type(2)::before{background-position: center center;}
.od_top li:nth-of-type(3)::before{background-position: center bottom;}
.od_top span{font-weight: lighter;}

.od_video{width: 2.9rem;margin-top: 0.8rem;cursor: pointer;}

.introduction{display: block;width: 100%;margin: 0 auto;min-width: 1200px;}

.ol-container{width: 100%;height: 6.14rem;overflow: hidden;margin-top: -6.14rem;position: relative;}
.ol-wrapper{width: 100%;height: 100%;position: relative;
	transform: translate3d(0,0,0);
	display: flex;
}
.ol-slide{width: 100%;height: 100%;position: relative;
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.ol-slide img{width: 100%;position: absolute;left: 0;top: 0;}

.ol_lrBox{width: 1200px;height: 100px;position: absolute;left: 50%;margin-left: -600px;top: 0;}
.ol_lrBox img{width: 33px;height: 33px;position: absolute;top: 34px;}
#ol_left{left: 0;}
#ol_right{left: 51px;}


.QrCode{width: 150px;height: 150px;position: absolute;left: 50%;top: 50%;margin: -75px 0 0 -75px;}

/*moveIn moveOut animate*/
.moveIn{
	-webkit-animation: moveIn 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
	-moz-animation: moveIn 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
	animation: moveIn 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
}
.moveOut{
  pointer-events:none;
  -webkit-animation: moveOut 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
  -moz-animation: moveOut 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
  animation: moveOut 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
}
.fadeIn{
	-webkit-animation: fadeIn 0.5s ease 0s both;
	-moz-animation: fadeIn 0.5s ease 0s both;
	animation: fadeIn 0.5s ease 0s both;
}
.fadeOut{
	-webkit-animation: fadeOut 0.5s ease 0s both;
	-moz-animation: fadeOut 0.5s ease 0s both;
	animation: fadeOut 0.5s ease 0s both;
}