@charset "utf-8";
/* CSS Document */ 

.event-wrap{position:relative; font-size:15px; max-width:2560px; margin:0 auto; text-align:center}
.event-wrap *{font-family: '新宋体';}
.event-wrap .container{max-width:1000px; position:relative; margin:0 auto}
.event-wrap > div{box-sizing:border-box}

.sec01{position:relative; height:4456px; background:url(images_hk/sec01_bg.jpg) center top no-repeat; background-size:cover}
.sec02{position:relative; height:6147px; background:url(images_hk/sec02_bg.jpg) center top no-repeat; background-size:cover}
.sec03{position:relative;height: 1925px;background:url(images_hk/sec03_bg.jpg) center top no-repeat;background-size:cover;}

.sec01 .tit{margin:0 auto; padding:150px 0 0 0;}
.sec01 .player{width:965px; height:527px; position:relative; margin:0 auto; padding:18px; background:url(images_th/video_bg.jpg) center center no-repeat; margin-top:60px}
.sec01 .player iframe{width:calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:18px; top:18px}

.sec01 .tail{margin:0 auto; padding:1001px 0 0 0;}
.sec01 .tail .t-tit{position:relative; top:-20px}
.sec01 .tail .t-tail{position:relative;/* padding:20px 0 0 0; */color:#666;font-size:1.4em;font-weight:normal;line-height:1.4em;top: -5px;}
.sec01 .tail .t-tail p{margin-bottom:30px}
.sec01 .tail .t-tail p.b-tit{font-size:1.5em; font-weight:bold; color:#06397c}
.sec01 .tail .t-tail p:nth-last-child(1){margin-bottom:0}
.sec01 .tail .t-tail .blue{font-weight:bold; color:#134894}

.sec01 .tail02{margin:0 auto; padding:100px 0 0 0;}
.sec01 .tail02 .t-tit{position:relative; top:-5px}
.sec01 .tail02 .t-tail{position:relative; padding:20px 0 0 0; color:#666666; font-size:1.4em; font-weight:normal; line-height:1.4em}
.sec01 .tail02 .t-tail .tit{padding:20px 0 0 0; font-size:1.5em; color:#094438; font-weight:normal; line-height:1.4em}
.sec01 .tail02 .t-tail p{margin-bottom:30px}
.sec01 .tail02 .t-tail p.b-tit{font-size:1.5em; font-weight:bold; color:#06397c}
.sec01 .tail02 .t-tail p:nth-last-child(1){margin-bottom:0}
.sec01 .tail02 .t-tail .green{color:#fff; background:#094438; padding:1px 5px; display:inline-block}
.sec01 .tail02 .t-tail .btn{padding:10px 0 0 0}
.sec01 .tail02 .t-tail .btn a{display:inline-block; padding:18px 45px; background:#000; color:#fff; font-size:1.2em; font-weight:normal; border-radius:2px}

.sec02 .tit{margin: 0 auto; padding:100px 0 0 0; font-weight:bold; font-size:1.5em; color:#fff; line-height:1.6em}
.sec02 .tit .yellow{font-size:1.2em; color:#fac335;}
.sec02 .tail{padding:70px 0 0 0;}
.sec02 .tail .t-tit{padding:0 0 15px 0; position:relative; top:10px}
.sec02 .tail .t-tail{font-size:1.4em; color:#fff; padding:15px 0 0 0}
.sec02 .tail .t-tail p{margin-bottom:15px; line-height:1.5em; font-weight:normal}
.sec02 .tail .t-tail p:nth-last-child(1){margin-bottom:0}
.sec02 .tail .t-tailw{font-size:1.4em; color:#fff; padding:25px 0 0 0; line-height:1.4em}
.sec02 .tail .t-img{font-size:0}
.sec02 .visual{padding:50px 0 0 0}

.sec02 .opt{position:relative; padding:50px 0 0 0; width:1000px; margin:0 auto; overflow:hidden}
.sec02 .opt .ttit{font-size:2.5em; color:#ff871f; font-weight:bold}
.sec02 .opt .ttail{font-size:2.5em;color:#ffffff;font-weight:bold;padding: 10px 0 55px 0;}
.sec02 .opt .img{float:left}
.sec02 .opt .con{padding-left:30px;padding-top:45px;color:#fff;font-size:1.4em;text-align:left;float:left;line-height:1.7em;}
.sec02 .opt .con p{margin-bottom:15px}
.sec02 .opt .con p:nth-last-child(1){margin-bottom:0}
.sec02 .opt .con .btn{position:relative; margin:30px 0 0 0;}
.sec02 .opt .con .btn a{display:inline-block; padding:10px 35px; color:#fff; font-size:1em; font-weight:bold; background:#e26800; border-radius:2px;}
.sec02 .opt .con .btn span{position:absolute; right:0; top:10px; color:#cecece; font-size:0.8em}

.sec02 .v-tail{position:relative; padding:50px 0 0 0;}
.sec02 .v-tail .v-tit{color:#fff; font-size:1.3em;}
.sec02 .v-tail .v-price{padding:20px 0 0 0; font-size:2.2em; color:#dbb954; font-weight:bold}
.sec02 .v-tail .v-price i{font-weight:normal; font-size:0.8em; font-style:normal}
.sec02 .v-tail .v-price span{display:inline-block;width:140px;height:61px;line-height:61px;font-size: 1.03em;color:#002d43;font-weight:bold;text-align:center;background:url(images_hk/price.png) center center no-repeat;margin:0 10px;padding-right: 5px;}
.sec02 .box{position:relative; max-width:1000px; margin:0 auto; padding:30px 0px; text-align:center; background:#d4d4d4; margin-top:80px}
.sec02 .box p{display:inline-block; vertical-align:middle; font-size:1.1em; color:#023650; box-sizing:border-box; position:relative; text-align:left; line-height:1.4em}
.sec02 .box span{display:inline-block; height:58px; width:1px; background:#95a4ac; margin:0 30px; vertical-align:middle}


.sec03 .tail{padding:80px 0 0 0}
.sec03 .tail .t-tit{padding:0px 0 30px 0; position:relative; top:-20px}
.sec03 .tail .t-tail{font-size:1.4em; color:#06397c; line-height:1.6em}
.sec03 .tail .t-img{font-size:0}
.sec03 .tail .t-img img:nth-child(5){margin: 0 45px 0 115px;}

.sec03 .box{position:relative; margin:0 auto; width:980px; background:#fff; border:10px solid #82afdf; padding:70px 50px 90px 50px; box-sizing:border-box}
.sec03 .box .tit{font-size:1.5em; color:#083a7f; line-height:1.7em}
.sec03 .box .tail{font-size:1.1em; color:#666666; padding:15px 0 0 0}
.sec03 .box .img{text-align:center}
.sec03 .box .txt{font-size:1.15em; color:#666666; line-height:1.5em; padding:20px 0 0 0}

.product{position:relative; padding:70px 0 0 0; margin:0 auto; max-width:1000px; overflow:hidden}
.product ul{position:relative}
.product ul li{float:left; width:480px; border:5px solid #f7cc5c; background:#f7cc5c; margin-bottom:40px}
.product ul li .con{position:relative; padding:35px 0;}
.product ul li:nth-child(2n){margin-left:20px}
.product ul li .con .point{font-size:1.5em;color: #06397b; padding:0 0 5px 0;}
.product ul li .con .tit{font-size:2em;color: #06397b; padding:0;line-height:auto; font-weight:normal}
.product ul li .con .price{font-size:1.5em;color: #666666;padding:10px 0 0 0;}
.product ul li .con .price span{color: #1177cc;}
.product ul li .con .btn{position:relative; padding:25px 0 0 0}
.product ul li .con .btn a{display:inline-block; font-size:1.5em; padding:15px 40px; border-radius:3px; color:#fff; background:#000;}
.product ul li .con .btn a:hover{background:#002961}
.sec03 .p-tail{color:#666; font-size:1.1em; text-align:center; padding:10px 0 0 0; font-style:italic}

.sec03 .box-tail{position:relative;padding:50px 0 0 0;color:#ebebeb;font-size: 1.08em;line-height:1.7em;max-width:1000px;margin:0 auto;text-align:left;}
.sec03 .box-tail ul{position:relative; text-align:left}
.sec03 .box-tail ul li{padding-left:27px; text-indent:-27px; margin-bottom:3px}


.deco{position:relative; text-align:center; display:inline-block; margin:0 auto}
.deco .position{display:inline-block; opacity:0}
.deco01{transition:1s ease; animation:deco1 1s linear infinite; position:absolute; left:0; top:0}
.deco02{transition:1s ease; animation:deco2 1s linear infinite; position:absolute; left:0; top:0}

@keyframes deco1{
	0%{transform:translateY(2px)}
	50%{transform:translateY(-2px)}
	100%{transform:translateY(2px)}
}

@keyframes deco2{
	0%{transform:translateY(-2px)}
	50%{transform:translateY(2px)}
	100%{transform:translateY(-2px)}
}

.kv_left01{position:absolute; left:50%; top:37px; margin-left:-308px; transition:1s ease; animation:deco1 0.9s linear infinite;}
.kv_left02{position:absolute; left:50%; top:209px; margin-left:-569px; transition:1s ease; animation:deco2 0.9s linear infinite;}
.kv_left03{position:absolute; left:50%; top:300px; margin-left:-346px; transition:1s ease; animation:deco1 0.9s linear infinite; display:none}
.kv_right01{position:absolute; left:50%; top:26px; margin-left:279px; transition:1s ease; animation:deco2 0.9s linear infinite;}
.kv_right02{position:absolute; left:50%; top:82px; margin-left:540px; transition:1s ease; animation:deco1 0.9s linear infinite;}
.kv_right03{position:absolute; left:50%; top:302px; margin-left:340px; transition:1s ease; animation:deco2 0.9s linear infinite;}
 
@media screen and (max-width: 1140px){
	.event-wrap{font-size:12px}
	
	.sec01{padding: 95px 0 0 0;height: 2850px;}
	.sec01 .tit{padding:0}
	.sec01 .tit img{max-width: 540px;}
	.sec01 .tail{padding: 650px 0 0 0;}
	.sec01 .tail .t-tit{max-width:360px; margin:0 auto}
	.sec01 .player{width:411px; height:224px; margin-top:50px; background-size:100% 100%; padding:10px}
	.sec01 .player iframe{width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px}
	
	.sec01 .tail02 .t-tit{max-width:340px; margin:0 auto}
	.sec01 .tail02 .t-tail p.img{max-width:320px; margin:0 auto; padding-bottom:15px}
	.sec01 .tail02 .t-tail .btn a{padding:10px 30px}
	.sec01 .tail02 .t-tail .tit{font-size:1.3em}
	.sec01 .tail02 .t-tail p{margin-bottom:20px}
	.sec01 .tail02{padding:70px 0 0 0}
	
	.sec02{padding: 20px 0 110px 0;height: auto;}
	.sec02 .tit{padding:0;}
	.sec02 .tail{padding: 10px 0 0 0;}
	.sec02 .tail .t-tit{max-width:340px; margin:0 auto; padding:0px 20px 0 20px; top:0}
	.sec02 .tail .t-tail{margin-top:20px}
	.sec02 .visual{max-width:420px; margin:0 auto; margin-top:0px}
	.sec02 .v-tail .v-price span{width:93px; height:41px; line-height:41px; background-size:100% 100%}
	.sec02 .box{max-width:360px; margin-top:30px; padding:20px 20px; text-align:center}
	.sec02 .box img{}
	.sec02 .box p{width:100%; margin-left:0; padding-left:0; padding-top:15px; text-align:left}
	.sec02 .box span{display:none}
	
	.sec02 .opt{padding:20px 0 0 0; margin-top:20px; width:400px}
	.sec02 .opt .ttail{font-size:2.3em; padding:10px 0 30px 0}
	.sec02 .opt .img{float:none}
	.sec02 .opt .con{padding-left:0;padding-top:25px;float:none;}
	
	.sec03{height:auto; padding:5% 0 10% 0}
	.sec03 .tail{padding:0 0 0 0}
	.sec03 .tail .t-tail{padding:0 10px; margin-top:15px}
	.sec03 .tail .t-tail img{width:300px}
	.sec03 .tail .t-tit{max-width:340px; margin:0 auto; padding:10px 20px 0 20px}
	.product{padding:50px 0 0 0; margin:0 20px}
	.product ul li{width:49%; box-sizing:border-box}
	.product ul li:nth-child(2n){margin-left:2%}
	.sec03 .tail .t-img img:nth-child(5){margin:0;margin: 0 10px 0 30px;}
	
	.sec03 .box{width:auto; margin:0 25px; padding:30px; margin-top:20px}
	.sec03 .box-tail{padding:30px 0 0 0; width:auto; margin:0 25px}
	.sec03 .box-tail ul li{padding-left:20px; text-indent:-20px}
	
	.kv_left01{width: 75px;top: 34px;margin-left:-180px;}
	.kv_left02{width: 48px;top:87px;margin-left: -328px;}
	.kv_left03{width:35px; top:145px; margin-left:-190px}
	.kv_right01{width: 49px;top: 37px;margin-left: 199px;}
	.kv_right02{width:45px;top: 54px;margin-left: 351px;}
	.kv_right03{width:40px;top: 187px;margin-left: 234px;}
	
	.deco{transform:scale(0.8)}
}

@media screen and (max-width: 820px){
	.product ul li .con .tit{font-size:1.4em}
}

@media screen and (max-width: 640px){
	.event-wrap{font-size:10px}
	
	.sec01{height: auto;padding: 85px 0 100px 0;}
	.sec01 .tit{padding:0;max-width: 95%;}
	.sec01 .tail .t-tit{max-width: 230px;top: 0px;}
	.sec01 .tit img{max-width: 95%;}
	.sec01 .tail{padding: 550px 0 0 0;}
	.sec01 .player{width:282px; height:154px; margin-top:30px}
	.sec01 .player iframe{width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px}
	.sec01 .tail .t-tail{max-width:95%;margin:0 auto;top: 10px;}
	
	.sec01 .tail02 .t-tit{max-width: 190px;}
	.sec01 .tail02{padding:50px 0 0 0}
	.sec01 .tail02 .t-tail p{padding:0 10px}
	
	.sec02{padding-top:0}
	.sec02 .v-tail{padding:30px 10px 0 10px; line-height:20px}
	.sec02 .tail .t-tit{max-width:250px}
	.sec02 .visual{max-width:300px}
	.sec02 .box{max-width:260px}
	.sec03 .tail .t-tail img{width:240px}
	.sec02 .tail .t-tailw{max-width:90%; margin:0 auto}
	.sec02 .tail .t-tailw br{display:none}
	.sec02 .v-tail .v-price{line-height:2.2em}
	.sec03 .tail .t-tail br{display:none}
	.sec03 .tail .t-tit{max-width:280px; top:-5px}
	
	.sec02 .tail{padding:0}
	.sec02 .product + .tail{margin-top:20px}
	
	.sec03{padding:3% 0 7% 0}
	
	.kv_left01{width: 46px;top: 32px;margin-left: -171px;}
	.kv_left02{width: 35px;top: 62px;margin-left: -247px;}
	.kv_left03{width: 25px;top: 114px;margin-left: -134px;}
	.kv_right01{width: 47px;top: 29px;margin-left: 170px;}
	.kv_right02{width: 35px;top: 59px;margin-left: 273px;}
	.kv_right03{width: 35px;top: 169px;margin-left: 199px;}

	
	.sec03 .box-tail ul li{padding-left:18px; text-indent:-18px}
	
	.sec02 .opt{width:300px}
	.sec02 .opt .ttail{font-size:2.1em}
	.sec02 .opt .con .btn a{padding:10px 25px}
	
	.deco{transform:scale(0.7)}
	.sec03 .tail .t-tit{padding:0}
}

@media screen and (max-width: 530px){
	.product{margin:0}
	.product ul{width:300px; position:relative; margin:0 auto}
	.product ul li{margin-bottom:20px; width:100%}
	.product ul li:nth-child(2n){margin-left:0}
	.product ul li .con{padding:25px 0}
	.product ul li .con .btn{padding:20px 0 0 0}
}

@media screen and (max-width: 480px){
	.event-wrap{font-size:9px}
}