/* Online Service Star */
#online-service { position: fixed; right: 1px; top: 50%; margin-top: -100px; z-index: 1000; }
    #online-service .items { position:relative; }
    #online-service .items .buttons { width: 48px; height: 48px; border: 1px solid #ddd; text-align: center; display: block; margin-bottom: 6px; position: relative; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius: 2px;}
    #online-service .items .arrows { bottom: 50px; display:block; width:13px; height:16px; background:url('../images/arrow-online.png') no-repeat; position:absolute; right:-13px; top:26px;}

    #online-service .items .infos { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none;}
    #online-service .items .boxs { border: 1px solid #ccc; border-top: 4px solid #528a41; padding: 20px; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);  -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);  box-shadow: 0 3px 8px rgba(0,0,0,.15);  position: relative;}

    #online-service .items p { color: #528a41; font-size: 14px; line-height: 18px; padding-top: 5px; display: none;}

    #online-service .items i { color: #848484; font-size: 26px; line-height: 48px;}
    #online-service .items.alibaba i { line-height: 42px;}

    #online-service .items.inquiry sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #848484; border-radius: 50%; background-color: #ddd; position: absolute; left: -12px; top: -12px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(../images/ie-css3.htc);}

    #online-service .items.top-back .buttons i { font-size: 12px; line-height: 12px; padding-top: 10px; display: block;}
    #online-service .items.top-back .buttons span { display: block; color: #999;}
    #online-service .items:hover.top-back .buttons i ,#online-service .items:hover.top-back .buttons span { color: #528a41;}

    #online-service .items.wechat img { width: 140px;}

    #online-service .items.inquiry:hover i { display: block; color: #528a41;}
    #online-service .items.inquiry:hover .buttons { border: solid 1px #528a41;}
    #online-service .items.inquiry:hover sup { color: #fff; background-color: #528a41;}

    #online-service .items.inquiry.on i { display: block; color: #528a41;}
    #online-service .items.inquiry.on .buttons { border: solid 1px #528a41;}
    #online-service .items.inquiry.on sup { color: #fff; background-color: #528a41;}


    #online-service .items:hover i { display: none;}
    #online-service .items:hover p { display: block;}
    #online-service .items:hover .infos { display: block;}

/* Online Service End */

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

}


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

}

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


}

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


}

@media screen and (max-width: 991px){
    /* Online Service Star */
    #online-service { display: none;}
    /* Online Service End */
}


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

}


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


}