/* / Reset / ---------- ---------- */

html, body, div,
table, tr, td, dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6, p, span, b, strong,
fieldset, form, input, label, select, option, textarea,
img, a { margin: 0; padding: 0;}

fieldset, img { border: 0;}

table { border-collapse: collapse; border-spacing: 0;}

caption, th { text-align: left;}

ol, ul { list-style: none;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* / Inhibit / ---------- ---------- */

html body, body a { font-family: '微软雅黑'; font-size: 12px;}

/* / Global / ---------- ---------- */

body { font: 12px/1.5 '微软雅黑'; color: #161616; background-color: #FFF;}

a { color: #161616;}
a:hover { color: #C01203;}

.orange { color: #BD631E;}
.red { color: #BB0000;}

.hide { display: none;}

hr.hr-1 { height: 1px; margin: 5px 0; *margin: 0; padding: 0; border-width: 0; border-style: dotted; border-color: #BABABA; border-top-width: 1px; *border-width: none; display: block;}
hr.hr-2 { height: 3px; margin: 15px 0; *margin: 0; padding: 0; border: 0; background: #D7D7D7;}
hr.hr-line { height: 1px; margin: 15px 0; padding: 0; border-width: 0; border-style: dotted; border-color: #BABABA; *border-width: none; display: block; background: url(../img/lines.png) center top no-repeat;}

.clearn { clear: both;}
.clearfix:after { height: 0; display: block; visibility: hidden; clear: both; content: "";}
.clearfix { zoom: 1;}

.vertical { display: table; position: static; overflow: hidden;}
.vertical-out { margin: 0 auto; display: table-cell; position: static; vertical-align: middle;}
.vertical { *display: block; *position: relative;}
.vertical-out { *display: block; *position: absolute; *top: 50%;}
.vertical-int { *display: block; *position: relative; *top: -50%;}

.kwicks { margin: 0; padding: 0; display: block; list-style-type: none; list-style: none; position: relative;}
.kwicks > * { margin:0; padding:0; display:block; overflow: hidden;}
.kwicks.kwicks-processed > * { margin: 0;position: absolute;}
.kwicks-horizontal > * { float:left;}
.kwicks-horizontal > :first-child { margin-left: 0;}
.kwicks-vertical > :first-child { margin-top: 0;}

.curtain { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 54321; opacity: 0.75; background-color: #000;}
.video-focus { width: 940px; height: 480px; margin-top: -300px; margin-left: -490px; padding: 20px 60px; position: fixed; top: 50%; left: 50%; z-index: 55555; background: url(../img/video_bg.png) no-repeat;}
.video-focus-main { width: 860px; height: 480px; float: left; z-index: 55555;}
.video-focus-close { width: 30px; height: 30px; float: left; cursor: pointer; z-index: 55555;}


/*
  -webkit-
  -moz-
  -ms-
  -o-
*/
/* / Layout / ---------- ---------- */

.grid:after { height: 0; display: block; visibility: hidden; clear: both; content: "";}
.grid { width: 1050px; margin: 0 auto; zoom: 1;}
.grid.flex { width: 100%;}

/* / Page / ---------- ---------- */

#page { max-width: 1920px; min-width: 1055px; margin: 0 auto; background: url(../img/page_bg.jpg) center top no-repeat;}

#header { padding-top: 13px;}
#mainly { min-height: 1570px; padding: 13px 0 25px; background: url(../img/mainly_bg.jpg) center bottom no-repeat;}
#aside { width: 325px; float: left;}
.aside-core { padding: 15px 25px 0 0;}
#main { width: 725px; float: right;}
.main-core {}
#footer { padding: 5px 0 0; overflow: hidden; background-color: #646464;}

#logo { width: 190px; height: 150px; float: left;}
#logo img { width: 184px; height: 146px;}

#mainmenu { width: 830px; margin-left: 20px; float: left;}
#mainmenu h2 { font-family: '方正小标宋简体', '微软雅黑'; font-size: 20px; color: #000;}
#mainmenu h2 small { font-family: 'Myriad Pro', 'Arial'; font-size: 13px; color: #B28736;}
#mainmenu > ul > li { margin-right: 35px; float: left;}
#mainmenu ul.has { margin-top: 5px;}
#mainmenu ul.has > li { padding: 1px 0 1px 10px; background: url(../img/min_icon.png) -37px -63px no-repeat;}
#mainmenu ul.has > li a { color: #444;}
#mainmenu ul.has > li a:hover { color: #C01203;}

.slogan a { width: 700px; height: 220px; display: block; text-decoration: none; background: url(../img/slogan.png) 0 0 no-repeat;}

.butpath {padding-bottom: 2px; background-color: #000;}
.butpath a { margin-bottom: 3px; float: left; display: block; text-indent: -9999em; background: url(../img/img_icon.jpg) no-repeat;}
.butpath .butpath-1 { width: 325px; height: 91px; margin-bottom: 7px; background-position: 0 0;}
.butpath .butpath-1:hover { background-position: 0 -91px;}
.butpath .butpath-2 { width: 320px; height: 68px; margin-left: 3px; margin-bottom: 6px; background-position: 0 -182px;}
.butpath .butpath-2:hover { background-position: 0 -250px;}
.butpath .butpath-3 { width: 159px; height: 67px; margin-left: 3px; background-position: 0 -318px;}
.butpath .butpath-3:hover { background-position: -161px -318px;}
.butpath .butpath-4 { width: 159px; height: 67px; margin-left: 2px; background-position: 0 -452px;}
.butpath .butpath-4:hover { background-position: -161px -452px;}
.butpath .butpath-5 { width: 159px; height: 67px; margin-left: 3px; background-position: 0 -385px;}
.butpath .butpath-5:hover { background-position: -161px -385px;}
.butpath .butpath-6 { width: 159px; height: 67px; margin-left: 2px; background-position: 0 -519px;}
.butpath .butpath-6:hover { background-position: -161px -519px;}

.onlinecall { margin-bottom: 18px;}
.onlinecall a { width: 300px; height: 86px; display: block; text-indent: -9999em; background: url(../img/img_icon.jpg) 0 -586px no-repeat;}
.onlinecall a:hover {background-position: 0 -672px;}

.docalendar { margin-bottom: 22px; border: 1px solid #CCC;
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}
.docalendar h3 { padding: 5px 10px; font-family: '方正小标宋简体', '微软雅黑'; font-size: 24px; color: #FFF; background-color: #B01B0E;}
.docalendar table { width: 100%;}
.docalendar th { width: 14.3%; padding: 8px 0; border-bottom: 1px solid #BDBCBC; font-size: 14px; text-align: center; color: #898888; background-color: #D3D3D3;}
.docalendar td { width: 14.3%; padding: 8px 0; border: 1px solid #E7E6E6; border-top: 0; font-size: 16px; text-align: center; color: #232222; background-color: #FFF;}
.docalendar td.hover { border-bottom: 1px solid #F7F6F6; color: #000; background-color: #F7F6F6;}
.docalendar td.taday { color: #C01203;}
.docalendar-event td { cursor: pointer;}
.docalendar td.docalendar-div { padding: 8px; text-align: left; background-color: #F7F6F6;}
.docalendar-div li { width: 261px; height: 24px; padding: 5px 10px; overflow: hidden;}
.docalendar-div li:nth-of-type(even) { background: url(../img/img_icon.html) 0 -72px no-repeat;}
.docalendar-div li a { font-size: 14px; color: #180000;}
.docalendar-div li a:hover { color: #C01203;}

.billing { margin-bottom: 17px;}
.billing a, .billing img { width: 300px; height: 70px; display: block;}
.billing a { margin-bottom: 8px;}
.billing a:last-child { margin-bottom: 0;}
.billing a:hover {
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}

.microblog { margin-bottom: 20px; border: 1px solid #CCC; background-color: #FFF;
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}
.microblog-info { padding: 10px;}
.microblog img { margin-right: 5px; float: left;}
.microblog h4 { padding: 15px 0 15px; font-size: 14px; color: #C01203;}
.microblog p { color: #6D6D6D;}
.microblog ul { background: #F4F3F3;}
.microblog ul li { width: 148px; margin: 17px 0 13px; float: left; text-align: center;}
.microblog ul li:nth-of-type(1) { border-right: 1px solid #E1E1E1;}
.microblog ul li:nth-of-type(2) { border-left: 1px solid #FFF;}
.microblog ul li a { width: 80px; margin: 0 auto; padding-left: 16px; display: block; line-height: 24px; color: #525252; background-image: url(../img/min_icon.png); background-repeat: no-repeat;}
.microblog ul li a:hover { color: #C01203;}
.microblog ul li:nth-of-type(1) a { background-position: 0 0;}
.microblog ul li:nth-of-type(2) a { background-position: 0 -30px;}

.partner { margin-bottom: 17px; padding: 3px; position: relative; color: #6D6D6D; background: #AFAEAE;}
.partner h3 { padding: 0 10px; border: 1px solid #9C9C9C; line-height: 28px; color: #6D6D6D; cursor: pointer; background: #EFF0F0 url(../img/min_icon.png) 265px -60px no-repeat;}
.partner ul { height: 235px; padding: 5px 0 5px; border: 5px solid #AFAEAE; display: none; position: absolute; top: 32px; left: 0; overflow-x: hidden; overflow-y: scroll; background: #AFAEAE;}
.partner ul li { width: 125px; margin: 3px 4px; float: left;}
.partner ul li a { padding: 2px 10px; display: block; line-height: 2; text-align: center; text-decoration: none; color: #EFF0F0;}
.partner ul li a:hover { display: block; color: #C01203; text-decoration: none; background: #EFF0F0;}

.addiction { margin-bottom: 9px;}
.addiction a { margin-bottom: 5px; padding: 8px 10px; display: block; font-size: 14px; color: #3C3C3C; background: url(../img/img_icon.html) 0 0 no-repeat;}
.addiction a:hover { color: #C01203; text-decoration: none; background-position: 0 -37px;}
.addiction a:last-child { margin-bottom: 0;}

.health { border: 1px solid #A2A2A2; background-color: #D5D2D2;}
.health h3 { padding: 6px 10px; font-family: '方正小标宋简体', '微软雅黑'; font-size: 20px; color: #1C1C1C; background-color: #E5E2E2;}
.health p { padding: 10px;}
.health span { width: 139px; padding: 5px 0; float: left; display: block; font-size: 14px; text-align: center; color: #606060;}

#submenu { padding-top: 75px;}
#submenu > ul { background: url(../img/lines.png) center -12px repeat-x;}
#submenu h2 { font-family: '方正小标宋简体', '微软雅黑'; font-size: 20px; color: #000;}
#submenu h2 small { font-family: 'Myriad Pro', 'Arial'; font-size: 13px; color: #B28736;}
#submenu > ul { width: 100%;}
#submenu > ul > li { margin-right: 162px; float: left;}
#submenu > ul > li:last-child { margin-right: 0;}
#submenu ul.has { margin-top: 10px;}
#submenu ul.has > li { padding: 2px 3px;}
#submenu ul.has > li a { color: #686767;}
#submenu ul.has > li a:hover { color: #C01203;}

#slideshow { height: 314px; position: relative; background: #322E2E; overflow: hidden;}
#slideshow .slideshow, #slideshow .has, #slideshow .has img { width: 683px; height: 310px;}
#slideshow .has { margin: 2px 0px 2px 2px; float: left; background: #FFF;}
#slideshow .hav { width: 40px; margin-top: 2px; position: absolute; right: 0; top: 0;}
#slideshow .hav li { width: 1em; height: 46px; margin: 0 auto; padding: 8px 13px; display: block; font-size: 14px; color: #D0D0D0; text-align: center; vertical-align: middle; cursor: pointer;}
#slideshow .hav li:nth-of-type(odd) { background: #322E2E;}
#slideshow .hav li:nth-of-type(even) { background: #3B3939;}
#slideshow .hav li:hover { color: #FFF;}
#slideshow .hav li.hover { color: #FFF; cursor: default; background: url(../img/min_icon.png) 0 -90px no-repeat;}
#slideshow .slides-pagination { width: 600px; position: absolute; right: 55px; bottom: 15px; text-align: right;}
#slideshow .slides-pagination li { width: 15px; height: 15px; margin: 0 3px; display: inline-block; *display: inline; text-indent: -9999px; text-align: center; zoom: 1; background: url(../../../imgs/min_icon.png) -2px -182px no-repeat;}
#slideshow .slides-pagination li.selected { background-position: -22px -182px;}
#slideshow .slides-pagination li a { width: 15px; height: 15px; display: block;}
#slideshow .slides-next,.slides-prev { display: none;}



.home-core, .list-core, .article-core, .item-core { width: 700px; padding: 14px 12px 5px 13px; background-color: #FFF;
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}

.home-core h2 { font-family: '方正小标宋简体', '微软雅黑'; font-size: 24px; color: #000;}

.tidings { margin-bottom: 10px; position: relative;}
.tidings .swap-ul { width: 100%; height: 50px; display: block; overflow: hidden; background: url(../img/lining.jpg) 0 0 no-repeat;}
.tidings .swap-li { margin-right: 10px; padding: 13px 20px ; float: left; display: inline-block; *display: inline; font-size: 16px; color: #CCCBCB; text-align: center; cursor: pointer; *zoom: 1;}
.tidings .swap-li:hover { color: #FFF;}
.tidings .swap-li.hover { color: #FFF; cursor: default; background: url(../img/lining.jpg) 0 -50px no-repeat;}
.tidings .swap-li > i { display: none; background: url(../img/min_icon.png) -4px -157px no-repeat;}
.tidings .swap-li.hover i { display: inline;}
.tidings .swap-more { width: 50px; height: 50px; position: absolute; top: 0; right: 0;}
.tidings .swap-more a { width: 50px; height: 30px; padding: 10px 0; display: block; text-decoration: none; background: url(../img/btns_image.png) 0px 10px no-repeat;}
.tidings .swap-more a:hover { text-decoration: none; background: url(../img/btns_image.png) -50px 10px no-repeat;}
.tidings .swap-more a.hide { display: none;}
.tidings .swap-div { padding-top: 30px; clear: both;}
.tidings .tidings-left { width: 210px; float: left;}
.tidings .tidings-left > a, .tidings-left img { width: 210px; height: 75px; display: block;}
.tidings .tidings-left > a:nth-of-type(1) { margin-bottom: 10px;}
.tidings .tidings-left p { height: 33px; padding-top: 12px; text-align: center;}
.tidings .tidings-left p a { font-size: 14px; color: #383737;}
.tidings .tidings-left p a:hover { color: #C01203;}
.tidings .tidings-right { width: 470px; float: right;}
.tidings .tidings-right dl { padding: 5px 0; color: #666;}
.tidings .tidings-right dl:first-child a { font-size: 18px; color: #C01203;}
.tidings .tidings-right dl:first-child span { line-height: 24px; color: #131313;}
.tidings .tidings-right dl dt, .tidings-right dl dd { margin-right: 5px; float: left; font-size: 14px;}
.tidings .tidings-right dl a { font-size: 14px; color: #666;}
.tidings .tidings-right dl a:hover { color: #C01203;}
.tidings .tidings-right dd.time { float: right; font-size: 12px; line-height: 21px; color: #AEAEAE;}
.tidings .tidings-right dl:nth-of-type(odd) { background: url(../img/img_icon.html) 0 -74px no-repeat;}
.tidings .tidings-right dl:nth-of-type(1) { padding: 0 0 9px; background: url(../img/lines.png) 0 32px no-repeat;}

.general { margin-bottom: 15px;}
.general a, .general img { width: 225px; height: 80px; display: block;}
.general a { margin-left: 12px; float: left;}
.general a:first-child { margin-left: 0;}
.general a:last-child { margin-left: 0; float: right;}

.guide { margin-bottom: 15px;}
.guide:before { width: 700px; height: 5px; display: block; position: relative; top: 0; left: 0; line-height: 0px; overflow: hidden; content: ""; background: url(../img/lining.jpg) 0 -100px no-repeat;}
.guide dl { margin-bottom: 1px; background-image: url(../img/line.jpg); background-color: #FFF; background-repeat: no-repeat;}
.guide dl:nth-of-type(odd) { background-position: 109px -17px;}
.guide dl:nth-of-type(even) { background-position: 109px -67px;}
.guide dt { width: 108px; height: 23px; padding: 14px 0 13px; float: left; font-size: 15px; color: #131313; text-align: center; background: #F3F2F2;}
.guide dd { width: 585px; height: 50px; float: right; font-size: 13px; overflow: hidden;}
.guide dd .vertical { width: 585px; height: 50px;}
.guide dd .vertical ul { width: 585px; display: block;}
.guide dd .vertical ul li { margin-left: -1px; padding: 1px 12px 0 13px; border-left: 1px solid #D2D2D2; display: inline-block; *display: inline; line-height: 1; *line-height: 18px; *zoom: 1;}
.guide dd .vertical ul li a { font-size: 13px; color: #666666;}
.guide dd .vertical ul li a:hover { color: #C01203;}

.arthall { margin-bottom: 15px;}
.arthall a { width: 108px; height: 190px; margin-left: 15px; float: left; display: block; text-indent: -9999em; background: url(../img/arthall_bg.jpg) no-repeat;}
.arthall a:first-child { width: 333px; margin-left: 0; background-position: 0 0;}
.arthall a:nth-of-type(2) { background-position: -333px 0;}
.arthall a:nth-of-type(3) { background-position: -441px 0;}
.arthall a:nth-of-type(4) { background-position: -549px 0;}
.arthall a:last-child { margin-left: 0; float: right;}

.accordion { margin-bottom: 15px; border-bottom: 1px solid #D4D4D4; background-color: #828282;}
.accordion:before { width: 700px; height: 5px; display: block; position: relative; top: 0; left: 0; line-height: 0px; overflow: hidden; content: ""; background: url(../img/lining.jpg) 0 -100px no-repeat;}
.accordion .kwicks { width: 700px; height: 200px; overflow: hidden;}
.accordion .kwicks > li { height: 200px; float: left; background: #FFF url(../img/img_icon.jpg) -48px -758px no-repeat;}
.accordion .kwicks > li.kwicks-expanded, .accordion .kwicks > li.kwicks-selected { cursor: pointer; background: url(../img/img_icon.jpg) 0 -758px no-repeat;}
.accordion .kwicks > li.kwicks-collapsed.kwicks-selected { background: url(../img/img_icon.jpg) -48px -758px no-repeat;}
.accordion .kwicks > li.kwicks-expanded.kwicks-selected { background: url(../img/img_icon.jpg) 0 -758px no-repeat;}
.accordion .kwicks > li > div { height: 200px; overflow: hidden; background-color: #FFF;}
.accordion .kwicks > li > p { width: 26px; height: 180px; padding: 20px 11px 0; float: left; font-family: '方正小标宋简体', '微软雅黑'; font-size: 22px; line-height: 1.3; color: #FFF;}


.medias { padding-bottom: 15px; position: relative;}
.medias .swap-ul { width: 100%; height: 40px; display: block; overflow: hidden; background: url(../img/lining.jpg) 0 -100px no-repeat;}
.medias .swap-ul:before { width: 700px; height: 5px; display: block; position: relative; top: 0; left: 0; line-height: 0px; overflow: hidden; content: ""; background: url(../img/lining.jpg) 0 -100px no-repeat;}
.medias .swap-li { margin-left: 10px; padding: 8px 20px 9px ; float: left; display: inline-block; *display: inline; font-size: 15px; line-height: 23px; color: #212121; text-align: center; cursor: pointer; *zoom: 1;}
.medias .swap-li:hover { color: #C01203;}
.medias .swap-li.hover { color: #C01203; cursor: default; background-color: #FFF;}
.medias .swap-li > i { display: none; background: url(../img/min_icon.png) -4px -157px no-repeat;}
.medias .swap-li.hover i { display: inline;}
.medias .swap-more { width: 50px; height: 50px; position: absolute; top: 0; right: 0;}
.medias .swap-more a { width: 50px; height: 30px; padding: 10px 0; display: block; text-decoration: none; background: url(../img/min_icon.png) 5px -200px no-repeat;}
.medias .swap-more a.hide { display: none;}
.medias .swap-div { padding-top: 25px; clear: both;}
.medias .medias-left { width: 190px; float: left;}
.medias .medias-left > a, .medias-left img { width: 190px; height: 123px; display: block;}
.medias .medias-left p { height: 33px; margin-top: 7px; padding-top: 12px; text-align: center; background-color: #B00D0B;}
.medias .medias-left p a { font-size: 14px; color: #FFF;}
.medias .medias-left p a:hover { color: #EEE;}
.medias .medias-right { width: 470px; float: right;}
.medias .medias-right h6 a { font-size: 24px; color: #D86600;}
.medias .medias-right h6 + span { padding-left: 15px; padding-bottom: 4px; display: block; font-size: 13px; color: #8B8B8B;}
.medias .medias-right dl { padding: 4px 0; color: #5D5D5D;}
.medias .medias-right dl:first-child a { font-size: 18px; color: #C01203;}
.medias .medias-right dl:first-child span { line-height: 24px; color: #131313;}
.medias .medias-right dl dt, .medias-right dl dd { margin-right: 5px; float: left; font-size: 13px;}
.medias .medias-right dl a { font-size: 14px; color: #5D5D5D;}
.medias .medias-right dl a:hover { color: #C01203;}
.medias .medias-right dd.time { float: right; font-size: 12px; line-height: 21px; color: #AEAEAE;}
.medias .medias-right dl:nth-of-type(odd) { background: url(../img/img_icon.html) 0 -74px no-repeat;}
.medias .medias-right dl i { margin: 0 5px; background: transparent url(../img/min_icon.png) -20px -157px no-repeat;}

.deploy .swap-div { min-height: 200px;}
.deploy h3 { margin: 20px 0; padding: 0; font-family: '方正小标宋简体', '微软雅黑'; font-size: 40px; color: #000;}
.deploy h4 { margin: 20px 0; font-size: 12px; color: #BB0000;}
.deploy .swap-ul { width: 510px; background: url(../img/lines.png) 0 -18px no-repeat;}
.deploy .swap-ul li { float: left; cursor: pointer;}
.deploy .swap-ul li h5 { width: 100px; margin: 0 0 20px; padding: 5px; font-size: 13px;  text-align: center;}
.deploy .swap-ul li:hover h5 { color: #BB0000;}
.deploy .swap-ul li.hover h5 { color: #FFF; background: #BB0000;}
.deploy .swap-div dl { line-height: 2; color: #666666;}
.deploy .swap-div dt { width: 80px; padding-right: 40px; display: inline-block; *display: inline; text-align: right; vertical-align: top; color: #333333; *zoom: 1;}
.deploy .swap-div dd { display: inline-block; *display: inline; *zoom: 1;}

.figimg, .figimg img { width: 725px; height: 198px;}

.breadcrumb { padding: 6px 20px; background-color: #707070;}
.breadcrumb li { float: left; color: #FFF;}
.breadcrumb li a { color: #FFF;}
.breadcrumb li:last-child span { display: none;}

.pagination { padding: 35px 0;}
.pagination .fpage { text-align: center; cursor: default;}
.pagination .fpage .total { display: none;}
.pagination .fpage a { margin: 0 0px; padding: 3px 8px; display: inline-block; *display: inline; color: #FFF; text-decoration: none; zoom: 1; background: #A8A1A1;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}
.pagination .fpage a:hover { background: #991919;}
.pagination .fpage a.current { cursor: default; background: #991919;}

.article-core-info { background: url(../img/lines.png) center bottom repeat-x;}
.article-core-info h2 { margin: 35px 0 30px; font-size: 30px; font-weight: normal; text-align: center; color: #131313;}
.article-core-info span { padding: 15px 20px 13px; float: left; display: inline-block; *display: inline; font-size: 13px; color: #616161; *zoom: 1;}
.article-core-info .jiathis_style { padding: 15px 20px 13px; float: right;}
.article-core-main { padding: 15px 10px; font-size: 14px;}
.article-core-main p { padding: 8px 0; font-size: 14px; line-height: 2; text-indent: 2em; color: #000;}
.article-core-main img { max-width: 624px; height: auto;}
.article-core-main embed,.article-core-main object { max-width: 624px;}

.article-core-about { padding: 25px 10px 35px; background: url(../img/lining.jpg) 0 -228px no-repeat;}
.article-core-about-1 { float: left;}
.article-core-about-2 { float: right;}
.article-core-about-3 { clear: both;}
.article-core-about a { font-size: 14px; color: #6E6E6E;}
.article-core-about a:hover { font-size: 14px; color: #C01203;}
.article-core-about h4 { font-family: '方正小标宋简体', '微软雅黑'; font-size: 18px;}
.article-core-about hr.hr-line { margin: 10px 0;}
.article-core-about-1, .article-core-about-2 { width: 310px;}
.article-core-about-1 li, .article-core-about-2 li { width: 295px; height: 21px; margin-left: 5px; padding-left: 10px; overflow: hidden; background: url(../img/min_icon.png) -37px -63px no-repeat;}
.article-core-about-3 { padding-top: 20px;}
.article-core-about-3 ul { padding-top: 20px;}
.article-core-about-3 li { margin-left: 10px; float: left;}
.article-core-about-3 li:first-child { margin-left: 0;}
.article-core-about-3 li a, .article-core-about-3 li img { width: 220px; height: 135px; display: block;}
.article-core-about-3 li p { text-align: center;}
.article-core-about-3 li p a { width: auto; height: auto; display: inline;}

.core-tit { padding: 30px 0; display: block;}
.core-tit li { width: 100%; float: left;}
.core-tit li a { padding: 10px 0; border-right: 1px solid #FFF; display: block; font-size: 16px; color: #868585; text-align: center; background: #D7D7D7;}
.core-tit li a:hover { color: #C01203; text-decoration: none;}
.core-tit li a.hover { color: #FFF; background: #B01B0E;}
.core-txt { padding: 0; overflow: hidden;}

.list-core .core-tit li { width: 20%;}
.list-core .core-txt { margin-top: -1px; padding: 0; overflow: hidden;}
.list-core .core-txt dl { padding: 10px 0px; color: #666;}
.list-core .core-txt dl dt, .list-core .core-txt dl dd { margin-right: 5px; float: left; font-size: 14px;}
.list-core .core-txt dd.time { float: right; font-size: 12px; line-height: 21px; color: #AEAEAE;}
.list-core .core-txt dl a { font-size: 14px; color: #666;}
.list-core .core-txt dl a:hover { color: #C01203;}
.list-core .core-txt hr.hr-1:first-child { border: 0; background: #FFF;}
.list-core .core-txt hr.hr-2 { margin-top: 50px;}

.story-core { padding: 0 10px 15px;}
.story-core .core-tit li { width: 25%;}
.tomato_story{ padding-bottom:30px;}
.tomato_story_bg{background:url(../../../img/line.jpg) no-repeat left bottom; padding-top:20px; padding-bottom:1px;}
.tomato_story_item{ padding-bottom:20px;}
.tomato_story_item p{font-size: 14px;line-height: 2;text-indent: 2em; color:#666;}
.tomato_story_01_item01{padding-right: 222px;background: url(../../../img/img_story04.jpg) right bottom no-repeat;}
.tomato_story_01_item02{padding-left: 222px;background: url(../../../img/img_story05.jpg) left bottom no-repeat;}
.tomato_story_01_item03{padding-right: 232px;background: url(../../../img/img_story06.jpg) right bottom no-repeat;}
.tomato_story_01_item04{padding-left: 222px;background: url(../../../img/img_story07.jpg) left bottom no-repeat;}
.tomato_story_i{padding-left: 382px;}
.tomato_story_i ol,.tomato_story_i ul{background: url(../../../img/game_introduction_li_bg.jpg) no-repeat left top;}
.tomato_story_i ol li {padding: 24px 0 24px 90px; height:27px; overflow:hidden;}
.tomato_story_i ul li {padding: 15px 0 15px 90px; height:45px; overflow:hidden;}
.tomato_story_i ul li span {font-size: 14px;color: #606060;}
.tomato_story_i ul li a {font-size: 16px;color: #000;}
.tomato_story_i ol li a {font-size: 18px;color: #000;}
.tomato_story_i_01{ background:url(../../../img/img_story01.jpg) no-repeat left bottom;}
.tomato_story_i_02{ background:url(../../../img/img_story03.jpg) no-repeat left bottom;}
.tomato_story_i_03{ background:url(../../../img/img_story02.jpg) no-repeat left bottom;}

.intro-core { padding: 0 10px 15px;}
.intro-core .core-tit li { width: 20%;}
.tomato_top{height: 250px; padding-top:70px; padding-left:10px;}
.tomato_top_dynamic{background: url(../../../img/intro_dynamic_title.jpg) right bottom no-repeat;}
.tomato_top_combat{background: url(../../../img/intro_combat_title.jpg) 280px bottom no-repeat;}
.tomato_top_dungeon{background: url(../../../img/intro_dungeon_title.jpg) 180px bottom no-repeat;}
.tomato_top_pvp{background: url(../../../img/intro_pvp_title.jpg) 220px bottom no-repeat;}
.tomato_top_story{background: url(../../../img/intro_story_title.jpg) 220px bottom no-repeat;}
.tomato_top h2{font-family: '微软雅黑';font-size: 36px;font-weight: normal;color: #000; height:38px; line-height:38px; padding-bottom:20px;}
.tomato_top p{width: 260px;text-indent: 2em;font-size: 14px;color: #8B8C8D;}
.tomato_con{ background:url(../../../img/line.jpg) no-repeat left top; position:relative; padding-top:80px;}
.tomato_con_pvp{ padding-top:160px;}
.tomato_con_img{ position:absolute; right:0px; top:40px;}
.tomato_con_pvp .tomato_con_img{ top:120px;}
.tomato_con_pvp .tomato_con_pvp_h3{ position:absolute;font-family: '微软雅黑';font-size: 30px;color: #111; top:40px; left:0; font-weight:bold;}
.tomato_con_dungeon{ padding-top:10px;}
.tomato_con_video{ height:82px; background:url(../../../img/video_ico.jpg) no-repeat left top; padding-left:80px; padding-bottom:70px;}
.tomato_con_video h3{font-family: '微软雅黑';font-size: 30px;font-weight: normal;color: #1B1B1B; height:40px; line-height:40px; padding:0 0 5px 0;}
.tomato_con_video h3 a:link,.tomato_con_video h3 a:visited{ color:#1B1B1B;}
.tomato_con_video h3 a:hover{ text-decoration:underline;}
.tomato_con_video p{font-size: 22px;color: #979797;}
.tomato_article{padding: 0px 0px 30px;}
.tomato_article p {margin-top: 20px;line-height: 2;text-indent: 2em;font-size: 14px;color: #8B8C8D;}

.download-core { padding: 0 10px 15px;}
.down-load { min-height: 700px; margin-bottom: 50px; font-size: 14px;}
.down-load table { width: 100%;}
.down-load img { max-width: 680px;}
.down-load ol { list-style: decimal;}
.down-load ol li { margin-left: 20px; line-height: 2; color: #454545;}
.down-load h3 { margin: 30px 0; font-family: '方正小标宋简体', '微软雅黑'; font-size: 30px; font-weight: normal;}
.down-load h4 { margin: 25px 0; font-size: 20px; font-weight: normal; color: #BB0000; }
.down-load h5 { margin:20px 0 10px; font-size: 14px; font-weight: bold; color: #333;}
.down-load p { padding: 10px 0;}
.down-load a { font-size: 14px;}
.down-load a.download-btn { width: 268px; margin: 15px; padding: 12px 0 13px; display: inline-block; font-size: 20px; font-weight: normal; text-align: center; color: #FFF; background: url(../../../img/but_img_link_1.jpg) no-repeat; border: 0;}
.down-load a.download-btn:hover { color: #EEE; text-decoration: none;}
.down-load a.btn-mid { margin: 25px auto; display: block;}
.down-load-info td { padding-right: 15px;}
.down-load-info td:last-child { padding-right: 0;}
.down-load-info span { color: #A2A1A1;}
.down-load-main { width: 700px; border: 1px #E7E6E6 solid;}
.down-load-main th { padding: 15px 10px 10px; border: 1px #E7E6E6 solid; text-align: center; color: #FFF; background: #878686;}
.down-load-main td { padding: 20px 10px 10px; border: 1px #E7E6E6 solid; font-size: 12px; text-align: center; color: #767676;}
.down-load-main a.red { line-height: 2;}
.down-load-ckeck span { min-width: 41px; padding: 10px 0; display: inline-block; text-align: center;}
.down-load .deploy h4 { font-size: 12px;}


.error-core { padding: 0 10px 15px; background-color: #FFF;
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}
#error .roll-news {display: none;}
.wrap-error{padding:70px 0 0 10px;height:560px;font:normal 14px/1.5 FAE\8F6F\96C5\9ED1,Tahoma, Geneva, sans-serif;color:#979797; background:url(../../v3/img/bg_404.jpg) no-repeat 380px 20px}
.wrap-error.wrap-error-500{background:url(../../v3/img/bg_500.jpg) no-repeat 380px 20px;}
.wrap-error  p{margin-bottom:20px;}
.wrap-error .txt-error{font-size:36px;font-family:Arial, sans-serif;color:#666;}
.wrap-error .txt-tips{font-size:30px;color:#000;margin-bottom:20px;}
.wrap-error dd ul{padding-top:10px;overflow:hidden;*zoom:1;pading-top:10px;}
.wrap-error dd li{float:left;margin-right:25px;}
.wrap-error dd li a:link,
.wrap-error dd li a:visited{color:#b00;}


.front .grid { width: 985px;}
.front #header { padding: 0;}
.front #logo { margin-top: 20px;}
#nav-top { width: 600px; height: 75px; float: left; background: url(../img/menu-top.png) -100px 0 no-repeat;}
#nav-top ul { width: 300px; margin-left: 100px; padding-top: 2px; overflow: hidden;}
#nav-top ul li { float: left;}
#nav-top ul li span { padding: 0 10px; font-size: 12px; color: #FFF;}
#nav-top ul li a { font-size: 12px; color: #FFF;}
.front-citation { float: left;}
.front-main-l { width: 205px; float: left; background-color: #1F1E1E;}
.front-main-l a { display: block; float: left; text-decoration: none;}
.front-main-l a:nth-of-type(1) { width: 213px; height: 160px; margin-left: -8px; margin-top: -20px; background: transparent url(../img/inhome.png) 0 0 no-repeat;}
.front-main-l > div > a:nth-of-type(1) { width: 197px; height: 81px; margin-left: 3px; margin-top: 4px; margin-bottom: 5px; background: transparent url(../img/img_icon.jpg) 0 -958px no-repeat;}
.front-main-l > div > a:nth-of-type(2) { width: 97px; height: 94px; margin-left: 3px; background: transparent url(../img/img_icon.jpg) 0 -1044px no-repeat;}
.front-main-l > div > a:nth-of-type(3) { width: 96px; height: 94px; margin-left: 4px; background: transparent url(../img/img_icon.jpg) -101px -1044px no-repeat;}
.front-main-l > div > a:nth-of-type(1):hover { background: transparent url(../img/img_icon.jpg) 0 -1145px no-repeat;}
.front-main-l > div > a:nth-of-type(2):hover { background: transparent url(../img/img_icon.jpg) 0 -1231px no-repeat;}
.front-main-l > div > a:nth-of-type(3):hover { background: transparent url(../img/img_icon.jpg) -101px -1231px no-repeat;}
#front-swflv, #front-swflv img { width: 532px; height: 324px; display: block; background-color: #1F1E1E;}
.front-main-r { width: 240px; height: 324px; overflow: hidden; background: #FFF url(../img/img_icon.jpg) 0 -1334px no-repeat;
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
  -moz-box-shadow: 0px 0px 4px #E0E0E0;
  -ms-box-shadow: 0px 0px 4px #E0E0E0;
  -o-box-shadow: 0px 0px 4px #E0E0E0;
  box-shadow: 0px 0px 4px #E0E0E0;
}
.ftban-warp { position: relative;}
#focus {width:240px; height:324px; position: relative; overflow:hidden;}
#focus ul {height:324px; position:absolute;}
#focus ul li {float:left; width:240px; height:324px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus ul li > a { padding-top: 100px;}
#focus ul li a, #focus ul li img { width:240px; height:224px; display: block;}
#focus ul li p { width:240px; height: 24px; position: relative; top: -24px; line-height: 24px; text-align: center; background: url(../img/black60.png) 0 0 repeat;}
#focus ul li p a { width: 240px; height: 24px; color: #FFF;}
#focus .ftbandiv2.btn { display: none;}
#focus .preNext {width:14px; height:21px; padding: 10px; position:absolute; top:175px; cursor:pointer;}
#focus .pre {left:5px; background: url(../img/ftbanlimg.png) 10px 10px no-repeat;}
#focus .next {right:5px; background-position:right top; background: url(../img/ftbanrimg.png) 10px 10px no-repeat;}

.front-main-m { width: 532px; float: left; background-color: #1F1E1E;}
.front-main-r { width: 240px; float: right;}
.front-banner { margin-top: 20px;}
.front-banner a { margin-left: 8px; float: left; display: block;}
.front-banner a:first-child { margin-left: 0;}
.front-banner a, .front-banner a img { width: 240px; height: 75px;}
.front-download { margin-top: 30px; position: relative; color: #666;}
.front-download h3 { padding: 12px 10px; display: block; font-family: '方正小标宋简体', '宋体'; font-size: 30px; color: #000; clear: both; overflow: hidden; background: url(../img/lining.jpg) 0 -146px repeat-x;}
.front-download h4 { margin: 20px 0 10px; font-size: 24px; color: #BB0000;}
.front-inkmark { float: left;}
.front-inkmark li { width: 650px; padding: 5px 0 5px 31px; font-size: 14px; line-height: 2; color: #666;}
.front-inkmark a, .front-inkmark span { padding: 0 2px; font-size: 14px;}
.front-inkmark ol i { width: 21px; height: 13px; margin: 9px 10px 0 -31px; display: block; float: left; background-image: url(../img/min_icon.png); background-repeat:  no-repeat;}
.front-inkmark ol li:nth-of-type(1) i { background-position: 0 -250px;}
.front-inkmark ol li:nth-of-type(2) i { background-position: 0 -266px;}
.front-inkmark ol li:nth-of-type(3) i { background-position: 0 -282px;}
.front-inkmark ol li:nth-of-type(4) i { background-position: 0 -300px;}
.front-qrcode { width: 185px; margin-top: 20px; border: 1px solid #EEE; border-top: 0; float: right; text-align: center; background-color: #FFF;}
.front-qrcode p { padding: 10px 0 5px; font-size: 14px; line-height: 1.5; color: #393939;}
.front-qrcode div { background: #EFEFEF url(../img/weibofenxiang.jpg) no-repeat;}
.front-qrcode div a { width: 90px; height: 60px; display: block; text-decoration: none;}
.front-qrcode div a:first-child { float: left;}
.front-qrcode div a:last-child { float: right;}
.front-download-a { padding: 20px 0 40px;}
.front-download-a a { width: 318px; height: 65px; margin-left: 15px; padding: 0; float: left; display: block; text-indent: -9999em; background: url(../../../imgs/min_btn.jpg) no-repeat;}
.front-download-a a:nth-of-type(1) { margin-left: 0px; background-position: -0px -132px;}
.front-download-a a:nth-of-type(2) { background-position: -0px -327px;}
.front-download-a a:nth-of-type(3) { float: right; background-position: -0px -392px;}
.front .deploy { padding: 20px 0; background: #F6F6F6 url(../img/front_deploy.jpg) center bottom no-repeat;}
.front #mainly { min-height: 0; padding-top: 20px; background: none;}
.front #footer { margin-top: -75px; padding-top: 45px; background: transparent url(../img/front_footer_bg.png) center bottom no-repeat;}
.front .footer-p { padding: 15px 0 10px; font-size: 12px; line-height: 1.5; text-align: center; color: #FFF;}
.front #page { max-width: 1920px; min-width: 1000px; background: url(../img/front_page_bg.jpg) center top no-repeat;}