@charset "utf-8";

.intro_center_btn_wrap { position: fixed; z-index: 99;  height: 280px; left: 50%; top: 50%; margin-top: -230px; margin-left: -442px; text-align: left; }
	.intro_center_btn_title { color:#fff;font-size:24px;font-weight:bold; }
	.intro_center_btn_big { background:rgba(0,0,0,0.35); width: 445px; height: 180px; border:1px solid rgba(255,255,255,0.8); color: #fff; margin: 20px 40px 20px 0px; padding-top: 25px; position: relative; display: inline-block; vertical-align: top; opacity: 0.85;}
	.intro_center_btn_big a,
	.intro_center_btn_small a { width: 100%; height: 100%; display: inline-block; }
	.intro_center_btn_big:hover { background:#f1c746;  }
		.intro_center_btn_big_title1 { text-align: left; font-size: 40px; font-weight: bold; padding-left: 25px;   line-height: 30px; }
		.intro_center_btn_big_title2 { text-align: left; font-size: 20px; font-weight: bold; padding-left: 25px; padding-top: 5px;   }
		.intro_center_btn_big_img { position: absolute; right: 10px; bottom: 10px; opacity: 0.8; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; border: 1px solid #f7f7f7; }
		.intro_center_btn_small_img .material-symbols-outlined,
        .intro_center_btn_big_img .material-symbols-outlined { vertical-align: middle; font-size: 41px;  }
	.intro_center_btn_small { background:rgba(0,0,0,0.35);  width: 250px; height: 180px; border:1px solid rgba(255,255,255,0.8); color: #fff; margin: 20px 40px 20px 0px;  padding-top: 25px; position: relative; opacity: 0.85; display: inline-block; vertical-align: top;}
		.intro_center_btn_small_title1 { text-align: left; font-size: 30px; font-weight: bold; padding-left: 25px; line-height: 30px;  }
		.intro_center_btn_small_title2 { text-align: left; font-size: 17px; font-weight: bold; padding-left: 25px; padding-top: 5px;  }
		.intro_center_btn_small_img { position: absolute; right: 10px; bottom: 10px; opacity: 0.95; width: 60px; height: 60px; line-height: 60px;  text-align: center; border-radius: 50%; border: 1px solid #f7f7f7; }
		.intro_center_btn_small_img img { width: 30px; vertical-align: middle; }
		.intro_hover_location_1:hover { background:#f1c746;  }
		.intro_hover_location_2:hover { background:#f1c746;  }
		.intro_hover_location_3:hover { background:#f1c746;  }
		.intro_hover_location_4:hover { background:#f1c746;  }
		.intro_hover_location_5:hover { background:#f1c746;  }
		.intro_hover_location_6:hover { background:#f1c746;  }

.intro_bg_wrap { position: relative; overflow: hidden; width:100%; height: 100%;}

.intro_bg_wrap_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.15); }

.intro_bg_wrap_1 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; }
.intro_bg_wrap_3,
.intro_bg_wrap_4,
.intro_bg_wrap_5,
.intro_bg_wrap_6,
.intro_bg_wrap_7 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; display: none; }


.intro_bg_wrap_2 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; overflow: hidden; text-align: left; }
.intro_video1 {  position: absolute; top: -180px; }

.intro_bg_wrap_1 img,
.intro_bg_wrap_2 img,
.intro_bg_wrap_3 img,
.intro_bg_wrap_4 img,
.intro_bg_wrap_5 img,
.intro_bg_wrap_6 img,
.intro_bg_wrap_7 img { width: 100%; height: 100% }