.banner{width:100%;height:554px;overflow:hidden;position:relative;font-size:0}
.b-img{height:554px;position:absolute;left:0;top:0}
.b-img a{display:block;height:554px;float:left}
.b-list{position:relative;margin:0 auto;z-index:1;margin-top:520px}
.b-list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;_margin:0 3px}
.b-list .spcss{border:3px solid #D64416}
.bar-left{position:absolute;z-index:1;display:block;width:100px;height:100%;left:0px;background:none;top:0px}
.bar-right{position:absolute;z-index:1;display:block;width:100px;height:100%;right:0px;background:none;top:0px}
.bar-left em{display:block;width:50px;height:100px;background:url(../images/arrow.png) 0px 0px no-repeat;margin:0 auto;margin-top:227px}
.bar-right em{display:block;width:50px;height:100px;background:url(../images/arrow.png) -50px 0px no-repeat;margin:0 auto;margin-top:227px}
.bar-left .emcss{background-position:0px -100px}
.bar-right .emcss{background-position:-50px -100px}
#floatDivBoxs{width:170px;background:#fff;position:fixed;bottom:40px;right:0;z-index:999}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px;background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative}
#floatDivBoxs .floatDqq{padding:0 14px}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3;padding:0 0 0 50px}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px}
#floatDivBoxs .floatDtel img{display:block}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;bottom:150px;right:170px;z-index:999}
#rightArrow a{display:block;height:45px}
li{list-style:none}
.box{margin:40px 0;position:relative}
.change-type{min-width:40px;min-height:160px;position:absolute;z-index:99;left:0;top:0;display:flex}
.change-type .type-left{width:0;background:#fff;height:100%;box-shadow:0 2px 12px 0 rgba(0,0,0,0.5);border-bottom-right-radius:5px;overflow:hidden;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s}
.change-type .showListType{width:200px;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s}
.change-type .type-left ul li{line-height:40px;height:40px;text-align:left;width:100%;position:relative;cursor:pointer}
.change-type .type-left ul li a{display:block;height:100%;position:absolute;left:0;top:0;z-index:9;padding-left:15px;overflow:hidden;width:calc(100% - 17px);color:#333;font-size:14px;border-left:2px solid #26778d}
.change-type .type-left ul li span{display:block;position:absolute;width:0;height:100%;left:0;top:0;z-index:8;overflow:hidden;transition:width 0.5s;-moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s}
.change-type .type-left ul li:hover span{transition:width 0.5s;-moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s}
.type-left ul li:nth-child(1):hover span,.type-left ul li:nth-child(1).active span,.type-left ul li:nth-child(8):hover span,.type-left ul li:nth-child(8).active span{background:#ad1457;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(1):hover a,.type-left ul li:nth-child(1).active a,.type-left ul li:nth-child(8):hover a,.type-left ul li:nth-child(8).active a{border-left:2px solid #ad1457;color:#fff}
.type-left ul li:nth-child(2):hover span,.type-left ul li:nth-child(2).active span,.type-left ul li:nth-child(9):hover span,.type-left ul li:nth-child(9).active span{background:#1976d2;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(2):hover a,.type-left ul li:nth-child(2).active a,.type-left ul li:nth-child(9):hover a,.type-left ul li:nth-child(9).active a{border-left:2px solid #1976d2;color:#fff}
.type-left ul li:nth-child(3):hover span,.type-left ul li:nth-child(3).active span,.type-left ul li:nth-child(10):hover span,.type-left ul li:nth-child(10).active span{background:#ef5350;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(3):hover a,.type-left ul li:nth-child(3).active a,.type-left ul li:nth-child(10):hover a,.type-left ul li:nth-child(10).active a{border-left:2px solid #ef5350;color:#fff}
.type-left ul li:nth-child(4):hover span,.type-left ul li:nth-child(4).active span,.type-left ul li:nth-child(11):hover span,.type-left ul li:nth-child(11).active span{background:#e91e63;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(4):hover a,.type-left ul li:nth-child(4).active a,.type-left ul li:nth-child(11):hover a,.type-left ul li:nth-child(11).active a{border-left:2px solid #e91e63;color:#fff}
.type-left ul li:nth-child(5):hover span,.type-left ul li:nth-child(5).active span,.type-left ul li:nth-child(12):hover span,.type-left ul li:nth-child(12).active span{background:#8e24aa;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(5):hover a,.type-left ul li:nth-child(5).active a,.type-left ul li:nth-child(12):hover a,.type-left ul li:nth-child(12).active a{border-left:2px solid #8e24aa;color:#fff}
.type-left ul li:nth-child(6):hover span,.type-left ul li:nth-child(6).active span,.type-left ul li:nth-child(13):hover span,.type-left ul li:nth-child(13).active span{background:#64b5f6;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(6):hover a,.type-left ul li:nth-child(6).active a,.type-left ul li:nth-child(13):hover a,.type-left ul li:nth-child(13).active a{border-left:2px solid #64b5f6;color:#fff}
.type-left ul li:nth-child(7):hover span,.type-left ul li:nth-child(7).active span,.type-left ul li:nth-child(14):hover span,.type-left ul li:nth-child(14).active span{background:#388e3c;width:100%;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5)}
.type-left ul li:nth-child(7):hover a,.type-left ul li:nth-child(7).active a,.type-left ul li:nth-child(14):hover a,.type-left ul li:nth-child(14).active a{border-left:2px solid #388e3c;color:#fff}
.change-type .type-right{width:40px;background:#D64416;height:150px;overflow:hidden;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5);border-top-right-radius:5px;border-bottom-right-radius:5px;display:table}
.change-type .type-right p{text-align:center;padding:0 5px;color:#fff;display:table-cell;vertical-align:middle;cursor:pointer;line-height:20px}