@charset "utf-8"; /* CSS Document */ /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } /*让这些的标签内外边距都是0*/ fieldset, img { border:none; vertical-align: middle; } ul, ol { list-style:none; } input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";} select, input { vertical-align:middle; } select, input, textarea { font-size:12px; margin:0; } textarea { resize:none; } table { border-collapse:collapse; } body { color:#666; font:12px '微软雅黑'; /*测试用高度*/} a{color:#707070; text-decoration:none; font-family: "微软雅黑";} a:hover{ color:#124191; text-decoration:none; font-family: "微软雅黑";} /* 常用代码 */ .clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } .wrap{ width:1200px; margin-left: auto; margin-right: auto; } .fl{ float:left;} .fr{ float:right;} /*内容*/ .main-bg{background: url(body-bg.png); min-height: 500px; padding-bottom: 50px; } /*路径*/ .position{ height: 60px; line-height: 60px; } .position-r{ color: #555; background: url(home.png) no-repeat 0 22px; padding-left: 30px; font-size: 14px;} .position-r a{ color: #555;} .main-l{width: 240px; } .main-l h3{width: 240px; height: 111px; border-top: 2px solid #3782D3; border-bottom: 2px solid #3782D3; background: #fff; color: #333; font-size: 24px; line-height: 111px; text-align: center; box-shadow: 1px 2px 10px #ccc; font-family: "微软雅黑";} .main-l h3 a{ background: #fff; color: #333; font-size: 24px; font-family: "微软雅黑";} .main-l-ul{ width: 240px; background: #F6FBFF; margin-top: 10px; box-shadow: 1px 2px 10px #ccc; padding: 10px 0px;} .main-l-ul li{ background: #F6FBFF; padding: 15px 30px;} .main-l-ul li a{ font-size: 16px; color: #333;} .main-l-ul li.on{ border-bottom: 1px solid #2B86D5;} .main-l-ul li.on a,.main-l-ul li a:hover{color: #4179CE; } .main-l-ul li.class_B{ background: #f7f7f7; padding-left: 38px;} .main-l-ul .class_B.on{ border-bottom: none;} .main-l-ul .class_B.on a.on{ border-bottom: 1px solid #2B86D5;} .main-r{width: 940px; background: #fff; min-height: 400px; box-shadow: 1px 2px 10px #ccc;} .main-r h3{ font-size: 24px; color: #333; border-left: 6px solid #005DC5; margin-left: 30px; padding-left: 20px; margin-top: 30px; font-weight: normal; font-family: "微软雅黑";} .main-r .main-r-bd{padding: 30px;} /* 本例子css */ .slideTxtBox{ /*width:825px;*/ width:100%; } .slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px; position:relative; } .slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:30px; } .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 16px; font-family: "微软雅黑";} .slideTxtBox .hd ul li.on{ height:30px; background: #ABC5DB; color:#fff; border-radius: 5px;} .slideTxtBox-dl{margin-top: 30px;} .slideTxtBox-dl dt{ height: 50px; line-height: 50px; background: #E0E8EF; display: flex;} .slideTxtBox-dl dd{ height: 50px; line-height: 50px; display: flex;} .slideTxtBox-dl span{ font-size: 16px; float:left; color: #555; width: 185px; text-align: center; font-family: "微软雅黑"; height: 50px; /*flex:1;*/} .slideTxtBox-dl .dl-span1{ width: 250px; text-align: left; padding-left: 15px; flex:2} .slideTxtBox-dl .dl-span1 a{ font-size: 16px; font-family: "微软雅黑"; color: #555;} .slideTxtBox-dl .dl-span1 a:hover{ color: #4179CE;} .slideTxtBox-dl .dl-span3{ width: 130px; } /*分页*/ .list-fenye{height: 60px; margin-top: 50px; text-align: center;} .list-fenye a{ margin-right: 6px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px;} .list-fenye .NormalRed{ background: #D6E4FE; border: 1px solid #ccc; padding: 5px 10px; border-radius: 3px; color:#333;}