.c_nav{ position: fixed; right: 10px;  z-index: 9999; width: 72px; top: 50%; margin-top: -158px; }
.c_nav li a{ display: block; width: 70px; height: 70px;  border-radius: 5px; background: #fff; border:#1f74e6 1px solid; color: #1f74e6; font-size: 12px; text-align: center; margin-bottom: 9px; line-height: 1; }
.c_nav li a i{ display: inline-block; width: 30px; height: 45px; padding: 11px 0 9px 0; transition: all 0.5s; }
.c_nav li.li1 a{ background: #06c1ae; color: #fff;  transition: all 0.5s; }
.c_nav li.li1 i{ background: url(/template/pc/skin/img/aht_09.png) center no-repeat; }
.c_nav li.li2 i{ background: url(/template/pc/skin/img/aht_17.png) center no-repeat; }
.c_nav li.li3 i{ background: url(/template/pc/skin/img/aht_30.png) center no-repeat;  }
.c_nav li.li4 i{ background: url(/template/pc/skin/img/aht_25.png) center no-repeat; }

.c_nav li{ float: right; }
.c_nav li.li2 a{ overflow: hidden;position: relative;  transition: all 0.5s; }
/*url(/template/pc/skin/img/aht_20.png)*/
.c_nav li.li2 .hides{ width: 430px; height: 240px; position: absolute; left: 0px; top: 0px; background:   175px center no-repeat #1f74e6; padding: 0 15px; text-align: left; display: none; }
.c_nav li.li2 .hides h2{ font-size: 22px; color: #fff; line-height: 1; padding: 17px 0 7px 0; }
.c_nav li.li2 .hides p{ font-size: 14px; color: #fff; font-family: "Arial";  line-height: 1; }
.c_nav li.li1 a:hover{ background: #1f74e6; }
.c_nav li.li1 a:hover i{ background: url(/template/pc/skin/img/aht_06.png) center no-repeat; }
.c_nav li.li2 a:hover .shows{ display: none; }
.c_nav li.li2 a:hover .hides{ display: block; }
.c_nav li.li2 a:hover { width: 430px; height:240px;   }

.c_nav li.li3 a{ position: relative; transition: all 0.5s; }
.c_nav li.li3 a:hover{ background: #1f74e6; color: #fff;}
.c_nav li.li3 a:hover i{ background: url(/template/pc/skin/img/aht_30h.png) center no-repeat; }

.c_nav li.li3 .img img{  display: block;  }
.c_nav li.li3 .img p{ font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 2px; }
.c_nav li.li3 .img {width: 108px;  padding: 15px; border-radius: 5px; background: #1f74e6; position: absolute; left: 180px; top: -48px;}
.c_nav li.li3 .img:after{ content: "";width: 0;height: 0;display:block;border-top: 12px solid #1f74e6;border-left: 12px solid transparent;border-right: 12px solid transparent;position: absolute; top: 75px; right: -15px;  transform: rotate(-93deg);}
.c_nav li.li3 a:hover .img{ left: -155px;  transition: left 0.5s;}


.c_nav li.li3 .iimgg img{ width: 108px; height: 108px; display: block;  }
.c_nav li.li3 .iimgg p{ font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 2px; }
.c_nav li.li3 .iimgg {width:138px;  padding: 15px; border-radius: 5px; background: #1f74e6; position: absolute; left: 180px; top: -48px;}
.c_nav li.li3 .iimgg:after{ content: "";width: 0;height: 0;display:block;border-top: 12px solid #1f74e6;border-left: 12px solid transparent;border-right: 12px solid transparent;position: absolute; top: 75px; right: -15px;  transform: rotate(-93deg);}
.c_nav li.li3 a:hover .iimgg{ left: -155px;  transition: left 0.5s;}


.c_nav li a:hover i{ transform: rotate(360deg);  }