@font-face {

  font-family: 'siyuan';

  src: url(../font/SOURCEHANSANSCN-NORMAL.OTF);

}

div,span,p{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: 150%;



  z-index: 111;



  background: #61aade;



  border-radius: 3px;



  display: none;



}



header .nav ul li:nth-child(3) .second_nav{

  width: 150px;

}



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;

  margin-bottom: 50px;



}



.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;

  display: flex;

    align-items: center;



}



.index_product .info h2 {



  color: #0452a4;



  font-size: 40px;



  font-weight: 300;



}



.index_product .info p {



  font-size: 16px;



  margin-top: 10px;

  line-height: 30px;



}



.index_product .info ul {



  width: 100%;



  margin-top: 15px;



}



.index_product .info ul li {



  width: 100%;



  display: inline-block;



  float: left;



  line-height: 30px;



  font-size: 16px;



}







.index_product{

  width: 100%;

  max-width: 1400px;

  margin: 10px auto;

  display: flex;

  background: #d9e7ef;

  align-items: center;

}





.index_mobile2 {



  display: none;



}

.index_product1 .index_product_left {



  width: 50%;



text-align: center;



  height: 100%;



}



.index_product1 .index_product_right {







  width: 50%;



  float: left;



  height: 100%;



}







.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;



  font-size: 16px;





}



.index_company .index_company_right {



  float: left;



}

.index_company .box{

  display: flex;

  align-items: center;

}

.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;



  width: 100%;



  text-align: center;



  color: #eee;



  clear: both;

  box-sizing: border-box;

}



.nbanner {



  width: 100%;



  height: 327px;



  clear: both;



  margin-top: 72px;

  background-size: cover!important;



}



.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 .fb{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.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;

  display: flex;

  align-items: center;



}





.nnews_item {



  width: 100%;



  clear: both;



  border-bottom: 1px solid #ddd;



  padding: 25px 0px;



  display: flex



}



.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;



flex: 1;



  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: 25%;



  text-align: center;



  float: left;



}



.renli_list li .k2 {



  width: 18%;



  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;



}



.left_detail{

  position: relative;

  overflow: hidden;

  text-align: center;

  margin: 20px 0;

}

.left_detail img{

  max-width: 500px;

}
.index_workshop_big{
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
    max-width: 1400px;
}
.index_workshop{
  position: relative;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 50px;
}
.index_workshop .item span{
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  display: inline-block;
}

@media (max-width: 1200px) {

  footer .foot_weixin{

    padding-left: 30px;

    width: 300px;

    display: flex;

    align-items: center;

    border-right: none;

  }

  footer .foot_info{

    padding: 0 30px;

    border-right: none;

    width: 50%;

  }



  footer .border_left{

    border-left: none;

  }



  header .btn_menu {



    cursor: pointer;



    position: absolute;



    float: right;



    right: 10px;



    top:30px;



    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=70);



    -moz-opacity: .7;



    opacity: 0.7;



  }



  .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: 30%;



    margin-top: 30px;



  }



  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%;



  }

  header .nav ul li:nth-child(3) .second_nav{

    width: 100%;

  }

  

}



@media (max-width: 1000px) {

  footer .foot_nav{

    width: 100%;

    border-right: none;

  }

  footer .foot_info{

    padding: 0;

    margin-top: 20px;

  }

  .index_company .box{

    flex-wrap: wrap;

  }

  .index_company .index_company_left{

    width: 100%;

    height: auto;

  }

  .index_company .index_company_right{

    display: none;

  }

  .index_product .info h2{

    font-size: 36px;

  }
.index_workshop{
  width: 95%;
}
  .index_workshop_big .swiper-button-next{
    display: none;
  }

  .index_workshop_big .swiper-button-prev{
    display: none;
  }

}

@media (max-width: 767px) {



  .mar_t_50{



    margin-top:20px



  }

  .index_product{

    flex-wrap: wrap;

  }

  .index_product img{

    max-width: 60%;

  }



  .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;

    width: 100%;



  }



  footer .foot_weixin {



    padding-left: 0;



    width: 40%;



    margin-left: 20%;



    text-align: center;



    border: none;

    margin-left: 0;



  }





  .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: 50%;



  }



  .renli_list li .k1 {



    width: 50%;



  }











  .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%;

    padding-top:30px;



  }



  .index_product1 .index_product_right {



    width: 100%;



  }





  .index_pic2 {



    display: none;



  }



  .index_mobile2 {



    display: flex;



  }



  .index_banner .swiper-slide a {



    background-size: cover!important;



  }



  .index_banner {



    height: 300px;



  }



  .index_news .item .pic{

    width: 60%;

    margin: 15px auto;

    padding-bottom: 35%;

   

  }

  .index_news .item .pic img{

    top: 15px;

  }

  .index_news .item{

    height: 430px;

  }

  .honor img{

    height: 200px;

  }



}

@media (max-width: 600px) {

  .nnews_item{

    flex-wrap: wrap;

  }

  .nnews_item .info{

    width: 100%;

    margin-top: 15px;

    padding-left: 0;

    flex:100%

  }

  .index_news .item{

    height:380px;

  }

  .index_banner {
    height: 250px;
}

}



@media (max-width: 480px) {

  .index_news .item{

    height:350px;

  }

  .index_public_title{

    font-size: 30px;

  }

  .index_product .info h2{

    font-size: 30px;

  }

  footer .foot_weixin{

    width: 50%;

  } 
  .index_banner {
    height: 200px;
}

}