@charset "utf-8";

.footer{margin-top: 0; border-top: 1px solid #ccc; background: #fff;}

.foot_top{display: flex; border-bottom: 1px solid #ccc; padding: 10px 0px; align-items: center; justify-content: space-between;}
.foot_top ul{display: flex;}
.foot_top > ul li a{border-left: 1px solid #ccc; font-size: 18px; padding: 0 30px; display: flex; justify-content: center; align-items: center; color: #333; font-weight: 500;}
.foot_top > ul li a:hover{color: #0081CC; text-decoration:underline; text-underline-position: under;}
.foot_top > ul li:first-child a{border: none; font-weight: 700; color: #0081CC;}

.address{display: flex; flex-wrap: wrap;}
.address address{
    width: 25%;
    margin-bottom: 20px;
}

.address p b{color: #333; font-weight: 500;}
.address span{margin-right: 10px;}
/* .address_left{margin-right: 50px;} */

.foot_bottom{padding: 20px 0; }

.foot_bottom address p{ color: #666; font-size: 16px; }

.foot_bottom > p{color: #666; font-size: 14px; margin-top: 20px;}

footer{margin-top: 200px !important;}
.footer_wrap footer{margin-top: 0 !important;}

@media screen and (max-width:1500px) {
}

@media screen and (max-width:1200px) {
    .address{flex-wrap: wrap;}
    .address address{width: 33%;}

    footer{margin-top: 100px !important;}
}

@media screen and (max-width:1024px) {
    footer{margin-top: 100px !important;}
    .foot_top > ul li a{padding: 0 20px; font-size: 16px;}
}
@media screen and (max-width:850px) {
    .foot_top > ul li a{padding: 0 2vw;}
}
@media screen and (max-width:768px){
    footer{margin-top: 50px !important;}
    .foot_top{flex-wrap: wrap; justify-content: center;}
    
    /* .foot_top ul{order: 2;} */
    .foot_bottom{flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column;}

    .address address{width: 50%;}
    .foot_logo{margin-right: 0;}

    .foot_bottom > p{text-align: center;}

    /* .r_nav{display: none;} */
    .foot_logo{width: 100%; text-align: center; margin-bottom: 10px;}
    .foot_logo img{width: 50%;}
    .foot_top ul{width: 100%; justify-content: center;}
    .foot_top > ul li a{font-size: 18px; padding: 0 3vw;}
}
@media screen and (max-width:480px) {
    .foot_top > ul li a{font-size: 16px; padding: 0 3vw;}
    .foot_logo{margin-bottom: 10px;}
    .foot_logo img{width: 65%;}

    .address address{width: 48%; margin: 10px 1%;}
    .address span{display: block; width: 100%;}


}
/* @media screen and (max-width:380px) {
    .foot_top > ul li a{padding: 0 1vw;}
} */


.r_nav{
    width: 120px; 
    border: 1px solid #ccc; 
    position: fixed; 
    bottom: 110px; 
    right: 30px; 
    text-align: center; 
    border-radius: 10px; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); background: #fff; padding: 10px 10px 10px; transition: 0.3s; z-index: 1000;
}
.r_nav:hover{background: #d6ebf6;}

.r_nav p{font-size: 16px; font-weight: 500; transition: 0.3s; margin-top: 0px;}
.r_nav:hover p{font-weight: 500; color: #41408c;}
.r_nav span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 3px;
    background: #41408c;
    border-radius: 5px;
    color: #fff;
    margin-top: 5px;
}


.r_nav figure{
    position: absolute; top: -80px; left: 0; 
    width: 100%; 
    transition: 0.5s; 
    animation: slide-top 1s ease-out infinite alternate both;

}

.quick_m{display: none;}

@keyframes slide-top {
	0% {
	  transform: translateY(0);
	}
	100% {
	  transform: translateY(-10px);
	}
}


@media screen and (max-width:768px) {
	/* .r_nav{width: 80px; right: 10px; padding: 15px 0 60px;} */

    .r_nav{
        width: 80px;
        bottom: 105px;
        right: 15px;
        padding: 5px 10px 10px;
    }
    .r_nav p{
        word-break: break-all;
    }
    .r_nav span{
        font-size: 14px;
        margin-top: 0;
    }

    .quick{display: none;}
    .quick_m{display: block;}

    .r_nav p{
        display: none;
    }

    .r_nav figure{
        top: -55px;
    }
}