@charset "utf-8";

a, body, div, em, html, li, p, span, strong, ul ,h2 {font-family:'nsk_m'}


#intro_wrap {position:relative;width:100%;height:100%;min-height:640px;}
.intro_menu {overflow:hidden;position:relative;height:100%;}
.intro_menu li {position:absolute;top:0;left:0;float:left;width:50%;height:100%;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.intro_menu li:before {display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:6px;content:'';}
.intro_menu li.con1 {width:50%;left:0;right:auto;background:#b1afac url(/images/amp/intro/intro_bg01.jpg)no-repeat center bottom; background-size:cover;}
.intro_menu li.con1:before {background-color:#0068c6;}
.intro_menu li.con2 {width:50%;left:auto;right:0;background:url(/images/amp/intro/intro_bg02.jpg)no-repeat center; background-size:cover;}
.intro_menu li.con2:before {background-color:#179200;}
/*.intro_menu li.con3 {left:66.6%;background:url(/images/amp/intro/intro_bg03.jpg)no-repeat center bottom; background-size:cover;}
.intro_menu li.con3:before {background-color:#ffc600;}*/

.intro_menu li .branch {position:relative;height:100%;text-align:center;}
.intro_menu li .branch .area{position:absolute;top: 25%; width:100%;text-align:center;}
.intro_menu li .tit {font-size:65px; color:#fff; text-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.intro_menu li .tit span {display:inline-block; font-weight:700;}
.intro_menu li .tit_small {font-size:16px; color:#fff;text-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.intro_menu li .group {opacity:0; margin:25px 0 0;text-align: center;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.intro_menu li .group p {margin:0 0 20px;padding: 0 18%;color:#b2b2b2;font-size:15px;word-break: keep-all;}
.intro_menu li .group p span {display: inline;}
.intro_menu li .group .icon_wrap {}
.intro_menu li .group .icon_wrap span {display:inline-block; position:relative; margin:0 10px;color:#b2b2b2; font-size:15px; vertical-align:middle;}
.intro_menu li .group .icon_wrap span:nth-child(2):after {display:block;position:absolute;top: 6px;left: -13px;width:1px;height:15px;background:#b2b2b2;content:'';}
.intro_menu li .group .icon_wrap span .ico {display:inline-block; height:16px;margin-right:5px; background:url(/images/amp/intro/intro_ir.png) no-repeat; vertical-align:middle;}
.intro_menu li .group .icon_wrap span .ico.ico1 {width:12px; background-position:0 0;}
.intro_menu li .group .icon_wrap span .ico.ico2 {width:17px; background-position:-21px 0;}
.intro_menu li .group .go {margin:70px 0 0;text-align:center; }
.intro_menu li .group .go a {display:inline-block; width:64px; height:64px; background:url(/images/amp/intro/intro_ir.png) no-repeat -102px -121px; line-height:64px; color:#fff; font-weight:700;}

.intro_menu.one li.con1 {width:60%;z-index:2;background:url(/images/amp/intro/intro_bg01_ov.jpg) no-repeat center bottom;background-size:cover;}
.intro_menu.two li.con2 {width:60%;z-index:2;background:url(/images/amp/intro/intro_bg02_ov.jpg) no-repeat center center;background-size:cover;}
/*.intro_menu.three li.con3 {width:38%;z-index:2;left:62%;background:url(/images/amp/intro/intro_bg03_ov.jpg) no-repeat center bottom;background-size:cover;}*/

.intro_menu.one .con1:before,
.intro_menu.two .con2:before,
.intro_menu.three .con3:before {height:13px;}
.intro_menu.one .con1 .branch:before,
.intro_menu.two .con2 .branch:before,
.intro_menu.three .con3 .branch:before {display:block;}

.intro_menu.one .con1 .group,
.intro_menu.two .con2 .group,
.intro_menu.three .con3 .group {opacity:1;}

@media(max-width:1700px){
    .intro_menu li .tit {font-size:30px;}
    .intro_menu.one li.con2 .tit,
    .intro_menu.one li.con3 .tit,
    .intro_menu.two li.con1 .tit,
    .intro_menu.two li.con3 .tit,
    .intro_menu.three li.con1 .tit,
    .intro_menu.three li.con2 .tit {font-size:30px;}
}

@media(max-width:1279px){
    .intro_menu li .group p {padding:0 10%;}
}

@media(max-width:1100px){
    #intro_wrap,
    .intro_menu {height:auto;}
    .intro_menu li.con1,
    .intro_menu li.con2,
    .intro_menu li.con3 {position:relative;left:0; width:100%; height:450px;}
    .intro_menu.one li.con1,
    .intro_menu.two li.con2,
    .intro_menu.three li.con3 {left:0; width:100%;}
    .intro_menu li .branch .area {top:30%;}
    .intro_menu.one li.con1 .branch .area,
    .intro_menu.two li.con2 .branch .area,
    .intro_menu.three li.con3 .branch .area {top:15%;}
    .intro_menu li .tit {font-size:35px;}
    .intro_menu li .group .go {margin:30px 0 0;}
    .intro_menu li .group p span {display:block; }
}
@media(max-width:767px){
    .intro_menu li .tit {font-size:25px;}
}
@media(max-width:530px){
    .intro_menu li.con3 {height:480px;}
    .intro_menu.one li.con1 .branch .area,
    .intro_menu.two li.con2 .branch .area,
    .intro_menu.three li.con3 .branch .area {top:13%;}
    .intro_menu li .group p {padding:0 20px;}
    .intro_menu li .group p span {display:inline;}
}