@charset "utf-8"; body { margin:0; padding:0; font-size:14px; min-width:1200px; background:#ffffff; font-family:"Microsoft Yahei",宋体,sans-serif } ul,li { list-style-type:none; margin:0; padding:0 } h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal } img { border:0 } a { text-decoration:none; color:#666666 } a:hover { text-decoration:none; color:#0D548F; transition:all 0.6s } .fl { float:left !important } .fr { float:right !important } .clearboth { clear:both; border:0; padding:0; margin:0 } .w1200 { width:1200px; height:auto; margin:0 auto } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .relative { position:relative } .imghover { cursor:pointer; transition:all 0.6s } .imghover:hover { transform:scale(1.2) } .header { background:#1177CB; width:100%; height:200px; /* background:url("../images/top_x_bg.png") top repeat-x; */position:relative; z-index:9999; background-size:contain; box-shadow:0px 10px 10px rgba(0,0,0,0.2); } .top_bg { //background:url("../images/top_bgsy.png") top center no-repeat; height:auto; position:relative; z-index:999 } .i-search { width:270px; height:34px; overflow:hidden; position:absolute; margin:20px 0 0 18px; background:none; border:#ffffff 1px solid; top:10px; right:0 } .i-search .search-txt { width:184px; padding-left:35px; height:34px; line-height:34px; color:#999999; border:none; background:url("../images/ico_search.png") 10px center no-repeat; outline:none } .i-search .search-btn { width:49px; height:34px; line-height:34px; margin:0; padding:0; font-size:14px; border:none; background:none; cursor:pointer; color:#ffffff; border-left:#ffffff 1px solid } .i-search .search-btn:hover { background:#576592 } .i-nav { width:1200px; height:54px; margin:0 auto 0 auto; position:absolute; top:101px; //right:0 } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .nav { padding:0 20px; height:54px; line-height:54px; position:relative; z-index:1; margin:0 auto; width:100% } .nav a { color:#fff } .nav .nLi { width:133px; float:left; position:relative; display:inline } .nav .nLi h3 { text-align:center } .nav .nLi h3 a { display:block; padding:0 10px; font-size:16px; font-weight:normal; color:#ffffff; background:url("../images/nav_bgline.png") bottom repeat-x } .nav .sub { display:none; width:100%; left:-1px; top:63px; position:absolute; background:#000000; line-height:36px; padding:0; opacity:0.7 } .nav .sub li { zoom:1; border-bottom:#1f1f1f 1px solid; text-align:center } .nav .sub a { display:block; padding:0 0px; font-size:14px } .nav .sub a:hover { color:#fff; background:#0D548F; } .ibanner { width:1200px; overflow:hidden; position:relative; top:-10px; z-index:0; margin:0 auto } .ibanner .hd { height:15px; overflow:hidden; position:absolute; right:45%; bottom:30px; z-index:1 } .ibanner .hd ul { overflow:hidden; zoom:1; float:left } .ibanner .hd ul li { float:left; margin-right:7px; width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; opacity:0.8; border-radius:20px } .ibanner .hd ul li.on { background:#1177CB; opacity:1; color:#fff } .ibanner .bd { position:relative; height:100%; z-index:0 } .ibanner .bd li { zoom:1; vertical-align:middle; position:relative } .ibanner .bd li h1 { position:absolute; bottom:40px; left:20%; background:url("../images/tt_bg.png"); font-size:24px; color:#ffffff; padding:10px 20px } .ibanner .bd img { width:100%; display:block } .ibanner .prev,.ibanner .next { position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:45px; height:80px; background:url(../images/slider-arrow.png) -120px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5 } .ibanner .next { left:auto; right:3%; background-position:-2px 5px; width:45px; height:80px } .ibanner .prev:hover,.ibanner .next:hover { filter:alpha(opacity=100); opacity:1 } .ibanner .prevStop { display:none } .ibanner .nextStop { display:none } .newx_box { width:1200px; margin:30px auto 0 auto; height:auto; overflow:hidden } .newx_box_left { width:570px; float:left; height:auto; overflow:hidden } .newx_box_left_t { width:100%; height:50px; background:url("../images/xwdt.png") left bottom no-repeat; margin:0 0 30px 0; overflow:hidden } .newx_box_left li { width:100%; height:82px; border-bottom:#e2e2e2 1px dashed; padding:0 0 24px 0; margin:0 0 24px 0 } .newx_box_left li:last-child { border-bottom:none } .newx_box_left li:hover img { opacity:0.9; transform:scale(1.2) } .newx_box_left li:hover h2 { color:#cc3300 } .newx_box_left li:hover p { color:#333333 } .tw_img { float:left; display:block; width:128px; height:82px; overflow:hidden } .tw_img img { width:125px; height:82px; transition:all 0.6s } .tw_txt { float:right; display:block; width:250px; height:82px; overflow:hidden } .tw_txt h2 { font-size:18px; width:100%; line-height:24px; color:#333333; margin:0; padding:0 0 10px 0 } .tw_txt p { font-size:14px; line-height:24px; color:#7f7f7f; margin:0; padding:0 } .i-more { float:right; margin:32px 10px 0 0; transition:all 0.6s } .i-more:hover { transform:translateX(5px) } .xsgz { width:380px; float:left; margin-left:30px; height:auto; overflow:hidden } .xsgz_t { width:100%; height:50px; background:url("../images/xsgz1.png") left bottom no-repeat; margin:0 0 30px 0; overflow:hidden } .xsgz li { width:100%; height:82px; border-bottom:#e2e2e2 1px dashed; padding:0 0 24px 0; margin:0 0 24px 0 } .xsgz li:last-child { border-bottom:none } .xsgz li:hover img { opacity:0.9; transform:scale(1.2) } .xsgz li:hover h2 { color:#cc3300 } .xsgz li:hover p { color:#333333 } .tw_img { float:left; display:block; width:128px; height:82px; overflow:hidden } .tw_img img { width:125px; height:82px; transition:all 0.6s } .tw_txt { float:right; display:block; width:430px; height:82px; overflow:hidden } .tw_txt h2 { font-size:18px; width:100%; line-height:24px; color:#333333; margin:0; padding:0 0 10px 0 } .tw_txt p { font-size:14px; line-height:24px; color:#7f7f7f; margin:0; padding:0 } .i-more { float:right; margin:32px 10px 0 0; transition:all 0.6s } .i-more:hover { transform:translateX(5px) } .newx_box_right { width:570px; float:right; height:auto; overflow:hidden } .newx_box_right_t { width:100%; height:50px; background:url("../images/tzgg1.png") left bottom no-repeat; margin:0 0 30px 0; overflow:hidden } .date_list { height:auto; overflow:hidden; position:relative } .date_list li { width:100%; height:63px; display:block; padding:0 0 0 0; margin:0 0 30px 0; position:relative; overflow:hidden } .date_list li a { font-variant:JIS04; width:480px; height:60px; overflow:hidden; font-size:16px; color:#333333; line-height:27px; position:absolute; top:0; right:0; padding:3px 10px 20px } .date_list li a:hover { color:#cc3300; background:#f5f5f5 } .date_list li span { float:left; display:block; width:63px; height:63px; background:#eeeeee; text-align:center; color:#333333; font-size:28px; line-height:34px } .date_list li span i { width:100%; display:block; text-align:center; color:#ffffff; background:#1177CB; font-size:14px; font-style:normal; line-height:27px } .i_zxsp_box { width:100%; height:330px; padding:40px 0; overflow:hidden; background:url("../images/bod_bg_p1.jpg") center no-repeat; background-size:100% 100% } .i_zxsp_title { width:580px; margin:0 auto; text-align:center; position:relative } .i_zxsp_title h2 { font-size:24px; color:#000000; line-height:30px } .i_zxsp_title span { font-size:18px; color:#1177CB; line-height:30px } .i_zxsp_title .t_line_l { width:138px; height:2px; display:block; background:url("../images/ico_title_line.png"); position:absolute; top:35px; left:0px } .i_zxsp_title .t_line_r { width:138px; height:2px; display:block; background:url("../images/ico_title_line.png"); position:absolute; right:0; top:35px } .mp4_list { width:1200px; margin:25px auto; height:196px; overflow:hidden } .mp4_list li { width:280px; height:196px; float:left; margin:0 20px 0 0; position:relative } .mp4_list li i { display:block; width:56px; height:56px; position:absolute; left:43%; top:34%; opacity:0.8; z-index:999 } .mp4_list li a { display:block; width:280px; height:196px; overflow:hidden } .mp4_list li img { width:280px; height:196px; transition:all 0.9s } .mp4_list li span { display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#ffffff; background:url("../images/tt_bg.png"); position:absolute; bottom:0; left:0; z-index:9 } .mp4_list li:hover i { opacity:1; z-index:999 } .mp4_list li:hover img { transform:scale(1.1) } .sp_more { display:block; margin:0 auto; width:132px; height:36px; line-height:36px; text-align:center; color:#ffffff; background:#0d8100; border-radius:6px } .sp_more:hover { background:#0d8100; color:#ffffff } .xysh_box { margin:0 auto; overflow:hidden; padding:40px 0 0 0 } .none { display:none } .pic_yqlink { width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:30px } .pic_yqlink li { width:240px; height:150px; float:left; text-align:center; position:relative } .pic_yqlink li img { width:100%; height:100% } .pic_yqlink span { font-size:16px; color:#150000; text-align:center; display:block; width:100%; position:absolute; bottom:0; left:0; height:50px; line-height:50px } .pic_yqlink li:hover { background:#f5f5f5 } .td_box { width:1200px; position:relative; margin:40px auto 20px auto } .td_box .hd { height:0; position:relative } .td_box .hd .prev { display:block; width:30px; height:50px; overflow:hidden; cursor:pointer; background:url("../images/right_jt.png") no-repeat; position:absolute; right:-40px; top:75px; opacity:0.5 } .td_box .hd .prev:hover { opacity:1 } .td_box .hd .next:hover { opacity:1 } .td_box .hd .next { display:block; width:30px; height:50px; overflow:hidden; cursor:pointer; background:url("../images/left_jt.png") no-repeat; position:absolute; left:-60px; top:75px; opacity:0.5 } .td_box .hd .prevStop { background-position:-60px 0 } .td_box .hd .nextStop { background-position:-60px -50px } .td_box .hd ul { float:right; overflow:hidden; zoom:1; margin-top:10px } .td_box .hd ul li.on { background-position:0 0 } .td_box .bd { padding:0 0 0 0px } .td_box .bd ul { overflow:hidden; zoom:1 } .td_box .bd ul li { margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; position:relative } .td_box .bd ul li .pic { text-align:center; width:280px; height:238px; overflow:hidden; position:relative } .td_box .bd ul li .pic a { width:280px; height:192px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover } .td_box .bd ul li .pic img { display:none; width:280px; height:192px } .td_box .bd ul li:hover { background:#f0f0f0 } .td_box .bd ul li span { display:block; color:#666666; width:100%; height:46px; line-height:46px; font-size:16px; z-index:99; opacity:0.8 } .td_box .bd ul li:hover span { color:#000000 } .xysh_no1 { position:absolute; left:0; top:0 } .xysh_no1 ul li .pic { text-align:center; width:280px; height:238px; overflow:hidden; position:relative } .xysh_no1 ul li .pic a { width:280px; height:192px; display:block; overflow:hidden } .xysh_no1 ul li .pic img { width:280px; height:192px; display:block } .xysh_no1 ul li:hover { background:#f0f0f0 } .xysh_no1 ul li span { display:block; color:#666666; width:100%; height:46px; line-height:46px; font-size:16px; z-index:99; opacity:0.8 } .xysh_no1 ul li:hover span { color:#000000 } .xysh_no1 li i { background:url("../images/ico_play.png") center; display:block; width:56px; height:56px; position:absolute; left:43%; top:34%; opacity:1; z-index:999 } .xysh_no1 li:hover i { opacity:0.8; z-index:999 } .select { position:relative; float:left; margin:15px 0 0 0 } .select:hover { background:#5a6278 } .select dt { height:40px; display:inline-block; border:1px solid #ffffff; background:url("../images/link_icon1.png") no-repeat right center; line-height:40px; font-size:14px; cursor:pointer; text-indent:10px; width:230px; color:#ffffff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:99 } .select dd { position:absolute; left:-40px; bottom:0; border:1px solid #cccccc; background:#fff; display:none; font-size:14px; z-index:99 } .select dd ul { width:190px; background:#f3f3f3; max-height:250px } .select dd ul li a { line-height:40px; display:block; padding:0 8px; color:#333333 } .select dd ul li a:hover { background:#cccccc } .list_banner { margin:0 auto; width:1200px; height:400px; background:#cccccc; overflow:hidden; position:relative; top:-10px } .list_banner img { width:100%; height:auto; margin:0 auto } .this_name { width:1200px; margin:0 auto; height:70px } .this_name h1 { font-size:26px; line-height:50px; color:#333333; padding:10px 0; background:url("../images/thisnamebg.png") left bottom no-repeat; float:left } .this_name span { float:right; text-align:right; font-size:14px; color:#666666; line-height:70px } .this_map { background:#f4f4f4; height:48px; position:relative; width:100%; top:-10px } .this_mapname { float:left; width:220px; height:54px; position:absolute; top:-46px; /* background:url("../images/thisnabg.png"); */padding:20px 0; background:#1177CB; } .this_mapname h1 { font-size:30px; color:#ffffff; display:block; margin:0 auto; text-align:center } .this_mapname span { font-size:14px; color:#ffffff; display:block; margin:0 auto; text-align:center } .this_dqwz { float:right; width:940px; text-align:right; color:#555555; font-size:14px; line-height:48px } .this_dqwz h2 { display:block; float:left; line-height:48px; font-weight:bold; color:#555555; font-size:20px } .this_dqwz .ico_home { margin:0 5px } .imain { width:1200px; margin:0 auto; height:auto; padding:20px 0 50px 0; overflow:hidden } .ilistfy { float:left; width:100%; height:auto; overflow:hidden } .ilistfy li { width:100%; margin:0 auto; padding:25px 0; height:70px; border-bottom:#cccccc 1px dashed } .ilistfy li:last-child { border-bottom:none } .ilistfy li span { display:block; float:left; text-align:center; width:70px; height:70px; font-size:12px; color:#999999; background:#f2f2f2 } .ilistfy li span i { font-size:30px; display:block; width:100%; text-align:center; font-style:normal; line-height:30px; padding:10px 0 0 0 } .ilistfy li a { display:block; width:90%; float:right } .ilistfy li h2 { font-size:18px; color:#515151; line-height:40px } .ilistfy li p { font-size:14px; line-height:30px; color:#999999; margin:0; padding:0 } .ilistfy li:hover p { color:#1177CB; transition:all 0.6s } .ilistfy li:hover h2 { color:#1177CB; transition:all 0.6s } .ilistfy li:hover span { color:#1177CB; transition:all 0.6s } .fytcss { width:100%; text-align:center; margin:30px auto } .list_main { width:1200px; margin:0 auto; height:auto; overflow:hidden; position:relative; top:-10px } .list_main_left { width:220px; float:left } .list_main_right { width:940px; float:right; padding:20px 0 } .list_sub { width:100%; min-height:300px; background:url("../images/list_subj.png") bottom right no-repeat #e5e5e5; padding:20px 0; overflow:hidden } .list_sub li { width:100%; padding:5px 0 5px 20px } .list_sub li a { display:block; height:44px; line-height:44px; width:100%; padding:0 0 0 15px; font-size:16px } .list_sub li a:hover { background:#ffffff; border-left:#b7b7b7 2px solid; color:#555555; font-weight:bold } .list_sub .on_here { background:#ffffff; border-left:#1177CB 2px solid; color:#1177CB; font-weight:bold } .list_box { height:auto; overflow:hidden; margin:0 auto; padding:20px 0 } .list_box li { line-height:50px; height:50px; font-size:16px; color:#999999; text-align:right; padding:0; /* background:url("../images/dxhx.png") bottom repeat-x; */ } .list_box li a { color:#4a4a4a; float:left; padding-left:15px; background:url("../images/ico_001.png") left center no-repeat } .list_box li:hover { background:#f8f8f8; color:#1177CB; } .list_box li a:hover { /* background:url("../images/ico_001.png") left center no-repeat #ececec; */color:#1177CB; } .list-fy { text-align:center; margin:0 auto 40px auto; min-height:40px } .pic-list { width:960px; overflow:hidden; height:auto; margin:20px auto } .pic-list ul { width:1000px; margin:0 auto; padding:0 } .pic-list li { height:230px; position:relative; width:320px; margin-right:13px; float:left; margin-bottom:10px } .pic-list li img { width:290px; height:207px; border:#efefef 1px solid; padding:5px; display:none } .pic-list li img:hover { border:#ccc 1px solid; padding:5px } .pic-list li a { height:100%; width:100%; background-position:center; background-size:cover; left:0; top:0; position:absolute; background-repeat:no-repeat } .pic-list li a:hover { color:#000 } .pic-list li span { text-align:center; width:100%; line-height:40px; color:#666; display:block } .wafx { float:right; margin:30px 0 0 0; position:absolute; bottom:20px; right:0 } .icontent { height:auto; width:1160px; background:#ffffff; overflow:hidden; position:relative; margin:10px auto 20px auto; padding:0 20px } .c-content { height:auto; overflow:hidden; position:relative; margin:30px auto 40px auto; padding:0 20px } .c-content .c-title { font-size:30px; color:#1177CB; line-height:50px; text-align:center } .c-content .other-s { font-size:14px; line-height:35px; text-align:center; color:#666666; background:#f5f5f5; margin:15px auto 0 auto; position:relative } .c-content .other-s .sjfx { position:absolute; right:10px; top:10px } .c-content .nr-info { height:auto; overflow:hidden; position:relative; text-align:left } .c-content .nr-info p { font-size:16px; color:#666; line-height:34px; margin:15px 0; text-indent:2em; text-align:left } .wz_fj p { line-height:36px; color:#0d8100; font-size:16px; background:url("../images/ico_fj2.png") left center no-repeat; padding:0 0 0 20px } .wz_fj a { line-height:36px; font-size:16px } .wzclose-relative { text-align:center; margin-top:30px } .wzclose-relative span { margin:0 15px } .i-sxt { border-top:#d9d9d9 1px solid; margin:20px auto; padding:20px 0 } .i-sxt p { display:block; width:100%; float:left; margin:0; padding:0; background:none } .i-sxt a { color:#555555; font-size:14px; line-height:30px } .i-sxt a:hover { color:#1177CB; } .zylylist_box { width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:50px 0 } .zylylist_box ul { width:1300px } .zylylist_box li { width:270px; float:left; margin:0 40px 40px 0; overflow:hidden } .zylylistzst { width:270px; height:170px; overflow:hidden; display:block } .zylylistzst img { width:270px; height:170px; overflow:hidden } .zylylist_box li p { background:#f4f4f4; padding:10px 15px; margin:0; line-height:27px; height:220px } .zylylist_box li p span { display:block; width:100%; text-align:left; font-size:18px; color:#333333; line-height:40px; font-weight:bold } .zylylist_box li p img { float:left } .hot-new { overflow:hidden; margin-bottom:14px; border-bottom:1px solid #dfdfdf } .hot-new .pic-box { float:left; width:320px; position:relative; margin-right:42px } .hot-new .pic { padding-top:71%; position:relative; overflow:hidden } .hot-new .pic img { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s } .hot-new .pic:hover img { --webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08) } .hot-new .pic-box i { position:absolute; top:0; right:0; width:55px; height:43px; background:url(../images/q-hot.jpg) no-repeat center center } .hot-new .txt { padding-bottom:25px; overflow:hidden; margin-top:10px; position:relative } .hot-new .txt h3 { font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:22px } .hot-new .txt h3 a { color:#555 } .hot-new .txt h3 a:hover { color:#008f40 } .hot-new .txt p { font-size:14px; line-height:26px; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:78px } .hot-new .txt .btn-look { display:block; margin-top:35px; width:98px; height:31px; line-height:29px; text-align:center; font-size:14px; color:#FFF; border:1px solid #999999; background-color:#999999; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s } .hot-new .txt .btn-look:hover { border:1px solid #cccccc; color:#cccccc; background-color:#fff } .hot-new .txt .time { position:absolute; right:0; bottom:0; padding-left:20px; font-size:14px; color:#555; background:url(../images/time.png) no-repeat left center } .ul-news li .inner { overflow:hidden; padding:20px 0; border-top:1px solid #e4e4e4 } .ul-news li:first-child .inner { border-top:none } .ul-news .time { float:left; width:75px; margin-right:20px } .ul-news .time strong { display:block; font-size:30gpx; font-family:"Arial"; color:#fff; background-color:#008f40; height:45px; line-height:45px; text-align:center } .ul-news .time span { border:1px solid #008f40; border-top:none; display:block; font-size:14px; color:#8a8a8a; height:29px; line-height:29px; text-align:center } .ul-news .txt { overflow:hidden; padding-top:4px } .ul-news .txt h4 { font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px } .ul-news .txt h4 a { color:#555 } .ul-news .txt p { font-size:14px; line-height:22px; color:#585858; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:24px } .ul-news li:hover { background-color:#f2f2f2 } .ul-news li:hover .time strong { background-color:#008f40 } .ul-news li:hover .time span,.ul-news li:hover .txt h4 a,.ul-news li:hover .txt p { color:#008f40 } .footer { width:100%; height:230px; border-top:#bfbfbf 5px solid; background:#1177CB; } .end_box { width:1200px; margin:0 auto; padding:20px 0; height:auto } .end_left { float:left; width:850px } .end_right { float:right; width:234px } .end_link { font-size:14px; line-height:60px; color:#b7bbc5; border-bottom:#1b980d 1px solid } .end_link a { color:#ffffff; font-size:16px; line-height:60px; padding:0 10px } .end_link a:hover { color:#0d8100 } .copright { font-size:14px; color:#f1f2f3; line-height:27px; padding:10px 0 0 10px } .copright p { font-size:14px; color:#f1f2f3; padding:0; margin:0 } .appear-up { opacity:1; -webkit-animation:appear-up 1s ease; -moz-animation:appear-up 1s ease; -o-animation:appear-up 1s ease; animation:appear-up 1s ease } @-webkit-keyframes appear-up { 0% { -webkit-transform:translate(0,100px); opacity:0 } 100% { -webkit-transform:translate(0,0); opacity:1 } }@-moz-keyframes appear-up { 0% { -moz-transform:translate(0,100px); opacity:0 } 100% { -moz-transform:translate(0,0); opacity:1 } }@-ms-keyframes appear-up { 0% { -ms-transform:translate(0,100px); opacity:0 } 100% { -ms-transform:translate(0,0); opacity:1 } }@keyframes appear-up { 0% { transform:translate(0,100px); opacity:0 } 100% { transform:translate(0,0); opacity:1 } }.appear-left { opacity:1; -webkit-animation:appear-left 1s ease; -moz-animation:appear-left 1s ease; -o-animation:appear-left 1s ease; animation:appear-left 1s ease } @-webkit-keyframes appear-left { 0% { -webkit-transform:translate(-100px,0); opacity:0 } 100% { -webkit-transform:translate(0,0); opacity:1 } }@-moz-keyframes appear-left { 0% { -moz-transform:translate(-100px,0); opacity:0 } 100% { -moz-transform:translate(0,0); opacity:1 } }@-ms-keyframes appear-left { 0% { -ms-transform:translate(-100px,0); opacity:0 } 100% { -ms-transform:translate(0,0); opacity:1 } }@keyframes appear-left { 0% { transform:translate(-100px,0); opacity:0 } 100% { transform:translate(0,0); opacity:1 } }.appear-right { opacity:1; -webkit-animation:appear-right 1s ease; -moz-animation:appear-right 1s ease; -o-animation:appear-right 1s ease; animation:appear-right 1s ease } @-webkit-keyframes appear-right { 0% { -webkit-transform:translate(100px,0); opacity:0 } 100% { -webkit-transform:translate(0,0); opacity:1 } }@-moz-keyframes appear-right { 0% { -moz-transform:translate(100px,0); opacity:0 } 100% { -moz-transform:translate(0,0); opacity:1 } }@-ms-keyframes appear-right { 0% { -ms-transform:translate(100px,0); opacity:0 } 100% { -ms-transform:translate(0,0); opacity:1 } }@keyframes appear-right { 0% { transform:translate(100px,0); opacity:0 } 100% { transform:translate(0,0); opacity:1 } }.perspective ul li { float:left; width:356px; margin-right:48px; margin-bottom:48px } .perspective ul li.no_margin { margin-right:0 } .perspective ul li a { color:#333333; text-decoration:none; text-align:center; font-size:16px } .perspective ul li:hover a p { background-color:#efefef } .perspective ul li a p { height:79px; border-bottom:2px solid #333333; line-height:26px; border-left:1px solid #efefef; border-right:1px solid #efefef; margin:0; padding:12px 0 0 0 } .perspective ul li a p span { display:block; font-size:12px } .perspectivezy ul li { float:left; width:220px; margin-right:20px; margin-bottom:40px } .perspectivezy ul li.no_margin { margin-right:0 } .perspectivezy ul li a { color:#333333; text-decoration:none; text-align:center; font-size:16px } .perspectivezy ul li:hover a p { background-color:#efefef } .perspectivezy ul li a p { height:79px; border-bottom:2px solid #333333; line-height:26px; border-left:1px solid #efefef; border-right:1px solid #efefef; margin:0; padding:12px 0 0 0 } .perspectivezy ul li a p span { display:block; font-size:12px } .index_news .no_margin { margin-right:0 } .index_news_1 .left { float:left; position:relative; height:320px; width:580px; border:10px solid #ddd; margin:0px auto 15px; margin-right:20px } .index_news_1 .right { width:565px; float:left; margin-left:15px } .index_news_1 .right ul li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-left:10px } .index_news_1 .right a { color:#656563; text-decoration:none; line-height:40px; } .index_news_1 .right a:hover { color:#fff; } .index_news_title h2 { padding:0; margin:0; width:97px; float:left; color:#000000; border-bottom:1px solid #000000; font-size:24px; font-family:黑体 } .index_news_title span { float:right; width:52px; line-height:30px; padding-top:10px } .index_news_title span a { color:#333333 } .tab-head h2 { width:120px; height:40px; margin:0; float:left; text-align:center; font-size:24px; line-height:40px } .tab-content { width:565px; height:300px; margin-top:50px } .tab-content div { display:none } .selected { color:#fff; background-color:#1177CB; } .tab-content .show { display:block } #slideshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:326px; overflow:hidden; background-color:#FFF } #slideshow div.current { z-index:10 } #slideshow div.prev { z-index:9 } #slideshow div img { display:block; border:0; margin-bottom:10px } #slideshow div span { display:none; position:absolute; bottom:0; left:0; height:50px; line-height:50px; background:#000; color:#fff; width:100% } #slideshow div.current span { display:block } .zdxm .navlist { background:none; background-color:#1077cc } .zdxm .nav .on h3 a { background-color:#0c5494 } .zdxm .nav .sub a:hover,.nav .sub li:hover a,.nav .sub li p a:hover { background:#1177CB; } .zdxm .nav .sub { background-color:#0c5494 } .zdxm .nav .sub li { border-bottom:1px solid #1077cc } .zdxm .perspective ul li a p { border:none } .zdxm .perspective ul li:hover a p { background:none } .zdxm #demoleft table { margin-left:10px } .index_news_1 .newx_box_left_t { width:100%; height:50px; background:url(../images/zdxm.png) left bottom no-repeat; margin:0 0 30px 0; overflow:hidden } .footer { height:auto; background:#1177CB; padding:0; color:#FFF; line-height:36px } .w1200 { width:1200px; margin:0 auto } .one { width:100%; padding:20px 0; height:182px } .lef { float:left; width: 56%; } .lef h2 { margin:0; padding:0; padding-bottom:15px } .lef p { width: 48%; float:left; line-height:32px; padding-right: 2%; font-size:14px; } .bq { width:100%; line-height:46px; height:46px; background:#0D548F; } .bq p { text-align:center } .footer_c_1 { width:540px; height:84px; margin:43px auto; position:relative; font-size:15px; color:#fff; float:right } .jiaGao1 { height:70px } .jiaGao { height:20px } .bubbleInfo { width:90px; height:90px; float:left; position:relative; margin:0; padding:0 } .popup { position:absolute; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:90 } .post { width:43px; height:43px; overflow:hidden; position:absolute; left:25px; z-index:100; text-align:center } .post .thumb { display:block; width:43px; margin:0px auto; height:43px; overflow:hidden; position:relative } .post .thumb img.cover { position:absolute; top:0; left:0 } .post_text { text-align:center; top:55px; position:absolute; z-index:100; left:15px } .li_01 a { display:block; width:235px; float:left; padding:0px 0px 0px 10px; height:39px; line-height:39px; background:url(../images/tag_02.gif) no-repeat left center; color:#fff; vertical-align:middle; text-align:left } .li_01 a:hover { text-decoration:underline } .tab-head .selected a { color:#fff; } .index_news_1 .right .tab-content a:hover { color:#1177CB; } .rig{width:44%;float:right;} .lef p span{display:block;}