﻿@charset "utf-8";
 
.side { position: fixed; width: 56px; right: 0; top: 750px; z-index: 100; }
.side ul li { width: 56px; height: 50px; float: left; position: relative; padding-bottom: 1px; background: url("../images/line0.png") #c10400 right bottom no-repeat; }
.side ul li img { opacity: 0.8; filter: Alpha(opacity=80); }
.side ul li:hover img { opacity: 1; filter: Alpha(opacity=100); }
.side ul li .sidebox { border-radius: 5px 0 0 0px; background: #c10400; position: absolute; width: 56px; height: 50px; top: 0; right: 0; transition: all 0.3s; /*opacity:0.9;filter:Alpha(opacity=90);*/ color: #fff; font: 14px/50px "微软雅黑"; overflow: hidden; }
.side ul li .sidebox:hover { border-radius: 5px 0 0 5px; }
.side ul li .sidetop { width: 56px; height: 50px; line-height: 50px; display: inline-block; background: #c10400; border-radius: 0 0 0 5px; /*background:#c10400;opacity:0.9;filter:Alpha(opacity=90);*/ transition: all 0.3s; }
.side ul li .sideewm { width: 56px; height: 50px; line-height: 50px; cursor:pointer; display: inline-block; /*background:#c10400;opacity:0.9;filter:Alpha(opacity=90);*/ transition: all 0.3s; }
.side ul li .sideewm .ewBox { width: 203px; display: none; color: #363636; text-align: center; padding-top: 215px; position: absolute; left: -203px; top: -170px; background-image: url("../images/leftewm.png"); background-repeat: no-repeat; background-position: center 10px; height: 210px; }
.side ul li .sideetel { width: 56px; height: 50px; line-height: 50px; display: inline-block; /*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/ transition: all 0.3s; text-align: left; }
/*.side ul li .sideetel:hover{background:#ce0500;opacity:1;filter:Alpha(opacity=100);}*/
.side ul li .sideetel .telBox { width: 185px; height: 72px; padding-top: 135px; display: none; color: #363636; text-align: center; position: absolute; left: -185px; top: -155px; background-image: url("../images/lefttel.png"); background-repeat: no-repeat; background-position: center top; }
.side ul li .sideetel .telinput { width: 135px; text-align: center; height: 25px; line-height: 25px; background-color: #fff; color: #7d7d7d; font-size: 14px; margin-left: -8px; border: 0; z-index: 9999999; }
.side ul li .sideetel .telbnt { width: 135px; height: 26px; line-height: 26px; background-color: #735012; font-size: 14px; border: 0; margin-left: -8px; margin-top: 5px; color: #fff; cursor: pointer; border-radius: 4px; }
.side ul li img { float: left; }

.side dl dt { width: 54px; height: 54px; float: left; position: relative; }
.side dl dt .sidebox { position: absolute; width: 54px; height: 54px; border-bottom: 1px solid #444; top: 0; right: 0; transition: all 0.3s; background: #000; opacity: 0.9; filter: Alpha(opacity=90); color: #fff; font: 12px/54px "微软雅黑"; }
.side dl dd { width: 54px; height: 44px; float: left; position: relative; display: none; }

.side dl dd .sidebox { position: absolute; width: 54px; height: 44px; border-bottom: 1px solid #444; top: 0; right: 0; transition: all 0.3s; background: #000; opacity: 0.9; filter: Alpha(opacity=90); color: #fff; font: 12px/54px "微软雅黑"; line-height: 44px; }
.side dl dd .sidebox:hover { background: #ce0500; opacity: 1; filter: Alpha(opacity=100); }
.side dl dd .sidebox:hover img { opacity: 0.8; filter: Alpha(opacity=80); }
.side dl img { float: left; }

.btn-qq2 {color:#fff; }
.btn-qq2:hover { color:#fff;}