/*reset begin*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
/*html { box-sizing: border-box; }*/
/**, *:before, *:after { box-sizing: inherit; }*/
img, object, embed { max-width: 100%; }
/*#map img { max-width: none; }*/
html { overflow-y: scroll; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; /*content: none;*/ }
a { margin: 0; padding: 0; font-size: 100%; /* vertical-align: baseline; */ background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; /*font: 100%;*/ }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button, input[type=button] { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*reset end*/
/*common*/
.fll { float: left; display: inline; }
.flr { float: right; display: inline; }
.por { position: relative; }
.dn { display: none; }
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.mt20 { margin-top: 20px; }
a { color: #3c3b37; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
body { background: url(../images/bg.jpg); width: 100%; min-width: 1330px; /*height: 2238px;*/ color: #3c3b37; font: 12px/1.5 "Microsoft Yahei", SimHei, SimSun; }
.wrapper { position: relative; width: 1330px; min-height: 100px; margin: 0 auto; }
/*header*/
.header { position: relative; }
/*main*/
.main { height: 565px; padding-top: 15px; margin-top:-820px;z-index:9999;}
.mod { position: absolute; width: 325px; height: 270px; border-top: 1px solid transparent; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; tansition: all 1s;}
.mod-inner { padding: 0 25px; }
.update-title { padding: 20px 0 12px; border-bottom: 0px solid #222129; color: #000; font-size: 20px; line-height: 1em; text-align: center; }
/*left: 0, 335, 670, 1005*/
.download, .btn-list-01, .guide, .video, .screenshot { left: 0; }
.slide, .news, .media, .photo { left: 335px; }
.profession-box{ left: 0px; }
.wallpaper { left: 670px; }
.ad-small, .server, .ad-large, .btn-list-02, .update, .service { left: 1005px; }
/*top: 0, 281, 561, 1110, 1390*/
.download, .slide, .ad { top: 0; }
 .btn-list-01, .server { top: 281px; }
 .news { top: 281px; background: url(../images/newsbg.jpg);}
.guide, .ad-large, .profession-box { top: 561px; }
.video, .experience, .btn-list-02 { top: 1110px; }
.screenshot, .photo, .wallpaper, .service { top: 1390px; }
/*background*/
.ad, .video { background: none; }
/*width: 325, 660*/
.slide, .news { width: 660px; }
.profession-box { width: 995px; }
/*height: 270, 539 */
.download { height: 270px; }
.ad-large, .guide, .profession-box { height: 539px; }
.ad { height: 744px; }
/*download*/
.download { }
.download a { position: relative; top: -1px; float: left; text-decoration: none; }
.btn-download { /* top: -1px; */ background-position: -1px 0px; width: 325px; }
.btn-download:hover { background-position: -1px -204px; }
@-webkit-keyframes upDown {
    from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
    to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
}
@keyframes upDown {
    from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
    to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
}
/*slide*/
.slide { }
.slide .swiper-container { width: 100%; height: 100%; }
.slide .swiper-slide { text-align: center; font-size: 18px; background: #000; }
.slide a { display: block; }
.slide .swiper-slide img { width: 660px; height: 270px; }
.slide .swiper-pagination { position: absolute; right: 20px; bottom: 15px; }
/*ad*/
.ad-small { }
.ad-small li { margin-bottom: 3px; /* *margin: -20px 0 3px;*/}
.ad-small img { display: block; height: 88px; }
.ad-small { position: absolute; top: 0; /* width: 255px; */ }
.ad-large img { display: block; }
/*news*/
.news { background: url(../images/news.png); border-top-color: #292930; }
.news-menu { position: relative; /* padding-top: 10px; */ border-bottom: 0px solid #0e0e10; }
.news-tabs { /* width: 100%; *//* padding: 20px 0 10px; *//* overflow: hidden; */ }
.news-tabs a { float: left; width: 82px; margin-bottom: -1px; padding: 20px 0 10px; border-bottom: 2px solid transparent; color: #CCCCCC; font-size: 18px; text-align: center; }
.news-tabs .active,
.news-tabs a:hover { border-bottom: 2px solid #000; color: #FFFFFF; text-decoration: none; }
.more { position: absolute; right: 15px; top: 25px; background: url('../images/sprite.png') no-repeat 0 -56px; width: 20px; height: 0; padding-top: 20px; overflow: hidden; }
.more:hover { background-position: 0 -86px; }
.news-hot { height: 3em; /*border-top: 1px solid #3c3c41;*/ font-size: 16px; overflow: hidden; }
.news-hot table td a { display: block; width: 100%; color: #CCCCCC; font-weight: bold; font-size: 16px; line-height: 3em; text-align: center; }
.news-hot table td a:hover { color: #CCCCCC;}
.news-pic { position: absolute; right: 15px; bottom: 12px; width: 185px; height: 185px; overflow: hidden; }
.news-pic:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.news .swiper-container { width: 630px; height: 200px; margin-left: 0; }

.news table { width: 100%; }
.news tr:hover td { color: #;}
.news tr:hover a { text-decoration: none; color: #CCCCCC;}
.news table td { color: #CCCCCC; line-height: 2.1; }
.news table a { display: block; width: 500px; color: #CCCCCC; font: 12px/2.1 SimSun; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.news a font { color: #dbba76; }
/*btn-list-01*/
.btn-list-01 { margin-top: 0; float: none; }
.btn-list-01 a { width: 163px; margin-left: -1px; }
.btn-list-01 a:hover { text-decoration: none; }
/*server*/
.server, .service { background: url(../images/genxin.png); border-top-color: #3f3f4b; }
.server-recommended { }
.server-recommended { padding: 0.5em 0; border-top: 1px solid #383844; color: #CCCCCC; font-size: 12px; line-height: 2em; text-align: center; }
.server-maintain { padding: 5px 0; border: 1px solid #54545f; color: #CCCCCC; text-align: left; }
.server-maintain strong { display: block; font-size: 12px; }
.server-maintain span { font-size: 20px; }
.server-status { margin-top: 8px; }
.server-status li { width: 134px; height: 32px; border: 1px solid #23232a; border-right-color: #181720; border-bottom-color: #0d0c14; border-left-color: #393843; }
.server-status a { display: block; background: #3e3d48 url('../images/sprite.png') no-repeat 0px -118px; height: 30px; line-height: 30px; border: 1px solid #52505c; border-right-color: #32313b; border-bottom-color: #282731; border-left-color: #42414c; color: #bcbbc1; font-size: 14px; text-align: center; text-indent: 19px; }
.server-status a:hover { background-position: 0px -162px; text-decoration: none; color: #dbba76; }
.server-status-01 { float: left; }
.server-status-02 { float: right; }
/*guide*/
.guide, .guide a { color: #857474; }
.guide { background: url(../images/guide.jpg); font-size: 14px; }
.guide .update-title { border-bottom-color: #331d1d; color: #ceb8b8; }
.guide-search { padding-top: 15px; border-top: 1px solid #695252; }
.search { background: #2a1f1f; height: 40px; }
.search-txt { background-color: transparent; width: 215px; padding: 0 10px; height: 40px; border: 0; color: #6d5757; font: 14px/40px "Microsoft Yahei"; }
.search-btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url('../images/sprite.png') no-repeat -1px -204px; width: 25px; height: 25px; overflow: hidden; }
.search-btn input { font-size: 30px; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); cursor: pointer; }
.search-btn:hover { background-position: -1px -241px; }
.guide-list { padding: 1.5em 0 2em; line-height: 2em; white-space: nowrap; }
.guide-list a { display: inline-block; *display: inline; *zoom: 1; *vertical-align: top; width: 70px; font-size: 12px; }
.guide-list a:hover { color: #fffefe; text-decoration: none; }
.guide-list-box { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #674a4a; }
.guide-list-box .guide-list a { width: 102px; font-size: 14px; }
.guide-list-box dt, .guide-list-box dd { border-top: 1px solid #331d1d; border-bottom: 1px solid #674a4a; }
.guide-list-box dt { height: 62px; line-height: 62px; font-size: 18px; text-align: center; /*background-color: #533b3b;*/ color: #B4A3A3;  }
.guide-list-box dt i { display: inline-block; vertical-align: middle; margin: 0 1em; }
.guide-title-01 i { background: url('../images/zfbxs-icons.png') no-repeat -11px 0; width: 21px; height: 24px; }
.guide-title-02 i { background: url('../images/zfbxs-icons.png') no-repeat -2px -36px; width: 29px; height: 25px; }
.guide-title-03 i { background: url('../images/zfbxs-icons.png') no-repeat 0 -81px; width: 30px; height: 20px; }
.guide-title-01.collapsed i { background: url('../images/sprite.png') no-repeat 0 -278px; }
.guide-title-02.collapsed i { background: url('../images/sprite.png') no-repeat 0 -412px; }
.guide-title-03.collapsed i { background: url('../images/sprite.png') no-repeat -1px -348px; }
.guide-list-box dd { display: none; position: relative; }
.guide-list-box .collapsed:hover { background-color: #533b3b; color: #1f0f0f; }
.guide-title-01.collapsed:hover i { background: url('../images/sprite.png') no-repeat 0 -312px; }
.guide-title-02.collapsed:hover i { background: url('../images/sprite.png') no-repeat 0 -450px; }
.guide-title-03.collapsed:hover i { background: url('../images/sprite.png') no-repeat -1px -380px; }
.guide-list-box .collapsed { background: none; color: #6D5757; }
.guide-list-box .collapsed { cursor: pointer; }
.guide-list-box .more { top: auto; bottom: .5em; right: auto; left: 50%; margin-left: -10px; background-position: 0 -1px; }
.guide-list-box .more:hover { background-position: 0 -31px; }
.guide { }
/*profession*/
.ad-large { position: relative;  background: url(../images/shenbing.jpg) 0 0 no-repeat; margin-top:-540px}
.profession-box { position: relative;  background: url(../images/bg_profession.jpg) no-repeat;  }
.profession-tab { position: absolute; left: 24px; top: 17px; border-bottom: 0px solid #3c3c41; /* outline: 1px solid #3c3c41; */ }
.profession-tab a {font-weight:bold; display: block; float: left; width: 95px; height: 46px; text-align: center; font-size: 18px; line-height: 46px; color: #000;}
.profession-tab a.on,
.profession-tab a:hover {font-weight:bold; color: #FF0000; text-decoration: none; border-bottom: 2px solid #ddb44b; background: url(../images/navs.png) no-repeat; }
.profession-details { position: absolute; top: 120px; left: 30px; width: 340px; font-size: 14px; line-height: 14px; color: #54545f; }
.profession-detail > p { margin-bottom: 7px; line-height: 20px; }
.profession-name { margin-bottom: 29px; }
.profession-name h3 { float: left; padding-right: 13px; font-size: 52px; line-height: 52px; color: #87878f; border-right: 1px solid #696969; }
.profession-name div { float: left; padding-left: 13px; }
.profession-name a { display: block; margin-bottom: 9px; width: 49px; height: 18px; text-align: center; line-height: 18px; color: #87878f; border: 1px solid #87878f; }
.profession-name a:hover { text-decoration: none; color: #ddb44b; border-color: #ddb44b; }
.profession-details-pc { margin-top: 0px; width: 252px; /* height: 193px; */ }
.profession-details-pc img { height: auto; margin-top: 0px; }
.profession-pic { position: absolute; right:0; bottom: 0; width: 952px; height: 460px; text-align: left;top: 70px; }
.profession-pic img { width: auto; height: 100%; }
.detail-disno { left: -565px; }
.pic-disno { right: 952px; }
/*btn-list-02*/
.btn-list-02 { overflow: visible; }
/*video*/
.video { }
.video a { display: block; position: relative; }
.video img { display: block; }
.video-mask, .video-txt-middle, .video-txt, .pic-icon, .video img, .media-list a img, .news-pic img { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.video-txt-line { -webkit-transition: all .5s .6s; -moz-transition: all .5s .6s; -ms-transition: all .5s .6s; -o-transition: all .5s .6s; transition: all .5s .6s; }
.video-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .6); }
.video-btn-play { position: absolute; left: 50%; top: 90px; width: 68px; height: 68px; margin-left: -34px; }
.video-btn-play i { position: absolute; left: 0; top: 0; background: url('../images/sprite.png') no-repeat 0 -485px;
    width: 100%; height: 100%; -webkit-animation: rotate 2s infinite linear; -o-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; }
.video-btn-play b { position: absolute; left: 50%; top: 50%; background: url('../images/sprite.png') no-repeat -4px -571px; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; }
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.video-txt-middle { position: absolute; left: 0; right: 0; top: 160px; color: #bcbbc1; font-size: 22px; text-align: center; }
.video-txt { position: absolute; bottom: 0; left: 0; width: 100%; color: #bcbbc1; font-size: 16px; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.video-txt-mask { position: absolute; left: 0; top: 0; background-color: #000; width: 100%; height: 100%; opacity: 0.3; }
.video-txt-line { position: absolute; left: 0; top: 0; width: 0; height: 1px; background-color: #bcbbc1; }
.video-txt-cont { display: block; position: relative; z-index: 2; width: 280px; margin: 0 auto; line-height: 3em; }
.video a:hover .video-mask, .video a:hover .video-txt-middle, .video a:hover .pic-icon { opacity: 0; }
.video a:hover .video-txt { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.video a:hover .video-txt-line { width: 100%; }
.video a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.video-source { display: none; background-color: #000; width: 100%; height: 100%; }
/*screenshot*/
.pic-icon { position: absolute; left: 50%; top: 50%; top: 100px; margin-left: -26px; background: url('../images/sprite.png') no-repeat 0 -661px; width: 47px; height: 47px; -webkit-animation:upDown 1.5s infinite; animation:upDown 1.5s infinite;}
/*experience*/
.experience { }
.experience .news-tabs a { width: auto; padding-left: 1.5em; padding-right: 1.5em; }
.experience .swiper-container { width: 100%; height: 183px; margin-top: 15px; }
.experience tr { border-bottom: 1px dashed #363640; }
.experience table a, .experience td { color: #60606b; font-size: 14px; }
.experience table a { width: 540px; }
.question-menu { background: #27262E; padding-left: 30px; border: 0; }
.question-menu .news-tabs { /* background: #f00; */ }
.question-menu .news-tabs a { background: #27262E; padding: 0.3em 1.9em; border: none; margin-bottom: 0; color: #6D6D7B; font-size: 16px; }
.question-menu .news-tabs .active, .question-menu .news-tabs a:hover { background: #27262E; /* background: url(../images/news.png); *//* border: none; */ color: #DBBA76; border-bottom: 1px solid #DBBA76; }
#question .swiper-container { background: #27262E; margin-top: 0; }
#question table { width: 95%; margin: 0 auto; }
#question table tr { border: none; border-bottom: 1px dashed #363640;}
#question table a, #question table td { color: #60606b; }
#question table a { width: 400px; }
#question table img { vertical-align: middle; }
/*media*/
.media { }
.media-list { margin-top: 12px; }
.media-list li { float: left;background: #fff;width: 91px; height: 37px; overflow: hidden;}
.media-list a { display: block; position: relative; height: 100%; }
.media-list a img { display: block; }
.media-list a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/*service*/
.service { }
.service .update-title { padding: 12px 0; text-align: left; }
.service-cont { padding-top: 8px; }
.service-01, .service-02 { padding: 5px 0; }
.service-links { white-space: nowrap; overflow: hidden; }
.service-links a { margin-right: 12px; /* margin-bottom: 15px; *//* border-left: 1px solid #b8b8b8; */ color: #ddb44b; font-size: 14px; text-decoration: underline; /* line-height: 1.1; */ }
.service-links a:hover { color: #ea8d31; }
.service-02 { /* float: right; *//* width: 200px; */ }
.service-02 p { color: #8c8c8c; line-height: 1.5; }
/*.service-02 p a { color: #ea8d31; }*/
/*.page { margin-top: 8px; color: #777777; text-align: center; }*/
/*.page a { margin: 0 .5em; color: #777777; font-weight: normal; }*/
/*.page strong { font-weight: normal; }*/
/*.page span .on { color: #ea8d31; }*/
/*footer*/
.footer, .footer a { color: #888888; }
.footer { width: 100%; padding: 310px 0 50px; }
.public_bm_table { margin: 0 auto; }
@-webkit-keyframes upDown {
    from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
    to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }
}
@keyframes upDown {
    from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
    to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }
}
/*modernizr*/
.no-opacity .video-txt-mask { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
.no-csstransforms .video-txt{ bottom: -80px;}
.no-csstransforms .video a:hover .video-txt{ bottom: 0px;}
.no-opacity .video a:hover .video-mask,
.no-opacity .video a:hover .video-txt-middle,
.no-opacity .video a:hover .pic-icon { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.no-rgba .video-mask { background-color: #000; opacity: .6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
/*size01*/
@media all and (max-width: 1380px) {
    body { min-width: 1024px; }
    .wrapper { width: 995px; }
    .ad-small,
    .server,
    .btn-list-02 { left: 0; }
    .ad-large { left: 335px;}
    .service { left: 335px; }
    .ad-small { top: 280px; }
    .btn-list-01,
    .news { top: 378px; }
    .server,
    .ad-large { top: 659px; }
    .guide,
    .profession-box { top: 939px; }
    .video,
    .experience { top: 1489px; }
    .screenshot,
    .photo,
    .wallpaper { top: 1769px; }
    .btn-list-02,
    .service { top: 2050px; }
    .ad-small { width: 1005px; height: 88px; }
    .ad-small li { float: left; margin-right: 10px; }
    .ad-large { width: 670px; height: 270px; }
    .ad-large a { float: left; margin-right: 10px; }
    .footer { padding-top: 960px; }
}
.size01 { min-width: 1024px; }
.size01 .wrapper { width: 995px; }
.size01 .ad-small,
.size01 .server,
.size01 .btn-list-02 { left: 0; }
.size01 .ad-large { left: 335px; }
.size01 .service { left: 335px; }
.size01 .ad-small { top: 280px; }
.size01 .btn-list-01,
.size01 .news { top: 378px; }
.size01 .server,
.size01 .ad-large { top: 659px; }
.size01 .guide,
.size01 .profession-box { top: 939px; }
.size01 .video,
.size01 .experience { top: 1489px; }
.size01 .screenshot,
.size01 .photo,
.size01 .wallpaper { top: 1769px; }
.size01 .btn-list-02,
.size01 .service { top: 2050px; }
.size01 .ad-small { width: 1005px; height: 88px; }
.size01 .ad-small li { float: left; margin-right: 10px; }
.size01 .ad-large { width: 670px; height: 270px; }
.size01 .ad-large a { float: left; margin-right: 10px; }
.size01 .footer { padding-top: 960px; }


/*¹ã¸æ¶þ̬ÐÞ¸Ä*/
.ad-small li a { display: block; width: 325px; height: 88px;}
.ad-small li a:hover { background-position: 0 -88px;}
.ad-small-v2-a1 { display: block; width: 325px; height: 88px; background: url(../images/activity1-gfyy8460-325-88.jpg) 0 0 no-repeat;}
.ad-small-v2-a2 { display: block; width: 325px; height: 88px; background: url(../images/activity2-xzf-325-88.jpg) 0 0 no-repeat;}
.ad-small-v2-a3 { display: block; width: 325px; height: 88px; background: url(../images/activity3-wxhyk1-325-88.jpg) 0 0 no-repeat;}
.ad-large a span { display: block; position: absolute; font-size: 14px; color: #606068; line-height: 18px; border: 1px solid; top: 126px; left: 24px; width: 49px; text-align: center; background: #1E1E26; font-family: 'SimSun';}
.ad-large a:hover span { background: #ddb44b;}







#yxh_article{ width: 818px; margin:0em 0em 0em 0em;margin-top:0px;margin-left:0px;}
.slider_box{margin:0px auto 0 auto;height:475px;overflow:hidden;position:relative;width:818px;} 
.mask{height:100px;overflow:hidden;background:#000;opacity:0.7;filter:alpha(opacity:70);width:100%;position:absolute;left:0;bottom:0;z-index:1;border-top:solid 2px #ddd;}
.silder_con{overflow:hidden;position:absolute;}
.silder_panel{width:818px;height:475px;overflow:hidden;float:left;position:relative;}
.silder_panel img{width:818px;height:475px;display:block;overflow:hidden;overflow:hidden}
.silder_nav li{ float:left;padding:0px;margin:2px;display:inline;position:relative;}
.silder_nav li.current{border:3px solid #1b1b37;margin:0 4px;}
.silder_nav li,.silder_nav img{display:block;width:46px;height:48px;overflow:hidden;}
.slider_box a.prev,.slider_box a.next{display:block;width:45px;height:100px;line-height:999em;overflow:hidden;z-indent:9;position:absolute;cursor:pointer;margin:85px 0 0 0;background:url(images/silder_btn.gif) no-repeat;}
.slider_box a.prev{left:0;background-position:left 0;}
.slider_box a.next{right:0;background-position:right 0;} 
.silder_intro{position:absolute;left:0;bottom:0;z-index:9;width:818px;height:100px;overflow:hidden;color:#fff;padding-left:50px;top:10px;}
.silder_intro h4{font-size:20px;font-weight:bold;margin:0px 5px 5px 5px;height:22px;line-height:24px;}
.silder_intro p{font-size:12px;line-height:24px;}
.dec{float:right;right:300px;height:100px;bottom:-40px;overflow:hidden;z-index:9;position:absolute;}
.dec li{float:right;display:inline;}

.data li{float:left;position:relative;overflow:hidden;width:102px;height:330px;background:url(../images/t01917cb036be41fd95.jpg) no-repeat right top}
.data div{position:absolute;left:102px;top:0;width:1320px;height:330px}
.data p{width:170px;padding:25px 0 0 10px}
.data p a{display:inline-block;color:#637d8d;font-size:14px;padding:5px 10px}
.data p a:hover{text-decoration:underline}
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10{float:left;width:102px;height:330px;background:url(../images/t0181edfded0b02b64e.png) no-repeat;text-indent:-9999px}
.d1{background-position:0 0}
.d2{background-position:-102px 0}
.d3{background-position:-204px 0}
.d4{background-position:-306px 0}
.d5{background-position:-408px 0}
.d6{background-position:-510px 0}
.d7{background-position:-612px 0}
.d8{background-position:-714px 0}
.d9{background-position:-816px 0}
.d10{background-position:-918px 0}
.data li.cur .d1{background-position:0 -330px}
.data li.cur .d2{background-position:-102px -330px}
.data li.cur .d3{background-position:-204px -330px}
.data li.cur .d4{background-position:-306px -330px}
.data li.cur .d5{background-position:-408px -330px}
.data li.cur .d6{background-position:-510px -330px}
.data li.cur .d7{background-position:-612px -330px}
.data li.cur .d8{background-position:-714px -330px}
.data li.cur .d9{background-position:-816px -330px}
.data li.cur .d10{background-position:-918px -330px}


#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:40px;top:0px;margin-top:0px;z-index:6000;}
/*#onlineKefu{z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweima{width:68px;height:102px;padding-top:0px;}
#flash .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'΢ÈíÑźÚ';}