/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=7942f34e-92ad-4af5-822d-c794a97d00e8&fontids=5962254,5962258");
@font-face {
  font-family:'Optima';
  src: url('../fonts/5962254/Optima.eot'); /* IE9*/
  src: url("../fonts/5962254/Optima.woff2") format("woff2"),
       url("../fonts/5962254/Optima.woff") format("woff"),
       url("../fonts/5962254/Optima.tff") format("tff");
}

@font-face {font-family: 'Optima Bold';
  src: url('../fonts/5962258/Optima-Bold.eot'); /* IE9*/
  src: url("../fonts/5962258/Optima-Bold.woff2") format("woff2"),
       url("../fonts/5962258/Optima-Bold.woff") format("woff"),
       url("../fonts/5962258/Optima-Bold.tff") format("tff");
    }
}
p {margin:0;}
a {color:#000;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
1img {object-fit:cover}
body {font-family:'Optima';}
.my_nav {
  position:fixed;
  z-index:99;
  left:0;
  top:0;
  width:20vh;    
  height:100%;
  background:rgba(255,255,255,0.8);
  padding:16px 22px;
  /* display:flex; 
  flex-direction:column; */
  border-right:1px solid #ccc;
}
.my_nav .logo {
  width: 100%;
  cursor: pointer;
}
.nav_bot{
    position: absolute;
    bottom: 40px;
    padding: 0px 22px;
    left: 0;
    right: 0;
    transition: 0.2s all;
}
.nav_bot .link{
  margin-bottom:30px;
}
.zoomImage{
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
}
.IMPRESSUM{
    padding: 25px 0px;
    text-align: right;
    margin-right: 10vh;
}
.IMPRESSUM a{
  color:#000;
  font-size:16px;
}
/* .my_nav .link {flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:30px;}*/
.my_nav .link .one_menu p {font-size:28px;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;cursor: pointer;height: 50px;line-height: 40px;}
.my_nav .link .one_menu p span{ font-family: 'Optima';  }
.my_nav .link .one_menu p {font-family: 'Optima';     }
.my_nav .link .one_menu .active {font-family:'Optima Bold'; font-weight:bold;}
.my_nav .link .one_menu p:last-child {border:none;padding:0;margin:0;height: 40px;}
.two_menu {
    position: fixed;
    z-index: 99;
    bottom:32px;
    background: rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    padding: 8px;
  width:250px;
    left: calc(20vh + 16px);
}
.logo_font img {
    width: 100%;
}
.two_menu p {color:#fff;font-size:22px;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px;cursor: pointer;height: 50px;line-height: 40px;width: 230px;}
.two_menu p:last-child {border:none;padding:0;margin:0;height: 40px;}
.two_menu .active {font-family:'Optima Bold';}
.my_nav .lang {display:flex;align-items:center;justify-content:space-between;font-size:18px;height: 30px;line-height: 30px;}
.my_nav .lang p {height: 30px;}
.my_nav .lang p img {height:100%;cursor:pointer;}
.my_nav .lang span {}
.my_nav .lang span a {}

.logo_font {
    padding: 5px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
}
.logo_font p{font-size: 21px;}


.loading{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background-color: #fff;}
.loading .pic{width: 100px;height: 100px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;font-size: 30px;text-align: center;line-height: 100px;}
.loading .pic span{display: block;width: 80px;height: 80px;position: absolute;top: 10px;left: 10px;border-radius: 50%;box-shadow: 0 3px 0 #666;animation: rotate 1s infinite linear;-webkit-animation: rotate 1s infinite linear;
}
@-webkit-keyframes rotate{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}
@keyframes rotate{
	100%{transform: rotate(360deg);}
}

.my_menu {display:none;}
.mob_nav{
	position: fixed;
    z-index: 100;
    left: 20vh;
    top: 0;
	background-color: #ff1d1d;
    border-radius: 0 0 8px;
	display:none;
	height: 40px;
	line-height: 40px;
	width: 40px;
	transition:all 0.25s;
}


.mob_nav img { width:20px;height: 20px;    margin-left: 10px;}
#navicon_close{
  display:none;
}

#logo_font1 {font-size: 21px;}
#index_font1{font-size: 20px;margin:6vh;}
.index_font2{font-size: 24px;display: flex;}
.index_font2 .p1{font-size: 50px;}
#index_font3{margin-bottom: 10vh;}
#index_font4{font-size: 42px;}
#index_font5{font-size: 22px;margin-bottom:3vh; margin-top:3vh;}
#index_font6{font-size: 22px;}
#index_font7{font-size:54px;width:545px;}
#index_font8{font-size:22px;}
#index_font9{font-size: 24px;}
.index_font10{font-size: 42px;}

#index_div1{width:50%;display: flex;}
#index_div2{width:50%;}
#index_div3{width:50%;}
#index_div4{width:50%;display: flex;}
#index_div4 > div{width:741px;}
.index_div5{width: 945px;font-size: 22px;}
.index_div6{margin:10vh;}
#index_div7{position: absolute;left: 5vh;bottom: 5vh;color: #fff;}
#index_div8{width:50%;display: flex;}

@media screen and (max-height: 927px) {
	#logo_font1 {font-size: 20px;}
	.logo_font p {font-size: 20px;}

}
@media screen and (max-height: 890px) {
	#logo_font1 {font-size: 19px;}
	.logo_font p {font-size: 19px;}
}
@media screen and (max-height: 880px) {
	.my_nav .link .one_menu p {font-size: 26px;padding-bottom: 8px;margin-bottom: 8px;height: 38px;line-height: 30px;}
	.my_nav .link {margin-bottom: 20px;}
	.two_menu p {font-size: 16px;padding-bottom: 8px;margin-bottom: 8px;height: 38px;line-height: 30px;}
	.two_menu p:last-child {height: 30px;}

}
@media screen and (max-height: 853px) {
	#logo_font1 {font-size: 17px;}
	.logo_font p {font-size: 17px;}
}
@media screen and (max-height: 775px) {
	#logo_font1 {font-size: 14px;}
	.logo_font p {font-size: 14px;}

}
@media screen and (max-height: 750px) {
	.my_nav .link .one_menu p {font-size: 22px;padding-bottom: 4px;margin-bottom: 4px;height: 28px;line-height: 24px;}
	.my_nav .link {margin-bottom: 10px;}
	.two_menu p {font-size: 14px;padding-bottom: 4px;margin-bottom: 4px;height: 28px;line-height: 24px;}
	.two_menu p:last-child {height: 24px;}
}
@media screen and (max-height: 732px) {
	.my_nav .lang p {display:none;}

}

@media screen and (max-height: 666px) {
	#logo_font1 {font-size: 12px;}
	.logo_font p ,.my_nav .lang,.my_nav .link .one_menu p{font-size: 12px !important;}
  	.my_nav .logo {
    	width: 100%;
	}
  .my_nav .link {
    margin-bottom: 10px;
	}
  .my_nav .link .one_menu p {
    height: 15px;
    line-height: 15px;
	}
  .my_nav .link .one_menu p:last-child {
    height: 10px;
	}
  .my_nav .lang {
    font-size: 12px;
    height: auto;
    line-height: unset !important;
	}
.my_nav .lang span {
    font-size: 12px !important;
}
  .my_nav,.nav_bot{
        padding: 0px 8px;
  }
  .nav_bot{
    bottom:22px;
  }


}

@media screen and (max-width: 1800px) {
	.my_nav .lang p {display:none;}
}
@media screen and (max-width: 1800px) {
	#index_font1{font-size: 20px;}
	#index_div4 > div{width:690px;}
}
@media screen and (max-width: 1676px) {
	#index_font1{font-size: 18px;}
	#index_div4 > div{width:612px;}
}
@media screen and (max-width: 1526px) {
	#index_font1{font-size: 16px;}
	#index_div4 > div{width:534px;}
}
@media screen and (max-width: 1366px) {
	#index_font1{font-size: 14px;}
	#index_div4 > div{width:483px;}
}
@media screen and (max-width: 1256px) {
	#index_font1{font-size: 12px;}
	#index_div4 > div{width:408px;}
	.two_menu p {width:auto;}
}
@media screen and (max-width: 1114px) {
#index_div2{display:none;}
#index_div3{display:none;}
#index_div1{width:100%;font-size: 22px;display: block;}
#index_div8{width:100%;font-size: 22px;display: block;margin-bottom: 40px;}
#index_div4{width:100%;font-size: 22px;display: block;}
#index_div4 > div{width:auto;}
}
@media screen and (max-width: 1016px) {
#index_div1{font-size: 18px;}
#index_div8{font-size: 18px;}
#index_div4{font-size: 18px;}
}
@media screen and (max-width: 884px) {
#index_div1{font-size: 14px;}
#index_div8{font-size: 14px;}
#index_div4{font-size: 14px;}
}
@media screen and (max-width: 1700px) {
.index_font2{font-size: 22px;}
.index_font2 .p1{font-size: 48px;}
.index_div5{width: 873px;font-size: 20px;}
#index_font4{font-size: 40px;}
#index_font5{font-size: 20px;}
#index_font6{font-size: 20px;}
#index_font7{font-size:52px;width:452px;}
#index_font8{font-size:20px;}
#index_font9{font-size: 22px;}
.index_font10{font-size: 40px;}
}
@media screen and (max-width: 1600px) {
.index_font2{font-size: 18px;}
.index_font2 .p1{font-size: 42px;}
.index_div5{width: 677px;font-size: 16px;}
#index_font4{font-size: 38px;}
#index_font5{font-size: 18px;}
#index_font6{font-size: 18px;}
#index_font7{font-size:44px;width:398px;}
#index_font8{font-size:18px;}
#index_font9{font-size: 20px;}
.index_font10{font-size: 38px;}
}
@media screen and (max-width: 1320px) {
.index_font2{font-size: 14px;}
.index_font2 .p1{font-size: 34px;}
.index_div5{width: 520px;font-size: 12px;}
#index_font4{font-size: 36px;}
#index_font5{font-size: 16px;}
#index_font6{font-size: 16px;}
#index_font7{font-size:40px;width:344px;}
#index_font8{font-size:16px;}
#index_font9{font-size: 18px;}
.index_font10{font-size: 36px;}
}
@media screen and (max-width: 1114px) {
.index_font2{display:none;}
.index_div5{width:100%;font-size: 16px;}
.index_div6{margin:8vh;}
#index_font3{margin-bottom: 8vh;}
#index_font4{font-size: 34px;}
#index_font5{font-size: 14px;}
#index_font6{font-size: 14px;}
#index_font7{font-size:36px;width:316px;}
#index_font8{font-size:14px;}
#index_font9{font-size: 16px;}
.index_font10{font-size: 34px;}
}
@media screen and (max-width: 1004px) {
.index_div5{width:100%;font-size: 14px;}
.index_div6{margin:6vh;}
#index_font3{margin-bottom: 6vh;}
#index_font4{font-size: 30px;}
#index_font5{font-size: 12px;}
#index_font6{font-size: 12px;}
#index_font7{font-size:30px;width:263px;}
#index_font8{font-size:12px;}
#index_font9{font-size: 14px;}
.index_font10{font-size: 32px;}
}
@media screen and (max-width: 944px) {
.index_div5{width:100%;font-size: 12px;}
}
/*手机适应*/
@media screen and (max-width: 768px) {
      .mob_non{display:none;}
#index_bottom1{display:none;}
.mob_nav{display:block;left: 0;}
.my_nav{
  transition:all 0.25s;
  left: -20vh;
  z-index:100;
  }
.my_nav .lang{ }
.two_menu{transition:all 0.5s;opacity:0;}
.two_menu p {width:auto;}
  .two_menu {
    bottom: 62px;
    right:16px;
    left:auto;
    position: fixed;
    width:220px;

  }
  .nav_bot {bottom: 62px;opacity:0; }
  .my_nav .logo{width:100%;}
  .logo_font img{width:100%;}
  .two_menu p{font-size:16px;}
  .IMPRESSUM{
    margin-right:0px !important;
    padding:0px 10px 20px 0px;
  }
  .IMPRESSUM a{
    font-size:14px;
  }
}