﻿.contact_bannerbg {
  height: 650px;
  background-size: 100% 100%;
  background: url(../images/jdks_3.jpg) no-repeat;
}
.contact_banner {
  height: auto;
  width: 1238px;
  margin: 0 auto;
  background: url(../images/jdks_6.png) no-repeat center;
  background-size: cover;
  position: relative;
  top: 86px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 56px 56px 56px 56px;

}
.hc_btndivcls{
  margin-top: 20px;
  text-align: center;
}
.contact_banner .contact_content .con-l {
  width: 49%;
  float: left;
}
.contact_banner .contact_content .con-l .sm {
  font-size: 12px;
  color: #FFFFFF;
  line-height: 30px;
}
.contact_banner .contact_content .con-l .sm span {
  float: left;
  display: inline-block;
  opacity: 0.4;
}
.contact_banner .contact_content .con-l .sm span.nn {
  font-size: 20px;
  padding: 0 5px;
}
.contact_banner .contact_content .con-l .bigname {
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #ffffff;
  padding: 20px 0;
}
.contact_banner .contact_content .con-l .cn_style li {
  color: #fff;
  line-height: 30px;
  margin-bottom: 43px;
  font-size: 16px;
}
.contact_banner .contact_content .con-l .cn_style li:last-of-type{ margin-bottom: 0;}
.contact_banner .contact_content .con-l .cn_style li .name {
  line-height: 30px;
  font-size: 16px;
}
.contact_banner .contact_content .con-l .cn_style .fl {
  width: 187px;
  margin-right: 165px;
}
.contact_banner .contact_content .con-l .cn_style li{
  float: left;

}
.contact_banner .contact_content .con-l .cn_style a{ color:#ECB66E;}
.contact_banner .contact_content .con-l .cn_style  .cnt {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}
.contact_banner .contact_content .con-r {
  float: right;
  width: 49%;

}
.contact_banner .contact_content .con-r .liuyan {
  width: 320px;
  margin: 0 auto;
  border-radius: 6px;
  overflow: hidden;

}
.contact_banner .contact_content .con-r .liuyan .ly_title {
  background-color: #c40000;
  height: 76px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 76px;
}
.contact_banner .contact_content .con-r .liuyan .content_bx {
  padding: 20px 27px 12px;
  text-align: left;
  background-color: #fff;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li:first-of-type{ margin-top: 0;}
.contact_banner .contact_content .con-r .liuyan .content_bx li {
  margin: 15px 0;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li input {
  line-height: 44px;
  width: 100%;
  height: 44px;
  background: #E9EBEE;
  border-radius: 5px;
  text-indent: 16px;

}
.contact_banner .contact_content .con-r .liuyan .content_bx li:last-of-type{ margin-bottom: 0;}
.contact_banner .contact_content .con-r .liuyan .content_bx li input::-webkit-input-placeholder{
 color:#6f737b;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li input:-moz-placeholder{
  color:#6f737b;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li input::-moz-placeholder{
  color:#6f737b;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li input:-ms-input-placeholder{
  color:#6f737b;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li input.yzm {
  width: 123px;
  height: 44px;
  background:#E9EBEE;
  border-radius: 5px;
}
.contact_banner .contact_content .con-r .liuyan .content_bx img.yzm {
  width: 120px;
  height: 44px;
  display: inline-block;
  margin-left: 12px;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li p {
  color: #6F737B;
  font-size: 14px;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li p i {
  color: #ff6a00;
  font-size: 14px;
}
.contact_banner .contact_content .con-r .liuyan .content_bx li .ly_btn {
  cursor: pointer;
  width: 267px;
  height: 44px;
  background: linear-gradient(0deg,rgba(240,171,64,1),rgba(217,75,19,1));
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 44px;
  text-align: center;
  border: 0;
  outline: none;
  letter-spacing: 2px;

}
.contact_banner .contact_content .con-r .liuyan .content_bx li .ly_btn:hover {
  background: linear-gradient(0deg,rgba(240,171,64,1),rgba(224,104,33,0.5));
  box-shadow: 0px 5px 10px 0px rgba(224,104,33,0.5);
}
