/*layout style
--------------------------------------*/
/*页码放置 begin*/
.basic_bg {
  background: #42B153;
}

.page {
  width: 100%;
  padding: 40px 0 15px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.page a,
.page span {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  padding: 0 12px;
  background: #fff;
  height: 34px;
  line-height: 34px;
  margin: 0 3px;
}

.page span,
.page a:hover {
  background: #5bb647;
  color: #fff !important;
  border: 1px solid #5bb647;
}


/*页码放置 end*/
/*新闻*/
.tittle {
  text-align: center;
}

.tittle h4 {
  font-size: 30px;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.tittle02 {
  text-align: center;
  padding: 0 0 5px 0;
  position: relative;
}

.tittle02 h4 {
  font-size: 30px;
  padding: 15px 0;
}

.tittle01 h4 {
  font-size: 30px;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  text-align: center;
}

.new_attribute {
  position: relative;
}

.news_time {
  background: url(../images/time01.png) left no-repeat;
  padding: 0 0 0 22px;
}

.news_hits {
  background: url(../images/liulan01.png) left no-repeat;
  padding: 0 0 0 24px;
  margin: 0 12px;
}

.news_ziti {
  background: url(../images/ziti01.png) left no-repeat;
  padding: 0 0 0 24px;
}

.extro {
  margin-top: 10px;
  line-height: 18px;
}

.extro .dt {
  float: right;
  color: #666;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}

.extro .dt p {
  font-size: 13px;
  color: #333;
}

.extro .dt p span {
  padding-right: 0px;
  color: #666;
}

.new_info {
  padding: 18px 0;
  line-height: 200%;
}

#bdshare {
  float: none;
}

.next {
  line-height: 24px;
  padding: 10px 0 0 0;
  margin: 30px 0 0 0;
  border-top: 1px solid #ddd;
}

.next p {
  line-height: 26px;
  font-weight: bold;
}

.next a {
  font-weight: normal;
}

.next a:hover {
  text-decoration: underline;
}

.news_description {
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #eee;
}

.news_description span {
  font-weight: bold;
  font-size: 16px;
}

.order_num {
  height: 35px;
  line-height: 35px;
  background: #f05f02;
  display: block;
  float: left;
  font-size: 16px;
}

.order_num a {
  color: #fff;
  display: block;
  padding: 0 40px;
}

.order_num a:hover {
  display: block;
  background: #f97e30
}

.order_num01 {
  padding: 0 40px;
  height: 35px;
  line-height: 35px;
  background: #f05f02;
  display: block;
  float: left;
  border: 0;
  color: #fff;
  margin: 0 0 0 10px;
  font-size: 16px;
}

.order_num01:hover {
  display: block;
  background: #f97e30
}


.xgyuedu {
  margin: 40px 0 0 0;
}

.xgyuedu h1,
.xgchanpin h1 {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

.xgyuedu p {
  height: 30px;
  line-height: 30px;
}

.xgyuedu p span {
  margin: 0 10px 0 0;
}

.xgyuedu p em {
  margin: 0 0 0 30px;
  color: #999;
}

.xgyuedu_m01 p {
  line-height: 35px;
  height: 35px;
  font-size: 16px;
}

.xgyuedu_m01 p:before {
  content: '\e613';
  font-family: iconfont;
  padding: 0 10px 0 0;
  font-size: 16px;
  color: #04cea6
}

.xgchanpin {
  margin: 40px 0 0 0;
  overflow: hidden;
}

.xgchanpin_m {
  width: 105%;
}

.xgchanpin a {
  width: 15%;
  float: left;
  display: block;
  margin: 10px 10px 0 0
}

.xgchanpin a img {
  width: 100%;
  height: 120px;
  display: block;
}

.xgchanpin a h2 {
  font-weight: normal;
  line-height: 26px;
  text-align: center
}




.content_main {
  height: 35px;
  line-height: 35px;
  color: #fff;
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px 0;
}

.content_main h1 {
  float: left;
  padding: 0 40px;
  font-size: 15px;
}

.product_size {
  width: 750px;
  height: auto;
  overflow: hidden;
  padding-bottom: 28px;
  margin: 0 auto;
  /* float:left; */
}

.pro_sImg {
  padding: 11px 0;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 11px;
}

.pro_sImg img {
  width: 750px;
}

.pro_sMimg li {
  float: left;
  width: 86px;
  height: 59px;
  margin: 0 10px 10px 0;
  display: inline;
}

/* 招聘 */
.recruit01 h1 {
  float: left;
  display: block;
  width: 30%;
}

.recruit01 h1 span {
  font-weight: normal;
}

.recruit02 h1 {
  padding: 16px 0 4px 0;
}

.recruit02_m {
  font-size: 14px;
  line-height: 28px;
}

/* 地图 */
#allmap {
  width: 100%;
  height: 500px;
}

.formguide_button {
  cursor: pointer;
  border: 0;
  color: #fff;
  width: 200px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
}


/* 分享 */
.fx_share {
  display: block;
  width: 130px;
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  z-index: 9
}

.fx_share .e .slideDown {
  position: absolute;
  left: 0px;
  top: -10px;
  width: 120px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.fx_share .e .slideDown .share {
  cursor: pointer;
  display: block;
  padding: 11px 0px;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  font-family: Microsoft YaHei
}

.fx_share .e .slideDown .share b {
  border: solid 5px #fff;
  border-top-color: #757575;
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 18px;
  -webkit-transition: top 1s, all 0.3s ease-in 0s;
  -moz-transition: top 1s, all 0.3s ease-in 0s;
  -o-transition: top 1s, all 0.3s ease-in 0s;
  transition: top 1s, all 0.3s ease-in 0s;
}

.fx_share .e .slideDown .selectBox {
  background: #fff;
  display: none;
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 999;
  width: 120px;
  text-align: left
}

.fx_share .e .slideDown .selectBox a {
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: none;
  display: block;
  font: 12px/39px "Microsoft YaHei";
  height: 39px;
  padding-left: 45px;
  overflow: hidden;
}

.fx_share .e .slideDown .selectBox a:hover {
  text-decoration: none
}

.fx_share .e .slideDown .selectBox a.ico01 {
  background: url(../images/share_ico.png) no-repeat 12px -1px
}

.fx_share .e .slideDown .selectBox a.ico02 {
  background: url(../images/share_ico.png) no-repeat 12px -39px
}

.fx_share .e .slideDown .selectBox a.ico03 {
  background: url(../images/share_ico.png) no-repeat 12px -79px
}

.fx_share .e .slideDown .selectBox a.ico04 {
  background: url(../images/share_ico.png) no-repeat 12px -119px
}

.fx_share .e .slideDown .selectBox a.ico05 {
  background: url(../images/share_ico.png) no-repeat 12px -158px
}

.fx_share .e .slideDown .selectBox a.ico06 {
  background: url(../images/share_ico2.png) no-repeat 12px 6px
}

.fx_share .e .slideDown .selectBox a.ico07 {
  background: url(../images/share_ico2.png) no-repeat 12px -34px
}

.fx_share .e .slideDown .selectBox a.ico08 {
  background: url(../images/share_ico2.png) no-repeat 12px -74px
}

.fx_share .e .slideDown .selectBox a.ico09 {
  background: url(../images/share_ico2.png) no-repeat 12px -114px
}

.fx_share .e .slideDown .selectBox a.ico10 {
  background: url(../images/share_ico2.png) no-repeat 12px -155px
}

.fx_share .e .slideDown .selectBox a.ico01:hover {
  background: url(../images/share_ico_hover.png) no-repeat 12px -1px
}

.fx_share .e .slideDown .selectBox a.ico02:hover {
  background: url(../images/share_ico_hover.png) no-repeat 12px -39px
}

.fx_share .e .slideDown .selectBox a.ico03:hover {
  background: url(../images/share_ico_hover.png) no-repeat 12px -79px
}

.fx_share .e .slideDown .selectBox a.ico04:hover {
  background: url(../images/share_ico_hover.png) no-repeat 12px -119px
}

.fx_share .e .slideDown .selectBox a.ico05:hover {
  background: url(../images/share_ico_hover.png) no-repeat 12px -159px
}

.fx_share .e .slideDown .selectBox a.ico06:hover {
  background: url(../images/share_ico_hover2.png) no-repeat 12px 6px
}

.fx_share .e .slideDown .selectBox a.ico07:hover {
  background: url(../images/share_ico_hover2.png) no-repeat 12px -34px
}

.fx_share .e .slideDown .selectBox a.ico08:hover {
  background: url(../images/share_ico_hover2.png) no-repeat 12px -74px
}

.fx_share .e .slideDown .selectBox a.ico09:hover {
  background: url(../images/share_ico_hover2.png) no-repeat 12px -114px
}

.fx_share .e .slideDown .selectBox a.ico10:hover {
  background: url(../images/share_ico_hover2.png) no-repeat 12px -155px
}

.fx_share .e .slideCur {
  box-shadow: 0 0 2px 2px #eaeaea;
  display: block;
  border: 1px solid #eaeaea
}

.fx_share .e .slideCur .share {
  background-color: #f5f5f5;
}

.fx_share .e .slideCur .share b {
  border: solid 5px #f5f5f5;
  border-top-color: #1e63b0;
  top: 12px;
  border-top-color: #f5f5f5\9;
  border-bottom: solid 6px #1e63b0\9;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}



/* 招聘 */
.joinBox *,
.joinBox *:before,
.joinBox *:after {
  /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s;
}

.joinBox {
  margin-top: 30px;
}

.joinBox dd {
  position: relative;
  min-height: 70px;
  padding-left: 102px;
  margin-bottom: 11px;
  cursor: pointer;
}

.joinBox .num {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  background-color: #fff;
  color: #6a4818;
  display: block;
  width: 88px;
  height: 70px;
  font: 25px/70px Arial, helvetica, sans-serif;
  border: 1px solid #dedede
}

.joinBox .con {
  border: 1px solid #dedede;
  background-color: #fff;
}

.joinBox .con .job_title {
  margin: 0px 24px;
  border-bottom: 1px solid #fff;
  height: 68px;
  line-height: 68px;
  font-size: 18px;
  color: #4C4C4C;
  position: relative;
}

.joinBox .con .c {
  margin: 0px 24px;
  color: #4C4C4C;
  display: none;
  padding: 15px 10px 30px;
}

.joinBox .con .c h1 {
  padding: 25px 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #BEBEBE;
  font-size: 18px;
}

.joinBox .con a:link,
.joinBox .con a:visited {
  color: #fff;
}

.joinBox .con a:active,
.joinBox .con a:hover {
  text-decoration: underline;
}

.joinBox dd.act .num {
  background-color: #6a4818;
  color: #fff;
}

.joinBox dd.act .con {
  background-color: #dedede;
}

.joinBox .job_title .joico {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -9px;
  transition: 400ms;
}

.joinBox .job_title .joico .line1 {
  width: 18px;
  height: 2px;
  overflow: hidden;
  background: #8c8c8c;
  position: absolute;
  left: 0;
  top: 8px;
}

.joinBox .job_title .joico .line2 {
  width: 2px;
  height: 18px;
  overflow: hidden;
  background: #8c8c8c;
  position: absolute;
  left: 8px;
  top: 0;
  transition: 400ms;
}

.joinBox dd.act .job_title {
  border-bottom-color: #BEBEBE;
}

.joinBox dd.act .joico {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.joinBox dd.act .joico .line2 {
  display: none;
}

.job_line {
  height: 1px;
  background: #BEBEBE;
  display: block;
  margin: 10px 0;
}

.job_margin {
  margin: 8px 0 0 0;
}



/* 招聘弹框 */

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.animated1 {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.animated01 {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 700px;
  height: 600px;
  margin: 0 auto;
  display: none;
  background-color: #ffffff;
  position: fixed;
  top: 32%;
  left: 39%;
  margin: -120px 0 0 -150px;
  z-index: 10000;
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.animated01 h1 {
  font-size: 18px;
  float: left;
  padding: 20px 0 22px 32px;
}

.claseDialogBtn {
  float: right;
  display: block;
  padding: 20px 18px 22px 0;
  color: #999;
  font-size: 22px;
  font-weight: 400;
  font-family: sans-serif;
}

.bounceIn span {
  width: 150px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  margin: 25px 0 0 0;
  color: #fff;
  text-align: center;
  display: block;
}

.job_tanchu {
  overflow-x: hidden;
  overflow: -Scroll;
  width: 90%;
  margin: 0 auto;
  height: 460px;
  padding: 0 10px 30px 10px;
}

#style-8::-webkit-scrollbar-track {
  background-color: #a0a0a0;
  border-radius: 5px;
}

#style-8::-webkit-scrollbar {
  width: 6px;
  background-color: #a0a0a0;
  border-radius: 5px;
}

#style-8::-webkit-scrollbar-thumb {
  width: 4px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-color: #fff;
}


/* side */
.side {
  position: fixed;
  width: 54px;
  height: 275px;
  right: 0;
  top: 254px;
  z-index: 100;
}

.side ul li {
  width: 54px;
  height: 54px;
  float: left;
  position: relative;
  border-bottom: 1px solid #444;
}

.side ul li .sidebox {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 0;
  right: 0;
  transition: all 0.3s;
  background: #000;
  opacity: 0.8;
  filter: Alpha(opacity=80);
  color: #fff;
  font: 14px/54px "微软雅黑";
  overflow: hidden;
}

.side ul li .sidetop {
  width: 54px;
  height: 54px;
  line-height: 54px;
  display: inline-block;
  background: #000;
  opacity: 0.8;
  filter: Alpha(opacity=80);
  transition: all 0.3s;
}

.side ul li .sidetop:hover {
  background: #00c1de;
  opacity: 1;
  filter: Alpha(opacity=100);
}

.side ul li img {
  float: left;
}

.weixin h1 {
  display: none;
}

.weixin:hover h1 {
  display: block;
  width: 120px;
  position: absolute;
  top: 54px;
  left: -100px;
  z-index: 999;
}



.n_contact_icon ul {
  display: flex
}

.n_contact_icon ul li {
  flex: 1;
  text-align: center;
  padding: 0 20px
}

.n_contact_icon ul li span {
  font-size: 50px;
  color: #ccc
}

.n_contact_icon ul li h1 {
  margin: 10px 0;
  font-size: 18px
}

.n_contact_icon ul li p {
  font-size: 18px
}

.n_contact_icon ul li:nth-child(2) {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.n_contact_message {
  padding: 50px 0;
  border: 4px solid #eeee;
  background: url(../images/kefu.jpg) right bottom no-repeat;
  margin: 60px 0
}

.n_contact_message .n_contact,
.n_contact_message .n_message {
  width: 50%;
  padding: 0 50px
}

.n_contact_message .n_contact {
  font-size: 18px;
  line-height: 220%
}

.n_contact_message .n_message {
  border-left: 1px solid #eee
}


/* Basic Grey */
.basic-grey {
  padding: 30px 0 25px 20px;
  color: #888;
  text-shadow: 1px 1px 1px #FFF;
}

.basic-grey h1 {
  font-size: 25px;
  padding: 0px 0px 10px 40px;
  display: block;
  border-bottom: 1px solid #E4E4E4;
  margin: -10px -15px 30px -10px;
  ;
  color: #666;
}

.basic-grey h1>span {
  display: block;
  font-size: 11px;
}

.basic-grey label {
  display: block;
  width: 100%;
  margin: 0px;
}

.basic-grey label>span {
  float: left;
  /* width: 80px; */
  text-align: right;
  padding-right: 10px;
  color: #666;
  font-weight: normal;
  margin-top: 5px;
}

#basic-grey label>span {
  width: 80px;
}

.basic-grey input[type="text"],
.basic-grey input[type="email"],
.basic-grey textarea,
.basic-grey select {
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 2px 5px;
  color: #666;
  height: 28px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 12px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  width: 60%;
  font-size: 14px;
  box-shadow: inset 2px 2px 3px #ededed;
  -moz-box-shadow: inset 2px 2px 3px #ededed;
  -webkit-box-shadow: inset 2px 2px 3px #ededed;
}

.basic-grey .o-time {
  color: #666;
  height: 30px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 3px 3px 3px 5px;
  width: 70%;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
}

.basic-grey textarea {
  padding: 5px 3px 3px 5px;
}

.basic-grey select {
  background: #FFF url('down-arrow.png') no-repeat right;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 50%;
  height: 35px;
  line-height: 25px;
}

.basic-grey textarea {
  height: 100px;
}

.basic-grey label .error {
  color: red;
  float: none;
  font-weight: normal;
  line-height: 1.4;
  border: 1px solid red;
}

.basic-grey>label>span .error {
  border: none;
}

.message01 {
  height: 35px;
  line-height: 35px;
  width: 200px;
  border-radius: 5px;
  border: 0;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}