

/* side */

.side{position:fixed;width:64px;right:0;top:250px;z-index:100;}

.side ul li{width:64px;height:50px;float:left;position:relative; margin-bottom:1px; background:#f49e00;}

.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:#f49e00;position:absolute;width:64px;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:64px;height:50px;line-height:50px;display:inline-block; background:#f49e00;border-radius:0 0 0 5px;/*background:#f49e00;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s;}

.side ul li .sideewm{width:64px;height:50px;line-height:50px;display:inline-block;/*background:#f49e00;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: -205px;

  top: -73px;

  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:#f3782a;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:#f3782a;opacity:1;filter:Alpha(opacity=100);}

.side dl dd .sidebox:hover img{opacity:0.8;filter:Alpha(opacity=80);}

.side dl  img{float:left;}