
/*首页*/
#BiG {
width: 310px;
height: 310px;
margin: auto;
position: relative;
}
.menuvice {
position: relative;
margin: auto;
width: 310px;
height: 310px;
background: url(../../images/user_bg.png) no-repeat center;
background-size: 100%;
background-color: rgba(0,0,0,0.5);
border-radius: 50%;
opacity: 0;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0.1) rotate(-270deg);
-moz-transform: scale(0.1) rotate(-270deg);
-transform: scale(0.1) rotate(-270deg);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;

}
.menuvice.on {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-transform: scale(1) rotate(0);
}
#anniu {

border-radius: 50%;
border: 2px solid #ffffff;
bottom: 0;
color: white;
height: 100px;
left: 0;
line-height:100px;
margin: auto;
position: absolute;
right: 0;
text-indent:-9999px;
top: 0;
width: 100px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
z-index: 9999900;
}
#anniu span {
display:block;
background-image: url(../../images/dianji.png);
background-position:center;
background-repeat:no-repeat;
background-size: 45px;
width:100%;
height:100px;
 }

 .menuvice a {
   display: block;
overflow: hidden;
width: 77px;
height: 155px;
text-align: center;
position: absolute;
background-repeat: no-repeat;
color: #fff;


    }
 .menuvice span {
 display: block;
overflow: hidden;
margin: auto;
 position: absolute;
 width: 75px;
 text-overflow: ellipsis;
 white-space: nowrap;
line-height: 220%;
    }
  .menuvice a:nth-child(1) span {
        top: 45px;
        left: 20px;
    }

    .menuvice a:nth-child(2) span {
        top: 48px;
        right: 5px;
    }

    .menuvice a:nth-child(3) span {
        top: 50px;
        right: 15px;
    }

    .menuvice a:nth-child(4) span {
      top: 50px;
      left: 5px;
    }

    .menuvice a:nth-child(5) span {
        top: 40px;
    }

    .menuvice a:nth-child(6) span {
        top: 40px;
        left: 10px;
    }

    .menuvice a:nth-child(7) span {
        top: 35px;
        right: 5px;
    }
    .menuvice a:nth-child(1) {
        top: 25px;
        left: 50px;
        width: 90px;
        height: 90px;
        background-position: 70% 10px;

    }

    .menuvice a:nth-child(2) {
        top: 105px;
        left: 0px;
        width: 86px;
        height: 78px;
        background-position: center 15px;

    }

    .menuvice a:nth-child(3) {
bottom: 30px;
left: 65px;
width: 90px;
height: 80px;
background-position: 40% 15px;
    }

    .menuvice a:nth-child(4) {
bottom: 30px;
left: 170px;
width: 80px;
height: 80px;
background-position: 40% 15px;

    }

    .menuvice a:nth-child(5) {
        top: 115px;
        right: 0px;
        width: 90px;
        height: 80px;
      background-position: 35% 5px;

    }

    .menuvice a:nth-child(6) {
top: 25px;
left: 160px;
width: 90px;
height: 70px;
background-position: center 5px;

    }



/*TAB切换(动画)*/
.listbox .titleHome {
    display: inline-block;
    border-top: 2px solid #458fce;
    border-bottom: 1px solid #dbecec;
    width: 100%;
    height: 36px;
    background-color: #fbfbfb;
}

    .listbox .titleHome > * {
        display: inline-block;
        overflow: hidden;
        border-right: 1px solid #dbecec;
        min-width: 80px;
        height: 34px;
        padding: 0px 5px;
        color: #458fce;
        line-height: 34px;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }


    .listbox .titleHome .carouselTab_paging2_selected {
        background-color: #ffffff;
    }

.listbox.products, .listbox.videos {
    margin-left: 0px;
}

    .listbox.products > *, .listbox.videos > * {
        border-left: 0px;
    }
/*首页新闻*/
.i_nl .top1 {
    border-bottom: 1px dashed #c0d8f4;
    width: 100%;
    height: 92px;
    padding: 8px 0px;
}

    .i_nl .top1 .i {
        display: block;
        overflow: hidden;
        margin: 5px 10px 0px 5px;
        float: left;
        width: 100px;
        height: 70px;
    }

    .i_nl .top1 img {
        width: 100%;
        min-height: 100%;
    }

    .i_nl .top1 .t {
        display: block;
        overflow: hidden;
        padding-left: 0px;
        height: 25px;
        color: #9a2435;
        white-space: nowrap;
    }

    .i_nl .top1 .c {
        display: block;
        overflow: hidden;
        padding: 0px 5px 0px 0px;
        font-size: 12px;
    }


.i_nl {
}

    .i_nl > a {
        display: block;
        overflow: hidden;
        position: relative;
        border-bottom: 1px dashed #c0d8f4;
        height: 36px;
        padding: 0px 20px;
        line-height: 2.5em;
        white-space: nowrap;
    }

        .i_nl > a::before, .i_nl > a::after {
            display: block;
            position: absolute;
        }

        .i_nl > a::before {
            content: "";
            left: 10px;
            top: 43%;
            width: 3px;
            height: 3px;
            background-color: #80a5c3;
        }

        .i_nl > a::after {
            content: ">";
            top: 0px;
            right: 0px;
            width: 20px;
            height: 90%;
            background-color: #ffffff;
        }


        .i_nl > a:hover, .i_nl > a:active, .i_nl > a:hover::after {
            background: #d2d2d2;
        }

.list.products > .s2 {
    padding: 10px 0px;
}

    .list.products > .s2 a {
        display: inline-block;
        overflow: hidden;
        margin: 3px;
        border: 1px solid #bfbfbf;
        border-radius: 5px;
        width: 70px;
        height: 70px;
        background-color: #ffffff;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
    }

.list.products .s2 a > span:nth-child(1) {
    display: block;
    overflow: hidden;
    height: 50px;
}

.list.products .s2 img {
    border-radius: 5px;
    width: 100%;
    min-height: 100%;
}

.list.products .s2 a > span:nth-child(2) {
    display: block;
    overflow: hidden;
    line-height: 250%;
    height: 20px;
    color: #bf1422;
    text-align: center;
    white-space: nowrap;
}


.listbox .list.products .waterfall, .listbox .list.videos .vl {
    border-bottom: 0px;
    background-color: #ffffff;
}