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

.res .tit{text-align: center;font-weight: bold;}
.res .cont{padding-top: 30px;padding-bottom: 30px;overflow: hidden;}
.res .cont .txt{font-size: 16px;color:#828282;line-height: 33px;text-align: center;padding-top: 26px;padding-bottom: 45px;}
.res .cont .img{text-align: center;}
.res .cont li{float: left;width:164px;margin-right: 94px;position: relative;}
.res .cont .img1{-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;-webkit-transition:0.6s;transition:0.6s;}
.res .cont .active .img1{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.res .cont .img2{position: absolute;left:188px;top:59px;}
.res .cont .last{margin-right:0;}
.res .cont .list{margin:0 auto;width:940px;}
.res .web .img{padding-bottom: 36px;}
.res .web{background:#fff;text-align: center;padding-top: 30px;padding-bottom:30px;}
.res .web .tit{font-size: 35px;color:#f66c00;line-height: 54px;}
.res .web .title{font-size: 16px;color:#828282;line-height: 34px;padding-bottom:10px;}
.res .web .con_tit{font-size: 34px;color:#343434;line-height: 62px;}
.res .web .con_txt{font-size: 16px;color:#424242;line-height: 30px;}

.res .msyy{padding-top: 30px;padding-bottom:30px;}
.res .msyy .title{font-size: 16px;color:#828282;line-height: 32px;text-align: center;padding-top: 14px;padding-bottom:44px;}
.res .msyy .list{width:1068px;padding-left: 60px;}
.res .msyy .list li{float: left;width:274px;padding-right: 122px;}
.res .msyy .list .last{padding-right: 0;}
.res .msyy .txt{font-size: 15px;color:#5d5d5d;text-align: center;line-height: 36px;padding-right: 34px;padding-bottom: 28px;padding-top: 34px;}
.res .msyy .rx img{padding-right: 12px;}
.res .msyy .rx{font-size: 20px;color:#d90000;text-align: center;line-height: 32px;padding-top: 28px;padding-bottom: 26px;}
.res .msyy .yy{display: block;font-size: 16px;color:#d90000;width:150px;height:42px;line-height: 42px;border:2px solid #d90000;text-align: center;margin:0 auto;}
.res .msyy .yy:hover{color:#fff;background:#ec1317;}




.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;}

.index .firm .con,.ppwz .pro .rx,.fwtg .table,.mhjj .cont .txt,.gxdz .sol .list,.yzj table,.design .case .more,.hyxh .case .more,.hyxh .fun .right,.gxdz .dis .list .img,.gjym .query,.gjym .ym,.gjym .com,.gjym .table2,.qykj table,.gwsc .ys .inner,.res .cont .list,.website .case .img,.website .str .center,.website .why .list,.website .view .txt{-moz-animation:lt_2  0.8s ease-out both  ;-o-animation:lt_2  0.8s ease-out both  ;-webkit-animation:lt_2  0.8s ease-out both  ;-ms-animation:lt_2  0.8s ease-out both  ;animation:lt_2  0.8s ease-out both  ;}
.mhjj .cont .tit,.gxdz .cont .tit{-moz-animation: lp_2 0.8s ease-out both;-ms-animation: lp_2 0.8s ease-out both;-o-animation: lp_2 0.8s ease-out both;-webkit-animation: lp_2 0.8s ease-out both;animation: lp_2 0.8s ease-out both;}
.ppwz .pro .list,.gxdz .sol .txt,.gwsc .cont .right,.website .ens .list,.website .mar .list{-moz-v-ms-animation: lr  0.8s ease-out both;-webkitanimation: lr  0.8s ease-out both;-o-animation: lr  0.8s ease-out both;animation: lr  0.8s ease-out both;}
.index .js{overflow: hidden;}
.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);}

@-o-keyframes op{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes op{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes op{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-ms-keyframes op{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes op{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes le{
    0%{-webkit-transform: translateX(-50px); opacity: 0;}
    100%{-webkit-transform: translateX(0); opacity: 1;}
}
@-o-keyframes le{
    0%{-o-transform: translateX(-50px); opacity: 0;}
    100%{-o-transform: translateX(0); opacity: 1;}
}
@-ms-keyframes le{
    0%{-ms-transform: translateX(-50px); opacity: 0;}
    100%{-ms-transform: translateX(0); opacity: 1;}
}

@keyframes le{
    0%{transform: translateX(-50px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@-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);}
}