@font-face {
  font-family: 'HONGLEIBANSHUJIANTI-2';
  src: url("../font/HONGLEIBANSHUJIANTI-2.TTF");
}

* {
  font-family: "Arial", "微软雅黑";
  padding: 0;
  margin: 0;
  /* box-sizing: border-box; */
}
body {
  font-family:  "微软雅黑";
}
.app{

}
.nav-heder {
    width: 1160px;
    margin: 0 auto;
    height: 40px;
}

.nav-heder li{
    padding:0 17px;
    float:left;
    font-size: 17px;
}
/* ----------------------login---------------------- */

.login{
  background: url('../images/bg.png') no-repeat center;
  height: 1080px;
}
.wrap{
  max-width: 1180px;
  margin: 0 auto;
  width: 96%;
}
.l-logo{
  padding-top: 95px;
}
.login-pic{
  width: 631px;
  height: 550px;
}
.login-pic>img{
  width: 100%;
  height: 100%;
}
.login-r{
  position: relative;
  width: 549px;
  background-color: #ffffff;
  box-shadow: inset #e4e4e49e 37px 0px 22px -10px;
}
.login-wrap{
  position: relative;
  width: 350px;
  padding-top: 105px;
  z-index: 9;

}
.login-cont{
  display: flex;
  margin-top: 16px;
  box-shadow: #e4e4e4 0px 0px 34px -8px;
}
.login-title{
  font-size: 36px;
  color: #323232;
  font-weight: bold;
  text-align: center;
}
.ul-login{
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ul-login>li{
  width: 100%;
  margin-top: 20px;
  border: 1px #dddddd solid;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
}
.login-icon{
  min-width: 52px;
  text-align: center;
}
.login-inp>input{
  font-size: 16px;
  color: #999999;
  width: 296px;
  height: 50px;
  background-color: transparent;
  outline: none;
  padding-right: 10px;
  box-sizing: border-box;
}
.login-inp>input::placeholder{
  font-size: 16px;
  color: #999999;
}
.login-btn{
  width: 100%;
}
.login-btn>input{
font-size: 16px;
height: 50px;
color: #ffffff;
background-color: #e8432d;
background: url('../images/22.png') no-repeat center;
width: 100%;
outline: none;
cursor: pointer;
}
.beian{
  color: #666666;
  font-size: 14px;
  margin-top: 70px;
  text-align: center;
}
.beian span{
  font-family: '宋体';
  font-size: 14px
}
.login-menb{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: url(../images/1.png) no-repeat center;
}
/* ----------------------列表---------------------- */
.header {
  box-shadow: #e4e4e4 0px 2px 11px 0px;
}

.header-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 127px;
}

.search {
  display: flex;

}

.search-inp>input {
  width: 430px;
  height: 40px;
  border: 1px #dddddd solid;
  border-right: none;
  padding: 0 20px;
  color: #333333;
  font-size: 14px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 4px 0 0 4px;
  outline: none;
}

.search-btn>input {
  background: url('../images/6.png') no-repeat 16px;
  width: 88px;
  height: 40px;
  background-color: #e8432d;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  padding-left: 20px;
  border-radius: 0 4px 4px 0;
  box-sizing: border-box;
}

.content {
  padding: 30px 0 60px;
}

.mbx {
  font-size: 14px;
  color: #999999;
  padding-bottom: 25px;
  border-bottom: 1px #dddddd solid;
}

.mbx a:nth-child(1) {
  font-weight: bold;
  color: #000000;
}


.ul-lbnav>li {
  display: flex;
  border-bottom: 1px #dddddd solid;
}



.ul-lbnav>li>p {
  min-width: 120px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
  color: #333333;
  background-color: #f3f3f3;
  box-sizing: border-box;
}

.ul-lbnav2 {
  overflow: hidden;
  padding-left: 16px;
}

.ul-lbnav2>li {
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #333333;
  line-height: 40px;
  cursor: pointer;
}
.ul-lbnav2>li:nth-last-child(1){
  margin-right: 0
}
.ul-lbnav2>li:hover {
  color: #e8432d;
  font-weight: bold;
}

 .more-sl{
  display: none;
  font-size: 18px;
  color: #a59e9e;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 0
}

.lbnav-more::before{
  content: '';
  background-color: #f3f3f3;
  position: absolute;
  width: 120px;
  height: 40px;
  bottom: 0;
  left: 0;
}
.lbnav-act {
  color: #e8432d !important;
  font-weight: bold;
}

.lb-txt p:nth-child(1) {
  font-size: 20px;
  color: #e8432d;
  margin-top: 12px;
}

.lb-txt p:nth-child(1) span {
  font-size: 16px;
}

.lb-txt p:nth-child(2) {
  color: #333333;
  font-size: 12px;
  line-height: 22px;
  margin-top: 10px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ul-lb {
  max-width: 1200px;
  overflow: hidden;
  margin: 40px 0 0 -1.67%;
}

.ul-lb>li {
  float: left;
  width: 18.33%;
  margin: 0 0 50px 1.67%;
  height:306px;
}

.ul-lbs>li {
  float: left;
  width: 100%;
  margin: 0 0 10px 1.67%;
}

.lb-pic {

}

.lb-pic>img {
  width: 100%;

}
.ul-page {
  display: flex;
  justify-content: center;
}
.ul-page a{
  display: block;
  color: #333333;
  font-size: 14px;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border: 1px #e4e4e4 solid;
  border-radius: 4px;
  margin: 0 1px;
}

.page-prev,.page-next{
  width: 108px !important;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border: 1px #e4e4e4 solid;
}
.page-num:hover,  .page-prev:hover,.page-next:hover{
  color: #ffffff;
  background-color: #e8432d;
  border-color: #e8432d;
}
.page-act{
  color: #ffffff !important;
  background-color: #e8432d !important;
  border-color: #e8432d !important;
}
.footer .beian{
  margin-top: 0;
  padding: 50px 0;
  background-color: #f4f4f4;
  border-top: 1px #dddddd solid;
}
/* ----------------------列表详情---------------------- */
.pduxq-top {
  overflow: hidden;
  margin-top: 40px;
  display: flex;
}
   .pduxq-top-l {
  width: 750px;
  float: left;
}
.pduxq-top-r {
  width: 430px;
  float: left;
  width: 44.56%;
  
}
.pduxq-top-txt {
  padding-left: 40px;
}
.pduxq-top-pic {
  width: 550px;
  box-sizing: border-box;
  text-align:center;
}
.pduxq-top-pic>img{
  width: 500px;
}
.pduxq-top-lb {
  position: relative;
  margin-top: 10px;
  z-index:1;
}
.lb-pduxq {
  width: 360px;
  margin: 0 auto;
}
.lb-pduxq .swiper-slide{
  cursor: pointer;
      width: 60px !important;
  }
.pduxq-top-lb .swiper-button-prev, .pduxq-top-lb .swiper-button-next {
  background: url(../images/jt-l.png) center no-repeat;
  width: 19px;
  height: 60px;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  outline: none;
  z-index:-1;
}
.pduxq-top-lb .swiper-button-next{
  background-image: url('../images/jt-r.png');
  left: auto;
  right: 0;
}
.lb-pduxq .swiper-slide>img {
  width: 100%;
  height: 100%;
}
.lb-pduxq .swiper-slide {
  position: relative;

  box-sizing: border-box;
  height: 60px;
}
.pduxq-top-tx {
  color: #000000;
  font-size: 24px;
  line-height: 42px;
  font-weight: bold;
  padding: 7px 0
}
.pduxq-top-tx2{
  display: flex;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  color: #333333;
}
.pduxq-top-tx2>span{
  display: block;
  min-width: 120px;
  color: #999999;
  padding-left: 20px;
  box-sizing: border-box;
}
.pduxq-top-tx2:nth-child(odd) {
  background-color: #f3f3f3;
}
.price{
  font-size: 20px;
  color: #e8432d;
}
.lb-txt p:nth-child(1) span {
  font-size: 16px;
}
.detail-title{
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  padding: 40px 0 20px
}
.detail-cont{

  padding: 40px 0;
  border-top: 1px #dddddd solid;
}
.detail-cont p{
  text-align: center;
}
.detail-cont img{
  max-width: 1180px;
  width: 100%;
}
.hot{
  border-top: 1px #dddddd solid;
}
.ul-hot>li{
  width: 18.33% !important;
}
/* hover */
.pduxq-top-pic,.lb-pic{
  overflow: hidden;
}
.pduxq-top-pic:hover img,.ul-lb>li:hover .lb-pic>img{
  transform: scale(1.15)
}
.pduxq-top-pic>img,.lb-pic>img{
  transition: .5s;
  -webkit-transition: .5s;
}
.pagelist{width:100%;height:37px; padding-top:30px; padding-bottom:50px; text-align:center;}
.pagelist a{ padding:3px 15px; height:32px;display:inline-block; background-color:#ffffff; border-radius: 8px; border:#c1c1c1 solid 1px;  text-align:center;line-height:32px;margin-left:0px;font-size:14px;color:#3e3e3e; cursor:pointer;}
.pagelist a:hover ,.pagelist a.selected{ background-color:#e8432d; color:#fff; border:#e8432d solid 1px; padding:3px 15px; cursor:pointer;}
.pagelist span{height:32px;display:inline-block;margin-left:14px;line-height:32px;text-align:center;font-size:14px;color:#999999;}



.ry-tc {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    z-index:9999;
}

.ry-tc-cont {
    width: 80%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.ry-tc-pic {
    display: inline-block;
}

.ry-tc-pic > img {
		height:550px;
}


.download {
    width: 100px;
    height: 40px;
    background-color: #e8432d;
    float: right;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    border-radius: 7px;
    position: relative;
    top: -15px;
}
.news_show {
    width: 100%;
    float: left;
}

.news_show_title {
    width: 100%;
    font-family:Arial;
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    text-align: center;
    padding-top: 27px;
}

.news_show_time {
    width: 100%;
    font-family:Arial;
    font-size: 12px;
    color: #afafaf;
    text-align: center;
    line-height: 50px;
}

.news_show_11 {
    width: 100%;
    float: left;
}

.news_show_content {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family:Arial;
    font-size: 11px;
    color: #666666;
    line-height: 23px;
    text-align: left;
}
.a_tit1{ font-size:34px; color:#232323; font-weight:bold; line-height:40px; margin-bottom:15px;}
.infor_form{ padding:15px 0 90px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.infor_form li{ width:49%; margin-bottom:25px;}
.infor_form li.big{ width:100%;}
.partner_p{ padding:40px 0 0 0;}
  .partner1 .txt p{ line-height:30px;}
  .infor_form{ padding:15px 0 60px 0;}
  
  .recruit{ padding:40px 0;}
  .recruit ul li{ width:47.72%; margin:0 2.28% 2.28% 0; position:relative; float:left;}
  .i_intxt{ border:1px solid #dadada; border-radius:5px; width:100%; box-sizing:border-box; line-height:53px; font-size:14px; padding:0 2.5%; height:53px; color:#a8a8a8;}
.infor_form li.big .i_intxt{ padding:10px 1.2%; resize:none; line-height:24px;}
.i_intxt2{ border:1px solid #dadada; border-radius:5px; width:100%; box-sizing:border-box; line-height:53px; font-size:14px; padding:0 2.5%; color:#a8a8a8;}
a.files{ width:185px; height:55px; overflow:hidden; display:block; box-sizing:border-box; border:1px solid #dadada; border-radius:5px; background:url(../images/file.png) center center no-repeat;}
a.files input{ margin-left:-270px; font-size:24px; cursor:pointer; filter:alpha(opacity=0); opacity:0;}
.i_inbut{ color:#415161;; background:#dddddd; font-size:18px; line-height:56px; padding:0 50px; border:none; cursor:pointer; margin-top:15px;}
.i_inbut:hover{ background:#dddddd;}


.p_title {
    font-size:16px; padding-left:42px; padding-top:30px; padding-bottom:30px;
}
.p_li {
    float:left; width:100%;
}
    .p_li li {
        float: left;
        width: 220px;
        margin-left: 20px;
        text-align: center;
        margin-bottom:20px;
    }
    .p_li li img {
        height:200px;
    }