@charset "utf-8"; * {margin:0; padding:0; list-style:none; } html{_background:url(about:blank);background-attachment:fixed;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend, button,input,textarea,th,td{margin:0;padding:0;} body{ background:#fff url(../images/fy_02.jpg) left top repeat-x; color:#555; font-size:12px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;} ul,li{list-style:none;text-transform:capitalize;} input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', '宋体',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';} button{cursor: pointer;} table{border-collapse:collapse;border-spacing:0;} .clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;} a{color:#555; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;} a:hover{color:#643d41; text-decoration:none;} img{border:none;} #clear{width:100%; height:0px; clear:both;} h2{ font-size:25px; font-weight:600; line-height:80px;} h4{ font-size:14px; font-weight:blod; color:#4b4b4b; line-height:30px;} h3{ font-size:16px; font-weight:500; color:#4b4b4b; line-height:30px;} p{line-height:25px;} ::selection {background:#778690; color:#fff;} ::-moz-selection {background:#778690; color:#fff;} ::-webkit-selection {background:#778690; color:#fff;} #top_wp{width:100%; height:170px; background:url(../images/aa_02.png); position:absolute; top:0px; left:0px; z-index:999; margin:0 auto; } #top{width:1000px; height:126px; margin:0 auto; padding-top:25px;} #topc{width:1000px; height:70px; margin:0 auto;} #topl{width:500px; height:70px; float:left;} #topr{width:380px; height:45px; float:right; text-align:right; padding-top:21px; padding-right:21px;} #topt{width:100%; height:151px;} .s1{width:200px; height:26px; line-height:26px; margin:0; padding:0; padding-left:3px; border:#e0e0e0 1px solid; border-right:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; color:#888} .s1:hover{border:#73b728 1px solid; border-right:none;} .z1{color:#00558e;} .f14{font-size:14px;} #mean_wp{width:100%; height:43px; padding-top:13px;} /*menu*/ #menu {margin:0px auto; display:block; width:1000px; height:43px;} #nav {display:block;} #nav .mainlevel {float:left; text-align:center; display:block; border-right:#1d84e0 1px solid} #nav .mainlevel a{color:#fff; text-decoration:none; width:142px; text-align:center; line-height:43px; height:43px; display:block; font-size:14px; -webkit-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;transition:background 0.3s ease-in;} #nav .mainlevel a:hover {color:#fff; background:#bb1414; text-decoration:none; } #nav .mainlevel ul {position:absolute; display:none; margin-left:0px;background:#fff; padding-bottom:15px; padding-top:10px; z-index:9999;} #nav .mainlevel li {background:#fff; padding:0px;} #nav .mainlevel li a {padding:0px; width:142px; color:#656565; background-image:none; background-color:#fff; font-size:12px; line-height:32px; height:32px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#0873d4;} #banner{width:100%; height:336px; margin:0 auto; padding-top:0px;} .fullSlide {width:100%;position:relative;height:336px; margin:0 auto;background:#fff;} .fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul {width:100% !important;} .fullSlide .bd li {width:100% !important;height:336px;overflow:hidden;text-align:center; background-position:center; background-repeat:no-repeat;} .fullSlide .bd li a {display:block;height:336px;} .fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullSlide .hd ul {text-align:center;} .fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:4px;margin:1px; margin-left:3px; margin-right:3px;overflow:hidden; background-image:url(../images/ber1.png);line-height:999px;} .fullSlide .hd ul .on { background-image:url(../images/ber2.png);} .fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next {left:auto;right:15%;background-position:-6px -137px;} #ban_x{width:100%; height:4px; background-color:#e0eff8;} #ban_xc{width:1000px; height:4px; margin:0 auto; background-color:#52a2d5;} #bannert{width:100%; height:22px; margin:0 auto; background:url(../images/fy_13.png) top center no-repeat;} #cont1{width:100%; height:215px; margin-top:10px;} #cont1c{margin:0 auto; width:990px; height:196px; padding:20px 25px 0px 25px;} #cont1cl{width:465px; height:193px; float:left;} #cont1cr{width:465px; height:193px; float:right;} #ct-p{width:100%; height:38px; line-height:38px;} #ct-pl{float:left; text-align:center; font-weight:bold; font-size:14px; color:#fff;} #ct-pl span{color:#fff; font-weight:normal; margin-left:6px; font-size:12px} #ct-pr{float:right;} #ct-p1{width:100%; height:36px; line-height:36px; background:url(../images/aaa35.jpg) left center no-repeat;} .cc{ background:url(../images/index_13.jpg) left no-repeat;} .aa{width:150px; background:url(../images/laimei_07.jpg) center center no-repeat; text-align:center;} #cont1clc{width:355px; height:129px; margin-top:14px; overflow: hidden; line-height:25px;} #cont1clc img{float:left; height:109px; margin-top:5px; margin-right:10px; border:#e9e9e9 3px solid;} #cont1crc{width:556px; height:119px; margin-top:14px; padding-top:10px;} #cont1crc img{width:118px; height:92px; border:#e9e9e9 5px solid; margin-right:10px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} #cont1crc a:hover img{border:#3b88d7 5px solid;} #cont1cl_content{width:465px; height:100px; padding-top:24px;} #cont1cl_content_c{width:465px; height:100px; overflow:hidden;} #cont1cl_content_c img{float:left; margin-right:10px; height:90px; margin-top:2px; border:#f0f0f0 3px solid;} #cont1cr_content{width:465px; height:100px; padding-top:24px;} #cont1cr_content_c{width:465px; height:100px; overflow:hidden;} #cont1cr_content_c ul{margin:0; padding:0;} #cont1cr_content_c ul li{list-style:none;} #cont1cr_content_c ul a{display:block; width:450px; height:25px; padding-left:15px; overflow:hidden; background: url(../images/libg1.jpg) left no-repeat;} #cont1cr_content_c ul span{float:right; color:#a2a2a2;} #cont2wp{width:100%; height:258px; background:url(../images/ca1.jpg) top center; padding-top:18px; } #cont2{width:1000px; height:258px; margin:0 auto;} #cont2c{width:1000px; height:258px; padding-top:16px; margin:0 auto;} #ps1{width:132px; height:104px; padding-top:28px; text-align:center; background:url(../images/asdf.png); -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} #ps1:hover{ background:url(../images/asdf1.png);} #ps1 img{width:100px; height:75px; } #ps2{width:100px; height:40px; padding-top:6px; line-height:40px; font-size:14px; text-align:center; overflow:hidden;} #pp1{ padding-right:35px;} #ccct{width:1000px; height:22px; margin:0 auto; background:url(../images/index_53.jpg);} #footer{width:100%; min-height:84px; margin-top:15px; padding-top:20px; padding-bottom:10px; background:#f5f5f5 url(../images/aaa_36.jpg) top center repeat-x;} #footerc{width:820px; padding-left:180px; padding-top:15px; color:#757575; margin:0 auto; min-height:74px; background:url(../images/aaa_39.jpg) left center no-repeat;} #footerc a{color:#757575;} #footerc a:hover{color:#007dcc;} /*二级菜单*/ /* common styling */ .menu00 { width:220px; position:relative; margin:0 auto; margin-top:4px; margin-bottom:20px;} .menu00 ul li a, .menu00 ul li a:visited {display:block; width:200px; height:35px; overflow:hidden; line-height:35px; padding-left:20px; margin-top:6px; background:#f0f0f0; font-size:14px;border-radius:2px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} .menu00 ul {padding:0; margin:0;list-style-type: none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} .menu00 ul li {float:left; margin-right:1px; position:relative; z-index:99} .menu00 ul li ul {display: none; box-shadow:0 0px 0px #d0d0d0; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} /* specific to non IE browsers */ .menu00 ul li:hover a {display:block; width:200px; height:35px; line-height:35px; padding-left:20px; margin-top:6px;color:#fff; background:#999;font-size:14px;border-radius:2px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} .menu00 ul li:hover a:hover{background:#bb2300; color:#fff; box-shadow:0 0px 8px #d0d0d0;border-radius:2px;} .menu00 ul li:hover ul {display:block; position:absolute; top:0; left:220px; width:220px; } .menu00 ul li:hover ul li a.hide {color:#fff; background:#3e4651; } .menu00 ul li:hover ul li:hover a.hide {color:#fff; background:#3e4651;} .menu00 ul li:hover ul li ul {display: none;} .menu00 ul li:hover ul li a {display:block; color:#444; width:200px; height:35px; line-height:35px; padding-left:20px; margin-top:6px; background:#f0f0f0; font-size:14px;border-radius:0px; } .menu00 ul li:hover ul li a:hover {color:#fff; background:#bb2300; } .menu00 ul li:hover ul li:hover ul {display:block; position:absolute; left:240px; top:0;} #bannera{width:100%; height:220px; margin:0 auto; background-color:#ededed; background-position:top center; background-repeat:no-repeat; margin-top:0px; margin-bottom:0px; padding-bottom:0px; border-bottom:#f0f0f0 3px solid;} #main{width:1000px; margin:0 auto; margin-top:0px; padding-bottom:20px; padding-top:15px; background:url(../images/xx5.jpg) top center no-repeat;} #main-l{width:220px; float:left; background-color:#fff;} #main-r{width:750px; float:right; background-color:#fff;} #main-r img{max-width:740px;} #mla{width:200px; height:48px; padding-left:0px; font-size:15px; font-weight:bold; color:#fff; line-height:48px; border-bottom:#e5e5e5 1px solid; background:url(../images/a11.jpg) left center no-repeat; padding-left:20px;} #mla span{ font-size:14px;color:#9a9a9a; margin-left:5px; font-weight:normal;} #mlb{width:220px; margin:0 auto; margin-top:10px;} #mlb ul{margin:0; padding:0;} #mlb ul li{list-style:none;} #mlb ul a{display:block; width:185px; height:30px; padding-left:45px; line-height:33px; background-image:url(../images/ml1.jpg); margin-bottom:6px;} #mlb ul a:hover{color:#970c10;background-image:url(../images/ml2.jpg);} #mlc{width:220px; height:80px; margin:0 auto; margin-top:20px; padding-top:10px; border-top:#f0f0f0 1px solid;} /*菜单*/ #mclc{width:220px; margin:0 auto; padding-top:2px; background-color:#f5f5f5; padding-bottom:20px;} #mclc ul{margin:0; padding:0;} #mclc ul li{list-style:none;} #mclc ul a{display:block; width:180px; height:35px; margin:0 auto; line-height:35px; overflow:hidden; padding-left:20px; margin-top:3px; padding-bottom:3px; background:#f5f5f5; border-bottom:#e0e0e0 1px solid; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;} #mclc ul a:hover{ background:url(../images/a5.png) top center no-repeat; color:#fff; } #mlbA{width:220px; margin:0 auto; margin-top:10px;} #mlct{width:220px; height:10px;} #mmcrarc{width:190px; min-height:100px; padding:15px; padding-top:85px; background:#f5f5f5 url(../images/ayuanlim_112.jpg) top no-repeat;} #cct{width:210px; height:42px; line-height:42px; font-size:14px; color:#fff; font-weight:bold; padding-left:10px; background:url(../images/a11.jpg) top center no-repeat; border-top:#166fbe 0px solid;} #cct #ctl{ margin-left:10px; line-height:42px; font-size:14px;} #mra{width:700px; height:48px; background-image:url(../images/rt.png); background-position:bottom; background-repeat:no-repeat; line-height:48px; padding:0px 30px 0px 20px;} #mral{float:left;font-size:16px; color:#0b63b2;} #mrar{float:right; height:40px; line-height:40px; margin-top:6px; font-size:12px; color:#989898; background-image:url(../images/hom1.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px;} #mrb{width:730px; margin:0 auto; line-height:28px; padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px;} #mrb-new{width:728px; margin:0 auto; } #mrb-new ul{margin:0; padding:0;} #mrb-new ul li{list-style:none;} #mrb-new ul a{display:block; width:705px; padding-left:15px; height:34px; line-height:34px; font-size:14px; margin-top:6px; border-bottom:#e8e8e8 1px dashed; background-image:url(../images/libg.jpg); background-position:left; background-repeat:no-repeat;} #mrb-new ul span{float:right; color:#a0a0a0; font-size:12px;} #nextpage{width:708px; height:30px; line-height:15px; margin:0 auto; margin-top:15px; text-align:center} #nextpage a{display:block; height:15px; float:left; padding:3px; padding-left:7px; padding-right:7px; border:#e0e0e0 1px solid; margin-right:4px;} #nextpage a:hover{color:#fff; background-color:#c31b1b; text-decoration:none;border:#c31b1b 1px solid;} #nextpagecon{height:40px; margin:0 auto;} #info-T{width:728px; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:18px; font-weight:bold;} #info-M{width:728px; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;} #info-C{width:728px; line-height:26px; margin-top:10px; font-size:14px;} #info-N{width:728px; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;} #info-C1{width:728px; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;} #big{width:728px; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;} #big img{height:380px; max-width:728px;} /*解决方案*/ #mrb-sl{width:728px; margin:0 auto; } #mrb-sl ul{margin:0; padding:0;} #mrb-sl ul li{list-style:none; float:left;} #mrb-sl ul a{display:block; width:320px; padding-left:15px; height:26px; line-height:26px; margin-top:6px; margin-left:10px;margin-right:10px; border-bottom:#e2e2e2 1px dotted; background-image:url(../images/libg1.jpg); background-position:left; background-repeat:no-repeat;} #mrb-pro{width:728px; margin:0 auto; } #mrb-proc{width:728px; height:140px; margin:0 auto; margin-top:20px; margin-bottom:20px; border-bottom:#e8e8e8 1px solid; padding-bottom:10px;} #mrb-proc-l{ width:160px; height:140px; float:left; text-align:center;} #mrb-proc-l img{max-width:160px; max-height:140px;} #mrb-proc-r{width:548px; height:140px; float:right;} #mrb-proc-ra{width:548px; height:30px; line-height:30px; font-size:14px; font-weight:bold;} #mrb-proc-rb{width:548px; height:75px; margin-top:2px; margin-bottom:3px; overflow:hidden; line-height:25px;} #mrb-proc-rc{width:548px; height:30px;} #mrb-proc-rc a{ display:block; width:120px; height:30px; line-height:30px; text-align:center; background-image:url(../images/k1.jpg)} #mrb-proc-rc a:hover{background-image:url(../images/k11.jpg); color:#fff;} #mrb-proc-rca1{width:548px; height:30px;} #mrb-procD{width:728px; height:140px; margin:0 auto; margin-top:20px; margin-bottom:10px; border-bottom:#e8e8e8 1px solid; padding-bottom:10px;} #mrb-proct{width:728px; margin:0 auto; margin-top:0px; line-height:25px;} /*二级菜单*/ #main-left-L-PT{width:225px; background-color:#ececec;} #menu1{margin:0; padding:0} #menu1 li{list-style:none;} #menu1 li a{display:block; width:205px; height:30px; padding-left:25px; line-height:30px; background-color:#f6f6f6; margin-bottom:4px;} #menu1 li a:hover{color:#fff; background-color:#eaad0a;} #menu1 li span{margin-left:10px;} #menu1 li ul{margin:0; padding:0;} #menu1 li ul li{list-style:none;} #menu1 li ul a{display:block; width:205px; height:27px; padding-left:25px; line-height:27px; background-color:#fbfbfb; margin-bottom:4px;} #menu1 li ul a:hover{color:#fff; background-color:#cb3556;} #menu1 li ul span{margin-left:10px;} #Cmrb-proc{width:728px; height:115px; margin:0 auto; margin-top:20px; margin-bottom:20px; border-bottom:#f0f0f0 1px solid; padding-bottom:10px;} #Cmrb-proc-l{ width:124px; height:99px; float:left; text-align:center; padding:8px;} #Cmrb-proc-l img{max-width:120px; max-height:95px;} #Cmrb-proc-r{width:568px; height:115px; float:right;} #Cmrb-proc-ra{width:568px; height:30px; line-height:30px; font-size:14px; font-weight:bold;} #Cmrb-proc-rb{width:568px; height:50px; margin-top:2px; margin-bottom:3px; overflow:hidden; line-height:25px;} #Cmrb-proc-rc{width:568px; height:30px;} #jb_wp{width:720px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; background-color:#f8f8f8; border-bottom:#f0f0f0 3px solid; margin-bottom:30px;} #job-M{width:728px; line-height:28px; margin-top:10px;} #job-M b{font-size:12x;} dl,dt,dd{padding:0;margin:0} .faqs{padding-top:0px} .faqs dt{ display:block; width:720px; height:16px; line-height:16px; background-color:#fafafa;position:relative; padding:10px 20px 10px 20px;border-bottom:#f0f0f0 3px solid; margin-bottom:10px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} .faqs dt:hover{cursor:pointer; background-color:#20a8cb;border-bottom:#1a849f 3px solid; color:#fff} .faqs dd{ padding:0px 20px 10px 20px;position:relative; margin-bottom:0px;} .faqs .hover{} /*案例作品设计师*/ #main-r_mst{ width:728px; margin:0 auto; padding-bottom:20px;} #main-r_mst ul{margin:0; padding:0;} #main-r_mst ul li{list-style:none; display:block; width:210px; height:180px; float:left; line-height:20px; text-align:center; margin:12px; margin-top:8px; margin-bottom:8px;} #main-r_mst ul img{width:200px; height:145px; border:#f6f6f6 5px solid;} #main-r_mst_dt{width:728px; height:165px; margin:0 auto; padding-bottom:20px; padding-top:5px;} #main-r_mst_dtl{width:202px; height:152px; background-color:#f0f0f0; padding:4px; float:left;} #main-r_mst_dtl img{width:202px; height:152px;} #main-r_mst_dtr{width:500px; height:150px; float:right; line-height:30px; overflow:hidden;} #main-r_mst_dtr b{font-size:15px; font-weight:bold;} #main-r_mst_dc{width:720px; margin:0 auto; line-height:26px;} #main-r_mst_dt_sl{width:728px; min-height:60px; border-bottom:#e5e5e5 1px solid; margin:0 auto; margin-bottom:15px; padding-bottom:15px; padding-top:5px;} #main-r_mst_dt_sl b{font-size:15px; line-height:30px;} /*回顶部*/ #backToTop{ position:fixed; _position:absolute; bottom:50px; right:0; z-index:999999; display:none; } a.backToTop_a{ background:url(../images/7_08.png) no-repeat; width:68px; height:79px; display:block; } a.backToTop_a:active{ background:url(../images/7_11.png) no-repeat; } .line91{ line-height:91px; } .b1{width:310px; height:28px; line-height:28px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; } .b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; } .b2{width:410px; height:120px; line-height:28px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; } .b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9; } .b3{width:80px; height:28px; line-height:28px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; } .b3:hover{border:#ecedef 1px solid; background-color:#f7f8f9; } .b4{ background-color:#fff;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; } .b4:hover{ background-color:#000; } #cd-wp{width:730px; height:195px; padding-top:10px;} #cd-wpl{ width:188px; height:155px; float:left; background:#f0f0f0; padding:5px; text-align:center; line-height:40px;} #cd-wpr{width:510px; height:155px; float:right; padding-top:3px; padding-bottom:5px; overflow:hidden; color:#898989; line-height:27px;} #cd-wpr b{ font-size:16px; line-height:35px; color:#565656} #cd-wpr1{width:510px; height:115px; overflow:hidden;} #cd-wpr2{width:510px; height:35px; padding-top:5px;} #cd-wpr2 ul li{float:left; margin-right:12px;} #cd-ct{width:730px; margin:0 auto; padding-bottom:10px; border-top:#f0f0f0 1px solid; padding:10px;} #bb-z{width:720px; height:40px; padding-left:5px; padding-right:5px; line-height:40px; font-size:16px; font-weight:bold; padding-top:20px;} #mpmp{ width:728px; margin:0 auto; padding-bottom:20px;} #mpmp ul{margin:0; padding:0;} #mpmp ul li{list-style:none; display:block; width:216px; height:210px; float:left; line-height:20px; text-align:center; margin:13px; margin-top:8px; margin-bottom:8px;} #mpa{width:208px; height:170px; background-color:#fff; border:#e2e2e2 1px solid; padding:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; font-weight:bold;} #mpa:hover{background-color:#0d6dc3; border-radius:2px; border:#0d6dc3 1px solid; } #mpa img{width:208px; height:170px;} #mpb{width:210px; height:37px; padding-top:6px; line-height:20px; font-size:14px; text-align:center;}