@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;}
.brightening {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.3;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.btn_fix{position:fixed; left:0; top:43%; transform:translateY(-50%); z-index:100;}
.conb{background:url(images_hk/banner.png) no-repeat center top / cover; position:fixed; left:0; bottom:0; z-index:100; width:100%; min-width:320px;}
.conb .padding{padding:30.5% 0 0 !important;}

.con1{background:url(images_hk/bg1.jpg) no-repeat center top / cover; text-align:left;}
.con1 .padding{padding:22.5% 0 19.6% !important;}
.con1 .tit{color:#ffffff; display:inline-block; text-align:center; line-height:1.2;}
.con1 .tit p:nth-child(1){font-size:3rem; letter-spacing: 15px;}
.con1 .tit p:nth-child(1) strong{background:#f5561f; padding:5px 3px 5px 19px; display:inline-block; border-radius:30px;}
.con1 .tit p:nth-child(2){font-size:7rem; margin-top:1%;}
.con1 .tit p:nth-child(3){font-size:4.5rem; margin-top:2%;}

.con2{background:url(images_hk/bg2.jpg) repeat;}
.con2 .padding{padding:14.2% 0 11%;}
.you_wrap{position:relative; max-width:800px; width:100%; display:inline-block;}
.you_wrap:before{position:absolute; top:-40px; left:-57px; width:50px; height:73px; background:url(images_hk/deco.png) no-repeat right top / contain; content:'';}
.you_wrap:after{position:absolute; bottom:-52px; right:-53px; width:50px; height:73px; background:url(images_hk/deco.png) no-repeat left top / 80% auto; content:'';}
.youtubeBox{width:100%; height:auto; padding-top:56.25%; box-sizing:border-box; position:relative;}
.youtubeBox iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.con2 .btn_wrap{margin-top:6%;}
.con2 .btn{display:inline-block; background:#742e00; padding:13px 73px; border-radius:50px; color:#ffffff; font-size:3.4rem;}

.con3{background:url(images_hk/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:7.9% 0 8%;}
.con3 .tit p:nth-child(1){color:#ac5429; font-size:5rem; font-weight:bold;}
.con3 .tit p:nth-child(2){color:#ac5429; font-size:3rem;}
.con3 .info{display:block; margin-top:7%; text-align:left; box-sizing:border-box; padding-left:38.8%;}
.con3 .info ul li:nth-child(n+2){margin-top:11%;}
.con3 .info ul li{box-sizing:border-box; padding-left:47px; position:relative;}
.con3 .info ul li:before{position:absolute; content:''; top:0; left:0; width:35px; height:48px; background:url(images_hk/icon_1.png) no-repeat center top / contain;}
.con3 .info ul li:nth-child(2):before{background:url(images_hk/icon_2.png) no-repeat center top / contain;}
.con3 .info ul li:nth-child(3):before{background:url(images_hk/icon_3.png) no-repeat center top / contain;}
.con3 .info ul li p:nth-child(1){color:#404040; font-size:2.4rem; font-weight:bold;}
.con3 .info ul li p:nth-child(2){color:#595959; font-size:1.8rem; margin-top:3%; }
.con3 .info ul li p:nth-child(3){color:#a0a0a0; font-size:1.8rem; margin-top:5.8%; position:relative;}
.con3 .info ul li p:nth-child(3):before{position:absolute; top:0.5em; left:-15px; content:''; width:3px; height:3px; border-radius:50%; background:currentColor;}
.con3 .btn_wrap{margin-top:6.2%;}
.con3 .btn{color:#ffffff; font-size:2.8rem; background:#ee6b00; display:inline-block; padding:5px 59px; border-radius:30px; letter-spacing: 0.5px;}

.con4{background:url(images_hk/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:7.8% 0 10.3%;}
.con4 .tit p:nth-child(1){color:#024137; font-size:5rem; font-weight:bold;}
.con4 .info{display:block; margin-top:6.7%; text-align:left; box-sizing:border-box; padding-left:40.5%;}
.con4 .info p{color:#444444; font-size:1.8rem;}

.con5{background:#f9ebd8;}
.con5 .padding{padding:8% 0 12.8%;}
.con5 .tit p:nth-child(1){color:#f96a29; font-weight:bold; font-size:5rem; }
.con5 .tit p:nth-child(1) span{color:#ffffff; font-size:3.8rem; background:#f96a29; padding: 0px 9px;}
.con5 .tit p:nth-child(2){font-size:3rem; color:#f46c2f; margin-top: 1%;}
.con5 .tit p:nth-child(3){display:inline-block; margin-top:8%; width:100%;}

.con6{background:#ddbea8;}
.con6 .padding{padding:9% 0 9%;}
.con6 .tit p:nth-child(1){color:#523b2a; font-weight:bold; font-size:5rem; }
.con6 .box_wrap{margin-top:6%;}
.con6 .box:nth-child(n+2){margin-top:4%;}
.con6 .box{width:100%; max-width:900px; display:inline-block; background:#ffffff; border-radius:5px; overflow:hidden;}
.con6 .box_tit{font-size:4.2rem; color:#ffffff; background:#6b452e; box-sizing:border-box; padding:20px 3%; font-weight:bold;}
.con6 .box_tit span{font-size:2.2rem; font-weight:normal; display: inline-block; margin-top: 1%;}
.con6 .box_con{box-sizing:border-box; padding:52px 3% 60px;}
.con6 .box_con p:nth-child(2){color:#666666; font-size:1.8rem; margin-top:30px; line-height: 1.6;}
.con6 .box_con p:nth-child(3){color:#414141; font-size:2rem; margin-top:20px;}
.con6 .box_con p:nth-child(3) strong{font-size:2.8rem;}
.con6 .box_con p:nth-child(4){margin-top:50px;}
.con6 .box_con p:nth-child(4) .btn{color:#ffffff; background:#333333; font-size:2.4rem; position:relative; display:inline-block; padding:4px 34px;}
/* .con6 .box_con p:nth-child(4):after{position:absolute; top:50%; transform:translateY(-50%); left:0; content:''; width:3px; height:3px; border-radius:50%; background:#747474;} */
.con6 .warn{color:#85766c; font-size:1.6rem; margin-top:25px; line-height:1.6;}
.con6 .warn p{display:inline-block; text-align:left; box-sizing:border-box; padding-left:11px; position:relative;}
.con6 .warn p:before{position:absolute; content:'*'; top:0; left:0;}

.con7{background:#fafafa;}
.con7 .padding{padding:8.2% 0 9.4%;}
.con7 .tit{color:#eb5902;}
.con7 .tit p:nth-child(1){font-size:3rem; }
.con7 .tit p:nth-child(2){font-size:5rem; }
.con7 .per{margin-top:6.8rem;}
.con7 .box{display:inline-block; width:100%; max-width:900px; box-sizing:border-box; background:#ffffff; border-radius:5px; padding:0 0 62px; margin-top:10.5%;}
.con7 .t{margin-top:-23px; font-size:4rem; color:#ffffff;}
.con7 .t strong{background:#dc5902; border-radius:5px; display:inline-block; padding:0 34px;}
.con7 ul{margin-top:7px;}
.con7 li{display:inline-block; position:relative; padding:0 25px;}
.con7 li:nth-child(2):before{position:absolute; content:''; top:15px; left:0; width:1px; height:232px; background:#c1c1c1;}
.con7 li p:nth-child(1){font-weight:bold; color:#703f00; font-size:2.4rem;}
.con7 li p:nth-child(2){color:#626262; font-size:2rem;}
.con7 li p:nth-child(3){margin-top:25px;}
.con7 .warn{color:#8e8e8e; font-size:1.4rem; margin-top:34px;}

.con8{background:#ffecd8;}
.con8 .padding{padding:7.6% 0 11%;}
.con8 .tit{color:#f97f00;}
.con8 .tit p:nth-child(1){font-size:5rem; }
.con8 .tit p:nth-child(2){font-size:3rem; }
.con8 .box{display:inline-block; width:100%; max-width:900px; background:#ffffff; box-sizing:border-box; box-shadow: 6px 6px 0px #ffce9b; margin-top:7.4%;}
.con8 .box li{float:left;}
.con8 .box li:nth-child(1){max-width:420px;}
.con8 .box li:nth-child(2){width:480px; margin-top:107px;}
.con8 .box dt{font-weight:bold; font-size:3.4rem; color:#ed7900;}
.con8 .box dd{margin-top:30px; font-size:1.8rem; color:#777777; line-height: 1.5;}

.con9{background:#fff0db;}
.con9 .padding{padding:10% 0 11%;}
.con9 li{display:inline-block; background:#ffffff; margin:0 8.5px; height:647px; box-sizing:border-box; padding-bottom:26px; vertical-align:top;}
.con9 li p:nth-child(2){margin-top:24px; font-weight:bold; color:#9f591a; font-size:3.4rem;}
.con9 li:nth-child(2) p:nth-child(2){color:#12437c;}
.con9 li p:nth-child(3){margin-top:16px; font-size:1.8rem; color:#777777; line-height: 1.5;}

.con10{background:#ffebce;}
.con10 .padding{padding:9.1% 0 7.6%;}
.con10 .tit p:nth-child(1){font-size:5rem; font-weight:bold; color:#a86300;}
.con10 .step{margin-top:6%;}

.con11{background:#f8f1db;}
.con11 .padding{padding:8% 0;}
.con11 .pd li{display:inline-block; padding:0 12px;}
.con11 .pd li p:nth-child(2){color:#666666; font-size:1.8rem; margin-top:15px; line-height: 1.6;}

.con12{background:url(images_hk/bg12.jpg) no-repeat center top / cover;}
.con12 .padding{padding:8.8% 0 8.5%;}
.con12 .tit p:nth-child(1){font-size:5rem; color:#f8f8f9;}
.con12 .tit p:nth-child(2){margin-top:6.8%;}

	.slide-area {width: 100%; box-sizing: border-box; position:relative; text-align:center; margin-top:9.1%;}  
	.slide-area li {position: relative; display: inline-block;}
	.slide-area img {max-width:100%;}
	.slide-area .slide{padding: 0 10%;}

	.arrow{position:absolute; top:40%; width:4%;}
	.prev{left:0;}
	.next{right:0;}

	.slide-area .slick-dots {text-align:center; margin-top:28px;}
	.slide-area .slick-dots li {margin: 0 3px; display: inline-block;}
	.slide-area .slick-dots li button {width: 10px; height: 10px; background: #ffffff; border: 0; border-radius: 50%; text-indent: -999em; cursor: pointer;}
	.slide-area .slick-dots li.slick-active button {background: #b62810;}

.con13{background:#fff0e3;}
.con13 .padding{padding:8.8% 0 10.1%;}
.con13 .tit p:nth-child(1){font-size:5rem; color:#88330e; font-weight:bold;}
.con13 .box{color:#777777; display:inline-block; width:100%; max-width:950px; background:#ffffff; margin-top:5.7%;}
.con13 .box li:nth-child(1){float:right; width:439px;}
.con13 .box li:nth-child(2){float:left; width:511px; margin-top:111px;}
.con13 .box dt{font-size:2.5rem;}
.con13 .box dt strong{font-size:3.4rem; color:#a55e3d;}
.con13 .box dd{font-size:2.4rem; margin-top:37px; line-height: 1.9;}
.con13 .box dd p{display:inline-block; text-align:left;}
.con13 .box dd span{padding-left:27px; background:url(images_hk/check.jpg) no-repeat left center;}

.con14{background:url(images_hk/bg14.jpg) no-repeat center top / cover;}
.con14 .padding{padding:9.2% 0 12.2%;}
.con14 .tit p:nth-child(1){font-size:5rem; color:#ffffff; font-weight:bold; text-shadow: 2px 2px 1px #e33400; line-height: 1.5;}
.con14 .tit p:nth-child(1) span{color:#ffe400;}
.con14 .tit p:nth-child(2){font-size:2rem; color:#ffffff; margin-top: 1.3%; line-height: 1.5;}
.con14 .tit p:nth-child(3){display:inline-block; width:100%; margin-top:8.9%;}
.con14 .box_wrap{margin-top:6.8%; position:relative; max-width:878px; width:100%; display:inline-block;}
.con14 .box{display:inline-block; width:100%; box-sizing:border-box; border:1px solid #e1e1e1; background:#ffffff; padding:60px 3%;}
.con14 .box ul{display:inline-block; text-align:left; line-height:2.5;}
.con14 .box ul li{font-size:2rem; color:#505050;}
.con14 .box ul li strong{font-size:2.4rem; color:#ec962f;}
.con14 .pri{position:relative; z-index:10;}
.con14 .back{position:absolute; transform:rotate(-1.5deg); transform-origin:50% 50%;}

.con15{background:#f1f1f1;}
.con15 .padding{padding:47px 0 !important;}
.con15 .warn{font-size:1.6rem; color:#a4a4a9;}
.con15 .warn a{color:#a4a4a9;}
.con15 .warn ul{display:inline-block; text-align:left; line-height: 1.5;}
.con15 .warn ul li{box-sizing:border-box; padding-left:14px; position:relative;}
.con15 .warn .link{color:#828282; border-bottom:1px solid #aaaaaa;}
.con15 .warn ul li:before{position:absolute; content:'•'; top:0; left:0; }
.con15 .warn ul li:nth-child(n+2){margin-top:20px;}







@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.con5 .container {width:100%;}
.dn1000{display:none;}
.db1000{display:inline-block;}
.btn_fix{top:280px; width:40px;}

.you_wrap:before {left: 0px; width: 23px;}
.you_wrap:after {bottom: -80px; right: 0px; width: 31px;}

.con1 .tit{box-sizing:border-box;}
.con1 .tit p:nth-child(1){letter-spacing: 3px;}
.con1 .tit p:nth-child(1) strong{padding:5px 3px 5px 10px;}

.con3{background:#f7f7f7;}
.con3 .tit p:nth-child(3){display:inline-block; width:100%; max-width:380px;}
.con3 .info{display:inline-block; padding-left:0;}

.con4{background:#ffeabe;}
.con4 .tit p:nth-child(2){display:inline-block; width:100%; max-width:310px; margin-top:20px;}
.con4 .info{display:inline-block; padding-left:0; margin-top:0%;}

.con6 .box_tit{font-size:2.5rem;}
.con6 .box_con{padding:30px 3%;}
.con6 .box_con p:nth-child(2){margin-top:25px;}
.con6 .box_con p:nth-child(4){margin-top:15px;}

.con7 .box{padding:0 3% 30px; margin-top:50px;}
.con7 ul{margin-top:30px;}
.con7 li{width:100%; padding:0;}
.con7 li:nth-child(n+2){margin-top:30px; padding-top:30px;}
.con7 li:nth-child(2):before{top:0; left:50%; transform:translateX(-50%); width:100%; height:1px; max-width:391px;}

.con8 .box{max-width:420px; margin-top:30px;}
.con8 .box li{float:none;}
.con8 .box li:nth-child(2){width:100%; margin-top:0; box-sizing:border-box; padding:40px 3%;}

.con9 li{display:block; width:100%; max-width:440px; margin:0 auto; height:auto;}
.con9 li:nth-child(n+2){margin-top:20px;}

.con11 .pd li{display:block; padding:0;}
.con11 .pd li:nth-child(n+2){margin-top:40px;}

.con13 .box{margin-top:35px; max-width:439px; }
.con13 .box li{float:none !important; width:auto !important;}
.con13 .box li:nth-child(2){margin-top:0px; padding:50px 0;}

.con14 .box{padding:35px 3%;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}
.conb{bottom:15%;}

.con1{background:url(images_hk/bg1_m.png) no-repeat center top / cover;}
.con1 .padding{padding:67.5% 0 !important;}
.con1 .tit{display:none;}
.con1 .tit p:nth-child(1){font-size:2.5rem; text-shadow:none;}
.con1 .tit p:nth-child(2){font-size:4rem;}
.con1 .tit p:nth-child(3){font-size:3rem;}

.con3 .tit p:nth-child(1){font-size:3rem;}
.con3 .tit p:nth-child(2){font-size:2.5rem;}

.con4 .tit p:nth-child(1){font-size:3rem;}

.con5 .tit p:nth-child(1){font-size:3rem;}
.con5 .tit p:nth-child(1) span{font-size:2.5rem;}
.con5 .tit p:nth-child(2){font-size:2.5rem;}

.con6 .tit p:nth-child(1){font-size:3rem; }
.con6 .box_tit span{font-size:1.8rem;}

.con7 .tit p:nth-child(1){font-size:2rem; }
.con7 .tit p:nth-child(2){font-size:3rem; }
.con7 .t{font-size:3rem; margin-top:-11px;}

.con8 .tit p:nth-child(1){font-size:3rem; }
.con8 .tit p:nth-child(2){font-size:2rem; }

.con10 .tit p:nth-child(1){font-size:3rem;}

.con12 .tit p:nth-child(1){font-size:3rem;}

.con13 .tit p:nth-child(1){font-size:3rem;}

.con14 .tit p:nth-child(1){font-size:3rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}

}