@charset "utf-8"; /*全局样式控制*/ * { margin: 0; padding: 0; } ul, li { list-style: none; } img { border: 0; } a { text-decoration: none; } table { border-collapse: collapse; } .clear { clear: both; } /*页面最外层div控制*/ body { background: #f5f5f5; } .wrapper { width: 100%; /* float: left; */ font-family: "微软雅黑", "黑体"; } .w1200 { width: 1200px; margin: 0 auto; position: relative; /* overflow: hidden; */ } a { cursor: pointer; color: #333; } /*top区域开始*/ .top { width: 100%; /* float: left; */ height: 110px; background: #fff; } .top .w1200 { background: #fff; height: 110px; } .logo { float: left; margin-top: 25px; } .logo a { float: left; } .logo a img { float: left; } .logo2 { margin-left: 10px; } .top_r { width: 360px; float: right; } .top_rt { float: right; margin-top: 30px; } .top_rt ul li { float: left; font-size: 13px; color: #666; margin-left: 14px; } .top_rt ul li a { float: left; color: #666; line-height: 13px; } .top_rt ul li a:hover { text-decoration: underline; } .top_rb { width: 100%; float: left; margin-top: 15px; } .top_rbr { float: right; width: 260px; height: 30px; background: #efefef; margin-left: 20px; } .search_txt { width: 210px; height: 22px; float: left; line-height: 22px; border: 0; background: none; font-size: 13px; color: #999; outline: 0; margin: 4px 0 0 10px; *margin: 5px 0 0 -10px; } .search_tj { width: 35px; height: 30px; float: left; background: url(search_icon_001.png) no-repeat 50% 50%; border: 0; outline: 0; margin-left: 3px; } /*nav区域开始*/ .nav_bg { width: 100%; /* float: left; */ height: 50px; background: #2373c8; } .nav_bg .w1200{background: #2373c8;} .nav_list, .nav_list>ul { height: 50px; } .nav_list>ul>li { width: 133.33px; height: 50px; float: left; position: relative; } .nav_list>ul>li>a { color: #fff; width: 133.33px; height: 50px; line-height: 50px; text-align: center; display: block; font-size: 17px; font-weight: bold; } .nav_boxl { position: absolute; padding-bottom: 26px; top: 50px; left: 0; width: 133.33px; z-index: 10000; display: none; background: url(box_xialabar.png) center bottom no-repeat; } .nav_boxl li { width: 133.33px; background: #fff; height: 37px; } .nav_boxl li a { width: 133.33px; display: block; text-align: center; font-size: 14px; line-height: 36px; color: #666; margin: 0 auto; border-bottom: 1px solid #e6e6e6; } .nav_boxl li a:hover { background: #F5F1F1; color: #2373c8; } /*banner区域开始*/ .banner { width: 100%; /* float: left; */ height: 400px; } .banner_wrap{ width: 100%; float: left; height: 400px; } /*图片轮播代码*/ .slideBox1 { width: 100%; height: 430px; overflow: hidden; position: relative; min-width: 1200px; } .slideBox1 .hd { width: 100%; height: 14px; overflow: hidden; position: absolute; left: 0; bottom: 40px; z-index: 2; text-align: center; } .slideBox1 .hd ul { overflow: hidden; zoom: 1; margin: 0 auto; text-align: center; display: inline-block; white-space: nowrap; } .slideBox1 .hd ul li { margin: 0 6px; width: 14px; height: 14px; text-align: center; background: url(banner_icon_001.png) no-repeat 0 0; cursor: pointer; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .slideBox1 .hd ul li.on { background: url(banner_icon_002.png) no-repeat 0 0; } .slideBox1 .bd { width: 100%; float: left; position: relative; height: 430px; z-index: 0; } .slideBox1 .bd li { width: 100%; height: 430px; float: left; zoom: 1; vertical-align: middle; } /*content区域开始*/ .content { width: 100%; float: left; /*margin-top: -20px;*/ margin-bottom: 20px; } .content .w1200 { background: #fff; } /*页面主体第一行区域开始*/ .main_box1 { width: 100%; height: 320px; float: left; margin-top: 20px; margin-bottom: 20px; } .main_box1_l { width: 510px; height: 320px; float: left; margin-left: 20px; } /*图片新闻css开始*/ .slideBox2 { width: 510px; height: 320px; overflow: hidden; position: relative; } .slideBox2 .hd { height: 18px; overflow: hidden; position: absolute; right: 20px; bottom: 10px; z-index: 2; font-family: "宋体", sumsin; font-size: 15px; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox2 .hd ul li { float: left; margin-left: 1px; width: 21px; height: 18px; line-height: 18px; text-align: center; background: #827d67; cursor: pointer; color: #fff; } .slideBox2 .hd ul li.on { background: #2373c8; } .slideBox2 .bd { width: 510px; height: 320px; float: left; position: relative; z-index: 0; } .slideBox2 .bd li { width: 510px; height: 320px; float: left; zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 510px; height: 320px; float: left; display: block; } .slideBox2 .txt-bg { position: absolute; bottom: 0; z-index: 1; overflow: hidden; width: 100%; height: 40px; background: #000; opacity: 0.6; filter: alpha(opacity=60); } .slideBox2 .txt { position: absolute; bottom: 0; z-index: 2; overflow: hidden; width: 100%; height: 40px; } .slideBox2 .txt li { position: absolute; bottom: -40px; height: 40px; line-height: 40px; } .slideBox2 .txt li a { display: block; padding: 0 0 0 20px; color: #fff; text-decoration: none; font-size: 15px; } .main_box1_r { width: 630px; float: left; margin-left: 20px; } .tab_box1 { width: 100%; float: left; } .tab_box1 .hd { width: 100%; float: left; height: 32px; border-bottom: 1px solid #dcdcdc; *height: 31px; } .tab_box1 .hd_l { float: left; line-height: 1; } .tab_box1 .hd_l a { float: left; display: inline-block; height: 32px; *height: 31px; position: relative; z-index: 2; color: #646464; font-size: 20px; font-weight: bold; } .tab_box1 .hd_l a.on { border-bottom: 4px solid #2373c8; height: 32px; *height: 27px; color: #333; } .tab_box1 .hd_l a:hover { border-bottom: 4px solid #2373c8; height: 32px; *height: 27px; color: #333; } .tab_box1 .hd_l span { float: left; width: 30px; height: 32px; *height: 31px; display: inline-block; background: url(tab_icon_001.png) no-repeat 50% 0; } .tab_box1 .hd_r { float: right; color: #999; font-size: 15px; line-height: 1.5; } .tab_box1 .hd_r a { float: left; color: #999; display: none; } .tab_box1 .hd_r a.on { display: inline-block; } .tab_box1 .hd_r a:hover { color: #2373c8; } .tab_box1 .bd { width: 100%; float: left; margin-top: 5px; } .tab_box1 .bd ul { width: 100%; float: left; display: none; } .tab_box1 .bd ul li { width: 100%; height: 32px; float: left; line-height: 32px; font-size: 16px; color: #333; background: url(icon_001.png) no-repeat 0 50%; } .tab_box1 .bd ul li a { float: left; color: #666; margin-left: 13px; } .tab_box1 .bd ul li>span { float: right; color: #999; } .tab_box1 .bd ul li:hover a { color: #2373c8; } .tab_box1 .bd ul li:hover span { color: #2373c8; } /*页面主体第二行区域开始*/ .main_box2 { width: 100%; height: 220px; float: left; margin-top: 40px; } .main_box2_l { width: 373px; float: left; margin-left: 20px; } .main_box2_m { width: 373px; float: left; margin-left: 20px; } .main_box2_r { width: 374px; float: left; margin-left: 20px; } /*栏目名称开始--更多*/ .main_column { width: 100%; float: left; /* height: 32px; border-bottom: 1px solid #dcdcdc; *height: 31px;*/ } .main_column_l { float: left; line-height: 1; } .main_column_l a, .main_column_l span { float: left; display: inline-block; height: 32px; position: relative; z-index: 2; font-size: 20px; font-weight: bold; border-bottom: 4px solid #2373c8; *height: 27px; color: #333; } .main_column_r { float: right; color: #999; font-size: 15px; line-height: 1.5; } .main_column_r a { float: left; color: #999; } .main_column_r a:hover { color: #2373c8; } .tab_box2 { width: 100%; float: left; } .tab_box2 .hd { width: 100%; float: left; height: 32px; border-bottom: 1px solid #dcdcdc; *height: 31px; } .tab_box2 .hd_l { float: left; line-height: 1; } .tab_box2 .hd_l a, .tab_box2 .hd_l span { float: left; display: inline-block; height: 32px; position: relative; z-index: 2; font-size: 20px; font-weight: bold; border-bottom: 4px solid #2373c8; *height: 27px; color: #333; } .tab_box2 .hd_r { float: right; color: #999; font-size: 15px; line-height: 1.5; } .tab_box2 .hd_r a { float: left; color: #999; } .tab_box2 .hd_r a:hover { color: #2373c8; } .tab_box2 .bd { /* width: 300px; */ float: left; /* margin-top: 10px; */ } .tab_box2 .bd ul { width: 100%; float: left; } .tab_box2 .bd ul li { width: 100%; height: 32px; float: left; line-height: 32px; font-size: 16px; color: #333; background: url(icon_001.png) no-repeat 0 50%; } .tab_box2 .bd ul li a { float: left; color: #333; margin-left: 13px; } .tab_box2 .bd ul li span { float: right; color: #999; } .tab_box2 .bd ul li:hover a { color: #2373c8; } .tab_box2 .bd ul li:hover span { color: #2373c8; } .jpgc_main { width: 100%; float: left; margin-top: 20px; } .jpgc_main .picScroll .bd ul li .pic img { height: 176px; } /*精品工程图片展示开始*/ .picScroll { width: 100%; overflow: hidden; position: relative; float: left; } .picScroll .prev { width: 32px; height: 50px; float: left; position: absolute; top: 57px; left: 0; background: url(icon_left.png) no-repeat 0 0; z-index: 2; } .picScroll .next { width: 32px; height: 50px; float: left; position: absolute; top: 57px; right: 0; background: url(icon_right.png) no-repeat 0 0; z-index: 2; } .picScroll .prev, .picScroll .next { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .picScroll .prev:hover, .picScroll .next:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } .picScroll .bd { float: left; } .picScroll .bd ul { overflow: hidden; zoom: 1; float: left; } .picScroll .bd ul li { width: 100%; float: left; overflow: hidden; } .picScroll .bd ul li .pic { width: 100%; float: left; text-align: left; } .picScroll .bd ul li .pic img { width: 100%; height: 100%; float: left; display: block; } .picScroll .bd ul li .pic a:hover img { border-color: #999; } .picScroll .bd ul li .title { width: 100%; height: 40px; line-height: 40px; float: left; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.4); margin-top: -40px; text-align: center; filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000); } .picScroll-left .bd ul li:hover .title { color: #2373c8; } .picScroll .bd ul li .pic_jz { width: 100%; height: 100%; float: left; } .picScroll .bd ul li .pic_jz img { display: inline-block; clear: both; } /*页面主体第三行区域开始*/ .main_box3 { width: 100%; height: 180px; float: left; margin-top: 20px; margin-bottom: 20px; } .ywbk_main { width: 1160px; height: 180px; float: left; border: 1px solid #dcdcdc; *height: 178px; margin-left: 20px; *width: 1158px; } .ywbk_main_title { width: 40px; height: 180px; float: left; font-size: 22px; color: #fff; line-height: 30px; background: url(ywbk_bg_001.png) no-repeat 0 0; text-align: center; } .ywbk_main_title span { width: 100%; float: left; margin-top: 30px; text-align: center; } /*页面主体第四行区域开始*/ .main_box4 { width: 100%; height: 265px; float: left; margin: 20px 0; } .main_box4_l { width: 373px; float: left; margin-left: 20px; } .spzb_main { width: 100%; float: left; margin-top: 20px; } .spzb_main a { float: left; } .spzb_pic { width: 100%; height: 174px; float: left; } .spzb_pic img { width: 373px; height: 174px; float: left; } .spzb_bf { width: 373px; height: 211px; float: left; margin-top: -174px; background: url(spzb_bg.png) no-repeat 0 100% } /*荣誉资质开始*/ .main_box4_m { width: 373px; float: left; margin-left: 20px; } .zzyr_main { width: 100%; height: 211px; border: 1px solid #dcdcdc; margin-top: 20px; float: left; } .zzyr_main a { width: 100%; height: 211px; float: left; } .zzyr_main .picScroll .bd ul li { height: 211px; width: 373px!important; } .zzyr_main .picScroll .bd ul li .pic_jz { height: 211px; width: 373px!important; float: left; table-layout: fixed; } .zzyr_main .picScroll .bd ul li .pic_jz tr td { height: 211px; width: 373px!important; text-align: center; } .zzyr_main .picScroll .bd ul li .pic_jz img { width: auto; height: auto; max-width: 373px; max-height: 211px; clear: both; } .zzyr_main .picScroll .prev, .zzyr_main .picScroll .next { top: 80px; } /*专题专栏开始*/ .main_box4_r { width: 374px; float: left; margin-left: 20px; } .ztzl_main { width: 100%; float: left; margin-top: 20px; } .ztzl_main_t { width: 100%; height: 90px; float: left; } .ztzl_main_t img { width: 100%; height: 90px; float: left; } .ztzl_main_b { width: 100%; float: left; margin-top: 12px; } .ztzl_main_b ul { width: 100%; float: left; } .ztzl_main_b ul li { width: 100%; height: 32px; float: left; line-height: 32px; font-size: 16px; color: #333; background: url(icon_001.png) no-repeat 0 50%; } .ztzl_main_b ul li a { float: left; color: #333; margin-left: 13px; } .ztzl_main_b ul li span { float: right; color: #999; } .ztzl_main_b ul li:hover a { color: #2373c8; } .ztzl_main_b ul li:hover span { color: #2373c8; } /*bottom区域开始*/ .bottom { width: 100%; height: 215px; float: left; background: #e6e6e6; min-width:1200px; } .bottom .w1200 { height: 215px; background: #e6e6e6; } .bottom_t { width: 100%; height: 30px; float: left; text-align: center; margin-top: 12px; } .bottom_t ul { margin: 0 auto; } .bottom_t ul li { display: inline-block; color: #333; font-size: 15px; line-height: 30px; padding: 0 30px 0 24px; background: url(bottom_icon_001.png) no-repeat 100% 50%; *display: inline; } .bottom_t ul li a { display: inline-block; color: #333; } .bottom_t ul li a:hover { text-decoration: underline; } .bottom_b { width: 100%; float: left; margin-top: 25px; } .bottom_bl { width: 385px; float: left; } .bottom_blt { width: 100%; float: left; font-size: 17px; color: #333; } .bottom_blb { width: 100%; float: left; font-size: 14px; line-height: 30px; color: #333; margin-top: 10px; } .bottom_blb a { color: #333; } .bottom_blb a:hover { text-decoration: underline; } .bottom_bm { width: 425px; float: left; margin-left: 55px; } .bottom_bmt { width: 100%; float: left; font-size: 17px; color: #333; } .bottom_bmb { width: 100%; float: left; font-size: 14px; line-height: 30px; color: #333; margin-top: 10px; } .bottom_bmb div { width: 50%; float: left; *width: 212px; } .bottom_br { float: left; margin-left: 45px; } .bottom_br div { width: 88px; float: left; margin: 0 23px; } .bottom_br div p { width: 88px; float: left; text-align: center; font-size: 15px; color: #333; } .bottom_br div img { width: 88px; height: 88px; float: left; margin-top: 10px; } /*footer区域开始*/ .footer { width: 100%; height: 50px; float: left; background: #2373c8; line-height: 50px; } .footer .w1200 { height: 50px; background: #2373c8; } .footer_l { float: left; font-size: 13px; color: #fff; } .footer_l a { float: left; color: #fff; } .footer_l a:hover { text-decoration: underline; } .footer_l span { float: left; width: 24px; height: 50px; background: url(footer_icon_001.png) no-repeat 50% 50%; display: inline-block; } .footer_r { float: right; font-size: 13px; color: #fff; } .footer_r a { color: #fff; } .footer_r a:hover { text-decoration: underline; } /* 轮播图样式 */ /*banner */ /*.flicker-example{ width: 100%; max-width: 1920px; height: 400px; overflow: hidden; } .flickerplate .dot-navigation .dot{ background: url(icon_white.png); } .flickerplate .dot-navigation .dot.active{ background: url(icon_red.png); }*/ .banner { height: 400px; position: relative; z-index: 0; } .DB_tab25 { width: 100%; height: 400px; position: relative; overflow: hidden; min-width:1200px; } .DB_tab25 .DB_bgSet { position: relative; } .banner_wrap .DB_tab25 .DB_bgSet { width:100%; float:left; position: relative; } .DB_tab25 .DB_bgSet li { position: absolute; width: 100%; height: 400px; display: none; background-size: 100% 100% !important } .DB_tab25 .DB_bgSet ul li { list-style-type: none; } .DB_tab25 .DB_imgSet { position: absolute; width: 988px; left: 50%; margin-left: -500px; } .DB_tab25 .DB_imgSet .DB_1_1 { position: absolute; left: 500px; top: 100px; display: none; } .DB_tab25 .DB_imgSet .DB_1_2 { position: absolute; left: 150px; top: 100px } .DB_tab25 .DB_imgSet .DB_1_3 { position: absolute; left: 150px; top: 100px; display: none; } .DB_tab25 .DB_imgSet .DB_2_1 { position: absolute; left: 500px; top: 100px; } .DB_tab25 .DB_imgSet .DB_2_2 { position: absolute; left: 500px; top: 80px; display: none; } .DB_tab25 .DB_imgSet .DB_2_3 { position: absolute; left: 730px; top: 180px } .DB_tab25 .DB_imgSet .DB_3_1 { position: absolute; left: 100px; top: 100px; display: none; } .DB_tab25 .DB_imgSet .DB_3_2 { position: absolute; left: 100px; top: 100px; display: none; } .DB_tab25 .DB_imgSet .DB_3_3 { position: absolute; left: -60px; top: 300px; display: none; } .DB_tab25 .DB_menuWrap { position: absolute; width: 988px; left: 50%; margin-left: -500px; height: 400px } .DB_tab25 .DB_menuWrap .DB_menuSet { position: absolute; text-align: center; font-size: 0; border-radius: 20px; width: 120px; bottom: 40px; left: 50%; margin-left: -60px; } .DB_tab25 .DB_menuWrap .DB_menuSet li { cursor: pointer; margin: 0 3px; display: inline } .DB_tab25 .DB_prev { position: absolute; left: 0px; top: 90px; cursor: pointer; display: none } .DB_tab25 .DB_next { position: absolute; right: 0px; top: 90px; cursor: pointer; display: none } /*banner end*/ /* 精品工程样式 */ .picScroll-jp { overflow: hidden; position: relative; height: 180px; width: 100%; } .picScroll-jp .hd { display: none; width: 100%; height: 0px; position: relative; } .picScroll-jp .hd .prev, .picScroll-jp .hd .next { position: absolute; display: block; width: 40px; height: 40px; top: 65px; overflow: hidden; cursor: pointer; background: red; z-index: 1000; } .picScroll-jp .hd .next { background-position: 0 -50px; right: 20px; background: url("left-icon.png") -40px 0px no-repeat; } .picScroll-jp .hd .prev { left: 20px; background: url("left-icon.png") 0 0 no-repeat; } .picScroll-jp .bd { height: 180px; width: 100%; } .picScroll-jp .bd ul { overflow: hidden; zoom: 1; } .ywbk_main_con { width: 1118px; float: left; height: 180px; *width: 1118px; } .ywbk_list { width: 254px !important; height: 142px; float: left; margin: 18px 0 0 20px; } .ywbk_pic { width: 254px; height: 142px; float: left; } .ywbk_pic img { width: 254px; height: 142px; float: left; } .ywbk_title { width: 254px; height: 35px; float: left; background: rgba(0, 0, 0, 0.4); margin-top: -35px; filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000); } .ywbk_title a { text-align: center; line-height: 35px; color: #fff; font-size: 15px; width: 254px; height: 35px; float: left; } /* 栏目页 */ .content .main { width: 100%; padding: 10px 20px; } .coulmbanner { width: 100%; height: 260px; } .coulmbanner div { width: 1200px; height: 260px; margin: 0 auto; line-height: 240px; font-size: 40px; font-weight: bold; color: #fff; } .lm-left { width: 260px; float: left } .column-1 { height: 50px; font-size: 24px; line-height: 50px; color: #e60009; font-weight: bold; background: url("lm1bg.png") no-repeat right 9px } .lm-left .column-2 { border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; min-height: 500px; } .lm-left .column-2 li { border-bottom: 1px solid #e6e6e6; position: relative } .lm-left .column-2 li a { font-size: 16px; color: #333333; line-height: 55px; padding-left: 20px; width: 240px; height: 55px; display: block } .lm-left .column-2 li.active, .lm-left .column-2 li:hover { background: #f5f5f5; border-bottom: none; /* margin-top: -1px; */ height: 56px; border-left: 6px solid #e60009 } .lm-left .column-2 li.active a, .lm-left .column-2 li a:hover { color: #e60009; } .lm-left .column-2 .column-3 { background: white } .lm-left .column-2 .column-3 li { height: 45px; border-bottom: 1px solid #eeeeee; text-align: center; border-right: none } .lm-left .column-2 .column-3 li a { font-size: 14px; padding-left: 0; color: #333333; line-height: 45px; display: block; width: 100%; height: 45px; background: white; border-left: none } .lm-left .column-2 .column-3 li.active a { color: #e60009 } .lm-right { width: 860px; float: left; margin-left: 40px } .lm-right .right-title { height: 50px; width: 100%; border-bottom: 1px solid #f0f0f0; } .lm-right .right-title p { display: inline-block; float: left; } .lm-right .right-title p span { display: inline-block; padding-right: 15px; color: #333333; font-size: 24px; line-height: 50px; font-weight: bold } .lm-right .list { margin-top: 5px; padding-bottom: 12px } .list li { overflow: hidden; padding-left: 13px; background: url("icon.png") no-repeat left 23px; border-bottom: 1px dashed #dddddd; } .list li a { width: 100%; float: left; line-height: 44px; font-size: 16px; color: #333333; } .list li a:hover { color: #e60009 } .list li span { line-height: 44px; float: right; font-size: 16px; /* color: #999999; */ } .position1 { height: 50px; background: url("position.png") left 19px no-repeat; padding-left: 25px; float: right; } .position1 a { line-height: 50px; font-size: 14px; color: #333333 } .dropdown { background: #fff; position: relative; margin-bottom: 0px; } .dropdown .jia { background: url(jia.png) top right no-repeat; } .dropdown div { position: absolute; overflow: hidden; padding-left: 5px; width: 255px; top: 0px; height: 0px; left: 0; border-bottom: 0px solid #e6e6e6; } .dropdown div a { font-size: 14px!important; } /* 文章页 */ .article_content { margin: 40px 100px } .article_title { padding-bottom: 20px; border-bottom: 1px solid #b7b7b7 } .article_title h1 { font-size: 25px; text-align: center; color: #333333; font-weight: normal } .article_title h2 { font-size: 20px; text-align: center; color: #333333; font-weight: normal } .source { text-align: center } .source p { line-height: 50px; font-size: 15px; color: #999999; } .source .font { line-height: 50px; font-size: 15px; color: #333333 } #zoom { font-size: 16px; margin-bottom: 40px } #zoom p { color: #333333; text-indent: 2em; line-height: 30px; margin: 15px 0; font-family: "宋体" } .share { height: 40px; width: 100%; background: #f1f1f1 } .bshare-weixin { background: url(weixin.png) no-repeat!important; display: block!important; width: 24px!important; height: 24px!important; float: left!important; margin: 9px 0 0 10px!important; padding: 0!important; } .bshare-sinaminiblog { background: url(weibo.png) no-repeat!important; display: block!important; width: 24px!important; height: 24px!important; float: left!important; margin: 9px 0 0 10px!important; padding: 0!important; } .bshare-more-icon { margin: 9px 0 0 10px!important; padding-left: 0!important; background: url(bsmore.png) no-repeat!important; display: block!important; width: 20px!important; height: 24px!important; float: left!important; } .print { float: right; width: 55px; margin-right: 20px; background: url("art_pic_01.png") no-repeat left 14px; line-height: 40px; text-align: right } .close { float: right; width: 55px; margin-right: 20px; background: url("art_pic_02.png") no-repeat left 14px; line-height: 40px; text-align: right } .position { height: 20px; background: url("position.png") left 3px no-repeat; padding-left: 25px; margin-bottom: 14px } .position a { line-height: 20px; font-size: 14px; color: #333333 } /* 头部二维码样式 */ .hoverewm { position: relative; overflow: hidden; } .hoverewm:hover { overflow: visible; } .hoverewm div { position: absolute; top: 15px; right: 0; } .hoverewm div img, .hoverewm div { width: 88px; height: 88px; } .main_bx{ clear: both; margin: 0px 20px 40px 20px; padding-top: 20px; } .main_bx .bgdl{ width: 1160px; height: 60px; background: url(bgdl.png) no-repeat 20px 0 #f8f8f8; border: 1px solid #ddd; padding: 0 40px; line-height: 60px; color: #999; } .main_bx .bgdl span.nm{ margin-left: 200px; } .main_bx .bgdl span.pw{ margin-left: 50px; } .main_bx .bgdl input{ padding: 2px 10px; width: 220px; } .main_bx .bgdl .regs{ background-color: #2373c8; color: #fff; padding: 3px 25px; border: 1px solid #2373c8; margin-left: 50px; width: 90px; } .main_bx .bgdl .reset{ background-color: #aeaeae; color: #fff; padding: 3px 25px; border: 1px solid #aeaeae; margin-left: 30px; width: 90px; } .main_bx2_lf{ width: 220px; margin-left: 20px; float: left; } .main_bx2_lf ul li{ height: 65px; line-height: 65px; background-color: #ebebeb; margin-top: 7px; } .main_bx2_lf ul li:first-child{ margin-top: 0px; } .main_bx2_lf ul li b{ display: inline-block; width: 48px; height: 36px; float: left; margin-top: 15px; margin-left: 15px; margin-right: 10px; } .main_bx2_lf ul li a{ color: #333; } .main_bx2_lf ul li:first-child b{ background: url(dl.png) no-repeat; } .main_bx2_lf ul li:nth-child(2) b{ background: url(asd01.png) no-repeat; } .main_bx2_lf ul li:nth-child(3) b{ background: url(asd02.png) no-repeat; } .main_bx2_lf ul li:nth-child(4) b{ background: url(asd03.png) no-repeat; } .main_bx2_lf ul li:nth-child(5) b{ background: url(asd04.png) no-repeat; } .main_bx2_lf ul li:nth-child(6) b{ background: url(asd05.png) no-repeat; } .main_bx2_lf ul li:nth-child(7) b{ background: url(asd06.png) no-repeat; } .main_bx2_lf ul li:nth-child(8) b{ background: url(asd07.png) no-repeat; } .main_bx2_rt{ float: left; margin-left: 20px; width: 920px; } .bx_01{ float: left; width: 450px; } .bx_01 p.til{ width: 100%; border-bottom: 1px solid #ddd; line-height: 30px; } .bx_01 p span{ font-size: 20px; font-weight: bold; border-bottom: 4px solid #2373c8; color: #666; } .bx_01 p a{ float: right; color: #999; } .cont dl{ float: right; margin-top: 20px; } .cont dl dd{ text-align: center; line-height: 35px; } .cont ol{ clear: both; } .cont ul{ float: left; padding-top: 10px; } .cont ul li,.cont ol li{ line-height: 32px; } .cont ul li a,.cont ol li a{ color: #666; } .cont ul li>b,.cont ol li>b{ background: url(icon_001.png) no-repeat; display: inline-block; width: 3px; height: 3px; float: left; margin-top: 15px; margin-right: 8px; } .cont ol li span{ display: inline-block; width: 55px; } .bx_02{margin-left: 20px;} .bx_03{margin-top: 10px;} .bx_04{margin-top: 10px; margin-left: 20px;} .bx_05{margin-left: 20px; width: 375px;} .link{ clear: both; height: 50px; line-height: 50px; background-color: #dcdcdc; } .cp { width: 1200px; margin: 0 auto; } .friendlink_wrap { line-height: 50px; overflow: hidden; } .friendlink_title { float: left; margin-right: 60px; font-size: 16px; line-height: 50px; } .friendlink_wrap li { float: left; width: 230px; height: 30px; } .friendlink_wrap select { width: 228px; height: 30px; font-size: 13px; line-height: 30px; } .friendlink_wrap li+li { margin-left: 190px; }