/* 公共样式表css */

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}
@media screen and (max-width: 1400px){
.side {
  width:60px;
}
.side ul li{width:58px;font-size:11px;}
.side ul li.sideeqq .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20%;font-size:18px}
.side ul li.sideemail .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20%;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20%;font-size:18px}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png);    height: 40px;width:40px;margin-top:20%}
.side ul li i.bgs7{background-image:url(../images/right_pic11.png);    height: 40px;width:40px;margin-top:20%}
}
@media screen and (max-width: 1024px ) {
	.side {
  width:50px;
}
	.side ul li{width:48px;font-size:10px;}
	.side ul li.sideeqq .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:10%;font-size:18px}
	.side ul li.sideemail .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:10%;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:10%;font-size:18px}
}
@media screen and (min-width: 1401px){
.side {
  width:80px;
}
.side ul li{width:78px;font-size:14px;}
.side ul li.sideeqq .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:30%;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:30%;font-size:18px}
.side ul li.sideemail .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:30%;font-size:18px}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs7{background-image:url(../images/right_pic11.png);    height: 40px;width:40px;margin-top:40%}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png);    height:40px;width:40px;margin-top:40%}
}
.side{position:fixed;height:50%;right:0;bottom:0;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul	{height:100%;}
.side ul li{height:33.3%;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#27427E;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);    height:40px;width:40px}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);    height:40px;width:40px}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);    height:40px;width:40px}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);    height:40px;width:40px}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);    height:40px;width:40px}
.side ul li:hover i.bgs7{background-image:url(../images/right_pic11_on.png); height:40px;width:40px}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#27427E;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:158px;display:none;color:#27427E;text-align:center;padding-top:155px;position:absolute;left:-160px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:100%;display:none;color:#fff;text-align:left;position:absolute;left:-245px;top:-100%;background:#27427E}
.side ul li.sideetel .telBox dd{display:block;height:100%;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#27427E}
.side ul li.sideetel .telBox dd.bgs3{background:url(../images/right_pic10.png) 28px center no-repeat;background-color:#27427E}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}

.side ul li.sideemail .telBox dd.bgs7{background:url(../images/right_pic12.png) 28px center no-repeat;background-color:#27427E}
.side ul li.sideemail .telBox.son{width:240px;height:100%;display:none;color:#fff;text-align:left;position:absolute;left:-245px;top:0;background:#27427E}
.side ul li.sideemail .telBox dd{display:block;height:100%;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}


.side ul li.sideeqq .telBox.son{width:240px;height:100%;display:none;color:#fff;text-align:left;position:absolute;left:-245px;top:0;background:#27427E}
.side ul li.sideeqq .telBox dd{display:block;height:100%;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideeqq .telBox dd.bgs3{background:url(../images/right_pic7_on.png) 28px center no-repeat;background-color:#27427E}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}