@font-face {
  font-family: 'siyuan';
  src: url(../font/SOURCEHANSANSCN-NORMAL.OTF);
}
*{font-family: 'siyuan'!important;}
.color1 {

  color: #0452a4;

}

.color2 {

  color: #e00e18;

}

.index_public_title {

  font-size: 36px;

  width: 100%;

  text-align: center;

  padding-bottom: 50px;

}

header .logo {

  float: left;

  margin: 10px 0px;

}

header .nav {

  float: left;

  margin-left: 70px;

}

header .nav .first_nav {

  margin-top: 40px;

}

header .nav ul li {

  float: left;

  font-size: 16px;

  margin-right: 25px;

  position: relative;

  padding-bottom: 10px;

}

header .nav ul li .second_nav {

  position: absolute;

  top: 40px;

  left: -40%;

  width: 180%;

  z-index: 111;

  background: #61aade;

  border-radius: 3px;

  display: none;

}

header .nav ul li .second_nav .second_nav_content {

  box-sizing: border-box;

  padding: 10px 0px 5px;

  display: inline-block;

}

header .nav ul li .second_nav .second_nav_content .item1 {

  padding: 0px 15px;

  width: 100%;

  position: relative;

  box-sizing: border-box;

}

header .nav ul li .second_nav .second_nav_content .item1 a {

  color: #fff;

  line-height: 36px;

  font-size: 14px;

}

header .nav ul li .second_nav .second_nav_content .item1 .right_arrow {

  float: right;

  line-height: 36px;

  color: #fff;

}

header .nav ul li .second_nav .second_nav_content .item1 .three_nav {

  position: absolute;

  left: 100%;

  top: 0;

  width: 100%;

  background: #61aade;

  text-align: center;

  display: none;

}

header .nav ul li .second_nav .second_nav_content .item1 .three_nav .item2 {

  padding: 0px 15px;

  width: 100%;

  position: relative;

  box-sizing: border-box;

}

header .nav ul li .second_nav .second_nav_content .item1 .three_nav .item2:hover {

  background: #fff;

}

header .nav ul li .second_nav .second_nav_content .item1 .three_nav .item2:hover a {

  color: #61aade;

}

header .nav ul li .second_nav .second_nav_content .item1:hover {

  background: #fff;

}

header .nav ul li .second_nav .second_nav_content .item1:hover .title1 {

  color: #61aade;

}

header .nav ul li .second_nav .second_nav_content .item1:hover .right_arrow {

  color: #61aade;

}

header .nav ul li .second_nav .arrow {

  width: 0;

  height: 0;

  overflow: hidden;

  border-width: 10px;

  border-color: #61aade transparent transparent transparent;

  border-style: solid dashed;

  transform: rotate(180deg);

  margin: 0 auto;

  margin-top: -20px;

}

header .nav ul li:last-child {

  margin-right: 0;

}

header .nav ul li:hover .cate_name {

  color: #0452a4;

}

header .close {

  display: none;

  position: absolute;

  top: 20px;

  left: auto;

  right: 3%;

  cursor: pointer;

  width: 16px;

  height: 16px;

  background: url(images/close.png) 0 0 no-repeat;

  background-size: 100% auto;

}

header .mask {

  display: none;

}

header .search {

  background: #eee;

  border-radius: 20px;

  width: 180px;

  margin-left: 70px;

  float: left;

  margin-top: 35px;

}

header .search .search_input {

  padding-left: 10px;

  border: none;

  background: none;

  float: left;

  width: 80%;

  line-height: 30px;

}

header .search .search_btn {

  background: url(../images/xiang.png) no-repeat -77px 0px;

  width: 21px;

  height: 20px;

  float: right;

  margin-top: 8px;

  margin-right: 3px;

  border: none;

}

header .lang {

  float: left;

  margin-top: 40px;

  margin-left: 20px;

}

header .lang .cn {

  float: left;

  color: #d70033;

}

header .lang .cn:after {

  content: '';

  background: url(../images/xiang.png) no-repeat -34px 0px;

  width: 21px;

  height: 14px;

  float: left;

  margin-top: 3px;

  margin-right: 3px;

}

header .lang .en {

  float: left;

  color: #d70033;

  margin-left: 5px;

}

header .lang .en:after {

  content: '';

  background: url(../images/xiang.png) no-repeat -56px 0px;

  width: 21px;

  height: 14px;

  float: left;

  margin-top: 3px;

  margin-right: 3px;

}

.index_banner {

  width: 100%;

  height: 576px;

  overflow: hidden;

  position: relative;

}

.index_banner .swiper-slide a {

  width: 100%;

  height: 100%;

  display: inline-block;

}

.index_banner .swiper-pagination-bullet {

  width: 15px;

  height: 15px;

}

.index_product .info {

  padding: 30px;

  box-sizing: border-box;

}

.index_product .info h2 {

  color: #0452a4;

  font-size: 40px;

  font-weight: 300;

  margin-top: 50px;

}

.index_product .info p {

  font-size: 16px;

  margin-top: 10px;

}

.index_product .info ul {

  width: 100%;

  margin-top: 15px;

}

.index_product .info ul li {

  width: 50%;

  display: inline-block;

  float: left;

  line-height: 30px;

  font-size: 16px;

}

.index_product .info ul li:after {

  content: '';

  background: url(../images/xiang.png) no-repeat -15px 0px;

  width: 20px;

  height: 20px;

  float: left;

  margin-top: 7px;

  margin-right: 5px;

}

.index_mobile2 {

  display: none;

}

.index_product1 {

  width: 100%;

  height: 435px;

}

.index_product1 .index_product_left {

  width: 50%;

  float: left;

  height: 100%;

}

.index_product1 .index_product_right {

  background: #d9e7ef;

  width: 50%;

  float: left;

  height: 100%;

}

.index_product1 .p1 {

  background: url(../images/p1.jpg) no-repeat center right;

}

.index_product1 .p2 {

  background: url(../images/p2.jpg) no-repeat center right;

}

.index_product1 .p3 {

  background: url(../images/p3.jpg) no-repeat center right;

}

.index_company {

  margin-top: 50px;

  display: inline-block;

  clear: both;

}

.index_company .index_company_left {

  background: #d9e7ef;

  padding: 30px;

  box-sizing: border-box;

  float: left;

  width: 515px;

  height: 415px;

  border-radius: 3px;

  line-height: 30px;

  margin-top: 50px;

  font-size: 16px;

  margin-left: 50px;

}

.index_company .index_company_right {

  float: left;

}

.index_news {

  background: #f0efef;

  width: 100%;

  padding: 50px 0px;

  clear: both;

  margin-top: 50px;

  display: inline-block;

}

.index_news .item {

  background: #fff;

  width: 100%;

  height: 470px;

  position: relative;

}

.index_news .item .pic {

  width: 100%;

  height: 0px;

  padding-bottom: 60%;

  position: relative;

}

.index_news .item .pic img {

  width: 100%;

  height: 100%;

  position: absolute;

}

.index_news .item .title {

  padding: 20px 20px 15px 20px;

}

.index_news .item .description {

  padding: 0px 20px;

}

.index_news .item .box {

  position: absolute;

  bottom: 0px;

  width: 100%;

}

.index_news .item .box .time {

  padding: 20px;

  float: left;

}

.index_news .item .box .arrow {

  background: url(../images/xiang.png) no-repeat 0px 0px;

  width: 18px;

  height: 18px;

  margin-right: 20px;

  margin-top: 20px;

  float: right;

}

footer {

  background: #222;

  width: 100%;

  padding: 30px 0px;

  color: #eee;

  float: left;

}

footer .foot_nav {

  float: left;

  padding-top: 10px;

  padding-right: 10px;

}

footer .foot_nav ul {

  float: left;

  padding-right:30px;

}

footer .foot_nav ul li {

  line-height: 30px;

}

footer .foot_nav ul li a {

  color: #eee;

}

footer .foot_info {

  line-height: 30px;

  padding: 0 60px;

  box-sizing: border-box;

  float: left;

}

footer .foot_weixin {

  padding-top: 15px;

  padding-left: 60px;

  box-sizing: border-box;

  float: left;

  width: 230px;

}

footer .foot_weixin .pic {

  float: left;

  width: 50%;

}



footer .foot_weixin .text {

  float: left;

  line-height: 26px;

  width: 50%;

  padding-left: 10px;

  box-sizing: border-box;

  margin-top: 20px;

}

footer .border_left {

  border-left: 1px solid #0d0d0d;



}

footer .border_right {

  border-right: 1px solid #555;



}

.copyright {

  background: #333;

  padding: 15px 0px;

  width: 100%;

  text-align: center;

  color: #eee;

  clear: both;

}

.nbanner {

  width: 100%;

  height: 327px;

  clear: both;

  margin-top: 72px;

}

.position {

  border-bottom: 1px solid #ddd;

  height: 100px;

  margin-bottom: 50px;

}

.position .position_left {

  float: left;

  margin: 30px 0px;

}

.position .position_right {

  float: right;

  margin-top: 40px;

}

.position .position_right ul li {

  float: left;

  font-size: 16px;

  border-right: 1px solid #ddd;

  line-height: 18px;

  padding: 0 20px;

}

.position .position_right ul li:last-child {

  border: none;

  padding-right: 0px;

}

.contact_left {

  background: #f1f0f0;

  padding: 40px;

  box-sizing: border-box;

  line-height: 36px;

}

.contact_left .line1 {

  width: 100%;

  border-bottom: 1px dashed #ddd;

  margin: 15px 0px;

}

.contact_left .line2 {

  width: 40px;

  background: #0452a4;

  height: 5px;

  margin: 30px 0px;

}

.honor {

  padding-bottom: 30px;

}

.honor img {

  height: 165px;

}

.product_content {

  line-height: 30px;

  font-size: 16px;

  width: 90%;

  margin: 0 auto;

}

.product_content p {

  font-family: 16px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;

}

.product_content span {

  font: 16px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important;

}

.company_content1 {

  line-height: 30px;

  font-size: 16px;

}

.company_content2 {

  line-height: 30px;

  background: #eee;

  padding: 30px;

  box-sizing: border-box;

  height: 356px;

  margin-bottom: 50px;

}

.nnews_item {

  width: 100%;

  clear: both;

  border-bottom: 1px solid #ddd;

  padding: 25px 0px;

  display: inline-block;

}

.nnews_item .pic_box {

  width: 300px;

  float: left;

}

.nnews_item .pic_box.pic {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 70%;

}

.nnews_item .pic_box.pic img {

  position: absolute;

  width: 100%;

  height: 100%;

}

.nnews_item .info {

  position: relative;

  float: left;

  width: 840px;

  padding-left: 20px;

  box-sizing: border-box;

}

.nnews_item .info .more {

margin-top: 20px;

  background: #0452a4;

  width: 96px;

  line-height: 32px;

  text-align: center;

}

.nnews_item .info .more a {

  color: #fff;

}

.nnews_item:last-child {

  margin-bottom: 50px;

}

/* 人力资源列表页 */

.renli_list {

  width: 100%;

  margin: 30px 0 50px;

  display: inline-block;

}

.renli_list .th {

  background: #0452a4;

  width: 100%;

  height: 50px;

  line-height: 50px;

  color: #fff;

}

.renli_list li {

  width: 100%;

  margin-top: 1px;

  float: left;

}

.renli_list li .renli_text {

  width: 100%;

  background: #f3f3f3;

  float: left;

  line-height: 50px;

  height: 50px;

  font-size: 14px;

  color: #666;

}

.renli_list li .more {

  color: #0452a4;

  cursor: pointer;

}

.renli_list li .k1 {

  width: 16%;

  text-align: center;

  float: left;

}

.renli_list li .k2 {

  width: 16%;

  text-align: center;

  float: left;

}

.renli_list li .k3 {

  width: 16%;

  text-align: center;

  float: left;

}

.renli_list li .k4 {

  width: 16%;

  text-align: center;

  float: left;

}

.renli_list li .k5 {

  width: 16%;

  text-align: center;

  float: left;

}

.renli_con {

  display: none;

  width: 100%;

  background: #fafafa;

  padding: 30px 0% 30px 0%;

  font-size: 14px;

  color: #666;

  line-height: 30px;

}

.renli_con .renli_con1 {

  margin-left: 7.5%;

}

.renli_btn2 {

  background: #1d69aa;

  width: 100px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  margin-left: 30px;

  margin-top: 10px;

  font-size: 14px;

  margin: 0 auto;

}

.renli_btn2 a {

  color: #fff;

}

.wenzhang_title {

  font-size: 26px;

  width: 100%;

  text-align: center;

  color: #666;

  line-height: 30px;

}

.wenzhang_time {

  width: 100%;

  text-align: center;

  color: #aaa;

  margin-top: 10px;

}

.wenzhang_body {

  margin-top: 20px;

  line-height: 28px;

  color: #666;

  float: left;

  width: 100%;

  font-size: 14px!important;

  font-family: 'Microsoft Yahei' !important;

}

.backbtn {

  width: 100px;

  line-height: 36px;

  color: #fff;

  background: #0452a4;

  border-radius: 3px;

  margin-bottom: 50px;

  display: inline-block;

}

.backbtn:hover {

  color: #fff;

}

.message_box {

  margin-bottom: 50px;

}

.message_box .item {

  width: 100%;

  display: inline-block;

  margin-bottom: 10px;

}

.message_box .item .item_left {

  float: left;

  width: 30%;

  text-align: right;

  line-height: 36px;

  padding-right: 5px;

  box-sizing: border-box;

}

.message_box .item .item_right {

  width: 60%;

  line-height: 36px;

}

.message_box .item textarea {

  height: 100px;

}

.message_box .item .input {

  border: 1px solid #eee;

  padding-left: 10px;

}

.message_box .item .btn {

  border-radius: 3px;

  cursor: pointer;

  border: none;

  line-height: 36px;

  width: 100px;

  background: #0452a4;

  margin-top: 15px;

}

.message_box .item .hot {

  color: #f00;

  display: inline-block;

  margin-right: 5px;

}

@media (max-width: 767px) {

  .mar_t_50{

    margin-top:20px

  }

  header .btn_menu {

    cursor: pointer;

    position: absolute;

    float: right;

    right: 10px;

    top: 45px;

    display: block;

    width: 24px;

    height: 24px;

    background: url(images/btn_menu.png) center center no-repeat;

    background-size: 100% auto;

  }

  .mask {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    background: #000000;

    height: 900px;

    z-index: 4000;

    filter: alpha(opacity=50);

    -moz-opacity: .5;

    opacity: 0.5;

  }

  .nav_w {

    display: none;

    position: absolute;

    left: 0;

    margin: 0;

    width: 100%;

    top: 38px;

    z-index: 5000;

    background-image: none;

    height: auto;

    padding: 25px 0 40px;

  }

  header .nav_w .close {

    display: block;

  }

  header .lang {

    margin-left: 80px;

    margin-top: 50px;

  }

  header .nav {

    width: 100%;

    padding: 10px 20%;

    box-sizing: border-box;

    margin-left: 0;

  }

  header .nav li {

    width: 100%;

    border-bottom: 1px solid #fff;

    text-align: center;

    margin-bottom: 20px;

  }

  header .nav li a {

    color: #fff;

  }

  header .nav li .cate_name:hover {

    color: #fff!important;

  }

  header .nav ul li .second_nav {

    width: 100%;

    left: 0;

  }

  header .search {

    width: 50%;

    margin-left: 25%;

  }

  .nbanner {

    height: 120px!important;

    background-size: cover!important;

  }

  .position .position_right {

    display: none;

  }

  footer .foot_nav ul {

    padding-right: 0px;

    width: 25%;

    box-sizing: border-box;

  }

  footer .foot_nav ul:last-child {

    padding-right: 0px;

  }

  footer .foot_nav {

    border: none;

    width: 100%;

  }

  footer .foot_info {

    padding: 0;

    border: none;

  }

  footer .foot_weixin {

    padding-left: 0;

    width: 60%;

    margin-left: 20%;

    text-align: center;

    border: none;

  }

  .contact_right {

    margin-top: 50px;

    margin-bottom: 50px;

  }

  .contact_right iframe {

    height: 300px;

  }

  .renli_list li .k2:nth-child(3) {

    display: none;

  }

  .renli_list li .k2:nth-child(2) {

    display: none;

  }

  .renli_list li .k2:nth-child(4) {

    display: none;

  }

  .renli_list li .k2 {

    width: 25%;

  }

  .renli_list li .k1 {

    width: 50%;

  }

  .nnews_item .info {

    width: 100%;

    padding-left: 0;

    margin-top: 15px;

    height: auto;

  }

  .nnews_item .info .more {

    position: unset;

    margin-top: 15px;

  }

  .company_content2 {

    height: auto;

  }

  .company_content3 {

    margin-bottom: 30px;

  }

  .index_company .index_company_left {

    margin-left: 0;

    width: 100%;

    height: auto;

  }

  .index_company_right {

    display: none;

  }

  .index_product1 .index_product_left {

    width: 100%;

  }

  .index_product1 .index_product_right {

    width: 100%;

  }

  .index_product1 .index_product_left {

    height: 200px;

    background-size: contain;

  }

  .index_pic2 {

    display: none;

  }

  .index_mobile2 {

    display: block;

  }

  .index_banner .swiper-slide a {

    background-size: cover!important;

  }

  .index_banner {

    height: 200px;

  }

}