@charset "utf-8"; /** * base.css */ * { margin: 0; padding: 0 } body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #f5f5f9; line-height: 1.5; overflow-x: hidden; } img { border: 0; display: block } ul, li { list-style: none; } a { text-decoration: none; color: #333; } a:hover { color: #2970f4; text-decoration: none; } .clear { clear: both; width: 100%; overflow: hidden; } .blank { clear: both; width: 100%; overflow: hidden; height: 20px } article, main { width: 1280px; margin: 30px auto 0; overflow: hidden } .box { width: 1280px; margin: auto; overflow: hidden } /*header*/ header { border-bottom: 1px solid #e8e8e8; height: 64px; background: linear-gradient(270deg, #327cfb, #1e62ec); width: 100%; z-index: 9999; } .topbar { width: 1280px; margin: auto; overflow: hidden; } .logo { float: left; margin-top: 16px; } .logo img { height: 32px; } .search { position: relative; overflow: hidden; width: 20%; height: 32px; background: #fff; border-radius: 20px; margin: 16px 0 0 0; float: right; } .search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0px; right: 0px; width: 20%; display: block; font-size: 15px; height: 32px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../images/search.png) no-repeat center; background-size: 18px; border-radius: 20px; } .search input.input_text { border: 0; line-height: 36px; height: 32px; font-size: 14px; width: 90%; outline: none; text-indent: 1em; background: no-repeat; } /*nav*/ nav { line-height: 50px; height: 50px; width: 100%; background: #fff; box-shadow: 0 2px 29px 0 rgba(0,0,0,.08); } nav .box { overflow: inherit; } #starlist { display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-left: -20px; } #starlist li { position: relative; font-size: 16px; text-align: center; padding: 0 20px; } #starlist li i { display: block; width: 24px; height: 16px; background: url(../images/hot.png) no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; margin-left: 4px; top: 23px; } #starlist li a { display: block; color: #333; } #starlist li:hover a, #starlist ul.sub li a:hover { color: #1e62ec; } #starlist li a#selected { color: #1e62ec; } #starlist ul.sub li { width: 100%; background: #fff; float: left; font-size: 14px; padding: 0; } #starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; } #starlist ul.sub { position: absolute; width: 100%; left: 0; top: 42px; z-index: 9; line-height: 36px; opacity: 0; /* transition: all .5s;*/ box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); } #starlist li:hover ul.sub { opacity: 1; top: 50px; } #starlist li:hover ul.sub li a { display: block } #starlist li:hover ul.sub:after, #starlist ul.sub li:after, #starlist ul.sub li a:after { display: none; } .menu:after { content: ""; position: absolute; right: 9px; top: 49%; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #3f3c3c transparent transparent; transition: all .5s ease; } .menu:hover:after { transform: rotate(180deg) } #starlist li.selected a:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -10px; width: 20px; height: 3px; border-radius: 4px; background-color: #1e62ec; } li.menu2:before { position: absolute; content: ""; bottom: 13px; right: 5px; transition: all .5s; width: 1px; height: 0; border: 4px solid transparent; border-left-color: #979897; z-index: 9999999; } li.menu2:hover:before { border-left-color: #000000; } #mnavh { display: none; width: 40px; height: 40px; text-align: center; } .menu2 { position: relative } .sub2 { display: none; position: absolute; top: 0; right: -100%; width: 100%; z-index: 99999; background: #8c8c8c; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); border-bottom: 0; } .menu2:hover .sub2 { display: block } .navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #fff; margin-top: 20px; float: left; } .navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .navicon:before { margin-top: -8px; } .navicon:after { margin-top: 8px; } .open .navicon { background: none } .open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #ffffff; } /*banner*/ .banner { width: 100%; margin-bottom: 40px; overflow: hidden } /*footer*/ footer { background: #333; padding: 10px 0; font-size: 14px; color: #999; } .copyright { text-align: center; } .copyright img { display: inline-block; vertical-align: bottom; } .copyright p { margin: 10px 0; } footer a { color: #999; } .side_nav { position: fixed; right: 30px; bottom: 10%; z-index: 999; } .side_nav ul li { text-align: center; position: relative; cursor: pointer; width: 48px; height: 48px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.17); border-radius: 24px; margin-top: 16px; } .side_nav ul li a { display: block; position: relative; } .side_nav ul li span { position: absolute; top: -14px; right: 60px; font-weight: 900; color: #ffffff; z-index: 2; font-size: 14px; display: none; align-items: center; background: #dddddd; text-align: left; text-indent: 46px; } .side_nav li i { display: block; margin: auto; width: 48px; height: 48px; border-radius: 24px; background: #fff; } .side_nav li i img { width: 24px; margin: auto; padding-top: 13px; } .side_nav ul li:hover span { display: block } .side_nav ul li span:after { position: absolute; content: ""; border-width: 8px 0px 8px 8px; border-style: solid; border-color: transparent transparent transparent #dddddd; border-image: initial; top: 29px; right: -7px; } .side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px } .side_nav ul li:nth-child(2) span:after { top: 40% } .side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; } .side_nav ul li span img { width: 100px; padding: 10px; } .side_nav ul li:hover i { background: #000 } .side_nav ul li:hover i img { filter: brightness(100); } .is-fixed { position: fixed; top: 0; z-index: 9999; backdrop-filter: blur(60px); background: hsla(0,0%,100%,.9); transition: all .3s ease; } .h_title { line-height: 32px; font-size: 24px; color: #333; font-weight: normal; margin-bottom: 20px; } .h_title span { height: 30px; font-size: 14px; border-radius: 20px; border: 1px solid #ccc; background-color: transparent; float: right; display: inline-block; transition: .3s; } .h_title span a { color: #666; display: block; padding: 0 18px; } .h_title span:hover a { color: #1e62ec; transition: .3s; } .h_title span:hover { background: #e3ebfb; border: 1px solid #e3ebfb; } .crossd { padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px } .fmpic { float: left; border-radius: 6px; overflow: hidden; width: 48%; height: 358px; position: relative; } .crnews { width: 50%; float: right; } .fmpic img { width: 100%; min-height: 100%; transition: .5s } .fmpic:hover img { transform: scale(1.03) } .fmpic i { position: absolute; bottom: 59%; left: 19px; font-size: 14px; background: #ffaf2b; color: #fff; padding: 2px 18px; border-radius: 24px 20px 16px 0; font-style: normal; } .fmpic span { position: absolute; bottom: 36%; left: 17px; font-size: 36px; background: rgb(16 20 42 / 60%); transition: all .3s ease; color: #fff; padding: 5px 20px; border-radius: 10px; letter-spacing: 3px; } .crnews li { overflow: hidden; margin-bottom: 20px; } .crnews li i { width: 180px; height: 106px; display: block; overflow: hidden; float: left; margin-right: 20px; border-radius: 6px; } .crnews li i img { width: 100%; transition: .5s; min-height: 100%;} .crnews li:last-child { margin-bottom: 0; } .crnews li:hover img { transform: scale(1.05); } .crnews li h3 { transition: .3s; margin: 14px 0; color: #3d3d3d; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .crnews li:hover h3 { color: #1e62ec } .crnews li p { font-size: 14px; color: #838383; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-right: 10px; } .cblue { background: #1e62ec !important } .crpics { width: 50%; float: right; } .crpics li { margin-bottom: 20px; } .crpics li { width: 48%; float: left; border-radius: 6px; overflow: hidden; position: relative; } .crpics li a { display: block; } .crpics li i { width: 100%; height: 169px; display: block; } .crpics li img { width: 100%; min-height: 100%; transition: .5s; } .crpics li:nth-child(even) { float: right; } .crpics li:nth-child(3), .crpics li:nth-child(4) { margin-bottom: 0; } .crpics li h3 { font-size: 15px; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 9; text-indent: 1em; font-weight: normal; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; } .crpics li a:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5px; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44.79%, rgba(0, 0, 0, 0.35) 63.54%, #000000 100%); z-index: 9; } .crpics li:hover img { transform: scale(1.05); } /*tab*/ #tab li { cursor: pointer; text-align: center; transition: .3s; flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #333; padding: 16px 12px; font-size: 18px; } #tab-content section { display: none; } #tab-content section:nth-child(1) { display: block } .news_tit { background: #f5f7fa; border-radius: 10px 10px 0 0; } .crotab { border: #ffffff 1px solid; border-radius: 10px; background: #fff; margin-bottom: 30px; } .news_tit #tab { display: flex; flex-wrap: nowrap; justify-content: space-between; } #tab li.tab-current { background: #fff; border-radius: 10px 10px 0 0; color: #1e62ec; } .pics { margin: 20px 20px 0; overflow: hidden; } .pics li { width: 23%; box-shadow: 0 0 8px -2px rgba(0,0,0,.06); border-radius: 8px; margin-bottom: 24px; overflow: hidden; border: 1px solid #f7f7f7; transition: .5s; margin-right: 22px;} .pics ul { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px; } .pics ul li h3 { margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; height: 52px; line-height: 1.6; -webkit-line-clamp: 2; font-size: 16px; } .pics li:hover h3 { color: #1e62ec; } .pics li:hover { box-shadow: 0 0 10px 0 rgba(30,98,236,.12); } .pics li i { display: block; overflow: hidden; border-radius: 4px; height: 150px;} .pics li img { width: 100%; min-height:100%; transition: .5s } .pics li:hover img { transform: scale(1.05) } .pics li a { display: block; margin: 8px; } .pics ul li p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; margin: 0 0 20px 0; } .ennews { padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px; } .dnews section { width: 30%; } ul.dn_top li { overflow: hidden; } .dnews { display: flex; justify-content: space-between; flex-wrap: nowrap; } .dnews h3 { margin: 0px 0 20px; color: #333; background: #f5f5f9; padding: 10px; border-radius: 8px; } .dnews h3:hover a { color: #1e62ec; } ul.dn_top li i { width: 160px; height: 100px; display: block; overflow: hidden; float: left; border-radius: 6px; margin-right: 15px; } ul.dn_top li i img { width: 100%; min-height: 100%; transition: .5s; } ul.dn_top h4 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-top: 30px; font-size: 16px;} ul.dn_top { margin-bottom: 20px; } ul.dn_list { line-height: 38px; } ul.dn_list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.dn_top li:hover img { transform: scale(1.05); } ul.dn_top li:hover h4 { color: #1e62ec; } ul.dn_list li:hover a { color: #1e62ec; } .links { background: #fff; padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px; } .links a { color: #999; margin-right: 15px } .links a:hover { color: #1e62ec; } .weizhi { color: #a4a8bd; font-size: 14px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .weizhi a { color: #a4a8bd; } .lbox { width: 75%; float: left; } .rbox { width: 300px; float: right; } .newslist { margin-bottom: 20px; padding: 24px; border-radius: 8px; background: #fff; } .page_title { padding: 0 20px 10px 0; background: #fff; color: #333; font-size: 22px; border-bottom: 1px solid #eee; } .blogs_list { background: #fff; } .blogs_list li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e5e5e5; position: relative; background: #fff; transition: .5s; height: 150px; } .blogs_list li:hover { } .blogs_list li:last-child { margin-bottom: 0 } .blogs_list li i { width: 240px; height: 150px; overflow: hidden; border-radius: 4px; display: block; float: left; margin-right: 20px; position: relative } .blogs_list li em { position: absolute; background: rgba(0,0,0,.6); left: 0; top: 15px; padding: 4px 8px; font-size: 12px; line-height: 14px; font-style: normal; border-radius: 0 3px 3px 0; transition: .5s } .blogs_list li em:hover { background: #056DE8 } .blogs_list li em a { color: #fff } .blogs_list li i img { width: 100%; min-height: 100%; transition: .5s; } .blogs_list li i img:hover { transform: scale(1.05) } .blogs_list li h2 { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 20px; line-height: 1.4; margin-bottom: 10px; } .blogs_list li h2 a { color: #333; transition: .3s; } .blogs_list li h2 a:hover { color: #056DE8 } .blogs_list li p { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #808592; font-size: 14px; line-height: 1.58; } .blogs_list section { display: block; position: relative; overflow: hidden; height: 100%; } .blogs_info { position: absolute; left: 0; bottom: 5px; color: #999; font-size: 12px; width: 100%; } .blogs_list li span.timer { float: left; left: auto; } .blogs_list li span.view { float: right; background: url(../images/view.png) no-repeat left center; background-size: 14px; padding-left: 16px; } /*pagelist*/ .pagelist { text-align: center; color: #666; width: 100%; clear: both; padding: 20px 0 10px; font-size: 12px; background: #fff; } .pagelist a { color: #5c626c; margin: 0 5px 10px; padding: 5px 10px; background: #f4f4f5; display: inline-block; } .pagelist a:nth-child(1) { display: none } .pagelist a:hover, .pagelist > b { color: #FFF; background: #056DE8; } .pagelist > b { padding: 5px 10px; } .rbox > div { background: #fff; margin: 0 0 20px 0; padding: 15px; box-shadow: 0 0 8px rgba(0,0,0,.04); border-radius: 8px; } .side_title { padding: 12px 0; margin-bottom: 10px; position: relative; font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; } .side_title:after { position: absolute; left: 0; top: 4px; width: 3px; height: 16px; content: ""; /* background: #056DE8; */ border-radius: 4px; } /*pic_news*/ .pic_news { } .pic_news li { padding: 14px 0; overflow: hidden; } .pic_news li i { float: left; width: 100px; height: 63px; overflow: hidden; border-radius: 3px; margin-right: 10px; } .pic_news li i img { width: 100%; min-height: 100%; transition: .5s } .pic_news li h3 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-weight: normal; font-size: 14px; line-height: 1.4; color: #333; margin-bottom: 5px; } .pic_news li span { font-size: 12px; color: #999; line-height: 14px; } .pic_news li:hover img { transform: scale(1.05) } .pic_news li:hover h3 { color: #056DE8 } .pic_news li:last-child { border-bottom: none; padding: 15px 0 0; } .tags ul { margin-top: 10px; overflow: hidden; } .tags li { font-size: 14px; display: inline-block; float: left; width: 33.33%; text-align: center; } .tags li a { padding: 4px 12px; display: block; border: #efefef 1px solid; border-radius: 6px; margin: 4px 4px 2px; color: #4f5562; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #f7f8fb; } .tags li:hover a { background: #056DE8; color: #fff; border: #056DE8 1px solid; } ul.hot_news { margin: 20px 0 0; } ul.hot_news li { background-color: #f7f7f7; border-radius: 0 12px 12px 12px; color: #222; margin: 10px 10px; padding: 12px 13px; counter-increment: a 1; position: relative; } ul.hot_news li a { } ul.hot_news li h3 { font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; } ul.hot_news li:hover h3 { color: #1e62ec; } ul.hot_news li:nth-child(1) { background: #eef4fc; } ul.hot_news li:before { /* content: counter(a);*/ display: inline-block; left: -10px; top: 0; margin-right: 10px; color: #9195a3; position: absolute; font-style: italic; font-size: 24px; line-height: 45px; opacity: .3; } .mb_text { margin-bottom: 20px; padding: 24px; border-radius: 8px; background: #fff; } h1.ar_title { margin-bottom: 20px; line-height: 1.4; font-size: 24px; font-weight: 700; color: #3d3d3d; } .ar_info { color: #999; font-size: 14px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid rgba(239,239,239,.8); } .ar_info a { color: #1e62ec; } .ar_info a:hover, .weizhi a:hover { color: #056DE8; } .ar_info span { margin-right: 30px; position: relative; } .ar_info span:after { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 4px; background: #d1d0d0; right: -16px; top: 9px; } .ar_info span:last-child:after { display: none } .content { font-size: 18px; line-height: 1.8; word-break: break-all; color: #262626;text-align:justify; } .content p { margin: 20px 0; } .content ul, .content ol { margin: 20px 0 20px 35px; } .content ul li, .content ol li { margin-top: 3px; line-height: 30px; } .content.content ul li { list-style-type: disc; } .content ol li { list-style-type: decimal; } .content h2, .content h3, .content h4 { position: relative; margin: 20px 0; padding-left: 10px; line-height: 1.2; } .content h2 { font-size: 22px; border-left: 4px solid #056DE8;} .content h3 { font-size: 20px; } .content h4 { font-size: 18px; } .content a { color: #056de8;} .content a:hover {color: red;text-decoration:underline;} .content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0; } .content img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 10px auto; } .content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; } .content table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; } .content table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; } .content table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; } .content span.marker { background: yellow; } .content blockquote { position: relative; padding: 30px 30px 30px 75px; background: #f3f3f3; border-left: 0; font-size: 16px; border-radius: 3px; margin: 20px 0; display: block; } .content blockquote:before { content: ""; background: url(../images/yinhao.png) no-repeat; width: 37px; height: 32px; position: absolute; left: 26px; top: 16px; } .diggit { display: block; width: 160px; margin: 30px auto; color: #056de8; background-size: 20px; line-height: 40px; text-align: center; font-size: 16px; transition: .5s; } .diggit a { color: #056de8; display: block; border-radius: 6px; transition: .5s; background: rgb(5 109 232 / 10%); } .diggit img { display: inline-block; width: 20px; margin: 0 4px -2px 0; } .diggit b { vertical-align: top; margin: 0 3px; font-weight: normal; } .diggit a:hover { background: #056de8; color: #fff; } .tags_list { font-size: 14px; overflow: hidden; padding: 30px 0; } .tags_list a { color: #999; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 8px 5px 0; display: inline-block; border-radius: 2px; } .tags_list a:hover, .tags_list a:first-child { background: #056DE8; color: #fff; border: #056DE8 1px solid; } .info-pre-next { overflow: hidden; margin: 0 auto 20px; background: #eef4fc; } .info-pre-next li { width: 49%; position: relative; overflow: hidden; line-height: 38px; border-radius: 6px; text-indent: 1em; color: #999; font-size: 14px; } .info-pre-next li a { font-size: 15px; } .info-pre-next li:nth-child(odd) { float: left; } .info-pre-next li:nth-child(even) { float: right } .other { margin-bottom: 20px; background: #fff; overflow: hidden; padding: 20px; border-radius: 8px; } .pinglun { margin-bottom: 20px; } .other ul li:last-child { border-bottom: none; } h4.btitle { padding: 12px 0; margin-bottom: 10px; position: relative; font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; } .white_box { background: #fff; padding: 30px; margin-bottom: 20px; min-height: 600px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); } .line_title { text-align: center; font-size: 24px; line-height: 1.4; font-weight: normal; color: #333; position: relative; margin-bottom: 50px; } .line_title:after { position: absolute; left: 50%; bottom: -15px; width: 20px; height: 2px; margin-left: -10px; background: #999; content: ""; } .tb_tags { overflow: hidden; } .tb_tags li { width: 150px; float: left; } .tb_tags li a { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; background: #f7f8f9; margin: 8px; padding: 0 10px; border-radius: 4px; } .tb_tags li a:hover { color: #fff; background: #056DE8 } .tb_tags li span { float: right; color: #999; font-size: 12px; } #pageContents { font-size: 15px; float: right; margin-top: 10px; } #pageContents a { padding: 4px 10px; border-radius: 4px; margin-left: 8px; } a#pagecurrent { background: #2b73f6; color: #fff; } .banner { border-radius: 10px } .crnews.fl { float: left;width: 48%;} .pl-tools ul li.username input { outline: none;}