.content { border-top: 1px solid #e3e3e3; padding: 30px 0 0 0; } .content .articleheader nav { padding-bottom: 20px; } .content .articleheader nav a { color: #64615e; font-size:12px; line-height: 1.5em; } .content .articleheader nav i { font-size: 16px; } .content .colunm1 { width:250px; float: left; } .content .colunm2 { float: left; width: 900px; margin-left: 50px; } .content .colunm1 .leftnav li.title { background: #0074bd; line-height: 58px; text-align: center; color: #fff; font-size: 18px; border-top-right-radius:6px; border-top-left-radius: 6px; padding: 0; position: relative; zoom:1; } .content .colunm1 .leftnav li.title .subsmenu { background: #055A93; color: #fff; cursor: pointer; float: right; font-size: 14px; height: 40px; line-height: 40px; text-align: center; width: 40px; display: none; } .content .colunm1 .leftnav li { background: #f0f0f0; border-bottom: 1px solid #ddd; line-height: 50px; font-size: 14px; padding: 0 20px 0 25px; } .content .colunm1 .leftnav li.current { padding-left: 40px; } .content .colunm1 .leftnav li.current a { color: #00a740; } .content .colunm1 .leftnav li a { color:#5d6366; display: block; } .content .colunm1 .leftnav li a:hover { color:#00a740; } .content .colunm1 .leftnav li a i { float: right; line-height: 50px; } .content .colunm2 h1 { font-size: 26px; border-bottom: 1px solid #00a740; padding: 20px 0; margin-bottom: 30px; } .content .colunm2 .subchannellist { margin-left: -30px; padding-bottom: 50px; } .content .colunm2 .subchannellist li { float: left; width: 25%; *width: 24.999%; padding-bottom: 30px; } .content .colunm2 .subchannellist li a { border:1px solid #ddd; height: 170px; margin-left: 30px; overflow: hidden; display: block; font-size: 15px; position: relative; } .content .colunm2 .subchannellist li a div { padding: 25px; } .content .colunm2 .subchannellist li a i { font-size: 93px; line-height: 1em; position: absolute; color: #d9ebf6; bottom: -17px; right: -33px; } .content .colunm2 .subchannellist li a:hover { background: #eef2f4; border-color:#eef2f4; } .content .colunm2 .subchannellist li a:hover i { color: #fff; } .content .colunm2 .imglist { margin-left: -30px; display: flex; flex-wrap: wrap; } .content .colunm2 .imglist li { float: left; width: 33.3333%; padding-bottom: 30px; } .content .colunm2 .imglist li a { margin-left: 30px; display: block; font-size: 15px; } .content .colunm2 .imglist li img { width: 100%; } .content .colunm2 .imglist li span { display: block; background: #f4f4f4; padding:15px 0; border-bottom: 1px solid #aed8b0; padding-left: 20px; line-height: 1.5em; } .content .colunm2 .newsimglist li { border-bottom: 1px solid #ddd; padding-bottom:25px; margin-bottom: 25px; } .content .colunm2 .newsimglist figcaption { font-size: 18px; line-height: 1.5em; padding-bottom: 0.75em; padding-left: 30px; } .content .colunm2 .newsimglist a { display: block; } .content .colunm2 .newsimglist .picwraper { display: block; float: left; position: relative; width: 25%; } .content .colunm2 .newsimglist .picwraper img { width: 100%; } .content .colunm2 .newsimglist .contentwraper { color: #777; display: block; float: left; font-size: 13px; line-height: 1.75em; width: 75%; } .content .colunm2 .newsimglist .contentwraper p { padding: 0 0 0 30px; } .content .colunm2 .newslist li { border-bottom: 1px solid #ddd; padding-bottom:15px; margin-bottom: 15px; font-size: 15px; } .content .colunm2 .newslist li.blankline { height: 10px; border:0; } /*wangyan*/ .content .colunm2 .h-title h1{ border:0; margin-bottom:5px;} .content .colunm2 .h-title h1 .titlesub{ font-size:18px;} .content .colunm2 .h-title h1 .titlesub span{ border-left:1px solid #ccc; margin:0 8px 0 3px; line-height:18px;} .content .colunm2 .h-title .menu{ background:#f0f3f6; border-top:1px solid #9f9f9f; padding:34px 0 34px 16px; margin-bottom:29px;} .content .colunm2 .h-title .menu .item{padding-left:22px;} .content .colunm2 .h-title .menu .label{ color:#8c857e; padding:0 52px 0 10px;} .content .colunm2 .h-title .menu .item input{ float:left; border:1px solid #ccc;height:36px;line-height: 36px;padding-left: 15px;width:197px;} .content .colunm2 .h-title .menu .item input.nrb{ border-right:0;} .content .colunm2 .h-title .menu .item .searchbtn{background: #018f37; border: 0 none; color: #fff; display: inline-block; float: left; font-family: "微软雅黑",STHeiti; font-size: 14px; height: 38px; line-height: 38px; text-align: center; width: 68px;} .content .colunm2 .h-title .menu .item .searchbtn:hover{background: #ff3600;} .content .colunm2 .sp { padding-bottom:15px;} .content .colunm2 .sp li{ font-size:14px; color:#a5a9ab; padding:0; margin:0;} .content .colunm2 .sp li.sp-th{color:#8f8f8f;border-bottom:1px solid #ababab;border-top:2px solid #009807;font-size:12px;} .content .colunm2 .sp li.sp-th div{font-weight:bold;} .content .colunm2 .sp li.sp-th2{ background:#f8f8f8;} .content .colunm2 .sp .col-1{ float:left; width:100px; padding-left:20px;padding-top:15px;padding-bottom:15px;} .content .colunm2 .sp .col-2{ margin-left: 120px; margin-right: 140px;padding-top:15px; padding-bottom:15px;} .content .colunm2 .sp .col-2 a{ color:#178bd4;} .content .colunm2 .sp .col-2 a:hover{color: #ff3600;} .content .colunm2 .sp .col-3{color:#757575;padding-top:15px; padding-bottom:15px;float: right;width: 120px} /*wangyan*/ @media screen and (max-width:1024px) { .content .colunm1 { width: 200px } .content .colunm2 { width: 750px; margin-left: 50px; } /*wangyan*/ .content .colunm2 .h-title .menu .label{ height:36px; } .content .colunm2 .h-title .menu select{ height:36px; padding:0 32px 0 10px;border: 1px solid #ccc;} /*wangyan*/ } @media screen and (max-width:1000px) { .content .colunm1 .leftnav li.title .subsmenu { display: block; } .content .articleheader nav { margin: 0 30px; } .content .colunm1 { width: auto; float:none; margin: 0 30px 10px 30px; } .content .colunm1 .leftnav li.title { border-radius: 0; line-height: 40px; text-align: left; padding-left: 30px; font-size: 16px; display: block; } .content .colunm1 .leftnav li { display: none; } .content .colunm2 { width: auto; margin-left: 0; float:none; margin: 0 30px; } .content .colunm2 h1 { font-size: 22px; } /*wangyan*/ .content .colunm2 .h-title .menu .label{ height:36px;padding:0 15px 0 10px;} .content .colunm2 .h-title .menu .item input{ width:150px;} .content .colunm2 .h-title h1 .titlesub {display: none;} /*wangyan*/ } @media screen and (max-width:700px) { .content .colunm2 .subchannellist li { width: 33.3333% } /*wangyan*/ .content .mainWrap .tudi table tr td.sp-th3{ width:100px;} .content .colunm2 .h-title .menu .item input{ width:404px; margin-bottom:10px;} .content .colunm2 .h-title .menu select{ height:36px; padding:0 80px 0 10px; margin-bottom:10px;} /*wangyan*/ } @media screen and (max-width:600px) { .content .colunm2 .imglist li { width: 50% } .content .colunm2 .newsimglist .picwraper { width: 35%; } .content .colunm2 .newsimglist .contentwraper { width: 65%; } .content .colunm2 .newsimglist figcaption { font-size: 16px; } /*wangyan*/ .content .colunm2 .h-title .menu .item input{ width:80px;} /*wangyan*/ } @media screen and (max-width:500px) { .content .colunm2 .subchannellist li { width: 50% } } @media screen and (max-width:400px) { .content .colunm2 .subchannellist li { width: auto; float: none; } .content .colunm2 .subchannellist li a { height: 150px; } .content .colunm2 .imglist li { width: 100%; float: none; } .content .colunm2 .newsimglist .picwraper { width: auto; float: none; } .content .colunm2 .newsimglist .contentwraper { width: auto; float: none; } .content .colunm2 .newsimglist figcaption { padding-left: 0; padding-top: 20px; } .content .colunm2 .newsimglist .contentwraper p { padding-left: 0; } /*wangyan*/ .content .colunm2 .sp .col-1{display: none;} .content .colunm2 .sp .col-2 {margin-left: 20px;} .content .colunm2 .h-title .menu .item input.nrb{ width:120px; margin-bottom:10px; border-right:1px solid #ccc;} .content .colunm2 .h-title .menu select{ height:36px; padding:0 80px 0 10px; margin-bottom:10px;} /*wangyan*/ }