@charset "utf-8"; /*** Reset ***/ html{ overflow-x:hidden; overflow-y:scroll;} body, div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6 { font-family:Arial; color:#333; line-height:20px; font-size:12px; font-weight:normal; padding:0; margin:0;} em, i, del { font-weight:normal; font-style:normal;} img { vertical-align:top; border:0;} ol, ul { list-style:none;} a { color:#333; cursor:pointer;} a:link, a:visited { text-decoration:none;} a:hover { text-decoration:none;} /*** Comm ***/ body{} .header{ height:203px; background:url(../img/header_bg.png) no-repeat center top;} .header .i{ width:947px; margin:0 auto; position:relative;} .headlogo{ position:absolute;top:10px; left:28px;} .link1{ position:absolute;top:0px; right:126px; width:154px; height:57px; background:url(../img/link1_hover.png) no-repeat; z-index:20;} a.link1:hover{ background:url(../img/link1.png) no-repeat;} .link2{ position:absolute;top:0px; right:37px; background:url(../img/link2.png) no-repeat; width:175px; height:69px;z-index:10;} a.link2:hover{ background:url(../img/link2_hover.png) no-repeat;} .headlinks{ position:absolute; height:60px; background:url(../img/headlinks_bg.png) no-repeat; width:812px; line-height:60px; top:70px;_top:70px; left:147px; overflow:hidden;} .headlinks span{ font-weight:bold; padding:0 26px; background:url(../img/links_bg.png) no-repeat right center; font-family:"微软雅黑"; font-size:14px;} .headlinks span a{ color:#565656;} .navbar{ height:48px; padding:8px 0 0; position:absolute; left:0px; top:133px; width:1003px; background:url(../img/headmenu_bg.png) no-repeat center top;} .navbar li{ float:left; padding:0 41px 0 13px; _padding-right:38px; height:40px; line-height:18px; position:relative; text-align:center; background:url(../img/menu_bg.png) no-repeat right center;} .navbar li a b{ color:#00637c; font-family:"微软雅黑"; font-size:14px;} .navbar li a i{ color:#2e9fbc; font-size:10px;} .navbar li.last{padding:0 14px 0 13px; background:none;} .navbar li a:hover b,.navbar li a:hover i{ color:#00cbff; text-decoration:none;} #allbar{ width:720px; height:25px; line-height:25px;position:absolute; top:184px; right:10px;} .barcss a.a{ color:#888; display:block; font-size:14px; font-weight:bold; float:left; padding:0 15px 0 8px; height:25px; font-family:"微软雅黑"; line-height:25px;} #bar2{position:absolute; left:-190px;} #bar3{position:absolute; left:-80px;} #bar4{ position:absolute; left:25px;} #bar5{ position:absolute; left:140px;} #bar6{ position:absolute; left:250px;} #bar8{ position:absolute; right:55px;} #bar9{ position:absolute; right:40px;} .banner_bg{ background:url(../img/banner_bg.png) no-repeat center 0px; height:364px; padding:10px 0 0; overflow:hidden;} .banner{ width:947px; margin:0 auto; overflow:hidden;} .index_bg{} .index{ width:947px; margin:0 auto;} .i_wrapper{ width:712px; float:left; overflow:hidden;} .i_left{ width:237px; float:left; overflow:hidden;} .i_manual{ height:253px;} .i_manual .head{ height:30px; overflow:hidden; width:237px;} .i_manual .head ul{width:242px; overflow:hidden; zoom:1;} .i_manual .head ul li{ display:inline; float:left; width:116px; height:30px; line-height:30px; color:#6d6d6d; text-align:center; margin:0 5px 0 0; background:url(../img/tab_off.png) no-repeat; cursor:pointer; overflow:hidden;} .i_manual .head li.focus{ color:#fff;background:url(../img/tab_on.png) no-repeat;} .i_manual .box{ height:221px; border:1px solid #d7d7d7; background:#efefef;overflow:hidden;} .divtxt{ width:222px; margin:10px auto 0; overflow:hidden;} .divtxt ul li{ padding:0 0 0 11px; background:url(../img/arr1.png) no-repeat left center; height:24px; line-height:24px;} .divtxt ul li a{ color:#7a7a7a} .i_img{ width:237px; height:167px; overflow:hidden; margin:12px 0 0; position:relative;} #featured .word_bg{ position:absolute; bottom:0px; opacity:0.6; filter:Alpha(Opacity=60);background:#000;width:237px; height:42px;} #featured .word { padding:5px; color:#f00;width:185px; height:36px; line-height:18px; position:absolute; bottom:0px; left:20px;} #featured .word p{ color:#fff;} #featured .ui-els-hide { display:block; } #thumbs { width:237px; height:36px; position:absolute; left:0px; bottom:0px;} * HTML #thumbs { HEIGHT: 100% } #thumbs li{ DISPLAY: inline; FLOAT: left; WIDTH: 52px; MARGIN-RIGHT: 4px; HEIGHT: 24px } #thumbs LI.last_img { MARGIN-RIGHT: 4px } #thumbs LI.first { MARGIN:5px 90px 0 10px; WIDTH: 20px; CURSOR: pointer; height:13px; } #thumbs LI.last { MARGIN:5px 0px 0 95px; WIDTH: 20px; CURSOR: pointer; height:13px; } #topstory { MARGIN-TOP: 5px; MARGIN-left: 5px; BACKGROUND: #fff; WIDTH: 490px; HEIGHT: 237px; margin:0px auto; } #highlight { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 470px; float:left; PADDING-TOP: 5px } .i_friend,i_client{ height:250px; margin:12px 0 0; overflow:hidden; width:237px;} .box_head{ height:32px; background:url(../img/head_bg.png) repeat; line-height:32px; font-weight:bold; padding-left:12px; color:#fff;} .box_head span{ float:left;} .box_head i{ float:right; padding:12px 6px 0 0;} .img_list{width:258px; overflow:hidden; zoom:1;} .img_list li{ float:left; width:113px; height:40px; margin:8px 6px 0 0; border:1px solid #c9c9c9;} .i_right{ width:464px; float:right; overflow:hidden;} .i_info{ height:730px;} .i_info .head{ height:30px; overflow:hidden; width:464px;} .i_info .head ul{width:464px; overflow:hidden; zoom:1;} .i_info .head ul li{ display:inline; float:left; width:115px; height:30px; font-weight:bold; line-height:30px; color:#6d6d6d; text-align:center; margin:0 1px 0 0; background:url(../img/tab_off.png) no-repeat; cursor:pointer; overflow:hidden;} .i_info .head ul li a{ color:#6d6d6d; display:block; width:116px; height:30px;} .i_info .head ul li a:hover{ color:#fff;background:url(../img/tab_on.png) no-repeat;} .i_info .head li.focus{ color:#fff;background:url(../img/tab_on.png) no-repeat;} .i_info .box{ height:700px; border-top:1px solid #bdbdbd; overflow:hidden;} .i_info .box .img{ width:459px; height:249px; margin:12px 0 0;} .i_info .box .txt{ height:104px; overflow:hidden; background:url(../img/dot.png) no-repeat left bottom;} .i_info .box .txt h1{ text-align:center; height:32px; line-height:32px; font-weight:bold; color:#656565;} .i_info .box .txt h2{ height:66px; line-height:22px; overflow:hidden; color:#7a7a7a;} .i_info .box .txt h2 .more{ display:block; width:90px; height:20px; float:right; margin:3px 10px 0 0;} .i_txtlist{margin:8px 0 0;} .i_txtlist li{ height:28px; line-height:28px; vertical-align:middle; border-bottom:1px solid #dadada; overflow:hidden;} .i_txtlist li span{ float:left; padding:0 0 0 28px; background:url(../img/arr3.png) no-repeat 5px center;} .i_txtlist li span a{ color:#7a7a7a;} .i_txtlist li i{ float:right; color:#7a7a7a;} .i_txtlist li.llt span{ background:url(../img/arr2.png) no-repeat 5px center;} .i_txtlist li.llt span a{ color:#007fa1;} .i_txtlist li.llt i{ color:#007fa1;} .i_team{ height:194px; border:1px solid #d7d7d7; background:url(../img/iteam_bg.png) repeat;} .i_team .head{ height:24px; padding:5px 18px;} .i_team .head .title{ float:left;} .i_team .head a{ float:right;} .team_list{ width:452px; margin:0 auto; overflow:hidden;} .team_list ul{width:456px;overflow:hidden; zoom:1;} .team_list ul li{ width:116px; height:152px; float:left;padding:0 17px; position:relative; border-right:1px solid #ccc;} .team_list ul li span{ display:block; width:12px; height:15px; position:absolute; right:17px; top:72px;} .team_list ul li .img{ width:116px; height:82px; margin:5px 0 0;} .team_list ul li .img img{ width:116px; height:82px;} .team_list ul li .title{ height:px; line-height:36px;} .more2{ display:block; width:111px; height:24px; background:url(../img/more3.png) no-repeat;} .more2:hover{background:url(../img/more4.png) no-repeat;} .i_book{ height:295px; overflow:hidden;} .i_extra{ width:220px; float:right; background:url(../img/extra_bg.png) no-repeat;} .i_trade .top,.i_server .top,.i_contact .top{ width:214px; height:32px; background:url(../img/dot2.png) no-repeat left bottom; line-height:32px; color:#1b6bc5; font-size:14px; font-family:"微软雅黑"; margin:0 auto;} .i_trade .top span,.i_server .top span,.i_contact .top span{ padding:0 20px 0 13px; background:url(../img/arr4.png) no-repeat right center;} .i_trade .top span a,.i_server .top span a,.i_contact .top span a{ color:#1b6bc5;} .trade_list{ width:202px; margin:0 auto; padding-bottom:18px; border-bottom:1px solid #babbba;} .trade_list li{ margin:10px 0 0; height:98px;} .i_server .txt{width:202px; margin:0 auto; padding:12px 0 10px; border-bottom:1px solid #babbba;} .i_server .txt h1{ color:#019CFF; height:24px; line-height:24px; cursor:pointer;} .i_server .txt h2{ color:#969595; line-height:20px;} .i_contact .txt{width:202px; margin:0 auto; padding:12px 0 10px; } .i_contact .txt h1{ font-family:"微软雅黑"; color:#005e8b; height:30px; line-height:30px;} .i_contact .txt h2{ color:#434343; line-height:22px;} .i_contact .txt .img{ width:183px; height:44px; padding:px;} .i_footer{ background:url(../img/foot_bg.png) no-repeat center top; height:304px;} .i_footer .i{ width:947px; margin:0 auto; position:relative;} .foot_link{ height:54px; padding:18px 0 0;} .foot_link ul li{ width:85px; float:left; height:54px;} .footlogo{ position:absolute; width:128px; height:103px; left:242px; top:188px;} .footxt{ width:500px; position:absolute;top:188px; left:404px; top:188px; color:#504f4f; font-size:10px; font-family:"微软雅黑";} .footop{ width:51px; height:12px; position:absolute; top:145px;right:32px; } .header_c{ height:203px;} .header_c .i{ width:1003px; position:relative; margin:0px auto;} .header_c .i .headlogo{ left:70px;} .header_c .i .headlinks{ left:200px;} .header_c .i .navbar{ left:0px; top:133px;} .header_c .i #allbar{top:184px; right:0px;} .header_c .i .link1{ right:82px;} .header_c .i .link2{ right:0px;} .header_a{ height:195px; background:url(../img/about_header.png) no-repeat left top;} .header_a .i{ width:100%; position:relative; margin:0px;} .header_a .headlogo a{ position:absolute;top:0px; left:0px; width:90px; height:82px; display:block;} .bodyer{ width:1003px; position:relative; margin:0 auto;} .side{ width:142px; float:left;} .smenu{ width:88px; padding:110px 0 0; } .smenu li{ height:35px; text-align:center; background:url(../img/smenu_bg.png) no-repeat left -35px; width:88px; line-height:30px; font-weight:bold;} .smenu li a{ color:#d2d2d2;} .smenu li.focus{background:url(../img/smenu_bg.png) no-repeat left 0px; } .smenu li.focus a{ color:#fff;} .smenu-a{ width:84px; padding:110px 0 0; } .smenu-a li{ height:29px; text-align:center; margin-bottom:6px; background:url(../img/smenu-g.png) no-repeat; width:84px; line-height:29px; font-weight:bold;} .smenu-a li a{ color:#d2d2d2;} .smenu-a li.focus{background:url(../img/smenu-b.png) no-repeat; } .smenu-a li.focus a{ color:#fff;} .cont{ width:861px; float:left; overflow:hidden;} .main{ width:589px; float:left; overflow:hidden;} .location{ height:23px; padding:23px 0 0px; color:#0076c2; font-size:14px;font-family:"微软雅黑"; } .m-content{opacity:0.7; filter:Alpha(Opacity=70); background:#fff; padding:10px 12px 0 12px; margin:20px 0 0; min-height:527px; _min-height:auto!important; _height:527px;} .m-content .top{ border-bottom:1px dotted #adadad; height:105px; overflow:hidden;} .m-content .top h1{ height:24px; line-height:24px; overflow:hidden; font-weight:bold;} .m-content .top h1 a{ color:#4983a9;} .m-content .top h2{ line-height:21px; height:63px; overflow:hidden; color:#a0adb6;} .infor_list{ padding:8px 10px 0 0;} .infor_list li{ height:24px; line-height:24px; vertical-align:middle; overflow:hidden;} .infor_list li span{ float:left; padding:0 0 0 17px; background:url(../img/arr5.png) no-repeat 3px center;} .infor_list li span a{ color:#6b6b6b;} .infor_list li i{ float:right; color:#bebbbb;} .l_extra{float:right; margin-top:20px;background:url(../img/extra_bgs.png) repeat-y; width:260px;min-height:537px; _min-height:auto!important; _height:537px;} .infor_img{ margin:0 auto; width:248px; padding:2px 0 0;} .infor_img li{ width:248px; height:170px; background:url(../img/add_bg.png) no-repeat; margin-bottom:3px;} .infor_img li .img{ width:232px; height:130px; padding:8px;} .infor_img li .title{ height:16px; line-height:16px; color:#636363; text-align:center;} .footer-c{ height:36px; background:url(../img/footer_cbg.png); line-height:36px; padding:67px 0 0 24px; color:#504f4f; font-size:10px; font-family:"微软雅黑"; clear:both;} .m-content_info .head{ height:64px; overflow:hidden; border-bottom:1px dotted #adadad; text-align:center; line-height:24px; color:#9a9a9a;} .m-content_info .head .title{ height:28px; line-height:28px; text-align:center; font-weight:bold; color:#4983a9; font-size:14px;} .m-content_info .info_txt{ padding:15px 0;} .m-content_info .info_txt p{ color:#595959; line-height:22px;} .pre_next{ height:38px; line-height:38px; border-top:1px dotted #adadad; color:#a8a8a8;} .pre_next a{color:#a8a8a8;} .pre_next span{ padding-left:115px;} .m-content_info{ background:#fff; padding:8px 12px 0 12px; margin:20px 0 0; min-height:556px; _min-height:auto!important; _height:556px;} .project{ width:861px; float:left; overflow:hidden; padding:24px 0 0;} .project .main{ width:564px;} .project .txt{ color:#4c4c4c; line-height:24px;} .project .img{ border:1px solid #dedede; margin:8px 0 0;} .project h1{ color:#019cff; font-size:14px; height:52px; line-height:52px; font-family:"微软雅黑";} .project h2{ color:#989595; line-height:17px;} .project h2 b{ color:#555;} .project h2 a{ float:right; color:#43b5fd;} .project h2 span{ padding:6px 0;} .project h3{ line-height:20px; color:#989595; padding:14px 0; border-bottom:1px solid #c5c5c5;} .project h4{ line-height:20px; color:#989595; padding:14px 0; } .project h5{ color:#019cff; font-size:16px; font-weight:bold; height:32px; line-height:32px; font-family:"微软雅黑";} .project .r-side{ float:right; width:280px;} .r-side .img{ width:271px; height:190px; background:#fff; padding:1px; border:1px solid #ccc;} .r-side h3{ border-bottom:0;} .r-side .img img{width:271px; height:190px;} .r-side .tels{ width:275px; height:133px; margin:11px 0 0;} .r-side .server{ width:273px; margin:9px 0 0;} .r-side .server .head{ height:33px; line-height:33px; font-weight:bold; color:#fff; padding:0 0 0 16px; background:url(../img/ser_t.png) no-repeat;} .r-side .server .cont-s{ width:246px; margin:12px 20px 0 10px;} .accordion h2{ height:42px; border-bottom:1px solid #e4e4e4; padding:9px 0; width:246px; line-height:21px;background:url(../img/arrow.png) no-repeat right 20px;cursor:pointer; color:#5b5b5b;} .accordion h3{ padding:10px 0 10px; } .accordion h3 ul li{ line-height:24px; height:24px; padding:0 0 0 8px;} .accordion h3 ul li a{ color:#808080;} .accordion a.m{ float:right; color:#43b5fd;} .city_list{ margin:10px auto 0; width:558px;} .city_side{ float:left; width:110px;} .city_side .c_s_head{ height:24px; line-height:24px; background:url(../img/m_bg.png) repeat; font-weight:bold; color:#fff; padding-left:12px;} .city_menu li{ height:29px; line-height:29px; border-bottom:1px dotted #acacac; padding:0 0 0 22px; background:url(../img/arr6.png) no-repeat 10px center;} .city_menu li a{ color:#7f7f7f;} .city_cont{ float:right; width:440px; overflow:hidden;} .cimglist{width:580px; overflow:hidden; zoom:1;} .cimglist li{ background:url(../img/pp_bg.png) no-repeat; width:144px; height:127px; float:left; margin:0 6px 10px 0px;} .cimglist li .cimg{ width:130px; margin:5px 0 0 4px; height:92px;} .cimglist li .ctitle{ text-align:center; width:142px;} .return{ height:24px; line-height:24px; text-align:right;} .return a{ color:#00b7d8} .main-b{ width:642px;padding:50px 0px 0; min-height:556px; _min-height:auto!important; _height:556px;} .main-b .top{ padding:0 0 12px; border-bottom:1px solid #e3e3e3; height:198px;} .main-b .top .img{ width:193px; height:149px; text-align:center; padding:8px 0 30px; background:url(../img/books_bg.png) no-repeat center top; float:left;} .main-b .top .txt{ width:438px; float:right;} .main-b .top .txt h1{ height:30px; line-height:30px; color:#585858; font-weight:bold; font-size:14px;} .main-b .top .txt h2{ line-height:21px; color:#848484; height:147px; overflow:hidden;} .main-b .top .txt a{ float:right;color:#65c3ff;} .boos_list{ width:642px; overflow:hidden; padding:24px 0 0;} .boos_list ul{width:780px; overflow:hidden; zoom:1;} .boos_list ul li{ float:left; width:275px; margin:0 78px 26px 0;} .boos_list ul li .img{ width:80px; height:80px; padding:1px; border:1px solid #eee; background:#fff; float:left;} .boos_list ul li .txt{ float:right; width:182px;} .boos_list ul li .txt h1{ font-weight:bold; color:#484848;line-height:21px; height:21px;} .boos_list ul li .txt h2{ color:#484848; line-height:21px;} .boos_list ul li .txt h2 a{ color:#4d9ccd;} .b-extra{ position:absolute; left:662px; top:256px;width:447px; height:222px;} .b-client{ position:absolute; right:0px; bottom:-549px;_bottom:110px; width:159px; height:222px; } .client_list{ width:895px; overflow:hidden;height:376px; padding:17px 0 0 20px; margin:20px 0 0; background:url(../img/bg/client_bg.png) no-repeat;} .client_list ul{width:900px; overflow:hidden; zoom:1;} .client_list ul li{ float:left; width:167px; height:69px; background:url(../img/client_img_bg.png) no-repeat; margin:0 4px 19px 0;} .client_list ul li img{ width:161px; height:63px; padding:3px;} .teams_list{ width:860px; overflow:hidden; padding:35px 0 0;} .teams_list ul{width:880px; overflow:hidden; zoom:1;} .teams_list ul li{ float:left; width:160px; height:187px; background:url(../img/c_b.png) no-repeat; margin:0 15px 10px 0;line-height:20px; text-align:center;} .teams_list ul li .img{ width:143px; height:148px; padding:8px 8px 0px 8px; overflow:hidden;} .teams_list ul li .img img{ width:143px; height:148px;} .teams_list2 ul li{ float:left; width:208px; height:135px; background:#fff; margin:0 6px 10px 0;line-height:20px; text-align:center;} .teams_list2 ul li .img{ width:200px; height:105px; margin:0 auto; padding:4px 0 0;} .contact{ width:850px; background:url(../img/bg/contact_bg.png) repeat-y; padding:5px;} .contact .txt{ width:300px; float:left; padding:28px 0 0 28px;} .contact .txt a{ color:#939292} .contact .txt h1{border-bottom:1px dotted #c1c1c1; color:#939292; line-height:24px; padding:0 0 8px;} .contact .txt h1 span{ padding-right:10px;} .contact .txt h2{ color:#939292; line-height:24px; padding:6px 0 8px;} .contact .txt h2 span{padding-right:14px;} .contact .img{ float:left; margin:20px 0 0 10px;} .faq table{ width:600px; color:#878889; padding:0px 0 0 30px; } .faq table td{ padding:5px 5px 5px 0; _padding:5px 0px;} .faq table td .contxt{width:180px; height:18px; line-height:16px; background:none;border:1px solid #d5d5d5;} .faq table td .conarea{ width:448px; height:100px;background:none;line-height:20px; padding:5px; border:1px solid #d5d5d5;} .faq table tr.odd td{ background:#f1f1f1;} .faq .conbtn{ width:96px; height:28px; color:#fff; font-family:"Microsoft Yahei"; text-align:center; margin:34px 20px 0 0; background:url(../img/cont_btn.png) no-repeat; cursor:pointer; border:none;} .about{ padding:12px 0 0;} .about .txt p{ line-height:22px; color:#8f8f8f;} .foot{ color:#504f4f; width:1003px; margin:0 auto; padding:85px 0 0 25px; line-height:25px; line-height:25px;} .foot a{ color:#504f4f;} .career{ margin:20px 0 0;} .career table{ border:1px solid #e2e2e2;} .career table th{ color:#40bfe0; height:31px; line-height:31px; padding:0 6px;} .career table tr.odd{ background:#f3f3f3;} .career table td{ line-height:30px; color:#5a5959; padding:0 6px} .career table td a{color:#5a5959;} .page{ text-align:center; height:28px; margin:12px 0 0; line-height:28px; font-weight:bold;} .page a{ color:#666; padding:0 3px;} .page a:hover{ color:#ff8a00; text-decoration:none;} .case_boxs{ width:914px; height:273px; background:url(../img/bg/case_top_bg.png) no-repeat; padding:62px 12px 0 12px;background-size: cover;} .case_boxs ul li{ height:28px; line-height:28px; border-bottom:1px dotted #c2c2c2;} .case_boxs ul li b{ padding:0 3px; color:#757575;} .case_boxs ul li i{ color:#4dc6e6; font-weight:bold; padding:0 4px;} .case_boxs ul li span a{ color:#4e4e4e; padding:0 12px;} .case_cont .main{ width:639px; float:left;} .case_cont .main .location{height:23px; padding:23px 0 18px; color:#0076c2; font-size:14px;font-family:"微软雅黑";} .case_cont .r-side{ float:right; width:280px; margin:12px 0 0;} .case_lists{} .case_lists ul li{ border-bottom:1px solid #cfcfcf; height:215px; padding:8px 0 0;} .case_lists ul li .img{ width:268px; height:206px; background:url(../img/case_img_bg.png) no-repeat; float:left;} .case_lists ul li .img img{ width:250px; height:188px; padding:9px; } .case_lists ul li .txt{ float:right; width:352px; margin-right:8px;} .case_lists ul li .txt h1{ height:35px; border-bottom:1px dotted #c4c4c4; line-height:35px; font-weight:bold;} .case_lists ul li .txt h1 a{ color:#4e4e4e;} .case_lists ul li .txt h2{ height:26px; border-bottom:1px dotted #c4c4c4; color:#666; line-height:26px;} .case_lists ul li .txt h3{ text-align:right; height:20px; line-height:20px;} .case_lists ul li .txt h3 a{ color:#30b1d2;} .case_lists ul li .txt p{ color:#878787; line-height:22px;} .bodyer-cc{float:right;width:100%;margin-left:-142px;} .cont-cc{ margin-left:142px; } .side-cc { float:left; width:142px; } .tt_list{ padding:13px 0px 40px 4px; margin:40px 0 0; opacity:0.7; filter:Alpha(Opacity=70); background:#fff; width:855px;} .tt_list ul li{ width:142px; height:148px; float:left; overflow:hidden;} .tt_list ul li.img{ cursor:pointer;} .tt_list ul li .txt{ padding:8px; color:#5b5b5b; height:132px;} .tt_list ul li .txt h1{ height:24px; font-size:14px; padding:8px 0 0; line-height:24px; font-weight:bold;} .tt_list ul li .txt p{ line-height:18px;} .tt_list ul li .txt h3{ height:22px; line-height:22px; cursor:pointer;} .bodyer-a{float:right;width:100%;margin-left:-572px;} .cont-a{ margin-left:130px; } .side-a { float:left; width:572px; } #maxShowbox .name{ height:36px; line-height:36px; margin:0 0 6px; font-size:18px; font-size:18px; font-family:"微软雅黑"; color:#65c3ff; font-weight:bold;} #maxShowbox .img{ width:319px; float:left; height:438px;} #maxShowbox .img img{width:319px; height:438px; } #maxShowbox .txt{ width:422px; float:right; margin:0 18px 0 0; color:#999; line-height:24px; height:368px;} .showframe .close{ cursor:pointer; position:absolute; top:8px; right:16px;} #maxShowbox .txt .show_scroll{ width:422px; height:368px!important; overflow:hidden; color:#999;} #float_bar{position:absolute;left:0px; top:652px; width:56px; z-index:10;} .f_bar{ width:426px;position:absolute;left:0px; top:0px; z-index:20;} .even_cont{ background:#3ebedf; width:426px; overflow:hidden;} .even_cont ul{margin:0 0 0 16px;} .even_cont ul li{ width:410px; height:104px;overflow:hidden; margin:0 0 11px;background:#007b9b; position:relative;} .even_cont ul li.blues{ background:#002529;} .even_cont ul li .img{ width:197px; height:102px; overflow:hidden; padding:1px; float:left;} .even_cont ul li .img_black{opacity:0.3; filter:Alpha(Opacity=30); background:#000; width:199px; height:104px; position:absolute; left:0px; right:0px;} .even_cont ul li .add_black{opacity:0; filter:Alpha(Opacity=0);background:#000; width:199px; height:104px; position:absolute; left:0px; right:0px;} .even_cont ul li .img img{ width:197px; height:102px;} .even_cont ul li .txt{ width:196px; height:96px; overflow:hidden; float:right; margin:6px 8px 0 0;} .even_cont ul li .txt h1{ color:#fff; font-weight:bold; height:20px; line-height:20px; overflow:hidden;} .even_cont ul li .txt h2{ color:#b8edfb; line-height:18px;} .even_page { margin-top:15px; color:#8698b6; text-align:center} .even_page a {border:#777 1px solid; background:#fff; padding:5px 7px;color:#8698b6; margin-right:3px; text-decoration:none;} .even_page a:hover {border:#777 1px solid; color: #fff; font-weight:bold; background:#a6a6a6} .even_page .current a{border:#777 1px solid; color: #fff; font-weight:bold; background:#a6a6a6} .arr_more{ text-align:right; padding:8px 15px 0 0;} .i_leader{ width:460px; overflow:hidden;} .i_leader ul{ overflow:hidden;zoom:1; width:480px;} .i_leader ul li{ width:222px; float:left; height:145px; margin:16px 15px 0 0;} .i_leader ul li .leader_img{ width:220px; height:115px; border:1px solid #e9e6e6;} .i_leader ul li .title{ height:30px; text-align:center;} .i_leader ul li .title a{ display:block; height:30px; line-height:30px; color:#fff; background:url(../img/leader_title.png) no-repeat left -30px;} .i_leader ul li .title a:hover{background:url(../img/leader_title.png) no-repeat;} /*** Other ***/ .clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;} .i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;} .i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;} .i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;} .i20{ display:block; clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;} .i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;} .i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;} .bodyer{ min-height:750px !important; }