.banner{

    position: relative;

}

.bannerCon{

    width: 1200px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.bannerCon h3{

    font-weight: 400;

    font-size: 42px;

    color: #3681FE;

    text-transform: uppercase;

}

.bannerCon p{

    font-weight: 400;

    font-size: 26px;

    color: #3681FE;

    margin-top: 25px;

}



.currentLoc{

    padding: 20px 0;

    display: flex;

    align-items: center;

}

.currentLoc img{

    margin-right: 6px;

}

.currentLoc p{

    display: flex;

    align-items: center;

}

.currentLoc p a{

    font-weight: 400;

    font-size: 14px;

    color: #666666;

}

.currentLoc p a.viewDet{

    color: #3681FE;

}



.wrap{

    width: 100%;

    background: #F2F2F2;

    padding-top: 20px;

    padding-bottom: 30px;

}

.expertCon{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.expert_l{

    width: 880px;

    background: #fff;

    padding: 20px;

}

.perInfo{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.perInfoImg{

    width: 200px;

    height: 250px;

    background: #ccc;

    border-radius: 10px;

    overflow: hidden;

}

.perInfoImg img{

    width: 100%;

    border-radius: 10px;

}

.perInfoCon{

    width: 73%;

}

.perInfoCon h3{

    font-weight: bold;

    font-size: 28px;

    color: #333333;

    margin-bottom: 25px;

}

.perInfoCon p{

    font-weight: 400;

    font-size: 16px;

    color: #666666;

    margin-bottom: 10px;

}

.perBrief, .mainAch, .artRec{

    width: 100%;

    margin-top: 40px;

}

.perBriefTit h3{

    font-weight: bold;

    font-size: 17px;

    color: #333333;

    border-left: 3px solid #3681FE;

    padding-left: 10px;

}

.perBriefCon{

    width: 100%;

    margin-top: 20px;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    line-height: 24px;

}

.mainAchCon{

    width: 100%;

    margin-top: 20px;

}

.mainAchCon p{

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    margin-bottom: 10px;

}

.artRecCon{

    width: 100%;

    margin-top: 6px;

}

.artRecCon li{

    width: 100%;

    padding: 15px 0;

    border-bottom: 1px solid #CFCFCF;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.artRecCon li:last-child{

    border-bottom: none;

}

.artRecCon li p{

    width: 88%;

    display: flex;

    align-items: center;

}

.artRecCon li p i{

    display: block;

    width: 4px;

    height: 4px;

    background: #3681FE;

    margin-right: 10px;

}

.artRecCon li p a{

    width: 98%;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

}

.artRecCon li p a:hover{

    color: #3681FE;

}

.artRecCon li span{

    font-weight: 400;

    font-size: 14px;

    color: #999999;

}



.expert_r{

    width: 300px;

}

.expert_rCon{

    width: 100%;

    background: #fff;

    border-top: 2px solid #3681FE;

    padding: 20px 10px 5px 10px;

    margin-bottom: 20px;

}

.expert_rCon h1{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.expert_rCon h1 span{

    font-weight: 400;

    font-size: 16px;

    color: #3681FE;

}

.expert_rCon h1 a{

    font-weight: 400;

    font-size: 13px;

    color: #999999;

}

.expert_rCon h1 a:hover{

    text-decoration: underline;

}



.related{

    width: 100%;

    margin-top: 5px;

}

.related li{

    width: 100%;

    padding: 10px 0;

    border-bottom: 1px dashed #E6E6E6;

    display: flex;

    align-items: center;

}

.related li:last-child{

    border-bottom: unset;

}

.related li i{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 16px;

    height: 16px;

    background: #999;

    border-radius: 2px;

    font-weight: 400;

    font-size: 12px;

    color: #FFFFFF;

    margin-right: 8px;

}

.related li:nth-child(1) i{

    background: #FF6500;

}

.related li:nth-child(2) i{

    background: #FF8A00;

}

.related li:nth-child(3) i{

    background: #FFB100;

}

.related li a{

    font-weight: 400;

    font-size: 14px;

    color: #999;

}

.related li a span{

    color: #333;

    margin-right: 8px;

}

.related li a:hover span{

    color: #3681FE;

}



.expert_rEve{

    width: 100%;

    padding: 10px 0;

    border-bottom: 1px solid #F2F2F2;

    display: flex;

    justify-content: space-between;

}

.expert_rEve:last-child{

    border-bottom: unset;

}

.expert_rEveImg{

    width: 100px;

    height: 60px;

    overflow: hidden;

}

.expert_rEveImg img{

    width: 100%;

    transition: transform 0.3s ease;

}

.expert_rEveImg:hover img{

    transform: scale(1.1);

}

.expert_rEveInfo{

    width: 60%;

}

.expert_rEveInfo h3, .expert_rEveInfo p{

    width: 100%;

    font-weight: 400;

    font-size: 14px;

    color: #333333;

}

.expert_rEveInfo h3:hover{

    color: #3681FE;

}

.expert_rEveInfo p{

    font-size: 13px;

    margin-top: 20px;

}