.innBan{
    /*height: 80vh;*/
    position: relative;
    margin-top: 80px;
}
.innBan img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innBot{
    width: 100%;
    position: relative;
}
.innBot::after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.3);
}
.innBot .bg{
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.innBot .TBox{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.innBot .btn{
    margin-top: 30px;

}
.innBot .btn img{
    width: 30px;
}
.abGBox{
    position: relative;
    padding: 5% 2% 15% 3%;
    overflow: hidden;
    background: #e2080c;
}
/* .abGBox .bgBox{
    width: 84%;
    padding-bottom: 10%;
} */
.abGBox .left{
    width: 100%;
    /* padding: 5% 5% 5% 10%; */
}
.abGBox .text{
    margin-top: 30px;
}
.abGBox .text span{
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.abGBox .xian {
    margin: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.abGList.act{
    /* margin-right: 0px; */
}
.abGList{
    width: 80%;
    transition: all 1s;
    margin-top: -200px;
    background: #f7f8f9;
}
.abGList2{
    width: 100%;
    display: none;
  
}
.abGitem{
    overflow: hidden;
    width: auto;
}
.abGitem img{
    /* width: 100%; */
    height: 350px;
    object-fit: cover;
    transition: all 0.48s;
}
.abGitem:hover img{
    transform: scale(1.1);
}
.abHBox{
    padding: 5% 0;
    position: relative;
}
.abHBox .titBox{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    height: 650px;
}
.abHBox .imgBox{
    width: 40%;
    height: 100%;
    /* padding: 50px; */
    position: relative;
}
.abHBox .imgBox2{
    display: none;
}
.abHBox .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.abHBox .Tbox{
    width: 55%;
    position: relative;
    /* padding: 50px 0; */
    height: 100%;
}
.abHList{
    width: 70%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
    /* margin-top: 130px; */
}
.abHItem{
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.48s;
}
.abHItem:hover{
    background: #f7f8f9;
    padding: 30px;
}
.abHItem:hover .tit span{
    font-size: 46px;
}
.abHItem .tit{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.abHItem .tit span{
    font-size: 42px;
    font-weight: 600;
    color: #e2080c;
    margin-right: 5px;
    font-family: "Playfair";
    line-height: 1;
    transition: all 0.48s;
}
.abHItem .text {
    font-size: 18px;
}
.abH_pagination{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* background: #eeedf7; */
}
.abH_pagination .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    transition: all 0.48s;
    margin: 10px !important;
    background: #e2080c;
    opacity: .3;
}
.abH_pagination .swiper-pagination-bullet-active{
    opacity: 1;
}



.abSBox{
    padding: 5% 0;
    position: relative;
    background: #eeedf7;
    
}
.abSBox .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.abSBox .imgBox{
    width: 40%;
    /* disp; */
    text-align: center;
}
.abSBox .imgBox img{
    width: 400px;
}
.abSBox .imgBox span{
    display: block;
    /* background: #fff; */
    padding: 20px;
    font-size: 20px; 
    font-weight: 600;
}
.abSBox .Tbox{
    width: 55%;
    padding: 0 50px;
}
.abSBox .Tbox .text{
    margin-top: 30px;
}
.abSBox .Tbox .text .span1{
    font-size: 20px;
    color: #e2080c;
    display: block;
    font-weight: 600;
}
.abSBox .Tbox .text .span2{
    font-size: 16px;
    display: block;
    margin: 5px 0 15px;
}
.abJBox{
    padding: 5% 0;
    position: relative;
    /* background: #f7f8f9; */
}
.abJBox .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
}
.abJBox .left{
    width: 45%;
}
.abJBox .imgBox{
    width: 100%;
    height: 100%;
    background: #f7f8f9;
}
.abJBox .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* height: 500px; */
}
.abJBox .Tbox{
    width: 50%;
    padding: 20px 0;
}
.abJBox .Tbox .tit{
    font-size: 28px;
    font-weight: 600;
    color: #e2080c;
    letter-spacing: 2px;
}
.abJBox .Tbox .text{
    margin-top: 20px;
}

.abJBox .Tbox .text span{
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}


.abYBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
}
.abYList{
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.abYItem{
    width: calc(33.3% - 20px);
    position: relative;
    margin-right: 30px;
}
.abYItem:nth-child(3n){
    margin-right: 0;
}
.abYItem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abYItem .imgBox img{
    width: 100%;
}
.abYItem .text{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}











/* 新闻 */
.newsBox{
    padding: 5% 0 3%;
    position: relative;
}
.newsBox .inner{
    width: 70%;
}
.newslist{
    margin-top: 3%;
}
.newsItem{
    padding: 30px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.newsItem .imgBox{
    width: 25%;
}
.newsItem .imgBox img{
    width: 100%;
}
.newsItem .TBox{
    width: 72%;
    padding: 30px 0;
    margin-left: 3%;
}
.newsItem .tit{
    font-size: 22px;
    font-weight: 600;
    transition: all 0.48s;
    /* color: #e2080c; */
    /* margin: 10px 0 20px; */
    display: inline-block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.newsItem:hover .tit{
    color: #e2080c;
}
.newsItem::before{
    content: '';
   width: 0;
   height: 2px;
   background: #e2080c;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: all 0.8s;
}
.newsItem:hover::before{
   width: 100%;
}
.newsItem .time{
    font-size: 14px;
}
.newsItem .text{
    font-size: 16px;
    word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}



/* 产品 */
.proCBox{
    padding: 5% 0;
    position: relative;
}
.proCBox .inner{
    width: 94%;
    margin-left: 6%;
}
.proCBox .top{
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.proText{
    margin-top: 20px;
    width: 94%;
}
.proText span{
    font-size: 16px;
    display: block;
    /* margin-bottom: 10px; */
}
.proCList{
    margin-top: 3%;
    overflow: hidden;
}
.proCitem{
    overflow: hidden;
    position: relative;
}
.proCitem::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.1);
}
.proCitem img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: all 0.48s;
}
.proCitem:hover img{
    transform: scale(1.1);
}

.proCitem .tit{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 0 30px;
    transition: all 0.48s;
    z-index: 2;
}
.proCitem:hover .tit{
    bottom: 40px;
    font-size: 22px;
}
.proZBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
}
.proZList{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* align-items: flex-start; */
}
.proitem{
    width: 48%;
    background: #fff;
    padding: 50px;
    position: relative;
    border-radius: 20px;
    margin-bottom: 3%;
    transition: all 0.48s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.proitem .imgBox{
    width: 100px;
    margin-right: 60px;
}
.proitem .imgBox img{
    width: 100%;
}
.proitem .Tbox{
    width: calc(100% - 100px);
}
.proitem:hover{
    box-shadow: 0 0px 20px 0 rgb(0, 0, 0,0.1);
}
.proitem:hover .num{
    left: 70px;
}
.proitem .num{
    width: 50px;
    height: 50px;
    background: #e2080c;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 50px;
    top: -30px;
   font-weight: 600;
   transition: all 0.48s;
   font-family: "Playfair";
}
.proitem .tit{
    font-size: 24px;
    color: #e2080c;
    font-weight: 600;
}
.proitem .text{
    font-size: 16px;
}
.proitem .arrow{
    width: 60px;
    position: absolute;
    top: 60%;
    right: -90px;
    opacity: .7;
}
.proitem:nth-child(2n) .arrow{
    width: 60px;
    position: absolute;
    top: 90%;
    /* right: -100px; */
    left: -90px;
}
.proitem:last-child .arrow{
    display: none;
}
.proABox{
    padding: 5% 0 3%;
    position: relative;
}
.proAList{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
}
.proAitem{
    width: 24%;
    margin-bottom: 1%;
    margin-right: 1%;
    background: #f7f8f9;
    padding: 30px;
}

.proAitem .tit{
    text-align: center;
    margin-top: 20px;
}
.proAitem .tit span{
    font-size: 20px;
    font-weight: 600;
    transition: all 0.48s;
}
.proAitem:hover .tit span{
    color: #e2080c;
}
.proAitem .imgBox{
    margin-top: 20px;
    width: 100%;
   
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 30px; */
    overflow: hidden;
}
.proAitem .imgBox img{
    height: 160px;
    width: 100%;
    object-fit: contain;
    transition: all 0.48s;
}
.proAitem:hover .imgBox img{
    transform: scale(1.1);
}




/* 联系我们 */
.conLBox{
    padding: 5% 0 3%;
    position: relative;
}
.conLBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.conLlist{
    margin-top: 3%;
}
.conLlist .left{
    display: flex;
    flex-wrap: wrap;
}
.coLitem{
    width: 32%;
    margin-right: 1%;
    margin-bottom: 30px;
    padding: 10px 20px;
    /* background: #f7f8f9; */
    border: 1px solid rgb(0, 0, 0,.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: ; */
}
/* .coLitem2{
    width: 100%;
} */
.coLitem .tit span{
    font-size: 24px;
    font-weight: 600;
    position: relative;
    color: #e2080c;
   
}
.coLitem .tit{
    margin-bottom: 5px;
}
/* .coLitem .tit span::after{
    width: 15px;
    height: 3px;
    background: #e2080c;
    position: absolute;
    left: 50%;
    bottom: -5px;
    content: '';
    transform: translateX(-50%);
} */
.coLitem .num{
    font-size: 22px;
     line-height: 1.5;
   
}
.coLitem .text{
    font-size: 18px;
     line-height: 1.5;
}
/* .coLitem2 .num{
    font-size: 18px;
    font-family: "PingFang";
} */
.conMBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.conMBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coMList{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
}
.coMitem {
    background: #f7f8f9;
    width: 32%;
    margin-bottom: 20px;
    margin-right: 1%;
    padding: 20px;
}
.coMitem .imgBox {
    width: 100%;
    height: 300px;
}
.coMitem .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.coMitem .tit{
   font-size: 22px;
   font-weight: 600;
   text-align: center;
   margin-top: 15px;
}
 .BtnBox{
    display: flex;
    align-items: center;
}
 .BtnBox .btn{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2080c;
    margin-left: 15px;
}
 .BtnBox .btn img{
    width: 50%;
}
 .BtnBox .btn .img1{
    display: block;
}
 .BtnBox .btn .img2{
    display: none;
}
 .BtnBox .btn:hover{
    background: #e2080c;
}
 .BtnBox .btn:hover .img1{
    display: none;
}
 .BtnBox .btn:hover .img2{
    display: block;
}
.coZBox{
    padding: 5% 0 3%;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.coZBox .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.coZlist{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    overflow: inherit;
}
.coZitem{
    padding:30px;
    background: #fff;
    transition: all 0.48s;
    height: auto;
}
.coZitem:hover{
    box-shadow: 0 0px 20px 0 rgb(0, 0, 0,0.3);
}
.coZitem .imgBox{
    width: 100%;
    overflow: hidden;
}
.coZitem .imgBox img{
    width: 100%;
    height: 300px;
    transition: all 0.48s;
}
.coZitem .imgBox img{
    transform: scale(1.1);
}
.coZitem .Tbox{
    margin-top: 30px;
}
.coZitem .tit{
    font-size: 26px;
    line-height: 1;
    color: #e2080c;
    font-weight: 600;
}
.coZitem .num{
    font-size: 18px;
    margin-top: 5px;
}
.coZitem .text {
    margin-top: 20px;
}
.coZitem .text span{
    font-size: 16px;
    display:block;
}




/* 产品详情 */




.peoTBox .Tbox{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.peoTBox .Tbox .text{
    width: 50%;
   padding: 50px 0;
}
.peoTBox .Tbox .text p{
	   font-size:18px;

}
.peoTBox .Tbox .imgBox{
    width: 45%;
}
.peoTBox .Tbox .imgBox img{
    height: 400px;
    width: 100%;
    object-fit: contain;
}
.peoEBox{
    padding: 5% 0;
    margin-top: 80px;
    background: #f7f8f9;
}
.peoEBox .inner{
    width: 1200px;
    /* display: flex;
    justify-content: space-between; */
}
.peoEBox .imgList{
    display: flex;
    /* align-items: center; */
}
.peoEBox .imgBox{
    width: 32%;
    margin-right: 1%;
    padding: 30px;
   background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.peoEBox .imgBox img{
  height: 150px;
  object-fit: cover;
}
.peoEBox .TBox{
    margin-top: 3%;
    /* padding: 50px; */
    padding-left: 0;
}
.peoEBox .tit{
    font-size: 42px;
    color: #e2080c;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    /* margin-bottom: 30px; */
}
.peoEBox .tit span{
    font-size: 16px;
    color: #666;
    display: block;
    margin-top: 20px;
}
.peoEBox .text{
    margin: 30px 0;
}
.peoEBox .text span{
    font-size: 18px;
    display: block;
}
.peoEBox .text .canimg{
    width: 30%;
    margin-top: 10px;
}
.peoEBox .text .span1{
    font-size: 18px;
    display: block;
    font-weight: 600;
}
.peoIBox{
    padding: 3% 0;
    position: relative;
}
.peoIBox::after{
    content: '';
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    background:linear-gradient( to bottom,rgb(0, 0, 0,.1),rgb(0, 0, 0,0));
}
.peoIBox .inner{
    width: 1200px;
   position: relative;
   z-index: 2;
}
.peoIBox .imgBox{
    width: 75%;
    margin: 50px auto 0;
}
.peoIBox .imgBox img{
    width: 100%;
}
.peoIBox .text{
    margin: 20px;
    text-align: center;
}
.peoIBox .text span{
    font-size: 16px;
    
}
.peoIBox .tit{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.peoIList{
    margin-top: 5%;
    padding: 5%;
    width: 100%;
    background: #fff;
    border-top: 1px dashed rgb(226, 8, 12,0.1);
}
.peoIList .img{
    width: 100%;
}
.peoIList ul{
     border-left: 1px dashed rgba(0, 0, 0, 0.05);
}
.peoIList li{
    display: flex;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
   border-right: 1px dashed rgba(0, 0, 0, 0.05);
}
.peoIList .item{
    display: block;
    padding: 20px;
    /* width: 20%; */
    flex: 1;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
}
/* .peoIList li:nth-child(2n-1) .item{
    background: #F7C0A3; 
} */
.peoIList li:first-child .item{
    font-size: 20px;
    font-weight: 600;
    background: #f7f8f9; 
    /* color: #fff; */
}

.peoIList li:first-child .item i{
    font-size: 12px;
    margin-left: 5px;
    /* color: #fff; */
}
/* .peoIList li:last-child{
    border-bottom: none;
} */




/* 招聘 */
.recBox{
    padding: 5% 0;
    position: relative;
    /* background: #f7f8f9; */
}
.recBox .inner{
    width: 75%;
}
.recBox .text{
    margin: 20px;
}
.recBox .text span{
    font-size: 16px;
}
.recBox .text b{
    font-size: 20px;
    color: #e2080c;
    margin-right: 5px;
    font-weight: 600;
}
.recList{
    margin-top: 5%;
}
.recList li{
    border-right: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .item{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .Tbox{
   padding: 30px 50px;
   display: none;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .Tbox .text span{
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.recList li .item1{
    width: 17%;
}
.recList li .item2{
    width: 10%;
}
.recList li .item3{
    width: 29%;
}
.recList li .item> span{
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.recList li:first-child span{
    font-size: 20px;
    font-weight: 600;
    background: #f7f8f9;

}
.insBtn{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.insBtn ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.insBtn li{
   
}
.insBtn a {
	margin-right: 20px;
    border: 1px solid #aaa;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1;
    color: #aaa;
    text-transform: uppercase;
    transition: all 0.48s;
    border-radius: 4px;
}
.insBtn a:hover {
    background: #e2080c;
    color: #fff;
}
.insBtn .page-num-current {
    background: #e2080c;
    color: #fff;
}



.recJob {
    color: #666;
}

.recJob_box {
    margin: 60px 0 0;
}

/* job-tit */
.recJob_tit {
    line-height: 20px;
    background: #f7f8f9;
    padding: 20px 2%;
    overflow: hidden;
}

.recJob_tit span {
    float: left;
    width: 24%;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
}

.recJob_tit span:nth-child(1) {
    width: calc(28% - 68px);
}

.recJob_tit span:nth-child(5) {
    width: 68px;
}

.recJob_list {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 75px;
    padding: 0 2% 30px;
    background: #fff;
}

.recruit li {
    border-bottom: 1px solid #e5e5e5;
    background: #fdfdfd;
}

.recJob_name {
    display: block;
    font-size: 0;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}


.recJob_name span {
    position: relative;
    float: left;
    width: 24%;
    line-height: 20px;
    font-size: 15px;
    padding: 5px 10px;
    color: #666;
    /* display: inline-block; */
    white-space: nowrap; 
    /* width: 100%;  */
    overflow: hidden;
    text-overflow:ellipsis;
}

.recJob_name span:nth-child(1) {
    width: calc(28% - 68px);
}

.recJob_name span:nth-child(5) {
    width: 68px;
}

.recJob_name span:nth-child(5)::after {
    content: "";
    position: absolute;
    right: 54%;
    top: 50%;
    width: 12px;
    height: 8px;
    background-image: url(../images/sele.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recJob_info {
    display: none;
    position: relative;
    border-top: 1px solid #efefef;
    padding: 0 30px;
    background: #f5f5f5;
}

.recJob_top {
    padding: 20px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdcdc;
}

.recJob_top span {
    display: inline-block;
    width: 24%;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    letter-spacing: 0;
}

.recJob_btm {
    overflow: hidden;
    padding: 40px 10px;
    /* border-bottom: 1px solid #dcdcdc; */
}

.recJob_btm h4 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}

.recJob_btm p {
    line-height: 2;
    color: #666;
}

.recJob_btm .recJob_l {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 80px;
    margin-bottom: 15px;
}

.recJob_btm .recJob_r {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-left: 60px;
}

.recJob_info .tips {
    padding: 20px 0 40px;
    color: #c31f2c;
    line-height: 1.8;
    font-size: 16px;
}

.recJob_info .tips a {
    display: inline-block;
    color: #c31f2c;
}

.recJob_list li.cur {
    border-color: transparent;
    background: #fff;
}

.recJob_list li.cur .recJob_name::after {
    background-image: url(../images/recruit-up.png);
}
.recJob_btn{
    display: inline-block;
   padding: 10px 30px;
   background: #e2080c;
   color: #fff;
   font-size: 16px;
   margin-top: 20px;
   line-height: 1;
   cursor: pointer;
}

.recJob_tan{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.3);
    z-index: 4;
    display: none;
}
.recJob_xBox{
    width: 900px;
    padding: 30px 5%;
	float:left;
}
.recList{
    margin-top: 30px;
}
.recitem{

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}
.recitem .icon{
    width: 12px;
    position: absolute;
    right: -20px;
    /* top: 50%;
    transform: translateY(-50%); */
    top: 5px;
}
.recitem .tit{
    font-size: 15px;
    font-weight: 600;
}
.recitem input{
    width: calc( 100% - 80px);
    padding: 5px 15px;
    border: 1px solid rgb(0, 0, 0,.1);
    font-size: 15px;
}
.recitem textarea{
    width: 100%;
    height: 150px;
    padding: 5px 15px;
    font-size: 16px;
    border: 1px solid rgb(0, 0, 0,.1);
}
.retextarea{
    align-items: flex-start;
}
.retextarea .textBox{
    width: calc( 100% - 80px);
}
.retextarea .btn{
    font-size: 16px;
    padding: 5px 30px;
    border: 1px solid rgb(0, 0, 0,.1);
}
.retextarea .btn .btna{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
}
.recbtn{
    margin-top: 20px;
    font-size: 18px;
    /* font-weight: 600; */
    padding: 5px 0;
    background: #e2080c;
    color: #fff;
    width: 150px;
    /* border: 1px solid #e2080c; */
    cursor: pointer;
}
.recJob_xBox .cuo{
    width: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}