@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
.style55_chn .txt1,.style55_chn .txt2,.style55_chn .txt3,.style55_chn .flex3,
.style55_chn .flex .item .contBox .txt ul li{font-family: "Noto Sans SC", sans-serif;}
.style55_chn .cont .item .tit{font-family: "Noto Sans SC", sans-serif; padding:15px 38px 15px 28px !important}
.style55_chn .flex .item .contBox .tit span {font-family: "Noto Sans SC", sans-serif; padding:10px 20px !important}

.style55_eng .flex3 .item{ width:20% !important;   }
.style55_eng .flex3 .item:nth-child(2) {width:80% !important}

#style55 {width:100%; }
#style55 img {max-width:100%; vertical-align: top;}
#style55 .txt1{width:100%; font-size:22px; line-height:40px; text-align:center; margin-bottom:25px; font-weight:600; color:#3838D6;  }
#style55 .txt2{width:100%; font-size:18px; line-height:32px; text-align:center; margin:20px 0 120px 0; font-weight:600; }
#style55 .txt3{width:100%; font-size:16px; line-height:22px; text-align:center; }
#style55 .cont {clear:both;  overflow:hidden; max-width:calc(100% - 100px); margin:0 auto}
#style55 .cont .item.head {font-size:28px; padding:80px 0 0 0 ; min-height:120px; font-weight:600;}
#style55 .cont .item {width:45%; float:left; position:relative; margin-bottom:100px; }
#style55 .cont .item:last-child {margin-bottom:40px;}
#style55 .cont .item:nth-child(odd) img {border-radius:0 70px 0 0; border:1px solid #EFEFEF ;}
#style55 .cont .item:nth-child(even) img {border-radius:70px 0 0 0; border:1px solid #EFEFEF ;}
#style55 .cont .item:nth-child(even) {float:right;}
#style55 .cont .item .tit {position:absolute; left:1px; bottom:1px; background:rgba(255,255,255,0.9); padding:22px 38px 10px 28px;
font-size:20px; font-weight:600; border-radius:0 20px 0 0 }
#style55 .cont .item .tit span.num {display:none; font-size:55px; line-height:55px; font-weight:500;
  color:#efefef; padding:0 15px 0px 0; vertical-align: middle;  }
.mgT80 {margin-top:50px;}

#style55 .pay {border:1px solid #333; padding:20px; clear:both; margin-top:120px; overflow:hidden; }
#style55 .flex { display:flex; flex-wrap: wrap;  justify-content: space-between; }
#style55 .flex .item{ margin-bottom:40px;  width:46%; padding:10px 0  }
#style55 .flex .item h3 {border-bottom:1px solid #333; font-size:25px; line-height:35px; font-weight:600 }
#style55 .flex .item .contBox {clear:both; display:flex; flex-wrap: wrap;  justify-content: space-between; 
 padding:40px 10px 0 10px; font-size:18px; line-height:28px }
#style55 .flex .item .contBox div:first-child { width:40%;  align-content: flex-start; }
#style55 .flex .item .contBox div:last-child { width:60%;  }
#style55 .flex .item .contBox .tit span{display:inline-block; /*min-width:125px;*/ line-height:22px;
padding: 15px 20px 7px 20px;  background: #E1E5F1; border-radius: 10px;}
#style55 .flex .item .contBox .txt ul li {padding:5px 0}

#style55 .flex3{margin-top:50px; display:flex; flex-wrap: wrap;  justify-content: space-between;  align-items: start; }
#style55 .flex3 .item{ width:15%; padding:0px 0px; text-align:left;  }
#style55 .flex3 .item:nth-child(2) {width:85%}
#style55 .flex3 .item .tit {font-size:22px; line-height:35px; padding:10px 0 0 20px ;color:#130072; font-weight:600; }
#style55  .flex3 .item .txt {display:block; font-size:16px; line-height:35px; padding:0px 0 0 0;  font-weight:500;  }
#style55  .flex3 .item li {padding:0 0 8px 30px; background:url(../img/arrow1.jpg)no-repeat left 7px; background-size:15px;}

#style55 .btn {text-align:center; margin-top:130px}
#style55 .btn a.btn_chn{font-family: "Noto Sans SC", sans-serif; padding: 15px 6px 15px 6px; vertical-align:bottom}
#style55 .btn a{display:inline-block;  background:#DEDFE3; padding: 20px 6px 10px 6px;border:1px solid #DEDFE3;
 font-size: 22px; line-height:35px; font-weight:600; margin:0 20px; border-radius: 35px; width:250px;  }
#style55 .btn a.on {background:#C9D6F7; border:1px solid #C9D6F7;}
#style55  .btn a:hover {		border:1px solid #3B0B05; background:#fff; transition:0.3s all  }

#style55 .review{padding-top:150px}
#style55 .review h2 {text-align:center; padding:0px 0 40px 0 ; font-weight:600; font-size:35px; position:relative;  }
#style55 .review .flex4 {display:flex; flex-wrap: wrap;  justify-content: space-between;  align-items: start; }
#style55 .review .flex4 .item {width:24%; margin:0.7% 0; border-radius:20px}
#style55 .review .flex4 .item img {border-radius:10px; vertical-align:top}
#style55 .review .flex4 .box img {border-radius:0px; border:1px solid #555;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style55 .txt1{ font-size:18px; line-height:25px;margin-bottom:20px  }	
#style55 .txt2{ font-size:15px; line-height:22px;margin-bottom:20px  }
#style55 .txt3{ font-size:15px; line-height:18px; }	
#style55 .cont .item.head {font-size:20px; padding:0px 0 0 0 ; min-height:auto; font-weight:600;}
#style55 .cont .item {width:100%; float:left; position:relative; margin-bottom:30px; }
#style55 .cont .item:last-child {margin-bottom:40px;}
#style55 .cont .item:nth-child(even) {float:left;}
#style55 .cont .item .tit {font-size:18px; padding:20px 30px 8px 20px;}
#style55 .cont .item .tit span.num {font-size:35px; line-height:35px;  }

#style55 .cont { max-width:calc(100% - 50px);}

#style55 .pay {border:1px solid #333; padding:30px 20px; clear:both; margin-top:50px; margin-bottom:30px; overflow:hidden; }
#style55 .flex { display:flex; flex-wrap: wrap;  justify-content: space-between; }
#style55 .flex .item{ margin-bottom:20px;  width:100%; padding:10px 0  }
#style55 .flex .item h3 {border-bottom:1px solid #333; font-size:25px; line-height:35px; font-weight:600 }
#style55 .flex .item .contBox { padding:20px 0px 0 0px; font-size:14px; line-height:25px }
#style55 .flex .item .contBox .tit span{display:inline-block; /*min-width:125px;*/ line-height:18px;
padding: 10px 10px 5px 10px;  background: #E1E5F1; border-radius: 10px;}
#style55 .flex .item .contBox .txt ul li {padding:2px 0}

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

#style55 .btn {text-align:center; margin-top:50px}
#style55 .btn a{display:block;  padding: 15px 6px 15px 6px; font-size: 18px; line-height:25px; 
	margin:10px auto; border-radius: 50px; width:200px;  }
#style55  .btn a:hover {	color: #3B0B05;	border:1px solid #3B0B05; background:#fff; transition:0.3s all  }

#style55 .review {padding-top:60px}
#style55 .review h2 { padding:0px 0 20px 0 ; font-weight:600; font-size:25px; position:relative;  }
#style55 .review .flex4 .item {width:49%; margin:0.7% 0; border-radius:20px}


.mgT80 {margin-top:30px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}