@charset "utf-8";
/* CSS Document */

:root {
  --color: #1baadb;
  --vh: 100vh;
}

.c-home5.on .c-sticky .public-btn {
    opacity: 1;
}
.c-home5 .c-sticky .public-btn {
    position: relative;
    z-index: 10;
    opacity: 0;
}
.cpbtn {
    width: 1170px;
    margin: 0 auto;
    padding-bottom: 1%;
    border-bottom: 1px solid #edd;
}
.public-btn {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    height: 54px;
    min-width: 1.6rem;
    border-radius: 27px;
    border: 1px solid rgba(27, 170, 219, 0.2);
    color: #1baadb;
    transition: all 0.6s;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; margin-top: 3%;
}
.met-index-news {
    margin-top: 2%;
}

.public-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.2rem;
    z-index: 1;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color);
    transition: all 0.6s;
    transform: translateY(-50%) scale(0.8);
}
.public-btn span {
    position: relative; font-size: 14px;
    z-index: 2;
}
.public-btn .c-ico {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.3rem;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color);
	fill: #fff;
    transition: all 0.6s;
}
.public-btn .c-ico .c-svg {
    width: 8px;
    height: 8px;
    object-fit: contain;
}
.c-home5.on .c-sticky .public-btn {
    opacity: 1;
}
.c-home5 .c-sticky .public-btn {
    position: relative;
    z-index: 10;
    opacity: 0;
}
a, a:hover, a:focus {
    text-decoration: none;
}




@media (max-width: 1580px){
	
.public-btn {
    padding: 0 15px;
    height: 40px;
}
.public-btn::before {
    width: 20px;
    height: 20px;
    right: 15px;
}
.public-btn .c-ico {
    width: 20px;
    height: 20px;
}







}
@media (min-width: 768px){
.public-btn:hover {
    border-color: var(--color); color: #fff;
}
.public-btn:hover::before {
    transform: translateY(-50%) scale(16);
}
.public-btn:hover .c-ico {
    fill: var(--color);
    background: #fff;
    transform: rotate(45deg);
}


}

@media (max-width: 767px){
.cpbtn { width: 100%; padding-bottom: 3%; }
.met-index-news { margin-top: 6%; }

}