@charset "UTF-8";

@import url('default.css');
@import url('layout.css');

body{position:relative; background-color:transparent;}
.wrap{position:relative; width:1000px; margin-left:auto; margin-right:auto;}
#wrapper{overflow:hidden; position:relative; width:100%; background-repeat:no-repeat; background-position:top center;}
.intro.silver #wrapper{background-image:url('/site/public/images/intro/intro_bg1.jpg');}
.intro.gnyouth #wrapper{background-image:url('/site/public/images/intro/intro_bg2.jpg');}
@media all and (max-width:1000px){
    .wrap{width:auto; margin-left:0; margin-right:0; padding-left:20px; padding-right:20px;}
    #wrapper{background-size:100% 543px;}
}
@media all and (max-width:640px){
    #wrapper{background-size:100% 373px;}
}

#header{position:relative; z-index:30; width:100%; background-color:transparent;}
#header .logo{position:relative; padding-top:80px; text-align:center;}
@media all and (max-width:1000px){
    #header .logo{padding-top:50px;}
    #header .logo img{width:146px; height:auto;}
}

#container{background-color:transparent;}
.intro_title{position:relative; margin-top:73px; text-align:center;}
.intro_title h2{margin-bottom:36px; color:#1c4884; font-size:50px; line-height:60px; letter-spacing:-0.025em; font-weight:400; font-family:'OneMobile';}
.intro_title p{color:#252525; font-size:24px; line-height:28px; letter-spacing:-0.01em; font-weight:400; word-break:keep-all;}
.intro_list{position:relative; padding-top:88px; padding-bottom:98px; font-size:0; line-height:0;}
.intro_list .intro_item{display:inline-block; position:relative; width:calc((100% - 80px)/2); margin-right:80px; border-radius:60px; box-shadow:-24px 18px 60px 0 rgba(0, 0, 0, 0.2); vertical-align:top; text-align:center; transition:transform 0.25s ease-in-out;}
.intro_list .intro_item:last-child{margin-right:0;}
.intro_list .intro_item .intro_anchor{overflow:hidden; display:block; width:100%; min-height:437px; padding-top:174px; border-radius:60px; background-repeat:no-repeat; background-position:top center; text-decoration:none; transition:background-color,padding-top 0.25s ease-in-out;}
.intro_list .intro_item.n1 .intro_anchor{background-color:#018e96; background-image:url('/site/public/images/intro/intro_item_bg1.png');}
.intro_list .intro_item.n2 .intro_anchor{background-color:#389964; background-image:url('/site/public/images/intro/intro_item_bg2.png');}
.intro_list .intro_item.n3 .intro_anchor{background-color:#225d6b; background-image:url('/site/public/images/intro/intro_item_bg3.png');}
.intro.gnyouth .intro_list .intro_item{width:calc((100% - 80px)/3);margin-right: 30px;}
.intro.gnyouth .intro_list .intro_item:last-child{margin-right: 0;}
.intro.gnyouth .intro_list .intro_item.n1 .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg3.png');}
.intro.gnyouth .intro_list .intro_item.n2 .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg4.png');}
.intro.gnyouth .intro_list .intro_item.n3 .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg5.png');}
.intro_list .intro_item .intro_anchor .intro_content{position:relative; padding-top:37px; padding-bottom:39px; transition:all 0.25s ease-in-out;}
.intro_list .intro_item .intro_anchor .intro_content .title{position:relative; margin-bottom:33px; padding-bottom:53px; color:#fff; font-size:30px; line-height:34px; letter-spacing:0; font-family:'OneMobile'; transition:all 0.25s ease-in-out;}
.intro_list .intro_item .intro_anchor .intro_content .title:before{display:block; position:absolute; bottom:0; left:0; right:0; width:1px; height:23px; margin:0 auto; background-color:rgba(255,255,255,0.4);}
.intro_list .intro_item .intro_anchor .intro_content .btn{display:block; position:relative; width:152px; height:47px; margin:0 auto; padding:13px 10px 12px 24px; border-radius:35px; border:1px solid rgba(255,255,255,0.4); color:#fff; font-size:16px; line-height:20px; letter-spacing:0; text-align:left; transition:all 0.25s ease-in-out;}
.intro_list .intro_item .intro_anchor .intro_content .btn:before{display:block; position:absolute; top:0; right:14px; bottom:0; width:31px; height:31px; margin:auto 0; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; transition:all 0.25s ease-in-out;}
.intro_list .intro_item.n1 .intro_anchor .intro_content .btn:before{background-image:url('/site/public/images/intro/intro_item_arrow1.png');}
.intro_list .intro_item.n2 .intro_anchor .intro_content .btn:before{background-image:url('/site/public/images/intro/intro_item_arrow2.png');}
.intro_list .intro_item.n3 .intro_anchor .intro_content .btn:before{background-image:url('/site/public/images/intro/intro_item_arrow4   .png');}
@media all and (min-width:1001px){
    /* hover */
    .intro_list .intro_item:hover{border-top-left-radius:30px; transform:translateY(-30px);}
    .intro_list .intro_item:hover .intro_anchor{padding-top:255px; border-top-left-radius:30px; background-color:#fff;}
    .intro_list .intro_item.n1:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg1.jpg');}
    .intro_list .intro_item.n2:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg2.jpg');}
	.intro_list .intro_item.n3:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg3.jpg');}
    .intro.gnyouth .intro_list .intro_item.n1:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg3.jpg');}
    .intro.gnyouth .intro_list .intro_item.n2:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg4.jpg');}
	.intro.gnyouth .intro_list .intro_item.n3:hover .intro_anchor{background-image:url('/site/public/images/intro/intro_item_bg5.jpg');}
    .intro_list .intro_item:hover .intro_anchor .intro_content{background-color:#fff;}
    .intro_list .intro_item:hover .intro_anchor .intro_content .title{padding-bottom:0; margin-bottom:26px; color:#2f2f2f;}
    .intro_list .intro_item:hover .intro_anchor .intro_content .title:before{display:none;}
    .intro_list .intro_item:hover .intro_anchor .intro_content .btn{padding-left:35px;}
    .intro_list .intro_item.n1:hover .intro_anchor .intro_content .btn{border-color:#018e96; background-color:#018e96;}
    .intro_list .intro_item.n2:hover .intro_anchor .intro_content .btn{border-color:#389964; background-color:#389964;}
	.intro_list .intro_item.n3:hover .intro_anchor .intro_content .btn{border-color:#225d6b; background-color:#225d6b;}
    .intro_list .intro_item:hover .intro_anchor .intro_content .btn:before{background-color:transparent; background-image:url('/site/public/images/intro/intro_item_arrow3.png');}
}
@media all and (max-width:1000px){
    .intro_title{margin-top:55px;}
    .intro_title h2{margin-bottom:25px; font-size:40px; line-height:50px;}
    .intro_title p{font-size:20px; line-height:24px;}
    .intro_list{margin:0 60px;}
    .intro_list .intro_item{width:calc((100% - 20px)/2); margin-right:20px;}
    .intro_list .intro_item .intro_anchor{min-height:350px; padding-top:150px;}
    .intro_list .intro_item .intro_anchor .intro_content{padding-top:0; padding-bottom:0;}
    .intro_list .intro_item .intro_anchor .intro_content .title{margin-bottom:23px; padding-bottom:43px; font-size:26px; line-height:30px;}
}
@media all and (max-width:800px){
    .intro_list{margin:0;}
}
@media all and (max-width:640px){
    .intro_title h2{margin-bottom:15px; font-size:30px; line-height:40px;}
    .intro_title p{font-size:16px; line-height:20px;}
    .intro_list{padding-top:65px; padding-bottom:40px;}
    .intro_list .intro_item{display:block; width:460px; margin-right:auto; margin-left:auto; margin-bottom:20px; border-radius:40px;}
    .intro_list .intro_item:last-child{margin-right:auto;}
    .intro_list .intro_item .intro_anchor{min-height:auto; padding-top:125px; padding-bottom:40px; border-radius:40px;}
    .intro_list .intro_item .intro_anchor .intro_content .title{margin-bottom:13px; padding-bottom:22px; font-size:22px; line-height:26px;}
    .intro_list .intro_item .intro_anchor .intro_content .title:before{height:13px;}
    .intro_list .intro_item .intro_anchor .intro_content .btn{width:120px; height:40px; padding:10px 15px; font-size:14px;}
    .intro_list .intro_item .intro_anchor .intro_content .btn:before{right:9px; width:25px; height:25px; background-size:11px 9px;}

	.intro.gnyouth .intro_list .intro_item{width:460px;margin-right: auto;}
	.intro.gnyouth .intro_list .intro_item:last-child{margin-right: auto;}
}
@media all and (max-width:500px){
    .intro_title h2{font-size:26px; line-height:30px;}
    .intro_list .intro_item{width:100%;}
}


#footer{position:relative; font-size:0; line-height:0; text-align:center;}
#footer .info{position:relative; padding-top:27px; padding-bottom:35px; border-top:1px solid #e1e1e1;}
#footer .info .info_copyright{color:rgba(62,62,62,0.8); font-size:14px; line-height:28px; letter-spacing:0.01em; word-break:keep-all;}
@media all and (max-width:640px){
    #footer .info .info_copyright{font-size:13px; line-height:18px;}
}