.col-md-6{padding:0;}
.deve-progress{
    width:100%;
    margin:0 auto;
    padding-top:50px;
}
.deve-progress h2{
    font-size:36px;
    text-align:center;
    margin-top:40px;
    margin-bottom:10px;
}
.deve-box{
    width:100%;
    height:60px;
    margin-top:20px;
    display: flex;
    justify-content: space-around;
    position:relative;
}
.deve-box .h-line{
    position:absolute;
    left:0;
    top:43px;
    width:100%;
    height:2px;
    background-color:#B5B5B5;
    z-index:-1;
}
.cycle-items{
    width:55px;
    text-align: center
}
.cycle-items>.cycle{
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:#B5B5B5;
    margin:14px 0;
}
.cycle-items>.tip{
    padding:2px 5px;
    border:1px solid #666;
    font-size:16px;
    text-align: center;
    width:55px;
    border-radius:4px;
    position:relative;
}
.cycle-items>.tip::after{
    display:block;
    content:"";
    width: 0;
    height: 0;
    position:absolute;
}
.cycle-items>.tip.top::after{
    border-top: 20px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.cycle-items>.tip.top:before{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 20px;
    right:20px;
    padding:0;
    border-top:8px solid #FFFFFF;
    border-bottom:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    display: block;
    content:'';
    z-index: 12;
}
.cycle-items>.tip.top:after{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 20px;
    right:19px;
    padding:0;
    border-top:9px solid #666;
    border-bottom:9px solid transparent;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    display: block;
    content:'';
    z-index:10
}
.cycle-items>.tip.bottom:before{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -16px;
    right:20px;
    padding:0;
    border-bottom:8px solid #FFFFFF;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    display: block;
    content:'';
    z-index: 12;
}
.cycle-items>.tip.bottom:after{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -18px;
    right:19px;
    padding:0;
    border-bottom:9px solid #666;
    border-top:9px solid transparent;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    display: block;
    content:'';
    z-index:10
}
.cycle-items:nth-of-type(2n+1)>.tip.bottom{opacity: 0;}
.cycle-items:nth-of-type(2n)>.tip.top{opacity: 0;}
.deve-show{
    width:100%;
    /*max-width:800px;*/
    /*margin:50px auto 0 auto;*/
    background-color:#fff;
    padding:40px 0;
    font-size:18px;
}
.deve-show>.content-box{
    width:910px;
    margin:0 auto;
}
.deve-show p{
    color:#B5B5B5;
    margin-bottom:10px;
}
#about-img{width:100%;}

.culture{margin-top:25px;margin-bottom:100px;}
.culture-title{
    width:240px;
    height:auto;
    margin:0 auto;
    padding:0 35px;
    border-bottom:2px solid #B5B5B5;
}
.culture h2{
    font-size:36px;
    padding:20px 0;
    border-bottom:2px solid #3DAEE8;
    margin-bottom:-2px;
}
.culture-content{margin-top:50px;}
.culture-content img{width:100%;}
.culture-text{
    padding:30px 30px 30px 60px;
}
.culture-content>.row>div:nth-of-type(2) .culture-text{
    padding:30px 60px 30px 30px;
}
.culture-text h3{
    font-size:30px;
    margin-bottom:15px;
}
.culture-text p{
    font-size:18px;
    text-align: justify;
    line-height:28px;
}

.deve-wrapper{
    width:910px;
    height:140px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom:20px;
    margin:0 auto;
}
.deve-wrapper::-webkit-scrollbar
{
    width: 0px;
    height: 0px;
    background-color: #F5F5F5;
}

.deve-wrapper::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

#deve-body{
    position:relative;
    width:910px;
    margin:0 auto;
}
#deve-body>.glyphicon-menu-left,#deve-body>.glyphicon-menu-right{
    position:absolute;
    font-size:40px;
    top:45px;
    cursor:pointer;
}
#deve-body>.glyphicon-menu-left{
    left:-46px;
}
#deve-body>.glyphicon-menu-right{
    right:-46px;
}
.deve-wrapper{
    position:relative;
}
.deve-box{
    position:absolute;
    left:0;
    top:0;
}
.cycle-items.active>.cycle{
    background-color:#47A2DC;
}
.culture-content .row{
    padding:0 200px;
}
.cycle-items .cycle{cursor:pointer;}
.culture-content img{height:300px;}

@media screen and (max-width:767px){
    .deve-progress{
        width:100%;
        padding:0;
        padding-top:71px;
    }
    .deve-progress h2{
        text-align: center;
        /*font-size:18px;*/
    }
    .deve-wrapper{width:90%;}
    .deve-show{
        width:100%;
        margin-top:0;
    }
    .deve-show>.content-box{
        width:100%;
        padding:0 10px;
    }
    .deve-show p{font-size:14px;}
    #about-img{margin-top:20px;}
    .culture{margin-top:20px;}
    .culture-text{padding:20px 10px;}
    .culture-text h3{font-size:18px;margin-bottom:12px;}
    .culture-text p{font-size:12px;line-height:18px;}
    .center-block{width:50%;}
    #deve-body{
        width:100%;
        transform:scaleY(0.5);
        transform:scaleX(0.9);
    }
    .left,.right{display:none;}
    .deve-wrapper{width:100%;}
    .culture-content .row{
        padding:0;
    }
    .culture-content img{height:auto;}
    .visible-xs{padding:0;}
}
@media screen and (max-width:1199px){
    .culture-text{padding:20px;}
}