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

    #online-service .items .infos {width:150px; position: absolute; top:0px; right: 80px; padding-right: 25px; display: none;}
    #online-service .items .boxs { border: 1px solid #ccc; border-top: 4px solid #0150d3; padding: 20px; background-color: #fff; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); behavior: url(ie-css3.htc);  position: relative;}

    #online-service .items i { color: #fff; font-size:30px; line-height:34px; margin-top:15px; display:block;}
	#online-service .items .ttz{color:#fff; font-size:12px; line-height:18px; display:block;}
    #online-service .items.alibaba i { vertical-align: middle; margin: 9px auto 0 auto; background: url("../img/alibabas-ico-black.png") center no-repeat; background-size: 100%; width: 30px; height: 26px; display: block;}
    #online-service .items:hover.alibaba i { background: url("../img/alibabas-ico-red.png") center no-repeat; background-size: 100%; }



    #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(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: #fff; line-height:80px;}
    #online-service .items:hover.top-back .buttons i ,#online-service .items:hover.top-back .buttons span { color: #fff;}

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

    #online-service .items.inquiry:hover i { display: block; color:#fff; background:#e65512}
    #online-service .items.inquiry:hover .buttons { }
    #online-service .items.inquiry:hover sup { color:#fff; background-color:#e65512;}

    #online-service .items.inquiry.on i { display: block; color: #fff;}
    #online-service .items.inquiry.on .buttons { }
    #online-service .items.inquiry.on sup { color:#fff; background-color:#0150d3;}


    #online-service .items:hover i {color: #fff;}
    #online-service .items:hover .infos { display: block;}
    #online-service .items:hover .buttons{background:#e65512; border: 1px solid #e65512;} 
/* 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 { position: fixed; right: 15px; top: 50%; margin-top: -100px; z-index: 900; }
    #online-service .items.inquiry { display: block;}
    /* Online Service End */

}


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

}


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


}