#body .b_center{
    background-color: #0d6efd;
    width: 1200px;
  /*  height: 400px;*/
    margin: 0 auto;
    padding-bottom: 30px;
    /*box-shadow: 5px 10px 15px #ccc;*/
}
#body .b_center .b_c_top{
    width: 1140px;
    /*height: 220px;*/
   /* background-color: #4285f4;*/
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 15px;
}
#body .b_center .b_c_top span{
    display: inline-block;
    width: 1140px;
}
#body .b_center .b_c_top span:first-child{
 /*   background-color: pink;*/
    height: 60px;
    line-height: 65px;
    text-align: center;
}
#body .b_center .b_c_top span:last-child{

    height: 140px;
   /* background-color: cyan;*/
    padding: 0 25px;
    box-sizing: border-box;
}
#body .b_center .b_c_top span:last-child p{
    font-size: 16px;
    line-height: 25px;
    word-spacing:3px;
}
#body .b_center .b_c_body{
    width: 1140px;
  /*  height: 420px;*/
    /* background-color: #4285f4;*/
    margin: 0 auto;
    margin-top: 15px;

}
#body .b_center .b_c_body .b_c_b_t{
    width: 1140px;
    height: 38px;
background-color: #4285f4;

    display: inline-block;
    line-height: 38px;
    padding-left: 20px;
    font-size: 20px;
    box-sizing: border-box;
}
#body .b_center .b_c_body .b_c_b_b{
    width: 1140px;
  /*  height: 600px;*/
    /*background-color: pink;*/
    overflow: hidden;
  /*  padding-bottom: 20px;*/
}
#body .b_center .b_c_body .b_c_b_b .samp1{
    text-align: center;
    width: 380px;
    height: 440px;
    background-color: white;
    float: left;
    padding-top: 30px;
    box-sizing: border-box;

}
#body .b_center .b_c_body .b_c_b_b .samp1:first-child{
   /* background-color: yellowgreen;*/
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border{
   /* background-color: #fbbc05;*/
    width: 352px;
    height: 342px;
    display: inline-block;
    border: 1px solid #4285f4;
    box-sizing: border-box;
   /* text-align: center;*/
    /*line-height: 342px;*/
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border:hover{
    border: 1px solid orangered;
    box-shadow: 2px 2px 2px 2px lightgray;
    width: 357px;
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img1{
    width: 350px;
    height: 340px;
    /*padding-left: 5px;*/
}

#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img1:hover{
    width: 355px;
}
#body .b_center .imga{
    display: inline-block;
width: 380px;
    height: 60px;
  /*  background-color: #ea4335;*/
line-height: 60px;
    font-size: 18px;
    font-weight:bolder;
    color: #2319dc;
}
#body .b_center .imga:hover{
    font-size: 20px;
    color: orangered;

}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img2{
    width: 345px;
    height: 340px;
    padding-left: 5px;
}

#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img2:hover{
    width: 350px;
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img3{
    width: 350px;
    height: 258px;
    display: block;
    line-height: 340px;
  margin-top: 45px;
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img3:hover{

    width: 355px;
   /* margin: auto;*/
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img4{
    width: 350px;
    height: 265px;
    display: block;
    line-height: 340px;
    margin-top: 35px;
}
#body .b_center .b_c_body .b_c_b_b .samp1 .samp1_border .img4:hover{

    width: 355px;
    /* margin: auto;*/
}

#body .samp2{
    text-align: center;
    display: inline-block;
    width: 570px;
    height: 492px;
    /*background-color: pink;*/
    float: left;
    padding-top: 20px;
}
#body .samp2 .samp2_border{
    width: 542px;
    height: 442px;
   /* background-color: #fbbc05;*/
    display: inline-block;
    border: 1px solid #4285f4;
    box-sizing: border-box;

}
#body .samp2 .samp2_border .img5{
    width: 520px;
    height: 440px;
}
#body .b_center .b_c_body .b_c_b_b  .samp2_border:hover{
    border: 1px solid orangered;
    box-shadow: 2px 2px 2px 2px lightgray;
    width: 547px;
}
#body .b_center .b_c_body .b_c_b_b .samp2_border .img5:hover{
    width: 522px;
}

#body .samp2 .samp2_border .img7{
    width: 520px;
    height: 370px;
    line-height: 440px;

    margin-top: 35px;
}
#body .b_center .b_c_body .b_c_b_b .samp2_border .img7:hover{
    width: 522px;
}
#body .samp3{
    text-align: center;
    display: inline-block;
    width: 570px;
    height: 492px;
    /*background-color: pink;*/
    float: left;
    padding-top: 20px;
}
#body .samp3 .samp3_border{
    width: 542px;
    height: 442px;
    /* background-color: #fbbc05;*/
    display: inline-block;
    border: 1px solid #4285f4;
    box-sizing: border-box;

}
#body .samp3 .samp3_border .img6{
    width: 530px;
    height: 435px;
}
#body .b_center .b_c_body .b_c_b_b  .samp3_border:hover{
    border: 1px solid orangered;
    box-shadow: 2px 2px 2px 2px lightgray;
    width: 547px;
}
#body .b_center .b_c_body .b_c_b_b .samp3_border .img6:hover{
    width: 532px;
}
#chat-container {
    background: #ebf6f09e;

    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 1100px;
    margin: auto;
    margin-bottom: 50px;
}
#chatbox {
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 200px;
    overflow-y: auto;
    padding: 10px;
    margin-bottom: 10px;
    background: white;
}
#chat-container input[type="text"] {
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#chat-container button {
    padding: 10px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#chat-container button:hover {
    background-color: #218838;
}