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

.gwsc .cont{padding-top: 30px;padding-bottom:30px; overflow: hidden;}
.gwsc .tit{text-align: center;font-weight: bold;}
.gwsc .cont .titl{font-size: 16px;color:#828282;text-align: center;line-height: 32px;padding-top: 16px;padding-bottom: 20px;}
.gwsc .cont .left{width:776px;}
.gwsc .cont .right{width:382px;}
.gwsc .cont .txt{font-size: 16px;color:#434444;line-height: 32px;text-indent: 2em;padding-bottom: 25px;}
.gwsc .cont .txt span{color:#2b78d9;}
.gwsc .cont li{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;padding-right:45px;}
.gwsc .cont .list{text-align: center;}

.gwsc .web{background: #fff;/*padding-top: 60px;*/padding-bottom: 20px;overflow: hidden;}
.gwsc .web .tit{font-size: 35px;color:#f66c00;line-height: 72px;padding-bottom: 60px;}
.gwsc .web .table1{width:100%;padding-bottom: 25px;}
.gwsc .web .table2{width:884px;margin:0 auto;padding-bottom:45px;}
.gwsc .web td{position: relative;width:251px;height:251px;padding-right: 66px;/*-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;*/}
.gwsc .web td.active{-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.gwsc .web .last{padding-right: 0;}
.gwsc .web .num{width:95px;height:95px;line-height: 95px;text-align: center;font-size: 36px;position: absolute;top:-49px;left:78px;font-weight: bold;}
.gwsc .web .txt{font-size: 15px;text-align: center;line-height: 30px;color:#fff;}
.gwsc .web .txt5{margin-top:30px;}
.gwsc .web .img{position: absolute;top:203px;left:66px;}
.gwsc .web .td1 .num{color:#fd6162;background:url(../images/3.3_21.png);}
.gwsc .web .td1{background:url(../images/3.3_24.png) no-repeat;}
.gwsc .web .td2 .num{color:#85b2f3;background:url(../images/3.3_24_24.png);}
.gwsc .web .td2{background:url(../images/3.3_29.png) no-repeat;}
.gwsc .web .td3 .num{color:#a263b4;background:url(../images/3.3_27.png) no-repeat;}
.gwsc .web .td3{background:url(../images/3.3_34_34.png) no-repeat;}
.gwsc .web .td4 .num{color:#7384ca;background:url(../images/3.3_29_29.png) no-repeat;}
.gwsc .web .td4{background:url(../images/3.3_42.png) no-repeat;}
.gwsc .web .td5 .num{color:#79c4bf;background:url(../images/3.3_52.png) no-repeat;}
.gwsc .web .td5{background:url(../images/3.3_68.png) no-repeat;}

.gwsc .str{padding-top: 20px;padding-bottom: 15px;overflow: hidden;}
.gwsc .str table{padding-top: 30px;width: 100%;}
.gwsc .str td{padding-right: 136px;text-align: center;padding-bottom: 30px;}
.gwsc .str .last{padding-right: 0;}
.gwsc .str .li_txt{font-size: 18px;color:#2b78d9;line-height: 36px;padding-top: 17px;}
.gwsc .str td img{-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
.gwsc .str td .active img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform: rotate(360deg);}

.gwsc .ys{padding-bottom: 20px;background:#fff;padding-top: 20px;overflow: hidden;}
.gwsc .ys .tit{font-size: 35px;color:#f66c00;line-height: 60px;text-align: center;}
.gwsc .ys .inner{margin-top: 20px;}
.gwsc .ys .left{width:492px;}
.gwsc .ys .left li{width:492px;position: relative;padding-top:8px;padding-bottom:37px;}
.gwsc .ys .left .txt{height: 45px;line-height: 45px;padding-left: 70px;font-size: 18px;color:#fff;border-radius:20px;z-index:99;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.gwsc .ys .left .active .txt{box-shadow: 5px 5px 5px #c5c5c5;}
.gwsc .ys .left .num{font-size: 30px;width:60px;height:60px;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height: 60px;text-align: center;position: absolute;left:0;top:0;color:#fff;z-index:9999999;}
.gwsc .ys .left img{padding-left: 16px;}
.gwsc .ys .left .li1 .num{background:#3083b7;}
.gwsc .ys .left .li1 .txt{background:#50a3d5;}
.gwsc .ys .left .li2 .num{background:#e4a242;}
.gwsc .ys .left .li2 .txt{background:#f9b756;}
.gwsc .ys .left .li3 .num{background:#1a8c8d;}
.gwsc .ys .left .li3 .txt{background:#27a9ab;}
.gwsc .ys .left .li4 .num{background:#8c2328;}
.gwsc .ys .left .li4 .txt{background:#b24145;}
.gwsc .ys .right{width:684px;}
.gwsc .ys .right .img{width:187px;padding-top:134px;}
.gwsc .ys .right .list{width:322px;padding-left: 136px;background:url(../images/3.3_133.png) no-repeat  left 29px;}
.gwsc .ys .right .num{font-size: 32px;color:#fff;text-align: center;width: 63px;height: 63px;background:#f66c00;line-height: 63px;float: left;border:4px solid #f66c00;}
.gwsc .ys .right .num2{font-size: 27px;}
.gwsc .ys .right ul{padding-top: 12px;}
.gwsc .ys .right .active .num{background:none;color:#f66c00;}
.gwsc .ys .right li{margin-bottom:48px;overflow: hidden;}
.gwsc .ys .right .txt{width:234px;float: right;font-size: 18px;color:#353535;line-height: 36px;position: relative;}
.gwsc .ys .right .active .txt{color:#f66c00;}
.gwsc  .design .case{background:none;}

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