.about-develop {
    height: 833px;
    background: url(../images/about-develop-bg.jpg) no-repeat center;
}
.about-develop .com-title h3 {
    padding-top: 90px;
}
.about-develop-box {
    position: relative;
   
}
.about-develop-box .arrow {
    position: absolute;
    top: 219px;
    z-index: 10;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.about-develop-box .arrow:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.about-develop-box .prev {
    background: url(../images/dev-left.png) center no-repeat #fff;
    left: -30px;
}
.about-develop-box .prev:hover{
    background: url(../images/dev-left-on.png) center no-repeat #69b83a;
}
.about-develop-box .next {
    background: url(../images/dev-right.png) center no-repeat #fff;
    right: -30px;
}
.about-develop-box .next:hover{
    background: url(../images/dev-right-on.png) center no-repeat #69b83a;
}

.about-develop-list {
    padding-top: 232px;
    overflow: hidden;
    position: relative;
}
.about-develop-list:before {
    position: absolute;
    left: 0;
    top: 239px;
    width: 100%;
    border-bottom: 1px solid #C5C5C5;
    content: "";
}
.about-develop-list .tempWrap {
    overflow: visible!important;
    height: 220px;
}
.about-develop-list ul {
    height: 220px;
    display: none;
}
.about-develop-list ul li {
    position: relative;
    float: left;
    margin-right: 179px;
    width: 14px;
    height: 14px;
    background-color: #C5C5C5;
    border-radius: 50%;
}
.about-develop-list ul li:first-child {
    margin-left: 205px;
}
.about-develop-list ul li .des {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    text-align: center;font-size: 16px;
    width: 300px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.about-develop-list ul li.year-none {
    width: 0!important;
}
.about-develop-list ul li.year-up .des {
    bottom: 36px;
}
/*.about-develop-list ul li.year-up .des:hover {
    bottom: 46px;
}*/
.about-develop-list ul li.year-down .des {
    top: 36px;
}
/*.about-develop-list ul li.year-down .des:hover {
    top: 46px;
}*/
.about-develop-list ul li .des .des-top {
    padding: 20px;
}
.about-develop-list ul li .des .des-date {
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #053c83;
}
.about-develop-list ul li .des .des-date:before {
    position: absolute;
    left: 50%;
    margin-left: -11.5px;
}
.about-develop-list ul .year-up .des .des-date:before {
    bottom: -25px;
    content: url(../images/icon-develop2.png);
}
.about-develop-list ul .year-down .des .des-date:before {
    top: -32px;
    content: url(../images/icon-develop-top.png);
}
.about-develop-list ul .year-up .des .des-date {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.about-develop-list ul .year-down .des .des-date {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.about-tech .about-tech-des {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
}
.about-tech-list {
    margin-top: 30px;
    height: 550px;
    /*background: #fff;*/
}