#service {width:100%; margin:0 auto; overflow:hidden;}
#service p.txtP { padding-bottom:0px; font-size:20px;  line-height:35px; }
#service .sub_txt01 { padding:0 10px; text-align:center}
#service div.icoBox {overflow:hidden; margin:40px 0 60px 0;}
#service section {padding:170px 35px 40px 35px; text-align:center; border:1px solid #dfdfdf; margin:1% 1%; width:31%; box-sizing:border-box; min-height:300px; float:left; }
#service section.ico1 {background:url("../img/img1.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img2.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img3.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img4.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img5.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img6.png")no-repeat center 40px;}
#service img {border-radius: 20px;}
#service div.tith {width: 60%;margin:0 auto; font-size:30px; border-bottom:1px solid #111; border-top: 1px solid #111;padding: 8px 0px 10px 0px;}
#service div.tit {font-size:20px; padding-top: 15px;}
#service div.txt {font-size:20px; padding-top: 7px;}
#service div.txt2 {width: 100%; font-size:28px; bpadding: 10px 0px 10px 0px;}

#service .cont1 {text-align:center; background:rgba(255,255,255,0.8); padding:100px 0}
#service .cont2 {text-align:center; background:#efe7de; padding:90px 0; }
#service .cont3 {text-align:center; background:rgba(255,255,255); padding:100px 0}

#service .cont2 .tit {font-size:35px; font-weight:600; padding:0 0 0px 0}
#service .cont2 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; width:1400px; margin:0 auto 80px auto}
#service .cont2 .flex1 .item{  width:31%; box-shadow:1px 1px 10px rgba(0,0,0,0); border-radius:20px; overflow:hidden;margin-top: 40px;
border:0px solid #dfdfdf; background:#fff; }
#service .cont2 .flex1 .item span {display:block; font-weight:500; font-size:18px; line-height:25px; padding:15px 0;
background:#fff; border-top:1px solid #dfdfdf;}
#service .cont2 .flex1 img{max-width:100%; border-radius:0; vertical-align:top}
#service .cont2 .btn a {display:block; padding:15px 5px; border-radius:50px; background:#8f745c; width:270px; margin:0 auto;
font-size:16px; border:0px solid #888; color:#fff;}


#service .btn a {display:block; padding:20px 30px; font-size:20px; font-weight:500; text-align:center; 
width:320px; margin:80px auto 0 auto; border:1px solid #555; border-radius:50px; transition:0.3s all }
#service .btn a:hover {background:#333; border:1px solid #333; color:#fff; transition:0.3s all}



#service .cont3 .tith {width: 60%;margin:0 auto; font-size:30px; border-bottom:1px solid #111; border-top: 1px solid #111;padding: 8px 0px 10px 0px;}
#service .cont3 .tit {font-size:55px; font-weight:600; padding:0 0 0px 0}
#service .cont3 .txt {font-size:20px; padding-top: 7px;}
#service .cont3 .txt2 {width: 100%; font-size:30px; font-weight:500; bpadding: 10px 0px 10px 0px;}


#service .pc{display: block}
#service .mobile{display: none}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
#service div.tith {width: 95%;font-size:20px; border-bottom:1px solid #111; border-top: 1px solid #111;padding: 8px 0px 10px 0px;}
#service p.txtP {  font-size:16px;  line-height:30px; }
#service div.tit {font-size:15px; padding-top: 10px;}
#service div.txt {font-size:15px; }
#service div.txt2 {width: 100%; font-size:30px; bpadding: 10px 0px 10px 0px;}
	#service img {border-radius: 10px;}
	#service .pc{display: none}
	#service .mobile{display: block}

#service .cont1 {padding:50px 15px}
#service .cont2 {padding:50px 15px; }
#service .cont2 .tit {font-size:25px; font-weight:600; padding:0 0 10px 0}
#service .cont2 .flex1{width:100%; margin:0 auto 30px auto}
#service .cont2 .flex1 .item{  width:100%;  border-radius:15px; margin-bottom:0px  }
#service .cont2 .flex1 .item span { font-size:16px; padding:10px 0;}
#service .cont2 .btn a { padding:10px 5px; width:220px; font-size:14px;}
	

#service .cont3 {text-align:center; background:rgba(255,255,255); padding:80px 15px 50px }
#service .cont3 .tith {width: 95%; font-size:20px; border-bottom:1px solid #111; border-top: 1px solid #111;padding: 8px 0px 10px 0px;}
#service .cont3 .tit {font-size:30px; font-weight:600; padding:0 0 0px 0}
#service .cont3 .txt {font-size:15px; padding-top: 7px;}
#service .cont3 .txt2 {width: 100%; font-size:18px; font-weight:500; bpadding: 10px 0px 10px 0px;}


#service .btn a {display:block; padding:10px 20px; font-size:16px;  
width:220px; margin:30px auto 0 auto; border:1px solid #555; border-radius:50px; transition:0.3s all }
#service .btn a:hover {background:#333; border:1px solid #333; color:#fff; transition:0.3s all}


}
@media (max-width: 768px) {
#service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}