.info2{    
 float:right; width:auto; margin-left:0px;  font-size:16px; text-align:right; height:49px; overflow:hidden;
  position: absolute; z-index:999;  right:220px; top:31px;   transition: .5s all;  -moz-transition: .5s all;  -webkit-transition: .5s all;  -o-transition: .5s all;
}
.info2 .info2_ul{  width: 100%; display:flex; flex-wrap: wrap;  justify-content: space-between; }
.info2 .info2_ul li.tel{background:url(../img/icon2.png)no-repeat left center;   padding: 8px 20px 5px 28px ;
background-size:20px;}
.info2 .info2_ul li.info2 {padding:10px 30px; background:var(--mainColor); border-radius:50px; }
.info2 .info2_ul li.on {color:#2b3990; font-weight:600;}
.info2 .info2_ul li{color:#fff;  cursor: pointer;font-size:20px; font-family:var(--num); font-weight:500; line-height:25px;}
.info2 .info2_ul li a:hover{color:#fff;}

.info2 .option{
  display: flex;
  align-items: center;
}

.small .info2 .info2_ul li.tel a{color:#333;}
.small .info2 .default_option li{ background:url(../img/ico2_bl.png)no-repeat center}
.small .info2 .default_option{transition: .5s all;  -moz-transition: .5s all;  -webkit-transition: .5s all;  -o-transition: .5s all;}

/*---------------------------------------   
MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.info2{display:none; top:16px;    right:70px; z-index:99999; width:230px}
.info2 .info2_ul li.tel{  padding: 5px 10px 5px 15px ;background-size:10px;}
.info2 .info2_ul li.info2 {padding:5px 10px;  }
.info2 .info2_ul li{  font-size:15px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}