/* commmon */
::-webkit-scrollbar {
    display: none;
}
html.has-scroll-smooth{overflow:hidden}
.has-scroll-smooth body{overflow:hidden}
.has-scroll-smooth [data-scroll-container]{
    min-height:calc(100vh - 90px);
}
.page-home{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0
}
/* header css */
.header .container {
    padding: 25px 8.3vw;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}
.header .container .brand {
    height: 40px;
}
.header .container .brand .logo {
    width: 220px;
    height: 100%;
}
.header .container .nav-list{
    height: 40px;
}
.header .container .nav-list .nav-item {
    display: inline-block;
    margin-left: 40px;
    line-height: 40px;
}
.header .container .nav-list .nav-item .nav-text {
    font-size: 20px;
    color: #000;
}
.header .container .nav-list .nav-item.active .nav-text {
    color: #4EB717;
}
/* main css */
.page-home #main {
    padding-top: 90px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
 }
/* .main .scroll-down-icon {
    width: 92px;
    height: 82px;
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:51px;
    z-index:10;
    transition:all .4s cubic-bezier(.25,.46,.45,.94);
} */
.scrolldown{position:fixed;left:50%;transform:translateX(-50%);bottom:40px;text-align:center;font-size:10px;color:#fff;z-index:10;transition:all .4s cubic-bezier(.25,.46,.45,.94)}
.scrolldown.inactive{bottom:-100px}
.scrolldown .mouse{width:1.8em;height:3.1em;border-radius:1.8em;border:1px solid #fff;display:block;margin:0 auto;background-color:rgba(255,255,255,.5)}
.scrolldown .mouse:before{background:#fff;display:block;content:"";position:absolute;left:50%;transform:translate(-50%,0);width:.4em;height:.4em;border-radius:50%;top:.8em;animation:mousescrolldown 2s infinite forwards}
.scrolldown .label{font-weight:700;letter-spacing:.02em;font-size:1em;text-align:center;margin-top:1em;display:block}
@keyframes mousescrolldown{0%{transform:translate(-50%,0)}
80%{transform:translate(-50%,200%);opacity:1}
100%{transform:translate(-50%,350%);opacity:0}
}
/* .home-section{position:relative;overflow:hidden}
.home-section .section-inner{position:relative} */
.main .home-section {
    height:calc(100vh - 90px);
    position:absolute;
    top:0;
    left:0;
    right:0;
    overflow:hidden;
    background-color: #fff;
}
.main .home-section .section-inner {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    box-sizing:border-box
}
.main .home-section .section-inner .home-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.home-slider .slide-menu {
    position: absolute;
    top: 6vh;
    left: 8.3vw;
    z-index: 10;
 }
 .home-slider .slide-menu .slide-menu-inner {
    display: flex;
    align-items: center
 }

 .home-slider .slide-menu a {
    color: #999999;
    display: block;
    font-size: 26px;
    transition: color .3s
 }

 .home-slider .slide-menu a.active {
    color: #1F1F1F
 }
 
 .home-slider .slide-menu .split {
    display: block;
    width: 3px;
    height: 22px;
    margin: 0 20px;
    opacity: .2;
    background-color: #999999;
 }
 .home-slider .slide-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    background-color: #fff;
 }
 .home-slider .slide-item .product-left {
    position: relative;
    flex: 1;
    /* position: absolute;
    top: 185px;
    left: 8.3vw;
    bottom: 0; */
 }
 .home-slider .slide-item .product-left .product-slogan {
    position: absolute;
    top: 15vh;
    left: 8.3vw;
    max-width: 34vw;
 }
 .home-slider .slide-item .product-left .product-model {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50vh;
 }
 .home-slider .slide-item .product-left .product-qrcode {
    position: absolute;
    max-width: 11vw;
    bottom: 12vh;
    right: 11vw;
 }
 .home-slider .slide-item .product-right {
    /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0; */
    display: flex;
    width: 50vw;
 }
 .home-slider .slide-item#product_1 .product-right .product-item {
    position: relative;
    width: 33.33%;
    cursor: pointer;
    overflow: hidden;
 }
 .home-slider .slide-item#product_1 .product-right .product-item .product-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    max-width: none;
 }
 .home-slider .slide-item#product_1 .product-right .product-item .product-title {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 13vh;
    transition: all .5s;
 }
 .home-slider .slide-item#product_1 .product-right .product-item .product-intro {
    opacity: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    color: #fff;
    transition: all .5s;
 }
 .product-item .product-intro:hover {
    opacity: 1;
 }
 .product-intro .product-intro-title {
    text-align: center;
    font-size: 30px;
 }
 .product-intro .product-intro-content {
    font-size: 20px;
    padding: 30px 48px 0;
 }
/* .flex-direction-nav {
    display: none;
} */
.newban .flex-control-paging{ 
    width: 100%; 
    height: 4px; 
    font-size: 0;
    text-align: center;
	position: absolute; 
    bottom: 28vh; 
    left:0; 
    z-index: 3;
}
.newban .flex-control-paging li{display: inline-block; *display:inline; *zoom:1;
	overflow:hidden; width: 54px; height: 4px; margin: 0 8px; -webkit-border-radius: 2px; border-radius:2px;}
.newban .flex-control-paging li a{ width:100%; height:100%; display: block; cursor:pointer; position: relative;
	background-color: rgba(255,255,255,0.5);}
.newban .flex-control-paging li a:before{ content: ''; position: absolute; left: 0; bottom:0; z-index: 1;
	width: 0; height: 100%; background-color: rgba(255,255,255,1);}
.newban .flex-control-paging li a.flex-active:before{ width: 100%;-webkit-transition: linear 5s; transition: linear 5s;}
.newban{ position:relative; width: 100%; height: 100%; z-index: 1;}
.newban .hx{ 
    position: absolute; 
    margin-top: 30px;
    left:50%; 
    width: 900px; 
    height: 3px; 
    z-index: 1;
	background-color: #fff; 
    /* margin-left: -385px;  */
    transform: translateX(-50%);
}
.newban .hx:before{ 
    content: ''; 
    position: absolute;
    left: 50%; 
    bottom:-1px; 
    z-index: 1;
	width: 0; 
    height: 5px; 
    background-color: #00a645;
}
.newban .ac .hx:before{
	-webkit-transition: linear 4s; 
    -moz-transition: linear 4s; 
    -ms-transition: linear 4s;
	-o-transition: linear 4s; 
    transition: linear 4s; 
    width: 100%; 
    left:0;
}
.flexslider { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    top:0; 
    left:0; 
    z-index: 1;
}
.flexslider .slides {
    overflow: hidden; 
    height: calc(100vh - 90px);
}
.flexslider .slides li {
    height: 100%; 
    position: relative; 
    overflow: hidden;
}
.flexslider .slides li .wrap { 
    display: block; 
    width: 100%;
    height: 100%; 
    position: relative; 
    overflow: hidden;
} 
.flexslider .slides .wrap .banner { 
    position: absolute; 
    width: 100%; 
    height: 100%;
	top:0;
    z-index: 1; 
    margin-top: 0;
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
	transform:scale(1.08); 
    -webkit-transform:scale(1.08);
}
.flexslider .slides .ac .wrap .banner {
	-webkit-transition: -webkit-transform 5s ease-in; 
    transition: transform 5s ease-in;
	transform:scale(1); 
    -webkit-transform:scale(1);
}
.banner-title{
    position: relative;
    z-index: 2;
    max-height: 14vh;
    display: block;
    margin: 10% auto 0;
}
.btt4{
    position: relative;
    z-index: 2;
    width: 22%;
    display: block;
    margin: 63px auto 0;
}
.banner-title{
    transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
}
#homeToSea {
   overflow: hidden;
   position: relative;
   background: #fff;
   height: 990px;
   min-height: calc(100vh - 90px);
}
.contact-title {
    width: 762px;
    height: 112px;
    margin: 68px auto 0;
}
.contact-content {
    position: relative;
    margin: 42px auto 0;
    width: 1200px;
    height: 700px;
    background: url('../images/contact_bg.png');
}
.contact-address {
    position: absolute;
    top: 252px;
    left: 180px;
    width: 620px;
    height: 490px;
}
.finance-slogan {
    position: absolute;
    top: 10vh;
    left: 8.3vw;
    z-index: 1;
    max-width: 37vw;
}
.finance-content {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 60vh;
    overflow: hidden;
}
.finance-content .finance-item {
    position: relative;
    cursor: pointer;
    width: 50%;
    overflow: hidden;
}
.finance-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform-origin: center;
    max-width: none;
}
.finance-title {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}
.finance-hover-wrap {
    position: absolute;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all .5s;
}
.finance-hover-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* footer css */
.footer {
    z-index: 989;
    /* position: relative; */
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    transform:translateY(100%);
    height: 360px;
    background: #F4F4F6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8.3vw;
}
.footer .footer-info .company {
    font-size: 24px;
    line-height: 26px;
}
.footer .footer-info .other-info {
    margin-top: 15px;
    display: flex;
}
.footer .footer-info .other-info .label {
    font-size: 20px;
    color: #4EB717;
    line-height: 28px;
}
.footer .footer-info .other-info .value {
    font-size: 20px;
    line-height: 28px;
    padding-top: 5px;
}
.footer .footer-info .other-info .address {
    margin-left: 63px;
}
.footer .copyright {
    margin-top: 78px;
    font-size: 20px;
    color: #999999;
}
.footer .copyright a {
    color: #999999;
    padding-left: 5px;
}
.footer .qrcodes {
    width: 650px;
    margin-left: 10px;
}
/* 右侧scroll */