.car_img{
    /* margin: 0 0 2% 0; */
    width: 100%;
    display: flex;
    justify-content: center;
}
.car_img_warpper{
    width: 100%;
    /* height: 100%; */
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}
/* .el-carousel__item{
	width: 80%;
	left: -15%;
} */
.carimg{
    width: 100%;
    /* height: 100%; */
}
.img_info_warpper{
    position: absolute;
    color: white;
    /* right: 5%;
    bottom: 32%; */
    margin-top: -18%;
    margin-left: 45%;
    text-align: right;
}
.img_info_name{
    font-size: 5vw;
    font-weight: lighter;
    margin: 2% 0;
}
.img_info{
    font-size: 1.6vw;
    font-weight: lighter;
    margin: 2% 0;
}
.turnto{
    cursor: pointer;
    font-size: 1.4vw;
    border: 0.1vw solid white;
    border-radius: 0.3vw;
    padding: 0.4% 0.8%;
}
.turnto:hover{
    color: black;
    background-color: white;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}
.intro_container{
    width: 100%;
    /* height: 40%; */
    background-color: rgb(247, 249, 248);
    /* transition: background-color .3s linear; */
}
/* .intro_container:hover{
    background-color: #d3dce6;
} */
.intro_content_warpper{
    width: 100%;
    display: flex;
    justify-content: center;
}
.intro_content{
    width: 80%;
    font-size: 1.6vw;
    /* line-height: 2; */
    text-align:justify; 
    text-justify:inter-ideograph;
}
.intro_content p{
    text-indent: 4%;
}
.rd_container{
    width: 100%;
    /* height: 30%; */
    background-color: #f9fbfc;
    transition: background-color .3s linear;
}
.rd_warpper{
    display: flex;
    justify-content: center;
    width: 100%;
}
.rd_card{
    width: 25%;
    /* height: 300px; */
    margin: 0 5%;
    
}
.image:hover{
    transform: scale(1.2);
    transition:all .3s;
}
.img_warpper{
    /* overflow: hidden; */
    /* border-radius: 5px; */
    background-color: rgb(248, 248, 248);
    display: flex;
    justify-content: center;
    border: 0.2vw solid rgb(135, 188, 220);
    border-bottom: none;
}
.image{
    padding: 10% 0;
    width: 15vw;
    height: 15vw;
    transition: .3s;
}
.rd_name{
    background-image: linear-gradient(to right, rgb(31, 178, 225), rgb(90, 84, 180));
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.6vw;
    padding: 8% 0;
    border-left: 0.2vw solid rgb(31, 178, 225);
    border-right: 0.2vw solid rgb(90, 84, 180);
}
.rd_text{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10% 0;
    border-left: 0.2vw solid rgb(135, 188, 220);
    border-right: 0.2vw solid rgb(135, 188, 220);
    font-size: 1vw;
    height: 6vw;
    /* border-right-image: linear-gradient(to bottom, rgb(135, 188, 220), rgb(90, 84, 180)) 3 3; */
}
.rd_text_style{
    text-align:center;
    /* line-height: 2; */
}
/* .photo_container{
    width: 100%;
    display: flex;
    justify-content: center;
} */
.photo_warpper{
    width: 100%;
    height: auto;
    float: left;
align-self: flex-start;
align-items: stretch;
}
.group::after{
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.lab_photo{
    /* display: flex;
    justify-content: center; */
    position: relative;
    width: 28%;
    float: left;
    transition: all .3s;
    margin: 0 2% 2% 0;
    overflow: hidden;

}
.lab_photo:nth-child(3n+1){
    margin-left: 6%;
}
.lab_photo:nth-child(3n+3){
    margin-right: 0;
}
.lab_photo > div{
    position: absolute;
    transition: all .3s linear;
    top: 100%;
    width: 100%;
    height: 100%;
    //opacity: 0;
    color: white;
    text-align: justify;
    display: flex;
    justify-content: center;
    align-items: center;
}
.photo{
    max-width: 100%;
    height: 22.8vw;
    display: block;
}
.lab_photo:hover .photo_details{
    top: 0;
    opacity: 1;
}
.intro_content_warpper a{
    text-decoration: none;
    color: #0066cc;
}
.intro_content_warpper a:hover{
    text-decoration: underline;
    color: rgb(225, 75, 51);
}
.rd_text a{
    text-decoration: none;
    color: #0066cc;
}
.rd_text a:hover{
    text-decoration: underline;
    color: rgb(225, 75, 51);
}