@charset "utf-8";
/* CSS Document */
body{ color:#222;}
.wid_1000{ width: 1000px; clear: both; overflow: hidden; margin: 0px auto; }
.wid_1000_f{ width: 1000px; clear: both; margin: 0px auto; }

/*微信版块*/
#weixin_Box{ background: #f2f2f2; border-top: 1px solid #ccc; height: 530px;}
#weixin_Box .wid_1000{ height: 530px;}
.tab_top li{ width: 198px; height: 58px; line-height: 58px; border: 1px solid #ccc; margin:20px 66px 0px 0px; float: left; font-family: "微软雅黑"; font-size: 18px; text-align: center; }
.tab_top li.li_active{ background: #000; color: #fff; font-size: 18px; text-align: center; font-family: "微软雅黑"; }
.weibo_phono{ width: 286px; height: 361px; padding:38px 6px 0px 0px; background: url("../images/weixin/weibo_phono.gif") no-repeat;position: absolute; opacity:0; left:360px; top:130px;}
.part01_02,.part02_02,.part03_02,.part04_02{ position: absolute; left:0px; top:268px;width: 283px; height:109px;opacity:0; overflow: hidden;}
.part01_03,.part04_03{ position: absolute; right:40px; top:220px;opacity:0;}
.weixin_box{ background: url("../images/weixin/index_weixin_box.gif") no-repeat; width:135px; height:135px; padding: 20px;}
.part02_03,.part02_04,.part02_05,.part02_06{ position: absolute; width: 110px; height: 137px; overflow: hidden;}
.part02_03{right:167px; top:175px;}
.part02_04{right:0px; top:175px;}
.part02_05{right:167px; top:341px;}
.part02_06{right:0px; top:341px;}
.weibo_photo img{ position: absolute; left:0px; top:0px;}
.weibo_before,.weibo_after{width:122px; height:151px; position: absolute; left:0px; top:0px;}
.weibo_before{ z-index: 1;}
.weibo_after{z-index:2; background: url("../images/weixin/weibo_hover.png") no-repeat; display: none;}
.weibo_phtoto_b{ overflow: hidden;position: absolute;width:122px; height:151px;opacity:0;}
.part03_03{  right:167px; top:175px;}
.part03_04{ right:0px; top:175px;}
.part03_05{ right:167px; top:341px;}
.part03_06{ right:0px; top:341px;}
.current .part01_01,.current .part02_01,.current .part03_01,.current .part04_01{opacity:1;-webkit-animation:zoomIn 0.6s ease-in-out;-ms-animation:zoomIn 0.6s ease-in-out;animation:zoomIn 0.6s ease-in-out;}
.current .part01_02,.current .part02_02,.current .part03_02,.current .part04_02{opacity:1;-webkit-animation:fadeInDown 0.6s ease-in-out;-ms-animation:fadeInDown 0.6s ease-in-out;animation:fadeInDown 0.6s ease-in-out;}
.current .part01_03{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.9s;-ms-animation:fadeInRight 0.6s ease-in-out;animation:fadeInRight 0.6s both ease-in-out  0.9s;}
.current .part02_03{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.5s;animation:fadeInRight 0.6s both ease-in-out  0.5s;}
.current .part02_04{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.7s;animation:fadeInRight 0.6s both ease-in-out  0.7s;}
.current .part02_05{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.9s;animation:fadeInRight 0.6s both ease-in-out  0.9s;}
.current .part02_06{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 1.1s;animation:fadeInRight 0.6s both ease-in-out  1.1s;}
.current .part03_03{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.5s;animation:fadeInRight 0.6s both ease-in-out  0.5s;}
.current .part03_04{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.7s;animation:fadeInRight 0.6s both ease-in-out  0.7s;}
.current .part03_05{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 0.9s;animation:fadeInRight 0.6s both ease-in-out  0.9s;}
.current .part03_06{opacity:1;-webkit-animation:fadeInRight 0.6s both ease-in-out 1.1s;animation:fadeInRight 0.6s both ease-in-out  1.1s;}
.current .part04_03{opacity:1;-webkit-animation:fadeInRight  0.6s both ease-in-out 0.9s;animation:fadeInRight  0.6s both ease-in-out  0.9s;-ms-animation:fadeInRight 0.6s ease-in-out;}
@-webkit-keyframes zoomIn {
 0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
 50% {opacity:1}
}
@keyframes zoomIn {
 0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
 50% {opacity:1}
}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes fadeInDown {
 0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
 100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInDown {
 0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
 100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInRight {
 0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
 100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInRight {
 0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
 100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes rotateIn {
 0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}
 100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}