.top {
    width: 80%;
}
#main{
    position: relative;
    top:30px;
}
.develop-type{
    background-color: #f5f5f5;
    color:#3f3f3f;
}
.develop-type-wrap {
    padding-bottom: 60px;
}
.wrap {
    margin: 0 auto;
    width: 1200px;
}
.develop-type-wrap .h-block-sys {
    padding: 0 40px;
    position: relative;
    z-index: 3;
}

.h-block-sys.first .sys-con {
    height: 520px;
}

.h-block-sys.first .sys-con .sys-left {
    padding-top: 105px;
}
.develop-type-wrap .h-block-sys .sys-con .sys-left {
    float: left;
    padding: 125px 0 0;
    width: 560px;
}

.develop-type-wrap .h-block-sys .sys-con .sys-left h3 {
    font-size: 28px;
}

.develop-type-wrap .h-block-sys .sys-con  h3 {
    font-size: 28px;
}

.develop-type-wrap .h-block-sys .sys-con  h3 span {
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

.develop-type-wrap .h-block-sys .sys-con  .line {
    border-bottom: 2px solid #ff7852;
    height: 28px;
    width: 50px;
}

.develop-type-wrap .h-block-sys .sys-con  p {
    clear: both;
    color: #888888;
    font-size: 14px;
    line-height: 25px;
    padding-top: 24px;
}
.develop-type-wrap .h-block-sys .sys-con  .more {
    background-color: #ff7852;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
    width: 100px;
}
a:link, a:visited {
    color: #3f3f3f;
    text-decoration: none;
}
.h-block-sys.first .sys-con .sys-right {
    padding: 50px 0 0;
}
.develop-type-wrap .h-block-sys .sys-con .sys-right {
    float: right;
    padding: 65px 0 0;
    text-align: right;
    width: 560px;
}

.first .type-img {
    margin-right: 30px;
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 {
    float: right;
    padding: 125px 0 0;
    text-align: right;
    width: 560px;
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 .line {
    border-bottom: 2px solid #ff7852;
    float: right;
    height: 28px;
    width: 50px;
}