@charset "utf-8";


.scroll {
	position:absolute; 
	bottom:40px; 
	left:50%; 
	margin-left:-60px; 
	width:120px; 
	height:65px;
	padding-top:40px;
	text-align:center;
	letter-spacing:.4em;
	font-size:14px;
	font-weight:600;
	line-height:1.2em;
	color:#fff;
	font-family: 'Barlow', sans-serif;
	background:url('../images/main/scroll.png') 50% 0 no-repeat;
	z-index:10;
	-webkit-animation: bounce2 .9s linear infinite alternate;
    -moz-animation: bounce2 .9s linear infinite alternate;
    -o-animation: bounce2 .9s linear infinite alternate;
    -ms-animation: bounce2 .9s linear infinite alternate;
    animation: bounce2 .9s linear infinite alternate;
	 
}
@-moz-keyframes bounce2{from{bottom:30px;}to{bottom:40px;}}
@-webkit-keyframes bounce2{from{bottom:30px;}to{bottom:40px;}}
@-o-keyframes bounce2{from{bottom:30px;}to{bottom:40px;}}
@keyframes bounce2{from{bottom:30px;}to{bottom:40px;}}

#section1 {position:relative;}
#myVideo{position:absolute;top:50%;left:50%; object-fit:cover; object-position:0 0; transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width: auto;height: auto; min-width:100%; min-height:100%; z-index:-10;}

.section {background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}

#section2.section {background-image:url('../images/main/section2_0bg.jpg');}

.mv-video {padding:0 15px; display:none;}

.main-section1 {position:relative;text-align:center;}
.main-section1 .title {font-size:30px; line-height:1.4em; color:#fff; font-weight:500; margin-bottom:20px;}
.main-section1 .logo {margin-bottom:150px;}
.main-section1 .group {max-width:810px; margin:0 auto;}
.main-section1 ul {display:flex; margin-left:-30px;}
.main-section1 ul li {width:20%; margin-left:30px; text-align:center;}
.main-section1 ul li .icon {width:110px; height:110px; margin:0 auto 15px; border-radius:100%; background-color:rgba(0,0,0,.50); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; transition: all 0.2s ease-in-out;}
.main-section1 ul li:nth-child(1) .icon {background-image:url('../images/main/vit_icon1.png')}
.main-section1 ul li:nth-child(2) .icon {background-image:url('../images/main/vit_icon2.png')}
.main-section1 ul li:nth-child(3) .icon {background-image:url('../images/main/vit_icon3.png')}
.main-section1 ul li:nth-child(4) .icon {background-image:url('../images/main/vit_icon4.png')}
.main-section1 ul li:nth-child(5) .icon {background-image:url('../images/main/vit_icon5.png')}
.main-section1 ul li:nth-child(6) .icon {background-image:url('../images/main/vit_icon6.png')}
.main-section1 ul li .tit {font-size:18px; line-height:1.4em; color:#fff;font-weight:500; transition: all 0.2s ease-in-out;}
.main-section1 ul li a:hover .icon {background-color:#00864a}
.main-section1 ul li a:hover .tit {color:#00864a}

.main-title {position:absolute; top:25%; left:0; color:#fff; width:100%; text-align:center; z-index:2}
.main-title h2 {font-size:60px; line-height:1.4em; font-weight:800; margin-bottom:20px;font-family: 'Barlow',sans-serif;}
.main-title p {font-size:20px; line-height:1.4em;}
.vitzro-nav {position:absolute; top:45%; left:0; width:100%; z-index:50}
.vitzro-nav ul {display:flex; justify-content:center; align-items:center; margin-left:-30px;}
.vitzro-nav ul li {width:120px; height:120px; font-size:18px ;line-height:1.4em; background:#333; border-radius:50%; overflow:hidden; color:#fff;font-weight:500;display:table; text-align:center; margin-left:30px;}
.vitzro-nav ul li a {width:100%; height:100%;  display:table-cell; vertical-align:middle;}
.vitzro-nav ul li.active {width:160px; height:160px; font-size:20px; background:#00864a}

.vitzro-content {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  z-index:1} 
.vitzro-content .content {position:absolute; bottom:20%; left:0; width:100%; text-align:center;}
.vitzro-content .txt {padding:40px 0; color:#fff; font-size:18px; line-height:1.4em;font-weight:500;}
.vitzro-content .more a {display:inline-block; padding:0 30px; font-size:16px; line-height:43px; color:#fff; border:1px solid #fff; border-radius:45px;}
.vitzro-content .more a:after {content:"";display:inline-block; vertical-align:top; margin-left:10px; width:24px; height:43px; background:url('../images/main/more.png') 0 50% no-repeat;}
#vit01 {background-image:url('../images/main/section2_1bg.jpg');}
#vit02 {background-image:url('../images/main/section2_2bg.jpg');}
#vit03 {background-image:url('../images/main/section2_3bg.jpg');}
#vit04 {background-image:url('../images/main/section2_4bg.jpg');}

.vitzro-slide {}
.vitzro-slide .item {position:relative;}
.vitzro-slide .pic {position:relative; height:100vh;} 
.vitzro-slide .pic .bg {position:absolute;  top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.vitzro-slide .content {position:absolute; top:27%; left:0; color:#fff; width:100%; text-align:center; z-index:2}
.vitzro-slide .content .logo {margin-bottom:45px;}
.vitzro-slide .content .logo img {display:inline-block;}
.vitzro-slide .content .title {font-size:55px; line-height:1.4em; font-weight:800; margin-bottom:25px;font-family: 'Barlow',sans-serif; }
.vitzro-slide .content p {font-size:20px; line-height:1.7em; font-weight:500;}
.vitzro-slide .content p strong {font-weight:500; font-size:32px; line-height:1.7em; display:block;}
.vitzro-slide .more {position:absolute; bottom:20%; left:0; width:100%;  text-align:center; z-index:10}
.vitzro-slide .more a {display:inline-block; padding:0 30px; font-size:16px; line-height:43px; color:#fff; border:1px solid #fff; border-radius:45px;}
.vitzro-slide .more a:after {content:"";display:inline-block; vertical-align:top; margin-left:10px; width:24px; height:43px; background:url('../images/main/more.png') 0 50% no-repeat;}
.vitzro-slide .slick-dots {position:absolute; bottom:32%; left:0; width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-left:-30px;z-index:2}
.vitzro-slide .slick-dots li {padding-left:30px;}
.vitzro-slide .slick-dots li:nth-child(1) {display:none;}
.vitzro-slide .slick-dots li  button {width:110px; height:110px;  border:0; text-align:center;font-size:18px; line-height:1.4em; color:#fff; background:rgba(0,0,0,.50); border-radius:50%;}
.vitzro-slide .slick-dots li.slick-active button {background:#00864a}

.animated {transition: all .5s ease;}

.vitzro-slide .for-slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
	transition:1s;
}

@keyframes zoomInImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
		transition:1s;
  }
  to {
    transform: scale3d(1, 1, 1);
			transition:1s;
  }
}

.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1, 1, 1);
			transition:1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
			transition:1s;
  }
}

.zoomOutImage {
  animation-name: zoomOutImage;
		transition:1s;
}


.star {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    animation: star 3s ease-in infinite; z-index:1;
	transition: opacity 0 ease 1s;
	background-position:50% 50%; background-repeat:repeat;
}


@keyframes star {
    10% {
        opacity: 0;
		transition:3s;
    }

    100% {
        opacity: 1;
		transition:3s;
    }

}



#section4 .bg {position:absolute; top:0; left:0; width:100%;}
#section4 .bg .pic {height:300px; background:url(../images/main/section4_bg.jpg) 50% 50% no-repeat;}
.main-pr {padding-top:15%;}
.main-pr .row {display:flex; margin-left:-20px;}
.main-pr .col {width:25%; padding-left:20px;}
.main-pr .photo {position:relative;}
.main-pr .pic {position:relative; height:0; padding-bottom:151%; overflow:hidden}
.main-pr .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition: all 0.2s ease-in-out;}
.main-pr a:hover .pic img {transform:translateY(-50%) scale(1.06,1.06); -ms-transform:translateY(-50%) scale(1.06,1.06); -webkit-transform:translateY(-50%) scale(1.06,1.06);}
.main-pr .content {position:absolute; bottom:40px; left:40px; color:#fff; width:100%; z-index:2}
.main-pr .content .title {font-size:30px; line-height:1.4em; font-weight:500; margin-bottom:15px;}
.main-pr .content p {font-size:18px; line-height:1.4em;}
.main-pr .content .more {margin-top:45px;}


.fp-viewing-Footered #fp-nav {display:none;}