
.in_wrap{max-width:1100px;margin:0 auto;position:relative;}
.main_title{color:#222;letter-spacing:6.8px;display:inline-block;line-height:18px;width:100%; font-size: 40px; font-weight: 100; text-align: center !important; text-transform: uppercase;}
.main_title_bar{width:28px;height:3px;background:#d7d9db;margin-top:14px;}
.title_division{ width:100%; text-align:center;}
.title_division div{width:80px; height:1px; display: inline-block; margin:20px 0px 30px 0px; background-color:#000000;}
.title_division.type2 div{background-color:#00aee7}

.main_btn1{width:182px;height:38px;margin-top:32px;border:1px solid #a1a1a1;line-height:36px;/*border-radius:5px;color:#707273;*/font-size:14px;letter-spacing:3px;display:block;text-align:center; color:#333;}
.main_btn1:hover{background:#00aee7;border:1px solid #3ba4e7;color:#fff}

.part1{clear:both; height:560px;background:url("../images/main/main_bg1.jpg") center;background-size:cover;overflow:hidden;}
.main_top_banner{max-width:1100px;height:360px;margin:0 auto;margin-top:140px}
.main_top_banner .slick-slide{height:360px}
.main_top_banner .slick-prev{width:34px;height:34px;border:none;position:absolute;left:-70px;top:140px;background:url('../images/main/arw_lft.png') center no-repeat;background-size:cover;overflow:hidden;text-indent:-9999px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:110}
.main_top_banner .slick-prev:hover{opacity:0.7}
.main_top_banner .slick-next{width:34px;height:34px;border:none;position:absolute;right:-70px;top:140px;background:url('../images/main/arw_rgt.png') center no-repeat;background-size:cover;overflow:hidden;text-indent:-9999px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:110}
.main_top_banner .slick-next:hover{opacity:0.7}
.main_top_banner .slick-dots{width:100px;height:20px;position:absolute;left:50%;bottom:-50px;margin-left:-50px;text-align:center}
.main_top_banner .slick-dots li{display:inline-block;}
.main_top_banner .slick-dots li>button{width:6px;height:6px;border:none;background:#00495c;border-radius:50%;overflow:hidden;text-indent:-9999px;margin:2px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.main_top_banner .slick-dots .slick-active>button{width: 18px;height: 6px;border-radius:3px;background: -webkit-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -moz-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -o-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -ms-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: linear-gradient(-90deg, #a8d5ae 0%, #599bc5 100%);}

/* 3d slide */
.cascade-slider_container{position:relative;height:550px;margin:0 auto;margin-top:80px;background:url("") center;background-size:cover;}
.cascade-slider_item{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(0.3);transition:all 0.5s ease;opacity:0;z-index:-1;}
.cascade-slider_item.next{left:50%;transform:translateY(-50%) translateX(-125%) scale(0.6);opacity:0.2;z-index:1;}
.cascade-slider_item.prev{left:50%;transform:translateY(-50%) translateX(25%) scale(0.6);opacity:0.2;z-index:1;}
.cascade-slider_item.now{top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(1);opacity:1;z-index:5;}
.cascade-slider_arrow{display:inline-block;position:absolute;top:50%;cursor:pointer;z-index:5;}
.cascade-slider_arrow-left{width:34px;height:34px;border:none;position:absolute;left:50%;margin-left:-550px;top:240px;background:url('../images/main/arw_lft.png') center no-repeat;background-size:cover;overflow:hidden;text-indent:-9999px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:110}
.cascade-slider_arrow-left:hover{opacity:0.7}
.cascade-slider_arrow-right{width:34px;height:34px;border:none;position:absolute;right:50%;margin-right:-550px;top:240px;background:url('../images/main/arw_rgt.png') center no-repeat;background-size:cover;overflow:hidden;text-indent:-9999px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:110}
.cascade-slider_arrow-right:hover{opacity:0.7}
.cascade-slider_nav{width:100px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-50px;text-align:center}
.cascade-slider_nav .cascade-slider_dot{cursor:pointer;display:inline-block;width:6px;height:6px;border:none;background:#8f8d8d;border-radius:50%;overflow:hidden;text-indent:-9999px;margin:2px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cascade-slider_nav .cur{width: 18px;height: 6px;border-radius:3px;background: -webkit-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -moz-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -o-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -ms-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: linear-gradient(-90deg, #a8d5ae 0%, #599bc5 100%);}
.cascade-slider_item img{width:560px;height:406px;}

.part2{clear:both; padding:80px 0;}
.part2_section{margin-top:20px;}
.part2_section:after{content:"";display:block;clear:both}
.part2_section>li{float:left; width:50%}
.part2_slide{max-width:100%; height:380px;}
.part2_slide .slick-slide{height:380px}
.part2_slide .slick-dots{width:100px;height:20px;position:absolute;left:50%;bottom:10px;margin-left:-50px;text-align:center}
.part2_slide .slick-dots li{display:inline-block;}
.part2_slide .slick-dots li>button{width:6px;height:6px;border:none;background:#00495c;border-radius:50%;overflow:hidden;text-indent:-9999px;margin:2px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.part2_slide .slick-dots .slick-active>button{border-radius:3px;width: 18px;height: 6px;background: -webkit-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -moz-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -o-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -ms-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: linear-gradient(-90deg, #a8d5ae 0%, #599bc5 100%);}
/*
.part2_section .s1>div{margin-top:0; padding-right:65px;  border:1px solid #000; display:inline-block;}
.part2_section .s1>div .t1{font-size:27px;color:#ff6e0f;line-height:35px;display:inline-block;letter-spacing:-1.8px}
.part2_section .s1>div .t2{margin-top:25px;font-size:16px;color:#595c5f;line-height:28px;}
.part2_section .s1>div .t3{font-size:22px;color:#444a51;margin-top:5px}
*/

.part3{clear:both;overflow:hidden;padding:80px 0; background:url("../images/main/hero-bg.png") no-repeat center top; background-size:cover;}
.block_contents{width:100%;height:auto;text-align:center;position:relative;}
.block_contents_box{float:left;display:inline-block;width:25%;height:30%;text-align:center;position:relative;}
.box_wrap{text-align:center;position:relative;width:80%;min-width:150px;display:inline-block;}
.box_wrap h1{font-size:15px;font-weight:300;word-break:break-all;max-width:240px;display:inline-block;}
.box_wrap img{margin-bottom:30px; height: auto; max-width: 100%;vertical-align: middle;}

.block_contents .block_contents_box:nth-child(1) .box_wrap h1{max-width:200px;}
.block_contents .block_contents_box:nth-child(2) .box_wrap h1{max-width:170px;}
.block_contents .block_contents_box:nth-child(3) .box_wrap h1{max-width:170px;}
.block_contents .block_contents_box:nth-child(4) .box_wrap h1{max-width:200px;}

.part4{padding:80px 0;background:url("../images/main/main_bg4.jpg") no-repeat center top; background-size:cover;}
.part4 .main_title{color:#28a2e3 !important}
.support_list{margin-top:20px;}
.support_list:after{content:"";display:block;clear:both;}
.support_list>li{float:left;width:222px;margin-right:70px;}
.support_list>li:last-child{margin-right:0;}
.support_list>li>a{display:block;}
.support_list>li>a:hover{opacity:0.8}
.support_list>li .img_wrap{width:222px;height:160px;overflow:hidden}
.support_list>li .img_wrap>img{width:100%}
.support_list:after{content:"";display:block;clear:both}
.support_list .t1{color:#fff;font-size:18px;line-height:22px;margin-top:22px;}
.support_list .t3{margin-top:22px;border-top:1px solid #fff;padding-top:20px;font-size:16px;color:#8197a2;line-height:24px;}

.part5{clear:both; padding:80px 0 80px;}
.part5_section{margin-top:20px;}
.part5_section:after{content:"";display:block;clear:both}

@media( max-width: 1200px ){
	.support_list{width:100%; margin:0 auto;}
	.support_list>li{width:21%; margin:0 2%;}

	.part2_section{margin:0 20px}
	.part2_section>li{float:left; width:50% !important;}
	.part2_section>li.s1 .fb-page{width:96% !important; margin-right:4%}
	.part2_section>li.s2 .part2_slide{width:96% !important; margin-left:4%;}

	.part5 img{width:100%}
	.part5 .part5_section{margin-left:20px; margin-right:20px;}
}

@media( max-width: 1000px ){

    .part1{height:auto}
    .main_top_banner{height:280px;margin:60px 0 30px}
    .main_top_banner img{width:80%;display:block;margin:0 auto;padding-top:20px}
    .main_top_banner .slick-slide{}
    .main_top_banner .slick-prev{width:24px;height:24px;left:10px;top:50%;margin-top:-12px}
    .main_top_banner .slick-next{width:24px;height:24px;right:10px;top:50%;margin-top:-12px}
    .main_top_banner .slick-dots{bottom:10px}
    .main_top_banner .slick-dots .slick-active>button{width: 18px;height: 6px;border-radius:3px;background: -webkit-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -moz-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -o-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: -ms-linear-gradient(180deg, #a8d5ae 0%, #599bc5 100%);background: linear-gradient(-90deg, #a8d5ae 0%, #599bc5 100%);}

    .part2{padding:30px 0}
	.part2_section{margin:0}
	.part2_section>li{float:left; width:47% !important; margin:10px 1.5% 30px 1.5% }
	
	.part2_section>li.s1 .fb-page{width:100% !important; margin-right:0}
	.part2_section>li.s2 .part2_slide{width:100% !important; margin-left:0;}
	
	/*
	.part2{padding:30px 0;background-position:center;background:#fff}
    .part2_section{margin:20px 15px;}
	.part2_section>li{float:left;}
    
	.part2_section>li{float:none;width:auto;}
	.part2_section .s1>div {padding-right: 0px;}
    .part2_slide{width:100%;  height:auto;}

    .part2_slide img.slick-slide {margin-top:20px; width: 100%;}
    .part2_section .s2>div{margin-top:14px;padding-left:0;}
    .part2_section .s2>div>img{display:block;margin:0 auto}
    .part2_section .s2>div .t1{font-size:24px;line-height:32px;margin-top:20px;text-align:center;display:block}
    .part2_section .s2>div .t2{margin:20px 10px 0 10px;font-size:13px;line-height:24px;}
    .part2_section .s2>div .t3{font-size:20px;line-height:28px;margin:20px 10px 0 10px;text-align:left;display:block}
	*/

    .part3{padding:30px 0}
	.box_wrap h1{font-size:14px;}
	.contents_script h2{text-align:left;font-size:15px;}

    .part4{padding:30px 0}
    .support_list{width:100%;margin:20px 0}
    .support_list>li{width:47%;float:left;margin:10px 1.5% 30px 1.5% }
    .support_list>li>a{display:block;}
    .support_list>li .img_wrap{width:auto;height:auto;overflow:hidden}
    .support_list>li .img_wrap>img{width:100%}
    .support_list>li:last-child{margin-right:10px;}
    .support_list .t1{font-size:15px;height:15px;line-height:15px;margin-top:10px}
    .support_list .t2{font-size:12px;height:12px;line-height:12px;margin-top:7px;}
    .support_list .t3{margin-top:10px;padding-top:10px;font-size:13px;border-top:1px solid #4f4f4f}

	.part5{padding:30px 0}
	.part5 .part5_section{margin-top:0}
}

@media screen and (max-width: 768px){
	.main_top_banner{height:200px;margin-top:60px}
	
	.main_title{font-size: 30px;}
	.main_title_bar{width:28px;height:3px;background:#d7d9db;margin-top:14px;}
	
	.block_contents_box{width:50%;}
	.block_contents_box{margin-bottom:50px;}
}

@media screen and (max-width: 500px){
	.part2_section{margin:0}
	.part2_section>li{float:none; width:auto !important; margin:10px 10px 30px 10px}
	
	.part2_section>li.s1 .fb-page{width:100% !important; margin-right:0}
	.part2_section>li.s2 .part2_slide{width:100% !important; height:auto; margin-left:0;}
	.part2_section>li.s2{height:auto  !important;}
	.part2_slide .slick-slide{height:auto}
}

@media screen and (max-width: 480px){
	.main_top_banner{height:150px;margin-top:60px}

	.main_title{font-size: 25px;letter-spacing:2.8px;}

	.box_wrap{min-height:280px;}
	.box_wrap img{margin-bottom: 20px;}
	.box_wrap h1 {font-size: 13px;}
	.block_contents_box {margin-bottom: 0px;}

	.support_list{width:auto;margin:20px 10px}
    .support_list>li{width:auto;float:none;margin:10px 10px 30px 10px}
}

@media screen and (max-width: 450px){
	.block_contents_box{margin-bottom:30px;}
	.box_wrap{min-height:245px;}
}