/*web reset css begin*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time { padding:0; margin:0; font-family:Arial,SimSun; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
caption{ font-weight:normal; text-align:left; }

input, button, select { vertical-align:middle; }
fieldset, img, abbr, acronym { border:0; }
textarea { resize:none; overflow:auto; }
ul, ol { list-style:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html, body { width:100%; height:100%; font-size:12px; line-height:normal; -webkit-text-size-adjust:none; }
html { overflow-y:auto; *overflow-y:scroll; }
:focus { outline:0; }
a,a:visited,a:active { background:none; color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
/*web reset css end*/

/*web public css begin*/
.none { display:none!important; }
.block { display:block!important; }
.nmt { margin-top:0!important; }
.nmr { margin-right:0!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.nmb { margin-bottom:0!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.nml { margin-left:0!important; }
.npd { padding:0!important; }
.npt { padding-top:0!important; }
.npr { padding-right:0!important; }
.npb { padding-bottom:0!important; }
.npl { padding-left:0!important; }
.nbd { border:0!important; }
.nbg { background:none!important; }
.fwn { font-weight:normal!important; }
.fwb { font-weight:bold!important; }
.tal { text-align:left!important; }
.tac { text-align:center!important; }
.tar { text-align:right!important; }
.spriteBase { overflow:hidden!important; background:url(../images/sprite.png) no-repeat!important; text-indent:-9999px!important; }
/*web public css end*/

/*web editor css begin*/
#editor { text-align:left; }
#editor h1 { font-size:14px; font-weight:bold; margin:10px 0; }
#editor strong { font-weight:bold; color:#666; }
#editor em { font-style:italic; }
#editor u { text-decoration:underline; }
#editor strike { text-decoration:line-through; }
#editor p { margin:0 0 20px 0; line-height:28px; color:#666; }
#editor img { max-width:100%; }
/*web editor css end*/

/*web clear css begin*/
.clearFix { *zoom:1; }
.clearFix:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
/*web clear css end*/

/*web common css begin*/
.op:hover img { opacity:0.8; filter:Alpha(opacity=80); }
.bg01 { background:#F6F3EA url(../images/bg00.jpg) 0 0 repeat-x; }
.bodyHtml { height:auto; background:url(../images/bg98.jpg) 50% 0 no-repeat; }
.bodyHtml body { height:auto; background:url(../images/body_bg01.jpg) 50% 0 no-repeat; }
.bodyHtml .header { padding-left:20px; padding-right:20px; background:#FFF; }
.bodyHtml .footer { padding-left:20px; padding-right:20px; background:#FFF; }
.bg01Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg01Html body { height:auto; background:url(../images/body_bg05.jpg) 50% 0 no-repeat; }
.bg02Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg02Html body { height:auto; background:url(../images/body_bg07.jpg) 50% 0 no-repeat; }
.bg03Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg03Html body { height:auto; background:url(../images/body_bg04.jpg) 50% 0 no-repeat; }
.bg04Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg04Html body { height:auto; background:url(../images/body_bg02.jpg) 50% 0 no-repeat; }
.bg05Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg05Html body { height:auto; background:url(../images/body_bg06.jpg) 50% 0 no-repeat; }
.bg06Html  { height:auto; background:#F6F3EC url(../images/bg99.jpg) 0 0 repeat; }
.bg06Html body { height:auto; background:url(../images/body_bg03.jpg) 50% 0 no-repeat; }
.body404 { background:url(../images/bg000.jpg) 50% 0 no-repeat; }
.body404 .wrap { overflow:hidden; width:920px; margin:0 auto; }
.body404 .wrap .back,
.body404 .wrap .back:visited,
.body404 .wrap .back:hover,
.body404 .wrap .back:active { display:block; float:right; overflow:hidden; width:160px; height:50px; margin:470px 0 0 0; background:#CAB1C8; font-family:Microsoft YaHei; font-size:20px; line-height:50px; color:#FFF; text-decoration:none; text-align:center; }
.body404 .wrap .back:hover { background:#D2BCCE; }
.bodyNone { background:url(../images/bg001.jpg) 50% 50% no-repeat; }
.bodyNone a,
.bodyNone a:visited,
.bodyNone a:hover,
.bodyNone a:active { display:block; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; }
.header { overflow:hidden; width:960px; height:130px; margin:0 auto; }
.header .logo { display:block; float:left; overflow:hidden; width:102px; height:76px; margin:25px 55px 0 0; }
.header .logo a,
.header .logo a:visited,
.header .logo a:hover,
.header .logo a:active { display:block; overflow:hidden; width:102px; height:76px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; }
.header .menu { display:block; float:left; width:400px; height:30px; margin:50px 25px 0 0; }
.header .menu li { display:block; _display:inline; float:left; position:relative; width:50px; height:30px; padding:0 0 0 15px; margin:0 0 0 15px; }
.header .menu li a,
.header .menu li a:visited,
.header .menu li a:hover,
.header .menu li a:active { font-family:Microsoft YaHei; font-size:16px; line-height:30px; color:#000; text-decoration:none; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.header .menu li a:hover { color:#999; }
.header .menu .nav { background:url(../images/ico01.png) 100% 13px no-repeat; }
.header .menu .nav ul { display:none; position:absolute; left:2px; top:40px; width:640px; opacity:0; filter:Alpha(opacity=0); }
.header .menu .nav ul li { display:block; float:left; position:relative; width:65px; height:20px; padding:0 0 0 15px; margin:0; }
.header .menu .nav ul li a,
.header .menu .nav ul li a:visited,
.header .menu .nav ul li a:hover,
.header .menu .nav ul li a:active { font-size:14px; line-height:20px; color:#666; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.header .menu .nav ul li a:hover { color:#999; }
.header .menu .drop { height:60px; padding:0 0 0 13px; border-left:2px solid #CCC; }
.header .menu .drop ul { left:0; }
.header .menu .drop a,
.header .menu .drop a:visited,
.header .menu .drop a:hover,
.header .menu .drop a:active { color:#999; }
.header .menu .current a,
.header .menu .current a:visited,
.header .menu .current a:hover,
.header .menu .current a:active,
.header .menu .current ul .current a,
.header .menu .current ul .current a:visited,
.header .menu .current ul .current a:hover,
.header .menu .current ul .current a:active { color:#6C2E74; }
.header .guide { display:block; float:left; overflow:hidden; width:100px; height:30px; margin:50px 0 0 0; }
.header .guide a,
.header .guide a:visited,
.header .guide a:hover,
.header .guide a:active { display:block; overflow:hidden; width:80px; height:30px; padding:0 10px; background:#6C2E74; font-family:Microsoft YaHei; font-size:16px; line-height:30px; color:#FFF; text-decoration:none; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.header .guide a:hover { background:#87558F; }
.header .telephone { display:block; float:right; overflow:hidden; width:250px; height:20px; margin:55px 0 0 0; }
.header .telephone span { display:block; overflow:hidden; width:250px; height:20px; background:url(../images/bg01.png) 0 0 no-repeat; text-indent:-9999px; }
.footer { position:relative; width:960px; padding:0 0 50px 0; margin:0 auto; }
.footer:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
.footer .nav { overflow:hidden; border-top:1px solid #CCC; padding:19px 0 0 0; margin:0 0 10px 0; }
.footer .nav em { margin:0 10px; font-family:SimSun; line-height:20px; color:#000; }
.footer .nav a,
.footer .nav a:visited,
.footer .nav a:hover,
.footer .nav a:active { line-height:20px; color:#000; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.footer .nav a:hover { color:#6C2E74; }
.footer .copyright { overflow:hidden; }
.footer .copyright span { line-height:20px; color:#999; }
.footer .copyright span a,
.footer .copyright span a:visited,
.footer .copyright span a:hover,
.footer .copyright span a:active { line-height:20px; color:#999; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.footer .copyright span a:hover { color:#BBB; }
.footer .copyright p { line-height:20px; color:#333; }
.footer .copyright p a,
.footer .copyright p a:visited,
.footer .copyright p a:hover,
.footer .copyright p a:active { line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.footer .copyright p a:hover { color:#6C2E74; }
.footer .link { position:absolute; right:240px; top:24px; }
.footer .link a,
.footer .link a:visited,
.footer .link a:hover,
.footer .link a:active { display:block; float:left; overflow:hidden; width:30px; height:25px; margin:0 0 0 20px; background:url(../images/sprite.png) 0 0 no-repeat; text-indent:-9999px; }
.footer .link .link01,
.footer .link .link01:visited,
.footer .link .link01:hover,
.footer .link .link01:active { background-position:0 0; }
.footer .link .link01:hover { background-position:0 -30px; }
.footer .link .link02,
.footer .link .link02:visited,
.footer .link .link02:hover,
.footer .link .link02:active { background-position:-40px 0; }
.footer .link .link02:hover { background-position:-40px -30px; }
.footer .link .link03,
.footer .link .link03:visited,
.footer .link .link03:hover,
.footer .link .link03:active { background-position:-80px 0; }
.footer .link .link03:hover { background-position:-80px -30px; }
.footer .code { display:none; position:absolute; right:310px; top:-95px; width:80px; height:80px; padding:10px 10px 20px 10px; background:url(../images/bg02.png) 0 0 no-repeat; opacity:0; filter:Alpha(opacity=0); }
.footer .code img { display:block; width:80px; height:80px; }
.footer .telephone { position:absolute; right:240px; top:64px; }
.footer .telephone span { display:block; overflow:hidden; width:250px; height:20px; background:url(../images/bg01.png) 0 0 no-repeat; text-indent:-9999px; }
.footer .attest { overflow:hidden; position:absolute; right:20px; top:14px; }
.footer .attest .ico01,
.footer .attest .ico01:visited,
.footer .attest .ico01:hover,
.footer .attest .ico01:active { display:block; float:left; overflow:hidden; cursor:pointer; width:80px; height:80px; margin:0 10px 0 0; text-decoration:none; }
.footer .attest .ico02,
.footer .attest .ico02:visited,
.footer .attest .ico02:hover,
.footer .attest .ico02:active { display:block; float:left; overflow:hidden; cursor:pointer; width:100px; height:80px; text-decoration:none; }
.footer .attest .ico { display:block; overflow:hidden; }
.footer .attest .ico img { display:block; margin:0 auto; }
.footer .attest .title { display:block; overflow:hidden; line-height:20px; color:#666; text-align:center; }
.footer .attest a:hover .title { color:#999; }
.aside { overflow:hidden; position:absolute; top:20%; left:50%; z-index:9; width:50px; height:265px; margin:0 0 0 500px; }
.aside .link { overflow:hidden; width:50px; height:195px; padding:10px 0; background:none; }
.aside .link a,
.aside .link a:visited,
.aside .link a:hover,
.aside .link a:active { display:block; overflow:hidden; width:35px; height:35px; margin:0 auto 5px auto; background:url(../images/sprite.png) 0 0 no-repeat; text-indent:-9999px; }
.aside .link .link01,
.aside .link .link01:visited,
.aside .link .link01:hover,
.aside .link .link01:active { background-position:0 -190px; }
.aside .link .link01:hover { background-position:0 -230px; }
.aside .link .link02,
.aside .link .link02:visited,
.aside .link .link02:hover,
.aside .link .link02:active { background-position:-40px -190px; }
.aside .link .link02:hover { background-position:-40px -230px; }
.aside .link .link03,
.aside .link .link03:visited,
.aside .link .link03:hover,
.aside .link .link03:active { background-position:-80px -190px; }
.aside .link .link03:hover { background-position:-80px -230px; }
.aside .link .link04,
.aside .link .link04:visited,
.aside .link .link04:hover,
.aside .link .link04:active { background-position:-120px -190px; }
.aside .link .link04:hover { background-position:-120px -230px; }
.aside .link .link05,
.aside .link .link05:visited,
.aside .link .link05:hover,
.aside .link .link05:active { background-position:-160px -190px; }
.aside .link .link05:hover { background-position:-160px -230px; }
.aside .pageTop,
.aside .pageTop:visited,
.aside .pageTop:hover,
.aside .pageTop:active { display:none; overflow:hidden; width:50px; height:50px; background:url(../images/sprite.png) 0 -130px no-repeat; text-indent:-9999px; }
.aside .pageTop:hover { background-position:-60px -130px; }
/*web common css end*/

/*web index css begin*/
.indexMain { overflow:hidden; width:960px; padding:0 20px; margin:0 auto; background:#FFF; }
.indexFlash { overflow:hidden; position:relative; width:960px; height:380px; margin:0 0 20px 0; }
.indexFlash .photo { display:block; float:left; overflow:hidden; width:825px; height:380px; }
.indexFlash .photo .list { overflow:hidden; position:relative; width:825px; height:380px; }
.indexFlash .photo .list li { display:none; overflow:hidden; position:absolute; left:0; top:0; z-index:1; width:825px; height:380px; background-position:50% 0; background-repeat:no-repeat; opacity:0; filter:Alpha(opacity=0); }
.indexFlash .photo .list li .cover { display:block; width:825px; height:380px; }
.indexFlash .photo .list li .cover img { display:block; width:825px; height:380px; }
.indexFlash .photo .list .current { display:block; z-index:3; opacity:1; filter:Alpha(opacity=100); }
.indexFlash .thumb { display:block; float:right; overflow:hidden; width:120px; height:380px; }
.indexFlash .thumb .list { overflow:hidden; }
.indexFlash .thumb .list li { display:block; overflow:hidden; width:120px; height:68px; margin:0 0 10px 0; }
.indexFlash .thumb .list li .cover { display:block; width:120px; height:68px; background:#000; }
.indexFlash .thumb .list li .cover img { display:block; width:120px; height:68px; opacity:0.5; filter:Alpha(opacity=50); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexFlash .thumb .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.indexFlash .thumb .list .current .cover img { opacity:1; filter:Alpha(opacity=100); }
.indexNotice { overflow:hidden; position:relative; width:960px; height:40px; margin:0 0 40px 0; background:#CCC; }
.indexNotice .title { display:block; float:left; overflow:hidden; width:260px; height:40px; background:url(../images/bg03.jpg) 0 0 no-repeat; text-indent:-9999px; }
.indexNotice .news { display:block; float:left; overflow:hidden; width:460px; height:20px; margin:10px 0 0 40px; }
.indexNotice .news li { overflow:hidden; }
.indexNotice .news li a,
.indexNotice .news li a:visited,
.indexNotice .news li a:hover,
.indexNotice .news li a:active { line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNotice .news li a:hover { color:#6C2E74; }
.indexNotice .control { position:absolute; right:20px; top:15px; }
.indexNotice .control a,
.indexNotice .control a:visited,
.indexNotice .control a:hover,
.indexNotice .control a:active { display:block; float:left; overflow:hidden; width:10px; height:10px; margin:0 0 0 5px; background:url(../images/sprite.png) -120px 0 no-repeat; text-indent:-9999px; }
.indexNotice .control a:hover { background-position:-120px -20px; }
.indexNotice .control .current,
.indexNotice .control .current:visited,
.indexNotice .control .current:hover,
.indexNotice .control .current:active { background-position:-120px -40px; }
.indexAbout { overflow:hidden; margin:0 0 40px 0; }
.indexAbout .header { overflow:hidden; position:relative; width:960px; height:260px; margin:0 0 40px 0; }
.indexAbout .header .title { display:block; float:left; overflow:hidden; width:300px; height:260px; background:url(../images/bg04.png) 0 0 no-repeat; text-indent:-9999px; }
.indexAbout .header .detail { display:block; float:right; overflow:hidden; width:640px; }
.indexAbout .header .detail p { padding:0 0 24px 0; border-bottom:1px dashed #CCC; margin:0 0 25px 0; line-height:20px; color:#707070; }
.indexAbout .header .detail .last { padding:0; border-bottom:0; margin:0; }
.indexAbout .header .more,
.indexAbout .header .more:visited,
.indexAbout .header .more:hover,
.indexAbout .header .more:active { overflow:hidden; position:absolute; left:220px; top:160px; z-index:9; width:75px; height:75px; background:url(../images/sprite.png) 0 -280px no-repeat; text-indent:-9999px; }
.indexAbout .header .more:hover { background-position:-90px -280px; }
.indexAbout .season { overflow:hidden; margin:0 0 25px 0; }
.indexAbout .season .title { display:block; overflow:hidden; width:500px; height:25px; margin:0 0 25px 0; background:url(../images/bg13.jpg) 0 0 no-repeat; text-indent:-9999px; }
.indexAbout .season .list { overflow:hidden; width:990px; margin:0 0 0 -30px; }
.indexAbout .season .list li { display:block; float:left; overflow:hidden; position:relative; width:300px; height:120px; margin:0 0 0 30px; }
.indexAbout .season .list li .cover { display:block; float:left; overflow:hidden; width:120px; height:120px; margin:0 20px 0 0; }
.indexAbout .season .list li .cover img { display:block; width:120px; height:120px; }
.indexAbout .season .list li .title { overflow:hidden; position:absolute; left:60px; top:80px; z-index:9; width:65px; height:25px; background:url(../images/bg14.png) 0 0 no-repeat; font-family:Microsoft YaHei; line-height:25px; color:#FFF; text-indent:0; text-align:center; opacity:1; filter:Alpha(opacity=100); }
.indexAbout .season .list li .detail { display:block; float:left; overflow:hidden; width:160px; height:60px; margin:30px 0; line-height:20px; color:#666; }
.indexAbout .photo { display:block; float:left; overflow:hidden; width:735px; height:210px; }
.indexAbout .photo .list { overflow:hidden; }
.indexAbout .photo .list li { display:block; float:left; overflow:hidden; position:relative; width:225px; height:210px; margin:0 20px 0 0; }
.indexAbout .photo .list li .mask,
.indexAbout .photo .list li .mask:visited,
.indexAbout .photo .list li .mask:hover,
.indexAbout .photo .list li .mask:active { display:none; position:absolute; left:0; top:0; z-index:9; width:225px; height:80px; padding:130px 0 0 0; background:url(../images/bg05.png) 0 0 no-repeat; text-decoration:none; text-align:center; }
.indexAbout .photo .list li:hover .mask,
.indexAbout .photo .list li:hover .mask:visited,
.indexAbout .photo .list li:hover .mask:hover,
.indexAbout .photo .list li:hover .mask:active { display:block; }
.indexAbout .photo .list li .mask .ch { margin:0 10px 0 0; font-size:14px; font-weight:bold; line-height:20px; color:#FFF; }
.indexAbout .photo .list li .mask .en { line-height:20px; color:#FFF; }
.indexAbout .photo .list li .title { position:absolute; left:0; bottom:0; width:185px; height:20px; padding:10px 20px; background:url(../images/op02.png) 0 0 repeat; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexAbout .photo .list li .title .ch { margin:0 10px 0 0; line-height:20px; color:#FFF; }
.indexAbout .photo .list li .title .en { line-height:20px; color:#FFF; }
.indexAbout .photo .list li:hover .title { opacity:0; filter:Alpha(opacity=0); }
.indexAbout .photo .list li .cover { display:block; width:225px; height:210px; }
.indexAbout .photo .list li .cover img { display:block; width:225px; height:210px; }
.indexAbout .link { display:block; float:left; overflow:hidden; width:225px; height:210px; }
.indexAbout .link .ico { position:absolute; left:20px; top:16px; width:28px; height:28px; background:url(../images/sprite.png) 0 0 no-repeat; text-indent:-9999px; }
.indexAbout .link .ico01 { background-position:0 -60px; }
.indexAbout .link .ico02 { background-position:-40px -60px; }
.indexAbout .link .ico03 { background-position:-80px -60px; }
.indexAbout .link .ch { display:block; font-weight:bold; line-height:15px; color:#FFF; }
.indexAbout .link .en { display:block; font-weight:bold; line-height:15px; color:#FFF; }
.indexAbout .link a,
.indexAbout .link a:visited,
.indexAbout .link a:hover,
.indexAbout .link a:active { display:block; overflow:hidden; position:relative; width:160px; height:30px; padding:15px 0 15px 65px; margin:0 0 15px 0; background:#BBB; text-decoration:none; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexAbout .link a:hover { background:#6C2E74; }
.indexActive { overflow:hidden; margin:0 0 40px 0; }
.indexActive .header { overflow:hidden; position:relative; width:960px; height:25px; margin:0 0 25px 0; }
.indexActive .header .title { display:block; overflow:hidden; width:440px; height:25px; background:url(../images/bg06.jpg) 0 0 no-repeat; text-indent:-9999px; }
.indexActive .header .more,
.indexActive .header .more:visited,
.indexActive .header .more:hover,
.indexActive .header .more:active { position:absolute; right:0; bottom:0; width:37px; height:13px; background:url(../images/sprite.png) -120px -60px no-repeat; text-indent:-9999px; }
.indexActive .header .more:hover { background-position:-160px -60px; }
.indexActive .list { overflow:hidden; width:990px; margin:0 0 0 -30px; }
.indexActive .list li { display:block; _display:inline; float:left; overflow:hidden; width:300px; height:260px; margin:0 0 0 30px; }
.indexActive .list li .cover { display:block; overflow:hidden; position:relative; width:300px; height:130px; margin:0 0 20px 0; }
.indexActive .list li .cover img { display:block; width:300px; height:130px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexActive .list li .cover .soon { overflow:hidden; position:absolute; left:0; top:0; width:67px; height:67px; background:url(../images/bg12.png) 0 0 no-repeat; text-indent:-9999px; }
.indexActive .list li .article { overflow:hidden; }
.indexActive .list li .article .title { display:block; overflow:hidden; }
.indexActive .list li .article .title a,
.indexActive .list li .article .title a:visited,
.indexActive .list li .article .title a:hover,
.indexActive .list li .article .title a:active { font-size:14px; font-weight:bold; line-height:20px; color:#333; }
.indexActive .list li .article .date { display:block; overflow:hidden; margin:0 0 10px 0; line-height:20px; color:#999; }
.indexActive .list li .article .detail { line-height:20px; color:#999; }
.indexActive .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.indexActive .list li:hover .article .title a,
.indexActive .list li:hover .article .title a:visited,
.indexActive .list li:hover .article .title a:hover,
.indexActive .list li:hover .article .title a:active { color:#6C2E74; text-decoration:underline; }
.indexProduct { overflow:hidden; margin:0 0 40px 0; }
.indexProduct .header { overflow:hidden; position:relative; width:960px; height:25px; margin:0 0 25px 0; }
.indexProduct .header .title { display:block; overflow:hidden; width:440px; height:25px; background:url(../images/bg07.jpg) 0 0 no-repeat; text-indent:-9999px; }
.indexProduct .header .more,
.indexProduct .header .more:visited,
.indexProduct .header .more:hover,
.indexProduct .header .more:active { position:absolute; right:0; bottom:0; width:37px; height:13px; background:url(../images/sprite.png) -120px -60px no-repeat; text-indent:-9999px; }
.indexProduct .header .more:hover { background-position:-160px -60px; }
.indexProduct .list { overflow:hidden; width:980px; margin:0 0 0 -20px; }
.indexProduct .list li { display:block; _display:inline; float:left; overflow:hidden; width:225px; height:287px; border-bottom:3px solid #EAE6DD; margin:0 0 0 20px; }
.indexProduct .list li .wrap { width:205px; height:267px; padding:9px; border:1px solid #DCDADB; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexProduct .list li .wrap .cover { display:block; width:205px; height:135px; margin:0 0 15px 0; }
.indexProduct .list li .wrap .cover img { display:block; width:205px; height:135px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexProduct .list li .wrap .article { overflow:hidden; position:relative; _zoom:1; }
.indexProduct .list li .wrap .article .titleCh { display:block; overflow:hidden; }
.indexProduct .list li .wrap .article .titleCh a,
.indexProduct .list li .wrap .article .titleCh a:visited,
.indexProduct .list li .wrap .article .titleCh a:hover,
.indexProduct .list li .wrap .article .titleCh a:active { font-size:14px; font-weight:bold; line-height:20px; color:#333; }
.indexProduct .list li .wrap .article .titleEn { display:block; padding:0 0 4px 0; border-bottom:1px solid #CCC; margin:0 0 10px 0; line-height:20px; color:#BBB; }
.indexProduct .list li .wrap .article .buy,
.indexProduct .list li .wrap .article .buy:visited,
.indexProduct .list li .wrap .article .buy:hover,
.indexProduct .list li .wrap .article .buy:active { position:absolute; right:0; top:0; width:50px; height:20px; background:url(../images/sprite.png) 0 -100px no-repeat; font-weight:bold; line-height:20px; color:#FFF; text-decoration:none; text-align:center; }
.indexProduct .list li .wrap .article .detail { line-height:20px; color:#999; }
.indexProduct .list li:hover { border-color:#E5DEE0; }
.indexProduct .list li:hover .wrap { border-color:#6C2E74; background:#EEE; }
.indexProduct .list li:hover .wrap .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.indexProduct .list li:hover .wrap .article .titleCh a,
.indexProduct .list li:hover .wrap .article .titleCh a:visited,
.indexProduct .list li:hover .wrap .article .titleCh a:hover,
.indexProduct .list li:hover .wrap .article .titleCh a:active { color:#6C2E74; text-decoration:underline; }
.indexProduct .list li:hover .wrap .article .buy,
.indexProduct .list li:hover .wrap .article .buy:visited,
.indexProduct .list li:hover .wrap .article .buy:hover,
.indexProduct .list li:hover .wrap .article .buy:active { background-position:-60px -100px; }
/*web index css end*/

/*web other css begin*/
.columnBanner { display:block; overflow:hidden; width:960px; height:210px; margin:0 auto; }
.columnBanner img { display:block; width:960px; height:210px; margin:0 auto; }
.pageFlip { overflow:hidden; font-size:0; text-align:right; }
.pageFlip strong { display:inline-block; padding:0 7px; margin:0 0 0 5px; background:#57195F; font-family:SimSun; font-size:12px; line-height:20px; color:#FFF; }
.pageFlip a,
.pageFlip a:visited,
.pageFlip a:hover,
.pageFlip a:active { display:inline-block; padding:0 7px; margin:0 0 0 5px; background:#DDD; font-family:SimSun; font-size:12px; line-height:20px; color:#666; text-decoration:none; }
.pageFlip a:hover { background:#CCC; }
.pageHeader { overflow:hidden; padding:0 0 9px 0; border-bottom:1px dashed #AAA; margin:0 0 20px 0; text-align:center; }
.pageHeader .pageTitle { display:block; overflow:hidden; padding:0 160px; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:24px; line-height:30px; color:#6C2E74; }
.pageHeader .pageDate { margin:0 10px 0 0; line-height:20px; color:#777; vertical-align:middle; }
.pageHeader .soon { display:inline-block; width:70px; height:20px; margin:0 10px 0 0; background:url(../images/sprite.png) -120px -120px no-repeat; text-indent:-9999px; vertical-align:middle; }
.pageHeader .back,
.pageHeader .back:visited,
.pageHeader .back:hover,
.pageHeader .back:active { display:inline-block; width:70px; height:20px; background:url(../images/sprite.png) -120px -150px no-repeat; text-indent:-9999px; vertical-align:middle; }
.pageHeader .back:hover { opacity:0.8; filter:Alpha(opacity=80); }
.pageEditor { overflow:hidden; min-height:500px; }
.pageMenu { position:relative; z-index:9; width:840px; height:40px; padding:0 0 0 120px; margin:0 0 20px 0; background:#6C2E74; }
.pageMenu .pagePath { position:absolute; left:0; top:10px; width:80px; padding:0 0 0 20px; }
.pageMenu .pagePath strong { font-weight:bold; line-height:20px; color:#FFF; }
.pageMenu .pagePath em { position:absolute; right:0; top:0; font-family:SimSun; line-height:20px; color:#FFF; }
.pageMenu .pageNav { overflow:hidden; padding:10px 0; }
.pageMenu .pageNav a,
.pageMenu .pageNav a:visited,
.pageMenu .pageNav a:hover,
.pageMenu .pageNav a:active { margin:0 20px 0 0; line-height:20px; color:#FFF; }
.pageMenu .pageNav a:hover { text-decoration:underline; }
.pageMenu .pageDrop { clear:both; }
.pageMenu .pageDrop li { display:block; float:left; position:relative; width:80px; height:20px; padding:10px 0; text-align:center; }
.pageMenu .pageDrop li a,
.pageMenu .pageDrop li a:visited,
.pageMenu .pageDrop li a:hover,
.pageMenu .pageDrop li a:active { line-height:20px; color:#FFF; }
.pageMenu .pageDrop li a:hover { text-decoration:underline; }
.pageMenu .pageDrop li ul { display:none; position:absolute; left:0; top:40px; width:80px; padding:5px 0; background:url(../images/op03.png) 0 0 repeat; opacity:0; filter:Alpha(opacity=0); }
.pageMenu .pageDrop li ul li { padding:7px 0; border-bottom:1px dashed #999; margin:0; text-align:center; }
.pageMenu .pageDrop li ul li a,
.pageMenu .pageDrop li ul li a:visited,
.pageMenu .pageDrop li ul li a:hover,
.pageMenu .pageDrop li ul li a:active { line-height:20px; color:#FFF; }
.pageMenu .pageDrop li ul li a:hover { text-decoration:underline; }
.pageMenu .pageTab { position:absolute; right:5px; top:5px; }
.pageMenu .pageTab a,
.pageMenu .pageTab a:visited,
.pageMenu .pageTab a:hover,
.pageMenu .pageTab a:active { display:block; float:left; overflow:hidden; width:95px; height:20px; padding:5px 20px; margin:0 0 0 5px; background:#FAF8F3; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#6C2E74; text-decoration:none; text-align:right; }
.pageMenu .pageTab a:hover { background:#DFDFDF; }
.pageShare { float:right; overflow:hidden; width:180px; height:30px; margin:0 0 15px 0; }
.pageShare .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more { margin:0 0 6px 5px; }
.pageAbout { overflow:hidden; width:960px; padding:40px 0 0 0; margin:0 auto 100px auto; }
.pageProblem { overflow:hidden; width:960px; padding:40px 0 0 0; margin:0 auto 40px auto; }
.pageProblem .problem { overflow:hidden; }
.pageProblem .problem .list { overflow:hidden; }
.pageProblem .problem .list li { overflow:hidden; padding:0 0 19px 0; border-bottom:1px solid #E2E1DD; margin:0 0 20px 0; }
.pageProblem .problem .list li .question { display:block; overflow:hidden; position:relative; _zoom:1; padding:5px 0 5px 40px; margin:0 0 10px 0; font-size:14px; font-weight:bold; line-height:20px; color:#666; }
.pageProblem .problem .list li .question .ico { position:absolute; left:0; top:0; width:30px; height:30px; background:url(../images/sprite.png) -120px -80px no-repeat; text-indent:-9999px; }
.pageProblem .problem .list li .answer { display:block; overflow:hidden; position:relative; _zoom:1; padding:0 0 0 40px; line-height:30px; color:#666; }
.pageProblem .problem .list li .answer .ico { position:absolute; left:0; top:0; width:30px; height:30px; background:url(../images/sprite.png) -160px -80px no-repeat; text-indent:-9999px; }
.pageActive { overflow:hidden; width:960px; padding:40px 0 0 0; margin:0 auto 40px auto; }
.pageActive .active { overflow:hidden; }
.pageActive .active .list { overflow:hidden; }
.pageActive .active .list li { overflow:hidden; _zoom:1; padding:0 0 29px 0; border-bottom:1px dashed #999; margin:0 0 30px 0; }
.pageActive .active .list li .article { display:block; float:left; overflow:hidden; width:500px; margin:0 20px 0 0; }
.pageActive .active .list li .article .title { display:block; overflow:hidden; margin:0 0 20px 0; text-align:right; }
.pageActive .active .list li .article .title a,
.pageActive .active .list li .article .title a:visited,
.pageActive .active .list li .article .title a:hover,
.pageActive .active .list li .article .title a:active { font-family:Microsoft YaHei; font-size:24px; line-height:30px; color:#6C2E74; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageActive .active .list li .article .detail { line-height:30px; color:#666; text-align:right; }
.pageActive .active .list li .cover { display:block; float:left; overflow:hidden; position:relative; width:300px; height:130px; padding:5px; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageActive .active .list li .cover img { display:block; width:300px; height:130px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageActive .active .list li .cover .soon { overflow:hidden; position:absolute; left:0; top:0; width:67px; height:67px; background:url(../images/bg12.png) 0 0 no-repeat; text-indent:-9999px; }
.pageActive .active .list li .date { display:block; float:right; overflow:hidden; width:80px; }
.pageActive .active .list li .date .day { display:block; overflow:hidden; font-family:Verdana; font-size:54px; line-height:50px; color:#999; text-align:center; }
.pageActive .active .list li .date .month { display:block; overflow:hidden; margin:0 0 5px 0; font-family:Verdana; font-size:54px; line-height:50px; color:#999; text-align:center; }
.pageActive .active .list li .date .year { display:block; overflow:hidden; padding:4px 0 0 0; border-top:1px solid #C0BEBA; font-family:Verdana; font-size:26px; line-height:30px; color:#AAA; text-align:center; }
.pageActive .active .list li:hover .article .title a,
.pageActive .active .list li:hover .article .title a:visited,
.pageActive .active .list li:hover .article .title a:hover,
.pageActive .active .list li:hover .article .title a:active { text-decoration:underline; }
.pageActive .active .list li:hover .cover { background:#DDD; }
.pageActive .active .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.pageTicket { overflow:hidden; width:960px; padding:40px 0; margin:0 auto 40px auto; }
.pageTicket .ticket { overflow:hidden; width:960px; height:240px; margin:0 0 20px 0; background:url(../images/bg08.png) 0 0 no-repeat; }
.pageTicket .ticket .step01 { display:block; float:left; overflow:hidden; width:320px; padding:80px 0 0 0; }
.pageTicket .ticket .step02 { display:block; float:left; overflow:hidden; width:220px; padding:80px 50px 0 50px; }
.pageTicket .ticket .step03 { display:block; float:left; overflow:hidden; width:140px; padding:100px 90px 0 90px; }
.pageTicket .ticket th { padding:0 0 10px 0; line-height:30px; color:#333; vertical-align:top; }
.pageTicket .ticket td { padding:0 0 10px 0; }
.pageTicket .ticket .text01 { display:block; overflow:hidden; width:160px; height:20px; padding:4px 9px; border:1px solid #AAA; margin:0; background:#FFF; line-height:20px; color:#333; }
.pageTicket .ticket .text02 { display:block; float:left; overflow:hidden; width:20px; height:20px; padding:4px; border:1px solid #AAA; margin:0; background:#FFF; font-family:SimSun; line-height:20px; color:#666; text-align:center; }
.pageTicket .ticket .text03 { display:block; overflow:hidden; width:200px; height:20px; padding:4px 9px; border:1px solid #AAA; margin:0; background:#FFF; line-height:20px; color:#666; }
.pageTicket .ticket .text04 { display:block; float:left; overflow:hidden; width:70px; height:20px; padding:4px 9px; border:1px solid #AAA; margin:0; background:#FFF; line-height:20px; color:#666; }
.pageTicket .ticket .button01,
.pageTicket .ticket .button01:visited,
.pageTicket .ticket .button01:hover,
.pageTicket .ticket .button01:active { display:block; float:left; overflow:hidden; cursor:pointer; width:20px; height:20px; padding:4px 5px 4px 4px; border:1px solid #AAA; border-right:0; background:#FFF; font-family:SimSun; font-size:20px; color:#666; text-decoration:none; text-align:center; }
.pageTicket .ticket .button01:hover { background:#DDD; }
.pageTicket .ticket .button02,
.pageTicket .ticket .button02:visited,
.pageTicket .ticket .button02:hover,
.pageTicket .ticket .button02:active { display:block; float:left; overflow:hidden; cursor:pointer; width:20px; height:20px; padding:4px 4px 4px 5px; border:1px solid #AAA; border-left:0; background:#FFF; font-family:SimSun; font-size:20px; color:#666; text-decoration:none; text-align:center; }
.pageTicket .ticket .button02:hover { background:#DDD; }
.pageTicket .ticket .submit { display:block; overflow:hidden; cursor:pointer; width:140px; height:40px; padding:0; border:0; margin:0; background:#D7412A; font-family:Microsoft YaHei; font-size:18px; color:#FFF; text-align:center; }
.pageTicket .ticket .submit:hover { background:#DC6450; }
.pageTicket .ticket .click,
.pageTicket .ticket .click:visited,
.pageTicket .ticket .click:hover,
.pageTicket .ticket .click:active { display:block; float:left; overflow:hidden; width:110px; margin:0 0 0 20px; line-height:30px; color:#666; }
.pageTicket .ticket .total { font-family:SimSun; font-weight:bold; line-height:30px; color:#333; }
.pageTicket .ticket .price { font-family:SimSun; font-size:16px; line-height:30px; color:#D7412A; }
.pageTicket .success { overflow:hidden; width:600px; height:135px; margin:100px 0; background:url(../images/bg09.png) 0 50% no-repeat; text-indent:-9999px; }
.pageTicket .tip01 { margin:0 0 40px 0; font-family:SimSun; line-height:20px; color:#333; }
.pageTicket .tip02 { margin:0 0 60px 0; line-height:20px; color:#999; text-align:right; }
.pageFlower { overflow:hidden; width:1040px; margin:-20px auto 40px auto; }
.pageFlower .flowerList { overflow:hidden; position:relative; margin:0 0 60px 0; }
.pageFlower .flowerList .flower { overflow:hidden; width:960px; margin:0 auto; }
.pageFlower .flowerList .flower .list { overflow:hidden; width:999999px; height:360px; }
.pageFlower .flowerList .flower .list li { display:block; float:left; overflow:hidden; width:176px; height:357px; border-bottom:3px solid #EEE; margin:0 20px 0 0; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageFlower .flowerList .flower .list li .wrap { width:146px; height:327px; padding:14px; border:1px solid #DDD; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageFlower .flowerList .flower .list li .wrap .cover { display:block; overflow:hidden; width:146px; height:250px; margin:0 0 10px 0; }
.pageFlower .flowerList .flower .list li .wrap .cover img { display:block; width:146px; height:250px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageFlower .flowerList .flower .list li .wrap .article { overflow:hidden; }
.pageFlower .flowerList .flower .list li .wrap .article .titleCh { display:block; overflow:hidden; }
.pageFlower .flowerList .flower .list li .wrap .article .titleCh a,
.pageFlower .flowerList .flower .list li .wrap .article .titleCh a:visited,
.pageFlower .flowerList .flower .list li .wrap .article .titleCh a:hover,
.pageFlower .flowerList .flower .list li .wrap .article .titleCh a:active { font-size:14px; font-weight:bold; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageFlower .flowerList .flower .list li .wrap .article .titleEn { display:block; overflow:hidden; margin:0 0 5px 0; line-height:20px; color:#BBB; }
.pageFlower .flowerList .flower .list li .wrap .article .detail { line-height:20px; color:#999; }
.pageFlower .flowerList .flower .list li:hover { border-color:#E5DEE0; }
.pageFlower .flowerList .flower .list li:hover .wrap { border-color:#BBA1BA; background:#EEE; }
.pageFlower .flowerList .flower .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.pageFlower .flowerList .flower .list li:hover .wrap .article .titleCh a,
.pageFlower .flowerList .flower .list li:hover .wrap .article .titleCh a:visited,
.pageFlower .flowerList .flower .list li:hover .wrap .article .titleCh a:hover,
.pageFlower .flowerList .flower .list li:hover .wrap .article .titleCh a:active { color:#6C2E74; text-decoration:underline; }
.pageFlower .flowerList .prevBtn,
.pageFlower .flowerList .prevBtn:visited,
.pageFlower .flowerList .prevBtn:hover,
.pageFlower .flowerList .prevBtn:active { overflow:hidden; position:absolute; left:0; top:152px; width:25px; height:55px; background:url(../images/sprite.png) -140px 0 no-repeat; text-indent:-9999px; }
.pageFlower .flowerList .prevBtn:hover { background-position:-170px 0; }
.pageFlower .flowerList .nextBtn,
.pageFlower .flowerList .nextBtn:visited,
.pageFlower .flowerList .nextBtn:hover,
.pageFlower .flowerList .nextBtn:active { overflow:hidden; position:absolute; right:0; top:152px; width:25px; height:55px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }
.pageFlower .flowerList .nextBtn:hover { background-position:-230px 0; }
.pageFlower .flowerPage { overflow:hidden; position:relative; width:440px; min-height:920px; padding:80px 0 0 520px; margin:40px auto 0 auto; background-position:0 0; background-repeat:no-repeat; }
.pageFlower .flowerPage .titleCh { overflow:hidden; position:absolute; left:520px; top:20px; z-index:9; font-family:Microsoft YaHei; font-size:40px; color:#666; }
.pageFlower .flowerPage .titleEn { overflow:hidden; position:absolute; right:20px; top:0; z-index:8; font-family:Arial; font-size:60px; color:#E9E6DE; text-transform:uppercase; }
.pageFlower .flowerPage .title { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:20px; line-height:30px; color:#6C2E74; }
.pageFlower .flowerPage .info { overflow:hidden; padding:0 0 19px 0; border-bottom:1px solid #CCC; margin:0 0 20px 0; }
.pageFlower .flowerPage .info th { vertical-align:top; }
.pageFlower .flowerPage .info td { vertical-align:top; }
.pageFlower .flowerPage .info p { font-family:Microsoft YaHei; font-size:18px; line-height:30px; color:#999; text-transform:uppercase; }
.pageFlower .flowerPage .detail { overflow:hidden; padding:0 0 19px 0; border-bottom:1px solid #CCC; margin:0 0 20px 0; }
.pageFlower .flowerPage .detail p { font-family:Microsoft YaHei; font-size:14px; line-height:30px; color:#666; }
.pageFlower .flowerPage .effect { overflow:hidden; margin:0 0 20px 0; }
.pageFlower .flowerPage .effect p { font-family:Microsoft YaHei; font-size:14px; line-height:30px; color:#666; }
.pageFlower .flowerPage .view,
.pageFlower .flowerPage .view:visited,
.pageFlower .flowerPage .view:hover,
.pageFlower .flowerPage .view:active { display:block; float:right; overflow:hidden; width:180px; height:30px; padding:10px 0; margin:0 0 20px 0; background:#CCB8C7; font-family:Microsoft YaHei; font-size:22px; line-height:30px; color:#FFF; text-decoration:none; text-align:center; }
.pageFlower .flowerPage .view:hover { background:#D4C4CE; }
.pageFlower .flowerPage .share { display:block; float:right; overflow:hidden; clear:both; width:180px; }
.pageFlower .flowerPage .share .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more { margin:5px 0 5px 5px; }
.pageScene { overflow:hidden; width:960px; padding:40px 0 0 0; margin:0 auto 40px auto; }
.pageScene .sceneList { overflow:hidden; }
.pageScene .sceneList .list { overflow:hidden; width:990px; margin:0 0 0 -30px; }
.pageScene .sceneList .list li { display:block; _display:inline; float:left; overflow:hidden; position:relative; width:168px; margin:0 0 35px 30px; }
.pageScene .sceneList .list li .maskHover,
.pageScene .sceneList .list li .maskHover:visited,
.pageScene .sceneList .list li .maskHover:hover,
.pageScene .sceneList .list li .maskHover:active { display:none; position:absolute; left:0; top:0; z-index:9; width:168px; height:168px; background:url(../images/bg11.png) 0 0 no-repeat; text-indent:-9999px; }
.pageScene .sceneList .list li .mask,
.pageScene .sceneList .list li .mask:visited,
.pageScene .sceneList .list li .mask:hover,
.pageScene .sceneList .list li .mask:active { position:absolute; left:0; top:0; z-index:8; width:168px; height:168px; background:url(../images/bg10.png) 0 0 no-repeat; text-indent:-9999px; }
.pageScene .sceneList .list li .cover { display:block; overflow:hidden; width:168px; height:168px; }
.pageScene .sceneList .list li .cover img { display:block; width:168px; height:168px; }
.pageScene .sceneList .list li .titleCh { display:block; overflow:hidden; padding:11px 0 6px 0; text-align:center; }
.pageScene .sceneList .list li .titleCh a,
.pageScene .sceneList .list li .titleCh a:visited,
.pageScene .sceneList .list li .titleCh a:hover,
.pageScene .sceneList .list li .titleCh a:active { font-family:Microsoft YaHei; font-size:18px; line-height:20px; color:#4E0058; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScene .sceneList .list li .titleEn { display:block; overflow:hidden; line-height:20px; color:#999; text-transform:uppercase; text-align:center; }
.pageScene .sceneList .list li:hover .maskHover,
.pageScene .sceneList .list li:hover .maskHover:visited,
.pageScene .sceneList .list li:hover .maskHover:hover,
.pageScene .sceneList .list li:hover .maskHover:active { display:block; }
.pageScene .sceneList .list li:hover .titleCh a,
.pageScene .sceneList .list li:hover .titleCh a:visited,
.pageScene .sceneList .list li:hover .titleCh a:hover,
.pageScene .sceneList .list li:hover .titleCh a:active { color:#92649A; text-decoration:underline; }
.pageScene .scenePage { overflow:hidden; }
.pageScene .scenePage .banner { overflow:hidden; width:960px; margin:0 0 30px 0; }
.pageScene .scenePage .banner img { display:block; margin:0 auto; }
.pageScene .scenePage .title { display:block; overflow:hidden; margin:0 0 20px 0; font-family:Microsoft YaHei; font-size:26px; line-height:30px; color:#000; }
.pageScene .scenePage .pageEditor { overflow:hidden; margin:0 0 60px 0; }
.pageScene .scenePage #editor p { font-size:14px; line-height:30px; color:#666; }
.pageScene .scenePage .other { overflow:hidden; padding:0 0 19px 0; border-bottom:1px dashed #999; margin:0 0 30px 0; text-align:center; }
.pageScene .scenePage .other .en { margin:0 20px 0 0; font-family:Arial; font-size:32px; line-height:30px; color:#4E0058; text-transform:uppercase; vertical-align:bottom; }
.pageScene .scenePage .other .ch { font-family:Microsoft YaHei; font-size:24px; line-height:30px; color:#000; vertical-align:bottom; }
.pageScene .scenePage .list { overflow:hidden; width:980px; margin:0 0 0 -20px; }
.pageScene .scenePage .list li { display:block; _display:inline; float:left; overflow:hidden; width:225px; border-bottom:3px solid #EAE6DD; margin:0 0 20px 20px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScene .scenePage .list li .wrap { position:relative; width:205px; padding:9px; border:1px solid #DCDADB; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScene .scenePage .list li .wrap .cover { display:block; width:205px; height:135px; margin:0 0 10px 0; }
.pageScene .scenePage .list li .wrap .cover img { display:block; width:205px; height:135px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScene .scenePage .list li .wrap .titleCh { display:block; overflow:hidden; }
.pageScene .scenePage .list li .wrap .titleCh a,
.pageScene .scenePage .list li .wrap .titleCh a:visited,
.pageScene .scenePage .list li .wrap .titleCh a:hover,
.pageScene .scenePage .list li .wrap .titleCh a:active { font-size:14px; font-weight:bold; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScene .scenePage .list li .wrap .titleEn { display:block; margin:0 0 10px 0; line-height:20px; color:#BBB; }
.pageScene .scenePage .list li .wrap .like,
.pageScene .scenePage .list li .wrap .like:visited,
.pageScene .scenePage .list li .wrap .like:hover,
.pageScene .scenePage .list li .wrap .like:active { position:absolute; right:10px; top:155px; padding:0 0 0 15px; background:url(../images/ico02.png) 0 50% no-repeat; font-family:SimSun; font-weight:bold; line-height:20px; color:#BBB; text-decoration:none; }
.pageScene .scenePage .list li:hover { border-color:#E5DEE0; }
.pageScene .scenePage .list li:hover .wrap { border-color:#6C2E74; background:#EEE; }
.pageScene .scenePage .list li:hover .wrap .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.pageScene .scenePage .list li:hover .wrap .titleCh a,
.pageScene .scenePage .list li:hover .wrap .titleCh a:visited,
.pageScene .scenePage .list li:hover .wrap .titleCh a:hover,
.pageScene .scenePage .list li:hover .wrap .titleCh a:active { color:#6C2E74; text-decoration:underline; }
.pageScene .scenePage .list li:hover .wrap .like,
.pageScene .scenePage .list li:hover .wrap .like:visited,
.pageScene .scenePage .list li:hover .wrap .like:hover,
.pageScene .scenePage .list li:hover .wrap .like:active { background-image:url(../images/ico03.png); }
.pageContact { overflow:hidden; width:960px; margin:0 auto 40px auto; }
.pageScape { overflow:hidden; width:960px; margin:0 auto 40px auto; }
.pageScape .scapeWaterFall { overflow:hidden; position:relative; clear:both; _zoom:1; }
.pageScape .scapeWaterFall .list { overflow:hidden; }
.pageScape .scapeWaterFall .list li { display:block; overflow:hidden; position:absolute; left:0; top:0; width:225px; border-bottom:3px solid #EAE6DD; margin:0 0 20px 20px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScape .scapeWaterFall .list li .wrap { position:relative; width:205px; padding:9px; border:1px solid #DCDADB; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScape .scapeWaterFall .list li .wrap .cover { display:block; cursor:pointer; width:205px; height:135px; margin:0 0 10px 0; }
.pageScape .scapeWaterFall .list li .wrap .cover img { display:block; width:205px; height:135px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScape .scapeWaterFall .list li .wrap .titleCh { display:block; overflow:hidden; font-size:14px; font-weight:bold; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageScape .scapeWaterFall .list li .wrap .titleEn { display:block; margin:0 0 10px 0; line-height:20px; color:#BBB; }
.pageScape .scapeWaterFall .list li .wrap .like,
.pageScape .scapeWaterFall .list li .wrap .like:visited,
.pageScape .scapeWaterFall .list li .wrap .like:hover,
.pageScape .scapeWaterFall .list li .wrap .like:active { position:absolute; right:10px; top:155px; padding:0 0 0 15px; background:url(../images/ico02.png) 0 50% no-repeat; font-family:SimSun; font-weight:bold; line-height:20px; color:#BBB; text-decoration:none; }
.pageScape .scapeWaterFall .list li:hover { border-color:#E5DEE0; }
.pageScape .scapeWaterFall .list li:hover .wrap { border-color:#E6C8EC; background:#EEE; }
.pageScape .scapeWaterFall .list li:hover .wrap .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.pageScape .scapeWaterFall .list li:hover .wrap .titleCh { color:#6C2E74; }
.pageScape .scapeWaterFall .list li:hover .wrap .like,
.pageScape .scapeWaterFall .list li:hover .wrap .like:visited,
.pageScape .scapeWaterFall .list li:hover .wrap .like:hover,
.pageScape .scapeWaterFall .list li:hover .wrap .like:active { background-image:url(../images/ico03.png); }
.pageScape .scapeWaterFall .load { position:absolute; bottom:0; left:0; width:100%; background:#666; font-weight:bold; line-height:40px; color:#FFF; text-align:center; opacity:0; filter:Alpha(opacity=0); }
.pageScape .scapeWaterFall .over { background:#AAA; }
.pageProduct { overflow:hidden; width:960px; margin:0 auto 40px auto; }
.pageProduct .productWaterFall { overflow:hidden; position:relative; clear:both; _zoom:1; }
.pageProduct .productWaterFall .list { overflow:hidden; }
.pageProduct .productWaterFall .list li { display:block; overflow:hidden; position:absolute; left:0; top:0; width:225px; border-bottom:3px solid #EAE6DD; margin:0 0 0 20px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageProduct .productWaterFall .list li .wrap { width:205px; padding:9px 9px 11px 9px; border:1px solid #DCDADB; background:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageProduct .productWaterFall .list li .wrap .cover { display:block; width:205px; height:135px; margin:0 0 15px 0; }
.pageProduct .productWaterFall .list li .wrap .cover img { display:block; width:205px; height:135px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pageProduct .productWaterFall .list li .wrap .article { overflow:hidden; position:relative; _zoom:1; }
.pageProduct .productWaterFall .list li .wrap .article .titleCh { display:block; overflow:hidden; }
.pageProduct .productWaterFall .list li .wrap .article .titleCh a,
.pageProduct .productWaterFall .list li .wrap .article .titleCh a:visited,
.pageProduct .productWaterFall .list li .wrap .article .titleCh a:hover,
.pageProduct .productWaterFall .list li .wrap .article .titleCh a:active { font-size:14px; font-weight:bold; line-height:20px; color:#333; }
.pageProduct .productWaterFall .list li .wrap .article .titleEn { display:block; padding:0 0 4px 0; border-bottom:1px solid #CCC; margin:0 0 10px 0; line-height:20px; color:#BBB; }
.pageProduct .productWaterFall .list li .wrap .article .buy,
.pageProduct .productWaterFall .list li .wrap .article .buy:visited,
.pageProduct .productWaterFall .list li .wrap .article .buy:hover,
.pageProduct .productWaterFall .list li .wrap .article .buy:active { position:absolute; right:0; top:0; width:50px; height:20px; background:url(../images/sprite.png) 0 -100px no-repeat; font-weight:bold; line-height:20px; color:#FFF; text-decoration:none; text-align:center; }
.pageProduct .productWaterFall .list li .wrap .article .detail { line-height:20px; color:#999; }
.pageProduct .productWaterFall .list li:hover { border-color:#E5DEE0; }
.pageProduct .productWaterFall .list li:hover .wrap { border-color:#6C2E74; background:#EEE; }
.pageProduct .productWaterFall .list li:hover .wrap .cover img { opacity:0.8!important; filter:Alpha(opacity=80)!important; }
.pageProduct .productWaterFall .list li:hover .wrap .article .titleCh a,
.pageProduct .productWaterFall .list li:hover .wrap .article .titleCh a:visited,
.pageProduct .productWaterFall .list li:hover .wrap .article .titleCh a:hover,
.pageProduct .productWaterFall .list li:hover .wrap .article .titleCh a:active { color:#6C2E74; text-decoration:underline; }
.pageProduct .productWaterFall .list li:hover .wrap .article .buy,
.pageProduct .productWaterFall .list li:hover .wrap .article .buy:visited,
.pageProduct .productWaterFall .list li:hover .wrap .article .buy:hover,
.pageProduct .productWaterFall .list li:hover .wrap .article .buy:active { background-position:-60px -100px; }
.pageProduct .productWaterFall .load { position:absolute; bottom:0; left:0; width:100%; background:#666; font-weight:bold; line-height:40px; color:#FFF; text-align:center; opacity:0; filter:Alpha(opacity=0); }
.pageProduct .productWaterFall .over { background:#AAA; }
.alertMask { display:none; position:absolute; left:0; top:0; z-index:998; width:0; height:0; background:#000; opacity:0; filter:Alpha(opacity=0); }
.alertGuide { display:none; position:absolute; left:50%; top:0; z-index:999; width:760px; height:1000px; margin:0 0 0 -380px; opacity:0; filter:Alpha(opacity=0); }
/*web other css end*/