@charset "utf-8";

html{font-size:10px;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}

.con01{position:relative; background:url(images_hk2/con01_bg.jpg) center top / cover}
.con02{position:relative; background:url(images_hk2/con02_bg.jpg) #fff center top / cover; background-color:#fff}
.con03{position:relative; padding:100px 0; background:#fff; background:#f8f8f9}
.con04{position:relative; padding:100px 0; background:#f8f8f9; display:none}
.con05{position:relative; padding:100px 0; background:#fff}
.con06{position:relative; padding:100px 0; background:#f8f8f9}
.connew{position:relative; padding:100px 0; background:#f8f8f9; text-align:center}

.con01 .padding{position:relative; padding:8.3% 0 181% 0;}
.con01 .title{position:relative; text-align:center;}
.con01 .title p:nth-child(2){padding:20px 0 0 0}
.con01 .list{position:relative; text-align:center; padding:940px 0 0 0; font-size:0; max-width:900px; margin:0 auto}
.con01 .list li{display:inline-block; vertical-align:top; margin:0 40px; margin-bottom:50px}

.con02 .padding{position:relative; padding:8% 0 11% 0;}
.con02 .title{position:relative; text-align:center}
.con02 .title p:nth-child(1){font-size:50px; color:#333333}
.con02 .title p:nth-child(2){font-size:30px; color:#666666; padding:10px 0 0 0;}
.con02 .list{position:relative; max-width:900px; margin:0 auto; padding:50px 0 0 0}
.con02 .list li{margin-bottom:20px; position:relative; text-align:left}
.con02 .list li:nth-last-child(1){margin-bottom:0}
.con02 .list .tab{position:relative;}
.con02 .list .tab .img{display:inline-block; vertical-align:middle;}
.con02 .list .tab .txt{position:relative; display:inline-block; vertical-align:middle; padding-left:20px;}
.con02 .list .tab .txt p:nth-child(1){position:relative; color:#193966; font-size:23px}
.con02 .list .tab .txt p:nth-child(2){position:relative; padding:5px 0 0 0; line-height:1.5; font-size:18px; color:#666666; line-height:1.4}

.con03 .box{max-width:1000px; margin:0 auto; margin-bottom:80px}
.con03 .box.mb0{margin-bottom:0}
.con03 .box .titBox{position:relative; padding:12px 0; background:#193966; color:#fff; font-size:34px; text-align:center; border-radius:10px; font-weight:normal}
.con03 .box .con{position:relative; padding:50px 0 0 0; text-align:center; font-size:0}
.con03 .box .con > div{position:relative; display:inline-block; width:50%; vertical-align:top}
.con03 .box .con > div:nth-child(2):after{content:''; display:block; width:1px; height:100%; background:#e8ebef; position:absolute; left:0; top:0}
.con03 .box .con .img{display:inline-block; vertical-align:top}
.con03 .box .con .txt{display:inline-block; vertical-align:top; padding:0 10px; box-sizing:border-box; text-align:center}
.con03 .box .con .txt .tag{position:relative}
.con03 .box .con .txt .tag span{display:inline-block; color:#fff; border-radius:50%; overflow:hidden; font-size:26px; width:35px; height:35px; background:#6671b6}
.con03 .box .con .txt .tit{position:relative; padding:15px 0 0 0; line-height:1.4; color:#6671b6; font-size:20px;}
.con03 .box .con .txt .tai{position:relative; padding:15px 0 0 0; line-height:1.5; color:#4d4d4f; font-size:17px; min-height:100px}
.con03 .box .con .txt .btn{position:relative; padding:40px 0 0 0;}
.con03 .box .con .txt .btn a{display:inline-block; color:#fff; font-size:20px; padding:12px 70px; background:#444; border-radius:3px}
.con03 .box .con .txt .btn a:after{content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; background:url(images_hk2/bullet.png) no-repeat; margin-left:6px; position:relative; top:-2px}
.con03 .box .tail{position:relative; padding:30px 0 0 0; text-align:center}
.con03 .box .tail img{display:inline-block; vertical-align:top; margin:0 10px}

.con04 .box{max-width:1000px; margin:0 auto; background:#fff; box-sizing:border-box; border:1px solid #e1e1e1; border-radius:10px; text-align:center; padding:50px 0}
.con04 .box .txt{display:inline-block; width:580px; vertical-align:middle; text-align:left; letter-spacing:-2px}
.con04 .box .txt p:nth-child(1){font-size:40px; color:#334aa6; font-weight:bold; line-height:1}
.con04 .box .txt p:nth-child(2){font-size:20px; color:#5564af; padding:10px 0 0 0; line-height:1}
.con04 .box .txt p:nth-child(3){font-size:20px; color:#494949; padding:20px 0 0 0; line-height:1.4}
.con04 .box .img{display:inline-block; vertical-align:middle;}
.con04 .box .btn{position:relative; padding:40px 0 0 0; text-align:center}
.con04 .box .btn a{display:inline-block; background:#193966; color:#fff; letter-spacing:-2px; font-weight:bold; font-size:30px; padding:10px 40px; border-radius:5px}
.con04 .box .btn a:after{width:9px; height:19px; content:''; display:inline-block; background:url(images_hk2/bullet2.png) no-repeat; vertical-align:middle; margin-left:15px; position:relative; top:-1px}
.con04 .ft_txt{position:relative; padding:40px 10px 0 10px; font-size:17px; color:#888888; line-height:1.5; text-align:center}

.con05 .title{font-size:45px; color:#333; text-align:center}
.con05 .img{position:relative; padding:50px 0 0 0; text-align:center}
.con05 .txt{position:relative; padding:15px 0 0 0; text-align:center}
.con05 .txt p:nth-child(1){font-size:50px; color:#36447b}
.con05 .txt p:nth-child(2){font-size:24px; color:#666666; padding:20px 0 0 0; line-height:1.5}
.con05 .txt p:nth-child(3){font-size:18px; color:#888888; padding:20px 0 0 0; line-height:1.5;}

.con06 .box{max-width:1000px; margin:0 auto; padding:50px 20px; text-align:center; background:#fff; border-radius:5px; position:relative}
.con06 .box .house{position:absolute; left:50%; top:-180px; transform:translateX(-50%)}
.con06 .box .title{position:relative}
.con06 .box .title p:nth-child(1){position:relative; color:#024137; font-size:34px; font-weight:bold}
.con06 .box .title p:nth-child(2){position:relative; padding:5px 0 0 0; font-size:28px; color:#024137;}
.con06 dl{position:relative; padding:50px 0 0 0}
.con06 dl dt{position:relative; font-weight:bold; color:#393939; font-size:24px;}
.con06 dl dd{position:relative; padding:5px 0 0 0; line-height:1.5; font-size:18px; color:#888888; padding-bottom:25px}
.con06 dl dd:nth-last-child(1){padding-bottom:0}
.con06 .ft_txt{position:relative; padding:20px 20px 0 20px; color:#a6a6a6; text-align:left; font-size:16px; width:700px; margin:0 auto; line-height:1.5; margin-top:30px}
.con06 .ft_txt:after{content:'*'; display:inline; color:#a6a6a6; font-size:15px; position:absolute; left:5px; top:20px}
.con06 .img{position:relative; text-align:center;}
.con06 .btn{position:relative; padding:50px 0 0 0; text-align:center;}
.con06 .btn a{padding:20px 70px; background:#024137; border-radius:4px; color:#fff; display:inline-block; font-size:33px; font-weight:bold;}
.con06 .btn a:after{content:''; display:inline-block; width:10px; height:20px; background:url(images_hk2/bullet.jpg) no-repeat; position:relative; top:-3px; margin-left:10px; vertical-align:middle}

.connew .visual{position:relative; padding:0 20px}
.connew .title{position:relative; padding:50px 10px 0 10px; text-align:center; color:#042a64; line-height:1.4}
.connew .title p:nth-child(1){font-size:37px;}
.connew .title p:nth-child(2){font-size:47px; font-weight:bold; position:relative; padding:5px 0 0 0}
.connew .won{text-align:center; padding:50px 0 0 0}
.connew .won ul{font-size:0; position:relative}
.connew .won ul li{width:33%; text-align:center; display:inline-block; vertical-align:top; margin-bottom:50px}
.connew .won ul li:nth-child(1), .connew .won ul li:nth-child(2){width:35%}
.connew .wowo{position:relative; padding:40px 10px 0 10px; font-size:16px; color:#9f9f9f; line-height:1.4}
.connew .wowo li{margin-bottom:2px; position:relative}
.connew .won ul li:nth-child(3), .connew .won ul li:nth-child(4), .connew .won ul li:nth-child(5){margin-bottom:0}

.vslider{position:relative; padding:50px 0 0 0; max-width:860px; margin:0 auto}
.vslider .slick-arrow{width:27px; height:27px; display:inline-block; font-size:0; border:0; position:absolute; top:50%; margin-top:-13px; z-index:100; cursor:pointer}
.vslider .slick-arrow.slick-prev{background:url(images_hk2/prev.png) no-repeat; left:-50px}
.vslider .slick-arrow.slick-next{background:url(images_hk2/next.png) no-repeat; right:-50px; left:auto;}

@media screen and (max-width: 1000px){
	.con01 .title{padding:0 50px}
	
	.con02{background-size:auto 400px; background-repeat:no-repeat; background-position:center bottom}
	.con02 .padding{padding:8% 0 25% 0;}
	.con02 .title p:nth-child(1){font-size:35px;}
	.con02 .title p:nth-child(2){font-size:20px;}
	.con02 .list{max-width:450px;}
	.con02 .list .tab .txt p:nth-child(1){font-size:20px}
	.con02 .list .tab .txt p:nth-child(2){font-size:16px}
	
	.con03{padding:70px 0}
	.con03 .box{max-width:600px;}
	.con03 .box .titBox{padding:10px 0; font-size:25px}
	.con03 .box .con .img{display:block}
	.con03 .box .con .txt{display:block; padding:25px 10px 10px 10px}
	.con03 .box .con .txt .tag span{width:30px; height:30px; line-height:30px; font-size:20px}
	.con03 .box .con .txt .tit{font-size:17px}
	.con03 .box .con .txt .tai{font-size:15px}
	.con03 .box .con .txt .btn{padding:20px 0 0 0}
	.con03 .box .con .txt .btn a{font-size:17px}
	.con03 .box .con .txt .btn a:after{top:1px}
	.con03 .box .tail img{width:100px}
	
	.con04{padding:70px 0}
	.con04 .box{margin:0 40px; width:auto; max-width:none}
	.con04 .box .img img{width:150px}
	.con04 .box .txt{width:475px}
	.con04 .box .txt p:nth-child(1){font-size:30px}
	.con04 .box .txt p:nth-child(3){font-size:17px}
	.con04 .box .txt p:nth-child(3){font-size:17px}
	.con04 .box .btn a{font-size:25px}
	.con04 .ft_txt{font-size:16px}
	
	.con05{padding:70px 0}
	.con05 .title{font-size:35px}
	.con05 .img{padding:30px 20px 0 20px}
	.con05 .txt {padding:15px 15px 0 15px}
	.con05 .txt p:nth-child(1){font-size:40px}
	.con05 .txt p:nth-child(2){font-size:20px}
	.con05 .txt p:nth-child(3){font-size:16px}
	
	.con06{padding:70px 0 70px 0}
	.con06 .box{max-width:600px}
	.con06 .box .house{width:140px; top:-130px}
	.con06 .box .title p:nth-child(1){font-size:28px}
	.con06 .box .title p:nth-child(2){font-size:20px}
	.con06 dl dt{font-size:20px}
	.con06 dl dd{font-size:16px}
	.con06 .ft_txt{width:auto; max-width:600px; font-size:14px}
	
	.con06 .btn a{font-size:28px; padding:15px 50px;}
	
	.connew{padding:70px 0}
	.connew .title p:nth-child(1){font-size:25px;}
	.connew .title p:nth-child(2){font-size:30px;}
	.connew .won ul li img{width:200px}
	.connew .wowo{font-size:15px}
	
	.vslider{padding:40px 50px 0 50px}
	.vslider .slick-slide img{width:98%}
	.vslider .slick-arrow.slick-prev{left:-35px}
	.vslider .slick-arrow.slick-next{right:-35px}
}

@media screen and (max-width: 768px){
	.con01 .title{padding:0 25px}
	.con01 .title p:nth-child(1) img{max-width:400px; width:100%}
	.con01 .title p:nth-child(2){padding:10px 0 0 0;}
	.con01 .title p:nth-child(2) img{max-width:230px; width:100%}
	
	.con02{background-position:62% bottom;}
	.con02 .padding{padding:10% 0 250px 0;}
	.con02 .title p:nth-child(1){font-size:25px;}
	.con02 .title p:nth-child(2){font-size:15px;}
	.con02 .list{max-width:310px; margin:0 auto; padding:30px 0 0 0}
	.con02 .list .tab .img{width:50px}
	.con02 .list .tab .txt{padding-left:15px}
	.con02 .list .tab .txt p:nth-child(1){font-size:16px}
	.con02 .list .tab .txt p:nth-child(2){font-size:14px}
	
	.con03{padding:50px 0}
	.con03 .box{width:auto; max-width:none; margin:0 20px; margin-bottom:50px}
	.con03 .box .titBox{font-size:20px}
	.con03 .box .con{padding:30px 0 0 0}
	.con03 .box .con .img img{max-width:100px; width:100%}
	.con03 .box .con .txt{padding:20px 10px 10px 10px}
	.con03 .box .con .txt .tag span{font-size:14px; width:25px; height:25px; line-height:25px}
	.con03 .box .con .txt .tit{font-size:14px}
	.con03 .box .con .txt .tai{font-size:13px; min-height:80px}
	.con03 .box .con .txt .btn a{font-size:14px; padding:12px 0; display:block;}
	.con03 .box .tail img{margin:10px}
	.con03 .box .tail{padding:10px 0 0 0}
	
	.con04{padding:50px 0}
	.con04 .box{margin:0 20px; box-sizing:border-box; padding:30px 20px;}
	.con04 .box .txt{width:calc(100% - 115px);}
	.con04 .box .txt p:nth-child(1){font-size:18px}
	.con04 .box .txt p:nth-child(2){font-size:15px; letter-spacing:-1px}
	.con04 .box .txt p:nth-child(3){font-size:14px; letter-spacing:0}
	.con04 .box .img img{text-align:right; width:120px}
	.con04 .box .img img{width:110px; display:inline}
	.con04 .box .btn a{font-size:16px; padding:10px 30px; letter-spacing:0px}
	.con04 .box .btn a:after{top:0}
	.con04 .ft_txt{font-size:14px; padding:20px 20px 0 20px}
	
	.con05{padding:50px 0}
	.con05 .title{font-size:25px}
	.con05 .txt p:nth-child(1){font-size:26px}
	.con05 .txt p:nth-child(2){font-size:16px}
	.con05 .txt p:nth-child(3){font-size:13px}
	
	.con06{padding:50px 0 50px 0}
	.con06 .box{max-width:none; width:auto; margin:0 25px}
	.con06 .box .house{width:120px; top:-110px}
	.con06 .box .title p:nth-child(1){font-size:20px}
	.con06 .box .title p:nth-child(2){font-size:17px}
	.con06 dl dt{font-size:16px}
	.con06 dl dd{font-size:14px}
	.con06 .ft_txt{width:auto; max-width:600px; font-size:13px; padding-left:40px; margin-top:10px}
	.con06 .ft_txt:after{left:25px}
	.con06 .btn{padding:30px 0 0 0}
	.con06 .btn a{padding:10px 30px; font-size:20px}
	
	.connew{padding:50px 0}
	.connew .title p:nth-child(1){font-size:20px;}
	.connew .title p:nth-child(2){font-size:25px;}
	.connew .won{padding:30px 10px 0 10px}
	.connew .won ul li:nth-child(1), .connew .won ul li:nth-child(2){width:33%; margin:0 1%}
	.connew .won ul li img{width:90%}
	.connew .wowo{font-size:14px; padding:25px 10px 0 10px}
}

@media screen and (max-width: 500px){
	.con03 .box .con > div{display:block; width:auto;}
	.con03 .box .con > div:nth-child(1){margin-bottom:40px}
	.con03 .box .con .txt .btn a{display:inline-block; padding:12px 40px;}
	.con03 .box .con > div:nth-child(2):after{left:auto; top:-20px; width:80%; height:1px; left:50%; transform:translateX(-50%)}
}