.block10284 {
    width     : 100%;
    position  : relative;
    background: #fff;
    z-index   : 50;
    height    : 114px;
    transition: all .25s ease 0
}

.block10284.sq_header_1_screen {
    position  : fixed;
    top       : 0;
    height    : 74px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08)
}

.backstage-componet .imgBox {
    display: none
}

.block10284.sq_header_1_screen .navTile {
    padding: 20px 0 25px
}

.block10284.sq_header_1_screen .button-next,
.block10284.sq_header_1_screen .button-prev {
    line-height: 69px
}

.block10284.sq_header_1_screen .hover {
    bottom: 14px
}

.block10284.block10284.sq_header_1_screen .text1 {
    padding: 200px 40px 200px
}

.block10284 .nav01 {
    z-index   : 50;
    padding   : 0 40px;
    border-top: solid 5px #00b1dd;
    height    : 100%;
    box-sizing: border-box
}

.block10284 .navWrapper {
    margin         : auto;
    display        : flex;
    flex-wrap      : nowrap;
    align-items    : center;
    position       : relative;
    justify-content: space-between;
    height         : 100%
}

.block10284 .wra {
    width       : 80%;
    display     : flex;
    flex-wrap   : nowrap;
    align-items : center;
    height      : 100%;
    box-sizing  : border-box;
    padding-left: 40px
}

.block10284 .navCenter2 {
    height      : 100%;
    margin-right: 35px
}

.block10284 .iconLeft {
    width     : 20%;
    height    : 60px;
    transition: .3s;
    box-sizing: border-box
}

@media(min-width:990px) {
    .block10284 .iconLeft {
        padding-left: 80px
    }
}

.block10284 .iconBox,
.block10284 .backstage-componet,
.block10284 .backstage-componet-bd {
    width : 100%;
    height: 100%
}

.block10284 .iconLeft .blocks-image {
    width  : 100%;
    height : 100%;
    display: block
}

.block10284 .iconLeft img {
    width          : 100%;
    height         : 100%;
    object-fit     : contain;
    object-position: center
}

.block10284 .navCenter {
    height  : 100%;
    position: relative;
    padding : 0 20px;
    display : block
}

.block10284 .button-prev {
    z-index    : 200;
    position   : absolute;
    left       : 20px;
    top        : 0;
    display    : none;
    color      : #2d2d2d;
    width      : 16px;
    text-align : left;
    height     : 100%;
    line-height: 109px;
    transition : .25s;
    cursor     : pointer
}

.block10284 .button-next {
    z-index    : 200;
    position   : absolute;
    right      : 0;
    top        : 0;
    display    : none;
    color      : #2d2d2d;
    width      : 16px;
    text-align : right;
    height     : 100%;
    line-height: 109px;
    transition : .25s;
    cursor     : pointer
}

.block10284 .button-next>.font-icon {
    font-size  : 23px;
    font-weight: 100
}

.block10284 .button-prev>.font-icon {
    font-size  : 23px;
    font-weight: 100
}

.block10284 .navStyle {
    z-index   : 100;
    width     : calc(100% - 40px);
    height    : 100%;
    overflow  : hidden;
    position  : absolute;
    transition: .2s
}

.block10284 .navBox {
    width     : 100%;
    display   : flex;
    flex-wrap : nowrap;
    transition: transform .6s ease
}

.block10284 .navTile {
    white-space   : nowrap;
    display       : flex;
    align-items   : center;
    position      : relative;
    padding       : 40px 0 45px 0;
    transition    : all .25s ease 0;
    font-size     : 15px;
    color         : #002626;
    letter-spacing: 0;
    line-height   : 27px
}

.block10284 .navTile>a {
    color  : inherit;
    padding: 0 25px
}

.block10284 .hover {
    position       : absolute;
    width          : calc(100% - 40px);
    bottom         : 33px;
    left           : 20px;
    display        : flex;
    justify-content: space-around;
    align-items    : center
}

.block10284 .search-input-two {
    display: none
}

.block10284 .line-left,
.block10284 .line-right {
    display   : inline-block;
    width     : calc(50% - 4px);
    height    : 1px;
    background: #dddede;
    transform : scale(0);
    transition: all .3s ease 0
}

.block10284 .line-left {
    transform-origin: right
}

.block10284 .line-right {
    transform-origin: left
}

.block10284 .circle-center {
    width        : 4px;
    height       : 4px;
    background   : #00b1dd;
    border-radius: 50%;
    display      : inline-block;
    margin       : 0 2px;
    opacity      : 0
}

.block10284 .navTile:hover .circle-center {
    opacity: 1
}

.block10284 .navTile:hover .line-right,
.block10284 .navTile:hover .line-left {
    transform: scale(1)
}

.block10284 .navTile:hover .Aactive {
    color: #fff !important
}

.block10284 .active1 {
    color: #00b1dd
}

.block10284 .active1 .circle-center {
    opacity: 1
}

.block10284 .active1 .line-right,
.block10284 .active1 .line-left {
    transform: scale(1)
}

.block10284 .subWra {
    position  : absolute;
    top       : 96%;
    left      : 0;
    z-index   : 500;
    visibility: hidden;
    opacity   : 0;
    transition: .2s;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    transform : translateY(30px);
    min-width : 245px
}

.block10284 .on {
    height: 660px
}

.block10284 .subWraActive {
    visibility: visible;
    opacity   : 1;
    transform : translateY(0)
}

.block10284 .liSub {
    border-top: 1px solid #d1d1d1;
    position  : relative;
    box-sizing: border-box
}

.block10284 .liSub:first-child {
    border    : 0;
    margin-top: 0
}

.block10284 .nav02-line {
    position  : absolute;
    content   : '';
    top       : 50%;
    right     : 0;
    height    : 50%;
    width     : 4px;
    background: #00b1dd;
    transform : translateY(-50%);
    visibility: hidden;
    opacity   : 0
}

.block10284 .active2 .nav02-line {
    opacity   : 1;
    visibility: visible;
    height    : 100%
}

.block10284 .liSub:hover .nav02-line {
    height    : 100%;
    opacity   : 1;
    visibility: visible;
    transition: all .3s ease-in-out
}

.block10284 .textBox {
    padding: 20px 30px
}

.block10284 .textBox>a {
    font-size     : 15px;
    color         : #002626;
    letter-spacing: 0
}

.block10284 .nav03-ulSub {
    position  : absolute;
    top       : 0;
    left      : 100%;
    background: #fff;
    opacity   : 0;
    visibility: hidden;
    transform : translateY(30px);
    transition: .2s;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    min-width : 200px
}

.block10284 .nav03-ulSub-active {
    opacity   : 1;
    visibility: visible;
    transform : translateY(0)
}

.block10284 .nav03-liSub {
    padding    : 20px 30px;
    border-top : 1px solid #d1d1d1;
    transition : .3s ease-in-out;
    color      : #002626;
    display    : flex;
    align-items: center
}

.block10284 .nav03-liSub:hover {
    color: #00b1dd
}

.block10284 .nav03-liSub:hover .circleBox {
    background: #00b1dd
}

.block10284 .nav03-liSub:first-child {
    border: 0
}

.block10284 .circleBox {
    width        : 5px;
    height       : 5px;
    background   : #002626;
    border-radius: 50%;
    margin-right : 10px;
    transition   : .3s ease-in-out
}

.block10284 .nav03-liSub a {
    font-size     : 15px;
    color         : inherit;
    letter-spacing: 0
}

.block10284 .searchRight {
    width          : 90px;
    display        : flex;
    flex-wrap      : nowrap;
    align-items    : center;
    justify-content: center;
    position       : relative;
    z-index        : 300;
    border-right   : solid 1px #dddede
}

.block10284 .search-input {
    display      : none;
    position     : absolute;
    right        : -7px;
    z-index      : 300;
    border-radius: 20px;
    top          : 50%;
    transform    : translateY(-50%)
}

.block10284 .searchInput {
    width         : 219px;
    padding-bottom: 3px;
    border-radius : 20px;
    border        : solid 1px #dadada;
    padding-left  : 27px;
    box-sizing    : border-box
}

.block10284 .search-wrap {
    width   : 16px;
    position: relative;
    cursor  : pointer
}

.block10284 .search-wrap>i {
    font-size  : 16px;
    color      : #00b1dd;
    font-weight: bold
}

.block10284 .searchButton {
    position   : absolute;
    left       : 10px;
    border     : unset;
    background : unset;
    cursor     : pointer;
    top        : 50%;
    transform  : translateY(-50%);
    font-family: normal !important
}

.block10284 .searchButton>i {
    font-size: 14px;
    color    : #dadada;
    display  : inline-block
}

.block10284 .closeBox {
    position   : absolute;
    right      : 7px;
    display    : inline-block;
    top        : 52%;
    transform  : translateY(-50%);
    font-family: normal !important
}

.block10284 .threeLine,
.block10284 .threeLine-two {
    width : 55px;
    cursor: pointer
}

.block10284 .threeLine-two {
    display: none
}

.block10284 .line-all,
.block10284 .line-all-two {
    display        : flex;
    justify-content: center;
    flex-direction : column;
    align-items    : center;
    position       : relative;
    z-index        : 100;
    width          : 20px;
    margin-left    : auto
}

.block10284 .line-top,
.block10284 .line-bottom {
    width           : 20px;
    height          : 0;
    border-top      : solid 2px #00b1dd;
    transition      : all .3s ease;
    transform-origin: left
}

.block10284 .line-top-active {
    transform: rotate(46deg);
    position : relative;
    top      : 1.8px;
    left     : .4px
}

.block10284 .line-bottom-active {
    transform: rotate(-46deg)
}

.block10284 .line-all .line-center-active,
.block10284 .line-all-two .line-center-active {
    opacity   : 0;
    transition: all .3s ease
}

.block10284 .line-center {
    width     : 10px;
    height    : 0;
    border-top: solid 2px #00b1dd;
    margin    : 6px auto;
    transition: transform .3s ease;
    opacity   : 1
}

.block10284 .threeLine:hover .line-center {
    transform: scaleX(0.5)
}

.block10284 .threeLine-two:hover .line-center {
    transform: scaleX(0.5)
}

.block10284 .textWra {
    visibility: hidden;
    opacity   : 0;
    position  : absolute;
    top       : 0;
    right     : -40px;
    width     : 280px;
    z-index   : 99;
    overflow  : hidden
}

.block10284 .active {
    visibility: visible;
    opacity   : 1
}

.block10284 .textBefore {
    position        : absolute;
    content         : '';
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background      : #fff;
    box-shadow      : 0 0 22px -4px rgba(0, 0, 0, 0.17);
    transform       : translateY(-100%) translateY(349px) skewY(45deg);
    transform-origin: 100% 50%;
    transition      : .5s cubic-bezier(0.4, 0, 0.2, 1)
}

.block10284 .textWra .beforeActive {
    transform: none
}

.block10284 .text1 {
    padding: 200px 40px 200px
}

.block10284 .textWra .text,
.block10284 .text2 .text {
    transform     : translateX(100%);
    opacity       : 0;
    font-size     : 16px;
    line-height   : 1.875;
    letter-spacing: .025em;
    color         : #151515;
    transition    : .3s cubic-bezier(0.4, 0, 0.2, 1) .2s
}

.block10284 .text2 .text {
    transform: none;
    opacity  : 1
}

.block10284 .text2 {
    margin : 40px 15px;
    padding: 40px;
    border : solid 5px rgb(0, 0, 0, 0.1)
}

.block10284 .text2 .textTwo {
    margin-top: 20px
}

.block10284 .textWra .textTwo {
    margin-top: 60px;
    transition: .3s cubic-bezier(0.4, 0, 0.2, 1) .3s
}

.block10284 .textWra .textWra-active {
    transform: translateX(0);
    opacity  : 1
}

.block10284 .language {
    display        : flex;
    align-items    : center;
    position       : relative;
    z-index        : 300;
    width          : 190px;
    justify-content: center
}

.block10284 .lang-show-word {
    display        : flex;
    justify-content: center
}

.block10284 .imgStyle01 {
    font-size  : 16px;
    color      : #00b1dd;
    cursor     : pointer;
    font-weight: bold
}

.block10284 .spanStyle {
    display: none
}

.block10284 .imgStyle02 {
    display: none
}

.block10284 .langWra {
    position  : absolute;
    top       : 150%;
    right     : 0;
    font-size : 14px;
    padding   : 0 20px;
    z-index   : 400;
    display   : none;
    background: #fff
}

.block10284 .langBox {
    height       : 35px;
    font-size    : 14px;
    border-bottom: solid 1px #dddede;
    display      : flex;
    align-items  : center
}

.block10284 .langBox:last-child {
    border: 0
}

.block10284 .langNa {
    white-space: nowrap;
    width      : calc(100% - 31px)
}

.block10284 .langBox .langImgBox .langImg {
    margin-right: 10px
}

.block10284 .langBox .langImgBox {
    color      : inherit;
    display    : flex;
    align-items: center;
    flex-wrap  : nowrap;
    width      : calc(100% - 10px);
    margin-left: 5px
}

.block10284 .navMenu {
    display: none
}

.block10284 .arrow {
    display: none
}

.block10284 .nav02Arrow {
    display: none
}

.block10284 .nav03Arrow {
    display: none
}

.block10284 .closeBox>i {
    color    : #dadada;
    font-size: 18px;
    display  : inline-block
}

.block10284 input::-webkit-input-placeholder {
    color      : #dddede;
    font-weight: 100;
    font-size  : 13px;
    line-height: 25px
}

.block10284 input::-moz-placeholder {
    color      : #dddede;
    font-weight: 100;
    font-size  : 13px;
    line-height: 25px
}

.block10284 input::-moz-placeholder {
    color      : #dddede;
    font-weight: 100;
    font-size  : 13px;
    line-height: 25px
}

.block10284 input::-ms-input-placeholder {
    color      : #dddede;
    font-weight: 100;
    font-size  : 13px;
    line-height: 25px
}

.block10284 .buttonActive {
    color: #f5a623
}

.block10284 .searchInput:focus {
    outline: 0
}

.block10284 .searchButton:focus {
    outline: 0
}

.block10284 .tip {
    position : absolute;
    top      : 100%;
    left     : 50%;
    transform: translate(-50%, 0)
}

.block10284 .text2 {
    display: none
}

@media screen and (min-width:1600px) {
    .block10284 .textWra {
        width: 300px
    }

    .block10284 .textWra .text1 {
        padding: 200px 55px 200px
    }

    .block10284 .textBefore {
        transform: translateY(-100%) translateY(409px) skewY(45deg)
    }
}

@media screen and (min-width:1007px) and (max-width:1180px) {
    .block10284 .nav01 {
        padding: 0 10px
    }

    .block10284 .navCenter2 {
        margin-right: 0
    }

    .block10284 .line-all {
        width: 100%
    }

    .block10284 .nav03-ulSub {
        min-width: 120px
    }

    .block10284 .nav03-liSub {
        padding  : 20px;
        max-width: 160px
    }

    .block10284 .nav03-liSub a {
        white-space  : nowrap;
        overflow     : hidden;
        text-overflow: ellipsis
    }

    .block10284 .subWra {
        min-width: 150px
    }

    .block10284 .ulSubA {
        width       : calc(100% - 20px);
        margin      : 0 10px;
        padding-left: 0
    }

    .block10284 .liSubA {
        width: 196px
    }

    .block10284 .nav02Icon {
        left: 196px
    }

    .block10284 .nav03-ulSubA {
        left : 206px;
        width: calc(100% - 231px)
    }

    .block10284 .searchRight {
        width: 50px
    }

    .block10284 .language {
        width: 215px
    }

    .block10284 .threeLine {
        width: 50px
    }

    .block10284 .textWra {
        right: -10px
    }
}

@media screen and (max-width:1000px) {
    .block10284 .line-all-two {
        width: 100%
    }

    .block10284 {
        height  : 74px;
        position: relative !important
    }

    .block10284.sq_header_1_screen {
        box-shadow: unset
    }

    .block10284 .active1>a {
        color: #fff
    }

    .block10284 .active1 .arrow {
        color: #fff
    }

    .block10284 .button-prev,
    .block10284 .button-next {
        display: none !important
    }

    .block10284 .threeLine-two {
        display     : block;
        width       : unset;
        margin-left : 13px;
        margin-right: 5px
    }

    .block10284 .threeLine {
        display: none
    }

    .block10284 .search-wrap {
        position: unset
    }

    .block10284 .textWra {
        display: none
    }

    .block10284 .text2 {
        display: block
    }

    .block10284 .nav01 {
        padding: 0 10px
    }

    .block10284 .beforeActive {
        display: none
    }

    .block10284 .hover {
        display: none
    }

    .block10284 .navTile:hover>a {
        background: #00b1dd;
        color     : #fff
    }

    .block10284 .navTile:hover .arrow {
        color: #fff !important
    }

    .block10284 .navWrapper {
        position: unset
    }

    .block10284 .navCenter {
        display   : none;
        position  : absolute;
        top       : 98%;
        height    : unset;
        margin-top: 1px;
        width     : 100%;
        z-index   : 100;
        left      : 0;
        padding   : 0 !important;
        background: #fff
    }

    .block10284 .navStyle {
        width      : 100%;
        margin-left: unset;
        height     : unset;
        position   : unset
    }

    .block10284 .navBox {
        width       : 100%;
        display     : block;
        margin-right: 0
    }

    .block10284 .navTile {
        width        : 100%;
        min-height   : 45px;
        display      : flex;
        flex-wrap    : wrap;
        border-bottom: solid 1px rgb(0, 0, 0, 0.1);
        position     : relative;
        padding      : 0 !important
    }

    .block10284 .navTile>a {
        font-size   : 16px;
        display     : flex;
        height      : 45px;
        width       : calc(100% - 30px);
        padding     : 0 15px;
        align-items : center;
        font-weight : unset;
        border-right: 0;
        transition  : background .25s ease 0
    }

    .block10284 .searchRight {
        display: none
    }

    .block10284 .search-input {
        display      : none;
        height       : 62px;
        position     : absolute;
        top          : 99%;
        right        : 0;
        border-top   : solid 1px #dddede;
        border-bottom: solid 1px #dddede;
        margin-top   : 1px;
        background   : #fff;
        border-radius: unset
    }

    .block10284 .searchBox {
        border-bottom: solid 1px #fff;
        width        : 100%
    }

    .block10284 .searchInput {
        border-radius: unset;
        height       : 31px;
        border       : unset;
        padding-left : 15px;
        padding-right: 15px;
        width        : calc(100% - 30px);
        padding-top  : 15px;
        border-bottom: solid 1px rgb(0, 0, 0, 0.1) !important;
        margin-bottom: 20px;
        box-sizing   : unset
    }

    .block10284 .searchButton {
        right    : 21px;
        top      : 24px;
        left     : unset;
        transform: unset
    }

    .block10284 .closeBox {
        display: none
    }

    .block10284 .searchButton>i {
        font-size: 16px;
        color    : #00b1dd
    }

    .block10284 .search-input-two {
        display: block
    }

    .block10284 .language {
        position: unset;
        width   : 200px
    }

    .block10284 .spanStyle {
        display: none
    }

    .block10284 .langWra {
        top       : 100%;
        padding   : unset;
        background: #fff;
        width     : 100%
    }

    .block10284 .langBox {
        height       : 45px;
        text-align   : left;
        margin-left  : 15px;
        width        : calc(100% - 30px);
        margin-top   : unset;
        margin-bottom: unset
    }

    .block10284 .langBox .langImgBox .langImg {
        margin-left: 15px
    }

    .block10284 .navStrart {
        font-size: 14px
    }

    .block10284 .navMenu {
        display: block;
        margin : 0 20px
    }

    .block10284 .navClose {
        display  : none;
        font-size: 23px
    }

    .block10284 .arrow {
        display : block;
        position: absolute;
        right   : 17px;
        z-index : 200;
        top     : 10px;
        cursor  : pointer
    }

    .block10284 .arrow .font-icon {
        font-size: 23px;
        color    : inherit
    }

    .block10284 .arrow .nav01Down {
        display: none
    }

    .block10284 .arrow .nav01Up {
        display: none
    }

    .block10284 .imgBox {
        display: none
    }

    .block10284 .circleBox {
        display: none
    }

    .block10284 .nav03-imgBox {
        display: none
    }

    .block10284 .subWra {
        display         : none;
        position        : unset;
        width           : 100%;
        margin-left     : 35px;
        visibility      : unset;
        opacity         : unset;
        transition      : unset;
        box-shadow      : unset;
        background-color: unset !important;
        transform       : none
    }

    .block10284 .liSub {
        width        : 100%;
        min-height   : 45px;
        border-right : unset;
        box-shadow   : unset;
        position     : relative;
        padding      : unset;
        padding-left : 16px !important;
        margin-bottom: 0;
        border       : 0;
        margin-top   : -15px
    }

    .block10284 .textBox {
        width      : calc(100% - 20px);
        height     : 51px;
        margin-top : 0;
        margin-left: 0;
        display    : flex;
        align-items: center;
        max-height : unset;
        padding    : 0
    }

    .block10284 .textBox>a {
        -webkit-line-clamp: 1;
        white-space       : nowrap;
        text-indent       : 0
    }

    .block10284 .nav02-line {
        display: none
    }

    .block10284 .nav03-ulSub {
        width      : calc(100% - 50px);
        margin-left: 35px;
        position   : unset;
        visibility : visible;
        opacity    : 1;
        transform  : none;
        box-shadow : none
    }

    .block10284 .nav03-liSub {
        height        : 48px;
        padding       : 0;
        border        : 0;
        margin-top    : -15px;
        flex-direction: unset !important
    }

    .block10284 .nav03-liSub:nth-of-type(1) {
        margin-top: -15px
    }

    .block10284 .nav02Arrow {
        display : block;
        position: absolute;
        top     : 12px;
        left    : 0;
        color   : #002626
    }

    .block10284 .nav03Arrow {
        display     : block;
        margin-right: 10px
    }

    .block10284 .nav03Arrow i {
        color: initial
    }

    .block10284 .sq_language_span .imgStyle01 {
        font-size: 18px
    }
}

.lang-sprites-slide {
    vertical-align: middle
}

.sprites {
    display          : inline-block;
    width            : 21px;
    height           : 14px;
    background       : url("/static/t-xrBpBKgKnyxrlwbp/assets/widget/images/langBar/sprites.png");
    background-repeat: no-repeat
}

.sprites-0 {
    background-position: -252px -116px
}

.sprites-1 {
    background-position: -294px 0
}

.sprites-2 {
    background-position: -294px -16px
}

.sprites-3 {
    background-position: -294px -32px
}

.sprites-4 {
    background-position: -294px -48px
}

.sprites-5 {
    background-position: -294px -64px
}

.sprites-6 {
    background-position: -294px -80px
}

.sprites-7 {
    background-position: -294px -96px
}

.sprites-8 {
    background-position: -294px -112px
}

.sprites-9 {
    background-position: -294px -128px
}

.sprites-10 {
    background-position: -317px 0
}

.sprites-11 {
    background-position: -317px -16px
}

.sprites-12 {
    background-position: -317px -32px
}

.sprites-13 {
    background-position: -317px -48px
}

.sprites-14 {
    background-position: -317px -64px
}

.sprites-15 {
    background-position: -317px -80px
}

.sprites-16 {
    background-position: -317px -96px
}

.sprites-17 {
    background-position: -317px -112px
}

.sprites-18 {
    background-position: -317px -128px
}

.sprites-19 {
    background-position: -340px 0
}

.sprites-20 {
    background-position: -340px -16px
}

.sprites-21 {
    background-position: -340px -32px
}

.sprites-22 {
    background-position: -340px -48px
}

.sprites-23 {
    background-position: -340px -64px
}

.sprites-24 {
    background-position: -340px -80px
}

.sprites-25 {
    background-position: -340px -96px
}

.sprites-26 {
    background-position: -340px -112px
}

.sprites-27 {
    background-position: -340px -128px
}

.sprites-28 {
    background-position: -363px 0
}

.sprites-29 {
    background-position: -363px -16px
}

.sprites-30 {
    background-position: -363px -32px
}

.sprites-31 {
    background-position: -363px -48px
}

.sprites-32 {
    background-position: -363px -64px
}

.sprites-33 {
    background-position: -363px -80px
}

@media(max-width:700px){
    .mobileHidden{
        display: none;
    }
}


@media screen and (min-width: 1000px){
    .block10284 .subWra{
        left:50% !important;
        margin-left:-258px;
        width:600px;
    }
    .block10284 .subWra .ulSub{
        overflow: hidden;
        width:600px;
    }
    .block10284 .subWra .ulSub li{
        float: left;
        width:200px;
    }
    .block10284 .subWra .ulSub li:hover{
        background:#66b821;
    }
    .block10284 .subWra .ulSub li:hover a,.block10284 .subWra .ulSub li:hover a i{
        color:#fff !important;
    }
}