


.neiyeula{

    width: 100%;

    max-width: 1200px;

    height: 50px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    background: #eeeeee;

}



.listul{

    padding: 0;

    list-style: none;

    display: block;

    overflow-y: hidden;

    overflow-x: scroll;

    white-space: nowrap;

}





.listul>li{

    position: relative;

    padding: 0 20px;

    color: #333333;

    font-size: 16px;

    display: inline-block;

    height: 50px;

    line-height: 50px;

    float: none;

}





.listul>.listulfirstli{

    font-size: 16px;

    line-height: 50px;

    background: #231f20;

    display: inline-block;

    color: #ffffff;

    padding: 0 17px;

    padding-right: 40px;

    position: relative;

}



.listul>.listulfirstli:after{

    content: "";

    width: 20px;

    height: 50px;

    background-image: url(../images/li1.jpg);

    position: absolute;

    right: -1px;

    top: 0;

}



.listul>.listulsecli{

    font-size: 16px;

    line-height: 50px;

    background: #eeeeee;

    display: inline-block;

    color: #333333;

    padding: 0 20px;

    padding-right: 40px;

    position: relative;

}



.listul>.listulsecli:after{

    content: "";

    width: 20px;

    height: 50px;

    background-image: url(../images/li2.jpg);

    position: absolute;

    right: 0;

    top: 0;

}



.listul>.listulfirstli>a{

    color: #ffffff;

    text-decoration: none;

    display: block;

    line-height: 50px;

}



.listul>.listulsecli>a{

    color: #333333;

    text-decoration: none;

    display: block;

    line-height: 50px;

}



.neiyeulall{

    overflow: hidden;

    height: 50px;

}



.content{

    max-width: 1230px;

    width: 100%;

    padding: 20px 15px;

    box-sizing: border-box;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.content img{

    max-width: 100%;

}



.leftlist{

    width: 200px;

    position: absolute;

    left: 15px;

    top: 20px;

}



.leftlist>p{

    font-size: 20px; 

    line-height: 50px;

    color: #ffffff;

    background: #231f20;

    margin: 0;

/*    text-align: center;*/

    padding-left: 50px;

    box-sizing: border-box;

}



.minhei400{

    min-height: 400px;

}



.leftlist>ul{

    list-style: none;

    padding: 0;

}



.leftlist>ul>li{

    height: 50px;

    background: #eeeeee;

    display: block;

    width: 100%;

    box-sizing: border-box;

}



.leftlist>ul>li>a{

    font-size: 16px;

    text-decoration: none;

    line-height: 50px;

    width: 100%;

    color: #333333;

    display: block;

    box-sizing: border-box;

    padding-left: 50px;

}



.leftlist>ul>li>a.active{

    background: #f5ab18;

}



.quescontent{

    width: 100%;

    box-sizing: border-box;

    padding-left: 230px;

    min-height: 740px;

}



.quesshow{

    width: 100%;

    height: 30px;

    margin-bottom: 20px;

    border-bottom: 1px solid #eeeeee;

    display: block;

    position: relative;

    padding-right: 45px;

    box-sizing: border-box;

    text-decoration: none;

}



.quesright1{

    width: 5px;

    height: 10px;

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -5px;

}



.quesshowp{

    font-size: 14px;

    line-height: 30px;

    margin: 0;

    color: #333333;

    padding-right: 85px;

    position: relative;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.quesshowp>span{

    color: #999999;

    position: absolute;

    right: 0;

}



.paging {

    position: relative;

    height: 30px;

    margin-top: 50px;

}



.paging-ul {

    list-style: none;

    font-size: 0;

    padding-left: 0;

    text-align: right;

}



.paging-ul>li {

    display: inline-block;

    font-size: 12px;

    text-align: center;

    background: #ffffff;

}



.paging-ul>li>a {

    text-decoration: none;

    color: #333333;

    line-height: 30px;

    display: block;

    border: 1px solid #dcdcdc;

    padding: 0 10px;

}



.paging-ul>li>a.active {

    border: 1px solid #f5ab18;

    background: #f5ab18;

}



.paging-ul>li+li {

    margin-left: 8px;

}



.footula{

    list-style: none;

    padding: 0;

}



.footula>li{

    display: inline-block;

}



.footula>li>a{

    color: #ffffff;

    font-size: 18px;

    line-height: 36px;

    text-decoration: none;

    margin-right: 60px;

}



.foota{

    position: relative;

}



.footconp{

    position: absolute;

    margin: 0;

    line-height: 36px;

    font-size: 18px;

    color: #ffffff;

    right: 0;

    top: 50%;

    transform: translate(0,-50%);

}



.daojuser>p{

    margin: 0;

    font-size: 14px;

    line-height: 30px;

}



.peixuncondiv{

    position: relative;

    min-height: 138px;

}



.peixuncondiv>p{

    margin: 0;

    font-size: 14px;

    line-height: 30px;

}



.peixuncondiv>img{

    width: 200px;

    height: 138px;

    position: absolute;

    right: 170px;

    top: 0;

}



.quesxq>h3{

    font-size: 24px;

    line-height: 30px;

    font-weight: bold;

    color: #333333;

    margin: 0;

}



.timep{

    font-size: 14px;

    line-height: 20px;

    color: #999999;

    margin-top: 12px;

}



.quesxq>hr{

    border: 0;

    margin: 10px 0;

    border-top: 1px solid #eeeeee;

}



.quesxqdiv>p{

    margin: 0;

    font-size: 14px;

    line-height: 30px;

}



.quesxqdiv>img{

    margin: 5px 0;

    max-width: 100%;

}



.quesxqadiv{

    margin: 10px 0;

}



.quesxqadiv>a{

    text-decoration: none;

    color: #333333;

    font-size: 14px;

    line-height: 30px;

    display: block;

}



.about>img{

    width: 100%;

}



.about>h3{

    font-size: 16px;

    line-height: 30px;

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 10px;

    color: #333333;

}



.about>p{

    font-size: 14px;

    line-height: 24px;

    margin: 0;

    color: #333333;

}



.knjs>p{

    line-height: 30px;

}



.contactzl h3{

    margin-top: 30px;

}



.job>.jobp1{

    margin: 0;

    font-size: 14px;

    line-height: 30px;

    color: #333333;

    margin-top: 20px;

}



.job>.jobp2{

    font-size: 14px;

    line-height: 30px;

}



.job>.jobh3{

    margin-bottom: 5px;

    margin-top: 30px;

}



.job>.jobp2>span{

    color: #f5ab18;

}



.recruit-show{

    box-sizing: border-box;

    border: 1px solid #ffffff;

    box-sizing: border-box;

    margin-top: 20px;

}



.recruit-headp{

    line-height: 50px;

    font-size:18px;

    font-weight:500;

    color:#333333;

    margin: 0;

    padding-left: 30px;

    box-sizing: border-box;

    background: #f3f3f3;

}



.recruit-headp span{

    float: right;

    margin-right: 3%;

}



.recruit-display{

    display: none;

    padding-left: 30px;

    box-sizing: border-box;

}



.job-table{

    overflow: hidden;



}



.job-table-show {

    display: inline-block;

    margin-right: 100px;

    margin-top: 20px;

    font-size: 16px;

    min-height: 45px;

}



.recruit-conphead {

    font-size: 18px;

    color: #333333;

    line-height: 30px;

    margin-top: 40px;

}



.recruit-conp {

    font-size: 16px;

    color: #808080;

    line-height: 30px;

}



.hkxqh3{

    font-size: 24px;

    line-height: 30px;

    color: #333333;

    margin: 0;

    font-weight: bold;

}



.hkxqp1{

    font-size: 14px;

    line-height: 24px;

}



.hkxqh3>img{

    max-width: 100%;

}



.hkxhr{

    border: 0;

    margin: 10px 0;

    border-top: 1px solid #eeeeee;

}



.f404{

    width: 208px;

    height: 191px;

    position: absolute;

    left: 50%;

    margin-left: -104px;

    top: 20%;

}



.searchhead{

    height: 50px;

    box-sizing: border-box;

    padding: 10px 0;

    background: #eeeeee;

}



.minhei740{

    min-height: 740px;

}



.searchheadcon{

    max-width: 1230px;

    padding: 0 15px;

    box-sizing: border-box;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    padding-right: 150px;

}



.searchheadp{

    line-height: 30px;

    font-size: 14px;

    color: #333333;

    margin: 0;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.searchheadp>span{

    color: #999999;

}



.searchheada{

    position: absolute;

    right: 15px;

    top: 0px;

    line-height: 30px;

    font-size: 14px;

}



.searchheada>a{

    color: #999999;

    text-decoration: none;

}



.searchheada>a.active{

    color: #333333;

}



.searchheada>a:first-child{

    margin-right: 5px;

}



.searchnone>p{

    line-height: 30px;

    font-size: 16px;

    color: #333333;

    margin: 0;

}



.searchnonespan{

    color: #f5ab18;

}



.padtop20{

    padding-top: 20px;

}



.searchshow{

    padding: 15px 0;

    padding-left: 220px;

/*    height: 181px;*/

    border-bottom: 1px solid #eeeeee;

    box-sizing: border-box;

    position: relative;

}



.searchshow>img{

    width: 200px;

    height: 150px;

    position: absolute;

    left: 0px;

    top: 15px;

}



.searchshowp1{

    margin: 0;

    line-height: 36px;

    font-size: 16px;

    color: #02069a;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.searchshowp2{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    font-size: 14px;

    line-height: 26px;

    color: #333333;

    margin: 0;

    min-height: 78px;

}



.searchshowp3{

    margin: 0;

    font-size: 14px;

    line-height: 26px;

    color: #666666;

    margin-top: 5px;

}



.searcha{

    text-decoration: none;

}



.textright{

    text-align: left;

}



.gotop{

    padding: 8px 6px;

    color: #333333;

    background: #dcdcdc;

    position: absolute;

    font-size: 14px;

    line-height: 14px;

    right: 0;

    top: 0;

    text-decoration: none;

}



.chanpin{

    position: relative;

}



.chanpin>img{

    width: 414px;

    height: 257px;

}



.chanpin>div{

    position: absolute;

    width: 520px;

    right: 0;

    top: 50%;

    transform: translate(0,-50%);

}



.chanpin>div>p{

    margin: 0;

    font-size: 14px;

    line-height: 24px;

}



.chanpin1{

    position: relative;

}



.chanpin1>img{

    width: 414px;

    height: 257px;

    float: right;

}



.chanpin1>div{

    position: absolute;

    width: 520px;

    left: 0;

    top: 50%;

    transform: translate(0,-50%);

}



.chanpin1>div>p{

    margin: 0;

    font-size: 14px;

    line-height: 24px;

}



.chanpinxx>p{

    font-size: 14px;

    line-height: 24px;

}



.zxa{

    width: 150px;

    height: 50px;

    font-size: 16px;

    line-height: 50px;

    text-align: center;

    display: block;

    text-decoration: none;

    background: #eeeeee;

    color: #333333;

}



.zxaactive{

    background: #f5ab18;

}



.zxul{

    margin-bottom: 20px;

}



.zxswiper .swiper-slide{

    width: auto;

}



.zxswiper .swiper-slide:last-child{

    margin-right: 60px;

}



.zxswiper .swiper-button-prev{

    display: none;

}



.zxswiper .swiper-button-next{

    height: 50px;

    width: 45px;

    background: #777;

    opacity: 1;

    top: 0;

    margin-top: 0;

}



.zxulgorightimg{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

/*

.zxul{

    height: 50px;

    overflow: hidden;

    margin-bottom: 10px;

    position: relative;

}



.zxul>ul{

    overflow-y: hidden;

    overflow-x: scroll;

    white-space: nowrap;

    padding: 0;

    list-style: none;

    display: block;

}



.zxul>ul>li{

    display: inline-block;

}



.zxul>ul>li+li{

    margin-left: 30px;

}



.zxul>ul>li>a{

    width: 150px;

    height: 50px;

    font-size: 16px;

    line-height: 50px;

    text-align: center;

    display: block;

    text-decoration: none;

    background: #eeeeee;

    color: #333333;

}



.zxul>ul>li>a.active{

    background: #f5ab18;

}



.zxulgoright{

    height: 50px;

    width: 45px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 99;

    background: #777777;

}



.zxulgoright>img{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

*/



.spanyellow>span{

    margin-left: 8px;

    background: #f5ab18;

    color: #333333;

    padding: 2px 5px;

    border-radius: 5px;

}



.newshow{

    height: 210px;

    position: relative;

    padding: 30px 0;

    

    padding-left: 370px;

    width: 100%;

    box-sizing: border-box;

    background: #eeeeee;

    margin-top: 20px;

}



.newshowp{

    padding-right: 180px;

}



.newshow>img{

    width: 340px;

    height: 210px;

    position: absolute;

    left: 0;

    top: 0;

}



.newright{

    width: 12px;

    height: 21px;

    position: absolute;

    right: 30px;

    left: auto;

    top: 50%;

    margin-top: -10px;

}



.newshowa{

    text-decoration: none;

}



.newshowp1{

    font-size: 24px;

    line-height: 30px;

    margin: 0;

    color: #333333;

    margin-bottom: 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.newshowp2{

    font-size: 16px;

    line-height: 30px;

    margin: 0;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.newheadbg{

    width: 100%;

    height: 41.666666vw;

    background-image: url(../images/newsbg.png);

    max-height: 500px;

    min-height: 400px;

    padding: 0 10%;

    box-sizing: border-box;

}



.newheadp{

    position: relative;

    top: 50%;

    transform: translate(0,-50%);

    

}



.newheadp>h3{

    font-size: 50px;

    font-weight: bold;

    text-align: center;

    color: #ffffff;

    margin: 0;

}



.newheadp1{

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    color: #ffffff;

    margin: 0;

}



.newheadp2{

    font-size: 16px;

    line-height: 36px;

    text-align: center;

    color: #ffffff;

    margin: 0;

    margin-top: 30px;

}



.mart0b80{

    margin-top: 0;

    margin-bottom: 30px;

}



.padt0{

    padding-top: 0;

}



.phoneimg{

    display: none!important;

}



.allmain{

    position: fixed;

    z-index: 999;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0.2);

    height: 100%;

    width: 100%;

}

