@charset "utf-8";
/* Right banner */
#right_layer{position:fixed;top:50%;right:-180px;z-index:997}
#right_layer{transition:right 0.35s ease; transition-delay: 0.0s}
.right_layer_wrap a{font-size:14px;color:#fff}
.right_layer_wrap a:link, .right_layer_wrap a:visited{color:#fff}
.right_layer_wrap a:hover{color:#000000;text-decoration:none}
.right_layer_1{padding:13px 0px 0px 52px;width:180px;height:45px;background:url(/index/right_banner_1.png)no-repeat;background-position: center}
.right_layer_2{margin-top:5px;padding:13px 0px 0px 52px;width:180px;height:45px;background:url(/index/right_banner_2.png)no-repeat;background-position: center}
.right_layer_3{margin-top:5px;padding:13px 0px 0px 52px;width:180px;height:45px;background:url(/index/right_banner_3.png)no-repeat;background-position: center}
.right_layer_wrap_480{position:fixed;top:300px;right:2%;z-index:997}
.right_layer_wrap_480{transition:right 0.35s ease; transition-delay: 0.0s}

/* Right long bar */
#right_long_bar_layer{position:fixed;top:0px;right:-181px;width:180px;height:100vh;overflow: hidden;background:rgba(30, 30, 30, 1);z-index:998; transition:all 0.65s ease; transition-delay: 0.0s}
.right_long_bar_wrap{margin-top:210px}

.right_long_bar_box_title_bar{margin-left:20px;margin-bottom:1%;width:8%;height:2px;background-color:#FFB200}
.right_long_bar_box_title{padding-left:20px;font-size:13px;color:#F5F5F5;font-weight:700}
.right_long_bar_box_wrap{width:100%}
.right_long_bar_box_bu{margin:0 auto;margin-top:5px;padding-left:9px;width:140px;text-align:left;font-size:12px;color:#F5F5F5;border-bottom:1px solid #7F7F7F;line-height:30px;cursor:pointer;background-color:#7F7F7F;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.right_long_bar_box_bu a:link, .right_long_bar_box_bu a:visited{color:#F5F5F5}
.right_long_bar_box_bu:hover{color:#fff;background-color:#454545;border-bottom:1px solid #999}

.right_long_bar_line_wrap{margin-top:15%}
.right_long_bar_line_bu{margin:0 auto;padding-left:9px;width:140px;text-align:left;font-size:12px;color:#F5F5F5;line-height:30px;border-bottom:1px solid #555;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.right_long_bar_line_bu a:link, .right_long_bar_line_bu a:visited{color:#F5F5F5;}
.right_long_bar_line_bu:hover{color:#fff;background-color:#454545}

.right_long_bar_box4_wrap{margin:0 auto;margin-top:15%;width:152px}
.right_long_bar_box4{margin:0 auto;width:100%}
.right_long_bar_box4 ul{margin: 0 auto}
.right_long_bar_box4 ul:after{content: "";display: block;clear: both}
.right_long_bar_box4 li{float:left;text-align:center;margin-top:3.94736842105%;margin-left:3.94736842105%;width:44.0789473684%}
.right_long_bar_box4_bu{width:100%;font-size:11px;color:#F5F5F5;line-height:30px;display:inline-block;background-color:#7F7F7F;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.right_long_bar_box4_bu:link, .right_long_bar_box4_bu:visited{color:#F5F5F5}
.right_long_bar_box4_bu:hover{color:#222;background-color:#E0E0E0}

.right_long_bar_tel_bar{margin-bottom:2%;width:8%;height:2px;background-color:#FFB200}
.right_long_bar_tel_wrap{margin:0 auto;margin-top:15%;width:140px}
.right_long_bar_tel_title{font-size:13px;color:#F5F5F5;font-weight:700}
.right_long_bar_tel_number{margin-top:2%;font-size:15px;color:#F5F5F5;font-weight:700}

.right_long_bar_time_wrap{margin:0 auto;margin-top:15%;width:140px}
.right_long_bar_time_title{font-size:13px;color:#F5F5F5;font-weight:700}

.right_long_bar_time_box_wrap:after{content: "";display: block;clear: both}
.right_long_bar_time_box_wrap{margin:0 auto;margin-top:4%}
.right_long_bar_time_box1{float:left;width:30%;text-align:center;font-size:12px;color:#F5F5F5;line-height:22px;background-color:#7F7F7F}
.right_long_bar_time_box2{float:left;padding-left:8px;width:70%;font-size:13px;color:#F5F5F5;line-height:22px}
.right_long_bar_time_text{margin-top:4%;font-size:12px;color:#F5F5F5;font-weight:400}

.right_long_bar_wrap_480{}

@media(max-width: 480px) {
#right_long_bar_layer, .right_layer_wrap{display:none}
}

@media (min-width: 481px) and (max-width: 767px) {
#right_long_bar_layer, .right_layer_wrap{display:none}
}

@media (min-width: 768px) and (max-width: 1563px){
#right_long_bar_layer, .right_layer_wrap{display:none}
}

@media (min-width: 1564px) {
.right_layer_wrap_480, .right_long_bar_wrap_480{display:none}
}

@media (min-width: 1565px) {
.right_layer_wrap_480, .right_long_bar_wrap_480{display:none}
}