@font-face {
  font-family: 'Avenir';
  src: url('/pub/avenir.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Microsoft Yahei';
  src: url('/pub/msyh.ttc') format('truetype-collection');
  font-weight: normal;
  font-style: normal;
}
:root {
  --default-font-family: 'Avenir', 'Microsoft Yahei';
}
body {
  font-family: 'Avenir', 'Microsoft Yahei';
}

.container {
  width: 1328px !important; 
  max-width: none !important;
}

a { text-decoration:none; transition:all .3s ease; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x:3rem; }
.navbar { padding:10px 0; background-color:rgba(255, 255, 255, 0.9) !important; transition:background-color 0.5s ease; box-shadow:0 0 20px rgba(0,0,0,.15); }
.navbar.scrolled { background-color: rgba(255, 255, 255, 0.9) !important; }
.navbar-nav { --bs-nav-link-color:#B32726; --bs-nav-link-hover-color:#B32726; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color:#B32726; }
.nav-item { margin:5px 0;}
.nav-link { font-size:1.1rem; color:#333; }
.navbar-brand { padding:0; }
.navbar-brand img { height:45px; } 

.navbar-toggler { border-color:0; color:#fff; }
.navbar-toggler span { font-size:1.5rem;}
.navbar-toggler:focus { box-shadow:none; }

.dropdown-menu { border:none; --bs-dropdown-min-width:8.5rem; --bs-dropdown-link-color:#555; --bs-dropdown-link-hover-color:#B32726; line-height:32px;}
.dropdown:hover .dropdown-menu { display:block; }
.dropdown-menu-li { text-align:center;}
.dropdown-menu-li img { width:130px;}
.ido-earth, .ido-en, .ido-cn { font-size:20px; }

.top-submenu { position:absolute; top:-500px; left:0; width:100%; padding-top:200px; height:500px; text-align:center; background-color:#142575; box-shadow:0 0 30px rgba(0,0,0,.3); opacity:0.2; z-index:-1; transition:opacity 1s ease, top .7s ease;}
.top-submenu a { color:#fff; border:1px solid #162978; border-radius:5px; }
.top-submenu a:hover { color:#05c3de; border:1px solid #125897;}
.top-submenu ul { list-style:none; }
.top-submenu li { border-radius:5px; padding:88px 0 0; width:160px; height:120px; background:center center no-repeat; background-size:cover; transition:all 0.2s ease; }
.top-submenu li:hover { transform:translateY(-5px); }

.top-carousel h2 { margin:200px 0 0 140px; font-size:2.8rem; line-height:3.5rem; color:#333; text-align:left; }
.top-carousel h3 { margin:66px 110px 0 0; font-size:2.8rem; line-height:3.5rem; color:#333; text-align:right; }
.top-carousel span { color:#B32726; }
.carousel-item { height:680px; background:center top no-repeat; background-size:cover; }
.carousel-indicators [data-bs-target] { margin-bottom:2rem; width:50px; height:5px; background-color:#05c3de; }
.carousel-control-prev-icon { width:60px; height:60px; background-image:url(/pub/img/arr01.png); }
.carousel-control-next-icon { width:60px; height:60px; background-image:url(/pub/img/arr02.png); }
.carousel-control-prev { width:auto; left:50px;}
.carousel-control-next { width:auto; right:50px;}

.footer-form { padding:30px; height:288px; border-radius:8px; background:#fff url(/pub/pic/pp04.jpg) right bottom no-repeat; }
.footer-form h4 { font-size:1.3rem; line-height:1.8rem; }
.footer-form input { width:60%; padding:5px 0px; border:0; border-bottom:1px #999 solid; color:#666; background-color: transparent; }
.footer-form input:focus { outline:none; }
.footer-form button { display:block; margin-top:20px; padding:5px 40px; border:0; border-radius:5px; color:#fff; background:#222;}

.footer-menu { padding-left:110px; }
.footer-menu a { display: block; padding:0; font-size:1.1rem; color:#f2f2f2; line-height:3rem; }
.footer-menu a:hover { color:#05c3de; }
.footer-menu h3 { margin-top:70px; font-size:2.8rem; line-height:3.8rem; color:#666; }
.footer-menu p { margin-top:80px; font-size:1rem; line-height:1.8rem; color:#999; }

.swal2-title { font-size:1.4rem; font-weight:normal; }
.swal2-styled {color: #fff; margin-bottom:20px; padding:9px 45px; border-radius:50px; background:linear-gradient(to right, #05c3de, #05c3de); transition:all 0.5s ease;}
.swal2-styled:hover {color: #fff; background:linear-gradient(to right, #05c3de, #05c3de) !important; transform:translateY(-5px);}

.leo-gotop { position:fixed; right:10px; bottom:20px; z-index:99;}
.leo-gotopa { position:relative; display:block; margin:10px; width:60px; height:60px; border-radius: 100%; background: #ddd; text-align: center;}
.leo-gotopa i {color:#fff; font-size:1.5rem; line-height: 60px; }
.leo-gotopa div {position:absolute; opacity: 0; visibility: hidden; transition: opacity 0.5s ease; top:50%; right:72px; transform:translateY(-50%); padding:6px 15px; color:#fff; font-size:.9rem; background:#bbb; white-space: nowrap; }
.leo-gotopa div::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid #bbb; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.leo-gotopa:hover div {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link { padding-right:15px; padding-left:15px; }
}
@media (max-width: 767px) {
	.navbar-brand img { height:30px; } 
	.navbar-nav { margin:20px 0 10px; }
	
	.top-carousel h2 { margin-top:130px; font-size:1.7rem; }
	.top-carousel h3 { margin-top:20px; font-size:1.1rem; }
	.carousel-item { height:340px; }
	.carousel-indicators [data-bs-target] { margin-bottom:0; width:30px; height:3px; }
	.carousel-control-prev { display:none; }
	.carousel-control-next { display:none; }
	
	.footer-menu { padding-left:10px; }
	
	.leo-gotop { position:fixed; display: flex; flex-direction: row; justify-content: center;  left:0; right:0; bottom:0; }
	.leo-gotopa { position:relative; display:block; margin:10px; width:50px; height:50px; border-radius: 100%; background: #05c3de; text-align: center;}
	.leo-gotopa i {color:#fff; font-size:1.4rem; line-height: 50px; }
	.leo-gotopa:hover div {opacity: 0;}
	
}