.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.wrap{width:1200px;margin:0 auto;}

.weix .tit{font-size: 35px;text-align: center;line-height: 76px;font-weight: bold;}
.weix .ser{padding-top: 20px;padding-bottom:20px;overflow: hidden;}
.weix .ser .tit{color:#2b78d9;}
.weix .ser .box{padding-top: 20px;}
.weix .ser .con{width: 802px;}
.weix .ser p{font-size: 16px;color:#828282;line-height: 35px;}
.weix .ser .txt{padding-top: 7px;}
.weix .ser p span{color:#ff7200;}

.weix .fun .tit{color:#f66c00; }
.weix .fun{/*padding-top: 46px;*/background:#fff;padding-bottom:30px;overflow: hidden;}
.weix .fun .list{padding-top: 40px;}
.weix .fun li{width: 390px;padding-right: 15px;float: left;}
.weix .fun .last{padding-right: 0;}
.weix .fun .li_img,.weix .fun .con{height:210px;}
.weix .fun .li_tit{font-size: 20px;color:#2b78d9;line-height: 34px;padding-bottom:16px;background:url(../images/3.5_03_03.jpg) no-repeat left bottom;font-weight: bold;}
.weix .fun .con{padding:0 12px;}
.weix .fun .li_txt{font-size: 13px;color:#707070;line-height: 23px;padding-top: 14px;}
.weix .fun a:hover .li_txt{color:#f66c00;}
.weix .fun .li_img img{-ms-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.weix .fun .li_img{overflow: hidden;}
.weix .fun .li_img a:hover img{-moz-transform:scale(1.06);-ms-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.weix .fun .more{font-size: 13px;color:#8ec0ff;line-height: 38px;}

.weix .uses{/*padding-top: 45px;*/padding-bottom:40px;overflow: hidden;}
.weix .uses .list{padding-top:60px;}
.weix .uses li{float: left;width: 218px;padding:0 30px;margin-right:29px;background:#fff;padding-top: 54px;position: relative;}
.weix .uses .last{margin-right: 0;}
.weix .uses .li_txt{font-size: 14px;color:#838383;line-height: 30px;text-align: center;padding-top: 24px;padding-bottom:30px;}
.weix .uses .bg{width:62px;height:2px;margin:0 auto;}
.weix .uses .li1 .bg{background:#ec568a;}
.weix .uses .li2 .bg{background:#03a5e3;}
.weix .uses .li3 .bg{background:#58cd63;}
.weix .uses .li4 .bg{background:#f08026;}
.weix .uses .li_tit{font-size: 25px;text-align: center;color:#595858;line-height: 80px;}
.weix .uses .li_img{position: absolute;left:87px;top:-55px;}
.weix .uses .active .li_txt{color:#03a5e3;}


.weix .case{background:#fff;/*padding-top: 50px;*/padding-bottom: 50px;overflow: hidden;}
.weix .case .tit{color:#f66c00;}
.weix .case .list{padding-top: 20px;}
.weix .case li{float: left;width:226px;/*height:356px;*/margin-right: 98px;/*padding:30px 12px 56px 13px;background:url(../images/3.5_0_03.jpg) no-repeat;*/}
.weix .case .last{margin-right: 0;}
.weix .case .con{position: relative;}
.weix .case .er{position: absolute;left:0;top:0;width:100%;height: 100%;background:rgba(0,0,0,0.65);color:#fff;text-align: center;display: none;}
.weix .case .active .er{display: block;}
.weix .case .er .p1{font-size: 16px;line-height: 48px;padding-top: 54px;}
.weix .case .er .p2{font-size: 15px;line-height: 50px;}

@-webkit-keyframes zhe{
    from{-webkit-transform: translateX(-100px);}
    to{-webkit-transform: translateX(1200px);}
}
@-ms-keyframes zhe{
    from{-ms-transform: translateX(-100px);}
    to{-ms-transform: translateX(1200px);}
}
@-moz-keyframes zhe{
    from{-moz-transform: translateX(-100px);}
    to{-moz-transform: translateX(1200px);}
}
@keyframes zhe{
    from{transform: translateX(-100px);}
    to{transform: translateX(1200px);}
}
.index .firm .list .zhe{width:100%;height:100%;background:#fff;position: absolute;left:0;top:0;-moz-animation: zhe 2s ease-out both;-ms-animation: zhe 2s ease-out both;-webkit-animation: zhe 2s ease-out both;animation: zhe 2s ease-out both;}
.index .brand li{-moz-transform: translateY(100px);-ms-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);opacity: 0;-mozanimation: lt  0.8s ease-out both ;-ms-animation: lt  0.8s ease-out both ;-webkit-animation: lt  0.8s ease-out both ;-o-animation: lt  0.8s ease-out both ;animation: lt  0.8s ease-out both ;}
.website .cont .p1,.res .web .tit,.res .web .title,.res .web .img,.res .web .con,.res .msyy .tit,.res .msyy .title,.res .msyy .list,.res .msyy .txt,.res .msyy .rx,.res .msyy .yy,.website .cont .p2,.website .cont .txt,.website .cont .vid,.jzlc .list li{-moz-animation: lt  0.8s ease-out both ;-ms-animation: lt  0.8s ease-out both ;-webkit-animation: lt  0.8s ease-out both ;-o-animation: lt  0.8s ease-out both ;animation: lt  0.8s ease-out both ;}
.index .al{overflow: hidden;}
.weix .case .tit,.website .ens .tit,.website .mar .tit{-moz-animation:le_2  0.8s ease-out both ;-ms-animation:le_2  0.8s ease-out both ;-webkit-animation:le_2  0.8s ease-out both ;-o-animation:le_2  0.8s ease-out both ; animation:le_2  0.8s ease-out both ;}
.ppwz .pro .tit,.fwtg .cont .tit,.gxdz .sol .tit,.ppwz .design .tit,.hyxh .case .tit,.hyxh .cont .tit,.hyxh .fun .left,.gxdz .dis .tit,.gxdz .design .tit,.gwsc .cont .tit,.gwsc .cont .titl,.gwsc .ys .tit,.res  .cont .tit,.weix .ser .tit,.weix .uses .tit,.website .up .tit,.website .case .tit,.website .str .tit,.website .pro .tit,.website .why .tit,.website .view .tit{-moz-animation: lp  0.8s ease-out both ;-ms-animation: lp  0.8s ease-out both ;-webkit-animation: lp  0.8s ease-out both ;-o-animation: lp  0.8s ease-out both ;animation: lp  0.8s ease-out both ;}
.mhjj .cont .tit,.mhjj .cont .txt,.y_tab{-moz-animation: lp_2  0.8s ease-out both;-ms-animation: lp_2  0.8s ease-out both;-webkit-animation: lp_2  0.8s ease-out both;-o-animation: lp_2  0.8s ease-out both;animation: lp_2  0.8s ease-out both;}

.ppwz .cont .left,.ppwz .plan .list,.fwtg .cont .left,.mhjj .fun .tit,.gxdz .cont .list,.dsdp li,.hyxh .cont .txt,.gxdz .design .title,.zjzy table,.design .pro .tit,.gwsc .cont .left,.gwsc .web .tit,.res .cont .txt,.weix .ser .box .left,.weix .fun .tit,.website .up .tx,.website .str .fl,.website .why .txt,.website .view .fl{-moz-animation: le_2  0.8s ease-out both;-ms-animation: le_2  0.8s ease-out both;-webkit-animation: le_2  0.8s ease-out both;-o-animation: le_2  0.8s ease-out both;animation: le_2  0.8s ease-out both;}
.ppwz .cont .right,.ppwz .plan .tit,.fwtg .cont .right,.mhjj .fun table,.dsdp .right,.hyxh .cont .img,.design .pro .list,.gwsc .cont .right,.weix .ser .box .con,.weix .fun .list,.website .str .fr,.website .view .fr{-ms-animation: lr  0.8s ease-out both;-webkit-animation: lr  0.8s ease-out both;-o-animation: lr  0.8s ease-out both;-moz-animation: lr  0.8s ease-out both;animation: lr  0.8s ease-out both;}
.index .new{overflow: hidden;}
.gwsc .str .tit{-o-animation: le_2  0.8s ease-out both;-ms-animation: le_2  0.8s ease-out both;-webkit-animation: le_2  0.8s ease-out both;-moz-animation: le_2  0.8s ease-out both;animation: le_2  0.8s ease-out both;}

.gwsc .str table{-mozanimation: lr  0.8s ease-out both;-o-animation: lr  0.8s ease-out both;-webkit-animation: lr  0.8s ease-out both;-ms-animation: lr  0.8s ease-out both;animation: lr  0.8s ease-out both;}

.design .cust .txt,.weix .uses li,.website .pro li{-moz-transform: translateY(200px);-ms-transform: translateY(200px);-webkit-transform: translateY(200px);-o-transform: translateY(200px);transform: translateY(200px);opacity: 0;-moz-animation: lt_3  0.8s ease-out both ;-ms-animation: lt_3  0.8s ease-out both ;-webkit-animation: lt_3  0.8s ease-out both ;-o-animation: lt_3  0.8s ease-out both ;animation: lt_3  0.8s ease-out both ;}
.gxdz .dis .list .li_2,.gxdz .dis .list .li_1,.gxdz .dis .list_tit1,.gxdz .dis .list_tit2,.cu td{-moz-animation: al  0.8s  1.5  cubic-bezier(0.445, 0.05, 1.55, 0.95);-ms-animation: al  0.8s  1.5  cubic-bezier(0.445, 0.05, 1.55, 0.95);-webkit-animation: al  0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);-o-animation: al  0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);animation: al  0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.cert li,.gwsc .web td,.weix .case li{-moz-animation: flipInX  0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);-ms-animation: flipInX 0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-animation: flipInX 0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-animation: flipInX 0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);animation: flipInX 0.8s  1  cubic-bezier(0.445, 0.05, 0.55, 0.95);}

@-webkit-keyframes le_2{
    0%{-webkit-transform: translateX(-90%);}
    100%{-webkit-transform: translateX(0);}
}
@-o-keyframes le_2{
    0%{-o-transform: translateX(-90%);}
    100%{-o-transform: translateX(0);}
}
@-ms-keyframes le_2{
    0%{-ms-transform: translateX(-90%);}
    100%{-ms-transform: translateX(0);}
}
@-moz-keyframes le_2{
    0%{-moz-transform: translateX(-90%);}
    100%{-moz-transform: translateX(0);}
}
@keyframes le_2{
    0%{transform: translateX(-90%);}
    100%{transform: translateX(0);}
}
@-webkit-keyframes le_3{
    0%{-webkit-transform: translateX(-90%);}
    60%{-webkit-transform: translateX(-30%);}
    100%{-webkit-transform: translateX(0);}
}
@-o-keyframes le_3{
    0%{-o-transform: translateX(-90%);}
    60%{-o-transform: translateX(-30%);}
    100%{-o-transform: translateX(0);}
}
@-ms-keyframes le_3{
    0%{-ms-transform: translateX(-90%);}
    60%{-ms-transform: translateX(-30%);}
    100%{-ms-transform: translateX(0);}
}
@-moz-keyframes le_3{
    0%{-moz-transform: translateX(-90%);}
    60%{-moz-transform: translateX(-30%);}
    100%{-moz-transform: translateX(0);}
}
@keyframes le_3{
    0%{transform: translateX(-90%);}
    60%{transform: translateX(-30%);}
    100%{transform: translateX(0);}
}
@-webkit-keyframes le_4{
    0%{-webkit-transform: translateX(-150px);}
    100%{-webkit-transform: translateX(0);}
}
@-o-keyframes le_4{
    0%{-o-transform: translateX(-150px);}
    100%{-o-transform: translateX(0);}
}
@-ms-keyframes le_4{
    0%{-ms-transform: translateX(-150px);}
    100%{-ms-transform: translateX(0);}
}
@-moz-keyframes le_4{
    0%{-moz-transform: translateX(-150px);}
    100%{-moz-transform: translateX(0);}
}
@keyframes le_4{
    0%{transform: translateX(-150px);}
    100%{transform: translateX(0);}
}
@-o-keyframes lr_2{
    0%{-o-transform:translateX(90%);}
    60%{-o-transform: translateX(30%);}
    100%{-o-transform: translateX(0);}
}
@-moz-keyframes lr_2{
    0%{-moz-transform:translateX(90%);}
    60%{-moz-transform: translateX(30%);}
    100%{-moz-transform: translateX(0);}
}
@-ms-keyframes lr_2{
    0%{-ms-transform:translateX(90%);}
    60%{-ms-transform: translateX(30%);}
    100%{-ms-transform: translateX(0);}
}
@-webkit-keyframes lr_2{
    0%{-webkit-transform:translateX(90%);}
    60%{-webkit-transform: translateX(30%);}
    100%{-webkit-transform: translateX(0);}
}
@keyframes lr_2{
    0%{transform:translateX(90%);}
    60%{transform: translateX(30%);}
    100%{transform: translateX(0);}
}
@-o-keyframes lr{
    0%{-o-transform:translateX(90%);}
    100%{-o-transform: translateX(0);}
}
@-moz-keyframes lr{
    0%{-moz-transform:translateX(90%);}
    100%{-moz-transform: translateX(0);}
}
@-ms-keyframes lr{
    0%{-ms-transform:translateX(90%);}
    100%{-ms-transform: translateX(0);}
}
@-webkit-keyframes lr{
    0%{-webkit-transform:translateX(90%);}
    100%{-webkit-transform: translateX(0);}
}
@keyframes lr{
    0%{transform:translateX(90%);}
    100%{transform: translateX(0);}
}
@-moz-keyframes lt{
    0%{-moz-transform: translateY(100px);opacity: 0;}
    100%{-moz-transform: translateY(0);opacity: 1;}
}
@-ms-keyframes lt{
    0%{-ms-transform: translateY(100px);opacity: 0;}
    100%{-ms-transform: translateY(0);opacity: 1;}
}
@-o-keyframes lt{
    0%{-o-transform: translateY(100px);opacity: 0;}
    100%{-o-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes lt{
    0%{-webkit-transform: translateY(100px);opacity: 0;}
    100%{-webkit-transform: translateY(0);opacity: 1;}
}
@keyframes lt{
    0%{transform: translateY(100px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes lt_2{
    0%{-webkit-transform: translateY(200px);}
    100%{-webkit-transform: translateY(0);}
}
@-o-keyframes lt_2{
    0%{-o-transform: translateY(200px);}
    100%{-o-transform: translateY(0);}
}
@-ms-keyframes lt_2{
    0%{-ms-transform: translateY(200px);}
    100%{-ms-transform: translateY(0);}
}
@-moz-keyframes lt_2{
    0%{-moz-transform: translateY(200px);}
    100%{-moz-transform: translateY(0);}
}
@keyframes lt_2{
    0%{transform: translateY(200px);}
    100%{transform: translateY(0);}
}
@-ms-keyframes lt_3{
    0%{-ms-transform: translateY(200px);opacity: 0;}
    100%{-ms-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes lt_3{
    0%{-webkit-transform: translateY(200px);opacity: 0;}
    100%{-webkit-transform: translateY(0);opacity: 1;}
}
@-o-keyframes lt_3{
    0%{-o-transform: translateY(200px);opacity: 0;}
    100%{-o-transform: translateY(0);opacity: 1;}
}
@-moz-keyframes lt_3{
    0%{-moz-transform: translateY(200px);opacity: 0;}
    100%{-moz-transform: translateY(0);opacity: 1;}
}
@keyframes lt_3{
    0%{transform: translateY(200px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes lp{
    0%{-webkit-transform: translateY(-200px);}
    100%{-webkit-transform: translateY(0);}
}
@-o-keyframes lp{
    0%{-o-transform: translateY(-200px);}
    100%{-o-transform: translateY(0);}
}
@-ms-keyframes lp{
    0%{-ms-transform: translateY(-200px);}
    100%{-ms-transform: translateY(0);}
}
@-moz-keyframes lp{
    0%{-moz-transform: translateY(-200px);}
    100%{-moz-transform: translateY(0);}
}
@keyframes lp{
    0%{transform: translateY(-200px);}
    100%{transform: translateY(0);}
}
@-webkit-keyframes lp_2{
    0%{opacity:0;-webkit-transform: translateY(-100px);}
    to{opacity:1;-webkit-transform: translateY(0);}
}
@-ms-keyframes lp_2{
    0%{opacity:0;-ms-transform: translateY(-100px);}
    to{opacity:1;-ms-transform: translateY(0);}
}
@-o-keyframes lp_2{
    0%{opacity:0;-o-transform: translateY(-100px);}
    to{opacity:1;-o-transform: translateY(0);}
}
@-moz-keyframes lp_2{
    0%{opacity:0;-moz-transform: translateY(-100px);}
    to{opacity:1s;-moz-transform: translateY(0);}
}
@keyframes lp_2{
    0%{opacity:0;transform: translateY(-100px);}
    to{opacity:1;transform: translateY(0);}
}

@-webkit-keyframes al{
    0%{
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%{
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70%{
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: perspective(400px) rotateY(0deg);

    }
}
@-o-keyframes al{
    0%{
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%{
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    70%{
        -o-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    100%{
        -o-transform: perspective(400px) rotateY(0deg);

    }
}
@-moz-keyframes al{
    0%{
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%{
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    70%{
        -moz-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    100%{
        -moz-transform: perspective(400px) rotateY(0deg);

    }
}
@-ms-keyframes al{
    0%{
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%{
        -ms-transform: perspective(400px) rotateY(-10deg);
    }
    70%{
        -ms-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    100%{
        -ms-transform: perspective(400px) rotateY(0deg);

    }
}
@keyframes al{
    0%{
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%{
        transform: perspective(400px) rotateY(-10deg);
    }
    70%{
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    100%{
        transform: perspective(400px) rotateY(0deg);

    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transition-timing-function: ease-in;
    }

    60% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -moz-transform: perspective(400px);
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -o-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
    }

    60% {
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -o-transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}
@keyframes hli{
    0%{-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30%{-moz-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);-o-transform:scale3d(1.25,.75,1);-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
    40%{-moz-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
    50%{-moz-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);-webkit-transform:scale3d(1.15,.85,1);-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
    65%{-moz-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75%{-moz-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
    100%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}



/*你真的了解吗？*/

.list_wx{ overflow:hidden; position:relative; margin-top:-60px;}
.list_wx .ul li{ float:left; margin:110px 34px 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/micro_icon.png) no-repeat left top; cursor:pointer; color:#91d637; padding-right:0px;}
.list_wx .ul li:hover{ color:#fff;}

.list_wx .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;}

.list_wx .ul .li i{ display:block;}

.list_wx .ul .li2 i{ border-color:#ef972c transparent transparent transparent;}
.list_wx .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}
.list_wx .ul .li4 i{ border-color:#d7644d transparent transparent transparent;}
.list_wx .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;}
.list_wx .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}
.list_wx .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}
.list_wx .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}

.list_wx .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.list_wx .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}


.list_wx .ul .li2{ background-position:-120px top; color:#ef972c;}
.list_wx .ul .li3{ background-position:-240px top; color:#4dd2d7;}
.list_wx .ul .li4{ background-position:-360px top; color:#d7644d;}
.list_wx .ul .li5{ background-position:-480px top; color:#da62c1;}
.list_wx .ul .li6{ background-position:-600px top; color:#4d9cd7;}
.list_wx .ul .li7{ background-position:-720px top; color:#4d9cd7;}
.list_wx .ul .li8{ background-position:-840px top; color:#4d9cd7;}
.list_wx .ul .li9{ background-position:-960px top; color:#d95ec0;}
.list_wx .ul .li10{ background-position:-1080px top; color:#4d9cd7;}
.list_wx .ul .li11{ background-position:-1200px top; color:#bfcf3e;}
.list_wx .ul .li12{ background-position:-1320px top; color:#4dd78e;}
.list_wx .ul .li13{ background-position:-1440px top; color:#4d9cd7;}
.list_wx .ul .li14{ background-position:-1560px top; color:#4d9cd7;}
.list_wx .ul .li15{ background-position:-1680px top; color:#4d9cd7;}
.list_wx .ul .li16{ background-position:-1800px top; color:#4d9cd7;}

.list_wx .ul .li1:hover{ background-position:left bottom;}
.list_wx .ul .li2:hover{ background-position:-120px bottom;}
.list_wx .ul .li3:hover{ background-position:-240px bottom;}
.list_wx .ul .li4:hover{ background-position:-360px bottom;}
.list_wx .ul .li5:hover{ background-position:-480px bottom;}
.list_wx .ul .li6:hover{ background-position:-600px bottom;}
.list_wx .ul .li7:hover{ background-position:-720px bottom;}
.list_wx .ul .li8:hover{ background-position:-840px bottom;}
.list_wx .ul .li9:hover{ background-position:-960px bottom;}
.list_wx .ul .li10:hover{ background-position:-1080px bottom;}
.list_wx .ul .li11:hover{ background-position:-1200px bottom;}
.list_wx .ul .li12:hover{ background-position:-1320px bottom;}
.list_wx .ul .li13:hover{ background-position:-1440px bottom;}
.list_wx .ul .li14:hover{ background-position:-1560px bottom;}
.list_wx .ul .li15:hover{ background-position:-1680px bottom;}
.list_wx .ul .li16:hover{ background-position:-1800px bottom;}

.list_wx .list_txt{ position:absolute; left:40px; top:270px;}
.list_wx .list_txt li{ display:none; font-size:14px; color:#91d637;}
.list_wx .list_txt .li2{ color:#ef972c;}
.list_wx .list_txt .li3{ color:#4dd2d7;}
.list_wx .list_txt .li4{ color:#d7644d;}
.list_wx .list_txt .li5{ color:#da62c1;}
.list_wx .list_txt .li6{ color:#4d9cd7;}
.list_wx .list_txt .li7{ color:#4d9cd7;}
.list_wx .list_txt .li8{ color:#4d9cd7;}
.list_wx .list_txt .li9{ color:#d95ec0;}
.list_wx .list_txt .li10{ color:#4d9cd7;}
.list_wx .list_txt .li11{ color:#bfcf3e;}
.list_wx .list_txt .li12{ color:#4dd78e;}
.list_wx .list_txt .li13{ color:#4d9cd7;}
.list_wx .list_txt .li14{ color:#4d9cd7;}
.list_wx .list_txt .li15{ color:#4d9cd7;}
.list_wx .list_txt .li16{ color:#4d9cd7;}