*{ margin:0 auto; padding:0; } body { margin: 0 auto; font-family: "Microsoft YaHei"; } .back_Div{ width: 1100px; margin: 0 auto; } .banner_Left{ float: left; width: 550px; height: 307px; margin-right: 20px; } #lunboWrap{ width: 550px; height: 307px; margin: 0 auto; position: relative; } #lunboWrap{ width: 550px; height: 307px; margin: 0 auto; position: relative; overflow: hidden; } #imgWrap{ width: 550px; height: 307px; margin: 0 auto; } #imgWrap>div>ul{ height: 376px; } #imgWrap>div>ul>li{ float: left; } #imgWrap>div>ul>li>a>img{ width: 550px; height: 307px; position: relative; } #imgWrap>div>ul>li>a>div{ height: 40px; width: 550px; /*background: url("/czjcsglxhcom/images/_hei_03.png") no-repeat;*/ position: absolute; z-index: 688; top: 179px; } .pageNum{ position: absolute; right:15px; bottom:5px; z-index: 788; } .pageNum>li{ float:left; width: 3px; height: 3px; display: inline-block; padding: 3px; border-radius: 100%; margin-right: 4px; line-height: 15px; text-align: center; list-style: none; border: 1px solid #ffffff; } .banner_Right{ float: left; width: 525px; height: 305px; border: 1px solid #e2e2e2; background: #ffffff; } .banner_Right .ul_line{ border-bottom: 1px solid #bebebe; } .banner_Right .ul_line li{ float: left; width: 174px; line-height: 42px; font-size: 17px; text-align: center; color: #444444; } .ul_columnR li a{ font-size: 16px !important; } .xianshi{ color: #ffffff !important; background: #0072e4 !important; } .column_div{ box-sizing: border-box; padding-top: 20px; display: none; } .ul_column_div ul li{ margin-bottom: 15px; !important; } .ul_column li{ background: url("/czjcsglxhcom/images/y_saojiao.png") no-repeat 10px 6px; font-size: 15px; margin-bottom: 20px; padding-left: 28px; } .ul_column li a{ display: inline-block; font-size: 15px; color: #6b6b6b; } .ul_column li span{ float: right; margin-right: 15px; } .d-xs{ display: block !important; } .d-button{ height: 109px; margin-top: 20px; } .d-button1, .d-button2,.d-button3{ width: 975px; height: 107px; border: 1px solid #d1473a; overflow: hidden; position: relative; float: left; margin-left: 10px; } .d-button1 ul li a:hover p, .d-button2 ul li a:hover p,.d-button3 ul li a:hover p{ color:#0072e4; } .d-button2{ border: 1px solid #0072e4; } .d-button3{ border: 1px solid #83b022; } .d-button1 .d-title,.d-button2 .d-title,.d-button3 .d-title{ width: 109px; height: 107px; background: #d1473a; text-align: center; float: left; } .d-button2 .d-title{ background: #0072e4; } .d-button3 .d-title{ width: 109px; height: 107px; background: #83b022; text-align: center; float: left; } .wh{ width: 109px !important; height: 107px !important; } .d-title p{ text-align: center; color: #ffffff; font-size: 17px; } .d-button1-p1{ width: 74px; line-height: 25px; padding: 13px 17px; text-align: center; } .d-button-p2{ height: 31px; line-height: 31px; } .d-button ul{ float: left; position: absolute; left: 110px; width: 865px; } .d-button ul li{ float: left; width: 216px; height: 107px; text-align: center; background: #ffffff; font-size: 16px; } .d-button ul li a{ display: inline-block; width: 185px; height: 69px; margin-top: 20px; border-right: 1px solid #e1e1e1; } .d-button2-ul2 li{ width: 123px !important; } .d-button2-ul2 li a{ width: 105px !important; } .d-button2-ul2 li p{ width: 90px; font-size: 14px; margin-left: 10px; } .d-button ul li img{ } .d-button ul li p{ color: #323232; font-size: 15px; } .cont-t , .cont-t2, .cont-t3{ float: left; width: 416px; height: 353px; } .cont-t-ul,.cont-t-ul2,.cont-t-ul3{ height: 45px; border-bottom: 2px solid #0072e4; } .cont-t-ul li , .cont-t-ul2 li, .cont-t-ul3 li{ float: left; width: 110px; height: 45px; text-align: center; line-height: 45px; font-size: 18px; background: #e1e1e1; margin-right: 14px; } .cont-t-ul3{ border-bottom: none; } .cont-t-ul3 li{ width: 416px; border-left: 6px solid #0072e4; box-sizing: border-box; text-align: left; padding-left: 28px; background: #eaeaea; } .cont-t-d{ box-sizing: border-box; padding-top: 20px; display: none; background: #ffffff; border: 1px solid #e2e2e2; height: 297px; } .cont3-d{ box-sizing: border-box; padding-top: 20px; display: none; background: #ffffff; border: 1px solid #e2e2e2; height: 299px; } .rdzt-div{ float: left; margin-left: 20px; width: 229px; height: 343px; border: 1px solid #e2e2e2; background: #ffffff; } .rdzt-div h4{ height: 45px; line-height: 45px; color: #3d3d3d; font-size: 18px; box-sizing: border-box; padding-left: 7px; } .rdzt-div h4 span{ display: inline-block; width: 4px; height: 13px; background: #0072e4; margin-top: 5px; margin-right: 5px; } .rdzt-div ul li{ width: 216px; height: 47px; line-height: 41px; background: #f5f5f5; border: 1px solid #ececec; border-top:0 ; margin-left: 5px; } .rdzt-div ul li a{ display: inline-block; width: 100%; height: 41px; line-height: 41px; color: #434343; font-size: 15px; } .rdzt-div ul li a img{ margin: 0 7px 0 7px; vertical-align: middle; } .rdfw-d{ float: left; width: 416px; height: 353px; } .rdfw-d h3{ height: 43px; line-height: 43px; border-left: 6px solid #0072e4 ; background: #eaeaea; box-sizing: border-box; padding-left: 28px; font-size: 18px; } .rdfw-d-div{ height: 301px; background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; } .img-div{ margin: 18px 0 0 20px; } .img-div span{ display: inline-block; line-height: 31px; font-size: 18px; color: #0072e4 !important; background: #eaeef4; margin-left: 0 !important; } .img-div .img_span,.img-div .img_span3{ width: 31px; height: 31px; background: #0072e4 url("/czjcsglxhcom/images/tubiao1.png") no-repeat 3px 3px; border: 1px solid #0072e4; } .img-div .img_span3{ background: #0072e4 url("/czjcsglxhcom/images/tubiao2.png") no-repeat 3px 3px; } .rdfw-d-div span,.rdfw-d-div a{ font-size: 16px; color: #585858; } .rdfw-d-div a{ display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #c4c4c4; margin-bottom: 3px; } .img_span2{ width: 98px; text-align: center; border: 1px solid #cae3fc; } .img-jg-ul li{ float: left; margin-left: 8px; font-size: 16px; } .img-jg-ul li a{ display: inline-block; width: 100%; } .img-jg-ul li a:hover{ color: #0072e4; border-bottom:none !important; } .img_span-div{ margin:18px 0 0 50px !important; } .rdfw-d-div a:hover{ color: #c04b4c; border-bottom: 1px solid #c04b4c; text-decoration: none; } .right_anniu{ float: left; width: 230px; margin-left: 20px; } .right_anniu ul li a{ display: inline-block; width: 229px; height: 70px; line-height: 70px; font-size: 18px; margin-bottom: 0px; box-sizing: border-box; padding-left:45px; color: #0072e4; } .more{ float: right; margin-right: 20px; font-size: 14px; } .an0{ background: url("/czjcsglxhcom/images/bmdh.png"); } .an1{ background: url("/czjcsglxhcom/images/wyzx.png"); } .an2{ background: url("/czjcsglxhcom/images/zxzj.png"); } .an3{ background: url("/czjcsglxhcom/images/zxft.png"); } .an4{ background: url("/czjcsglxhcom/images/xzzx.png"); }