﻿.wp{
	padding: 0 80px;
}
.wp1440{
	max-width: 1440px;
	margin: 0 auto;
}
.idx_title.df .wrap{
	display: flex;
	justify-content: space-between;
}
.idx_title.df .cn-box{display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:right;align-items:flex-end;padding:15px 0 0}
.idx_title.df .cn-box .line{width:100px;height:6px;margin-top: 25px;background:#d6ff55}
.idx_title.df .cn-box .cn{
	font-size: 48px;
	letter-spacing: 10px;
}
.lang .on{
	color: #0a73bb;
}
.list_btn b{display:block;height:5px;background-color:#ffffff;margin:10px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}

.banner{position:relative;height:100vh}
.banner video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.banner .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:174px;z-index:2}
.footer{
	padding: 350px 0 90px;
	position:relative;z-index: 2;background: #000000;color: #ffffff;}
.footer:before{content:'';position:absolute;bottom:0;left:0;right:0;top:0;background:url(../image/fd-bg2.png) no-repeat bottom center;;opacity:.9;background-size: 100%;}
.footer:after{content:'';position:absolute;bottom:0;left:0;right:0;top:0;background:url(../image/fd-bg1.png) no-repeat bottom center;}
.fd-top{display:flex;
	justify-content: space-between;
	margin-bottom:186px;
	padding-right: 60px;
	position: relative;z-index: 3}
.fd-logo{width:470px;}
.fd-contact{padding-right:16px}
.fd-contact .title{font-size:28px;margin-bottom:30px}
.fd-contact .go{font-size:24px;padding-right:24px;background:url(../image/icon-right.svg) no-repeat right center;-webkit-background-size:12px auto;background-size:12px auto}
.fd-contact .share{margin-top:30px}
.share{
	display: flex;
}
.share a{display:flex;justify-content:center;align-items:center;width:71px;height:71px;border:1px solid rgba(255,255,255,.4);border-radius:12px;margin-right:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.share a img{display:block;width:40px}
.share a.a3 img{
	width: 30px;
}
.share a.a4 img{
	width: 50px;
}

.share a:hover{border-color:#fff}
.fd-bot{display:flex;justify-content:space-between;position: relative;z-index: 3}
.fd-bot .copyright{font-size:18px;}
.fd-bot .r{display:flex}
.fd-bot .item:nth-child(2){
	margin: 0 110px 0 90px;
}
.fd-bot .tit{font-size:24px;margin-bottom:20px;white-space:nowrap}
.fd-bot .tit+.desc{margin-top:-5px}
.fd-bot .desc{font-size:18px;line-height:26px;margin-bottom:20px;color: #B8B9B9;}
.fd-bot .con{font-size:18px;line-height:2;color: #B8B9B9;}
.fd-bot .con a{display:block;color: #B8B9B9;}
.fd-bot .con a:hover{
	color: #ffffff;
}
.section2 .box{
	margin-top: 300px;
}
.section2 .box .pic-box{
	float: left;
	width: 669px;
	margin-right: 80px;
}
.section2 .box .pic{
	position: relative;
	padding-top: 61.38%;
}
.section2 .box .pic img{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}

.swiper-intro .swiper-slide{
	opacity: 0.2;
}
.swiper-intro .swiper-slide-active{
	opacity: 1;
}
.swiper-intro{
	overflow: hidden;
	height: 490px;
}
.section2 .box .txt-box{
	overflow: hidden;
}
.section2 .box .txt{font-size:18px;line-height:40px;color:#9fa0a0;margin-bottom:185px}
.count-list{display:flex;justify-content:space-between;
	padding: 0 30px;
}
.count-list .tit{color:#d5fe57;line-height:1;margin-bottom:15px}
.count-list .tit span{font-size:70px;
	font-family: DINNextLTPro-Medium;
	background-image: -webkit-linear-gradient(0deg,#29A339,#D6FF55);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.count-list .tit em{display:inline-block;vertical-align:30px;font-size:40px}
.count-list .desc{font-size:18px;line-height: 24px;opacity:.4}


.swiper-product{position:relative;overflow:hidden;z-index:2;margin-bottom:-100px}
.swiper-product .pic{position:relative;padding-top:54.167%}
.swiper-product .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.swiper-product .swiper-arrow{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;background:url(../image/prev.svg) no-repeat center;-webkit-background-size:45px auto;background-size:45px auto;z-index:2}
.swiper-product .swiper-prev{left:30px}
.swiper-product .swiper-next{right:30px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}


.roll-wrap{
	height: 296px;
}
.product-case{
	white-space: nowrap;
	font-size: 0;
	margin:0 -16px;color: #ffffff;}
.product-case li{
	display: inline-block;
	width: 335px;
}
.product-case a{display:block;margin:0 16px 60px;
	padding: 28px 28px 22px;
	border: 1px solid transparent;
	background: #1C1C1C;border-radius: 5px;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.product-case .pic{
	
	
	
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 22px;
}
.product-case .pic img{
	width: 100%;height: 100%;top: 0;left: 0;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.product-case .txt{
	text-align: center;
}
.product-case .txt .cn{
	margin-bottom: 3px;
}
.product-case .txt .en{
	font-weight: lighter;
	font-size: 13px;
	color: #B5B5B6;
}
.product-case a:hover{
	border-color: #64802A;
	background-color: #274E1A;
}

.help-tab{

}


.ban{height:100vh;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.ban-about img{display:block;width:100%}
.row-contact{display:flex;margin-top:90px;overflow: hidden;
	padding-left: 235px;
}
.contact-l{width:755px}
.ban-contact{height:1080px;color:#191919;background-position: center;background-repeat: no-repeat;}
.ban-contact .wp1440{
	padding-top: 380px;
	position: relative;
}

.ban-contact .tit1{font-size:130px;margin-bottom:86px;}
.ban-contact .tit2{font-size:30px;line-height:46px;margin-bottom:10px}
.ban-contact .tit3{font-size:20px;line-height:1.5}
.ban-contact .icon{animation:myfirst 1.5s infinite;background:url(../image/icon-gps.svg);width:95px;height:150px;position:absolute;    top: 260px;right: 470px;}
.ban-contact .icon a{display:block;width:100%;height:100%}
@keyframes myfirst{
0%{transform:translate(0,0)}
50%{transform:translate(0,-10px)}
100%{transform:translate(0,0)}
}
.g-tit2{font-size:68px;line-height:1;color:#b9baba;padding:70px 0}
.g-tit2.white{color:#fff}
.news-list{
	padding: 20px;
}
.news-list li{margin-bottom:20px}
.news-list li a{position:relative;display:block;overflow:hidden;background:#e7e8e8;}
.news-list .pic-box{float:left;width:56%;margin-right:52px}
.news-list .pic-box .pic{position:relative;padding-top:35%;overflow:hidden}
.news-list .pic-box .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.news-list a:hover .pic-box .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.news-list .txt{padding:58px 52px 0 0;overflow: hidden;}
.news-list .txt .tit{
	font-weight: bold;
	font-size:30px;white-space:nowrap;overflow:hidden;
	text-overflow:ellipsis;color:#231815;
	margin-bottom: 10px;
}
.news-list .txt .type{font-size:14px;color:#000000;margin-bottom:10px}
.news-list .txt .time{font-size:14px;color:#000000}
.g-more{display:flex;justify-content:center;align-items:center;font-size:24px;color:#b3b3b3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.g-more i{width:44px;height:44px;background:url(../image/icon-more.png) no-repeat center;margin-left:18px;-webkit-background-size: 24px auto;background-size: 24px auto;}
.g-more:hover{
	color: #ffffff;
}
.g-more:hover i{background-image:url(../image/icon-more-on.png)}
.h80{height:80px}
.detail-tab{display:flex;justify-content:center;padding:100px 0}
.detail-tab li{
	width: 35%;
	text-align: center;
}
.detail-tab li a{
	position: relative;
	font-size:40px;color:#B3B3B3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.detail-tab li.active a:after{
	content: '';
	position: absolute;
	bottom: -12px;
	left: 0;
	right: 0;
	height: 2px;
	background: #8F9090;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.detail-tab li a:hover{
	color: #d6ff55;
}
.detail-tab li.active a:hover:after{
	background-color: #d6ff55;
}
.m-logo{
	display: none;
}
.m-text{
	padding: 80px 0 0;
}
.m-text .title-info{display:flex;margin-bottom:95px;
	padding: 0 75px 0 55px;
}
.m-text .title-info .title-box{
	width:520px;
	margin-right: 20px;
}
.m-text .title-info h1{font-weight:400;font-size:40px;color: #ffffff;
	margin-bottom: 30px;
}
.m-text .next{
	font-size: 20px;
	color: #717071;
	padding-top: 30px;
	background: url(../image/icon-next.png) no-repeat top center;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.m-text .next:hover{
	background-image: url(../image/icon-next-on.png);
	color: #ffffff;
}
.m-text .title-info .en{
	font-size: 21px;
}
.m-text .title-info .info{flex:1;font-size:20px;line-height:1.6;color:#717071;margin-right: 160px;}
.m-text .img img{display:block;
	width: 100%;
	margin:0 auto 4px}
.form-contact .inp1{
	margin-bottom:28px;
}
.form-contact .inp{display:block;font-size:18px;width:100%;height:54px;padding:0 25px;
	background:0 0;border:0;border-bottom:1px solid #b2b2b2;
	
	color: #ffffff;}
.form-contact .submit{display:block;font-size:27px;width:100%;height:58px;background:#d6ff55;border-radius:10px;border:0;color:#191919;margin-top:80px;cursor: pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.form-contact .submit:hover{
	opacity: 0.8;
}
.index-row2{overflow:hidden}
.index-row2 .g-tit1{text-align:right;margin-bottom:20px}
.caselist{margin-bottom:100px}
.caselist .list_content{display:flex;flex-wrap:wrap;justify-content:space-between;padding: 0 4px;}
.caselist .list_content .item{width:33.3333%;margin-bottom: 4px;}
.caselist .list_content .item a{display:block;
	margin: 0 2px;
	position:relative;color:#333}
.caselist .list_content .item .img{position:relative;padding-bottom:56.35%;width:100%;height:0;overflow:hidden}
.caselist .list_content .item .img img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);z-index:1;transition:transform .5s linear}
.caselist .list_content .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(214,255,85,0);transition:all .5s linear}
.caselist .list_content .item:hover .mask{background:rgba(214,255,85,.7)}
.caselist .list_content .item .text{position:absolute;padding:3% 3%;left:0;top:50%;width:100%;height:auto;transform:translate(0,-30%);z-index:3;box-sizing:border-box;text-align:center;opacity:0;transition:all .3s linear}
.caselist .list_content .item .text .tit{font-size:24px;letter-spacing:1px;font-weight:400}
.caselist .list_content .item .text .line{margin:10px auto 10px;width:0;height:2px;max-width:239px;background:#000;transition:width 1.3s linear}
.caselist .list_content .item .text em{font-size:16px;letter-spacing:2px;display:block}
.caselist .list_content .item:hover .text{transform:translate(0,-50%);opacity:1}
.caselist .list_content .item:hover .text .line{width:100%}
.caselist .list_content .item:hover .img img{transform:translate(-50%,-50%) scale(1.1)}
.caselist .list_content .item.more .text{transform:translate(0,-50%);opacity:1}
.caselist .list_content .item.more .text .line{width:100%}
.g-tit3{font-size:38px;color: #727171;}
.about-row1{padding:165px 0 232px}
.about-row1 .box{padding:100px 0 0}
.about-row1 .tit1{font-weight:700;font-size:62px;line-height:73px;overflow: hidden;color:#fff;margin-bottom:18px}
.about-row1 .tit2{font-size:18px;line-height:22px;color:#595757;margin-bottom:80px}
.about-row1 img{display:block;margin:0 auto}
.service-content{
	margin: 0 -20px;
	overflow: hidden;
	padding:145px 0 0}
.service-content li{
	float: left;
	width: 20%;
}
.service-content li .inner{
	margin: 0 20px;
	height:433px;padding:58px 0 0;background:url(../image/service-bg.png) no-repeat center / cover;text-align:center;

}
.service-content .icon{
	height:130px;margin: 0 auto 40px;
}
.service-content .tit{font-size:28px;margin-bottom:24px}
.service-content .line img{display:block;margin:0 auto 26px}
.service-content .desc{text-align:center;font-size:20px;
	line-height: 1.6;
	color:grey}
.about-row2{padding-bottom:360px}


.about-row3{
}

.team-list{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.team-list li{
	position: relative;
}
.team-list li:nth-child(even){
	margin-top: 210px;
}
.team-list .pic{
	width: 214px;
	height: 500px;
	line-height: 500px;
	padding: 0 2px;
	background: url(../image/team-bg2.png) no-repeat bottom center;
	font-size: 0;
}
.team-list .pic img{
	position: relative;
	bottom: 3px;
	display: inline-block;
	vertical-align: bottom;
}
.team-list .name-job{
	position: absolute;
	width: 70px;
	height: 110px;
	line-height: 110px;
	font-size: 0;
}
.team-list .name-job img{
	display: inline-block;
	vertical-align: middle;
}
.team-list li:nth-child(odd) .name-job{
	top: 110px;
	right: -100px;
}
.team-list li:nth-child(even) .name-job{
	bottom: 52px;
	left: -100px;
}
.people-con{
	opacity:0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transform:translateY(30px);transform:translateY(30px);
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.people-con.show{
	display: block;
	height: auto;
	visibility: visible;
	opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)
}
.people-con .img img{
	display: block;
	margin: 0 auto;
}
.people-box{
	padding-left: 165px;
	display:flex;align-items:center;
	background: url(../image/bg1.png) no-repeat center;
}
.people-left{position:relative;margin-right: 72px;}
.people-left .intro{position:absolute;
	bottom: 46px;
	left: 24px;
	color:#d6ff55;line-height:1.2}
.people-left .intro .job{font-size:18px}
.people-left .intro .name{font-size:32px}
.people-right{display:flex;flex-wrap:wrap;width: 660px;}
.people-right .avatar{width:160px;height:160px;margin: 0 30px 45px;}
.people-right .avatar img{display:block;width:100%;height:100%}
.about-row3{padding-bottom:240px}

.tab1-box{
	position: relative;
	z-index: 51;
}
.z-tab1{
	display:flex;justify-content:space-between;align-items:center;margin-bottom:90px}
.z-tab1 li{
	width: 280px;
}
.z-tab1 li a{display:block;
	text-align: center;
	font-size:27px;line-height:80px;color:#4d4d4d;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-tab1 li a:hover{color:#d6ff55}
.z-tab1 li.on a{position:relative;font-size:41px;color:#d6ff55}

.nav-bor{
	position:absolute;
	bottom: 0;
	width: 142px;
	height:5px;background:#d6ff55
}
.about-row4{padding-bottom:208px}
.swiper-slogen{overflow:hidden}
.swiper-slogen.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:linear;-o-transition-timing-function:linear;-webkit-transition-timing-function:linear}
.main{
	color: #ffffff;
}

.z-tit1{
	text-align: center;
	color: #ffffff;
}
.z-tit1 .s1{
	font-size: 86px;

}
.z-tit1 .s1.color{
	font-weight: bold;
	background-image:-webkit-linear-gradient(0deg,#29A339,#D6FF55);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.z-tit1 .s2{
	font-size: 58px;
}
.z-tit1 .btn{
	font-size: 32px;
	display: block;
	width: 452px;
	height: 76px;
	line-height: 76px;
	text-align: center;
	background: linear-gradient(90deg,#29A339,#D6FF55);
	border-radius: 38px;
	color: #000000;
	margin: 74px auto 0;
	transition: all .3s;
}
.z-tit1 .btn:hover{
	box-shadow: 10px -12px 35px 1px rgba(41,163,57,.29), 0 0 50px 10px rgba(214,255,85,.7);
}

@media only screen and (max-width:1400px){
.caselist .list_content .item .text em{font-size:16px}
.caselist .list_content .item .mask i{width:26px;height:52px;background-size:100%}
}
@media only screen and (max-width:1000px){
.caselist .list_content .item .text em{font-size:14px}
.caselist .list_content .item .text .line{margin:6px auto}
.caselist .list_content .item .mask i{width:20px;height:40px}
}
@media only screen and (max-width:750px){
.caselist .list_content .item .text .tit{font-size:20px}
.caselist .list_content .item{width:100%}
}
@media only screen and (max-width:480px){
.caselist .list_content .item .text{color:#e5e5e5}
.caselist .list_content .item .text .tit{font-size:18px}
.caselist .list_content .item .text{opacity:1;transform:translate(0,-50%)}
.caselist .list_content .item .text .line{width:100%;max-width:45px}
.caselist .list_content .item .mask{background:rgba(0,0,0,.2);opacity:1}
}
.home_business{
	padding: 8% 0;
}
.home_business .z-tit1 .s1{
	font-size: 105px;
}
.home_business .z-tit1 .s1.color{
	font-size: 55px;
	letter-spacing: 8px;
}
.business-list{
	display: flex;
	justify-content: space-between;
	padding: 50px 0 0;
}
.business-list .pic-box{
	position: relative;
	width: 626px;
	height: 446px;
	margin: 0 auto -20px;
}
.business-list .pic-box .pic{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}
.business-list .pic-box .pic2,
.business-list .inner .pic-box:hover .pic1{
	opacity: 0;
}
.business-list .inner .pic-box:hover .pic2,
.business-list .pic-box .pic1{
	opacity: 1;
}
.business-list .txt-box{
	text-align: center;
}
.business-list li:nth-child(2)  .txt-box{
	position: relative;
	top: -6px;
}
.business-list p{
	font-weight: lighter;
	opacity: 0.2;
	font-size: 55px;
	text-align: center;
	color: #ffffff;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.business-list p span{
	margin-right: 30px;
}
.business-list .inner:hover p{
	opacity: 1;
}
.ban2 img{
	display: block;
}
.swiper-ban{
	position: relative;
	overflow: hidden;
}
.swiper-ban .swiper-slide{
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;background-size: cover;
}
.swiper-ban .swiper-arrow{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../image/prev.svg);
	z-index: 2;
	cursor: pointer;
}
.swiper-ban .swiper-arrow.swiper-prev{
	left: 36px;
}
.swiper-ban .swiper-arrow.swiper-next{
	right: 36px;
	transform: rotate(180deg);
}
.help-tab{
	padding: 82px 0 220px;
	display: flex;justify-content: center;
}
.help-tab2{
	padding: 100px 0;
}
.help-tab li{
	margin: 0 30px;
}
.help-tab li a{
	display: block;
	font-size: 18px;
	color: #ffffff;
	padding: 0 15px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 21px;
	background: #1C1C1C;
	transition: all .3s;
}
.help-tab li a:hover,
.help-tab li .on{
	background: linear-gradient(90deg,#29A339,#D6FF55);
	color: #000000;
	letter-spacing: 2px;
	box-shadow: 0 0 10px 1px rgba(41,163,57,.5), 0 0 10px 5px rgba(214,255,85,.5);
}
.flow-in .letter, .flow-in1 .letter, .flow-in2 .letter, .flow-in3 .letter, .flow-in4 .letter, .flow-in5 .letter, .flow-in6 .letter, .flow-in7 .letter {
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;}
.letter {
	display: inline-block;
}

.section1 .logo_img{
	position: relative;
	overflow: hidden;
	cursor: grab;
	padding: 50px;
}
.cursor{
	position: absolute;
	top: -112px;
	left: -112px;
	z-index: 100;
	pointer-events: none;
}
.cursor_dot{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 112px;
	height: 112px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsla(0,0%,100%,.4);
	opacity: 1;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	mix-blend-mode: normal;
	border: 0;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s;

}
.pop-mask{
	display: none;
	position: fixed;width: 100%;height: 100%;top: 0;left: 0;
	z-index: 800;
	background: rgba(0,0,0,.3);
}
.pop-win{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 801;
}
.pop-win img{
	display: block;
}
#canvas{
	position: relative;
	z-index: 2;
	bottom: 10%;
}
#headline{
	font-size: 0;
}
.roll-wrap{
	position: relative;
}