@import url(animate.css);
/* CSS Document */


#web { min-width: 1202px; }



.buildCon { width: 100%; overflow: hidden; }
.buildCon .brand { height: 518px; background-color: #9b58b5; }
.buildCon .brand .rb { margin-left: -56px; z-index: 3; }
.buildCon .brand .wordTit { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .6s forwards; }
.buildCon .brand p { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .8s forwards; }
.buildCon .brand .wordBox { top: 173px; margin-left: -500px; }
.buildCon .brand .wordBox .more { background-color: #fff; color: #9b58b5; -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease 1s forwards; }
.buildCon .brand .wordBox .more:hover { background-color: #9b58b5; color: #fff; }
.buildCon .brand .img { position: absolute; width: 673px; top: 95px; left: 50%; margin-left: -160px; -webkit-transform-style: preserve-3d; z-index: 2; }
.buildCon .brand .img img { position: absolute; display: block; }
.buildCon .brand .img img.tv { top: 5px; right: 0; width: 438px; height: 349px; z-index: 1; }
.buildCon .brand .img img.woman { top:0px; left:0px; width: 650px; height:406px; z-index: 2; -webkit-animation-name: woman; -webkit-animation-duration: .6s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.buildCon .portal { height: 632px; background-color: #fff; }
.buildCon .portal .wordBox { top: 170px; margin-left: 85px; -webkit-opacity: 0; }
.buildCon .portal .wordBox p, .buildCon .portal .wordBox .wordTit { color: #1c8fb9; }
.buildCon .portal .wordBox .more { background-color: #1c8fb9; }
.buildCon .portal .wordBox .more:hover { background-color: #fff; color: #1c8fb9; border-color: #1c8fb9; }
.buildCon .portal .goNext { top: -63px; }
.buildCon .portal .img { position: absolute; width: 569px; height: 452px; left: 50%; top: 140px; margin-left: -556px; -webkit-opacity: 0; }
.buildCon .portal.anim .img { -webkit-animation: bounceInDown .6s ease forwards; }
.buildCon .portal.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .market { height: 651px; background-color: #47c5a0; -webkit-transform-style: preserve-3d; }
.buildCon .market .wordBox { top: 210px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .market .wordBox .more { background-color: #fff; color: #47c5a0; }
.buildCon .market .wordBox .more:hover { background-color: #47c5a0; color: #fff; }
.buildCon .market .goNext { top: -42px; }
.buildCon .market .img { position: absolute; width: 550px; height:420px; left: 50%; top: 140px; margin-left:-10px; -webkit-opacity: 0; }
.buildCon .market.anim .img { -webkit-animation: zoomInRightDown .6s both; }
.buildCon .market.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .ec { height: 647px; background-color: #fef8e9; }
.buildCon .ec .wordBox { top: 255px; margin-left: 50px; -webkit-opacity: 0; }
.buildCon .ec .wordBox p, .buildCon .ec .wordBox .wordTit { color: #96b91c; }
.buildCon .ec .wordBox .more { background-color: #96b91c; }
.buildCon .ec .wordBox .more:hover { background-color: #fef8e9; color: #96b91c; border-color: #96b91c; }
.buildCon .ec .goNext { top: -8px; }
.buildCon .ec .img { position: absolute; width: 820px; height: 335px; left: 50%; top: 90px; margin-left: -780px; -webkit-opacity: 0; }
.buildCon .ec .img .balloon { position: absolute; display: block; width: 76px; height: 156px; top: 0; left: 177px; transform-origin: right bottom; -webkit-animation: shakeLR 4s infinite linear both; }
.buildCon .ec.anim .img { -webkit-animation: wikifadeIn .6s both; }
.buildCon .ec.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; width: 455px; }
.buildCon .infopor { height: 498px; background-color: #34495e; }
.buildCon .infopor .wordBox { top: 145px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .infopor .wordBox .more:hover { background-color: #34495e; color: #fff; }
.buildCon .infopor .goNext { top: -8px; }
.buildCon .infopor .img { position: absolute; width: 650px; height: 337px; left: 50%; top:130px; margin-left: -100px; -webkit-opacity: 0; }
.buildCon .infopor.anim .img { -webkit-animation: wikiLT2RB 1s forwards; }
.buildCon .infopor.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; width: 455px; }
.buildCon .rt { position: absolute; left: 50%; top: 0; }
.buildCon .rb { position: absolute; left: 50%; bottom: 0; }
.buildCon .lt { position: absolute; left: 50%; top: 0; margin-left: -954px; }
.buildCon .lb { position: absolute; left: 50%; bottom: 0; margin-left: -954px; }

.buildBox { position: relative; width: 100%; z-index: 1; }
.buildBox .wordBox { position: absolute; left: 50%; width: 395px; color: #fff; }
.buildBox .wordBox .wordTit { color: #fff; }
.buildBox .wordBox .wordTit h3 { display: block; float: left; font-size: 68px; margin-right: 5px; font-weight: bold; }
.buildBox .wordBox .wordTit h5 { font-size: 36px; font-weight: bold; line-height: 64px; }
.buildBox .wordBox .wordTit h6 { font-family: "Arial"; font-size: 24px; line-height: 15px; }
.buildBox .wordBox p { margin-bottom: 25px; font-size: 14px; line-height: 28px; color: #fff; margin-top:20px;}
.buildBox .wordBox .more { display: block; width: 127px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border-radius: 5px; color: #fff; border: 1px solid #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildBox .goNext { position: absolute; width: 51px; height: 51px; left: 50%; margin-left: 25px; background: url(../images/icon25.png) no-repeat; cursor: pointer; transition: 1s ease all; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; z-index: 9; }
.buildBox .goNext.up { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.buildBox .goNext:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.buildFloat { position: fixed; width: 88px; top: 100px; right: 10px; z-index: 999; box-shadow: 1px 1px 5px #bbb; border-radius: 44px; overflow: hidden; }
.buildFloat .bfTop { width: 100%; height: 40px; background: url(../images/icon27.png) no-repeat; border-top-right-radius: 44px; border-top-left-radius: 4px; overflow: hidden; }
.buildFloat .bfBot { width: 100%; height: 40px; background: url(../images/icon26.png) no-repeat; border-bottom-right-radius: 44px; border-bottom-left-radius: 44px; overflow: hidden; }
.buildFloat .bfBot a { display: block; width: 100%; height: 40px; background: url(../images/top1.png) center 10% no-repeat; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.buildFloat .bfBot a:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.buildFloat ul { padding-top: 5px; width: 86px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; overflow: hidden; }
.buildFloat ul li { margin-bottom: 15px; text-align: center; font-size: 14px; line-height: 24px; cursor: pointer; }
.buildFloat ul li:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); }
.buildFloat ul li i { display: block; width: 39px; height: 39px; margin: 0 auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildFloat ul li.bf1 { color: #d91e3e; }
.buildFloat ul li.bf1 i { background: url(../images/icon28.png) no-repeat; }
.buildFloat ul li.bf2 { color: #47a3c5; }
.buildFloat ul li.bf2 i { background: url(../images/icon29.png) no-repeat; }
.buildFloat ul li.bf3 { color: #199a79; }
.buildFloat ul li.bf3 i { background: url(../images/icon30.png) no-repeat; }
.buildFloat ul li.bf4 { color: #7b9b20; }
.buildFloat ul li.bf4 i { background: url(../images/icon31.png) no-repeat; }
.buildFloat ul li.bf5 { color: #b9871c; }
.buildFloat ul li.bf5 i { background: url(../images/icon32.png) no-repeat; }


/* 0411 */
.indexFloatCon { position: fixed; display: block; left: 0; top:40%; width: 50px; z-index: 9999;}
.indexFloatCon li { position: relative; margin-bottom: 1px; height: 50px; }
.indexFloatCon li:first-child { height: 45px; overflow: hidden; }
.indexFloatCon li.wenti > a { background: #35373a url(../images/tit12.png) left center no-repeat; }
.indexFloatCon li.wenti:hover > a { background-color: #d51737; }
.indexFloatCon li:hover a { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexFloatCon li.mb4 { margin-bottom: 4px; }
.indexFloatCon li a { display: block; height: 50px; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.indexFloatCon li a.indexGoTop { position: absolute; width: 100%; left: 0; top: 46px; background: url(../images/top.png) no-repeat; }
.indexFloatCon li a.on { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexFloatCon li a.online, .indexFloatCon li a.bf1, .indexFloatCon li a.bf2, .indexFloatCon li a.bf3, .indexFloatCon li a.bf4, .indexFloatCon li a.bf5, .indexFloatCon li a.nextPage, .indexFloatCon li a.goList, .indexFloatCon li a.prevPage { position: absolute; top: 0; left: 0; width: 140px; background: #35373a url(../images/online.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; }
.indexFloatCon li a.online:hover, .indexFloatCon li a.bf1:hover, .indexFloatCon li a.bf2:hover, .indexFloatCon li a.bf3:hover, .indexFloatCon li a.bf4:hover, .indexFloatCon li a.bf5:hover, .indexFloatCon li a.nextPage:hover, .indexFloatCon li a.goList:hover, .indexFloatCon li a.prevPage:hover { background-color: #d51737; }
.indexFloatCon li a.erweima { background: #35373a url(../images/tit11.png) left center no-repeat; }
.indexFloatCon li a.erweima:hover { background-color: #d51737; }
.indexFloatCon li a.bf1 { background: #35373a url(../images/tit13.png) left center no-repeat; }
.indexFloatCon li a.bf1:hover, .indexFloatCon li a.bf1.on { background-color: #d51737; }
.indexFloatCon li a.bf2 { background: #35373a url(../images/tit14.png) left center no-repeat; }
.indexFloatCon li a.bf2:hover, .indexFloatCon li a.bf2.on { background-color: #1c8fb9; }
.indexFloatCon li a.bf3 { background: #35373a url(../images/tit15.png) left center no-repeat; }
.indexFloatCon li a.bf3:hover, .indexFloatCon li a.bf3.on { background-color: #1cb98b; }
.indexFloatCon li a.bf4 { background: #35373a url(../images/tit16.png) left center no-repeat; }
.indexFloatCon li a.bf4:hover, .indexFloatCon li a.bf4.on { background-color: #96b91c; }
.indexFloatCon li a.bf5 { background: #35373a url(../images/tit17.png) left center no-repeat; }
.indexFloatCon li a.bf5:hover, .indexFloatCon li a.bf5.on { background-color: #b9871c; }
.indexFloatCon li a.nextPage { background-image: url(../images/icon15.png); background-color: #35373a; }
.indexFloatCon li a.nextPage:hover { background-color: #d51737; }
.indexFloatCon li a.goList { background-image: url(../images/icon17.png); background-color: #35373a; }
.indexFloatCon li a.goList:hover { background-color: #d51737; }
.indexFloatCon li a.prevPage { background-image: url(../images/icon20.png); background-color: #35373a; }
.indexFloatCon li a.prevPage:hover { background-color: #d51737; }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 20px 10px 10px; bottom: 0; right: 50px; width: 210px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.indexFloatCon li .ewmCon .ewm { float: left; margin: 0 10px; width: 85px; text-align: center; }
.indexFloatCon li .ewmCon .ewm img { display: block; width: 100%; }
.indexFloatCon li .ewmCon .ewm p { color: #666; }
.indexFloatCon li .wentiCon { position: absolute; display: none; left: 50px; bottom: 0px; padding: 20px; width: 240px; border: 1px solid #ddd; background-color: #fff; overflow: hidden; }
.indexFloatCon li .wentiCon dt { height: 22px; line-height: 22px; font-size: 16px; border-left: 3px solid #d6203f; padding-left: 10px; margin-bottom: 10px; }
.indexFloatCon li .wentiCon dt a { float: right; font-size: 14px; color: #999; height: auto; display: none; }
.indexFloatCon li .wentiCon dt a:hover { color: #d6203f; }
.indexFloatCon li .wentiCon dd a { font-size: 14px; line-height: 26px; color: #666; height: auto; }
.indexFloatCon li .wentiCon dd a:hover { color: #d6203f; }
.indexFloatCon li .wentiCon:hover dt a { display: block; }