/* line 5, ../../sass/app/contact.scss */
#body.contact {
  background: #f1f1f3;
}
/* line 8, ../../sass/app/contact.scss */
#body.contact .main {
  padding: 30px 0 100px;
}
/* line 11, ../../sass/app/contact.scss */
#body.contact .left {
  width: 50%;
}
/* line 13, ../../sass/app/contact.scss */
#body.contact .left .addr, #body.contact .left .sale, #body.contact .left .tech {
  width: 100%;
}
/* line 18, ../../sass/app/contact.scss */
#body.contact .left .addr .name, #body.contact .left .sale .name, #body.contact .left .tech .name {
  font-size: 1.4rem;
  line-height: 1.7;
  color: #221815;
}
/* line 24, ../../sass/app/contact.scss */
#body.contact .left .addr .text p, #body.contact .left .sale .text p, #body.contact .left .tech .text p {
  color: #595757;
  font-size: 1.4rem;
  line-height: 1.7;
}
/* line 31, ../../sass/app/contact.scss */
#body.contact .left .addr {
  padding: 15px 0 40px;
  border-bottom: #c9caca 1px solid;
}
/* line 34, ../../sass/app/contact.scss */
#body.contact .left .addr .text {
  margin-top: 20px;
}
/* line 37, ../../sass/app/contact.scss */
#body.contact .left .addr .name {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
/* line 43, ../../sass/app/contact.scss */
#body.contact .left .sale {
  padding: 35px 0;
  border-bottom: #c9caca 1px solid;
}
/* line 46, ../../sass/app/contact.scss */
#body.contact .left .sale .item {
  width: 50%;
}
/* line 50, ../../sass/app/contact.scss */
#body.contact .left .tech {
  padding-top: 35px;
}
/* line 54, ../../sass/app/contact.scss */
#body.contact .right {
  width: 260px;
  height: 300px;
  border: #c9caca 1px solid;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 42px 21px 15px 21px;
  position: relative;
}
/* line 62, ../../sass/app/contact.scss */
#body.contact .right .name {
  font-size: 2.4rem;
  color: #2f2725;
}
/* line 66, ../../sass/app/contact.scss */
#body.contact .right .abst {
  margin-top: 7px;
  font-size: 1.6rem;
  color: #898989;
}
/* line 71, ../../sass/app/contact.scss */
#body.contact .right .link {
  font-size: 1.2rem;
  color: #e60012;
  position: absolute;
  bottom: 15px;
  left: 21px;
  cursor: pointer;
}
/* line 78, ../../sass/app/contact.scss */
#body.contact .right .link img {
  display: inline;
  vertical-align: top;
  margin-right: 10px;
}
/* line 84, ../../sass/app/contact.scss */
#body.contact .right .map {
  width: 868px;
  height: 480px;
  border: #c9caca 1px solid;
  position: absolute;
  left: -877px;
  top: -1px;
  background: #eee;
  overflow: hidden;
  display: none;
}
/* line 94, ../../sass/app/contact.scss */
#body.contact .right .map #map {
  width: 868px;
  height: 480px;
}
/* line 98, ../../sass/app/contact.scss */
#body.contact .right .map .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  z-index: 99;
  font-size: 4rem;
  cursor: pointer;
}
/* line 110, ../../sass/app/contact.scss */
#body.contact .job {
  height: 450px;
  background: url("/images/contact/job-bg.jpg") no-repeat center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #352f2d;
}
/* line 116, ../../sass/app/contact.scss */
#body.contact .job .container {
  overflow: hidden;
}
/* line 119, ../../sass/app/contact.scss */
#body.contact .job .job-name {
  font-size: 3.6rem;
  font-weight: bold;
  margin-top: 150px;
  color: #fff;
}
/* line 125, ../../sass/app/contact.scss */
#body.contact .job .job-abst {
  font-size: 1.8rem;
  margin-top: 15px;
  color: #fff;
}
/* line 130, ../../sass/app/contact.scss */
#body.contact .job .btn {
  margin-top: 25px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: #fff 1px solid;
  font-size: 1.2rem;
  vertical-align: middle;
  text-align: center;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 152, ../../sass/construct/_mixin.scss */
#body.contact .job .btn .normal {
  color: #fff;
  padding: 7px 25px;
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 159, ../../sass/construct/_mixin.scss */
#body.contact .job .btn .hover {
  color: #000;
  padding: 7px 25px;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 170, ../../sass/construct/_mixin.scss */
#body.contact .job .btn:hover {
  background: #fff;
}
/* line 172, ../../sass/construct/_mixin.scss */
#body.contact .job .btn:hover .normal {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 176, ../../sass/construct/_mixin.scss */
#body.contact .job .btn:hover .hover {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 138, ../../sass/app/contact.scss */
#body.job .job-items {
  padding: 0 0 75px 0;
  color: #6e6e6e;
}
/* line 141, ../../sass/app/contact.scss */
#body.job .job-items .item-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border: #c9caca 1px solid;
  width: 100%;
}
/* line 145, ../../sass/app/contact.scss */
#body.job .job-items .item-header .title {
  height: 59px;
  line-height: 59px;
  background: #f5f5f5;
  text-align: center;
}
/* line 153, ../../sass/app/contact.scss */
#body.job .job-items .item-body .item, #body.job .job-items .item-body .info {
  width: 100%;
}
/* line 156, ../../sass/app/contact.scss */
#body.job .job-items .item-body .info {
  border-bottom: #cccccc 1px solid;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/* line 160, ../../sass/app/contact.scss */
#body.job .job-items .item-body .title {
  height: 59px;
  line-height: 59px;
  text-align: center;
}
/* line 164, ../../sass/app/contact.scss */
#body.job .job-items .item-body .title.arr {
  font-weight: bold;
  cursor: pointer;
}
/* line 170, ../../sass/app/contact.scss */
#body.job .job-items .item-body .content {
  border-bottom: #cccccc 1px solid;
  display: none;
  padding-bottom: 28px;
}
/* line 174, ../../sass/app/contact.scss */
#body.job .job-items .item-body .content .left, #body.job .job-items .item-body .content .right {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 40px;
  line-height: 1.6em;
}
/* line 179, ../../sass/app/contact.scss */
#body.job .job-items .item-body .content .left .name, #body.job .job-items .item-body .content .right .name {
  font-weight: bold;
  padding-bottom: 10px;
}
/* line 184, ../../sass/app/contact.scss */
#body.job .job-items .item-body .content .request {
  width: 100px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  font-size: 1.2rem;
  background: #4c4948;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 40px;
}
/* line 202, ../../sass/app/contact.scss */
#body.job .job-items .item-body .item.active .content {
  display: block;
}
/* line 207, ../../sass/app/contact.scss */
#body.job .job-items .pagi {
  text-align: right;
}