@charset "utf-8";
/*在线客服*/
.onlinebox{background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(4,0,0,.17);box-shadow:0 5px 9px rgba(4,0,0,.17);z-index:1699}
.onlinebox,
.onlinebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.onlinebox-box{width:160px}
.onlinebox .onlinebox-top{padding:20px 20px 10px;background:#444;font-size:18px;color:#fff}
.onlinebox .onlinebox-top h4{margin: 0;color: #fff;}
.onlinebox .onlinebox-top-btn{position: absolute;top: 0;right: 10px;}
.onlinebox .onlinebox-close,
.onlinebox .onlinebox-min{float:right;color:#fff}
.onlinebox .onlinebox-close{position:relative;top:-2px}
.onlinebox .onlinebox-min{margin-right:10px}
.onlinebox .onlinebox-close:hover,
.onlinebox .onlinebox-min:hover{color:#fff;text-decoration:none}
.onlinebox .onlinebox-open,
.onlinebox.min .onlinebox-box{display:none}
.onlinebox.min .onlinebox-open{display:block;cursor:pointer;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}
.onlinebox-center{padding:5px 0;margin-bottom:0}
.onlinebox .list-group-item{padding:0}
.onlinebox .list-group-item .fa,
.onlinebox .list-group-item img{width:16px;float:left;font-size:16px;line-height:16px}
.onlinebox .met_qq .fa{color:#62a8ea}
.onlinebox .met_facebook .fa{color:#4267b2}
.onlinebox .met_skype .fa{color:#00AFF0}
.onlinebox .list-group-item img{height:16px}
.onlinebox .list-group-item .list-group-item-text{padding:5px 1.25rem}
.onlinebox .list-group-item .list-group-item-text:hover{background:#f8f8f8}
.onlinebox .list-group-item .list-group-item-text a{display:block;color:#76838f}
.onlinebox .list-group-item .list-group-item-text a:hover{text-decoration:none}
.onlinebox .list-group-item .list-group-item-text span{display:table-cell;padding-left:5px;word-break:break-all;line-height:16px}
.onlinebox .onlinebox-bottom{border-top:1px solid #eee;padding:.75rem 1.25rem}
.onlinebox .onlinebox-bottom p{margin-bottom:0}
#container_ws {
    width: 100%;
    text-align: center;
}
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.wideslider ul, .wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
.wideslider ul li img {
    width: 100%;
    display: none;
}
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
.slider_prev, .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.slider_prev {
    background: #fff url(../images/prev.jpg) no-repeat right center;
}
.slider_next {
    background: #fff url(../images/next.jpg) no-repeat left center;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}
#content{width: 100%;position: relative;left: 0; display: block;}
#content section{ display: block;}
.center{ margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 1em;}

.onlinebox_two{background-color: transparent;box-shadow: none;}
.onlinebox_two .met-online-box {width: 54px; height: 54px; position: relative; margin-bottom: 1px;}
.onlinebox_two .online-item  {position: absolute; width: 54px; height: 54px; top: 0; right: 0;transition: all.3s; opacity: .8; filter: Alpha(opacity = 80); color: #fff; font-size: 14px;line-height: 54px;overflow: hidden; text-align: center;}
.onlinebox_two .online-item i{font-size: 20px; width: 54px;}
.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }
.onlinebox_two .onlineclose{display: none;}
.met-online-modal .close{position: absolute;right: 5px;top: 0;opacity: 1;}
#onlinebox .met-online-box:hover .online-item{width: 130px;opacity: 1;filter:Alpha(opacity=100);}
#onlinebox .met-online-box:hover .online-item i{width: 30px;}
@media (min-width: 768px){
    .onlinebox_two .onlinebox-open{display: none;}
}
@media (max-width: 767px){
    .onlinebox_two .onlinebox_two_list{display: none;position: relative;}
    .onlinebox_two .onlineclose{font-style: initial;color: #fff;opacity: 1;position: absolute; right: -7px; top: -7px; border-radius: 50%; width: 15px;
        height: 15px; display: block;font-size: 14px !important; font-family: arial;text-align: center; z-index: 10;}
}