/* contact */
.contect-title{ padding-top:150px; font-size:14px; color:#333; height:130px;}
.contect-title h2{ font-size:36px; color:#000; margin-bottom:10px;}
.contect-title p{}
.contact-main{ border:1px solid #ccc; background-color:#fff; margin-bottom:150px;}
.contact-main-bg{margin-bottom:150px; background-color:#f5f5f5;}
.contact-nav{}
.contact-nav ul li{ float:left; width:25%; text-align:center;}
.contact-nav ul li a{ display:block; background-color:#001E5A; color:#fff; height:90px; line-height:90px; font-size:20px; color:#fff;}
.contact-nav ul li a:hover, .contact-nav ul li.current-cat a{ background-color:#1058B2;}
.contact-message{ padding:70px 150px 50px;}
.contact-message ul li{ width:50%; margin-bottom:40px; box-sizing:border-box;}
.contact-message ul li.fl{ padding-right:50px;}
.contact-message ul li.fr{ padding-left:50px;}
.contact-message ul li.wild{ float:none; width:100%;}
.contact-message ul li label{ display:block; font-size:14px; color:#333; margin-bottom:15px;}
.contact-message ul li input{ display:block; width:100%; height:60px; border:1px solid #ddd; padding:0 10px}
.contact-message ul li textarea{ display:block; width:100%; height:180px; border:1px solid #ddd; padding:10px;}
.contact-message ul li .wpcf7-submit{ display:block; background-color:#1058B2; border:none; border-radius:20px; height:40px; width:130px; text-align:center; color:#fff; font-size:14px; cursor:pointer;}
.contact-message ul li .wpcf7-submit:hover{ background-color:#001E5A;}
.contact-message ul li br{ display: none; }
.contact-company{ padding:99px;}
/* company */
.company-logo{ float:left; width:300px; background:url(../images/logo_company.svg) no-repeat left center; padding-left:200px; height:80px;}
.company-logo h4{ font-size:24px; color:#000; padding-top:15px;}
.company-logo p{ font-size:13px; color:#999;}
.company-contact{ float:right; width:500px; font-size:14px; color:#333;}
.company-contact ul{ padding-left:110px;}
.company-contact ul li{ margin-bottom:15px;}
.company-contact ul li span{ color:#999;}
.company-map{ clear:both; padding-top:100px;}
.company-map img{ display:block; width:100%;}
/* welfare */
.contact-welfare{ padding:100px 100px 70px; background-color:#f5f5f5}
.welfare-content{ margin-bottom:30px; background-color:#fff; padding:50px 70px; font-size:18px;}
.welfare-content dl{ clear:both; position:relative; margin-bottom:40px; overflow:hidden;}
.welfare-content dl dt{ float:left; font-size:24px; width:150px;}
.welfare-content dl dd{ float:right; width:710px; padding-top:5px;}
/* recruit */
.contact-recruit{ position:relative; padding:100px 60px 20px; background-color:#f5f5f5}
.contact-recruit ul{}
.contact-recruit ul li{ float:left; margin:0 40px 80px; width:360px; background-color:#fff; padding:40px 50px; cursor:pointer;transition: all .36s;}
.contact-recruit ul li:hover{box-shadow:0 1px 10px 1px #ddd;}
.contact-recruit ul li h4{ font-size:20px; color:#000; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.contact-recruit ul li p{ font-size:14px; margin-bottom:15px; color:#999;}
.contact-recruit ul li span{ display:block; color:#1058B2; font-size:14px;}
.recruit-box{ display:none; width:650px; height:528px; background-color:#fff;box-shadow:0 5px 15px 5px rgba(0, 0, 0, .1); padding:60px; position:fixed; left:50%; top:50%; margin-left:-325px; margin-top:-264px;}
.recruit-box .recruit-box-title{ font-size:20px; color:#000; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.recruit-box .recruit-box-content{ font-size:14px; color:#999; line-height:1.6; height:426px; overflow-y:scroll}
.recruit-box .recruit-box-close{ position:absolute; right:25px; top:25px; width:24px; height:24px; background:url(../images/icon_close.svg) no-repeat center; cursor:pointer;}