.right_nav{right:0;bottom: 210px;position:fixed;text-align:left;z-index:999;}
.right_nav li{margin:4px 0;padding: 14px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;right: 0px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.right_nav li img{width: 30px;height:30px;vertical-align: middle;}
.right_nav li .hideBox .hb img{width: 98px;height: 98px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 18px;/* text-indent: 5px; */}
/*.right_nav li:hover{background:#ff5029}*/
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px;top:-10px;z-index: 999;/* box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23); */}
.right_nav li .hideBox .hb{border: 1px solid #eceffb;background-color: #fff;padding: 10px 20px;border-top: 2px solid #1464ff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 1px solid #f2f5ff;color: #1464ff;font-size: 14px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 16px;font-weight: 700;display: block;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.right_nav .nav_li1:hover .iconBox_2{
    display:block;
}
.right_nav .nav_li2:hover .iconBox_2{
    display:block;
}
.right_nav li .iconBox_2{
    position: absolute;
    width: 130px;
    right: 58px;
    top: -46px;
    background-color: #ffffff;
    padding: 10px;
    cursor: auto;
    box-sizing: initial;
    display:none;
}
.right_nav li .iconBox_2 a{
    display:block;
    margin: 1px 0px;
    cursor: pointer;
    font-size: 13px;
}
.right_nav li .iconBox_2 span{
    margin-left:6px;
}

.right_nav li .iconBox_2 .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    right: -8px;
    top: 66px;
    background-color: #ffffff;
    padding: 10px;
}

.right_nav .nav_li1 .iconBox_2 .qr{
    width:100%;
}
.right_nav .nav_li1 .iconBox_2 .qr img{
    width:100%;
    height:auto;
}
.right_nav .nav_li1 .iconBox_2 .qr p{
    color: #404345;
    text-align: center;
}
.right_nav .nav_li1 .iconBox_2 .qr p:nth-child(4){
    color: #15aef3;
    cursor: pointer;
}

.left_nav{left: 0;bottom: 220px;position:fixed;text-align:left;overflow: hidden;z-index:9999;color: #404345;}
.left_nav li{background: #ffff;margin:4px 0;padding: 5px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;position:relative;}
.left_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.left_nav li img{width: 30px;height:30px;}
.left_nav li .hideBox .hb img{width: 98px;height: 98px;}
.left_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 18px;/* text-indent: 5px; */}
.left_nav li a{display: inline-block;cursor: pointer;}
.left_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px;top:-10px;z-index: 999;/* box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23); */min-width: 150px;}
.left_nav li .hideBox .hb{border: 1px solid #eceffb;background-color: #fff;padding: 10px 20px;border-top: 2px solid #1464ff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);}
.left_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 1px solid #f2f5ff;color: #1464ff;font-size: 14px;font-weight: 400;display: block;white-space: nowrap;}
.left_nav li .hideBox .hb p {margin-top: 5px;font-size: 16px;font-weight: 700;display: block;}
.left_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.left_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.left_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.left_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.left_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

a.product-main img{width: 278px;height:auto;}
@media(max-width:1440px) {
    a.product-main img{width: 250px;}
}