#rnd {width:100%; padding-top:30px }
#rnd  img {max-width:100%; vertical-align:top; }

#rnd .flex3 {display:flex; justify-content: space-between; margin:50px 10px  }
#rnd .flex3 .item {width:23%; border:1px solid #dfdfdf;  border-radius:10px; overflow: hidden; box-shadow:1px 1px 8px rgba(0,0,0,0.2);}
#rnd .flex3 .item .tit{ text-align:center; font-size:20px; line-height:30px; font-weight:600; padding:20px 0 10px 0; }
#rnd .flex3 .item .txt {text-align:center; padding: 0 15px 20px 15px}

#rnd h3 {text-align:center; margin-bottom:40px}
#rnd h3 span{ text-align:center; font-size:40px; line-height:45px; 
font-weight:600; padding-bottom:10px; position:relative; margin: 0 auto }
#rnd h3 span:before {content: ""; width: 100%; height: 20px; background: rgba(26, 103, 160, 0.2);  position: absolute; bottom: 10px;}
#rnd .txt1 {font-size:18px; line-height:32px; }
#rnd .txt1 span {color:#333; font-weight:600 }

#rnd .flexR3 {display:flex; justify-content: space-between; margin:50px 10px  }
#rnd .flexR3 .item {width:19%; border:1px solid #dfdfdf;  border-radius:10px; overflow: hidden; box-shadow:1px 1px 8px rgba(0,0,0,0.2);}
#rnd .flexR3 .item .img {text-align:center; padding-bottom:20px}
#rnd .flexR3 .item .img img {height:180px}
#rnd .flexR3 .item .tit{ text-align:center; font-size:18px; line-height:30px; font-weight:600; padding:30px 0 15px 0; }
#rnd .flexR3 .item .txt {text-align:center; padding: 0 15px 30px 15px}
#rnd .flexR3 .item ul li {font-size:13px; position:relative; padding-left:8px; margin-bottom:5px; text-align:left }
#rnd .flexR3 .item ul li:before { content: "";  width: 3px; height: 3px; background-color: #555;  
position: absolute; left: 0; top: 9px;   border-radius: 50%;}

#rnd .cont {margin-top:150px}

#rnd .flex1 {width:800px; margin:30px auto 0 auto ;display:flex; justify-content:space-evenly;  flex-wrap: wrap; }
#rnd .flex1 .item {width:33.33333%;  text-align:center; margin:15px 0;  font-size:18px; line-height:30px; }
#rnd .flex1 .item .img {width:100px; height:100px; padding:10px; border:1px solid #ccc; border-radius:50%;; overflow:hidden;
margin:0 auto}
#rnd .flex1 .item .img img {  background:#fff;  padding:0px; vertical-align:top  }
#rnd .flex1 .item .tit{   padding:15px 0 0px 0; font-size:20px; line-height:26px; font-weight:600;}
#rnd .flex1 .item .tit span {display:block; font-weight:500; font-size:16px;}
#rnd .flex1 .item .txt {font-size:14px; line-height:22px; padding-top:15px}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#rnd {width:100%; padding-top:0px }

#rnd .flex3 {margin:30px 0px; flex-wrap: wrap;  }	
#rnd .flex3 .item {width:48%;  margin:0 0 20px 0; box-shadow:1px 1px 8px rgba(0,0,0,0); border:1px solid #ccc;}
#rnd .flex3 .item .tit{ text-align:center; font-size:16px; line-height:22px;  padding:12px 0 10px 0; }
#rnd .flex3 .item .txt {text-align:center;font-size:13px; line-height:18px;  padding: 0 5px 20px 5px}


#rnd .flexR3 {margin:30px 10px; flex-wrap: wrap;  }	
#rnd .flexR3 .item {width:100%;  margin:0 0 20px 0; box-shadow:1px 1px 8px rgba(0,0,0,0); border:1px solid #ccc;}
#rnd .flexR3 .item .tit{ text-align:center; font-size:16px; line-height:25px;  padding:20px 0 10px 0; }
#rnd .flexR3 .item .txt {text-align:center;font-size:13px; line-height:20px;  padding: 0 20px 20px 20px}

#rnd h3 { margin-bottom:30px}
#rnd h3 span{ text-align:center; font-size:25px; line-height:30px;  padding-bottom:10px; }
#rnd h3 span:before {content: ""; width: 100%; height: 15px;  position: absolute; bottom: 10px;}
#rnd .txt1 {font-size:15px; line-height:24px; }


#rnd .cont {margin-top:50px}

#rnd .flex1 {width:100%; margin:20px auto 0 auto ;display:flex; justify-content:space-evenly;  flex-wrap: wrap; }
#rnd .flex1 .item {width:50%;   margin:10px 0;  font-size:15px; line-height:18px; }
#rnd .flex1 .item .img img { border-radius:50%; padding:10px; vertical-align:top  }
#rnd .flex1 .item .tit{  font-weight:600; padding:15px 0 10px 0; }
#rnd .flex1 .item .txt {padding-top:10px; font-size:13px; line-height:18px}
#rnd .flex1 .item .tit{   padding:10px 0 0px 0; font-size:18px; line-height:24px;}

@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

