body { background: #efefef;}
.container { padding: 0px 0; }
.wrapper { width: 1000px;}

.pagebar { border-top: none; margin-top: 20px; }
#pager { white-space: nowrap; }
#pager .pg { font-size: 16px; text-align: center }
#pager .pg a,
#pager .pg a:link,
#pager .pg a:visited,
#pager .pg span.current,
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { margin-right: 5px; background: #fff; border: 1px solid #ccc; color: #888; font-family: 'Tahoma'; text-decoration: none; display: inline-block; *display:inline;
zoom: 1; height: 40px; line-height: 40px; padding: 0 15px; text-align: center; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#pager .pg a:hover { background: #7aaf1c; border: 1px solid #7aaf1c; color: #fff; }
#pager .pg span.current { border: 1px solid #7aaf1c; background: #7aaf1c; color:#fff; font-weight: bold; font-size: 16px; }
#pager .pg span.extend { padding: 0 5px 8px 0; zoom: 1 }
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { display: none; border: 1px solid #d8d8d8; border: 1px solid #fff; color: #f10180; }
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg a.prev,
#pager .pg a.prev,
#pager .pg a.next { padding: 0 15px; }
#pager .pg span.first,
#pager .pg span.last,
#pager .pg a.first,
#pager .pg a.last { padding: 0 15px; }

.page-none { padding: 100px 0; text-align: center; font-size: 18px; color: #999;}

.brand-top { position: relative; padding: 30px; }
.brand-top .brand-logo { float: left; margin-right: 30px; padding: 5px; border: 1px solid #ddd; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
.brand-top .brand-logo a { position: relative; }
.brand-top .brand-logo img { width: 160px; height: 80px; }
.brand-top .brand-info { }

.brand-top .brand-info h1 { margin-bottom: 5px; font-size: 30px; line-height: 1.2em; height: 1.2em; font-weight: bold; color: #333; overflow: hidden; }
.brand-top .brand-info h1 span.brand-en { font-size: 16px; font-weight: bold; color: #333; }
.brand-top .brand-info h1 span.brand-en a { color: #333; }
.brand-top .brand-info h1 span { font-size: 16px; font-weight: normal; color: #333; }
.brand-top .brand-info h2 { font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #7aaf1c; }
.brand-top .brand-info h2 a { display: inline-block; padding: 0 10px; border: 1px dashed #7aaf1c; color: #7aaf1c; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
.brand-top .brand-info h2 a:hover { border: 1px dashed #7aaf1c; background: #7aaf1c; color: #fff;}
.brand-top .brand-info .brand-attr { font-size: 14px; line-height: 1.5em;}
.brand-top .brand-info .brand-attr i { margin-right: 5px; }
.brand-top .brand-info .brand-attr a { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;}


.brand-top .brand-topbar { position: absolute; right: 30px; top: 1px; overflow: hidden; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.brand-top .brand-topbar ul { margin-left: -1px; }
.brand-top .brand-topbar ul li { float: left; margin-left: 1px; }
.brand-top .brand-topbar ul li a { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background: #bbb; color: #fff;}
.brand-top .brand-topbar ul li a:hover { background: #7aaf1c; color: #fff; }



.brand-qrcode { position: absolute; top: 45px; right: 24px;}
.brand-qrcode dd { float: left; }
.brand-qrcode dd > div { text-align: center; }
.brand-qrcode dd > div figure { }
.brand-qrcode dd > div figure img { width: 70px; height: 70px; }
.brand-qrcode dd > div h4 { font-size: 12px; line-height: 1.2em; color: #999; font-weight: normal;}


.brand-nav { background: #7aaf1c; color: #fff; }
.brand-nav dl { padding: 5px 20px; height: 40px; line-height: 40px; }
.brand-nav dl dd { float: left; font-size: 18px; }
.brand-nav dl dd a { display: block; padding: 0 14px; color: #fff;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.brand-nav dl dd a:hover,
.brand-nav dl dd a.active { background: #fff; color: #7aaf1c; }

.brand-banner img { width: 100%; }

.contact-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-contact { float: left; padding-left: 5em; text-indent: -5em; font-size: 18px; font-weight: bold; color: #333; }
.brand-contact li { margin: 5px 0; }
.brand-contact li span { letter-spacing: 0.5em;  }
.brand-contact a { color: #333; }

.contact-rgt { float: right; margin: 0 -15px; }
.contact-rgt dd { float: left; }
.contact-rgt dd > div { margin: 0 15px; text-align: center; }
.contact-rgt dd > div figure { margin-bottom: 8px; padding: 5px; background: #fff; }
.contact-rgt dd > div figure img { width: 120px; height: 120px; }
.contact-rgt dd > div h4 { font-size: 14px; color: #999; font-weight: normal;}


.brand-footer { margin-bottom: 30px; text-align: center; font-size: 12px; color: #999; }
.brand-footer a { color: #999; }
.brand-footer .lft { float: none; text-align: center;}
.brand-footer .lft figure{  }
.brand-footer .lft figure img { width: 170px; }
.brand-footer .lft h6 { font-size: 12px; color: #111; font-weight: bold; }
.brand-footer .rgt { float: none; margin-top: 10px; }


.brand-information { /*width: 400px; float: left; margin: 0 30px 20px 0; */ margin-bottom: 30px; padding: 15px 30px; background: #f7f7f7; border: 1px solid #ddd; font-size: 14px; line-height: 2em; color: #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.brand-information li { margin: 5px 0; padding-left: 5em; text-indent: -5em; }
.brand-information li.logo { float: right; padding: 0; text-indent: 0;} 
.brand-information li.logo a { display: block; padding: 10px; width: 120px; background: #fff; border: 1px solid #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-information li.logo a img { width: 100%; }

.brand-body { font-size: 14px; line-height: 2em; color: #333; text-align: justify;}
.brand-body p { margin-bottom: 0.5em; }
.brand-body p:last-child { margin-bottom: 0em;}

.brand-box  { margin: 30px 0; padding: 30px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-box .hd { text-align: center; }
.brand-box .hd h2 { display: block; font-size: 40px; color: #7aaf1c; color: #111; }
.brand-box .hd h2 a { color: #111; }
.brand-box .hd h2 span { font-weight: normal; display: none; }
.brand-box .hd h3 { display: inline-block; position: relative; font-size: 18px; color: #ccc; font-weight: normal; }
.brand-box .hd h3:before,
.brand-box .hd h3:after { position: absolute; margin-top: -1px; top: 50%; display: block; content: ""; width: 1em; height: 2px; background: #ccc; }
.brand-box .hd h3:before { left: -1.5em; }
.brand-box .hd h3:after { right: -1.5em; }
.brand-box .bd { padding-top: 30px; }


.brand-news { margin: -10px; max-height: 596px; overflow: hidden;} 
.brand-news li { width: calc(100%/4); float: left; } 
.brand-news li > div { position: relative; margin: 10px; height: 276px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
} 
.brand-news li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;} 
.brand-news li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-news li > div section { padding: 15px 15px; } 
.brand-news li > div h4 { font-size: 16px; font-weight: normal; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-news li > div p { display: none; } 
.brand-news li > div .info { margin-top: 10px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-news li > div .hits { float: left; } 
.brand-news li > div .hits i { margin-right: 5px; } 
.brand-news li > div .date { float: right; } 
.brand-news li > div .date i { margin-right: 5px; } 

.brand-news li.none-image > div { height: 133px; } 
.brand-news li.none-image > div h4 { height: 4.5em;} 
.brand-news li.none-image > div .info { margin-top: 16px; } 


.brand-news2 { margin: -10px; } 
.brand-news2 li { width: calc(100%); float: left; } 
.brand-news2 li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-news2 li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-news2 li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-news2 li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-news2 li > div section { padding: 0 0 25px; } 
.brand-news2 li > div h4 { font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden;} 
.brand-news2 li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-news2 li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 14px; line-height: 1.5em; color: #999; } 
.brand-news2 li > div .date i { margin-right: 5px; } 



.brand-interview { margin: -10px; } 
.brand-interview li { width: calc(100%); float: left; } 
.brand-interview li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-interview li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-interview li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-interview li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-interview li > div section { padding: 0 0 25px; } 
.brand-interview li > div h4 { font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden;} 
.brand-interview li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-interview li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 14px; line-height: 1.5em; color: #999; } 
.brand-interview li > div .date i { margin-right: 5px; } 




.brand-special { margin: -10px; } 
.brand-special li { width: calc(100%); float: left; } 
.brand-special li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-special li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-special li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } 
.brand-special li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-special li > div section { padding: 0 0 25px; } 
.brand-special li > div h4 { margin-bottom: 10px; line-height: 1.5em; height: 1.5em; font-size: 20px; font-weight: normal; overflow: hidden;} 
.brand-special li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-special li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-special li > div .date i { margin-right: 5px; } 



.brand-trade { margin: -10px; } 
.brand-trade li { width: calc(100%); float: left; } 
.brand-trade li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-trade li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-trade li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-trade li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-trade li > div section { padding: 0 0 25px; } 
.brand-trade li > div h4 { margin-bottom: 10px; line-height: 1.5em; height: 1.5em; font-size: 20px; font-weight: normal; overflow: hidden;} 
.brand-trade li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-trade li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-trade li > div .date i { margin-right: 5px; } 



.brand-series { margin: 0 -10px; } 
.brand-series li { width: calc(100%/3); float: left; } 
.brand-series li > div { margin: 10px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
} 
.brand-series li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;} 
.brand-series li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-series li > div section { padding: 15px; } 
.brand-series li > div h4 { font-size: 16px; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-series li > div p { display: none; } 



.brand-product { margin: 0 -10px; } 
.brand-product li { width: calc(100%/5); float: left; } 
.brand-product li > div { margin: 10px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);*/
} 
.brand-product li:hover > div { -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1); } 
.brand-product li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 125%; overflow: hidden;} 
.brand-product li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-product li > div section { padding: 15px; } 
.brand-product li > div h4 { font-size: 16px; font-weight: normal; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-product li > div p { display: none; } 



.brand-video { margin: 0 -10px; } 
.brand-video li { width: calc(100%/4); float: left; } 
.brand-video li > div { margin: 10px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
} 
.brand-video li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;} 
.brand-video li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-video li > div section { padding: 15px; } 
.brand-video li > div h4 { font-size: 16px; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-video li > div p { display: none; } 
.brand-video li > div section .date { margin-top: 10px; color: #999; } 
.brand-video li > div section .date i { margin-right: 5px; } 



.brand-zine { margin: 0 -10px; } 
.brand-zine li { width: calc(100%/4); float: left; } 
.brand-zine li > div { margin: 10px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
} 
.brand-zine li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 135.71428571429%; overflow: hidden;} 
.brand-zine li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-zine li > div section { padding: 15px; } 
.brand-zine li > div h4 { font-size: 16px; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-zine li > div p { display: none; } 
.brand-zine li > div section .date { margin-top: 10px; color: #999; } 
.brand-zine li > div section .date i { margin-right: 5px; } 




.lin-swiper-brand { position: relative; overflow: hidden; }
.lin-swiper-brand .swiper-container { padding-bottom: 30px; }
.lin-swiper-brand .swiper-pagination { width: 100%; bottom: 0px; line-height: 1em; }
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 2px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; vertical-align: middle; opacity: 1; outline: none;}
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: #7aaf1c; }
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 2px solid #7aaf1c; background-color: #fff; }
.lin-swiper-brand .swiper-button-prev,
.lin-swiper-brand .swiper-button-next { width: 25px; height: 50px; margin-top: -40px; color: #fff; outline: none; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; background: rgba(0,0,0,.3); }
.lin-swiper-brand .swiper-button-prev:after,
.lin-swiper-brand .swiper-button-next:after { font-size: 20px; }
.lin-swiper-brand .swiper-button-prev:hover,
.lin-swiper-brand .swiper-button-next:hover { opacity: 0.65; }
.lin-swiper-brand .swiper-button-prev { left: -50px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; } 
.lin-swiper-brand .swiper-button-next { right: -50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;  }

.lin-swiper-brand .swiper-slide { }
.lin-swiper-brand .swiper-slide > div { padding: 5px; border: 1px solid #eee; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
.lin-swiper-brand .swiper-slide > div figure { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.lin-swiper-brand .swiper-slide > div section { padding: 10px; }
.lin-swiper-brand .swiper-slide > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lin-swiper-brand .swiper-slide > div h4 { height: 1.5em; line-height: 1.5em; text-align: center; color: #333; font-size: 16px; font-weight: bold; overflow: hidden;}
.lin-swiper-brand .swiper-slide > div p { height: 3em; line-height: 1.5em; text-align: justify; color: #999; font-size: 14px; overflow: hidden;}
.lin-swiper-brand:hover .swiper-button-prev { left: 0;}
.lin-swiper-brand:hover .swiper-button-next { right: 0;}












.animate-wave-container {
    position: relative;
    width: 100%;
    height: 178px;
    bottom: 34px;
    left: 0;
    overflow: hidden;
    text-align: left
}

.wave-path1 {
    fill: url(#wave-gradient1)
}

@keyframes breath {
    0% {
        width: 5px;
        height: 5px;
        top: 5px;
        left: 5px;
        opacity: 1
    }

    50% {
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
        opacity: 0
    }

    to {
        width: 5px;
        height: 5px;
        top: 5px;
        left: 5px;
        opacity: 1
    }
}

.wave-keywords-link {
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 100
}

.wave-keywords-link .wave-circle-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    vertical-align: middle
}

.wave-keywords-link .wave-circle-icon-big {
    display: inline-block;
    position: absolute;
    background: #057def;
    border-radius: 50%;
    animation: breath 2s ease .1s infinite
}

.wave-keywords-link .wave-circle-icon-small {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #057def;
    border-radius: 50%;
    opacity: 1
}

.wave-keywords-link .wave-keywords-text {
    position: absolute;
    top: 15px;
    left: 0;
    display: inline-block;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #5679b5;
    margin-left: 7px;
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

@keyframes wavemove {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes wavemoveMirror {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

.wave-svg-s1,.wave-svg-s2,.wave-svg-s3 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    top: 0;
    left: 0
}

.wave-svg-s1 svg,.wave-svg-s2 svg,.wave-svg-s3 svg {
    display: block
}

.wave-svg-s4,.wave-svg-s5,.wave-svg-s6 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    top: 0;
    left: -100%
}

.wave-svg-s4 svg,.wave-svg-s5 svg,.wave-svg-s6 svg {
    display: block
}

.wave-svg-s1 {
    z-index: 10;
    animation: wavemove 40s linear .1s infinite;
    -webkit-animation: wavemove 40s linear .1s infinite;
    -moz-animation: wavemove 40s linear .1s infinite
}

.wave-svg-s2 {
    z-index: 9;
    animation: wavemove 32s linear .1s infinite;
    -webkit-animation: wavemove 32s linear .1s infinite;
    -moz-animation: wavemove 32s linear .1s infinite
}

.wave-svg-s3 {
    z-index: 8;
    animation: wavemove 28s linear .1s infinite;
    -webkit-animation: wavemove 28s linear .1s infinite;
    -moz-animation: wavemove 28s linear .1s infinite
}

.wave-svg-s4 {
    z-index: 10;
    animation: wavemoveMirror 40s linear .1s infinite;
    -webkit-animation: wavemoveMirror 40s linear .1s infinite;
    -moz-animation: wavemoveMirror 40s linear .1s infinite
}

.wave-svg-s5 {
    z-index: 9;
    animation: wavemoveMirror 32s linear .1s infinite;
    -webkit-animation: wavemoveMirror 32s linear .1s infinite;
    -moz-animation: wavemoveMirror 32s linear .1s infinite
}

.wave-svg-s6 {
    z-index: 8;
    animation: wavemoveMirror 28s linear .1s infinite;
    -webkit-animation: wavemoveMirror 28s linear .1s infinite;
    -moz-animation: wavemoveMirror 28s linear .1s infinite
}

.wave-link-s1,.wave-link-s2,.wave-link-s3 {
    left: 0
}

.wave-link-s1,.wave-link-s2,.wave-link-s3,.wave-link-s4,.wave-link-s5,.wave-link-s6 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 0
}

.wave-link-s4,.wave-link-s5,.wave-link-s6 {
    left: -100%
}

.wave-link-s1 {
    animation: wavemove 40s linear .1s infinite;
    -webkit-animation: wavemove 40s linear .1s infinite;
    -moz-animation: wavemove 40s linear .1s infinite
}

.wave-link-s2 {
    animation: wavemove 32s linear .1s infinite;
    -webkit-animation: wavemove 32s linear .1s infinite;
    -moz-animation: wavemove 32s linear .1s infinite
}

.wave-link-s3 {
    animation: wavemove 28s linear .1s infinite;
    -webkit-animation: wavemove 28s linear .1s infinite;
    -moz-animation: wavemove 28s linear .1s infinite
}

.wave-link-s4 {
    animation: wavemoveMirror 40s linear .1s infinite;
    -webkit-animation: wavemoveMirror 40s linear .1s infinite;
    -moz-animation: wavemoveMirror 40s linear .1s infinite
}

.wave-link-s5 {
    animation: wavemoveMirror 32s linear .1s infinite;
    -webkit-animation: wavemoveMirror 32s linear .1s infinite;
    -moz-animation: wavemoveMirror 32s linear .1s infinite
}

.wave-link-s6 {
    animation: wavemoveMirror 28s linear .1s infinite;
    -webkit-animation: wavemoveMirror 28s linear .1s infinite;
    -moz-animation: wavemoveMirror 28s linear .1s infinite
}

.animate-wave-container-hover .wave-link-s1,.animate-wave-container-hover .wave-link-s2,.animate-wave-container-hover .wave-link-s3,.animate-wave-container-hover .wave-link-s4,.animate-wave-container-hover .wave-link-s5,.animate-wave-container-hover .wave-link-s6,.animate-wave-container-hover .wave-svg-s1,.animate-wave-container-hover .wave-svg-s2,.animate-wave-container-hover .wave-svg-s3,.animate-wave-container-hover .wave-svg-s4,.animate-wave-container-hover .wave-svg-s5,.animate-wave-container-hover .wave-svg-s6 {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}