#navbar{
    height: 60px;                    /*定义高度*/
    box-shadow: 0 1px 10px red;      /*定义阴影效果*/
}

.nav-list li{
    margin-left: 10px;               /*定义左边外边距*/
}
.nav-list li:hover{
    border-bottom: 2px solid white;   /*定义底边边框*/
}
.iconColor a{
    color: white;                   /*定义字体颜色*/
}
.iconColor a:hover i{
    color:red;                       /*定义字体颜色*/
    transform: scale(1.5);           /*定义2d缩放*/
 }
/*首页样式*/
.img-b{
    background: url("images/banner.png") no-repeat;   /*定义背景图片，不平铺*/
    background-size: cover ;                /*定义背景图片的大小*/
}
.jumbotron{
    height:500px;                           /*定义高度*/
    background: rgba(0,0,255,0.6);          /*定义rgba背景色*/
}
/*我们的团队*/
.bg1{
    background:  #7870E8;                /*定义背景色*/
    padding:30px 0;                     /*定义内边距*/
}
.i-circle{
    padding: 20px 22px;                 /*定义内边距*/
    background:white;                   /*定义背景颜色*/
    color: #7870E8;                    /*定义字体颜色*/
}
.i-circle1{
    padding: 20px 35px;                 /*定义内边距*/
    background:white;                    /*定义背景色*/
    color: #7870E8;                      /*定义字体颜色*/
}
.i-circle:hover{
    transform: scale(1.1);              /*定义2d缩放*/
}
.i-circle1:hover{
    transform: scale(1.1);               /*定义2d缩放*/
}
img{
    transition: all 0.2s ease-in;          /*定义过渡动画*/
}
img:hover{
    transform: scale(1.1);              /*定义2d缩放*/
}
p{
    text-indent: 2em;                    /*首行缩进2字符*/
}
.active{
    border-bottom: 2px solid red;         /*定义底边边框*/
}



.image-container {
    display: flex;
    align-items: center;
    height: 50px;
    border-right: 1px solid #cccccc; /* 竖线分割 */
}
.image-container:last-child {
    border-right: none; /* 最后一个图片不需要竖线 */
}
.image-container img {
    max-height: 100%;
    margin-right: 15px;
}
.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.text-container .bold-text {
    font-weight: bold;
}

.about {
    padding: 0.5em;
  }

  .behind{
    background: #d617cf;
    background: -moz-linear-gradient(left,  #d617cf 0%, #d318ce 0%, #3c39ad 100%, #2989d8 100%, #207cca 100%, #4637af 100%, #2989d8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d617cf), color-stop(0%,#d318ce), color-stop(100%,#3c39ad), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#4637af), color-stop(100%,#2989d8));
    background: -webkit-linear-gradient(left,  #d617cf 0%,#d318ce 0%,#3c39ad 100%,#2989d8 100%,#207cca 100%,#4637af 100%,#2989d8 100%);
    background: -o-linear-gradient(left,  #d617cf 0%,#d318ce 0%,#3c39ad 100%,#2989d8 100%,#207cca 100%,#4637af 100%,#2989d8 100%);
    background: -ms-linear-gradient(left,  #d617cf 0%,#d318ce 0%,#3c39ad 100%,#2989d8 100%,#207cca 100%,#4637af 100%,#2989d8 100%);
    background: linear-gradient(to right,  #d617cf 0%,#d318ce 0%,#3c39ad 100%,#2989d8 100%,#207cca 100%,#4637af 100%,#2989d8 100%);
    padding:70px 0;
    }
    .behind h3{
        margin: 0 auto;
        width: 75%;
        line-height: 1.5em;
        color:#ffffff;
        font-size:28px;
        text-align:center;
        font-weight:400;
    }
    .behind p{
        margin: 0 auto;
        width: 75%;
        line-height: 1.5em;
        color:#ffffff;
        font-size:20px;
        text-align:center;
        font-weight:400;
        }
