html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, b, u, i, dl, dt, dd, ol, ul, li, form, tr, th, td { margin: 0; padding: 0; } body { font-size: 14px; font-family: 'Microsoft Yahei', 'simsun', 'arial', 'tahoma'; color: #222; background: #ffffff; min-width: 1500px; } img { border: 0; } a { text-decoration: none; color: #A3A1A1; background: none; } table { border-collapse: collapse; border-spacing: 0; } .mobile_version { display: none; } .clearfix { clear: both; content: ""; display: block; overflow: hidden; } .main { margin-top: 13px; min-width: 1281px; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .top { background: #2c2c2c; height: 35px; line-height: 35px; min-width: 1500px; } .top .top-list a { display: inline-block; font-size: 15px; margin: 0 0 0 10px; color: #FFFFFF; } .header { width: 100%; height: 93px; min-width: 1500px; background: #9e0821; } .header .head { height: 93px; margin-right: auto; margin-left: auto; width: 1281px; } .header .head .logo { line-height: 93px; } .header .head .logo a { display: block; margin-top: -2px; } .header .head .logo a img { vertical-align: middle; height: 65px; width: auto; } .header .head .search .search-box { margin-top: 23px; position: relative; margin-right: 0px; } .header .head .search .search-box input[type=text] { width: 160px; background: none; padding: 0px 35px 0px 10px; color: #e3b0b9; height: 30px; border: 1px solid #e3b0b9; border-radius: 15px; /* border: none; */ line-height: 30px; position: absolute; top: 9px; right: 0px; font-size: inherit; } .header .head .search .search-box input[type=image] { height: 20px; position: absolute; top: 16px; right: 7px; } .header .head .search .zh-btn { width: 100px; height: 26px; line-height: 26px; background: #d8821d; color: #fff; display: block; text-align: center; float: right; font-size: 14px; } .container1 { width: 100%; height: 93px; min-width: 1500px; background: #9e0821; opacity: 0.9; } .container { margin-right: auto; margin-left: auto; width: 1280px !important; padding: 0 !important; max-width: 900px\0; position: relative; } .top-list { /* display: flex; */ font-size: 15px; color: #fff; } .top-list-left { margin-left: 8px; float: left; color: #999; } .top-list-right { margin-left: 8px; float: right; font-size: 15px; } .old-wed { margin-top: 12px; } .old-wed a { font-size: 14px; color: white; } .main_left { /* background-color: #f3f3f3; */ width: 350px; float: left; } .main_right { width: 880px; margin-left: 48px; } .main-content { max-width: 1280px; display: flex; margin-left: auto; margin-right: auto; position: relative; width: 1280px; } .main_left_title { width: 350px; height: 120px; line-height: 120px; color: #fff; text-align: center; font-size: 26px; background: url(../images/profile.jpg) no-repeat; background-size: 100% 100%; } .main_left img { width: 350px; height: 120px; } .list-iteam { line-height: 30px; margin-top: 13px; height: 27px; } .list_title img { margin-left: 19px; width: 18px; height: 12px; } .list_title a { margin-left: 4px; color: #3e3e3e; font-size: 17px; } .line { height: 1px; background-color: #e2e2e2; width: 90%; margin-left: auto; margin-right: auto; margin-top: 5px; } .right-station { float: right; line-height: 50px; } .station { height: 52px; line-height: 60px; float: right; color: #767676; margin-top: 11px; font-size: 16px; } .right-top { display: flex; margin-bottom: 25px; } .right-title { float: left; width: 205px; height: 55px; text-align: center; line-height: 53px; background: #eaeaea; /* font-weight: 550; */ font-size: 23px; margin-top: 9px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; } .r_line { height: 1px; background-color: gray; width: 675px; position: relative; margin-top: 63px; } .right-iteam { margin-top: 17px; } .iteam-content { width: 880px; height: 60px; line-height: 30px; font-size: 16px; color: #cfcfcf; word-break: break-all; display: -webkit-box; /**对象作为伸缩盒子模型展示**/ -webkit-box-orient: vertical; /**设置或检索伸缩盒子对象的子元素的排列方式**/ -webkit-line-clamp: 2; /**显示的行数**/ overflow: hidden; /**隐藏超出的内容**/ } .iteam-content a { color: #A3A1A1; } .iteam-line { height: 1px; background-color: #d6d6d6; width: 880px; position: relative; margin-top: 10px; margin-bottom: 10px; } .iteams-title { width: 790px; height: 64px; float: left; line-height: 64px; font-size: 18px; font-weight: none; color: #222 !important; } .iteams-title a { height: 64px; line-height: 64px; font-size: 18px; font-weight: none; color: #222; } .iteams-time { width: 90px; height: 62px; float: left; line-height: 64px; font-size: 16px; color: #c7c7c7; margin-bottom: 2px; } .right_img { width: 760px; margin-left: auto; margin-right: auto; } .right_img img { width: 760px; } .right_content { /* text-indent: 2em; */ padding: 5px; color: #545454; font-size: 16px; line-height: 30px; } .top_img { min-width: 1500px; background-image: url(../neirongbeijing.jpg); background-size: 100% 100%; width: 100%; height: 606px; margin-top: -135px; margin-left: auto; margin-right: auto; } /* .top_img img{ height: 300px; position: relative; width: 1915px; z-index: -1; margin-top: -50px; } */ .w_title { text-align: center; font-weight: bold; font-size: 40px; min-height: 50px; margin-top: 50px; line-height: 60px; } .right_page { display: flex; margin-top: 80px; } .right_page input { width: 50px; text-align: center; border: 1px solid #c3f5f5; margin-left: 20px; } .peo_info { display: flex; font-size: 16px; opacity: 0.7; height: 30px; line-height: 30px; width: 500px; border-radius: 3px; margin: 25px 0; padding: 0 190px 50px 190px; border-bottom: #ccc solid 1px; } .peo_info .WP_VisitCount { display: inline; } .peo_info div { min-width: 50px; display: inline-block; margin: 0 auto; } .nav-1 { min-width: 1500px; margin-left: auto; margin-right: auto; position: relative; /* background-color: #675553; opacity: 0.6; */ } .d3 { position: relative; margin-right: auto; margin-left: auto; background-color: rgba(0, 0, 0, 0.35); height: 42px; } .block { position: relative; height: 100%; width: 1380px; margin-left: auto; margin-right: auto; display: -ms-flexbox; /* display: flex; */ -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .dhchild a span:before { content: " "; display: inline-block; width: 4px; height: 4px; background: #ccc; position: relative; left: -12px; top: -3px; } .dh { float: left; width: 152px; text-align: center; font-size: 18px; } .dh a { color: #fff; text-decoration: none; } .dh .dhchild { line-height: 42px; display: block; /* margin-top: 16px; margin-bottom: 18px; */ position: relative; z-index: 2; transition: all .2s ease-in; } .my { /* height: 270px; */ width: 400px; background-color: rgba(194, 190, 190, 0.5); } .my:before { content: ''; position: absolute; top: -10px; left: 192px; display: inline-block; /* vertical-align: middle; */ border-bottom: 10px solid rgba(194, 190, 190, 0.5); border-right: 10px solid transparent; border-left: 10px solid transparent; } .my ul { width: 400px; padding-bottom: 30px; overflow: hidden; } .my li { width: 200px; /*如果显示三列 则width改为70px*/ float: left; display: block; margin-top: 25px; font-size: 18px; } .my li a { color: #000; } .my li a:hover { color: #fff; border-bottom: 2px solid #fff; } .my { display: none; position: relative; /*! margin-top: 31px; */ left: -127px; top: 12px; } .dh:hover .my { display: block; border: none; /* border-top-style: solid; border-top-color: rgba(160, 76, 76, 0.2); */ } .dh .dhchild a span:hover { line-height: 30px; content: ""; /* margin-bottom:5px; */ border-bottom: 2px solid #fff; /* transition:all 0.1s ease-out 0s; */ /* transform:scaleX(0); */ } .footer { min-width: 1500px; width: 100%; min-height: 85px; background: #94070a; margin-top: 100px; color: #fff; padding: 0 0 25px 0; } .footer p { float: left; text-align: center; margin-right: 20px; color: #fff; } .foot_top { width: 730px; margin-left: auto; margin-right: auto; height: 40px; margin-top: 15px; font-size: 16px; } .foot_bottom { width: 950px; height: 40px; margin-left: auto; margin-right: auto; font-size: 16px; } .finally { display: none; } .search input { position: absolute; color: #bababa; border: none; background: none; top: 14px; padding-left: 0px; height: 33px; line-height: 33px; } .wp_artfuns .wp_art_adjoin a { color: #767676; font-size: 16px; } .prev { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #2d2d2d; } .wp_artfuns .wp_art_adjoin .prev:hover { color: #c00b2a; } .next { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #2d2d2d; } .wp_artfuns .wp_art_adjoin .next:hover { color: #c00b2a; } .prev-title { width: calc(100% - 80px); height: 36px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prev-title:hover a { color: #c00b2a; } .next-title { width: calc(100% - 80px); height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .next-title:hover a { color: #c00b2a; } .displayinfo_pc { display: block; } .displayinfo_mobile { display: none; } .wp_paging { margin-top: 16px; } .wp_listcolumn .wp_column a { display: block; width: 100%; color: #666; font-size: 18px; font-weight: normal; word-wrap: break-word; background: #f5f5f5 url(../images/btn_arrow_right.png) no-repeat 10px 18px; background-size: 15px 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-align: left; height: 50px; line-height: 50px; } .wp_listcolumn .wp_column a.selected { color: #c00b2a; background-color: #e8e8e8; background-image: url(../images/btn_arrow_right_hover.png); } .wp_listcolumn .wp_column a .column-name { display: inline-block; line-height: 22px; padding: 5px 10px 5px 40px; cursor: pointer; font-size: 18px; } .wp_listcolumn .wp_subcolumn .wp_column a { width: calc(100% - 34px); padding-left: 34px; color: #555; font-size: 14px; border-bottom: 1px solid #ddd; border-top: none; background: #f1f1f1 url(../images/btn_arrow_right.png) no-repeat 49px 18px; background-size: 15px 15px; } .wp_listcolumn .wp_subcolumn .wp_column a .column-name { line-height: 22px; padding-left: 40px; } .right-iteam-hover:hover { color: #c00b2a; background-color: #f7f7f7; } .right-iteam-hover:hover .iteams-title p a { color: #c00b2a; background-color: #f7f7f7; } .right-iteam-hover:hover .iteams-time { color: #c00b2a; background-color: #f7f7f7; } @media screen and (max-width: 767px) { .v-nav li.on .v-subNav { display: block; padding-left: 15px; } .v-nav li.on .v-subNav .erjilanmu ul { display: none; } .v-nav li.on .v-subNav .erjilanmu li.on .erjilanmu { display: block; padding-left: 20px; } .v-nav li.on .v-subNav .erjilanmu li.on .erjilanmu .s-arrow { display: none; } }