.company-page{
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    overflow: hidden;

}

.company-page-box{
    float: left;
    width: 30%;
    font-size: 0;
}

.company-page-icon{
    width: 141px;
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
}
.company-page-icon p{
    font-size: 20px;
    color: #015390;
    text-align: center;
    line-height: 2;

}

.company-page-arrow{
    width: 220px;
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

.company-page-text-box{
    float: right;
    width: 70%;

}

.company-page-text{
    width: 80%;
    padding: 20px;
    margin: 0 auto;
}

.company-page-text p{
    font-size: 17px;
    line-height: 2;
    
}

.company-page-text span{
    color: red;
}

.company-page-img{
    width: 760px;
    max-width: 100%;
}


/*run*/

.run-page{
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    overflow: hidden;

}

.run-page-title{
    background-color: #015390;
    padding: 15px 0;
}

.run-page-title h2{
    padding: 20px 0;
    font-size: 30px;
    color: #fff;
    text-align: center
}

.yel{
    color: #f4d507;
    font-size: 32px;
}

.ogn{
    color: #ff921e;
    font-size: 32px;
}

.run-page-box{
    float: right;
    width: 30%;
    font-size: 0;
}

.run-page-icon{
    width: 141px;
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
}
.run-page-icon p{
    font-size: 20px;
    color: #015390;
    text-align: center;
    line-height: 2;
}

.run-page-arrow{
    width: 210px;
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

.run-page-img{
    display: inline-block;
    vertical-align: middle;
    width: 315px;
    max-width: 100%;
}

.run-page-text-box{
    float: left;
    width: 70%;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 60px;
    background-position: 22% 3%;
    padding: 70px 0;
}


.run-page-text{
    width: 40%;
    padding: 0 20px;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}

.run-page-text p{
    font-size: 20px;
    line-height: 2;
    
}

.run-page-text p:before{
    content: "◆";
    display: inline-block;
    padding: 0 10px;
    color: #fd9120;
    
}

.run-page-text span{
    color: red;
}


.run-page-text h3{
    padding: 10px 10px;
    color: red;
    font-size: 25px;
}

.run-logo{
    display: inline-block;
    width: 245px;
    max-width: 100%;
    text-align: center;
}

/*process*/

.process-page{
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    background-image: url(../img/about/process-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
}

.process-page-title{
    background-color: #015390;
    padding: 20px 0;
}

.process-page-icon{
    width: 150px;
    margin: 0 auto;
    max-width: 100%;
}
.process-page-icon p{
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 2;
}



.process-page-triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 60px;
    border-color: #015390 transparent transparent transparent;
    margin: 0 auto;
}

.process-page-content{
    background-color: rgba(255,255,255,0.8);
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border-radius: 3%;

}

.process-page-n{
    width: 100%;
    max-width: 100%;
}

.process-page-x{
    width: 20%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.process-page-x p{
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 2;
}

.process-page-z{
    width: 100%;
    max-width: 100%;
    display: block;
}

.process-page-z b{
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 2;
    display: block;
}

.process-page-n img{
    width: 115px;
}

.process-page-x img{
    width: 115px;
}

.process-page-z img{
    width: 115px;
}

.process-page-n p{
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 2;
}

.process-page-l{
    background-color: red;
    border-radius: 100px;
    display: inline-block;
    width: 5%;
    vertical-align: middle;
    height: 245px;
    position: relative;

}

.process-page-l p{
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    writing-mode:tb-rl;
    text-align: center;
    line-height: 50px;
    padding: 20px 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}
.process-page-n:after{
    content: url(../img/about/process-n-icon.png);
    display: block;
    text-align: center;
    padding: 5px 0;
}

.process-page-x p:after{
    content: url(../img/about/process-n-icon.png);
    display: block;
    text-align: center;
    padding: 5px 0;
}