body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0px;padding:0px;} body{background-color:#ffffff;font-size:14px;font-family:Arial,Helvetica,sans-serif,"微软雅黑","宋体";-webkit-text-size-adjust:100%;} img{border:0px;} ol,ul,li{list-style:none;} a{ color:#000000;text-decoration:none;} .center_self{width:1280px;margin:0px auto;position:static;} .center_self100{width:100%;position:static;} .c_clear{width:1280px;height:1px;overflow:hidden;clear:both;background-image:url(../images/clear.jpg);background-repeat:no-repeat} /*====================================导航=====================================*/ /*----------------------------shu_2----------------------------*/ #top_menu{ display:block; padding-left:30px; width:970px; height:100px; overflow:hidden;} #top_menu ul{ } #top_menu li{ display:block; height:100px; float:left; text-align:center; font-size:14px; line-height:100px; font-weight:bold; overflow:hidden;} /* padding:0px 25px; width:auto; 1、都是4个字，#top_menu li，设置width为固定值。 2、如果字数不同，#top_menu li，设置padding:0px 20px; width:auto; 3、以上两种方法不能满足要求时，用#top_menu #m_1{ width:176px;} #top_menu #m_1{ width:176px;}，来设置 */ #top_menu #m_1{ width:95px;} #top_menu #m_2{ width:110px;} #top_menu #m_3{ width:110px;} #top_menu #m_4{ width:125px} #top_menu #m_5{ width:185px} #top_menu #m_6{ width:125px} #top_menu #m_7{ width:80px} #top_menu #m_8{ width:110px;} #top_menu li.m_li{ color:#5d5d5d;} #top_menu li.m_li_a{ color:#009ef0;} /* 4、没有鼠标经过变换背景时，m_li和m_li_l同时为空；变背景时，m_li和m_li_l分别写不同的background-image */ #top_menu li a{ color:#5d5d5d;} #top_menu li a:hover{ color:#009ef0;} #top_menu li.m_li_a a{ color:#009ef0;} #top_menu_er{ display:none; position:absolute; margin:0px 0px 0px -180px; width:1280px; height:auto; font-size:14px; color:#ffffff; z-index:7;} #top_menu_er ul{ width:auto; height:auto;} #top_menu_er li{ width:100px; height:auto; line-height:30px; overflow:hidden;} /* #top_menu_er li 宽度固定的话，写width:；如果不固定，#top_menu_er #s_1{ width:176px;} */ #top_menu_er #s_1{ margin-left:0px;} #top_menu_er #s_2{ margin-left:272px;width:182px;} #top_menu_er #s_3{ margin-left:0px; width:1280px;} #top_menu_er #s_4{ margin-left:525px; width:125px;} #top_menu_er #s_5{ margin-left:663px; width:159px;} #top_menu_er #s_6{ margin-left:822px; width:151px;} #top_menu_er #s_8{ margin-left:1040px; width:110px;} #top_menu_er li.s_li{display:none;} #top_menu_er li.s_li_a{display:block;} #top_menu_er a{ display:block; height:auto; background-color:#ffffff; color:#888888;}/*888888 5d5d5d*/ #top_menu_er a:hover{color:#009ef0;} #s_3_box{width:1280px; height:320px; background-color:#FFFFff} .s_3_1{width:252px; height:40px; line-height:50px; color:#888888; text-align:center; overflow:hidden; font-weight:bold} .s_3_2{ margin-left:66px; width:120px; height:104px;} .s_3_3{width:252px; height:100px; line-height:25px; font-size:12px; text-align:left} .s_3_31{ margin-left:72px; width:180px; height:100px; line-height:25px; font-size:12px; text-align:left;} .s_3_32{ margin-left:72px; width:174px; height:100px; line-height:25px; font-size:12px; text-align:left;} .s_3_33{ margin-left:72px; width:180px; height:100px; line-height:25px; font-size:12px; text-align:left;} .s_3_34{ margin-left:80px; width:162px; height:100px; line-height:25px; font-size:12px; text-align:left;} .s_3_35{ margin-left:78px; width:174px; height:100px; line-height:25px; font-size:12px; text-align:left;} #s_3_31 a{ color:#5d5d5d} #s_3_32 a{ color:#5d5d5d} #s_3_33 a{ color:#5d5d5d} #s_3_34 a{ color:#5d5d5d} #s_3_35 a{ color:#5d5d5d} #s_2 a{ text-align:center; font-weight:bold} .s_3_box{width:252px; height:320px; float:left} .s_3_tiao{width:5px; height:286px; float:left; background-image:url(../images/s3_tiao.jpg); overflow:hidden} #s_4 a{ text-align:center; font-weight:bold} #s_5 a{ text-align:center; font-weight:bold}/*padding-left:20px; */ #s_5 a.s5{ color:#b5b5b5; font-size:12px; line-height:20px; font-weight:normal} #s_5 a.s5:hover{color:#009ef0;} #s_6 a{ text-align:center; font-weight:bold} #s_8 a{ text-align:center; font-weight:bold} /*====================================轮换广告=====================================*/ #banner {position:relative; width:300px; height:250px; overflow:hidden;} #banner ul {position:absolute; z-index:4; bottom:13px; right:5px;} #banner ul li { display:none; width:15px; height:15px; margin-right:5px; float:left; text-align:center; line-height:16px; background-color:#FFFFFF; border:1px #0178b2 solid; color:#0178b2; cursor:pointer; overflow:hidden} #banner ul li.on { background-color:#0178b2; border:1px #FFFFFF solid; color:#ffffff;} #banner_list img{position:absolute;} /*让四张图片都可以重叠在一起*/ /*====左侧列表的title====*/ .er_left_t1{width:200px; height:31px; background-image:url(../images/er_01_02_thui.jpg); background-repeat:no-repeat;} .er_left_tb1{ margin-left:10px; width:190px; height:31px; color:#303030; line-height:30px; overflow:hidden;} .er_left_tb1 a{ color:#303030} .er_left_tb1 a:hover{ color:#999999} .er_left_t2{width:200px; height:31px; background-image:url(../images/er_01_02_thui.jpg); background-repeat:no-repeat;} .er_left_tb2{ margin-left:10px; width:190px; height:31px; color:#303030; font-weight:bold; line-height:30px; overflow:hidden;} .er_left_tb2 a{ color:#303030} .er_left_tb2 a:hover{ color:#999999} .er_left_t3{width:200px; height:12px;} /*====友情链接====*/ .link_text{ width:100px; height:30px; line-height:30px; text-align:center; float:left} .link_text a{ color:#666666} .link_img{ padding:5px 10px; width:80px; height:60px; float:left} /*====控制内容页====*/ .ob_cs{ display:inline-block; margin:10px 0px; width:1060px; min-height:480px; height:auto!important; height:480px; line-height:24px;} .ob_cs_title{ width:100%; height:34px; font-size:14px; font-weight:bold; line-height:34px;} .ob_cs_time{ width:100%; height:34px; font-size:14px; line-height:34px; text-align:right; color:#999999} /*====控制文字列表页====*/ .ob_cl_box{ display:inline-block; margin:10px 0px; width:1060px; height:480px;} .ob_cl{ width:1060px; height:440px;} /*ob_cl+ob_page>=ob_cs*/ .ob_cl_tiao{ width:1060px; height:24px;} .ob_cl_dian{ width:10px; height:24px; float:left; overflow:hidden} .ob_cl_title{ width:660px; height:24px; float:left} .ob_cl_time{ width:120px; height:24px; float:left; color:#999999;} /*=====注意高度、宽度=====*/ /*====控制图片列表页====*/ .ob_cp_box{ display:inline-block; margin:0px 0px 0px 12px; width:688px; height:540px;} .ob_cp{ width:688px; height:520px;} .ob_cp_area{ width:688px; height:130px; overflow:hidden} .ob_cp_abox{ width:172px; height:130px; float:left;} .ob_cp_aimage{ margin:0px 0px 0px 0px; width:120px; height:90px; border:1px #FF0000 solid;}/*看border是否需要*/ .ob_cp_atitle{ margin:0px 0px 0px 0px; width:120px; height:40px; line-height:20px; text-align:center;} /*====控制换页====*/ .ob_page{ width:100%; height:20px; text-align:center; line-height:20px;} /*====================================顶部公共=====================================*/ #t_01{ height:40px; background-image:url(../images/top_lantiao.jpg); background-repeat:repeat-x} #t_011{ margin:0px auto; width:1280px; height:40px;} #t_01_01{ width:40px; height:40px; float:left; background-image:url(../images/t_01_01.jpg); background-repeat:no-repeat;} #t_01_01 a{ display:block; width:40px; height:40px;} #t_01_02{ width:7px; height:40px; float:left; background-image:url(../images/t_01_02.jpg); background-repeat:no-repeat; overflow:hidden;} #t_01_03{ width:32px; height:40px; float:left; background-image:url(../images/t_01_03.jpg); background-repeat:no-repeat;} #t_01_03 a{ display:block; width:32px; height:40px;} #t_01_04{ width:50px; height:40px; float:left;} #t_01_05{ width:371px; height:40px; float:left; background-image:url(../images/t_01_05.jpg); background-repeat:no-repeat;} #t_01_05 a{ display:block; margin-left:195px; width:120px; height:40px;} #t_01_06{ width:690px; height:40px; float:left;} #t_01_07{ width:33px; height:40px; float:left; text-align: center;} /* background-image:url(../images/t_01_07.jpg); background-repeat:no-repeat; */ #t_01_07 a{ display:block; width:33px; height:40px; line-height: 40px;} #t_01_08{ width:5px; height:40px; float:left; background-image:url(../images/t_01_08.jpg); background-repeat:no-repeat; overflow:hidden;} #t_01_09{ width:52px; height:40px; float:left; text-align: center;} /* background-image:url(../images/t_01_09.jpg); background-repeat:no-repeat; */ #t_01_09 a{ display:block; width:52px; height:40px; line-height: 40px;} #t_02{ height:100px;} #t_02_01{ width:180px; height:100px; float:left; background-image:url(../images/t_02_01.jpg); background-repeat:no-repeat;} #t_02_01 a.logo{ display:block; margin:34px 0 0 12px; width:160px; height:35px;} #t_02_02{ width:1000px; height:100px; float:left;} #t_02_03{ width:100px; height:100px; float:left; background-image:url(../images/t_02_03.jpg); background-repeat:no-repeat;} /*====================================底部公共=====================================*/ #b_01{ height:44px; background-image:url(../images/bottom_lantiao.jpg); background-repeat:repeat-x} #b_011{ margin:0px auto; width:1280px; height:44px; line-height:44px; color:#888888} #b_011 a{color:#888888} #b_01_01{ width:476px; height:44px; float:left;} #b_01_02{ width:350px; height:44px; float:left;} #b_01_03{ width:454px; height:44px; float:left; text-align:right;} /*====================================首页中部=====================================*/ #i_01{ height:357px; background-image:url(../images/i_01.jpg); background-repeat:no-repeat;} #i_02{ height:101px; background-image:url(../images/i_02.jpg); background-repeat:repeat-x;} #i_02_01{ width:143px; height:101px; float:left} #i_02_01_01{ padding-left:20px; width:103px; height:69px; line-height:104px; overflow:hidden; color:#303030; font-weight:bold} #i_02_01_02{ padding-left:20px; width:103px; height:32px; font-size:12px}/* color:#888888 */ #i_02_02{ width:447px; height:101px; float:left} #i_02_02_01{ width:447px; height:69px; line-height:104px; overflow:hidden; color:#303030; font-weight:bold} #i_02_02_02{ width:447px; height:32px; font-size:12px} #i_02_03{ width:291px; height:101px; float:left} #i_02_03_01{ width:291px; height:69px; line-height:104px; overflow:hidden; color:#303030; font-weight:bold} #i_02_03_02{ width:291px; height:32px; font-size:12px} #i_02_04{ width:319px; height:101px; float:left} #i_02_04_01{ width:319px; height:69px; line-height:104px; overflow:hidden; color:#303030; font-weight:bold} #i_02_04_02{ width:319px; height:32px; font-size:12px} .i_02t{ width:20px; height:101px; background-image:url(../images/i_02t.jpg); background-repeat:no-repeat; float:left} #i_03{ height:542px;} #i_03_01{ width:508px; height:542px; float:left;} #i_03_01_01{ width:508px; height:30px;} #i_03_01_02{ padding:8px; width:490px; height:490px; border:1px #d1d1d1 solid} #i_03_01_03{ width:508px; height:4px; overflow:hidden;} #i_03_02{ width:462px; height:542px; float:left;} #i_03_02_01{ width:462px; height:53px; background-image:url(../images/i_03_02_01.jpg); background-repeat:no-repeat;} #i_03_02_02{ padding-left:40px; width:422px; height:30px; background-image:url(../images/i_03_02_02.jpg); background-repeat:no-repeat; line-height:30px; color:#303030; font-weight:bold} #i_03_02_03{ width:370px; height:429px; padding:30px 45px 0px 45px; font-size:12px; line-height:20px}/* color:#888888 */ #i_03_02_03 font.lan03{ font-weight:bold; color:#555555} /* color:#009ef0 */ #i_03_03{ width:310px; height:542px; float:left;} #i_03_03_01{ width:310px; height:14px;} #i_03_03_02{ width:290px; height:253px; padding:4px; border:1px #d1d1d1 solid} #i_03_03_03{ width:310px; height:11px;} #i_03_03_04{ width:310px; height:254px;} #i_04{ height:25px; background-image:url(../images/i_04.jpg); background-repeat:no-repeat;line-height:30px; color:#303030; font-weight:bold; overflow:hidden} #i_05{ height:59px;} #i_05_01{ padding-top:10px; width:1664px; height:35px;} /* width: (12*35+54+54+57+45+42+92)+18*50 */ #i_05_01 img{ margin:0px 25px;} /* #i_05_01{ width:30px; height:59px; float:left; } #i_05_02{ width:51px; height:59px; float:left; background-image:url(../images/i_05_02.jpg); background-repeat:no-repeat;} #i_05_03{ width:40px; height:59px; float:left; } #i_05_04{ width:71px; height:59px; float:left; background-image:url(../images/i_05_04.jpg); background-repeat:no-repeat;} #i_05_05{ width:43px; height:59px; float:left; } #i_05_06{ width:51px; height:59px; float:left; background-image:url(../images/i_05_06.jpg); background-repeat:no-repeat;} #i_05_07{ width:43px; height:59px; float:left; } #i_05_08{ width:72px; height:59px; float:left; background-image:url(../images/i_05_08.jpg); background-repeat:no-repeat;} #i_05_09{ width:47px; height:59px; float:left; } #i_05_10{ width:70px; height:59px; float:left; background-image:url(../images/i_05_10.jpg); background-repeat:no-repeat;} #i_05_11{ width:41px; height:59px; float:left; } #i_05_12{ width:62px; height:59px; float:left; background-image:url(../images/i_05_12.jpg); background-repeat:no-repeat;} #i_05_13{ width:48px; height:59px; float:left; } #i_05_14{ width:61px; height:59px; float:left; background-image:url(../images/i_05_14.jpg); background-repeat:no-repeat;} #i_05_15{ width:38px; height:59px; float:left; } #i_05_16{ width:96px; height:59px; float:left; background-image:url(../images/i_05_16.jpg); background-repeat:no-repeat;} #i_05_17{ width:39px; height:59px; float:left; } #i_05_18{ width:53px; height:59px; float:left; background-image:url(../images/i_05_18.jpg); background-repeat:no-repeat;} #i_05_19{ width:53px; height:59px; float:left; } #i_05_20{ width:52px; height:59px; float:left; background-image:url(../images/i_05_20.jpg); background-repeat:no-repeat;} #i_05_21{ width:38px; height:59px; float:left; } #i_05_22{ width:60px; height:59px; float:left; background-image:url(../images/i_05_22.jpg); background-repeat:no-repeat;} #i_05_23{ width:33px; height:59px; float:left; } #i_05_24{ width:60px; height:59px; float:left; background-image:url(../images/i_05_24.jpg); background-repeat:no-repeat;} #i_05_25{ width:28px; height:59px; float:left; } */ /*====================================二级页中部=====================================*/ #e_01{ height:210px;} #e_01_01{ width:1280px; height:180px;} #e_02{ height:auto;} #e_02_01{ width:200px; min-height:540px; height:auto!important; height:540px; float:left;} #e_02_02{ width:1080px; min-height:540px; height:auto!important; height:540px; float:left; } #e_02_02_01{ width:1080px; height:31px; line-height:30px; color:#303030; font-weight:bold} #e_02_02c{ width:1280px; min-height:540px; height:auto!important; height:540px; float:left; } #e_02_02_01c{ margin:0px auto; width:1100px; height:80px; line-height:30px; } .ob_csc{ margin:0px auto; width:1100px; min-height:480px; height:auto!important; height:480px; line-height:24px;} #cc{ margin:0px auto; width:1100px; min-height:400px; height:auto!important; height:400px; color:#5d5d5d; font-size:12px} #cc a{color:#5d5d5d; } #cc a:hover{ color:#111;} font.new{ color:#009ef0;} font.dingzhi{ color:#009ef0;font-size:14px;} font.bold{ font-weight:bold; font-size:14px;color:#009ef0;} font.font2{ font-weight:bold; font-size:14px;} a.afont2{ font-weight:bold; font-size:14px;} span.afont2{ font-weight:bold; font-size:14px;} #cc span.afont3{ color:#6600CC;} span.afont3{ font-weight:bold; font-size:14px; color:#00B0F0} #cc a.afont2i{ font-weight:bold; font-size:14px;} #cc a.afont2i:hover{ color:#333333;} .ob_cs font.cs_title{font-weight:bold; color:#555555} .ob_cs span.cs_title{font-weight:bold; color:#555555} .ob_csc span.cs_title{font-weight:bold; color:#555555} .ob_csc span.cs_title1{font-weight:bold; color:#888; font-size:36px; line-height:56px} .ob_csc span.cs_title2{font-weight:bold; color:#888; font-size:36px; line-height:56px} .ob_csc p.cs_title1{ font-size:26px; font-weight:bold; color:#555555; line-height:56px} .ob_csc p.cs_title2{ display:block; width:100%; text-align:center; font-size:56px; font-weight:bold; color:#555555; line-height:76px} .ob_csc p.cs_title3{ font-size:20px; font-weight:bold; color:#555555; line-height:46px} .ob_csc div.cs_img{margin:24px 0px; width:1100px; height:auto; text-align:center} .ob_csc div.cs_titleT{ margin:24px 0px; width:1100px; height:30px; font-weight:bold; color:#555555; line-height:30px; text-align:right;} .cs_titleT div{ margin:0px 10px; padding:0px 0px; width:120px; height:30px; float:right; text-align:center; background-image:url(../images/cs_titleT_div.jpg);} .cs_titleT span{ display:block; margin:0px 10px; padding:0px 0px; width:70px; height:30px; float:right; text-align:center;background-image:url(../images/cs_titleT_span.jpg);} .yqlj{ width:220px; height:64px; padding-top:16px; background-image:url(../images/linkbox.jpg); background-repeat:no-repeat; text-align:center;} .ob_cs table.table{}