/*侧边联系*/
.sideBar{
  position:fixed;
  right:0;
  bottom: 40%;
  transform: translateY(-50%);
  z-index:99;
}
.side1{
  width:50px;
  height:160px;
  background: rgba(58,171,46,0.8);
  text-align:center;
  transition:all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
}
.side1 .ewm{
	position:absolute;
  	right:50px;
  	z-index:-1;
  	transform:translateX(200px);
  	transition:.8s;
  	opacity:0;
  width: 130px;
}
.side1:hover .ewm{
  	transform:translateX(0);
  transition:.8s;
  opacity:1;
}

.side1 a,
.side1 img,
.side1 i,
.side1 span{
  display:block;
}
.side1 img{
  margin:0 auto;
}
.side1 i{
  margin:10px auto;
  width:1px;
  height:20px;
  background:#fff;
  transition:all 0.5s ease;
}
.side1 span{
  color:#fff;
  font-size:16px;
  writing-mode: vertical-lr;
  margin: 0 auto;
  font-family:din;
}
.side1:hover{
  background:#082b60;
}
.side1:hover a img{
  animation:jitter 0.5s;
}
.side{
  height:50px;
  position:absolute;
  transition:all 0.5s;
}
.side a{
  display:block;
  height:50px;
  font-size:0;
}
.side i,
.side span{
  display:inline-block;
  vertical-align: middle;
  height:100%;
  line-height: 50px
}
.side i{
  width:50px;
  text-align:center;
  background: rgba(0,79,163,0.8);
}
.side i img{
  vertical-align: middle;
}
.side span{
  text-align:center;
  line-height:50px;
  background:#082b60;
  font-size:15px;
  color:#fff;
  transition:all 1s;
  font-family:pop;
}

.side2{
  top:161px;
  right:-180px;
  width: 230px;
}
.side2 span{
  width:180px;
}
.side3{
  right:-150px;
  width: 200px;
  top:212px;
}
.side3 span{
  width:150px;
}
.side4{
  right:-120px;
  width: 170px;
  top:263px;
}
.side4 span{
  width:120px;
}
.side5{
  right:-150px;
  width: 200px;
  top:314px;
  cursor: pointer;
}
.side5 span{
  width:140px;
}
.side:hover{
  right:0;
}
.side:hover i{
  background:#082b60;
}


@media only screen and (max-width: 768px){
	.c_portalResPublic_codeContainer-01001007006{
	  min-height:500px;  
	  width:100%;
    }
}
@media only screen and (min-width: 769px){
    .c_portalResPublic_codeContainer-01001007006{
	  min-height:500px;  
	  width:100%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
    
}
@import url(http://fonts.googleapis.com/css?family=Lato:300:400);

h1 {
  font-family: 'Lato', sans-serif;
  font-weight:300;
  letter-spacing: 2px;
  font-size:48px;
}


.header {
  position:relative;
  text-align:center;
  color:white;
  background:transparent;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; 
  min-height:100px;
  max-height:150px;
}




.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever{
0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
@media (max-width: 768px){

.c_portalResPublic_codeContainer-01001007006 .waves {
    height:40px;
    min-height:40px;
  }
.c_portalResPublic_codeContainer-01001007006 .content {
    height:30vh;
  }
.c_portalResPublic_codeContainer-01001007006 h1 {
    font-size:24px;
  }
}
.scroll-icon{
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:2em;
width:1.2em;
font-size:22px;
color:rgba(255, 255, 255, 0.5);
border-radius:2em;
border:solid 2px;
-webkit-transition:.4s;
transition:.4s;
}
.scroll-icon::after{
content:'';
width:5px;
height:5px;
background-color:#fff;
border-radius:50%;
-webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}