*{ margin: 0; padding: 0; font-family: "微软雅黑"; list-style-type: none; text-decoration: none; font-size: 14px; } body { width:100%; background: url("/dept/lfjd/zt/qm/images/back.jpg"); } .contain{ width:990px; margin: auto; background: #ffffff; } .head{ height: 105px; width: 100%; background: url("/dept/lfjd/zt/qm/images/headBac.jpg") no-repeat; } .logo{ height:80px; width: 242px; float: left; margin-top: 20px; margin-left:17px; } .logo p{ font-size:13.79px; color:#2877b9; text-align: center; } .menu{ width:720px; height:100%; float: right; } .menu >p{ height:33px; width: 162px; float: right; margin-top: 24px; } .menu >p >a{ margin-left: 18px; color: #747474; font-size: 12px; } .menu>ul{ margin-top: 15px; float: right; } .menu>ul>li{ float: left; margin-right: 20px; } .menu>ul>li >a{ color: #383838; font-size: 15px; } .mainHead{ width: 100%; position: relative; } .mainHead p{ color: #292929; width:605px; position: absolute; top:390px; left:350px; } .introduction{ height: 130px; width: 100%; background-color: #d62b2b; position: absolute; top:366px; } .yinyan{ float: left; width:161px; height:100%; text-align: center; } .yinyan img{ margin-top: 40px; } .yinyanText{ height:94px; width:790px; float: left; margin-top:20px; color: #ffffff; font-size: 14px; line-height:23.39px; } .articleMain{ width:100%; } .articleHead{ height:30px; width:950px; margin:auto; margin-top: 20px; border-bottom: 1px solid #dfdfdf; } .articleHead p{ margin-left:25px; color: #292929; font-size: 12px; } .articleDetail{ width: 800px; margin: auto; } .articleDetail h2{ color: #444444; font-size: 20px; text-align: center; margin-top: 42px; } .articleDetailUl{ width:100%; padding-bottom: 20px; } .articleDetailUl >li{ width: 100%; color: #292929; font-size: 14px; margin-top:30px; } .articleDetailUl >li h4{ font-size: 14px; margin-left: 18px; margin-bottom: 10px; } .articleDetailUl >li .p2{ margin-top:28px; } .articleDetailUl >li >img{ height:321px; width: 518px; margin-left: 153px; margin-top:28px; } /* two */ .sequence{ width:100%; } .sequenceUl >li{ margin: auto; width:965px; margin-top: 20px; } .sequenceUl li .Shead{ height:57px; } .Shead img{ margin-left:20px; } .sequenceT{ width:930px; margin: auto; margin-top: 23px; } .sequenceT .div1,.sequenceT2 .div1{ width:100%; } .sequenceT .div1 .div11,.sequenceT2 .div1 .div11{ width:578px; float: right; color: #292929; font-size: 14px; margin-top:20px; } .sequenceT .div1 .div11 .p2,.sequenceT2 .div1 .div11 .p2{ margin-top:30px; } .sequenceT .div1 .div11 .p1 .sequenceT2 .div1 .div11.p1{ margin-top:10px; } .sequenceT .div2{ height:251px; width:908px; margin-top:20px; } .sequenceT .div2 ul li{ float: left; width:436px; height:100%; background-color: #f7efe1; text-align: center; color: #292929; font-size: 16px; } .sequenceT .div2 ul .li2{ float: right; } .sequenceT2{ width:911px; margin: auto; margin-top: 23px; } .sequenceT2 .div1{ height:160px; } .sequenceT2 .div2{ width:100%; height:208px; margin-top: 20px; } .sequenceT2 .div2 img{ float: left; } .sequenceT2 .div2 div{ width:548px; height:115px; float: right; margin-top:43px; } .sequenceT2 .div2 div h3{ font-size: 18px; } .sequenceT2 .div2 div p{ margin-top: 30px; font-size: 14px; } .sequenceT2 .div2 div p a{ color: #d62b2b; } .sequenceT2 .div3,.sequenceT2 .div4{ text-align: center; width:894px; margin-top: 25px; } .sequenceT2 .div3 li,.sequenceT2 .div4 li{ height:220px; width:278px; background-color: #f7efe1; float: left; color:#292929; } .sequenceT2 .div3 li p{ line-height: 2em; } .sequenceT2 .div3 .li2,.sequenceT2 .div4 .li2{ margin-left: 30px; } .sequenceT2 .div4{ height:242px; } .sequenceT2 .div4 li{ height:242px; color:#292929; } .sequenceT2 .div4 li p{ line-height: 1.5em; } /* 群力 */ .articleDetailUl >li >.qlUl1 img{ margin-top: 20px; height:200px; width:250px; margin-left: 10px; } .articleDetailUl >li >.qlUl2 img{ margin-top: 20px; height:150px; width:180px; margin-left: 10px; } pre { border:1px solid #000; overflow-x:auto; background: #222; color: #fff; text-shadow: none; } .wrapper { max-width: 620px; padding: 0 20px 40px 20px; margin: auto; } /*学堂*/ .articleDetailUl >li >.qlUl3{ height:230px; width:100%; } .articleDetailUl >li >.qlUl3>.li1{ float: left; margin-left: 20px; } .articleDetailUl >li >.qlUl3>.li2{ float: right; margin-right:20px ; } .articleDetailUl >li >.qlUl3>li> img{ margin-top: 20px; height:200px; width:350px; ; } .articleDetailUl>li>h2{ margin-bottom: 20px; } .footer{ height:150px; width:100%; text-align: center; } .footer .hut{ height:10px; background-color: #efdfc4; } .footer>img{ float: left; margin-left:150px; margin-top: 30px; } .footer .text{ float: left; margin-top:30px; } .footer p{ font-size: 12px; color: #999; margin-top: 10px; } /* 雷锋专题 */ .leifUl{ width:100%; } .leifUl a li{ height:200px; width:215px; float: left; margin-left:20px; color: #292929; margin-top: 20px; } .leifUl a li p:hover{ color: #2877b9; } .leifUl a .li2{ margin-top: 0px; } .leifUl a img{ width:214px; height:146px; } .bottomUl{ height:100%; width:100%; } .bottomUl li{ width:300px; float: left; margin-left: 15px; } .bottomUl li img{ width:300px; height:100%; } /* 清明 */ .Shead>img{ float: left; } .Shead>p{ float:left; margin-left: 10px; margin-top:15px; } .QM_one{ width:580px; float:left; } .QM_one img{ margin-top:30px; } .QM_one .p1{ margin-top: 30px; } .div1 .img3{ width: 322px; height:458px; float: right; } .QM-two{ height:485px; } .QM-two_div{ width:324px; float: left; } .QM-two_div>.img2{ margin-top: 20px; } .QM-two_Text{ width:560px; float:right; } .QM-two_Text p{ margin-top:25px; } .sequenceT>img{ margin-top: 20px; } .Qhead{ text-align: center; }