@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
b, em{font-weight:bold !important}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.con01{position:relative; height:1416px; background:url(images_sg/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:100px 0; background:#8cd7c2}
.con03{position:relative; height:2464px; background:url(images_sg/con03_bg.jpg) center top / cover;}
.con04{position:relative; height:1480px; background:url(images_sg/con04_bg.jpg) center top / cover;}
.con05{position:relative; padding:100px 0; background:url(images_sg/con05_bg.jpg) center top / cover;}


.con02 .video{position:relative; height:0; padding-top:56.25%}
.con02 .video iframe{width:100%; height:100%; position:absolute; left:0; top:0}

.con04 .container{height:100%;}
.con04 a{display:inline-block; font-size:0; width:50%; height:8%; position:absolute; left:25%; bottom:5%}

.pd_wrap{position:relative; background:#fff}
.pd_wrap .pd_box{position:relative; padding:60px 0;}
.pd_wrap .pd_box:after{content:''; width:90%; height:0; border-bottom:1px dashed #ddd; position:absolute; left:5%; bottom:0; display:block}
.pd_wrap .pd_box + .pd_box:after{display:none}
.pd_wrap .pd_tit{position:relative}
.pd_wrap .pd_tit span{display:inline-block; position:relative; padding:0 5px}
.pd_wrap .pd_tit span b{font-weight:bold; position:relative; z-index:1; color:#222; font-size:40px; letter-spacing: -1px;}
.pd_wrap .pd_tit span b.jumbo{font-size:63px;}
.pd_wrap .pd_tit span:after{content:''; display:block; width:100%; height:50%; background:#bdefd8; position:absolute; left:0; bottom:0}
.pd_wrap .pd_img{position:relative}
.pd_wrap .pd_con{position:relative; line-height:1.4}
.pd_wrap .pd_con .label {cursor: default;}
.pd_wrap .pd_con .label span{display:inline-block; line-height:1; padding:7px 26px 10px; font-weight:bold; color:#fff; font-size:28px; border-radius:30px; overflow:hidden ;background:#32695b; margin-top: 20px;}
.pd_wrap .pd_con .label span em {font-size:38px;}
.pd_wrap .pd_con .label span i {position:relative; top:-3px;}


.pd_wrap .pd_con .tit{position:relative; padding:25px 10px 0; font-weight:bold; font-size:28px; color:#222;}
.pd_wrap .pd_con .tail{position:relative; padding:5px 0 0 0; color:#222; font-size:22px}

.ft{position:relative; padding:17px 0 0 0; font-size:24px; color:#404040}

@media screen and (max-width: 1040px){
	.container{padding:0 20px; box-sizing:border-box;}
	
	.con01{height:auto; padding:73% 0}
	.con03{height:auto; padding:120% 0}
	.con04{height:auto; padding:67% 0}
	.con02, .con05{padding:50px 0}
	
	.con04 .container{width:100%; height:100%; position:absolute; left:0; top:0; padding:0}
	
	.ft{font-size:18px}
	
	.pd_wrap .pd_box{padding:30px 0;}
	.pd_wrap .pd_tit span b{font-size:30px;}
	.pd_wrap .pd_tit span b.jumbo{font-size:50px;}
	.pd_wrap .pd_con .label span{font-size:16px;}
	.pd_wrap .pd_con .label span em {font-size:28px;}
	.pd_wrap .pd_con .tit{position:relative; padding:10px 10px 0; font-weight:bold; font-size:15px; color:#222;}
	.pd_wrap .pd_con .tail{font-size:14px}
}

@media screen and (max-width: 768px){
	.ft{font-size:13px}
	
	.pd_wrap .pd_box{padding:20px 0;}
	.pd_wrap .pd_tit span b{font-size:20px;}
	.pd_wrap .pd_tit span b.jumbo{font-size:30px;}
	.pd_wrap .pd_con .label span{font-size:13px; padding:5px 15px 7px}
	.pd_wrap .pd_con .label span em {font-size:18px;}
	.pd_wrap .pd_con .tit{position:relative; padding:13px 10px 0; font-weight:bold; font-size:13px; color:#222;}
	.pd_wrap .pd_con .tail{font-size:12px}
	.pd_wrap .pd_con .label span i {font-size:10px; top:0}
}

@media screen and (max-width: 480px){
	.pd_wrap .pd_tit span b{font-size:16px;}
	.pd_wrap .pd_tit span b.jumbo{font-size:25px;}
	.pd_wrap .pd_con .tit {font-size: 11px;}
	.pd_wrap .pd_con .label span {margin-top:10px; padding:3px 11px 5px; font-size:13px;}
	.pd_wrap .pd_con .label span em {font-size: 16px;}
	.ft {font-size:11px;}
}

@media screen and (max-width: 380px){
	.pd_wrap .pd_tit span b{font-size:13px;}
	.pd_wrap .pd_tit span b.jumbo{font-size:21px;}
}