.banner-prodct li {
    display: block;
    float: left;
    margin: 0 4px;
    font-size: 20px;
    width: 18%;
    text-align: center
}

.banner-prodct a:hover,
.products-list a:hover,.banner-prodct a:focus,
.products-list a:focus {
    color: #fff
}

.banner-prodct li a:hover .prodct-option,
.products-list li a:hover .prodct-option,.banner-prodct li a:focus .prodct-option,
.products-list li a:focus .prodct-option {
    background: #3c8ac9;
    border-color: #3b5998
}

.prodct-option>span {
    opacity: unset;
    display: block;
    height: 75px;
    width: 86px;
    background: url(/homeimages/newui/sprite-home.png?v=23) no-repeat;
    margin: 0 auto 10px;
    text-align: center;
}

.banner-prodct li a .prodct-option,
.banner-prodct li a .prodct-option>span,
.products-list li a .prodct-option,
.products-list li a .prodct-option>span {
    transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s
}

.prodct-option {
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    margin: 11px auto 0;
    padding: 0 0 20px
}

.prodct-option>span.prod-img1 {
    background-position: 18px 22px
}

.prodct-option>span.prod-img2 {
    background-position: -126px 22px
}

.prodct-option>span.prod-img3 {
    background-position: -266px 22px
}

.prodct-option>span.prod-img4 {
    background-position: -402px 22px
}

.prodct-option>span.prod-img5 {
    background-position: -970px 22px
}

.prodct-option>span.prod-img6 {
    background-position: -1262px 22px
}

.prodct-option>span.prod-img7 {
    background-position: -523px 22px
}


.prodct-option>span.prod-img8 {
    background-position: -1110px 22px;
}
.prodct-option>span.prod-img9 {
    background-position: -542px 22px
}

.prodct-option>span.prod-img10 {
    background-position: -684px 22px
}

.prodct-option>span.prod-img12 {
    background-position: -1398px 22px
}

.prodct-option>span.prod-img11 {
    background-position: -1546px 22px
}

.prodct-option>span#pro-help {
    background-position: -830px 22px
}

.prodct-option>span#pro-collaborate {
    background-position: -1690px 22px
}
.prodct-option>span.prod-takequiz {
    background-position: -1828px 22px;
}

.prodct-option>span.prod-Qualaroo{
   background-position:-1930px 15px;
}
.prodct-option>span.prod-BigContacts{
   background-position:-2043px 15px;
}
.banner-prodct li a:hover .prodct-option>span.prod-img1,
.products-list li a:hover .prodct-option>span.prod-img1,.banner-prodct li a:focus .prodct-option>span.prod-img1,
.products-list li a:focus .prodct-option>span.prod-img1 {
    background-position: 18px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img2,
.products-list li a:hover .prodct-option>span.prod-img2,.banner-prodct li a:focus .prodct-option>span.prod-img2,
.products-list li a:focus .prodct-option>span.prod-img2 {
    background-position: -126px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img3,
.products-list li a:hover .prodct-option>span.prod-img3,.banner-prodct li a:focus .prodct-option>span.prod-img3,
.products-list li a:focus .prodct-option>span.prod-img3 {
    background-position: -266px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img4,
.products-list li a:hover .prodct-option>span.prod-img4,.banner-prodct li a:focus .prodct-option>span.prod-img4,
.products-list li a:focus .prodct-option>span.prod-img4 {
    background-position: -402px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img5,
.products-list li a:hover .prodct-option>span.prod-img5,.banner-prodct li a:focus .prodct-option>span.prod-img5,
.products-list li a:focus .prodct-option>span.prod-img5 {
    background-position: -970px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img6,
.products-list li a:hover .prodct-option>span.prod-img6,.banner-prodct li a:focus .prodct-option>span.prod-img6,
.products-list li a:focus .prodct-option>span.prod-img6 {
    background-position: -1262px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img7,
.products-list li a:hover .prodct-option>span.prod-img7,.banner-prodct li a:focus .prodct-option>span.prod-img7,
.products-list li a:focus .prodct-option>span.prod-img7 {
    background-position: -523px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img8,
.products-list li a:hover .prodct-option>span.prod-img8,.banner-prodct li a:focus .prodct-option>span.prod-img8,
.products-list li a:focus .prodct-option>span.prod-img8 {
    background-position:-1110px -55px;
}

.banner-prodct li a:hover .prodct-option>span.prod-img9,
.products-list li a:hover .prodct-option>span.prod-img9,.banner-prodct li a:focus .prodct-option>span.prod-img9,
.products-list li a:focus .prodct-option>span.prod-img9 {
    background-position: -542px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img10,
.products-list li a:hover .prodct-option>span.prod-img10,.banner-prodct li a:focus .prodct-option>span.prod-img10,
.products-list li a:focus .prodct-option>span.prod-img10 {
    background-position: -684px -60px
}

.banner-prodct li a:hover .prodct-option>span#pro-help,
.products-list li a:hover .prodct-option>span#pro-help,.banner-prodct li a:focus .prodct-option>span#pro-help,
.products-list li a:focus .prodct-option>span#pro-help {
    background-position: -830px -60px
}
.banner-prodct li a:hover .prodct-option>span.prod-takequiz,
.products-list li a:hover .prodct-option>span.prod-takequiz,.banner-prodct li a:focus .prodct-option>span.prod-takequiz,
.products-list li a:focus .prodct-option>span.prod-takequiz {
    background-position: -1828px -55px;
}
.banner-prodct li a:hover .prodct-option>span#pro-collaborate,
.products-list li a:hover .prodct-option>span#pro-collaborate,.banner-prodct li a:focus .prodct-option>span#pro-collaborate,
.products-list li a:focus .prodct-option>span#pro-collaborate {
    background-position: -1690px -60px
}
.banner-prodct li a:hover .prodct-option>span.prod-Qualaroo, .products-list li a:hover .prodct-option>span.prod-Qualaroo,.banner-prodct li a:focus .prodct-option>span.prod-Qualaroo, .products-list li a:focus .prodct-option>span.prod-Qualaroo{
   background-position: -1930px -60px;
}
.banner-prodct li a:hover .prodct-option>span.prod-BigContacts, .products-list li a:hover .prodct-option>span.prod-BigContacts,.banner-prodct li a:focus .prodct-option>span.prod-BigContacts, .products-list li a:focus .prodct-option>span.prod-BigContacts{
   background-position: -2043px -60px;
}
.banner-prodct li a:hover .prodct-option>span.prod-img12,
.products-list li a:hover .prodct-option>span.prod-img12,.banner-prodct li a:focus .prodct-option>span.prod-img12,
.products-list li a:focus .prodct-option>span.prod-img12  {
    background-position: -1398px -60px
}

.banner-prodct li a:hover .prodct-option>span.prod-img11,
.products-list li a:hover .prodct-option>span.prod-img11,.banner-prodct li a:focus .prodct-option>span.prod-img11,
.products-list li a:focus .prodct-option>span.prod-img11 {
    background-position: -1546px -60px
}

@media(min-width:980px) {
    .banner-prodct ul {
        width: 92%;
        margin: 0 auto
    }
}

@media(min-width:1200px) {
    .banner-prodct {
        float: left;
        width: 940px;
        margin-bottom: 20px
    }
    .mob-bnr .prodct-option {
        font-size: 16px
    }
}

@media(min-width:1400px) {
    .banner-prodct ul {
        width: 100%;
        margin: 0 auto
    }
}

@media (max-width:1199px) and (min-width:980px) {
    .banner-prodct li {
        width: 17%
    }
}

@media (max-width:979px) and (min-width:768px) {
    .prodct-option>span {
        display: block;
        height: 75px;
        margin: 0 auto 2px;
        text-align: center;
        transform: scale(.7, .7);
        -moz-transform: scale(.7, .7);
        -webkit-transform: scale(.7, .7);
        -o-transform: scale(.7, .7);
        -ms-transform: scale(.7, .7);
        width: 86px
    }
    .banner-prodct ul {
        width: 96%
    }
}

@media(max-width:767px) {
    .banner-prodct li {
        width: 48%
    }
    .banner-prodct li:nth-child(1),
    .banner-prodct li:nth-child(2) {
        margin-top: 15px
    }
}

@media(max-width:480px) {
    .banner-prodct li {
        float: none;
        width: 80%;
        margin: 0 auto
    }
    .banner-prodct li:nth-child(1),
    .banner-prodct li:nth-child(2) {
        margin-top: 0
    }
    .banner-prodct li:first-child {
        margin-top: 30px
    }
}