.main-content{
    border-top: solid 5px #fff;
    height: auto
}

.carousel{
    width: 66.66%;
    height: 28.385%;
}
.carousel-indicators{
    bottom: 20px;
}
.carousel-inner img {
    width: 100%;
    height: 28.385vw;
}
.carousel-indicators li{
    width: 8px;
    height: 8px;
    border-radius: 20px;
    border: none;
    opacity: 1;
    margin: 0 10px;
    transform:translateY(100%);
}
.carousel-indicators li span{
    display: none;
}
.carousel-indicators li.active{
    width: 25px;
    height: 25px;
    background: #4477dd;
    transform:translateY(0);
}
.carousel-indicators li.active span{
    display: block;
    color: #fff!important;
    text-indent: 8px;
}
.text-gray{
    color: #909090
}
.ads{
    width: 33.34%;
    height: 28.385vw;
    left: 75%;
    border-left: 5px solid #fff
}
.ads .title{
    display: none;
    padding: 10px;
    height: 45%
}
.ads .title .title-name{
    max-width: 100%;
    font-size: 18px;
}
.ads .title .ads-desc{
    font-size: 14px;
}
.ads .img{
    height: 28.385vw;
    bottom: 0;
}
.ads .img img{
    position: absolute;bottom: 0;
    height: 100%;
}
@media (min-width: 800px) {
    .ads .title{
        padding: 10px;
        display: block;
    }
    .ads .img img{
        bottom: 0
    }
    .ads .title .title-name{
        font-size: 16px;
    }
    .ads .title .ads-desc{
        font-size: 12px;
    }
    .ads .img{
        height: 55%;
        overflow: hidden;
    }
}
@media (min-width: 1200px) {
    .ads .title{
        padding: 10px;
        display: block;
    }
    .ads .img img{
        bottom: 0
    }
    .ads .title .title-name{
        font-size: 20px;
    }
    .ads .title .ads-desc{
        font-size: 16px;
    }
    .ads .img{
        height: 55%;
        overflow: hidden;
    }
}
@media (min-width: 1500px) {
    .ads .title{
        display: block;
        padding: 20px;
        z-index: 99!important;
        height: 45%
    }
    .ads .img{
        height: 55%;
        overflow: hidden;
    }
    .ads .title .title-name{
        font-size: 28px;
    }
    .ads .title .ads-desc{
        font-size: 16px;
    }
    .ads .title .ads-desc{
        max-width: 400px;
    }
}
@media (min-width: 1920px) {
    .ads .title{
        padding: 40px 30px;
    }
}

.echart{
    height: 800px;
}
/*#echart1{*/
/*    height: */
/*}*/
#echart2,#echart3{
    height: 500px;
}
#echart4,#echart5{
    height: 440px;
}
.card{
    border-radius: 0;
}
.card.title{
    height: 50px;
    border: none;
    line-height: 50px;
}
.card.bg-white {
    border: none;
}
.card.bg-white .card-body, .card.title .card-body{
    padding: 0
}
.card-item{
    background: #fff;
    color: #222;
}
.card-img-top{
    width: 90%;
    height: 140px;
    line-height: 140px;
}
.card-img-overlay .card-title{
    letter-spacing: 8px;
    font-size: 36px;
}
.see-more{
    position: absolute;
    top: 5px;
    right: 30px;
}
.tender{
    height: 700px;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s;
}

.card-item .body{
    color: #8f8f8f
}
.card-item.bg-blue:hover{
    background: #4477dd;
    color: #fff;
    transform: scale(1.01);
    box-shadow: 5px 5px 5px #ddd;
}
.card-item.bg-green:hover{
    background: #aadd66;
    color: #fff;
    transform: scale(1.01);
    box-shadow: 5px 5px 5px #ddd;
}
.card-item.bg-orange:hover{
    background: #ffaa00;
    color: #fff;
    transform: scale(1.01);
    box-shadow: 5px 5px 5px #ddd;
}
.card-item.bg-blue:hover .body,
.card-item.bg-green:hover .body,
.card-item.bg-orange:hover .body
{
    color: #fff
}
.bg-f4{
    background: #f4f7fd
}

.big-title{
    width: 270px;
    position: relative;
    color: #222;
    letter-spacing: 2px;
}
.big-title.lg{
    width: 320px;
}
.big-title.xl{
    width: 380px;
}
.big-title.xxl{
    width: 600px;
}
.big-title.white{
    color: #fff;
    letter-spacing: 2px;
}
.big-title:before, .big-title:after{
    content: '';
    position: absolute;
    width: 25px;
    height: 30px;
    background: #4477dd;
    transform:skewX(-45deg);
    -webkit-transform:skewX(-45deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:skewX(-45deg);
}
.big-title.white:before, .big-title.white:after{
    background: #fff;
}
.big-title:before{
    top: 45%;
    left: -40px;
}
.big-title:after{
    top: 45%;
    right: -40px;
}
ul.list-group li.list-group-item{
    position: relative;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
}
ul.list-group li.list-group-item:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 20px;
    position: absolute;
    top: 15px;
    left: 0;
    background: #000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border: none
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    color: #000;
    font-size: 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: #4477dd;
    color:#fff;
    border-radius: 20px;
    height: 36px;
    line-height: 36px;
    padding: 0px 15px;
}
.text-bg{
    left: 50%;
    bottom: 0;
    transform:translate(-50%,0);
}
.text-content{
    left: 50%;
    bottom: 0;
    transform:translate(-50%,-50%);
    letter-spacing: 5px;
}
.service{
    height: 210px;
    z-index: 1;
}
.service:hover{
    box-shadow: 5px 5px 5px #22222266;
}
.service .service-dialog{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: 0
}
.service:hover .service-dialog{
    opacity: 0.2
}
.service .service-img{
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.service .service-title{
    z-index: 4;
    position: absolute;
    top: 80%;
    left: 50%;
    letter-spacing: 1px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    font-size: 20px;
}
.service:hover .service-img{
    transform:scale(1.02) translate(-50%,-50%);
    -webkit-transform:scale(1.02) translate(-50%,-50%);
    -moz-transform:scale(1.02) translate(-50%,-50%);
}

.friend-link{
    width: 12.5%
}
.friend-link .border{
    border-color: #888
}
.my-arrow{
    height: 370px;
    border: 1px solid #5f5f5f;
    margin-top: 100px;
    position: relative;
    left: 50px;
}
.my-arrow:before{
    content: '';
    width:0;
    height:0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 10px solid #5f5f5f;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
}
.partner-more{
    display: inline-block;
    cursor: pointer;
    width: 200px;
    height: 24px;
    line-height: 24px;
    color: #8f8f8f;
    background: url(../img/icon/drights.png) no-repeat;
    background-position-x: 140px;
    background-position-y: -5px;
    background-size: 36px;
    padding-right: 36px;
}