@charset "utf-8";

/* common */
main, .wrap {position:relative;}
main .inner, .wrap .inner {max-width:1200px; margin:0 auto; padding:0 40px; height:100%;}
#container, .breadcrumb, .wrap>figure {min-width:1200px;}

/* header */
header {height:96px; border-bottom:1px solid rgba(255,255,255,0.5);}
header .inner_wrap {position:fixed; top:0; left:0; width:100%; overflow:hidden; background:#fff; z-index:99999; -webkit-transform: translateZ(0);border-bottom:1px solid #e2e2e2; min-width: 1200px}
header h1 {float:left; margin-top:38px; width:20%; text-align:left;}
header .inner {text-align:center;}
header .inner:after {content:''; display:block; clear:both;}
header nav {display:inline-block; width:53.5%; vertical-align:top;}
header nav>ul {display:table; width:100%;}
header nav>ul>li {position:relative; display:table-cell; width:33.3%; max-width:214px; min-width:100px;}
header nav>ul>li a.on {border-bottom:5px solid #263b85;}
header nav>ul>li:after {content:''; display:block; position:absolute; right:0; top:32px; width:1px; height:52px; background:#e2e2e2;}
header nav>ul>li:last-child:after {display:none;}
header nav>ul>li>a {display:block; padding:32px 0 30px; font-size:19px; font-size:1.26rem; font-weight:700; letter-spacing:-1px; color:#555;}
header nav>ul>li>a:before {content:''; display:inline-block; margin-bottom:7px; width:31px; height:23px; background:url(../images/sp_main.png) no-repeat left top;}
header nav>ul>li:nth-child(1)>a:before {background-position-x: 0;}
header nav>ul>li:nth-child(2)>a:before {background-position-y: -48px;}
header nav>ul>li:nth-child(3)>a:before {background-position-y: -95px;}
header nav>ul>li:hover {background:#f5f5f5;}
header nav>ul>li:hover>a {color:#222;}
header nav>ul>li:hover>a:before {background-position-x: -56px;}
header nav>ul>li>a>span {display:block;}

header nav>ul>li:hover>.depth2 li a {color:#222;}
header nav:hover>ul>li:after {display:none;}

header .depth2 {height:0; overflow:hidden;}
/*header .depth2 li:nth-child(1) {margin-top:5px;}*/
/*header .depth2 li:last-child {margin-bottom:37px;}*/
header .depth2 li a {display:block; height:29px; line-height:29px; /* font-weight:700; */ color:#555;}
header nav>ul>li:hover>.depth2 {height:300px;}
header nav>ul>li:hover>.depth2 li a:hover {background:#263b85; color:#fff;}

header .lang {float:right; margin-top:53px;}
header .lang:after {content:''; display:block; clear:both;}
header .lang li {float:left; padding-bottom:6px;}
header .lang li a {display:block; font-family:'Montserrat'; font-size:13.5px; font-size:0.9rem; color:#666;}
header .lang li:nth-child(n+2) a:before {content:''; display:inline-block; border-left:1px solid #e2e2e2; margin:1px 10px 0; height:13px; vertical-align:top;}
header .lang li a span {display:inline-block;padding-bottom:4px;}
header .lang li:nth-child(1) a {border-left:0 none;}
header .lang li:hover a {color:#222;}
header .lang li:hover a span {border-bottom:2px solid #222;}

header nav:hover .depth2 {height:auto;}

/* footer */
footer {background:#1f1f1f; padding-bottom:41px; min-width: 1200px;}
footer .inner {overflow:hidden;}
footer span {display:block; float:left; margin-top:41px;}
footer div div {float:right; text-align:right; margin-top: 62px;}
footer div ul {display:inline-block; overflow:hidden;}
footer div ul li {float:left;}
footer div ul li:nth-child(1) {margin-bottom:5px;}
footer div ul li:nth-child(1):after {content:''; display:inline-block; width:1px; height:13px; background:#333; margin:0 10px 0 13px;}
footer div ul li a {color:#666; font-size:13px; font-size:0.86rem;}
footer div ul li a:hover {color:#888;}
footer div address {color:#666; font-family:'Montserrat'; font-size:12px; font-size:0.8rem;}

/* skip nav */
a.skip{display:block;position:fixed;top:0;z-index:999999;width:0;height:0;overflow:hidden;text-align:center;}
a.skip:active,a.skip:focus{z-index:999999; width:100%; height:auto; background:#FFF; color:#000;}


/* breadcrumb */
.breadcrumb {text-align:right; margin-top:20px; margin-bottom:45px;}
.breadcrumb ul {overflow:hidden; display:inline-block;}
.breadcrumb ul li {float:left;}
.breadcrumb ul li:after {content:''; display:inline-block; width:7px; height:10px; margin:0 10px; background:url(../images/bul_breadcrumb.jpg) no-repeat left top; vertical-align:middle;}
.breadcrumb ul li:last-child:after {display:none;}
.breadcrumb ul li:last-child {font-weight:bold;}
.breadcrumb ul li a {display:inline-block; color:#666;line-height:20px;}

/* sub visual */
.subvisual {height:155px; padding-top:115px; background:url(../images/bg_subvisual.jpg) repeat-x center top;}

/* heading */
h2 {font-size:48px; text-align:center; color:#fff;}
h3 {font-size:36px; text-align:center; font-weight:600;}
h3:after {content:''; display:block; width:30px; height:3px; background:#222; border-radius:2px; margin:30px auto 0;}

/* btn common */
.btn_wrap a {display:inline-block; width:123px; height:38px; line-height:38px; font-size:14px; font-size:0.93rem; text-align:center;}
.btn_wrap a.black {display:inline-block; background:#000; color:#fff;}
.btn_wrap a.blue {display:inline-block; background:#1b57bb; color:#fff;}

/* bxslider */
.bx-wrapper .bx-viewport {box-shadow:none; left:auto; border:0 none; background:transparent;}

.boldLi {
    font-weight: 500 !important;
    color: #dadada !important;
    text-decoration: underline !important;
}