.about_menu > ul > li a{padding: 14px 26px 14px 26px;line-height: 20px;}
.banner .wrap .nav li{float: left;position: relative;}
/* .banner .wrap .nav li>ul{display: none;} */
.op0{opacity: 0;visibility: hidden;height: 0;}
.banner .wrap .nav .navul>li.pro2>ul {
  opacity: 0;
  visibility: hidden;
  margin-top: 0 !important;
  z-index: 999;
  position: absolute;
  top: 55px;
  transition: .15s ease;
  transform:translateY(30%);
  /* display: none; */
  width: 185px;
  background: #fff;
}
.banner .wrap .nav .navul>li:hover ul{
  opacity: 1;
  visibility: visible;
  transform:translateY(0);
}
.banner .navul>li.pro2>ul>li:nth-child(1){border: none;}
.banner .navul>li.pro2>ul>li{border-top: 1px solid #30acb9;width: 100%;}
.banner .navul>li.pro2>ul a{margin: 0;width: 100%;display: block;text-align: center;}
.banner .navul>li.pro2>ul a{margin-left: 0 !important; padding: 10px 0;line-height: 20px;background: #2c8dd1;color: #fff !important;}
.banner .navul>li.pro2>ul a:hover{background: #fff;color: #000 !important;}
.banner .navul>li.pro2>ul>li>ul{display: none; background-color:#30acb9; opacity: 0;visibility: hidden;transition:none;}
.banner .navul>li.pro2>ul>li>ul>li{display: none; width: 0; height:0; opacity: 0; visibility: hidden;color:transparent;transition:0;}
.banner .navul>li.pro2>ul>li>ul>li>a{display: none; color:transparent; width: 0; height: 0;opacity: 0;visibility: hidden;transition:0;}



.banner .wrap .nav .navulen>li.pro2>ul {
  opacity: 0;
  visibility: hidden;
  margin-top: 0 !important;
  z-index: 999;
  position: absolute;
  top: 55px;
  transition: .15s ease;
  transform:translateY(30%);
  /* display: none; */
  width: 185px;
  background: #fff;
}
.banner .wrap .nav .navulen>li:hover ul{
  opacity: 1;
  visibility: visible;
  transform:translateY(0);
}
.banner .navulen>li.pro2>ul>li:nth-child(1){border: none;}
.banner .navulen>li.pro2>ul>li{border-top: 1px solid #30acb9;width: 100%;}
.banner .navulen>li.pro2>ul a{margin: 0;width: 100%;display: block;text-align: center;}
.banner .navulen>li.pro2>ul a{margin-left: 0 !important; padding: 10px 0;line-height: 20px;background: #2c8dd1;color: #fff !important;}
.banner .navulen>li.pro2>ul a:hover{background: #fff;color: #000 !important;}
.banner .navulen>li.pro2>ul>li>ul{display: none; background-color:#30acb9; opacity: 0;visibility: hidden;transition:none;}
.banner .navulen>li.pro2>ul>li>ul>li{display: none; width: 0; height:0; opacity: 0; visibility: hidden;color:transparent;transition:0;}
.banner .navulen>li.pro2>ul>li>ul>li>a{display: none; color:transparent; width: 0; height: 0;opacity: 0;visibility: hidden;transition:0;}





/*固定侧边拦*/
.float-right-box{
  width: 200px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #2c8dd1;
  z-index: 1000;
  transition: width 0.3s ease 0s;
}
.float-right-box.on{
  width: 50px;
}
.float-right-box .top-list{
    width: 100%;
}
.float-right-box .top-list ul{
  width: 100%;
}
.float-right-box .top-list li{
  width: 100%;
  position: relative;
  border-bottom: 1px solid #30acb9;
  transition: background .12s ease 0s;
  height: 50px;
}
.float-right-box .top-list li span{height: 50px;display: block;overflow: hidden;}
.float-right-box .top-list a{
  display: block;
  width: 100%;
}
.float-right-box .top-list .ico{
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background .12s ease 0s;
  z-index: 2;
}
.float-right-box .top-list .ico1{
  background: url(../images/ico_58.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico2{
  background: url(../images/ico_59.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico3{
  background: url(../images/ico_60.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico4{
  background: url(../images/ico_61.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico5{
  background: url(../images/ico_62.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico6{
  background: url(../images/wechaticon.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .ico7{
  background: url(../images/ico_69.png) no-repeat center #2c8dd1;
}
.float-right-box .top-list .stt{
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color .12s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li:hover .stt{
  color: #15191e;
}
.float-right-box .top-list li:hover .ico1{
  background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2{
  background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3{
  background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4{
  background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5{
  background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6{
  background: url(../images/wechaticon_on.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7{
  background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover{
  background-color: #fff;
  .img{opacity: 1;visibility:visible;transform:scale(1)}
}
.float-right-box .top-list .return-webtop .stt{
  font-family: "Arial"; text-align: left;
  font-weight: bold;
}
.float-right-box .bot-share{
  position: relative;
  height: 50px;
}
.float-right-box .bot-share a{
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background .12s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .share{
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.float-right-box .bot-share .sina{
  background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx{
  background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .tx{
  background: url(../images/ico_65.png) no-repeat center;
}
.float-right-box .bot-share .more{
  background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share a:hover{
  background-color: #525354;
}
.float-right-box .bot-share .share-ico{
  background: url(../images/ico_67.png) no-repeat center #2c8dd1;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: absolute; top: 0; right: 0;
}


/*slider*/
#wechat .img{
 position: absolute;right: 200px;visibility: hidden;opacity: 0;transform:scale(0);width: 121px;height: 121px;transition: all .12s;top: 50%;margin-top: -60px;
}
#wechat .img img{width: 121px;height: 121px;vertical-align: top;}
#wechat .img2{right:321px;}
#wechat p{ float: left; display: block; width: 100%; background-color: #fff;color:#000; text-align: center;}

.float-right-box .top-list li:hover #wechat .img{visibility: visible;opacity: 1;transform:scale(1);}


.about_menuen > ul > li a{line-height: 17px;}