.list li {
    float: left;
    width: 380px;
    height: 370px;
    box-shadow: 0px 0px 29px 2px rgba(156, 164, 185, 0.2);
    margin-right: 30px;
    transition: all 0.3s
}
.list li a {
    display: block;
}
.list li:last-child {
    margin-right: 0;
}
.list .illustration {
    width: 100%;
    height: 238px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.list .txt {
    padding: 20px;
    background: #fff;
}
.list .brief {
    font-size: 18px;
    color: #333;
    height: 60px;
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 17px;
}
.list .brief:before, .a-content .brief:before {
    content: "";
    float: left;
    width: 5px;
    height: 50px;
}
.list .brief > *:first-child, .a-content .brief > *:first-child {
    float: right;
    width: 100%;
    margin-left: -30px;
}
.brief-after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -25px;
    left: 100%;
    width: 50px;
    margin-left: -50px;
    padding-right: 30px;
    text-align: right;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top,from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
.list .other {
    font-size: 16px;
    color: #999;
}
.list li:hover, .intelligenceList li:hover {
    cursor: pointer;
    transform: translate3d(0,-10px,0);
}
.staff_left {
    margin-right: 40px;
}
.staff_item {
    width: 580px;
    height: 436px;
    display: block;
}
.staff_right ul li {
   width: 270px;
   height: 202px;
   margin-bottom: 30px;
}
.staff_right ul li:last-child {
    margin-bottom: 0;
}
.staff_item ul li {
    float:left;
}
.staff_item_content {
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.staff_item_content .mask {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: none;
}
.staff_item_content .mask img {
    width: 100%;
    height: 100%;
}
.staff_item_content .desc {
    width: 100%;
    line-height: 30px;
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 0 20px;
    font-size: 24px;
    color: #fff;
    z-index: 99;
    display: none;
}
.staff_item_content .desc .ellipsis {
    width: 85%;
}
.staff_item_content:hover .mask , .staff_item_content:hover .desc {
    display: block;
}
.list li:hover .other .right,  .staff_item_content:hover .arrow,
.researchList li .brief:hover .arrow .arrow-icon,.navbar ul li .sub a:hover .arrow-icon,
.insurance a:hover .arrow-icon, .intelligenceList li a:hover .arrow .arrow-icon, .content-item a .t-box:hover .arrow .arrow-icon, .knowledge-bottom ul li a:hover .border_underLine .arrow-icon, .helpList li:hover .arrow .arrow-icon,
.teach .center a:hover .arrow .arrow-icon, .products_list_bottom a:hover img {
    animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
    -webkit-animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
@-webkit-keyframes arrowSlide_r {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    50.0% {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
    }
    50.1% {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes arrowSlide_r {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    50.0% {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
    }
    50.1% {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.intelligenceList li {
    float: left;
    width: 580px;
    height: 378px;
    background: #FFF;
    box-shadow: 0px 0px 29px 2px rgba(156, 164, 185, 0.2);
    margin: 0 40px 40px 0;
    transition: all 0.3s
}
.intelligenceList li a {
    display: block;
}
.intelligenceList li:nth-child(2n) {
    margin-right: 0;
}
.intelligenceList li .pic {
    width: 100%;
    height: 280px;
    background-position: center;
    background-size: cover;
}
.intelligenceList li .desc {
    padding: 18px 20px 30px 20px;
    font-size: 18px;
    color: #333;
}
.intelligenceList li .desc .info {
    margin-bottom: 20px;
}
.intelligenceList li .desc .time {
    font-size: 14px;
    color: #999;
}
.analysis {
    padding-top: 80px;
}
.analysis .title {
    margin-bottom: 60px;
}
.analysisList .bg {
    width: 100%;
    height: 160px;
    background: url('../images/analysis.png') center center no-repeat;
    background-size: cover;
}
.analysisList .clear {
    padding: 20px 40px;
    background: #fff;
}
.analysisList .clear .left {
    width: 50%;
}
.analysisList_left {
    padding-right: 40px;
    border-right: 1px dashed #DDD;
}
.analysisList_right {
    padding-left: 40px;
}
.analysisList ul li {
    margin-bottom: 30px;
    cursor: pointer;
}
.analysisList ul li a {
    display: block;
    font-size: 18px;
    color: #333;
}
.analysisList ul li .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #FE6E6E;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 15px;
}
.analysisList ul li .ellipsis {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
}
.analysisList ul li .time {
    color: #999;
    font-size: 16px;
    line-height: 22px;
}
.analysisList ul li:hover .ellipsis {
    color: #FA3C3C;
}