.container{padding:0;}
.container .row{padding:0;margin-left:0;margin-right:0;}
.jumbotron{padding:51px 0 0 0;}
.why{margin-top:100px;}
.h2-title{
    border:4px solid #EFF4F9;
    font-size:36px;
    padding:20px 10px;
    border-radius:50px;
}
.h2-title>span{
    font-size:36px;
    padding:10px 50px;
    background-color:#EFF4F9;
    border-radius:50px;
}

.block-one{
    margin-top:80px;
}
.block-one>.row{
    box-sizing: padding-box;
    width:90%;
    background-color:#EFF4F9;
    height:252px;
    padding:40px;
}
.blue-span{
    display:inline-block;
    padding:10px 20px;
    width:270px;
    background-color:#3DAEE6;
    color:white;
    font-size:16px;
    border-radius:50px;
}
.block-one>.row>div>div{
    height:73px;
    /*line-height:84px;*/
}

.block-two{
    margin-top:60px;
}
.block-two>.row{
    box-sizing: padding-box;
    width:90%;
    background-color:#3EAFE7;
    height:auto;
    padding:40px;
    float:right;
}
.block-two .img{
    display:block;
    margin-bottom:30px;
}
.block-two .blue-span{
    display:inline-block;
    padding:10px 20px;
    width:270px;
    background-color:white;
    color:#3EAFE7;
    font-size:16px;
    border-radius:50px;
}

.block-three{
    margin-top:60px;
}
.block-three>.row{
    box-sizing: padding-box;
    width:90%;
    background-color:#EFF4F9;
    height:auto;
    padding:40px;
}
.block-three .contact{margin-top:90px;}
.block-three .name{margin-top:28px;}
.block-three .btn{margin-top:20px;}


.block-four{
    margin-top:60px;
    margin-bottom:200px;
    position:relative;
}
.block-four>.row{
    height:120px;
    box-sizing: padding-box;
    width:90%;
    background-color:#3EAFE7;
    padding:40px;
    float:right;
}
.hot-line{
    color:white;
    font-size:30px;
    vertical-align: top;
}
.welcome{
    display:block;
    padding:10px 20px;
    width:270px;
    background-color:#F0F5FB;
    color:#333;
    font-size:20px;
    border-radius:50px;
    position:absolute;
    bottom:-70px;
    right:10%;
}



.why{position:relative;}
.line1{
    width:4px;
    height:43px;
    position:absolute;
    left:50%;
    top:65px;
    background-color:#EFF4F9;
}
.line2{
    width:calc(40% + 8px);
    height:4px;
    position:absolute;
    left:50%;
    top:105px;
    background-color:#EFF4F9;
}
.line3{
    width:4px;
    height:274px;
    position:absolute;
    left:calc(90% + 8px);
    top:105px;
    background-color:#EFF4F9;
}
.line4{
    width:calc(40% + 8px);
    height:4px;
    position:absolute;
    left:50%;
    top:375px;
    background-color:#EFF4F9;
}
.cycle1{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#3DAEE6;
    position:absolute;
    left:50%;
    margin-top:-4px;
    z-index:2;
}
.line5{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:375px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.cycle2{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#fff;
    border:2px solid #EFF4F9;
    position:absolute;
    left:50%;
    top:423px;
    z-index:2;
}
.btn-1{
    display:inline-block;
    height:40px;
    width:180px;
    border-radius:50px;
    background-color:#3DAEE6;
    color:white;
    line-height:40px;
    text-align: center;
    font-size:20px;
    /*padding:10px 30px;*/
    margin-top:65px;
}
.line6{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:480px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.line7{
    width:calc(40% + 12px);
    height:4px;
    position:absolute;
    left:calc(10% - 6px);
    top:526px;
    background-color:#EFF4F9;
}
.line8{
    width:4px;
    height:274px;
    position:absolute;
    left:calc(10% - 10px);
    top:526px;
    background-color:#EFF4F9;
}
.line9{
    width:calc(40% + 12px);
    height:4px;
    position:absolute;
    left:calc(10% - 8px);
    top:796px;
    background-color:#EFF4F9;
}
.cycle3{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#3DAEE6;
    position:absolute;
    left:50%;
    margin-top:6px;
    z-index:2;
}
.line10{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:796px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.cycle4{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#fff;
    border:2px solid #EFF4F9;
    position:absolute;
    left:50%;
    top:846px;
    z-index:2;
}
.btn-2{
    margin-top:76px;
}
.line11{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:902px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.line12{
    width:calc(40% + 8px);
    height:4px;
    position:absolute;
    left:calc(50% + 4px);
    top:949px;
    background-color:#EFF4F9;
}
.line13{
    width:4px;
    height:372px;
    position:absolute;
    left:calc(90% + 8px);
    top:952px;
    background-color:#EFF4F9;
}
.line14{
    width:calc(40% + 8px);
    height:4px;
    position:absolute;
    left:calc(50% + 4px);
    top:1320px;
    background-color:#EFF4F9;
}
.cycle5{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#3DAEE6;
    position:absolute;
    left:50%;
    margin-top:6px;
    z-index:2;
}
.line15{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:1325px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.cycle6{
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#fff;
    border:2px solid #EFF4F9;
    position:absolute;
    left:50%;
    top:1373px;
    z-index:2;
}
.btn-3{
    margin-top:80px;
}
.line16{
    width:4px;
    height:50px;
    position:absolute;
    left:50%;
    top:1430px;
    background-color:#EFF4F9;
    margin-left:4px;
}
.line17{
    width:calc(40% + 12px);
    height:4px;
    position:absolute;
    left:calc(10% - 8px);
    top:1477px;
    background-color:#EFF4F9;
}
.line18{
    width:4px;
    height:147px;
    position:absolute;
    left:calc(10% - 12px);
    top:1477px;
    background-color:#EFF4F9;
}
.line19{
    width:calc(80% - 270px);
    height:4px;
    position:absolute;
    left:calc(10% - 8px);
    top:1620px;
    background-color:#EFF4F9;
}
.key-img-box{
    display:inline-block;
    position:relative;
    width:30px;
    height:30px;
}
.key_img{
    width:42px;
    height:51px;
    position:absolute;
    left:-12px;
    top:0;
}

@media screen and (max-width:767px){
    .why{margin-top:45px;}
    .h2-title>span{font-size:18px;}
    .h2-title{border:none;}
    .block-one,.block-two,.block-three,.block-four{margin-top:30px;}
    .block-one>.row,.block-two>.row,.block-three>.row,.block-four>.row{width:100%;padding:20px;}
    .blue-span{font-size:12px;width:240px;}
    .block-one>.row>div{height:45px;}
    .why>span[class^="line"]{display:none;}
    .why>span[class^="cycle"]{display:none;}
    .btn-1{margin-top:30px;}
    .block-two .img{margin-bottom:10px;}
    .block-two .blue-span{margin-bottom:15px;}
    .block-three .contact{margin-top:10px;margin-bottom:10px;}
    .hot-line{font-size:24px;}
    .block-four{margin-bottom:100px;}
}