body {
    margin: 0;
    background: #F6F6F8;
    /*overflow: hidden;*/
}

.contend {
    margin: auto;
}

.container {
    width: 1170px;
    margin: auto;
}

/*.row {*/
/*    display: flex;*/
/*    height: 35px;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*.list-unstyled {*/
/*    display: flex;*/
/*    column-gap: 20px;*/
/*}*/

/*.list-unstyled li {*/
/*    list-style: none;*/
/*    color: white;*/
/*}*/

/*.list-unstyled li .sec-color {*/
/*    color: #FFA100;*/
/*}*/

/*.list-unstyled li a {*/
/*    text-decoration: none;*/
/*    color: white;*/
/*}*/

/*.search_p {*/
/*    width: 1170px;*/
/*    margin: auto;*/
/*    background: white;*/
/*}*/

/*.search_p .header {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    padding: 20px 100px;*/
/*    align-items: center;*/
/*}*/

/*.search_p020 {*/
/*    display: flex;*/
/*    margin-left: 40px;*/
/*}*/

/*.heade_search01>input {*/
/*    height: 40px;*/
/*    width: 300px;*/
/*    border: 2px solid #226EBC;*/
/*    padding: 0 20px 0 10px;*/
/*    font-size: 14px;*/
/*    border-right: 0;*/
/*}*/

/*.search_p0201>input {*/
/*    height: 40px;*/
/*    width: 150px;*/
/*    border: 2px solid #226EBC;*/
/*    padding: 0 20px 0 10px;*/
/*    font-size: 14px;*/
/*    border-right: 0;*/
/*}*/

/*.search_p021>button {*/
/*    margin-right: 40px;*/
/*    width: 120px;*/
/*    line-height: 42px;*/
/*    background: #226EBC;*/
/*    color: #fff;*/
/*    font-size: 18px;*/
/*    border: 0;*/
/*    outline: none;*/
/*    !* border-radius: 0 3px 3px 0; *!*/
/*}*/

.search_p03>a {
    display: inline-block;
    text-decoration: none;
    width: 140px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
    background: #226EBC;
    text-align: center;
}

.search_p .header .logo_box {}

.header .logo_box img {
    width: 120px;
}

.navigation {
    background: rgb(34, 110, 188);
}

.na_container {
    width: 1170px;
    margin: auto;
}

.na_container ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.na_container ul li {
    flex: 1;
    list-style: none;
    text-align: center;
    padding: 10px 0;
}

.na_container ul li:hover {
    background: #FFA100;
}

.na_container ul li a {
    text-decoration: none;
    color: white;
}

.banner_na {
    margin: auto;
    width: 1170px;
}

.banner_na img {
    width: 1170px;
    height: 357px;
}

.specialty {}

.specialty .specialty_pa>div {
    flex: 1;
    width: 250px;
    height: 300px;
    background: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/images/background.png');
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
}

.specialty .specialty_pa>div img {
    height: 82px;
    width: 98px;
}

.specialty .specialty_pa>div p {
    padding: 0 10px;
}

.specialty .specialty_pa>div .top_spe {
    font-weight: bold;
    font-size: 22px;
}

.specialty .specialty_pa>div .bottom_spe {
    font-size: 16px;
    color: #999999;
    text-align: center;
}

.specialty .specialty_pa {
    display: flex;
    width: 1170px;
    margin: auto;
    padding: 50px 0;
}

.process_pa {
    width: 1170px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.english {
    position: absolute;
    color: #EAEAEA;
    font-weight: bold;
    top: 20px;
    white-space: nowrap;
    letter-spacing: 4px;
    z-index: -1;
}

.process_pa .abs {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 35px;
    justify-content: center;
    border-top: 3px solid #1C85FF;
}

.abs img {
    margin: 0 50px;
    width: 28px;
    height: 54px;
    margin-top: 65px;
    padding-bottom: 30px;
}

.abs .info_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 30px;
    padding-bottom: 30px;
    font-size: 24px;
}

.abs .info_box .num {
    position: absolute;
    top: -30px;
    height: 60px;
    width: 60px;
    text-align: center;
    background-size: cover;
    line-height: 60px;
    color: white;
    font-size: 16px;
    background-repeat: no-repeat;
    background-image: url('http://file.zhupinhr.com/lietou_service/circular.png');
}

.abs .info_box .need {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pro_team {
    margin-top: 30px;
}

.pro_team_pa {
    width: 1170px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pro_team_pa .img-box {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pro_team_pa .img-box>div {
    width: 25%;
    position: relative;
    margin-bottom: 36px;
}

.pro_team_pa .img-box>div .msg {
    position: absolute;
    bottom: 0px;
    background: #000000;
    opacity: 0.5;
    width: 285px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.pro_team_pa .img-box>div .name {
    color: white;
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    width: 285px;
    padding: 5px 0;
}

.pro_team_pa .img-box>div img {
    width: 285px;
    height: 240px;
}

.company {}

.company_pa {
    width: 1170px;
    margin: auto;
    margin-top: 40px;
}

.company_pa .img-box {
    margin-top: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* .company_pa .img-box div {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    width: 23%;
    margin: 10px;
} */

.company_pa .img-box img {
    width: 253px;
    height: 139px;
}

.footer-service {
    background: #226EBC;
    margin-top: 30px;
}

.footer_na {
    padding: 0 20px;
    width: 1170px;
    margin: auto;
    display: flex;
    align-items: center;
    column-gap: 50px;
}

.footer_na img {
    height: 76px;
    width: 260px;
    padding: 20px 0;
}

.footer_na input {
    padding: 0 5px;
    border: 0;
    height: 40px;
    width: 150px;
    border-radius: 8px;
    outline: none
}

.footer_na button {
    padding: 10px 30px;
    border: 0;
    border-radius: 8px;
    background: #FFA100;
    color: white;
}

.footer_na h1 {
    color: white;
}

.top {
    height: 80px;
    display: flex;
    align-items: center;
    background: white;
}

.top .top_main {
    width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top .top_main .other {
    flex: 1;
    margin: 0 70px 0 40px;
}

.top .top_main .other ul {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-right: 22px;
    height: 80px;
}
.top .top_main .other ul li {
    display: flex;
    align-items: center;
    padding: 0 11px;
    height: 100%;
}
.top .top_main .other ul li a {
    font-size: 16px;
}

.top .top_main img {
    width: 114px;
    height: 71px;
}

.top .top_main .msg_box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.top .top_main .msg_box .button_box {
    margin-right: 30px;
}

.top .top_main .msg_box .layui-btn-normal {
    padding: 0 6px;
    height: 29px;
    line-height: 28px;
    border-radius: 4px;
}

.top .top_main .msg_box a:nth-child(1) .layui-btn-normal{
    background: #1C85FF;
}

.top .top_main .msg_box a:nth-child(2) .layui-btn-normal {
    background: #FFA100;
    border: 1px solid #FFA100 !important;
}

.login-register{
    font-size: 16px;
    color: #333333;
    line-height: 19px;
    font-weight: 400;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-content: center;*/
}

.login-register span:nth-child(2){
    display: inline-block;
    border-left: 2px solid #BCBCBC;
    height: 12px;
    margin: 0 6px;
}

#member-usercenter{
    cursor: pointer;
}
.lvshi_pa .img-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lvshi_pa .img-box>div{
    width: 356px;
    height: 356px;
    /*outline: 1px solid red;*/
    position: relative;
    margin-bottom: 60px;


}
.lvshi_pa .img-box>div img{
    width: 356px;
    height: 356px;
}
.lvshi_pa .img-box>div .name{
    width: 356px;
    height: 40px;
   position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}
.lvshi_pa .img-box>div:hover .jieshaoName{
    display: block;
}
.jieshaoName{
    display: none;
}

.jieshao{
    position: absolute;
    top: 0;
    left: 0;
    width: 356px;
    height: 356px;
    background: rgba(0,0,0,0.85);
    border-radius: 0;
    opacity: 1;
    color: white;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.jieshao_title{
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 23px;
    margin-bottom: 16px;

}
.jieshao_tex{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;

}

.top-hot {
    width: 20px !important;
    height: auto !important;
}