锘縝ody, h1, h2, h3, h4, ul, li, a, input { margin: 0; padding: 0; font-family: microsoft yahei; } div, a { font-size: 13px; color: #323232; } h1, h2, h3, h4, p { margin: 0; padding: 0; } img { border: none; vertical-align: middle; } em { font-style: normal; } a { text-decoration: none; } ul, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; } body { overflow-x: hidden; min-width: 1100px; } /**澶撮儴**/ .head { background: url(../images/top_bg.jpg) no-repeat center; height: 265px; } .warp { width: 1100px; margin: 0 auto } .logo { padding-top: 55px; } #nav { background: url(../images/nav_bg.jpg) no-repeat -101px center; height: 65px; line-height: 65px; } .nav { width: 1160px; margin: 0 auto; height: 65px; } .nav ul { margin-left: 10px; } .nav ul li { float: left; width: 113px; height: 65px; line-height: 65px; text-align: center; } .nav ul li a { color: #fff; font-size: 16px; text-align: center; display: block; width: 113px; } .nav ul li a:hover, .nav ul li a.hover { color: #fedf22; width: 113px; } .nav ul li ul { display: none; z-index: 1; } .nav ul li ul li { height: 35px; line-height: 35px; border-top: #a50000 1px solid; background: #b20000; text-align: center; } .nav ul li:hover ul { display: block; position: relative; top: 0px; min-width: 100px; left: -12px; } .nav ul li:hover ul li a { width: 100px; text-align: center; height: 35px; line-height: 35px; font-size: 13px; color: #fff; font-size: 15px; } .nav ul li:hover ul li a:hover { color: #fff; background: none; } .borderleft { border-left: 1px solid #e9e9e9; } .top { border-top: 1px solid #f2f2f2; } #tianqi { background: #f6f6f6; height: auto; overflow: hidden; padding: 15px 0; } .tianqi_l { width: 540px; float: left; } .search { width: 360px; float: right; position: relative; } .kuan input { width: 260px; height: 35px; border: 1px solid #c0c0c0; float: left; padding-left: 10px; border-radius: 5px; } .an input { width: 68px; height: 35px; background: url(../images/search.png) no-repeat; border: none; position: absolute; right: 30px; top: 0; } .con1, .con2, .con4, .con5, .con6 { margin-top: 45px; height: auto; overflow: hidden; } .con2_l { width: 675px; float: left; } .con1_l { width: 831px; float: left; } .con1_l_t { background: url(../images/tu1.png) no-repeat left top; padding-left: 45px; font-size: 22px; color: #241717; position: relative; height: 40px; border-bottom: 1px solid #d1d1d1; } .more { position: absolute; top: 12px; right: 10px; } .more a { font-size: 13px; color: #ca0000; } #myFocus { width: 366px; height: 271px; } .con1_l_u { margin-top: 30px; height: auto; overflow: hidden; } .con1_gz_t_n { height: auto; overflow: hidden; width: 366px; height: 271px; float: left; } .con1_gz_t { margin-top: 30px; height: auto; overflow: hidden; } .con1_gz_t_l { width: 272px; height: 161px; float: left; margin-left: 20px; } .con1_gz_t_l img { width: 272px; height: 161px; } .con1_gz_t_l { width: 272px; height: 161px; float: left; margin-left: 20px; } .con1_gz_t_l img { width: 272px; height: 161px; } .con1_gz_t_r { width: 340px; float: right; margin-right: 20px; } .con1_gz_t_r em { font-size: 16px; color: #d31820; margin-top: 15px; display: block; } .con1_gz_t_r p { font-size: 12px; color: #6a6a6a; line-height: 25px; margin-top: 10px; } .con1_gz_u { width: 438px; float: left; margin-left: 20px; } .con1_gz_u ul li { height: 33px; line-height: 33px; border-bottom: 1px dashed #eaeaea; background: url(../images/ss.png) no-repeat left center; padding-left: 30px; position: relative; } .con1_gz_u ul li a { font-size: 13px; color: #3f3f3f; } .con1_gz_u ul li span { position: absolute; right: 20px; top: 0; font-size: 13px; color: #555555; } .con1_r_j { width: 253px; float: right; padding-top: 37px; } .con1_r_j ul li { margin-bottom: 10px; } .con1_r_j ul li img { width: 233px; height: 69px; } .con1_r { width: 383px; float: right; } .slb .hd { position: relative; } .slb .hd ul, .slb .hd ul li, .slb .hd ul li a, .slb .hd span { height: 42px; } .slb .hd ul { float: left; height: 42px; border-bottom: #d1d1d1 2px solid; width: 346px; background: url(../images/tu2.png) no-repeat left; padding-left: 35px; } .slb .hd ul li { float: left; width: 135px; height: 42px; } .slb .hd ul li a { display: block; font-size: 21px; line-height: 42px; width: 135px; text-align: center; color: #565656; font-weight: normal; } .slb .hd ul li.on a { color: #565656; border-bottom: 2px solid #d31820; } .slb .hd span { display: block; float: right; line-height: 43px; background: url(../images/span.png) no-repeat right center; margin-right: 15px; padding-right: 20px; } .slb .bd { padding: 20px 0 0; } .slb .bd .bdlist { height: auto; } .slb .bd .bdlstl { float: left; width: 198px; padding-top: 5px; } .slb .bd .bdlstl img { } .slb .bd .bdlstr { float: left; } .newsrt { width: 383px; margin-top: 20px; } /*.con2lt img{ width: 204px;height: 136px; border:#e3e3e3 10px solid; margin:27px 0px 0px 20px; }*/ .newsrt_img { margin: 10px 0px 0px 0px; width: 382px; } .newsrt_img img { width: 382px; height: 145px; } .newsrtt { width: 383px; font-size: 13px; color: #3f3f3f; line-height: 26px; text-indent: 2em; margin-top: 10px; } .con2_l_t { background: url(../images/tu3.png) no-repeat left top; padding-left: 30px; } .con2_zy_t { margin-top: 30px; height: auto; overflow: hidden; } .con2_zy_t em { font-size: 14px; color: #c20000; } .con2_zy_t p { font-size: 12px; color: #828181; line-height: 25px; margin-top: 10px; } .con2_zy_u { margin-top: 15px; } .con2_zy_u ul li { line-height: 30px; background: url(../images/yy.png) no-repeat left; padding-left: 25px; position: relative; } .con2_zy_u ul li a { font-size: 13px; color: #3f3f3f; } .con2_zy_u ul li span { position: absolute; right: 10px; top: 0; color: #8d8d8d; font-size: 13px; } .con2_r { } .con2_r_t { background: url(../images/tu4.png) no-repeat left 3px; padding-left: 40px; } .con2_r ul { margin-top: 30px; } .con2_r ul li { background: url(../images/yy.png) no-repeat left; line-height: 30px; position: relative; padding-left: 25px; } .con2_r ul li a { font-size: 13px; color: #3f3f3f; } .con2_r ul li span { position: absolute; right: 10px; top: 0; font-size: 13px; color: #8d8d8d; } .con3 { margin-top: 45px; height: auto; overflow: hidden; } .con3 ul li { width: 253px; float: left; margin-left: 15px; } .con3 ul li img { padding: 3px 4px; border: 2px solid #cddef5; border-radius: 5px; } .con4_l { width: 640px; float: left; } .con4_l_t { background: url(../images/tu5.png) no-repeat left top; padding-left: 36px; } .con4_l_x { width: 410px; position: absolute; top: 8px; right: 94px; } .con4_l_x ul li { background: url(../images/li_bg.png) no-repeat right; float: left; padding: 0 5px; } .con4_l_x ul li a { font-size: 14px; color: #656565; } .con4_gz_u { margin-top: 30px; } .con4_gz_u ul li { height: 33px; line-height: 33px; border-bottom: 1px dashed #eaeaea; background: url(../images/ss.png) no-repeat left center; padding-left: 30px; position: relative; } .con4_gz_u ul li a { font-size: 13px; color: #3f3f3f; } .con4_gz_u ul li span { position: absolute; right: 20px; top: 0; font-size: 13px; color: #555555; } .con4_xz_t { margin-top: 30px; height: auto; overflow: hidden; background: #eeeeee; } .con4_xz_t_l { width: 272px; height: 161px; float: left; } .con4_xz_t_l img { width: 272px; height: 161px; } .con4_xz_t_r { width: 318px; float: right; margin-right: 20px; } .con4_xz_t_r em { font-size: 16px; color: #151616; margin-top: 35px; display: block; } .con4_xz_t_r p { font-size: 12px; color: #6a6a6a; line-height: 25px; margin-top: 10px; } .con4_xz_u { margin-top: 30px; margin-left: 20px; } .con4_xz_u ul li { height: 35px; line-height: 35px; border-bottom: 1px dashed #eaeaea; background: url(../images/ss.png) no-repeat left center; padding-left: 30px; position: relative; } .con4_xz_u ul li a { font-size: 13px; color: #3f3f3f; } .con4_xz_u ul li span { position: absolute; right: 10px; top: 0; font-size: 13px; color: #555555; } .con4_r_t { background: url(../images/tu6.png) no-repeat left top; padding-left: 45px; } .con4_r { } .con4_r ul li { background: url(../images/ss.png) no-repeat left; line-height: 37px; } .con5_l { width: 506px; float: left; } .con5_l_t { background: url(../images/tu7.png) no-repeat left top; padding-left: 30px; position: relative; } .con5_l_yd { width: 220px; left: 135px; } .con5_l_yd_u { margin-top: 10px; } .con5_l_yd_u ul li { border-bottom: 1px dashed #e5e5e5; padding: 15px 0; } .con5_l_yd_u ul li em { font-size: 14px; color: #3f3f3f; } .con5_l_yd_u ul li p { font-size: 14px; color: #818080; line-height: 25px; margin-top: 10px; } .con5_r { width: 533px; float: right; } .con5_r_t { background: url(../images/tu8.png) no-repeat left top; padding-left: 38px; } .con5_r_u { margin-top: 20px; } /*鐒︾偣鍥?/ .focus { position: relative; width: 533px; height: 333px; background-color: #000; float: left; } .focus img { width: 533px; height: 333px; } .focus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; } .focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fPic { position: absolute; left: 0px; top: 0px; } .focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 41px; line-height: 41px; background: #201f1f; display: block; text-align: left; opacity: 0.7; } .focus .shadow a { text-decoration: none; color: #fff; font-size: 16px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; } .focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 } .focus .fcon img { display: block; } .focus .fbg { bottom: 20px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; } .focus .fbg div { margin: 15px auto 0; overflow: hidden; zoom: 1; height: 14px } .focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #9c9ea0; } .focus .D1fBt .current, .focus .D1fBt a:hover { background: #e0e1e1; } .focus .D1fBt img { display: none } .focus .D1fBt i { display: none; font-style: normal; } .focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; } .focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; } .focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; } .focus .prev:hover { background-position: 0 0; } .focus .next:hover { background-position: -40px 0; } .con6_t { background: url(../images/tu9.png) no-repeat left top; padding-left: 40px; } .con6_u { margin-top: 35px; } .leftLoop { } .leftLoop .hd { height: 20px; position: relative; } .leftLoop .hd a { display: block; position: absolute; width: 18px; height: 34px; cursor: pointer; position: absolute; top: 80px; z-index: 99; } .leftLoop .bd { width: 1100px; overflow: hidden; margin: 0 auto; } .leftLoop .bd ul { } .leftLoop .bd ul li { float: left; width: 199px; margin-left: 25px; } .leftLoopa .bda ul li a { display: block; text-align: center; float: left; width: 199px; } .leftLoop .bd ul li a img { width: 199px; height: 159px;/*box-shadow:5px 5px #7a5a54; h-shadow v-shadow blur spread color inset;*/ } .leftLoop .bd ul li a:hover { color: #FFF; font-size: 16px; } .leftLoop .bd ul li a p { height: 44px; line-height: 44px; text-align: center; color: #3a3a3a; font-size: 14px; } .flink { margin: 45px auto 0 auto; width: 1100px; height: auto; overflow: hidden; } .flinkl { width: 75px; float: left; height: 33px; line-height: 33px; font-size: 14px; color: #ca0000; padding-left: 45px; } .flinkr { width: 966px; float: right; margin-top: 10px; } .flinkr a { display: block; margin: 0 6px; float: left; padding: 0 20px; } SELECT { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px } SELECT { BOX-SIZING: content-box; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #dcdcdc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 1px; border-radius: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) } OPTION { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px; text-align: center; } .footer-select { } .footer_sel { BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; LINE-HEIGHT: 22px; WIDTH: 135px; HEIGHT: 22px; COLOR: #403f3f; BORDER-TOP: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid; float: left; text-align: center; margin-left: 15px; } .clearboth { clear: both } .footer { background: url(../images/footer_bg.png) no-repeat center top; padding: 20px 0; text-align: center; color: #fff; font-size: 13px; line-height: 25px; margin-top: 60px; } .footer a{color:#fff;} /**鍒楄〃椤?*/ .fy_con { margin-top: 45px; padding: 0 0 20px 15px; border: 1px solid #f2f2f2; height: auto; overflow: hidden; } .fy_con_l { width: 750px; float: left; padding-top: 20px; } .fy_con_l_t { height: 44px; background: #f6f7fb; border-bottom: 1px solid #ecf0f6; line-height: 45px; font-size: 18px; color: #231717; padding-left: 20px; } .fy_con_l_zt { margin-top: 30px; height: auto; overflow: hidden; } .fy_gz_t_l { width: 510px; } .fy_gz_t_l em { margin-top: 9px; } .fy_gz_t_l_img { margin-left: 0; } .fy_gz_t_l_img, .fy_gz_t_l_img img { width: 183px; height: 121px; } .fy_con_l_u { margin-top: 30px; } .fy_con_l_u ul li { background: url(../images/hss.png) no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; position: relative; border-bottom: 1px dashed #d3d2d2 } .fy_con_l_u ul li a { font-size: 14px; color: #3f3f3f; } .fy_con_l_u ul li span { position: absolute; top: 0; right: 15px; font-size: 14px; color: #515153; } .fy_con_r { width: 319px; float: right; background: #f6f7fb; border-left: 1px solid #f0f0f1; padding-bottom: 90px; } .fy_con_r_1 { height: auto; overflow: hidden; } .fy_con_r_1_t { height: 80px; line-height: 80px; background: url(../images/tu4.png) no-repeat 35px center; font-size: 22px; color: #060001; padding-left: 75px; border-bottom: 2px solid #eaeaec; border-top: 5px #d31820 solid; } .fy_con_r_1_u { } .fy_con_r_1_u ul li { height: 50px; line-height: 50px; border-bottom: 2px solid #eaeaec; } .fy_con_r_1_u ul li a { font-size: 18px; color: #231717; display: block; height: 50px; padding-left: 35px; } .fy_con_r_1_u ul li a:hover, .fy_con_r_1_u ul li a.hover { background: #fff; color: #d31820; } .fy_con_r_2 { width: 255px; margin: 20px auto; } .fy_con_r_2 ul li { border: 5px solid #fff; border-radius: 5px; margin-bottom: 15px; } .fy_con_r_3 { margin-top: 30px; background: url(../images/left_bg.png) no-repeat center top; height: 275px; } .fy_con_r_3_t { padding-left: 30px; padding-top: 30px; height: auto; overflow: hidden; } .fy_con_r_3_t ul a { float: left; display: block; font-size: 16px; color: #d31820; margin-left: 20px; } .fy_con_r_3_t ul a .a1 { color: #000000; } .fy_con_r_3_u { margin: 20px auto 0 auto; width: 238px; height: 166px; position: relative; overflow: hidden; } .fy_con_r_3_u img { width: 238px; height: 166px; } .fy_con_r_3_u p { position: absolute; bottom: 0px; left: 0; background: #101010; opacity: 0.6; color: #fff; height: 30px; line-height: 30px; width: 238px; text-align: center; } .fyconru { width: 750px; height: auto; border-top: none; overflow: hidden; height: auto; margin-bottom: 20px; } .show_t { text-align: center; padding: 25px 0px 0px 0px; border-bottom: #CCC 1px dashed; } .show_t h1 { color: #79461e; margin: 0; font-size: 24px; } .show_t h5 { color: #464646; font-weight: normal; line-height: 20px; margin: 10px auto; width: 220px; height: 20px; overflow: hidden; } .show_c { padding: 10px 15px 10px 15px; color: #464646; border-bottom: #CCC 1px dashed; line-height: 28px; font-size: 14px; } .show_c img { max-width: 800px; padding: 10px 15px 10px 15px; } .show_u { text-align: left; padding: 25px 15px 10px 0px; } .show_u ul li { list-style: none; text-decoration: none; color: #464646; border-bottom: #CCC 1px dashed; height: 40px; line-height: 40px; margin: 0px 20px 0px 20px; } .show_u ul li a { color: #464646; } .show_u ul li a:hover { text-decoration: underline; color: #464646; } .page_conru { color: #464646; padding: 35px 15px 40px 15px; font-size: 14px; line-height: 28px; } .page_conru img { max-width: 800px; padding: 15px 15px 40px 15px; } table { border-collapse: collapse; } /*鍒嗛〉*/ .fenye { text-align: center; margin: 20px 0 30px; } .fenye ul { height: auto; overflow: hidden; } .fenye span, .fenye a { display: inline-block; padding: 0 9px; margin: 0 2px; background: #ddd; border-radius: 2px; height: 26px; line-height: 26px; text-align: center; color: #000; } .fenye span.current { background: #d31820; color: #fff; } .fenye a:hover, .fenye .hover { display: inline-block; color: #fff; background: #d31820; border-color: #d31820; } .chanpin { padding: 30px 0px 20px 0; } .chanpin ul li { margin-left: 21px; float: left; margin-bottom: 2px; } .chanpin ul li a { display: block; text-align: center; color: #545454 } .chanpin ul li a .pic { width: 220px; height: 167px; overflow: hidden; border: 1px solid #d3d3d3; /*border-radius: 1px;*/ display: table-cell; background: #fff; text-align: center; vertical-align: middle; } .chanpin ul li a img { width: 220px; height: 167px; } .chanpin ul li a p { height: 50px; line-height: 50px; } .chanpin ul { height: auto; overflow: hidden; } /**鍦ㄧ嚎鐣欒█**/ .zhi { font-size: 16px; margin-bottom: 15px; } .z_title { font-size: 16px !important; font-weight: bold; margin: 10px 0; } .jian { margin: 15px 0; } .jian p { margin: 5px 0; line-height: 18px; font-size: 12px; color: #8c8c8a; } .message { margin: 28px 0 0 30px; } .message li { height: auto; min-height: 60px; } .message li span { font-size: 14px; color: #333; display: inline-block; text-align: right; padding-right: 5px; padding-bottom: 10px; } .message li input { width: 270px; height: 30px; border: 1px solid #ccc; padding: 0 10px; background: #fff; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .message li input:focus, .message li textarea:focus { border-color: #23c254; outline: 0; } .message textarea { padding: 5px 10px; font-size: 14px; background: #fff; border: 1px solid #ccc; border-radius: 5px; } .message li button { margin: 40px 0 0 285px; width: 100px; height: 30px; background: #81807d; color: #fff; cursor: pointer; border: none; } .code { margin-top: 30px; } .code input { width: 100px !important; } .message li i { color: red; margin-top: 2px; font-style: normal; display: block; float: left; margin-left: 5px; } /*鎼滅储椤甸潰*/ .selected boxGoogleList h3 { font-size: 44px; color: #670d0d; font-weight: normal; } .result ol li .url { color: #008000; } .result { } .result ol { } .result ol li { padding: 10px 15px; } .result ol li h3 { font-weight: normal; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 4px; } .result ol li h3 a { font-size: 16px; color: #98590b; font-weight: bold; } .result ol li p { font-size: 13px; color: #555; } .result ol li p font { font-size: 13px!important; } .noResult { padding: 20px 25px; line-height: 2em; } .sea_h2 { margin-bottom: 10px; } .noResult { } .noResult h3 { margin: 3px 0; } .focus2 { width: 238px; height: 166px; position: relative; } .f970x280 { width: 238px; height: 166px; overflow: hidden; position: relative; } .f970x280 img { width: 238px; height: 166px; } .rslides { width: 238px; position: relative; list-style: none; padding: 0 } .rslides_nav { height: 77px; width: 77px; position: absolute; top: 40%; left: 100px; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: 0px } .rslides_nav:active { } .rslides_nav.next { position: absolute; top: 40%; right: 100px; left: auto; } .rslides_tabs { margin: 0px 0; clear: both; text-align: center; position: absolute; top: 487px; left: 600px; width: 190px; } .rslides_tabs li { display: inline; float: none; _float: left; *float:left; margin-right: 10px; } .rslides_tabs a { text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display:block; width: 14px; height: 14px; border-radius: 50%; } /* 棣栭〉婊氬姩 */ .slideBox { width: 366px; height: 271px; overflow: hidden; position: relative; border: 1px solid #ddd; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .slideBox .hd ul li.on { background: #f00; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 366px; height: 271px; display: block; } /* 棣栭〉婊氬姩 end*/