body{background-color: #999999;}

/* top */
#top{}
#top .top_box{display: flex; align-items: center; height: 70px;}
#top .top_logo {position: relative;padding: 10px;border-bottom: 1px solid #fff; }
#top .top_logo::before {content: "";position: absolute;	width: 25px;height: 35px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;border-bottom-right-radius: 100%;right: -25px;bottom: 0;}
#top .top_logo::after {content: "";position: absolute;width: 25px;height: 35px;border-top: 1px solid #fff;border-left: 1px solid #fff;	border-top-left-radius: 100%;right: -50px;bottom: 35px;}
#top .top_logo img{ width: 200px;}
#top .top_right {font-size: 22px;position: relative;padding: 10px 40px; margin-left: auto; border-bottom: 1px solid #fff; }
#top .top_right::before {content: "";position: absolute;width: 25px;height: 35px;border-bottom: 1px solid #fff;border-left: 1px solid #fff;border-bottom-left-radius: 100%;left: -25px;bottom: 0;}
#top .top_right::after {content: "";position: absolute;width: 25px;height: 35px;border-top: 1px solid #fff;border-right: 1px solid #fff;	border-top-right-radius: 100%;left: -50px;bottom: 35px;}
#top .top_right a{color: #fff;}
#top .top_right .more{display: inline-block;}
#top .top_right .more .more_bar{ background-color: #fff; display: block; width: 20px; height: 3px; margin: 5px 0 2px 0;}
#top .top_right .more #dLabel{cursor: pointer;}
#top .top_right .more .dropdown-menu{ min-width: 100px; border: 0; top: 30px; left: 50%; transform: translate(-50%, 0); background: none; box-shadow: none;}
#top .top_right .more .dropdown-menu li a{ color: #fff; text-align: center; padding: 10px;}
#top .top_right .more .dropdown-menu li a:hover{ text-decoration: underline; background: none;}

/* nav */
#nav_bar{margin: 0 auto;}
#nav_bar .nav-list{ height: calc(100vh - 96px - 60px) !important; display: flex !important;}
#nav_bar .navbar-nav{ display: flex; float: none; width: 100%; margin: auto 0;}
#nav_bar .nav_con{ font-size: 20px; margin-left: auto;}
#nav_bar .nav li{flex: 1;}
#nav_bar .nav li:last-child{margin-right: 0;}
#nav_bar .nav li a{color: #E6E6E6;font-size: 46px; text-align: center; background: none; align-items: center; position: relative;}
#nav_bar .nav li a:hover{color: #E6E6E6; background: none;}
#nav_bar .nav li.active a{background: none;}
#nav_bar .nav li a .en{color: #fff; font-size: 24px; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#nav_bar .nav li .dropdown-menu li.active a{}
#nav_bar .nav li a i{margin-top: -5px; margin-left: 5px;}
#nav_bar .nav .open a,#nav_bar .nav .open a:hover,#nav_bar .nav .open a:focus{color: #E6E6E6;}
#nav_bar .nav-list .navbar-nav>li:hover .dropdown-menu {display: block;}
#nav_bar .nav li .dropdown-menu{ background: none; border: none; box-shadow: none; left: 50%; transform: translate(-50%, 0);}
#nav_bar .nav li .dropdown-menu li{margin: 0;}
#nav_bar .nav li .dropdown-menu li a{ color: #fff; font-size: 16px; text-align: center; display: block; height: auto; padding: 10px; margin: 0; border-bottom: none;}
#nav_bar .nav li .dropdown-menu li a:hover{ color: #fff; font-weight: bold; font-size: 16px;}
#nav_bar .nav .open .dropdown-menu li a:hover{ color: #fff;}
#nav_bar .nav .open .dropdown-menu li a,#nav_bar .nav .open .dropdown-menu li a:focus{color: #fff;}
#nav_bar .nav li:hover .dropdown-menu li a{color: #fff;}
#nav_bar .nav li:hover a,#nav_bar.scroll_fixed .nav li:hover a,#nav_bar .nav li:hover .dropdown-menu li a:hover{}
#nav_bar .nav-list .dropdown-menu{min-width: 100%;}
#nav_bar .nav li.nav_li_mobile{display: none;}

/* footer index */
#footer_index{color: #fff; margin-top: 40px}
#footer_index a{color: #E6E6E6; text-decoration: underline;}
#footer_index a:hover{color: #fff;}
#footer_index .foot_box{ margin: 0 20px; position: relative;}
#footer_index .foot_text{text-align: center;}
#footer_index .foot_pic{position: absolute; left: 0; bottom: 0; display: flex;}
#footer_index .foot_pic .pic_img{ display: block; width: 60px; height: 60px; margin-right: 10px; position: relative;}
#footer_index .foot_pic .pic_img img{ position: absolute; left: 0; bottom: 0;}
#footer_index .foot_pic .pic_img.on{ z-index: 99;}
#footer_index .foot_pic .pic_img.on img{max-width: 700px;}

/* video */
.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* 确保视频背景位于其他内容下方 */
}

video {
    object-fit: cover; /* 填充整个容器以覆盖其尺寸 */
    width: 100%;
    height: 100%;
}

@media (max-width:1920px) {
	/* nav */
	#nav_bar .nav li a{font-size: 48px;}
	#nav_bar .nav li a .en{font-size: 30px;}
}

@media (max-width:1400px) {
	/* nav */
	#nav_bar{width: 1170px;}
	#nav_bar .nav li a{font-size: 38px;}
	#nav_bar .nav li a .en{font-size: 20px;}
}

@media (max-width:1200px) {
	/* nav */
	#nav_bar{width: 970px;}
	#nav_bar .nav li a{font-size: 30px;}
	#nav_bar .nav li a .en{font-size: 18px;}
}

@media (max-width:992px) {
	/* nav */
	#nav_bar{width: 750px;}
	#nav_bar .nav li a{font-size: 26px; padding: 5px;}
	#nav_bar .nav li a .en{font-size: 20px;}

	/* footer index */
	#footer_index{margin: 20px 0;}
	#footer_index .foot_text{margin-top: 10px;}
	#footer_index .foot_pic{position: initial;}
}

@media (max-width:768px) {
	body{background: url(../images/mobile_body_bg.jpg) center center no-repeat; background-size: cover;}
	.video-container{display: none;}

	/* top */
	#top .top_logo{border-bottom: 0; margin: 0 auto;}
	#top .top_logo::before,#top .top_logo::after{display: none;}
	#top .top_right{border-bottom: 0; margin: 0;padding: 10px; position: absolute; left: 0;}
	#top .top_right::before,#top .top_right::after{display: none;}
	#top .top_right .more .dropdown-menu{ min-width: auto; transform: translate(0, 0); left: 0; right: 0;}
	#top .top_right .more .dropdown-menu li a{text-align: right; padding: 10px 0;}
	
	/* nav */
	#nav_bar{width: 100%;}
	#nav_bar .navbar-nav{display: inline;}
	#nav_bar .nav li{font-size: 18px;margin: 30px 0;}
	#nav_bar .nav li a{background: none;text-align: center;height: auto;padding: 10px;border-bottom: none;flex-direction: column;font-size: 30px;}
	#nav_bar .nav li a:hover{ border-bottom: none;}
	#nav_bar .nav li.active a{ border-bottom: none;}
	#nav_bar .nav .open a,#nav_bar .nav .open a:hover,#nav_bar .nav .open a:focus{color: #E6E6E6;}
	#nav_bar .nav .open .dropdown-menu li a{font-size: 14px;}
	#nav_bar .nav .open .dropdown-menu li a:hover{ background-color: rgba(255,255,255,0);}
	#nav_bar .navbar-collapse.in{max-height: calc(100vh - 50px); border-top: none; box-shadow: none;}
	#nav_bar .nav li .dropdown-menu{left: auto; transform: translate(0, 0);}
	#nav_bar .nav li .dropdown-menu li a{font-size: 14px;}
	#nav_bar .nav li .dropdown-menu li.active a{}
	#nav_bar .nav li.search{display: inherit;}
	#nav_bar .navbar-toggle{float: none; margin-left: 10px;}
	#nav_bar .navbar-collapse.collapse{ display: flex; height: calc(100vh - 96px); border-top: 0; box-shadow: none;}
	#nav_bar .nav li.nav_li_mobile{display: initial;}

	/* footer index */
	#footer_index .foot_pic .pic_img.on img{max-width: 380px;}
}