@charset "utf-8";
/* CSS Document */
/*产品运营*/
.wxx_product1{ position:relative; height:700px;}
.wxx_product1 .bg{width:1920px;height:700px;position:absolute;left:50%;top:50%;margin:-350px 0 0 -960px;display:block;
animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;-moz-animation:zoom1 15s linear 1s infinite;}
.wxx_product1 img{ width:100%; height:auto;}
.wxx_product1 .title{ width:725px; height:130px; position:absolute; left:50%; margin-left:-362px; margin-top:-65px; top:50%; text-align:center;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product1.show .title{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.wxx_product1 .title h2{ font-size:30px; color:#ffffff; line-height:1.5;}
.wxx_product1 .title h3{ margin:8px 0 15px;}
.wxx_product1 .title h3 img{ height:22px; width:auto; }
.wxx_product1 .title p{ font-size:16px; color:#ffffff; line-height:1.5; }
.wxx_product2{ position:relative; overflow:hidden;}

.wxx_product2 .product_left{ width:50%; float:left;height:698px; background:#fff;}
.wxx_product2 .product_right{ width:50%; float:right; height:698px; position:relative;}
.wxx_product2 .product_right span{ position:absolute; left:86px; bottom:-6px;}
.wxx_product2 .grid{ width:1188px; position:absolute; left:50%; margin-left:-594px; top:0;}
.wxx_product2 .grid .inner_content{  padding:125px 30px 93px 0; text-align:center; width:535px; float:left;}
.inner_content .icon{ opacity:0;}
.wxx_product2.show .grid .inner_content .icon{animation:mk 0.5s ease-out 0.5s 1 both;-webkit-animation:mk 0.5s ease-out 0.5s 1 both;}
@-webkit-keyframes mk{
0%{-webkit-transform:translate(50px,0px) rotate(15deg);opacity:0;}
30%{-webkit-transform:translate(-10px,0) rotate(-10deg);opacity:1;}
50%{-webkit-transform:translate(-20px,-3px) rotate(-15deg);opacity:1;}
60%{-webkit-transform:translate(-20px,-3px) rotate(-15deg);opacity:1;}
100%{-webkit-transform:translate(0,0) rotate(0deg);opacity:1;}
}
@keyframes mk{
0%{transform:translate(50px,0px) rotate(15deg);opacity:0;}
30%{transform:translate(-10px,0) rotate(-10deg);opacity:1;}
50%{transform:translate(-20px,-3px) rotate(-15deg);opacity:1;}
60%{transform:translate(-20px,-3px) rotate(-15deg);opacity:1;}
100%{transform:translate(0,0) rotate(0deg);opacity:1;}
}
.wxx_product2 .grid .inner_content .title{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product2.show .grid .inner_content .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1; transition-delay:1s;}
.inner_content .title h2{ font-size:30px; line-height:1.2; color:#474747; margin-top:22px;}
.inner_content .title h3{ margin:10px 0 15px;}
.inner_content .title h3 img{ width:auto; height:24px;}
.inner_content .title p{ font-size:14px; color:#707070; line-height:1.5; text-align:left;}
.inner_content .mouse{ margin-top:100px;}
.inner_content .mouse h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#474747; line-height:1.5; text-transform:uppercase; background:url(../image/wxx/mouse.png) center top no-repeat; padding-top:45px;cursor:pointer; }
.inner_content .mouse .arrow{ background:url(../image/wxx/arrow.png) center center no-repeat; width:16px; height:14px; display:block; margin:0 auto; margin-top:10px;animation:mk1 2s ease 0s infinite;-webkit-animation:mk1 2s ease 0s infinite;-moz-animation:mk1 2s ease 0s infinite;-o-animation:mk1 2s ease 0s infinite;}
@-webkit-keyframes mk1{
0%{-webkit-transform:translate(0,0px);opacity:0;}
30%{-webkit-transform:translate(0,5px);opacity:1;}
50%{-webkit-transform:translate(0,10px);opacity:1;}
100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes mk1{
0%{transform:translate(0,0px);opacity:0;}
30%{transform:translate(0,5px);opacity:1;}
50%{transform:translate(0,10px));opacity:1;}
100%{transform:translate(0,0);opacity:1;}
}




@-moz-keyframes mk1 {
0%{-moz-transform:translate(0,0px);opacity:0;}
30%{-moz-transform:translate(0,5px);opacity:1;}
50%{-moz-transform:translate(0,10px));opacity:1;}
100%{-moz-transform:translate(0,0);opacity:1;}
}
@-o-keyframes mk1 {
0%{-o-transform:translate(0,0px);opacity:0;}
30%{-o-transform:translate(0,5px);opacity:1;}
50%{-o-transform:translate(0,10px));opacity:1;}
100%{-o-transform:translate(0,0);opacity:1;}
}




.wxx_product3{ width:100%; height:640px; padding-top:60px ; }
.clearfix:after{content:"";clear:both;display:block;}
.wxx_product3 .inner_content{ text-align:center;}
.wxx_product3 .inner_content .title h2,.wxx_product3 .inner_content .title h3,.wxx_product3 .inner_content .title p{ color:#ffffff;}
.wxx_product3 .inner_content .title p{ text-align:center; width:1135px; margin:0 auto;}
.wxx_product3.show .inner_content .icon{animation:mk 0.5s ease-out 0.5s 1 both;-webkit-animation:mk 0.5s ease-out 0.5s 1 both;}
.wxx_product3 .inner_content .mouse .arrow{ background:url(../image/wxx/arrow1.png) center center no-repeat; }
.wxx_product3 .inner_content .mouse h2{ color:#ffffff; background:url(../image/wxx/mouse1.png) center top no-repeat; }
.wxx_product3 .title{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product3.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1; transition-delay:1s;}
.wxx_product3 .num{ background:url(../image/wxx/num1.png) center center no-repeat; width:415px; height:247px; display:block;margin-left: -2px;
    margin-top: -107px;}
.wxx_product4{ background:url(../image/wxx/pic1.png) center center no-repeat; height:700px;}
.wxx_product4 .inner_content{ padding: 114px 0 10px; text-align:center; width:534px; float:left;}
.wxx_product4.show .inner_content .icon{animation:mk 0.5s ease-out 0.5s 1 both;-webkit-animation:mk 0.5s ease-out 0.5s 1 both;}
.wxx_product4 .title{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product4.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1; transition-delay:1s;}
.wxx_product4 .inner_content .mouse{ margin-top:60px;}
.wxx_product4 .box{ width:515px;  float:right; margin-top:93px; position:relative; margin-right:42px;}
.wxx_product4 .box .inner1 .div{ width:253px; height:228px; background:#ffffff; text-align:center; padding-top:25px; cursor:pointer; z-index:100;}
.wxx_product4 .box .inner1 .div h3{ font-size:18px; color:#474747; line-height:1.2; margin-top:10px;}
.wxx_product4 .box .inner1 .div h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#474747; line-height:1.5;}
.wxx_product4 .box .inner1 .div.d1{ position:absolute; left:0; top:0;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product4 .box .inner1 .div.d2{ position:absolute; left:0; top:260px;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product4 .box .inner1 .div.d3{ position:absolute; left:260px; top:260px;opacity:0;transform:translateX(-50px);-webkit-transform:translateX(-50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product4 .num{ background:url(../image/wxx/num2.png) center center no-repeat; width:306px; height:252px; display:block; position:absolute; left:190px; top:0;}
.wxx_product4.show .box .inner1 .div.d2{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.wxx_product4.show .box .inner1 .div.d1{opacity:1;transform:translateY(0);-webkit-transform:translateY(0); transition-delay:1s;}
.wxx_product4.show .box .inner1 .div.d3{opacity:1;transform:translateX(0);-webkit-transform:translateX(0); transition-delay:1s;}
.wxx_product4 .box .inner2 .hide{ position:fixed; width:100%; height:100%; background:url(../image/wxx/hide.png) center center repeat; z-index:100; left:0; top:0; }
.wxx_product4 .box .inner2 .hide .hide_child{ height:348px;  position:absolute; left:50%; top:50%; margin-top:-233px;margin-left:-594px; background:#ffffff; width:1188px;text-align:center; padding-top:120px; margin-top:-233px;}
.wxx_product4 .box .inner2 .hide .hide_child h3{ font-size:30px; color:#474747; line-height:1.5;}
.wxx_product4 .box .inner2 .hide .hide_child h4{ font-size:30px; color:#474747; line-height:1.3; font-family:Arial, Helvetica, sans-serif;}
.wxx_product4 .box .inner2 .hide .hide_child .p{ font-size:14px; color:#474747; line-height:1.5; text-align:left; margin-top:20px; height:150px; overflow:auto;}
wxx_product4 .box .inner2 .hide .hide_child p{font-size:14px; color:#474747; line-height:1.5;}
.wxx_product4 .box .inner2 .hide .hide_child .text{ width:870px; margin:0 auto;}
.wxx_product4 .box .inner2 .hide .hide_child .close{ width:48px; height:48px; background:url(../image/wxx/close.png) center center no-repeat; display:block; position:absolute; right:18px; top:23px;}
.wxx_product5 .product_left{ width:50%; float:left; height:700px; overflow:hidden; position:relative;}
.wxx_product5 .product_right{ width:50%; float:right; height:700px; background:url(../image/wxx/pic6.png) center center repeat; overflow:hidden;}
.wxx_product5 .product_left .num{ background:url(../image/wxx/num3.png) center center no-repeat; width:300px; height:247px; position:absolute; right:-50px; bottom:-22px;}
.wxx_product5{ overflow:hidden; position:relative; height:700px;}
.wxx_product5 .block{ position:absolute; right:50%; margin-right:-594px; top:0; width:1188px;}
.wxx_product5 .block .inner_content{ width:520px; float:right; text-align:center;}
.wxx_product5 .block .inner_content .mouse .arrow{ background:url(../image/wxx/arrow2.png) center center no-repeat; }
.wxx_product5 .block .inner_content .mouse h2{ color:#ffffff; background:url(../image/wxx/mouse1.png) center top no-repeat; cursor:pointer;}
.wxx_product5 .inner_content .title h2,.wxx_product5 .inner_content .title h3,.wxx_product5 .inner_content .title p{ color:#ffffff;}
.wxx_product5 .inner_content .mouse{ margin-top:75px;}
.wxx_product5 .inner_content{ padding-top:127px;}
.wxx_product5.show .inner_content .icon{animation:mk 0.5s ease-out 0.5s 1 both;-webkit-animation:mk 0.5s ease-out 0.5s 1 both;}
.wxx_product5 .title{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_product5.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1; transition-delay:1s;}


/*详情页*/
.detail{ background:url(../image/wxx/detail.png) center center repeat; /*margin-top:122px; */}
.detail h2{ font-size:30px; color:#474747; line-height:1.5; text-align:center;}
.detail h3{ font-size:14px ; color:#707070; line-height:1.5;background:url(../image/wxx/tit6.png) left center no-repeat; width:321px; padding-left:30px; margin:0 auto; margin-top:5px; }
.detail h3 .en{ font-family:Arial, Helvetica, sans-serif;}
.detail .div p{ font-size:14px; color:#707070; line-height:1.5;}
.detail .content{padding:70px 0 125px;}

/*活动展示*/
.wxx_activity1{ background:url(../image/wxx/detail.png) center center repeat; margin-top:122px; padding:70px 0 75px;}
.wxx_activity1 .title{ text-align:center;}
.wxx_activity1 .title h2{ font-size:30px; color:#474747; line-height:1.9;}
.wxx_activity1 .list{ margin-top:30px;}
.wxx_activity1 .list .item{ width:310px; height:310px; float:left; overflow:hidden; position:relative; margin-left:10px; margin-bottom:10px;}
.wxx_activity1 .list .item .pic {width:100%;height:100%;}
.wxx_activity1 .list .item .pic img {width:100%;height:100%;}
.wxx_activity1 .list .item:after {
	content:"";
	background:rgba(0,0,0,0.4);
	top:0;
	right:0;
	bottom:0;
	left:0;
	position: absolute;
	display:block;
	z-index:1;
}
.wxx_activity1 .list .item.frist{ margin-left:0;}
.wxx_activity1 .list .item .text{ position:absolute; left:38px; bottom:53px;z-index:2;}
.wxx_activity1 .list .item .text h3{ font-size:18px; color:#ffffff; line-height:1.4;}
.wxx_activity1 .list .item .text h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:1.3; background:url(../image/wxx/tit8.png) left center no-repeat; padding-left:25px; margin:8px 0 15px;}
.wxx_activity1 .list .item .text h5{ font-size:14px; color:#ffffff; line-height:25px; background:#d16f28; width:80px; text-align:center; border-radius:20px; }
.wxx_activity1 .list .item.last .text h5{ padding:0 10px;}
.wxx_activity1 .list .item.other{ width:548px; height:310px; overflow:hidden;}
.wxx_activity2{ background:url(../image/wxx/detail.png) center center repeat; padding-bottom:80px;}
.wxx_activity2 .title{ text-align:center;}
.wxx_activity2 .title h2{ font-size:30px; color:#474747; line-height:1.9;}
.wxx_activity2 .div .tabss a{ display:inline-block; width:150px; height:38px; line-height:38px; border:1px solid #d2d2d2; margin-left:-1px; text-align:center; font-size:14px; color:#474747;}
.wxx_activity2 .div .tabss{ width:100%; text-align:center; margin:32px 0 42px;}
.wxx_activity2 .div .tabss a.now{ color:#ffffff; background:#474747; border-bottom:1px solid #474747;}
.wxx_activity2 .div .roll .list .item .pic{ width:390px; height:232px; overflow:hidden;}
.wxx_activity2 .div .roll .list .item .pic img{ width:100%; height:100%;}
.wxx_activity2 .div .roll .list .item{ width:390px; float:left; margin-left:9px; margin-bottom:25px;}
.wxx_activity2 .div .roll .list .item.frist{ margin-left:0;}
.wxx_activity2 .div .roll .list .item .text h3{ font-size:20px; color:#333333; line-height:1.5;}
.wxx_activity2 .div .roll .list .item .text{ padding:20px 10px;}
.wxx_activity2 .div .roll .list .item .text p{ font-size:14px; color:#707070; line-height:1.5; margin-top:8px;}
.wxx_activity2 .div .roll .list .item:hover .text{ background:url(../image/wxx/line.png) center bottom no-repeat #ffffff; }
.wxx_activity2 .div .roll .more{ display:block; font-size:14px; color:#333333; width:150px; height:32px; line-height:32px; text-align:center; border-radius:5px; border:1px solid #4d4d4d; margin:0 auto; margin-top:6px;}
.wxx_activity2 .div .roll .inner{ display:none;}
.wxx_activity2 .div .roll .inner.other{ display:block;}




/*综合金融*/
.wxx_financial1{ position:relative;}
.wxx_financial1 img{ width:100%; height:auto;}
.wxx_financial1 .title{ width:725px; height:130px; position:absolute; left:50%; margin-left:-362px; margin-top:-65px; top:50%; text-align:center;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_financial1.show .title{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.wxx_financial1 .title h2{ font-size:30px; color:#ffffff; line-height:1.5;}
.wxx_financial1 .title h3{ margin:8px 0 15px;}
.wxx_financial1 .title h3 img{ height:22px; width:auto; }
.wxx_financial1 .title p{ font-size:16px; color:#ffffff; line-height:1.5; }
.wxx_financial2{ position:relative; height:525px;}
.wxx_financial2 .f_left{ width:50%; height:525px; float:left;}
.wxx_financial2 .f_left .f_right{width:50%; height:525px; float:left; background:url(../image/wxx/detail.png) center center repeat;}
.wxx_financial2 .block{ width:1188px; position:absolute; left:50%; margin-left:-594px; top:0;}
.wxx_financial2 .block .f_right_child{ width:493px; float:right; padding:107px 50px 85px; text-align:center;}
.f_text{opacity:0;transform:translateX(50px);-webkit-transform:translateX(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.wxx_financial2.show .block .f_right_child .f_text{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.f_text h3{ font-size:30px; color:#474747; line-height:1.5;}
.f_text h4{ margin:5px 0 20px;}
.f_text h4 img{ height:24px; width:auto;}
.f_text p{ font-size:14px; color:#707070; line-height:1.5; text-align:left;}
.wxx_financial2 .block .f_right_child .inner { margin-top:35px;}
.wxx_financial2 .block .f_right_child .inner .child{width:50%; float:left;}
.wxx_financial2 .block .f_right_child .inner .child span{ display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#474747; font-size:70px; line-height:52px; height:52px;}
.wxx_financial2 .block .f_right_child .inner .child span b{ display:inline-block; background:url(../image/wxx/span.png) right top no-repeat; width:19px; height:52px;}
.wxx_financial2 .block .f_right_child .inner .child h4{ font-size:14px; color:#474747; line-height:1.5; margin-top:10px; }
.wxx_financial2 .block .f_right_child .inner .child span i{ font-style:normal;}
.wxx_financial3 .f_left{ width:50%; height:625px; background:url(../image/wxx/fi.png) center center repeat;}
.wxx_financial3 .block{ width:1188px; position:absolute; left:50%; margin-left:-594px; top:0;}
.wxx_financial3{height:1044px; position:relative;}
.wxx_financial3 .f_text{ float:left;}
.wxx_financial3.show .f_right_child .f_text{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.wxx_financial3.show .div.other .f_text{ transition-delay:0.5s;}
.wxx_financial3 .block .f_right_child{ width:493px; float:left; padding:107px 50px 85px; text-align:center;}
.wxx_financial3 .f_text h3,.wxx_financial3 .f_text p{ color:#ffffff; }
.wxx_financial3 .block .pic{ float:left; width:593px; height:522px; overflow:hidden;}
.wxx_financial3 .block .pic.left{ float:left; margin-left:1px;}
.wxx_financial3 .block .f_right_child.right{ float:right;}
.wxx_financial3 .block .div{ height:522px;}
.wxx_financial3 .div.other .f_text h3,.wxx_financial3 .div.other .f_text p{ color:#474747; }







/*首页*/
.wxx_home1 .title h1{ font-size:26px; color:#ffffff; line-height:1.2;}
.wxx_home1 .title h2{ font-size:14px; color:#ffffff; line-height:1.5; text-transform:uppercase; margin-top:5px;}
.wxx_home1 .part1{ background:#a78a5c; width:684px; padding:10px 0;margin-top:122px; position:relative;}
.wxx_home1 .part1 .title{ width:122px; float:left;  position:absolute; left:22px; top:35px;}
.wxx_home1 .part1 .focus{ width:100%; height:223px; overflow:hidden; position:relative; float:right;}
.wxx_home1 .part1 .focus .frame{ width:100%; height:223px; overflow:hidden; position:relative; float:left;}
.wxx_home1 .part1 .focus .frame .child{ width:100%; height:223px; overflow:hidden; position:relative; float:left;}
.wxx_home1 .part1 .focus .frame .child .pic{ width:164px; height:223px; float:left; margin-right:7px; border-radius:10px;}
.wxx_home1 .part1 .focus .frame .child .list{ float:right;}
.wxx_home1 .part1 .focus .prev{ width:13px; height:24px; display:block; background:url(../image/wxx/prev1.png) center center no-repeat; position:absolute; left:22px; bottom:15px;}
.wxx_home1 .part1 .focus .next{ width:13px; height:24px; display:block; background:url(../image/wxx/next1.png) center center no-repeat; position:absolute; left:50px; bottom:15px;}
.wxx_home1 .part2{ width:535px; height:485px; overflow:hidden; float:right;}