*{padding: 0;margin: 0;}
img{vertical-align: middle;}
#dowebok .section{position:relative;background-repeat:no-repeat;background-position: center !important;background-size:cover;text-align: center;height: 100% !important;}
.sec1{background-color: #eee;}
.sec1 .infor h1{font-size: 90px;color: #44a8f2;font-weight: normal;}
.aul{padding: 50px 0;}
.aul li{display: inline-block;padding: 0 20px;}
.video{position: relative;background: #000;border:3px solid #878787;display: inline-block;}
.video img{opacity: .2;}
.video .play{background: url(../images/play.png) no-repeat;width: 76px;height: 76px;position: absolute;top:50%;left: 50%;margin: -38px 0 0 -38px;}
.fp-tableCell{height: 100% !important;}
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.active .transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.sec2 .infor{position: relative;}
.section .infor h2{line-height: 1.2;font-size: 68px;font-weight: normal;padding-bottom: 24px;}
.sec2 .infor p{font-size: 24px;color: #5a5a5a;}
.sec3 .infor{position: relative;color: #fff;display: inline-block;}
.sec3 .infor p{text-align: left;}
.sec3 .infor h2{text-align: left;}
.sec4 .infor{color: #000;}
.sec4 .infor p{color: #5a5a5a;}
.cff,.sec5 .infor p{color: #fff;}
.cblue{color: #44a8f2;}
.sec5 .infor p{padding-top: 20px;}
.sec6 .infor{right: -15%;}
#dowebok .sec12,#dowebok .sj3{background:none;}
#dowebok .sec12 .fp-tableCell,#dowebok .sj3 .fp-tableCell{vertical-align: top;}
.sec12 .infor,.sj3 .infor{color: #fff;padding:0 5%;text-align: left;}
.sec12 .infor p{text-indent: 2em;line-height:1.6;}
.sec12 .infor h2,.sj3 .infor h2{padding-top: 4%;}
.secbg{position: relative;}
.secbg img{display: block;width: 100%;}
.secbg .infor{position: absolute;left: 0;right: 0;top:0;color: #fff;z-index: 2;}
.sj3 .secbg .infor{left: 20%;top:15%;}
.sj1 h1{font-size: 100px;font-weight: normal;color: #fff;}
@media screen and (max-width: 1024px) {
	#dowebok .section{background-size: auto 100%;}
}