body, button, input, select, textarea { font: 12px/1.125 Microsoft YaHei } sub, sup { line-height: 0 } body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } li { list-style: none } fieldset, img { border: 0 } img { vertical-align: middle } input, textarea { outline-style: none } textarea { resize: none } address, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: normal } header, footer { display: block } a { text-decoration: none; outline: 0 } a:hover { text-decoration: underline } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .clearfix { zoom: 1 } .i { display: inline-block; *zoom: 1; vertical-align: middle; text-indent: -1000px; overflow: hidden; background: url(../images/t01be740b9f5b14cb1b.png) repeat-x center 0 } .i_top { width: 0; height: 0; font-size: 0; border-width: 5px; border-style: dashed dashed solid; border-color: transparent transparent #000; display: inline-block } .i_bot { width: 0; height: 0; font-size: 0; border-width: 5px; border-style: solid dashed dashed; border-color: #000 transparent transparent; display: inline-block } .i_left { width: 0; height: 0; font-size: 0; border-width: 5px; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; display: inline-block } .i_right { width: 0; height: 0; font-size: 0; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #000; display: inline-block } .focus_img { float: left; overflow: hidden; position: relative } .focus_img ul { width: 2000px; position: relative; } .focus_img li { position: absolute; top: 0; left: 0; } .focus_img .prev, .focus_img .next { width: 38px; height: 76px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; left: 15px; top: 50%; margin: -38px 0 0; z-index: 10 } .focus_img .prev:hover { background-position: 0 -78px } .focus_img .prev:active { background-position: 0 -155px } .focus_img .next { background-position: -46px -2px; left: auto; right: 15px } .focus_img .next:hover { background-position: -46px -78px } .focus_img .next:active { background-position: -44px -155px } .focus_btn { position: absolute; left: 0; bottom: 21px; width: 100%; text-align: center } .focus_btn a { width: 12px; height: 11px; display: inline-block; margin: 0 4px; overflow: hidden; border-radius: 11px; background: #fff } .focus_btn a.cur { background: #c98317 } .tab .tab_li { float: left; width: 101px; height: 47px; text-align: center; line-height: 47px; cursor: pointer } .tab .cur { cursor: default } .news li { height: 29px; line-height: 29px; text-align: right } .news li .tt { float: left; width: 305px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; padding: 0 0 0 52px; position: relative } .news li .label { width: 43px; height: 15px; line-height: 15px; text-align: center; border-radius: 2px; display: inline-block; vertical-align: middle; position: absolute; top: 7px; left: 0 } .frame_cont, .footer, .wrap_bg header { width: 1180px; margin: 0 auto } .wrap_bg { background: url('../../static/images/logo/nei-bg.png') no-repeat center 70px #2c2223; background-position-y: 130px; } .wrap_bg header .slogen { height: 575px; width: 100%; display: block } .col_s, .col_m, .col_l, .col_xl, .col_xxl { float: left; overflow: hidden; display: inline } .col_s { width: 287px } .col_m { width: 407px } .col_l { width: 486px } .col_xl { width: 773px } .col_xxl { width: 893px } body, a { color: #414141 } a:hover, .tit h2 { color: #ad8732 } .c_grey { color: #8f8f8f } .c_greyL { color: #c8c8c8 } .c_black { color: #343434 } .c_white { color: #fff } .c_tit, .c_tit:hover { color: #ffd200 } .index_row1 .col_m, .week_top, .newsList .tab .cur { background: url(../images/t019773b48ce7071aa1.gif) repeat-x 0 0 } .index_row5 h3, .prev, .next { background: url(../images/t01e1a0adeb2bb48ec5.png) no-repeat 0 0 } .data dt, .mainbody_cont .tab .cur { background: url(../images/t0126cdd4024ac48240.png) no-repeat 0 0 } .i_more { width: 15px; height: 15px } .nav_top { width: 100%; height: 50px; background: #e9e9e9; border-bottom: 2px solid #977862; } .map_info { /* width: 1280; */ padding: 0 35px; margin: 0 auto; position: relative; z-index: 3; } .map_logo { width: 130px; float: left; } .map_logo a { width: 130px; height: 38px; display: block; text-indent: -99999em; margin-top: 6px; background: url('../../static/images/logo/duoyou_logo.png') no-repeat; } .map_list { float: right; } .map_list li { float: left; font-size: 14px; height: 50px; line-height: 50px; padding-right: 15px; position: relative; vertical-align: middle; } .map_list li a { color: #828283; } .map_list li a:hover { color: #333; } nav { display: block; height: 80px; /*background: url(../images/t0189591f89930d4477.jpg) repeat-x center 0;*/ background: url(../images/topnavbg.png) repeat-x center 0; z-index: 100; position: relative } nav .nav_cont { position: relative; width: 1242px; margin: 0 auto } nav .nav_cont_li { position: relative; float: left; width: 134px; padding-right: 1px; /*background: url(../images/t01254931143dc05754.gif) no-repeat 100% center*/ } nav .nav_cont_a { position: relative; z-index: 102; display: block; width: 100%; height: 80px; background: url(../images/topnav.png) no-repeat; /*background: url(../images/t01c0994bcdda839841.png) no-repeat;*/ text-indent: -1000px; overflow: hidden } nav .nav_cont_li.n4 { margin: 0 162px 0 0 } nav .n1 .nav_cont_a { background-position: -320px 0px } nav .n2 .nav_cont_a { background-position: -455px 0px } nav .n3 .nav_cont_a { background-position: -592px 0px } nav .n4 .nav_cont_a { background-position: -731px 0px } nav .n5 .nav_cont_a { background-position: -1055px 0px } nav .n6 .nav_cont_a { background-position: -1190px 0px } nav .n7 .nav_cont_a { background-position: -1330px 0px } /*nav .n8 .nav_cont_a { background-position: -1031px 0px }*/ nav .menu { position: absolute; left: 0; top: 0; z-index: 101; width: 134px; height: 136px; padding: 70px 0 0; background: url(../images/t010fb436e526ea47b3.png) no-repeat 0 0; display: none } nav .menu a { display: block; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fffefe } nav .menu a:hover { color: #ffd200 } nav .menu a:hover { text-decoration: none } nav .cur .menu { display: block } nav .data_logo { display: block; position: absolute; top: 10px; left: 50%; width: 219px; height: 120px; margin: 0 0 0 -108px; /* background: url(../images/t013c42575f76035fb4.png) no-repeat 0 0;*/ background: url(../images/logo.png) no-repeat 0 0; text-indent: -1000px; overflow: hidden } .gb a { display: block; background: url(../images/t01ee6cc355cb8e2d67.jpg) no-repeat 0 0; text-indent: -1000px; overflow: hidden } .gb .down { width: 100%; height: 152px; background-position: 0 0 } .gb .down:hover { background-position: -296px 0 } .gb .wd { width: 100%; height: 69px; background-position: 0 -152px } .gb .wd:hover { background-position: -296px -152px } .gb .pay, .reg { float: left; height: 67px } .gb .pay { width: 144px; background-position: 0 -221px } .gb .pay:hover { background-position: -296px -221px } .gb .reg { width: 143px; background-position: -144px -221px } .gb .reg:hover { background-position: -440px -221px } .tit { padding: 18px 23px 28px } .tit h2, .tit p { float: left } .tit h2 { font-size: 22px; font-weight: normal } .tit p { font-size: 14px; margin: 8px 0 0 6px; text-transform: Uppercase } .tit .i_more { float: right; margin: 8px 0 0 } .pagination { clear: both; float: none; font-family: Tahoma, Geneva, sans-serif; line-height: 2em; margin: 100px 0 100px; text-align: center; } .pagination a { background: none repeat scroll 0 0; border: 1px solid #b1791c; border-radius: 3px 3px 3px 3px; color: #434343 !important; display: inline-block; font-size: 12px; margin: 0 2px; padding: 0 8px; vertical-align: middle } .pagination a:visited { color: #434343; text-decoration: none; } .pagination a:hover, .mop_frist .nr .npage span a:hover, .mop_frist .nr .npage .selected { background: #b1791c; border: 1px solid #b1791c; color: #fff!important; float: none; text-decoration: none; } .pagination span a:hover { font-weight: normal; } .pagination li { display: inline; } .pagination .thisclass { background: none repeat scroll 0 0; border: 1px solid #b1791c; border-radius: 3px 3px 3px 3px; color: #fff !important; display: inline-block; font-size: 12px; margin: 0 2px; padding: 0 8px; vertical-align: middle; background: #b1791c; } .bread { width: 100%; height: 66px; background: url(../images/t01502b35552de47a70.jpg) repeat-x 0 0 } .bread_left { float: left; padding: 18px 0 0 25px } .bread_left * { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom } .bread_left h2 { font-size: 25px; color: #fff; font-weight: normal; margin: 0 6px 0 0 } .bread_left p { font-size: 15px; color: #64605f } .bread_right { float: right; padding: 35px 30px 0 0 } .footer, .footer a, .footer a:hover { color: #8b8a8a } footer { background: #343434; padding: 38px 0; font-family: "simsun" } .footer .f_logo, .footer .f_cont { float: left } .footer .f_logo { width: 195px; height: 47px; margin: 13px 40px 0 0; background: url(../images/t01217d537529a76d7b.png) no-repeat 0 0; text-indent: -1000px; overflow: hidden } .footer .f_cont { padding: 0 0 0 45px; background: url(../images/t0108861ac93f7640d0.gif) no-repeat 0 center } .footer .f_cont p { padding: 7px 0 } .footer .f_cont a { margin-right: 5px } .index_row1, .index_row2, .index_row3, .index_row4 { margin-bottom: 22px } .index_row1 { position: relative; top: -1px; padding: 1px 0 0; margin: 0 0 21px } .index_row1 .col_s, .index_row1 .col_m, .index_row1 .col_l { height: 288px } .index_row1 .focus_img img { width: 486px; height: 288px } .newsList .tab, .newsList .tab span { background: url(../images/t01ff54aa75c7f5f8f5.png) no-repeat 0 0 } .newsList .tab { margin: 0 0 22px; color: #8f8f8f; background-position: right 0; background-repeat: repeat-x } .newsList .tab span { font-size: 14px } .newsList .tab .cur { font-size: 16px; color: #fff; width: 104px } .newsList h2 { font-size: 14px; font-weight: normal; width: 355px; height: 34px; line-height: 34px; text-align: center; background: #242424; margin: 0 auto 16px } .newsList .morelink { position: absolute; right: 35px; top: 17px; font-size: 14px } .newsList .cont { margin: 0 27px; position: relative } .newsList .news { color: #5b5a5a } .newsList .news li .tt { width: 255px } .index_row2 .col_xl, .index_row2 .col_m { height: 317px } .role { position: relative; zoom: 1; background: url(../images/jobg.png) no-repeat 0 0; overflow: visible } .role .tab, .index_row2 .role .cont { width: 427px } .role .tab { border-bottom: 1px solid #a4a4a4; height: 48px; margin: 10px 0 25px 26px } .role .tab_li { width: 70px; font-size: 16px } .role .tab .cur { position: relative; font-size: 20px; color: #1a1410; border-bottom: 3px solid #1a1410 } .role .cont { margin: 0 0 0 26px; zoom: 1 } .role .cont p { line-height: 28px; font-family: "simsun"; margin-bottom: 10px } .role .cont p b { font-size: 14px } .role .r, .index_row2 .role .d { position: absolute } .role .r { right: 15px; top: 0 } .role .d { top: 224px; left: 26px } .role .ts { position: relative; display: none; position: absolute; left: -30px; top: 0; background: #000; color: #fff; width: 16px; height: 69px; padding: 8px 7px; text-align: center } .role .ts:hover { text-decoration: none } .role .ts .i_left { position: relative; top: 4px; left: -3px } .week { overflow: visible; position: relative } .week_top { position: relative; z-index: 3; height: 190px } .week_top .tab { padding: 32px 0 0 2px } .week_top .tab_li { position: relative; width: 63px; height: 63px; margin: 0 0 16px 30px; z-index: 1; zoom: 1; display: inline } .week_top .tab_li .c_white { position: absolute; bottom: 0; left: 0; height: 19px; width: 100%; line-height: 19px; text-align: center; background: rgba(0, 0, 0, 0.6); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6c000000', endColorstr='#6c000000') } .week_top_pop { position: absolute; left: 0; top: 63px; width: 324px; background: #000; padding: 10px; text-align: left; line-height: 20px; display: none } .week_top_pop .c_tit { font-size: 14px } .week_top_pop .close { position: absolute; right: 6px; top: 4px; cursor: pointer; color: #fff; font-size: 16px } .week_top_pop .kuang { position: absolute; left: 0; top: -63px; display: block; width: 57px; height: 57px; border: 3px solid #000 } .week_top .cur { z-index: 2 } .week_top .cur .week_top_pop { display: block } .week_top .moreAct { background: #3e3e3e } .week_top .moreAct a { display: block; height: 36px; padding: 13px 15px; line-height: 18px; color: #fff; font-family: "simsun" } .week .zhao { display: block; width: 407px; height: 125px; margin-top: 2px; background: url(../images/wxqq.png) no-repeat; } .index_row3 .col_l, .index_row3 .col_m, .index_row3 .col_s { height: 300px } .data { background: #efefef } .index_bg .data dl { height: 48px; overflow: hidden } .index_bg .data dd { height: 26px } .data dl { position: relative; padding: 0 0 11px 86px; margin: 0 24px 12px; border-bottom: 1px solid #d1d1d1 } .data dt { position: absolute; left: 0; top: 0; text-align: center; width: 73px; height: 51px; overflow: hidden } .data dt h3 { font-size: 14px; color: #fff; margin: 14px 0 1px; font-weight: normal } .data dt p { font-size: 8px; color: #d7a76b } .data dd { float: left; width: 64px; height: 24px; line-height: 25px; text-align: center } .data dl.last { border: 0 } .method .news { margin: 0 24px } .method .news li { height: 32px; line-height: 32px } .method .news li .tt { width: 178px; padding-left: 17px; background: url(../images/t01ca8e505ef9035577.png) no-repeat 0 center } .moreAd a { float: left } .moreAd .moreAd_1 { width: 205px; height: 150px } .moreAd .moreAd_2 { width: 202px; height: 150px } .moreAd .moreAd_3 { width: 407px; height: 150px } .index_row4 .col_xl, .index_row4 .col_m { height: 263px; overflow: hidden } .pic .tab, .friend .tab { font-size: 14px } .pic .tab_li, .friend .tab_li { height: 44px; line-height: 44px } .pic .tab .cur, .friend .tab .cur { font-size: 16px; color: #ad8732; border-top: 2px solid #cd8c19; height: 42px; line-height: 42px } .pic { background: #e5e4e4; width: 100%; } .pic .tab { background: #efefef } .pic .tab_li { width: 113px } .pic .tab .cur { background: #e5e4e4 } .pic .cont .i_more { float: right; margin: -248px 25px 0 0 } .pic .cont ul { padding: 21px 0 0 25px } .pic .cont li { float: left; width: 260px; height: 198px; margin: 0 23px 0 0; text-align: center } .pic .cont .picLink { display: inline-block; *zoom: 1; width: 80px } .pic .cont img { width: 260px; height: 180px; margin: 0 0 12px; cursor: pointer } .friend { background: #f8f8f8; _width: 404px } .friend .tab { background: #d9d8d8; margin: 0 0 14px } .friend .tab_li { width: 81px } .friend .tab .cur { background: #f8f8f8 } .friend .tab .i_more { float: right; margin: 15px 25px 0 0 } .friend .news li .tt { width: 302px } .index_row5 { height: 123px; background: #e5e4e4 } .index_row5 h3, .linksDiv { float: left } .index_row5 h3 { width: 37px; height: 90px; text-indent: -1000px; margin: 16px 0 0; overflow: hidden } .linksDiv { position: relative; margin: 28px 0 0 12px } .links { width: 1061px; height: 67px; margin: 0 35px; overflow: hidden } .links ul { width: 2000px } .links li { float: left; margin: 0 10px 0 0 } .links img { width: 143px; height: 67px } .linksDiv .prev, .linksDiv .next { display: block; width: 25px; height: 67px; position: absolute; top: 0; cursor: pointer } .linksDiv .prev { background-position: -68px 0; left: 0 } .linksDiv .prev:hover { background-position: -68px -77px } .linksDiv .next { background-position: -108px 0; right: 0 } .linksDiv .next:hover { background-position: -108px -77px } .side, .mainbody { margin-bottom: 26px } .side .method { background: #e1e1e1; padding: 0 0 16px } .side .method .tit { padding-bottom: 15px } .side .moreAd a { width: 287px; height: 135px; background: url(../images/t010eb9b2687e3e3bce.jpg) no-repeat 0 0 } .side .moreAd .moreAd_2 { background-position: 0 -135px } .mainbody_cont { padding: 37px 46px 25px; min-height: 434.75px; height: auto; background: #fff } .mainbody_cont .tab { height: 42px; background: #e1e1e1; margin: 0 0 15px } .mainbody_cont .tab_li { width: 141px; height: 42px; line-height: 42px; font-size: 16px; background: url(../images/t0100b8c1b96a50918b.gif) no-repeat 0 center } .mainbody_cont .tab .cur { width: 141px; height: 51px; background-position: 0 -61px; color: #ad8732 } .mainbody_cont .cont { clear: both; margin-bottom: 25px } .mainbody_cont .news { margin: 0 0 25px } .mainbody_cont .news li { height: 49px; line-height: 49px; border-bottom: 1px dashed #d7d7d7; font-size: 14px } .mainbody_cont .news li:hover { background: #f3f3f3 } .mainbody_cont .news li .c_greyL { margin-right: 15px } .mainbody_cont .news li .tt { width: 700px } .mainbody_cont .data { background: #fff; padding-bottom: 26px; border-bottom: 1px dashed #d7d7d7; margin-bottom: 25px } .mainbody_cont .data h1 { font-size: 25px; font-weight: normal; line-height: 40px; margin-bottom: 20px } .mainbody_cont .data h1 span { font-size: 40px; vertical-align: bottom; font-family: "Arial"; margin: 0 6px 0 0 } .mainbody_cont .data dl { border-bottom: 0; padding: 0 0 0 125px; margin: 0 0 8px 0; background: #efefef; overflow: hidden; height: 48px } .mainbody_cont .data dt { width: 125px; height: 45px; background-position: -150px 0 } .mainbody_cont .data dt h3 { margin-top: 11px } .mainbody_cont .data dd { width: 78px; padding: 0 3px; font-size: 14px; height: 46px; overflow: hidden; line-height: 21px } .mainbody_cont .pic { background: 0 } .mainbody_cont .pic .cont li { width: 50%; margin: 0; height: 262px; border-bottom: 1px dashed #d7d7d7; margin-bottom: 30px } .mainbody_cont .pic .cont img { width: 309px; height: 208px } .mainbody_cont .pic .cont .picLink { font-size: 14px } .article_tit { height: 66px; border-bottom: 1px solid #dadada; margin-bottom: 25px } .article_tit h1 { float: left; font-size: 30px; font-weight: normal; margin-top: 14px } .article_sub { float: right } .article_sub time { display: block; margin-bottom: 10px } .article_sub span { display: inline-block; *zoom: 1; width: 25px; height: 25px; border: 1px solid #b6b6b6; background: #f3f3f3; color: #000; font-size: 14px; text-align: center; line-height: 25px; cursor: pointer } .article_cont a { font-size: 16px; line-height: 28px; text-indent: 2em; margin-bottom: 10px } .article_cont p { font-size: 16px; line-height: 20px; /* text-indent: 2em */ } .article_cont a { color: #405b88; display: inline-block; *zoom: 1 } .article_cont img { margin-bottom: 30px } .layer { position: absolute; top: 0; left: 0; width: 830px; background: #4c5761; z-index: 50 } .layer .close, .layer1 .close { background: url(../images/t01f4f62e8f08da1922.png) no-repeat 0 0; width: 35px; height: 35px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; top: 0; right: -35px } .layer .close:hover { background-position: -35px 0 } .layer_conn { padding: 13px 15px; width: 800px }