body{
    background-color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    font-family: "Microsoft YaHei",Arial,sans-serif;
    color: rgba(255,255,255,.8);
    letter-spacing: 1px;
}

h1,h2,h3,h4,h5,h6,label{
    color: #fff;
}
.modal h4,.modal h5,.modal label,.modal p{
    color: #333;
}
.row_title .col{
    position: relative;
    height: 28px;
    border-right: 1px solid #999;
}
.row_title .col:last-child{
    border-right: 0px;
}
.row_title .col:hover .a a,.row_title .col.active .a a{
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.row_title .col .a {
    font-size: 20px;
    font-weight: bold;
    color: #252C84;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}
.row_title .col .b{
    font-size: 20px;
    font-weight: bold;
    color: #252C84;
    -webkit-text-stroke: #8adde3 6px;
    position: absolute;
    left: 0;
    right: 0;
    /*text-shadow: 0 2px #B3F7FC, 2px 0 #B3F7FC, -2px 0 #B3F7FC, 0 -2px #B3F7FC;*/

}
.border_1{
    border: 4px solid #7CF8FE;
    box-shadow:0px 0 10px #7CF8FE inset;
    background-color: #111;
}
.a2 .col-12{
    padding: 50px;
}
.color_blue{
    color: #16EDF7;
}
.border_1 a,.btn1:hover{
    color: #fff;
    text-decoration: none;
}
.border_1 a:hover{
    color:  #16EDF7;
    text-decoration: none;
}
.btn1{
    width: 200px;
    padding: 10px 20px;
    background-color: #111;
    border: 1px solid  #16EDF7;
    border-radius: 25px;
}
.red{
    color: red;
}
ul li{
    list-style: none;
}
.p_yc{
    color:  #16EDF7;
    border: 1px solid #16EDF7;
    width: 150px;
    padding: 5px;
}
.yc{
    box-shadow: 0px 0 20px #7CF8FE inset;
    margin-top: 80px;
}
.yc ul{
    margin: 0 20px;
}
.yc ul li p{
    margin: 20px 0;
}
.yc_a{
    border: 1px solid #16EDF7;
    border-radius: 20px;
    padding: 3px 20px;
}
.yc_a:hover,.yc a:hover{
    color: #fff;
    text-decoration: none;
}
.yc ul li{
    position: relative;
    margin: 100px 50px;

}
.yc ul li:first-child {
    position: relative;
    margin: 100px 10px;

}
.yc_t{
    /*background: url("img/t1.png") center top no-repeat;*/
    position: absolute;
    left: -23px;
    top: -23px;

}
.yc_s{
    border: 2px solid #16EDF7;
    border-radius: 50%;
    padding: 6px;
    width: 40px;
    font-size: 24px;
    /* font-weight: bold; */
    color: #16EDF7;
}
.p_yc{
    margin-top: 80px;
}
.a4_div p{
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-left: 2px dashed #16EDF7;
    border-right: 2px dashed #16EDF7;
    border-bottom: 2px dashed #16EDF7;
    padding: 20px 20px 30px 20px;
    min-height: 150px;
}
.a4_div h5{
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
   background-color:  #16EDF7;
    -moz-border-radius-topright: 20px;
   padding: 10px 0;
    margin: 0;
}
ol>li{
    color: #16EDF7;
    line-height: 2;
}
.a4,.a5,.a6,.a7{
    margin-top: 200px;
}
.a6_div{
    box-shadow: 0px 0 20px #7CF8FE inset;
    padding: 100px 50px;
}
.a6_t2{
    position: absolute;
    left: 0;
    top: 0;
}
.a6_div .col-md-4 img{
    display: inline-block;
    width: 100%;
}
.a7_div{
    border: 1px dashed #16EDF7;
    padding: 50px;
    line-height: 2;
}
.grid{
    margin: 20px 20px;
}
.grid-item {
    width: 25%;
    padding: 10px;

}
@media only screen and (max-width: 767px) {
    .grid-item {
        width: 100%;

    }
}