/* banner */
.product-banner {
    width: 100%;
    height: 350px;
    background: url(../images/psychic-banner.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.product-banner h2 {
    color: #fff;
    padding-top: 218px;
    text-align: center;
    font-weight: 300;
    font-size: 40px;
}

/* 发展历程 */
.detail-item {
    padding: 0 0;
}
.detail-item h2 {
    font-size: 34px;
    margin: 0;
}
.banner-outer p, .detail-item h2 {
    text-align: center;
    line-height: 34px;
    font-weight: 400;
}
.detail-item .photo-list-outer {
    width: 960px;
    margin: 40px auto auto;
    min-height: 1px;
}
.detail-item .photo-list-outer ul.left-item {
    width: 10px;
    min-height: 1px;
    float: left;
    /*padding-top: 38px;*/
}
.detail-item .photo-list-outer ul.left-item li:first-child {
    height: 80px;
}
.detail-item .photo-list-outer ul.left-item li .now{
   /*margin-top: -55px;*/
}
.detail-item .photo-list-outer ul.left-item li .ago{
   /*margin-top: -35px;*/
}
.detail-item .photo-list-outer ul.left-item h3{
    font-size: 20px;
    margin: 0;
    line-height: 20px;
}
.detail-item .photo-list-outer ul.left-item p{
    font-size: 14px;
    color: #7b8390;
    line-height: 22px;
    margin: 14px 0 0;
}
.detail-item .photo-list-outer ul.left-item li {
    height: 119px;
    width: 90px;
    /*margin-top: 15px;*/
}
.detail-item .photo-list-outer ul.line {
    float: left;
    /*width: 150px;*/
    margin-left: 40px;
}
.detail-item .photo-list-outer ul.line li:first-child {
    height: 80px;
}
.detail-item .photo-list-outer ul.line li {
    height: 119px;
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
    color: #545d69;
}
.detail-item .photo-list-outer ul.line li .dot {
    height: 19px;
    width: 19px;
    position: absolute;
    border: 1px solid #079FFF;
    border-radius: 50%;
    left: 0;
    background-color: #fff;
}
.detail-item .photo-list-outer ul.line li:before {
    content: " ";
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 9px;
    background-color: #079FFF;
}
.detail-item .photo-list-outer ul.line li .dot:after {
    width: 11px;
    height: 11px;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -5.5px;
    margin-top: -6px;
    position: absolute;
    background-color: #079FFF;
    border-radius: 50%;
    content: " ";
}
.detail-item .photo-list-outer ul.line li .sep {
    width: 16px;
    height: 16px;
    background-color: #079FFF;
    position: absolute;
    left: 2px;
    top: 3px;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 100;
}
.detail-item .photo-list-outer ul.line li .sep:before {
    width: 12px;
    left: -17px;
}

.detail-item .photo-list-outer ul.line li .sep:after, .detail-item .photo-list-outer ul.line li .sep:before {
    height: 1px;
    z-index: 10;
    top: 3px;
    background-color: #079FFF;
    display: block;
    position: absolute;
    content: " ";
}
.detail-item .photo-list-outer ul.line li .sep:after {
    width: 15px;
    left: 12px;
}

.detail-item .photo-list-outer ul.line li .sep:after, .detail-item .photo-list-outer ul.line li .sep:before {
    height: 1px;
    z-index: 10;
    top: 3px;
    background-color: #079FFF;
    display: block;
    position: absolute;
    content: " ";
}
.detail-item .photo-list-outer ul.summary-info li:first-child {
    height: 80px;
}
.detail-item .photo-list-outer ul.summary-info li {
    height: 119px;
}
.detail-item .photo-list-outer ul.summary-info li h3 {
    font-size: 20px;
    margin: 0;
    line-height: 20px;
}
.detail-item .photo-list-outer ul.summary-info li p {
    font-size: 14px;
    color: #7b8390;
    line-height: 22px;
    margin: 14px 0 0;
}