#style52 {width:100%; }
#style52 img {vertical-align:top; max-width:100%; border-radius:50px;}
#style52 .txt1{width:100%; font-size:25px; line-height:32px; text-align:center; margin-bottom:50px  }

/*#style52 h3 {font-size:30px; line-height:40px; font-weight:700;   }
#style52 h3 span{position: relative; padding:0 16px 0 2px; }
#style52 h3 span:before { content: "";  width: 10px; height: 10px; background-color:#ff4500 ;  position: absolute; 
right: 0; bottom: 8px;   border-radius: 50%;}*/

#style52 h3 {font-size:22px; padding:0 0 20px 16px; position:relative; color:#f26522; }
#style52 h3::before {content:""; height:20px; width:4px; background-color:#bbb; position:absolute; top:5px;  left:0px; }

#style52 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; padding:50px 0 0 0;  }
#style52 .reverse {flex-direction: row-reverse;}
#style52 .flex .item{  width:47%; padding:12px 0px; }
#style52  .flex .item .num {color:#e9e9e9; font-size:55px; line-height:55px; font-weight:600; 
padding-bottom:0px; position: relative; display:block; }
#style52  .flex .item .tit {font-size:28px; line-height:30px; padding:0 ; font-weight:600; color:#0072bc }
#style52  .flex .item .txt {display:block; font-size:18px; line-height:32px; padding: 0;  font-weight:500;  }
#style52  .flex .item .txt2 {display:block; font-size:16px; line-height:28px;   font-weight:500;  }
#style52  .flex .item .txt2 li{padding:0 0 38px 0}
#style52  .flex .item .txt2 strong {display:block; font-size:22px; line-height:28px; padding:10px 0 20px 0 }

#style52 .line {border-top:1px dashed #aaa; padding-top:80px; margin-top:80px;}
/*#style52 h3 {font-size:30px; font-weight:600; padding:50px 0 30px 20px; color:#0072bc  }*/

#style52 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between;  padding:50px 0 0 0;  }
#style52 .flex2 .item{ width:47%; padding:12px 0px; text-align:left;  }
#style52 .flex2 .item2 { margin-top:30px }
#style52  .flex2 .item .num {display:none; color:#333; font-size:45px; line-height:45px; font-weight:500; 
padding-bottom:25px; position: relative; margin-bottom:5px; }
#style52  .flex2 .item .tit {font-size:22px; line-height:32px; padding:0 ; font-weight:600; }
#style52  .flex2 .item .tit span {display:block; font-size:18px; color:#aaa; font-weight:600 }
#style52  .flex2 .item .txt {display:block; font-size:16px; line-height:28px; padding: 30px 0 0 0;  font-weight:500;  }
#style52  .flex2 .item .txt .etc1 {color:#990808;  padding-left:80px}
#style52  .flex2 .item .txt .etc2 {display: inline-block; vertical-align:top}

#style52 .flex3{display:flex; flex-wrap: wrap;  justify-content: space-between;  padding:20px 0; align-items: center; }
#style52 .flex3 .item{ width:30%; padding:12px 0px; text-align:left;  }
#style52 .flex3 .item:nth-child(2) {width:70%}
#style52 .flex3 .item .tit {font-size:30px; line-height:35px; padding:0 ;color:#0072bc; font-weight:600; text-align:center}
#style52  .flex3 .item .txt {display:block; font-size:18px; line-height:35px; padding:0px 0 0 0;  font-weight:500;  }
#style52  .flex3 .item li {padding-left:30px; background:url(../img/arrow1.jpg)no-repeat left 7px; background-size:15px;}

#style52 .btn {text-align:center; margin-top:130px}
#style52 .btn a{display:inline-block; border:1px solid #0072bc; background:#0072bc; padding: 25px 16px 25px 16px;
 font-size: 30px; line-height:45px; font-weight:600;
color:#fff;	margin:0 20px; border-radius: 35px; width:330px;  }
#style52  .btn a:hover {	color: #0072bc;	border:1px solid #0072bc; background:#fff; transition:0.3s all  }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style52 img { border-radius:20px;}	
#style52 .txt1{ font-size:20px; line-height:26px;margin-bottom:0px  }	
#style52 .flex { padding:20px 0 0 0 }
#style52 .flex .item{  width:100%; padding:10px 0px 0 0;  }
#style52 .flex .item .tit {font-size:20px; line-height:30px; padding-top:15px;}
#style52 .flex .item .txt {font-size:15px; line-height:25px; padding:15px 0 0 0;  }
#style52  .flex .item .txt2  {font-size:14px; line-height:24px;   }
#style52  .flex .item .txt2 li{padding:0 0 28px 0}
#style52  .flex .item .txt2 strong {display:block; font-size:18px; line-height:24px; padding:10px 0 10px 0 }


#style52 .line { padding-top:40px; margin-top:40px;}
#style52 h3 {font-size:20px; line-height:30px;   }
#style52 h3 span{ padding:0 16px 0 0; }
#style52 h3 span:before { content: "";  width: 8px; height: 8px;  position: absolute; 
right: 0; bottom: 5px;   border-radius: 50%;}
	
#style52 .flex2 { padding:20px 0 0 0; }
#style52 .flex2 .item{  width:100%; padding:0px 0px 0 0;   }
#style52 .flex2 .item2 { margin-top:0px }
#style52 .flex2 .item:nth-of-type(2) {width:100%; padding-top:10px;}
#style52 .flex2 .item .tit {font-size:16px; line-height:26px; padding-top:10px;}
#style52  .flex2 .item .tit span { font-size:16px; color:#aaa; font-weight:600 }
#style52 .flex2 .item .txt {font-size:14px; line-height:24px; padding:10px 0 0 0;  }

#style52 .flex3{ padding:10px 0;  }
#style52 .flex3 .item{ width:100%; padding:12px 0px; text-align:left;  }
#style52 .flex3 .item:nth-child(2) {width:100%}
#style52 .flex3 .item .tit {font-size:20px; line-height:25px; }
#style52  .flex3 .item .txt {display:block; font-size:16px; line-height:30px; }
#style52  .flex3 .item li {padding-left:20px; background:url(../img/arrow1.jpg)no-repeat left 5px; background-size:12px;}

#style52 .btn {text-align:center; margin-top:50px}
#style52 .btn a{display:block;  padding: 25px 16px 15px 16px; font-size: 20px; line-height:25px; 
	margin:10px auto; border-radius: 50px; width:250px;  }
#style52  .btn a:hover {	color: #0072bc;	border:1px solid #0072bc; background:#fff; transition:0.3s all  }

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

