ul, li, p { margin: 0; padding: 0; } /*PC版样式*/ @media screen and (min-width: 736px) { .mnavlist { display: none; } .header { width: 1200px; height: 120px; margin: 0 auto; position: relative; } .fr { float: right; position: relative; } .logo { margin-top: 29px; } .headerul { float: left; margin-top: 16px; height: 54px; line-height: 54px; margin-right: 10px; } .headerli { padding: 0 6px; float: left; } .headerli a { color: #999; font-size: 14px; } .inp { float: right; margin-top: 26px; position: relative; width: 174px; height: 30px; background: #efefef; } .inp input { background: none; } .input { width: 124px; height: 100%; border: none; font-size: 14px; padding: 0; position: absolute; top: 0; left: 0; text-indent: 12px; outline: none; } .btn { width: 44px; height: 100%; border: none; font-size: 14px; padding: 0; float: right; background: url(btn.png) no-repeat!important; background-position: center!important; } .colul { width: 705px; height: 65px; line-height: 65px; position: absolute; bottom: 2px; right: -20px; margin: 0; } .colli { margin: 0 20px; float: left; } .colli a { color: #333; } .colli:hover { border-bottom: 2px solid #4372b0; cursor: pointer; } .colli:hover a { color: #4372b0; } .banner { width: 100%; height: 430px; position: relative; margin-bottom: 20px; overflow: hidden; } .bannerimgbox { width: 100%; height: 100%; position: relative; } .bannerimgli { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s; overflow: hidden; cursor: pointer; } .bannerimgli img { height: 100%; cursor: pointer; } .bannerimgli1 { opacity: 1; transition: all 0.5s; } .bannerbtnbox { width: 1200px; height: 34px; margin: 0 auto; position: relative; z-index: 11; top: -34px; } .bannerul { width: 106px; height: 14px; margin: 0 auto; } .bannerli { width: 14px; height: 14px; border-radius: 50%; float: left; margin-right: 12px; background: #fff; cursor: pointer; } .bannerli:hover { background: #e2001e; } .bannerli1 { background: #e2001e; } /*底部*/ .cp { width: 1200px; height: 50px; margin: 0 auto; clear: both; } .cp-left { float: left; height: 50px; line-height: 50px; } .cp-left span { width: 1px; background: url(icon3.png) left 19px no-repeat; width: 1px; height: 50px; margin: 0 12px; float: left; display: block; } .cp-right { float: right; height: 50px; line-height: 50px; } .cp-left a { display: block; float: left; } .cp-left a, .cp-right p, .cp-right a { font-size: 14px; color: #333; } .cpa { margin-left: 25px; margin-right: 20px; } .bluebj { width: 100%; height: 110px; background: #ebf9ff; margin-top: 50px; } .footerul { width: 760px; height: 40px; line-height: 13px; padding-top: 20px; margin: 0 auto; overflow: hidden; } .footerul li { float: left; height: 14px; padding: 0 20px; border-right: 1px solid #4372b0; } .footerul li a { color: #4372b0; } .footerul li:last-child { border-right: none; } .dizhi { font-size: 14px; color: #333; width: 1200; height: 24px; line-height: 24px; text-align: center; } /*置顶信息开始*/ .zhidingzhi { width: 1200px; height: auto; margin: 0 auto; } .zhidingzhi p { width: 1200px; text-align: center; font-size: 38px; } .zhidingzhi p a { color: #e90a0a; font-weight: bold; line-height: 60px; } /*置顶信息结束*/ /*底部*/ /*小轮播*/ .lunbobox { width: 1200px; height: 410px; margin: 0 auto; position: relative; } .lunboleft { width: 590px; height: 390px; position: absolute; bottom: 0; left: 0; } .lunboright { width: 585px; height: 100%; float: right; } .lunboul { width: 100%; height: 100%; position: relative; } .lunboli { width: 100%; height: 100%; float: left; position: absolute; opacity: 0; } .lunboli img { width: 100%; height: 100%; cursor: pointer; } .lunboli1 { opacity: 1; transition: all 0.3s; } .lunboaul { width: 100%; height: 52px; line-height: 52px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; } .lunboali { float: left; display: none; } .lunboali1 { display: block; } .lunboaul a { font-size: 16px; color: #fff; margin-left: 10px; } .lunbobtnul { width: 96px; height: 52px; padding-top: 19px; position: absolute; bottom: 0; right: 0; z-index: 111; } .lunbobtnli { width: 16px; height: 16px; border-radius: 50%; float: left; margin-right: 6px; background: #fff; cursor: pointer; } .lunbobtnli:hover { background: #144990; } .lunbobtnli1 { background: #144990; } /*小轮播*/ /*铁建要闻*/ .guoziyaowen { display: none; } .yaowenul li { height: 36px; line-height: 36px; background: url(icon.png) no-repeat left 16px; } .yaowenul li span { display: block; float: right; } .yaowenul li a { color: #333; font-size: 16px; margin-left: 22px; } .yaowenbox { border: 1px solid #dbdcde; padding: 10px 20px; height: 350px; } .dabt { height: 60px; line-height: 60px; border-bottom: 1px dashed #dbdcde; font-size: 22px; text-align: center; margin-bottom: 10px; } .dabt a { color: #4372b0; } .yaowenh1, .yaowenh2 { float: left; cursor: pointer; font-size: 20px; } .yaowenh { height: 60px; line-height: 60px; } .yaowenh1 a, .yaowenh2 a, .yaowenh4 a, .yaowenh5 a { color: #333; } .yaowenh5 { float: left; cursor: pointer; font-size: 20px; margin-left: 25px; } .yaowenh1:hover, .yaowenh2:hover, .yaowenh4:hover, .yaowenh5:hover{ background: #d8f3ff; } .gd, .gd1, .gd2, .gd3, .gd4 { float: right; } .gd a, .gd1 a, .gd2 a, .gd3 a, .gd4 a { color: #999; } .gd2, .gd3, .gd4 { display: none; } .yaowenh3 { font-size: 20px; color: #4372b0; font-weight: bold; } .yaowenh1 { margin-right: 25px; } .zongshuji { display: none; } /*选项卡*/ .xxk { width: 1200px; height: 50px; border-radius: 8px; border: 1px solid #4c8bb7; margin: 0 auto; overflow: hidden; margin-bottom: 30px; } .xxkli { float: left; height: 100%; } .xxkli p { display: block; height: 19px; padding: 0 25px; font-size: 18px; color: #4c8bb7; border-right: 1px solid #4c8bb7; margin-top: 15px; line-height: 20px; cursor: pointer; } .xxkli:first-child p { padding: 0 38px; } .xxkli:last-child p { padding: 0 37px 0 25px; border-right: none!important; } .xxkli1 p { color: #fff; font-weight: bold; } .xxkli1 { background: #4c8bb7; } .xxkimgbox { width: 1200px; height: 310px; margin: 0 auto; position: relative; } .xxkimgli { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .xxkimgli1 { display: block; } .xxkleft { width: 590px; height: 310px; float: left; } .xxkright { width: 590px; height: 310px; float: right; } .xxkleftbox { width: 590px; height: 310px; position: relative; } .xxkrightbox { width: 286px; height: 146px; float: left; position: relative; margin-bottom: 18px; } .xxkrightbox p, .xxkleftbox p { width: 100%; height: 45px; padding-left: 20px; background: rgba(0, 0, 0, 0.7); color: #fff; position: absolute; bottom: 0; left: 0; line-height: 45px; } .xxkrightbox img, .xxkleftbox img { width: 100%; height: 100%; cursor: pointer; } .xxkrightbox:nth-child(1) { margin-right: 18px; } .xxkrightbox:nth-child(3) { margin-right: 18px; } /*中间内容*/ .content { width: 1200px; height: 810px; margin: 0 auto; padding-top: 20px; padding-bottom: 50px; } .contentleft { width: 790px; height: 100%; float: left; } .contentright { width: 380px; height: 100%; float: right; } .dangtop { width: 100%; height: 460px; } .dangbottom { width: 100%; height: 280px; padding-top: 10px; } .dangleft { width: 380px; height: 100%; float: left; } .dangright { width: 380px; height: 100%; float: right; } .dangh1 { width: 100%; height: 60px; line-height: 60px; } .dangh1 p { font-size: 20px; color: #4372b0; font-weight: bold; float: left; } .dangimg { width: 100%; height: 225px; margin-bottom: 30px; cursor: pointer; } .jujiaoleft { width: 380px; height: 100%; float: left; } .jujiaoleft img { width: 100%; height: 220px; cursor: pointer; } .jujiaoright { width: 380px; height: 100%; float: right; } .dangul li { height: 36px; line-height: 36px; } .dangul li span { display: block; float: right; } .dangul li a { color: #333; font-size: 16px; } .yejiul { display: none; } .yejiul1 { display: block; } .yejiul li { height: 36px; line-height: 36px; } .yejiul li span { display: block; float: right; } .yejiul li a { color: #333; font-size: 16px; } .tzbox { width: 380px; height: 190px; margin-bottom: 5px; position: relative; } .gupiaobtbox { width: 40px; height: 190px; position: absolute; top: 0; right: 0; } .agubt { background: #e2effe; font-size: 16px; color: #4372b0; text-align: center; padding: 25px 10px; width: 40px; height: 95px; cursor: pointer; } .agu { width: 340px; height: 190px; display: none; position: absolute; top: 0; left: 0; } .hgu { display: block; } .agu img, .hgu img { width: 340px; height: 190px; } .hgubt { color: #fff; background: #4372b0; } .dangh2 { width: 100%; height: 60px; line-height: 60px; } .dangh2 .p { font-size: 20px; color: #333; float: left; margin-right: 30px; cursor: pointer; } .dangh2 .p1 { color: #4372b0; font-weight: bold; } .zhuantiimg { margin-bottom: 20px; width: 380px; height: 100px; } .mnav { display: none; } /*工程栏目页*/ .gcbanner { width: 100%; height: 380px; background: url(banner2.jpg) no-repeat center; } .gcbannerbt { width: 1200px; height: 380px; line-height: 380px; color: #fefefe; font-size: 36px; font-weight: bold; margin: 0 auto; } .gcnav { width: 100%; height: 60px; border-bottom: 1px solid #e6e6e6; } .gcnavbox { width: 1200px; height: 60px; background: url(crcc.jpg) no-repeat 0 center; margin: 0 auto; } .gch4 { float: left; height: 60px; line-height: 60px; font-size: 24px; color: #4372b0; font-weight: bold; } .gcul { float: right; } .gcli { float: left; padding: 0 10px; height: 60px; line-height: 60px; font-size: 16px; } .gcli a { color: #333; } .gcli1 { background: #f5f5f5; border-bottom: 2px solid #4372b0; } .gcli:hover { background: #f5f5f5; border-bottom: 2px solid #4372b0; } .dangqianweizhi { height: 40px; width: 1200px; margin: 0 auto; text-align: right; padding-top: 20px; } .dangqianbox { width: auto; height: 20px; line-height: 20px; float: right; background: url(position.png) no-repeat 0 center; padding-left: 30px; } .dangqianbox a { font-size: 14px; color: #333; } .wenzhangzhengwen { width: 1200px; min-height: 300px; margin: 0 auto; } .gcp1 { height: 40px; color: #333; font-size: 24px; font-weight: bold; } .gcp2 { font-size: 16px; color: #333; line-height: 36px; } .gcqiehuanbt { width: 1200px; height: 40px; line-height: 40px; text-align: center; color: #4372b0; font-size: 18px; background: #ecf9ff; margin: 0 auto; margin-bottom: 20px; } .gcqiehuanbox { width: 1200px; height: 766px; margin: 0 auto; margin-bottom: 60px; } .gcqiehuanimgul { width: 1200px; height: 568px; position: relative; } .gcqiehuanimgli { width: 1200px; height: 568px; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s; cursor: pointer; } .gcqiehuanimgli img { width: 100%; height: 100%; cursor: pointer; } .gcqiehuanimgli1 { opacity: 1; transition: all 1s; } .gcbtbox { width: 1200px; height: 60px; margin-bottom: 20px; background: #4372b0; position: relative; } .xiaoqiehuanbox { width: 1200px; height: 110px; overflow: hidden; position: relative; padding: 0 45px; } .gcbtlis { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 18px; color: #fff; line-height: 60px; opacity: 0; transition: all 1s; } .gcbtlis a { color: #fff; } .gcbtlis1 { opacity: 1; transition: all 1s; } .xiaoqiehuanboxcon { width: 11111px; height: 110px; position: absolute; top: 0; left: 45px; } .jt1 { cursor: pointer; z-index: 2222; width: 45px; height: 110px; background: #eaf9fe url(jt1.png) no-repeat center; position: absolute; top: 0; left: 0; border-right: 15px solid #fff; } .jt2 { cursor: pointer; z-index: 2222; width: 30px; height: 110px; background: #eaf9fe url(jt2.png) no-repeat center; position: absolute; top: 0; right: 0; } .xiaobox { width: 215px; height: 110px; float: left; margin-right: 10px; } .xiaobox img { width: 215px; height: 110px; cursor: pointer; } } /*手机版样式*/ @media screen and (max-width: 736px) { .fr, .colul { display: none; } body { padding: 0 2% } .header { width: 100%; height: 80px; position: relative; } .logo { width: 80%; padding: 10px; height: 80px; float: left; } .mnav { display: block; width: 20%; height: 80px; float: right; } .mnav img { width: 100%; } .mnavlist { position: absolute; top: 0; left: 0; width: 100%; z-index: 11111; height: auto; overflow: hidden; background: #eee; padding: 20px 5%; display: none; } .mx { position: absolute; top: 5px; right: 5px; font-size: 22px; color: #333; padding: 20px; } .mh1 { padding: 10px 0px; font-size: 18px; } .mul { height: auto; overflow: hidden; } .mli { width: 20%; height: 28px; font-size: 12px; line-height: 28px; background: #fff; color: #333; float: left; margin-right: 5%; margin-bottom: 10px; text-align: center; } .mli a { color: #333; } /*banner*/ .banner { width: 100%; height: 235px; position: relative; margin-bottom: 5px; overflow: hidden; } .bannerimgbox { width: 100%; height: 100%; position: relative; } .bannerimgli { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s; overflow: hidden; cursor: pointer; background-size: auto 100%!important; } .bannerimgli img { height: 100%; cursor: pointer; } .bannerimgli1 { opacity: 1; transition: all 0.5s; } .bannerbtnbox { width: 100%; height: 34px; margin: 0 auto; position: relative; z-index: 11; top: -34px; } .bannerul { width: 106px; height: 14px; margin: 0 auto; } .bannerli { width: 14px; height: 14px; border-radius: 50%; float: left; margin-right: 12px; background: #fff; cursor: pointer; } .bannerli:hover { background: #e2001e; } .bannerli1 { background: #e2001e; } /*小轮播*/ .lunbobox { width: 100%; height: 410px; margin: 0 auto; position: relative; } .lunboleft { width: 100%; height: 255px; position: relative; } .lunboright { width: 100%; height: 100%; float: right; } .lunboul { width: 100%; height: 100%; position: relative; } .lunboli { width: 100%; height: 100%; float: left; position: absolute; opacity: 0; } .lunboli img { width: 100%; height: 100%; cursor: pointer; } .lunboli1 { opacity: 1; transition: all 0.3s; } .lunboaul { width: 100%; height: 52px; line-height: 52px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; } .lunboali { float: left; display: none; } .lunboali1 { display: block; } .lunboaul a { font-size: 16px; color: #fff; margin-left: 10px; } .lunbobtnul { width: 96px; height: 52px; padding-top: 19px; position: absolute; bottom: 0; right: 0; z-index: 111; } .lunbobtnli { width: 16px; height: 16px; border-radius: 50%; float: left; margin-right: 6px; background: #fff; cursor: pointer; } .lunbobtnli:hover { background: #144990; } .lunbobtnli1 { background: #144990; } /*小轮播*/ .lunboright { width: 100%; height: 100%; float: right; } .yaowenh3 { font-size: 20px; color: #4372b0; font-weight: bold; } .yaowenh1, .yaowenh2 { float: left; cursor: pointer; font-size: 20px; } .yaowenh { height: 60px; line-height: 60px; } .gd, .gd1, .gd2, .gd3, .gd4 { float: right; } .gd a, .gd1 a, .gd2 a, .gd3 a, .gd4 a { color: #999; } .gd2, .gd3, .gd4 { display: none; } .yaowenh3 { font-size: 20px; color: #4372b0; font-weight: bold; } .yaowenh1 { margin-right: 25px; } .guoziyaowen { display: none; } .zongshuji { display: none; } .yaowenul li { height: 36px; line-height: 36px; background: url(icon.png) no-repeat left 16px; } .yaowenul li span { display: block; float: right; } .yaowenul li a { color: #333; font-size: 16px; margin-left: 22px; width: 70%; overflow: hidden; height: 36px; float: left; display: block; } .yaowenbox { border: 1px solid #dbdcde; padding: 10px 20px; height: 350px; } .dabt { height: 60px; line-height: 60px; border-bottom: 1px dashed #dbdcde; font-size: 20px; text-align: center; margin-bottom: 10px; overflow: hidden; } .dabt a { color: #4372b0; } .yaowenh1, .yaowenh2 { float: left; cursor: pointer; font-size: 20px; } .yaowenh { height: 60px; line-height: 60px; overflow: hidden; } .yaowenh5 { float: left; cursor: pointer; font-size: 20px; margin-left: 25px; } .yaowenh a { color: #333; font-size: 16px !important; } .yaowenh .yaowenh1, .yaowenh .yaowenh2, .yaowenh .yaowenh4, .yaowenh .yaowenh5 { margin: 0; margin-right: 10px; } .dangh1 { width: 100%; height: 60px; line-height: 60px; } .dangh1 p { font-size: 20px; color: #4372b0; font-weight: bold; float: left; } .dangimg { width: 100%; height: 225px; margin-bottom: 30px; cursor: pointer; } .dangul li { height: 36px; line-height: 36px; } .dangul li span { display: block; float: right; } .dangul li a { color: #333; font-size: 16px; } .jujiaoimg { width: 100%; height: 225px; margin-bottom: 30px; cursor: pointer; } .tzbox { width: 100%; height: 190px; margin-bottom: 5px; position: relative; } .gupiaobtbox { width: 10%; height: 190px; position: absolute; top: 0; right: 0; } .agubt { background: #e2effe; font-size: 16px; color: #4372b0; text-align: center; padding: 25px 10px; width: 100%; height: 95px; cursor: pointer; } .agu { width: 90%; height: 190px; display: none; position: absolute; top: 0; left: 0; } .hgu { display: block; } .agu img, .hgu img { width: 100%; height: 190px; } .hgubt { color: #fff; background: #4372b0; } .dangh2 { width: 100%; height: 60px; line-height: 60px; } .dangh2 .p { font-size: 20px; color: #333; float: left; margin-right: 30px; cursor: pointer; } .dangh2 .p1 { color: #4372b0; font-weight: bold; } .dangul li { height: 36px; line-height: 36px; } .dangul li span { display: block; float: right; } .dangul li a { color: #333; font-size: 16px; } .yejiul { display: none; } .yejiul1 { display: block; } .yejiul li { height: 36px; line-height: 36px; } .yejiul li span { display: block; float: right; } .yejiul li a { color: #333; font-size: 16px; } .zhuantiimg { margin-bottom: 10px; } /*选项卡*/ .xxk { width: 100%; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 10px; } .xxkli { float: left; height: 100%; width: 30%; margin-right: 5%; } .xxkli:nth-child(3) { margin-right: 0; } .xxkli:nth-child(6) { margin-right: 0; } .xxkli:nth-child(9) { margin-right: 0; } .xxkli p { display: block; height: 30px; font-size: 14px; color: #4c8bb7; text-align: center; border: 1px solid #4c8bb7!important; margin-top: 15px; line-height: 30px; } .xxkimgbox { width: 100%; height: 490px; margin: 0 auto; position: relative; } .xxkimgli { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .xxkimgli1 { display: block; } .xxkleft { width: 100%; height: 170px; float: left; margin-bottom: 5px; } .xxkright { width: 100%; height: 170px; float: right; } .xxkleftbox { width: 100%; height: 170px; position: relative; } .xxkrightbox { width: 49%; height: 146px; float: left; position: relative; margin-bottom: 5px; margin-right: 2%; } .xxkrightbox p, .xxkleftbox p { width: 100%; height: 30px; padding-left: 20px; background: rgba(0, 0, 0, 0.7); color: #fff; position: absolute; bottom: 0; left: 0; line-height: 30px; } .xxkrightbox img, .xxkleftbox img { width: 100%; height: 100%; cursor: pointer; } .xxkrightbox:nth-child(2) { margin-right: 0; } .xxkrightbox:nth-child(4) { margin-right: 0; } .zhuantiimg { width: 100%; } .bluebj, .cp-right { display: none; } .cp-left { width: 100%; height: 30px; line-height: 30px; background: #e5e5e5; } .cp-left a { width: 25%; color: #333; text-align: center; line-height: 30px; float: left; } .bannerbtnbox, .banner { display: none; } /*工程页*/ .gcbanner { width: 100%; height: 230px; background: url(banner2.jpg) no-repeat center; } .gcbannerbt { width: 100%; height: 230px; line-height: 230px; color: #fefefe; font-size: 36px; font-weight: bold; margin: 0 auto; } .gcnav { width: 100%; height: 180px; border-bottom: 1px solid #e6e6e6; } .gcnavbox { width: 100%; height: 60px; background: url(crcc.jpg) no-repeat 0 center; margin: 0 auto; } .gch4 { float: left; display: block; height: 60px; line-height: 60px; font-size: 24px; color: #4372b0; font-weight: bold; } .gcul { float: left; display: block; } .gcli { float: left; padding: 0 10px; height: 60px; line-height: 60px; font-size: 16px; } .gcli a { color: #333; } .gcli1 { background: #f5f5f5; border-bottom: 2px solid #4372b0; } .gcli:hover { background: #f5f5f5; border-bottom: 2px solid #4372b0; } .dangqianweizhi { height: 40px; width: 100%; margin: 0 auto; text-align: right; padding-top: 20px; margin-bottom: 20px; } .dangqianbox { width: auto; height: 20px; line-height: 20px; float: left; background: url(position.png) no-repeat 0 center; padding-left: 30px; } .dangqianbox a { font-size: 14px; color: #333; } .wenzhangzhengwen { width: 100%; min-height: 300px; margin: 0 auto; } .gcp1 { height: 40px; color: #333; font-size: 24px; font-weight: bold; } .gcp2 { font-size: 16px; color: #333; line-height: 36px; } .gcqiehuanbt { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #4372b0; font-size: 18px; background: #ecf9ff; margin: 0 auto; margin-bottom: 20px; } .gcqiehuanbox { width: 100%; height: 420px; margin: 0 auto; margin-bottom: 60px; } .gcqiehuanimgul { width: 100%; height: 268px; position: relative; } .gcqiehuanimgli { width: 100%; height: 268px; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s; cursor: pointer; } .gcqiehuanimgli img { width: 100%; height: 100%; cursor: pointer; } .gcqiehuanimgli1 { opacity: 1; transition: all 1s; } .gcbtbox { width: 100%; height: 60px; margin-bottom: 20px; background: #4372b0; position: relative; } .xiaoqiehuanbox { width: 100%; height: 110px; overflow: hidden; position: relative; padding: 0 45px; } .gcbtlis { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 18px; color: #fff; line-height: 60px; opacity: 0; transition: all 1s; } .gcbtlis a { color: #fff; } .gcbtlis1 { opacity: 1; transition: all 1s; } .xiaoqiehuanboxcon { width: 11111px; height: 110px; position: absolute; top: 0; left: 45px; } .jt1 { cursor: pointer; z-index: 2222; width: 45px; height: 110px; background: #eaf9fe url(jt1.png) no-repeat center; position: absolute; top: 0; left: 0; border-right: 15px solid #fff; } .jt2 { cursor: pointer; z-index: 2222; width: 30px; height: 110px; background: #eaf9fe url(jt2.png) no-repeat center; position: absolute; top: 0; right: 0; } .xiaobox { width: 215px; height: 110px; float: left; margin-right: 10px; } .xiaobox img { width: 215px; height: 110px; cursor: pointer; } /*置顶信息开始*/ .zhidingzhi { width: 100%; height: auto; margin: 0 auto; } .zhidingzhi p { width: 100%; text-align: center; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .zhidingzhi p a { color: #e90a0a; font-weight: bold; line-height: 25px; } /*置顶信息结束*/ }