@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#28aaf6 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}
table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family:Arial, Helvetica, sans-serif;font-size:16px!important;color:#646464; margin:0px; }

/* banner 背景图（替代内联样式） */
.banner-bg{ background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%; float:none; z-index:0; }
.banner-bg-1{ background-image:url(../images/banner01.png); }
.banner-bg-2{ background-image:url(../images/banner02.png); }
.banner-bg-3{ background-image:url(../images/banner03.png); }

/* 淡入轮播：第2、3张必须叠在第1张上。
   若全部 position:relative，后两张会被挤到 iframe 可视区下面，切过去就是空白。 */
.carousel-inner>.item{
    height:425px;
    overflow:hidden;
}
.fade .item{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100%;
    height:425px;
}
.fade .item:first-child{
    position:relative !important;
    top:auto !important;
}
.bs-slider-overlay{ z-index:1; }
.carousel-inner>.item>.container{
    position:relative;
    z-index:2;
    height:425px;
}
.slide-text{
    top:50%;
    left:-500px;
    right:0;
    margin:auto;
    float:none;
    width:50%;
    text-align:left;
    background:rgba(0,0,0,0.3);
    padding:36px 40px;
    box-sizing:border-box;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.slide-text h2{color:#fff; line-height:40px; font-size:30px; padding:0px; margin:0px 0 16px; font-weight:bold;}
.slide-text p{font-size:16px; line-height:26px; color:#fff; margin-bottom:28px;}
.slide-text p.banner-motto{font-size:16px; line-height:26px; margin-bottom:20px;}
/* 与第1、2张深色框高度对齐（缩小后） */
.slide-text-motto{
    width:40%;
    box-sizing:border-box;
    height:auto;
    min-height:240px;
}
.slide-text h3{background:#28aaf6; width:120px; text-align:center;font-size:14px; height:36px; font-weight:normal; line-height:36px; padding:0px; margin:0px;}
.slide-text h3 a{color:#fff; text-decoration:none; display:block;}
/* 德/西语按钮文案更长：inline-block 按文字收缩，避免块级 width:auto 拉满整行 */
html[lang="de"] .slide-text h3,
html[lang="es"] .slide-text h3{
	display:inline-block;
	width:auto;
	min-width:120px;
	padding:0 18px;
	white-space:nowrap;
	box-sizing:border-box;
	vertical-align:top;
}
html[lang="de"] .slide-text h3 a,
html[lang="es"] .slide-text h3 a{
	white-space:nowrap;
}
/* 英/德/西文案更长：加宽文字框，减少折行，压低高度；中文宽度不动 */
html[lang="en"] .slide-text,
html[lang="de"] .slide-text,
html[lang="es"] .slide-text{
	width:64%;
}
html[lang="en"] .slide-text-motto,
html[lang="de"] .slide-text-motto,
html[lang="es"] .slide-text-motto{
	width:52%;
	min-height:0;
}
html[lang="en"] .slide-text h2,
html[lang="de"] .slide-text h2,
html[lang="es"] .slide-text h2{
	font-size:28px;
	line-height:36px;
}
html[lang="en"] .slide-text p,
html[lang="de"] .slide-text p,
html[lang="es"] .slide-text p{
	margin-bottom:20px;
}

/* 手机：高度跟父页 iframe（勿再用 vh，否则 iframe 内会多出空白） */
@media screen and (max-width: 1023px) {
  html, body {
    height: 100% !important;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .ba, .htmleaf-container, .bs-slider, .carousel, .carousel-inner {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    width: 100% !important;
  }
  .bs-slider {
    max-height: none !important;
    overflow: hidden;
  }
  .carousel-inner {
    position: relative !important;
  }
  /* fade 下每张都 absolute，避免仅首张 relative 导致切页高度塌陷 */
  .fade .item,
  .fade .item:first-child,
  .carousel-inner > .item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }
  /* 背景铺满，去掉 float（float 是第2/3张空白主因） */
  .banner-bg {
    float: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 0;
  }
  .bs-slider-overlay {
    z-index: 1;
  }
  /* 用 flex 上下居中，避免 animate 的 transform 把文字顶偏 */
  .container {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 6% !important;
    margin: 0 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }
  .container .row {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
  .slide-text,
  .slide-text.slide_style_left,
  .slide-text.slide_style_right,
  .slide-text.slide_style_center {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 3;
  }
  .slide-text-motto {
    width: 88% !important;
    max-width: 88% !important;
    min-height: 0 !important;
  }
  .slide-text h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
    margin-bottom: 12px !important;
  }
  .slide-text p,
  .slide-text p.banner-motto,
  .slide-text > p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
  }
  .slide-text p.banner-motto br {
    display: none;
  }
  .carousel-indicators {
    bottom: 18px !important;
    z-index: 5;
  }
}