.body {
    background: #FFFFFF;
}

.dev-keep {
    width: 74.583vw;
    margin: 0 auto;
}

.develop2 {
    padding: 6.354vw 0 4.583vw;
}

.develop2 .dev-keep {
    align-items: flex-start;
}

.develop2 .intr {
    width: 32.135vw;
}

.develop2 .intr .title {
    padding-bottom: 1.667vw;
    margin-bottom: 1.667vw;
    border-bottom: 1px solid #D5D5D5;
}

.develop2 .intr .title h2 {
    font-size: 1.667vw;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #000000;
}

.develop2 .intr p {
    font-size: 0.833vw;
    font-weight: 300;
	font-family: SourceHanSansCN-Light,SourceHanSansCN;
    color: #B9B9B9;
}

.develop2 .intr .title .tag {
    margin: 1.302vw 0;
}

.develop2 .intr .title .tag span {
    display: inline-block;
    padding: 0.521vw 0.781vw;
    background: url('/static/imgs/develop-btn.svg') no-repeat center/100% 100%;
    font-size: 0.729vw;
    font-weight: 300;
	font-family: SourceHanSansCN-Light,SourceHanSansCN;
    color: #FFFFFF;
}

.C-hashLink {
    position: sticky;
    top: 6.25vw;
    margin-top: 20px;
    left: 0;
    background: #FFFFFF;
    padding: 0.521vw 0;
    z-index: 2;
}

@media screen and (max-width: 1180px){
  .C-hashLink {
    top: 80px;
    padding: 10px 0;
}  
}


@media screen and (max-width: 480px){
    .C-hashLink {
        position: static;
    }
}

.flex-xc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-xb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-yc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.C-hashLink a {
    font-size: 0.938vw;
    display: block;
    margin: 0 7.396vw;
    font-weight: 600;
    color: #111111;
}

@media screen and (max-width: 1180px){
  .C-hashLink a {
    font-size: 18px;
    margin: 0 102px;
}  
}

@media screen and (max-width: 991px){
    .C-hashLink a {
        font-size: 16px;
        margin: 0 62px;
    }
}

@media screen and (max-width: 768px){
    .C-hashLink a {
        width: 33.3%;
        margin: 0;
        text-align: center;
    }
}

@media screen and (max-width: 480px){
   .C-hashLink a {
    width: 100%;
    margin: 10px 0;
} 
}

.C-hashLink a.on {
    font-size: 0.938vw;
    font-weight: 600;
    color: #1A5D9F;
}


@media screen and (max-width: 1180px){
    .C-hashLink a.on {
        font-size: 18px;
    }
    
}

@media screen and (max-width: 991px){
    .C-hashLink a.on {
        font-size: 16px;
    }
}



.develop2 .intr .content h3 {
    font-size: 0.833vw;
    font-weight: bold;
    color: #1A5D9F;
}

.develop2 .intr .content p i {
    font-style: normal;
    font-size: 1.667vw;
    font-weight: bold;
    color: #E50012;
}

.develop2 .intr .img {
    width: 6.094vw;
    margin-top: 0.833vw;
}

.develop2 .intr .img img {
    width: 100%;
}

.develop2 .pic {
    width: 38.698vw;
}

.develop3 {
    padding: 5.417vw 0 7.917vw;
    background: url('/static/imgs/develop3-bg.png') no-repeat center/100% 100%;
}

.develop3 .container2 {
    width: 66.667vw;
    margin: 0 auto;
}

.develop3 .container2 img {
    width: 100%;
}

.develop3 h2 {
    text-align: center;
    font-size: 1.667vw;
    margin-bottom: 1em;
    font-weight: bold;
    color: #000000;
}

.develop3 .text {
    width: 55.156vw;
    margin: 0 auto;
    font-size: 0.833vw;
    font-weight: 300;
	font-family: SourceHanSansCN-Light,SourceHanSansCN;
    color: #B9B9B9;
}

.develop4 {
    padding: 4.896vw 0 8.958vw;
}

.develop4 .pic {
    width: 38.698vw;
}

.develop4 .intr {
    width: 35.833vw;
    padding-left: 4.167vw;
}

.develop4 .intr h2 {
    font-size: 1.667vw;
    margin-bottom: 1em;
    font-weight: bold;
    color: #000000;
}

.develop4 .intr p {
    font-size: 0.833vw;
    font-weight: 300;
	font-family: SourceHanSansCN-Light,SourceHanSansCN;
    color: #B9B9B9;
}

/* 
*======================================================media===============================================================
*/
@media screen and (max-width:1180px) {
    .dev-keep {
        width: 90%;
    }

    .develop2 {
        padding: 80px 0;
    }

    .develop2 .intr {
        width: 50%;
    }

    .develop2 .intr .title {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .develop2 .intr .title h2 {
        font-size: 22px;
    }

    .develop2 .intr p {
        font-size: 14px;
    }

    .develop2 .intr .title .tag {
        margin: 15px 0;
    }

    .develop2 .intr .title .tag span {
        padding: 10px;
        font-size: 12px;
    }

    .develop2 .intr .content h3 {
        font-size: 14px;
    }

    .develop2 .intr .content p i {
        font-size: 22px;
    }

    .develop2 .intr .img {
        width: 87px;
        margin-top: 16px;
    }

    .develop2 .pic {
        width: 50%;
    }

    .develop3 {
        padding: 24px 0 62px;
    }

    .develop3 .container2 {
        width: 90%;
    }

    .develop3 h2 {
        font-size: 22px;
    }

    .develop3 .text {
        width: 80%;
        font-size: 14px;
    }

    .develop4 {
        padding: 44px 0 92px;
    }

    .develop4 .pic {
        width: 45%;
    }

    .develop4 .intr {
        width: 50%;
        padding-left: 60px;
    }

    .develop4 .intr h2 {
        font-size: 22px;
    }

    .develop4 .intr p {
        font-size: 14px;
    }

    .develop3 .container2 img {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:991px) {
    .develop2 .pic {
        width: 70%;
    }

    .develop2 .intr {
        width: 100%;
        margin-bottom: 40px;
    }

    .develop2 {
        padding: 60px 0;
    }

    .develop2 .intr .content p i {
        font-size: 20px;
    }

    .develop3 .container2 img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .develop4 .pic {
        width: 60%;
    }

    .develop4 .intr {
        margin-top: 8%;
        width: 100%;
        padding-left: 0;
    }
}

@media screen and (max-width:768px) {

    .develop4 .pic {
        width: 100%;
    }

}

@media screen and (max-width:480px) {
    .develop2 .intr .title h2 {
        font-size: 18px;
    }

    .develop2 .intr p {
        font-size: 12px;
    }

    .develop2 .intr .title .tag {
        margin: 15px 0;
    }

    .develop2 .intr .title .tag span {
        padding: 10px;
        font-size: 12px;
    }

    .develop2 .intr .content h3 {
        font-size: 13px;
    }

    .develop2 .intr .content p i {
        font-size: 16px;
    }

    .develop2 {
        padding: 40px 0 60px;
    }

    .develop2 .pic {
        width: 100%;
    }

    .develop2 .intr .img {
        width: 67px;
        margin-top: 16px;
    }

    .develop3 .text {
        width: 90%;
        font-size: 12px;
    }

    .develop4 .intr h2 {
        font-size: 16px;
    }

    .develop4 .intr p {
        font-size: 12px;
    }
}