/* ----------------------------------------------------*/
.main1_container_wrap {position:relative; z-index:0; overflow:hidden; background-color:#fff; }
.main1_container {position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; z-index:0; clear:both; overflow:hidden; }
.main1 {width:100%; height:100%; z-index:1; clear:both; position:relative; overflow:hidden; }
.mainimg1 {width:100%; float:left; position: relative; z-index:1; background-color:rgba(11, 11, 11, 0.5); }

.main_sub_img_wrap {width:100%; overflow:hidden; z-index:0; position:relative; margin:0; }
.main_sub_img {width:100%; overflow: hidden; height:350px; text-align:center; }

@media all and (max-width:1300px) { 
	.main1_container {width:100%; left:0; right:0; margin:0; }
}
@media all and (max-width:1000px) { 
	.main1_container {position:relative; width:1000px; left:50%; margin:0 0 0 -500px; z-index:0; clear:both; overflow:hidden; }
}
	
/* ----------------------------------------------------*/
.main2_container_wrap {position:relative; overflow:hidden; padding:50px 0; }
.main2_container {position:relative; width:100%; max-width:1300px; margin:20px auto; clear:both; overflow:hidden; }
.main2_bbs {float:left; width:calc(100% - 500px); position:relative; overflow:hidden; }
.main2_popup {float:right; width:500px; position:relative; overflow:hidden; margin:0px auto; }

.main2_right_title {font-size:32px; line-height:32px; font-weight:600; color:#111; margin:0 0 20px 0;  }
.mainimg2 {width:100%; float:left; position: relative; z-index:1; background-color:rgba(11, 11, 11, 0.5); }
/* ------------*/
.mainimg2 .mi_func1_playbtns_wrap {top:-40px; right:0px; }
.mainimg2 .mi_func1_pageno {float:left; border: none; font-size:0.8rem; margin:2px 3px 0px 0px; color:#111; }
.mainimg2 #mainimg2_play_previous {content: url(/cms/pub/mainimg/image/func1_play_prev_black.gif); }
.mainimg2 #mainimg2_play_next {content: url(/cms/pub/mainimg/image/func1_play_next_black.gif); }
.mainimg2 #mainimg2_play_play {content: url(/cms/pub/mainimg/image/func1_play_play_black.gif); }
.mainimg2 #mainimg2_play_stop {content: url(/cms/pub/mainimg/image/func1_play_stop_black.gif); }
.mainimg2 #mainimg2_list_on {content: url(/cms/pub/mainimg/image/func1_list_on_black.gif); }
.mainimg2 #mainimg2_list_off {content: url(/cms/pub/mainimg/image/func1_list_off_black.gif); }
/* ------------*/

@media all and (max-width:1300px) { 
	.main2_container_wrap {position:relative; overflow:hidden; padding:25px 0; }
	.main2_container {margin:0 auto; padding:0 10px; }
}
@media all and (max-width:1000px) { 
	.main2_bbs {float:none; width:100%; }
	.main2_photo {float:none; width:100%; margin:0;  }
	.main2_popup {float:none; width:100%; margin:0px auto 0px auto;  }
}

/* ----------------------------------------------------*/

.lc_mainico1_wrap {position:absolute; left:50%; margin-left:-650px; top:240px; width:100%; max-width:1300px; overflow:hidden; text-align:center; }
.lc_mainico1_ul {display:inline-block; margin:0 auto; overflow:hidden; text-align:center; }
	.lc_mainico1_ul > li {position:relative; display:inline-block; margin:3px; overflow:hidden; } 
	.lc_mainico1_ul > li > .li_in {display:block; width:150px; height:140px; overflow:hidden; }
	.lc_mainico1_ul > li > .li_in > a {display:block; }
	.lc_mainico1_ul > li > .li_in > a .ico {display:block; width:55px; height:55px; margin:15px auto 5px auto;  }
	.lc_mainico1_ul > li > .li_in > a:hover .ico {transform:rotateY(360deg); transition-duration:0.6s;  } 
	.lc_mainico1_ul > li > .li_in > a .title_wrap {display:block; height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center;  }
	.lc_mainico1_ul > li > .li_in > a .title {display:block; font-size:15px; line-height:16px; color:#fff; font-weight:500; text-align:center; }
	
	@media all and (max-width:1300px) { 
		 .lc_mainico1_wrap {position:relative; left:0; top:0; padding:10px; margin:0 auto; background-color:#F1F8FC; }
	}
	@media all and (max-width:800px) { 
		.Xlc_mainico1_ul > li {width:33.33%; } 
	}

/* ----------------------------------------------------*/
.meal_plan_wrap {position:relative; overflow:hidden; padding:50px 0; background-color:#f1f5fa; }
.meal_plan {position:relative; width:100%; max-width:1300px; margin:0px auto; clear:both; overflow:hidden; }

.meal_plan_header {position:relative; margin:0 0 20px 0; overflow:hidden; }
	.meal_plan_header_title {float:left; font-size:32px; line-height:32px; font-weight:600; color:#111;  }
	.meal_plan_header_title_eng {float:left; font-size:20px; line-height:20px; font-weight:600; color:#40a5f5; margin:11px 0 0 6px;  }

	.meal_plan_more_wrap {position:absolute; right:0px; top:0px; }
	.meal_plan_more {float:right; cursor:pointer; margin:7px 0 0 0;  display:none; }
	.meal_plan_more.on {display:block; }
	.meal_plan_more .arrow_right {display:inline-block; width:130px; font-size:16px; line-height:16px;  font-weight:600; color:#555; position:relative; font-style:italic; border-bottom:solid 1px #555; margin:0 0 0 7px; padding:0 0 5px 0; }
	.meal_plan_more .arrow_right2 {position:absolute; bottom:-5px; right:3px; width:12px; height:12px; margin:0px 0 0 0px; border-left:solid 1px #555;  
		-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); background-color:transparent;}

.meal_plan_ul {display:block; margin:0 -10px 0 -10px; overflow:hidden; }
.meal_plan_ul > li {float:left; width:33.33%; height:100%; overflow:hidden; }
.meal_plan_ul > li > .li_in {margin:5px 10px; overflow:hidden; height:100%; overflow:hidden; 
		display:flex; flex-direction:row; align-items:center;  }
	.meal_plan_li_in {position:relative; min-height:60px; overflow:hidden; 
		display:flex; flex-direction:row; align-items:center; justify-content:center;}
	.meal_plan_li_title {width:50px; height:50px; border-radius:30px; font-size:16px; line-height:50px; font-weight:700; color:#111; background-color:#fff; text-align:center; }
	.meal_plan_li_text { width:calc(100% - 60px); margin:0 0 0 10px; font-size:16px; line-height:20px; font-weight:400; color:#333; text-align:left; }
	

	@media all and (max-width:1300px) { 
		.meal_plan {padding:0 10px;  }
	}
	@media all and (max-width:1000px) { 
		.meal_plan_li_title { position:absolute; left:0; top:0;  }
		.meal_plan_li_text { padding: 0 0 0 50px; width:100%;}
	}
	@media all and (max-width:700px) { 
		.meal_plan_ul > li {float:none; width:100%; }
	}