@charset "utf-8"; /*Technical Support SudyTech*/ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; } header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } html, body, fieldset, img, iframe, abbr { border: 0; } img { vertical-align: top; } html { overflow-x: hidden; } i, cite, em, var, address, dfn { font-style: normal; } [hidefocus], summary { outline: 0; } li { list-style: none; } h1, h2, h3, h4, h5, h6, small { font-size: 100%; } sup, sub { font-size: 83%; } pre, code, kbd, samp { font-family: inherit; } q:before, q:after { content: none; } textarea { overflow: auto; resize: none; } label, summary { cursor: default; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; } del, ins, u, s, a, a:hover { text-decoration: none; } body, textarea, input, button, select, keygen, legend { font: 13px/1 arial, \5b8b\4f53; color: #333; outline: 0; } :focus { outline: 0; } /*备用样式表*/ .none { display: none; } .wcb { width: 100%; height: 30px; border: 2px dashed #97CBE0; } .hidden { visibility: hidden; } .clear { width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline; } .clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .clearfix { display: block; *zoom: 1; } .icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(images/icon.png) no-repeat; } /*css3扩展*/ body:before { content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); } ::-webkit-input-placeholder { color: #ccc; /* WebKit browsers */ } :-moz-placeholder { color: #ccc; /* Mozilla Firefox 4 to 18 */ } ::-moz-placeholder { color: #ccc; /* Mozilla Firefox 19+ */ } :-ms-input-placeholder { color: #ccc; /* Internet Explorer 10+ */ } /**布局开始**/ body { line-height: 1; font-size: 13px; font-family: "Arial", "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color: #333; background-color: #EFF1F3; } p { line-height: 1.75; } a { color: #3b3b3b; text-decoration: none; transition: all 0.4s ease-in-out; } a:hover { color: #095ab5; } /*页面尺寸*/ .wrapper { width: 100%; margin: 0 auto; } .wrapper .inner { width: 1400px; margin: 0 auto; box-sizing: border-box; } /**页面全局宽度**/ /*headtop*/ #headtop { padding-top:20px; } #headtop .inner {} #headtop .mod{ position:relative; } .headtop .top-left { float: right; margin-right:43px; } .headtop .top-right { position:absolute; z-index: 999; right:0; top:50%; transform:translateY(-50%); } /*head开始*/ .headBox{ background:linear-gradient(to bottom,#0264AAcc,#0264AA20);position:absolute;top:0;left:0;z-index:333; width: 100%; } .header { border-bottom: none; height: auto; line-height: inherit; } .main .headBox{ position: fixed; top: 0; z-index: 500; width: 100%; } .header .inner { height: 91px; position: relative; background: url('images/by.png') no-repeat right bottom; } .header .sitelogo { float: left; } .header .sitelogo img{ width: 250px; } .header .sitelogo span { position: relative; font-size: inherit; font-weight: normal; } .header .sitelogo span a { color: transparent; margin: 0; } .header .sitelogo h1 { font-size: inherit; font-weight: normal; background: none; padding-left: 0px; } .header .sitelogo .sitetitle { display: inline-block; margin-top: 28px; margin-left: 10px; font-size: 32px; font-weight: bold; color: #fff; } /**站点名称**/ .header .head-left { float: left; display: inline-block; } .header .head-main { float: left; margin-top: 10px; } .header .head-right { float: right; margin-top: 12px; width: calc(100% - 270px); } /*rale样式*/ .site-rale {} .site-rale ul {} .site-rale ul li.links { float: left; } .site-rale ul li.links a { line-height: 26px; padding: 0 12px 0 12px; padding-left: 22px; font-size: 16px; color: #ffffff; } .site-rale ul li.links a:hover { color: #fff; } .site-rale ul li.links.i1 a { background-position: 0px 0px; } .site-rale ul li.links.i2 a { background-position: -60px 0px; } .site-rale ul li.links.i3 a { background-position: -117px 0px; } .site-rale ul li.links.i4 a { background-position: -177px 0px; } /*lang样式*/ .site-lang {} .site-lang ul { float: right; } .site-lang ul li.links { float: left; } .site-lang ul li.links a { line-height: 35px; margin: 0px 5px; font-size: 13px; color: #cad3d4; } .site-lang ul li.links a:hover { color: #fff; } /*默认主导航样式*/ #nav { margin-top:20px; margin-right: -15px; } #nav .inner {} #nav .inner .wp-panel {} /*导航*/ #nav .inner .wp-panel .wp-window {} #nav .inner .wp-panel .navbg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: 100%; background: #fff; opacity: .7; filter: alpha(opacity=70); } /*导航样式:后台绑定时也可以定义配置*/ .nav .wp-menu { margin: 0 auto; display:flex; justify-content:flex-end; } .nav .wp-menu .menu-item { display: inline-block; float: left; position: relative; } .nav .wp-menu .menu-item.i1 { background: none; } .nav .wp-menu .menu-item a>.menu-switch-arrow { display: none; width: 20px; height: 20px; background: url(images/nav_j.png) no-repeat center center; vertical-align: middle; } .nav .wp-menu .menu-item a.menu-link { display: inline-block; padding: 0 8px; line-height: 42px; color: #FFFFFF; font-size: 16px; white-space: nowrap; font-weight: bold; } .nav .wp-menu .menu-item.hover a.menu-link, .nav .wp-menu .menu-item a.hover { background-color: #1384e2; text-decoration: none; color: #eee; } .nav .sub-menu { display: none; position: absolute; left: 0; top: 42px; min-width: 100%; z-index: 100; background: #fff; } .nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom: 1; } .nav .sub-menu .sub-item a { display: block; color: #000; height: 40px; line-height: 40px; padding: 0 18px; font-size: 14px; background: none; } .nav .sub-menu .sub-item.hover>a, .nav .sub-menu .sub-item a:hover { color: #fff; background-color: #1384e2; display: block; } .nav .sub-menu .sub-menu { left: 100%; top: 0px; z-index: 200; background: #fff; } /**主页banner开始**/ #banner { background: #e7e2df; } #banner .inner { width: auto; text-align: center; position: relative; } /**主体模块样式**/ #m-container {} #m-container .inner {} .news a{ color: inherit; } .news a:hover{ color: #0064aa; } .news_imgs{ overflow: hidden; } .main .inner .news_list .news_title{ font-size: 16px; font-weight: bold; color: #333333; } .news_imgs img{ width: 100%; height: 100%; transition: 0.4s; } .news_imgs a img:hover{ transform: scale(1.05); } /**首页三列布局**/ .mod {} .mbox {} .main6 .inner, .main5 .inner, .main4 .inner, .main3 .inner{ padding: 0 1.85%; background-color: #ffffff; } .main3 .inner{ padding-bottom: 69px; } .main4 .inner{ padding-bottom: 40px; } .main5 .inner{ padding-bottom: 36px; } .main6 .inner{ padding-bottom: 44px; } .main2{ margin-top: -10px; margin-bottom: 41px; } .main3{ margin-bottom: 34px; } .main4,.main5{ margin-bottom: 40px; } .main6{ margin-bottom: 56px; } .main1 { transform: translateY(-50%); } .main1 .inner{ background-color: #ffffff; } .main1 .news_list{ padding: 27px 0 24px 0; } .main1 .news_list .news{ border-right: 1px solid #615da166; float: left; width: 14.28%; box-sizing: border-box; display: flex; flex-flow: column; justify-content: center; align-items: center; } .main1 .news_list .news:last-child{ border:none; } .main1 .inner .news_list .news_title{ font-size: 16px; font-weight: bold; color: #0064AA; text-align: center; height: 68px; word-break: normal; padding: 0px 10px; -webkit-line-clamp: 2; } .main1 .news_list .second_title{ font-size: 14px; color: #0064AA80; } .main2 .ml{ width: 64.9%; margin-right: 2.1%; float: left; background-color: #ffffff; padding: 0 1.78%; padding-bottom: 50px; box-sizing: border-box; } .main2 .ml .u1{ width: 54%; margin-right: 2.1%; padding-bottom: 23px; float: left; } .main2 .ml .u1 .news_con{ overflow:hidden; border-left:3px solid #CAA87A; padding-left:15px; padding-bottom:16px; } .main2 .ml .u1 .news_imgs{ width: 100%; height: 320px; } .main2 .ml .u1 .news_imgs{ position: relative; } .main2 .ml .u1 .news_imgs img{ width: 100%; height: 100%; object-fit: cover; } .main2 .ml .u1 .news_time{ font-size: 13px; font-weight: bold; padding:0px 12px; color: #ffffff; background-color: #CAA87A; position: absolute; z-index: 50; left: 0; bottom: 0; } .main2 .ml .u1 .news_title{ line-height: 38px; margin-top: 12px; } .main2 .ml .u1 .news_intro{ font-size: 14px; line-height: 28px; color:#666666; } .main2 .ml .u2{ width: 43.9%; float: left; } .main2 .mr{ width: 33%; float: left; background-color: #ffffff; padding: 0 1.78%; padding-bottom: 60px; box-sizing: border-box; } .main3 .news{ margin-right: 29px; } .main3 .news .news_imgs{ height: 285px; } .main3 .news .news_imgs img{ width: 100%; height: 100%; object-fit: cover; } .main3 .news .news_title{ text-align: center; margin-top: 29px; } .main4 .news{ width: 30.7%; margin-right:3.95%; position: relative; float: left; } .main4 .news .news_imgs{ width: 100%; height:162px ; } .main4 .news .news_imgs img{ width: 100%; height: 100%; object-fit: cover; } .main4 .inner .news .news_title{ /* position: absolute; */ /* left: 0; */ z-index: 50; /*transform: translate3d(-50%,-50%,0);*/ font-size: 20px; font-weight: bold; } .main4 .inner .news .news_title font{color: #333 !important;} .main4 .news:nth-child(3){ margin-right: 0; } .main56 .ml{ width: 48%; float: left; margin-right: 2.1%; } .main56 .news_imgs{ width: 100%; height: 456px; max-height: 456px; } .main56 .news_imgs img{ width: 100%; height: 100%; object-fit: cover; } .main56 .mr{ width:46.2%; float: left; } .main56 .mr .news{ display: flex; justify-content: space-between; align-items: center; } /**标题栏新闻窗口**/ .post_bottom_line .news{ border-bottom: 1px solid #eaeaea; padding: 11px 0; } .post_bottom_line .news_list .news .news_time{ font-size: 16px; color: #CAA87A; white-space:nowrap; } .post9 .tt{ display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #C1C1C1; padding: 23px 0 12px 0; margin-bottom: 26px; } .post9 .tt .tit .title{ font-size: 32px; font-weight: bold; color: #0064AA; border-bottom: 4px solid #56C064; padding-bottom: 8px; } .more_btn .more_text{ font-size: 16px; color: #AFAFAF; margin-right: 5px; } .post { margin-bottom: 10px; } .post .tt { display: inline-block; width: 100%; border-bottom: 0px solid #e6e6e6; } /**标题栏**/ .post .tt .tit { display: inline-block; float: left; font-size: 16px; font-weight: normal; } /**标题字体**/ .post .tt .tit .title { display: block; line-height: 42px; color: #424242; font-family: "Microsoft yahei"; } .post .tt .tit .name { display: none; line-height: 16px; color: #333; } /*栏目别名*/ .post .con { padding: 6px 0; margin: 0 auto; } .post .con .wp_article_list .list_item { border-bottom: 1px dashed #ccc; } /**新闻列表**/ .post .con .wp_article_list .list_item .Article_Index { background: url(images/li.gif) no-repeat center; } .post .more_btn { display: inline-block; *display: inline; *zoom: 1; height: 20px; margin-top: 10px; line-height: 20px; float: right; } .post .more_btn .more_text, .post .more_btn a { font-size: 13px; cursor: pointer; } .post .more_btn a { color: #666; } .post .more_btn a:hover { color: #666; } /*标准标题*/ .post1 {} .post1 .tt { border-bottom: 2px solid #146cc1; } .post1 .tt .tit {} .post1 .tt .tit .title { display: inline-block; margin-right: 20px; font-size: 16px; font-weight: bold; color: #18267d; cursor: pointer; } .post1 .tt .tit .title.selected { color: #0064AA; } .post1 .more_btn a { color: #1826a5; } /*带图标标题*/ .post2 {} .post2 .tt {} .post2 .tt .tit { padding-left: 24px; background: url('images/new1_icon.png') no-repeat left center; } .post2 .tt .tit .title { font-size: 16px; font-weight: bold; color: #18267d; cursor: pointer; } .post2 .con {} /*居中标题*/ .post3 {} .post3 .tt { width: 100%; text-align: center; } .post3 .tt .tit { float: none; } .post3 .tt .tit .title { font-weight: bold; color: #1B2EA3; } .post3 .more_btn { margin-left: 10px; line-height: 20px; float: none; } /*标题切换hover*/ .post4 {} .post4 .tt { border-bottom: 1px solid #57b8ef; } .post4 .tt .tit { border-bottom: 0px; } .post4 .tt .tit .title { display: inline-block; margin-right: 20px; color: #333; border-bottom: 3px solid #0074B3; cursor: pointer; } .post4 .tt .tit .title.selected { border-bottom: 3px solid #fff; color: #000; } .post1 .more_btn a { color: #1826a5; } /*左标题右内容*/ .post5 { background: #1826a5; } .post5 .tt { float: left; width: 120px; margin-right: -120px; position: relative; } .post5 .tt .tit { float: none; margin-top: 26px; width: 100%; font-size: 18px; } .post5 .tt .tit .title { text-align: center; color: #fff; } .post5 .more_btn { display: inline-block; position: absolute; left: 0; right: 0; bottom: -54px; z-index: 100; height: auto; text-align: center; margin-top: 0px; } .post5 .more_btn a { line-height: 45px; color: #fff; } .post5 .con { padding: 0; position: relative; } .post5 .con .conbox { margin-left: 120px; padding-left: 15px; background: #fff; } /**自定义新闻列表**/ .news_list {} .news_list li.news { line-height: 34px; padding-left: 0px; } /**标题图标**/ .news_list li.news span.news_title { float: left; } /*标题*/ .news_list li.news span.news_title img { vertical-align: middle; } .news_list li.news span.news_meta { float: right; margin-left: 2px; color: #9C9C9C; } /*属性*/ .news_list li.news .news_time, .news_list li.news .news_time span { color: #666; } /*发布时间*/ .news_list li.news .news_icon { display: inline-block; margin: 0 auto; border: 0px solid red; } .news_list li.news .news_text { line-height: 22px; color: #666; } /*默认简介*/ .news_list li.news .news_bg { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 30px; background: #000; opacity: .7; filter: Alpha(opacity=70); } .news_list li.news p { line-height: 34px; } /*日历新闻样式1*/ .rili {} .rili .con { padding: 5px 0px; } .rili .news_list {} .rili .news_list li.news { margin-top: 0px; } .rili .news_list li.news.n1 {} .rili .news_list li.news .news_date { float: left; width: 60px; height: 28px; line-height: 28px; margin-top: 3px; margin-right: -70px; font-family: "Microsoft YaHei"; border-radius: 4px; background: #146cc1; text-align: center; vertical-align: middle; } .rili .news_list li.news .news_date .news_year { display: inline-block; padding: 0 4px; font-size: 18px; color: #fff; } .rili .news_list li.news .news_date .news_days { display: inline-block; height: 26px; padding: 0 6px; font-size: 14px; color: #18267d; border-radius: 0px 4px 4px 0px; background: #fff; vertical-align: top; border: 1px solid #146cc1; } .rili .news_list li.news .news_wz { width: 100%; } .rili .news_list li.news .news_wz .news_con { margin-left: 70px; } .rili .news_list li.news .news_title { line-height: 34px; margin-top: 0px; font-size: 14px; color: #000; } .rili .news_list li.news .news_text { line-height: 20px; margin-top: 0px; font-size: 12px; color: #666; } /*日历新闻样式2*/ .rili2 {} .rili2 .con { padding: 5px 0px; } .rili2 .news_list {} .rili2 .news_list li.news { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .rili2 .news_list li.news.n1 { margin-top: 10px; border-bottom: 1px solid #ccc; } .rili2 .news_list li.news .news_date { float: left; width: 60px; margin-right: -70px; background: #00707a; text-align: center; } .rili2 .news_list li.news .news_date .news_year { line-height: 30px; font-size: 22px; color: #fff; background-color: #949494; transition: all 0.4s ease-in-out; } .rili2 .news_list li.news .news_date .news_days { line-height: 30px; font-size: 12px; color: #6b6b6b; background-color: #e3e4e6; } .rili2 .news_list li.news .news_wz { width: 100%; } .rili2 .news_list li.news .news_wz .news_con { margin-left: 70px; padding: 4px 0px; } .rili2 .news_list li.news .news_title { line-height: 23px; margin-top: 4px; font-size: 15px; color: #000; } .rili2 .news_list li.news:hover .news_date .news_year { background-color: #0945a8; transition: all 0.4s ease-in-out; } .rili2 .news_list li.news:hover .news_date .news_days { background-color: #e3e4e6; } /*标题文*/ .news_text {} .news_text .news_list {} .news_text .news_list li.news { margin-bottom: 10px; } .news_text .news_list li.news .news_title { line-height: 24px; font-size: 15px; } .news_text .news_list li.news .news_text { line-height: 22px; font-size: 13px; } .news_text .news_list li.news .news_time { line-height: 28px; font-size: 13px; } /*图列表*/ .news_tu {} .news_tu .con { padding: 12px 0px; } .news_tu .news_list { margin: 0px -10px; } .news_tu .news_list li.news { float: left; width: 25%; } .news_tu .news_list li.news .news_box { margin: 0px 10px; transition: all 0.4s ease-in-out; } .news_tu .news_list li.news .news_box:hover { opacity: .85; filter: Alpha(opacity=85); } .news_tu .news_list li.news .news_imgs { height: 180px; background-color: #F1F1F1; overflow: hidden; vertical-align: middle; display: table-cell; } .news_tu .news_list li.news .news_imgs img { width: 100%; height: auto; max-height: 100%; } .news_tu .news_list li.news .news_wz {} .news_tu .news_list li.news .news_wz .news_con {} .news_tu .news_list li.news .news_title { line-height: 45px; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .news_tu .news_list li.news .news_title a {} /*图文*/ .tu_text {} .tu_text .news_list {} .tu_text .news_list li.news { margin-bottom: 10px; } .tu_text .news_list li.news .news_imgs { float: left; width: 160px; margin-right: -175px; } .tu_text .news_list li.news .news_imgs a { height: 120px; display: table-cell; vertical-align: middle; background-color: #efefef; } .tu_text .news_list li.news .news_imgs img { width: 100%; height: auto; } .tu_text .news_list li.news .news_wz { width: 100%; } .tu_text .news_list li.news .news_wz .news_con { margin-left: 175px; padding: 0px 0px; position: relative; } .tu_text .news_list li.news .news_title { line-height: 24px; font-size: 15px; } .tu_text .news_list li.news .news_text { line-height: 22px; font-size: 12px; } .tu_text .news_list li.news .news_time { line-height: 26px; font-size: 12px; } /*文字图标链接*/ .link_text { margin-bottom: 0px; } .link_text .news_list { margin: 0 -5px; } .link_text .news_list li.news { float: left; width: 20%; text-align: center; } .link_text .news_list li.news .news_box { margin: 0 5px; } .link_text .news_list li.news .link_icon { display: inline-block; width: 100%; background-color: #1b2ea3; } .link_text .news_list li.news .link_icon:hover { background-color: #666; } .link_text .news_list li.news .link_con { display: block; line-height: 30px; color: #fff; } /*图标链接*/ .link_icon { margin-bottom: 0px; } .link_icon .news_list { margin: 0 -10px; } .link_icon .news_list li.news { float: left; width: 20%; text-align: center; border: none; } .link_icon .news_list li.news .news_box { margin: 0 10px; } .link_icon .news_list li.news .link_icon { display: inline-block; width: 100%; background-color: #1b2ea3; opacity: 1; filter: Alpha(opacity=100); } .link_icon .news_list li.news .link_icon:hover { background-color: #1b2ea3; opacity: .8; filter: Alpha(opacity=80); } .link_icon .news_list li.news .link_icon .icon { width: 35px; height: 34px; margin: 10px 0px; border: 0px solid red; } .link_icon .news_list li.news.i1 .link_icon .icon { background-position: 0px 0px; } .link_icon .news_list li.news.i2 .link_icon .icon { background-position: -86px 0px; } .link_icon .news_list li.news.i3 .link_icon .icon { background-position: -169px 0px; } .link_icon .news_list li.news.i4 .link_icon .icon { background-position: -258px 0px; } .link_icon .news_list li.news.i5 .link_icon .icon { background-position: -335px 0px; } .link_icon .news_list li.news.i6 .link_icon .icon { background-position: -421px 0px; } .link_icon .news_list li.news.i7 .link_icon .icon { background-position: -86px 0px; } .link_icon .news_list li.news.i8 .link_icon .icon { background-position: -86px 0px; } .link_icon .news_list li.news .link_con { display: block; line-height: 30px; color: #000; } .post-33 {} .post-33 .con {} .post-33 .news_list {} .post-33 .news_list li.news { padding-left: 18px; background: url('images/news_biao.png') no-repeat 3px center; } .post-41 {} .post-41 .con { padding: 15px 0; } /*********************************************************** * 列表页 */ /**首页三列布局**/ /**列表页**/ /*栏目图片*/ .l-banner { padding-top:20%; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .l-banner img { display: none; height: 100%; vertical-align: top; } /**主体列表页开始**/ #l-container {} #l-container .inner { padding: 0px 0px; } /**主体文章页开始**/ #d-container {} #d-container .inner { background: #fff; } .col_menu { width: 240px; float: left; margin-right: -240px; position: relative;margin-top:-70px } .col_menu .l-qh { margin-bottom: 10px; } .col_menu .col_menu_head { background: #0064AA; } /**位置栏目背景**/ .col_menu .col_menu_head h3.col_name { font-size: 25px; color: #fff; } /**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text { display: block; line-height: 70px; text-align:center } /**栏目名称图标**/ .col_menu .col_menu_con { border-left: 12px solid #0064AA; } /*栏目列表*/ .col_list {padding:0 10px;background:#fff} .col_list .wp_listcolumn { border-top: 0px solid #2867A0; border-bottom: 0px solid #fff; } .col_list .wp_listcolumn .wp_column{background:#fff;border-bottom:1px solid #E2E2E2} .col_list .wp_listcolumn .wp_column.selected{border-color:#0064AA} .col_list .wp_listcolumn .wp_column a { color: #333; font-size: 17px; font-weight: normal; background: none; border-top: 0px solid #fff; border-bottom: 1px solid #F6EAEA;box-sizing:border-box; padding: 7px 0px 7px 40px; } .col_list .wp_listcolumn .wp_column a .column-name { padding-left:15px;background:url(images/collist_arr.png) left center no-repeat; line-height: 32px; } .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected { } .col_list .wp_listcolumn .wp_column a.selected span.column-name { } .col_list .wp_listcolumn .wp_subcolumn .wp_column a { color: #454545; background: none; border-top: 1px solid #fff; border-bottom: 1px solid #bbb; } .col_list .wp_listcolumn .wp_column.parent>a .column-name { font-weight: bold; color: #0064AA; } /*二级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list a { color: #333; border-top: 1px solid #eee; margin-top: -1px; } .col_list .wp_listcolumn .sub_list a{padding: 7px 10px 7px 50px;} .col_list .wp_listcolumn .sub_list a .column-name { display: inline-block; line-height: 28px; cursor: pointer; } .col_list .wp_listcolumn .sub_list a:hover, .col_list .wp_listcolumn .wp_column a.selected { font-weight: bold; font-weight: bold; color: #0064AA; } /*三级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a { background: none; } .col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; cursor: pointer; } .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected { font-weight: bold; color: #0064AA; } /**栏目新闻**/ .col_news { width: 100%; min-height: 500px; float: right; } .col_news .col_news_box { margin-left: 290px; } .col_news_head { border-bottom: 1px solid #DBDBDB; } .col_metas .col_title { display: inline-block; float: left; height: 48px; line-height: 48px; } /**当前栏目**/ .col_metas .col_title h2 { display: inline-block; font-size: 20px; font-family: "Microsoft yahei"; font-weight: normal; color: #0064AA; border-bottom: 3px solid #CBCBCB; } .col_metas .col_path { display: inline-block; float: right; white-space: nowrap; height: 46px; line-height: 46px; color: #666; } /**当前位置**/ .col_metas .col_path a { color: #2F2F2F; } .col_news_con { padding: 5px 0px 10px 0px; margin: 0 7px; } .col_news_list { margin-top: 7px; } .col_news_list .news_title{ max-width: calc(100% - 100px); } .col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/ .col_news_list .wp_article_list .list_item .Article_Index {} /**栏目新闻图标序号**/ .col_news_list .wp_entry, .col_news_list .wp_entry p { line-height: 1.75; font-size: 14px; color: #333; } .col_news_list .wp_entry p { margin-bottom: 10px; } .col_news_list .wp_entry table { margin-bottom: 4px; } .col_news_list .wp_entry img { max-width: 680px; _width: expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/ /**文章页**/ .infobox { width: auto; margin: 0 auto; padding: 20px 60px; min-height: 500px; } .article { padding-top: 10px; } .article h1.arti_title { line-height: 48px; font-family: "Microsoft YaHei"; font-size: 22px; text-align: center; color: #0064AA; } /**文章标题**/ .article h2.arti_title { line-height: 40px; font-family: "Microsoft YaHei"; font-size: 17px; text-align: center; color: #1B1B1B; } /**文章副标题**/ .article .arti_metas { padding: 10px; text-align: center; border-top: 1px solid #ececec; } .article .arti_metas span { margin: 0 5px; font-size: 12px; color: #787878; } /**文章其他属性**/ .article .entry { margin: 0 auto; overflow: hidden; margin-top: 10px; } /**文章内容**/ .article .entry .read{ min-height:400px; } .article .entry .read, .article .entry .read p { font-family: "microsoft yahei" !important; line-height: 1.75 !important; font-size: 16px !important; color: #333; } .article .entry .read p span{font-family: "microsoft yahei" !important; line-height: 1.75 !important; font-size: 16px !important;} /**阅读字体**/ .article .entry .read p { margin-bottom: 10px; } .article .entry .read img { margin: 0 auto; max-width: 940px; _width: expression(this.width > 940 ? "940px" : this.width); } /**文章阅读部分图片大小限制**/ .article .entry .read table { margin: 0 auto; border: none !important; } #wp_paging_w6 .wp_paging { font-size: 12px; line-height: 34px; padding: 4px 0 72px; text-align: right; } #wp_paging_w6 .wp_paging li { margin: 0; line-height: 20px; height: 20px; float: none; display: inline-block; } #wp_paging_w6 .wp_paging li.pages_count { display: none; } .wp_paging li span, .wp_paging li a { display: inline-block; float: left; margin-left: 10px; } #wp_paging_w6 .wp_paging li a { height: 20px; line-height: 20px; padding: 0 9px; border: 1px solid #9E9E9E; color: #000; } .wp_paging li input { border: 1px solid #d5d5d5; background: #fff; text-align: center; } #wp_paging_w6 .wp_paging li a:hover { background: #0064AA; color: #fff; } #wp_paging_w6 .wp_paging li input { font-size: 12px; width: 40px; height: 20px; margin: 0; line-height: 34px; border: 1px solid #9E9E9E; background: transparent; } #wp_paging_w6 .wp_paging li span:last-child { margin: 0; } #wp_paging_w6 .wp_paging li em { font-weight: 400; } .wp_paging li span.pages { padding: 0 10px; } #wp_paging_w6 .wp_paging li span.all_count { margin: 0 15px; } /**页脚开始**/ #footer { background: #0064AA; overflow: hidden; } #footer .title{ font-size: 18px; font-weight: bold; color:#ffffff; margin-bottom: 14px; } #footer .foot-mod{ float: left; } #footer .inner .foot-right { float: right; } #footer .inner .foot-right .news{ float:left; } #footer .foot-top{ margin-top: 45px; margin-bottom: 50px; display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px; justify-items: start; } #footer .foot-bottom{ border-top: 1px solid #ffffff33; text-align: center; } #footer .foot-c1{ margin-left: 29px; } #footer .foot-c2{ margin-left: 29px; } #footer .foot-c3{ /* margin-left: 30px; */ } #footer .foot-c1 .news_list, #footer .foot-c2 .news_list{ display: grid; grid-template-columns: auto auto; grid-column-gap: 11px; } #footer .foot-bottom p{ display: flex; justify-content: center; padding: 20px 0; } #footer a:hover{color:#ffffff;} #footer .inner p, #footer .inner .news_title { font-size: 15px; line-height: 33px; font-weight: normal; text-align: left; color: #ffffffb3; } #footer .foot-right .news_title{ text-align: center; margin-top: 10px; } #footer .foot-right .news:nth-child(2){ margin-left: 30px; } #footer .foot-right .news_imgs{ width: 108px; height: 108px; } #footer .foot-right .news_imgs img{ width: 100%; height: 100%; } #footer .inner .foot-right .news_title{ color:#ffffff; } #footer .inner p span { margin: 0 3px; } #footer .inner .copyright {} #footer .inner .copyright span {} #footer .inner .copyright a { color: #eee; } /************************************************************** * 组件功能 */ /*系统默认搜索*/ .wp_search { display: inline-block; position: relative; padding-left: 4px; border: 1px solid #d0d0d0; } .wp_search #keyword { width: 160px !important; padding: 4px 0; border: none; height: 20px; line-height: 20px; background: transparent; color: #fff; } .wp_search .search { width: 32px; height: 30px; border: 0px; background: #FFFFFF url(images/sous.png) no-repeat center; cursor: pointer; vertical-align: top; } /*自定义输入框*/ .searchbox { text-align: right; margin-top: 5px; } .wp-search { position: relative; border: 1px solid #d0d0d0; } .wp-search form { display: block; } .wp-search .search-input { margin-right: 40px; } .wp-search .search-input input.search-title { width: 100%; height: 22px; padding: 4px 0; line-height: 22px; background: none; color: #FFFFFF; font-size: 14px; border: 0; outline: 0; font-family: "Microsoft Yahei"; } .wp-search .search-btn { width: 32px; height: 32px; position: absolute; right: 0; top: 0%; } .wp-search .search-btn input.search-submit { width: 32px; height: 30px; border: 0; outline: 0; background: #FFFFFF url(images/sous.png) no-repeat center; cursor: pointer; } /* 分享二维码 */ .shares { text-align: center; } .shares ul { width: auto; margin: 0 auto; text-align: right; float: right; } .shares li { float: left; margin: 0 6px; position: relative; } .shares li a { display: inline-block; width: 50px; height: 50px; border: 0px solid red; background: url('images/share_icon.png') no-repeat; opacity: .6; filter: Alpha(opacity=60); vertical-align: top; } .shares li a:hover { opacity: 1; filter: Alpha(opacity=100); } .shares li.i1 a { background-position: 0px 0px; } .shares li.i2 a { background-position: -72px 0px; } .shares li.i3 a { background-position: -144px 0px; } .shares li span { display: block; line-height: 22px; font-size: 12px; color: #D0D4EA; text-align: center; } .shares li .con { display: none; position: absolute; bottom: 80px; left: 50%; z-index: 100; margin-left: -50px; width: 100px; } .shares li .con img { width: 90px; height: 90px; vertical-align: top; background: #fff; } /**友情链接**/ .botlinks .links-wrap { position: relative; float: left; display: inline-block; margin: 4px 10px; width: 150px; line-height: 32px; background: #fff; border: 1px solid #d0d0d0; } .botlinks .links-wrap a.links-arrow { display: block; height: 32px; line-height: 32px; padding: 0 25px 0 10px; color: #a1a1a1; background: url(images/arrow.png) no-repeat right top; } .botlinks .links-wrap a.links-arrow:hover, .botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer; } .botlinks .links-wrap .link-items { display: none; position: absolute; left: 0; bottom: 33px; width: auto; min-width: 180px; height: auto; max-height: 300px; overflow: auto; overflow-x: hidden; background: #f5f5f5; } .botlinks .links-wrap .link-items a { display: block; line-height: 24px; padding: 5px 0; color: #444; } .botlinks .links-wrap .link-items a span { display: block; margin: 0 6px; white-space: nowrap; } .botlinks .links-wrap .link-items a:hover { color: #fff; background: #0064AA; cursor: pointer; } /**链接样式**/ /*列表页*/ /*banner*/ .mbanner .focus .focus-title-bar { bottom: 120px; left: 50%; transform:translateX(-50%); margin-left: 0px; } .focus-title{ font-size:32px; font-weight:bold; } .mbanner .focus .focus-title-bg { background-color: transparent; opacity: 0.4; filter: alpha(opacity=60); } .mbanner .focus .focus-pagination { position: absolute; right: 50%; transform: translateX(50%); bottom: 165px; margin-right: 0px; z-index: 60; } .mbanner .focus .focus-page { display: inline-block; width: 21px; height: 21px; margin-right: 15px; background: url(images/dot.png) no-repeat; background-position:center; } .mbanner .focus .focus-page-active { width: 21px; height:21px; background:url(images/dot_act.png) no-repeat; background-position:center; opacity: 1; filter: Alpha(opacity=100); } .mbanner .focus .focus-navigation { width: 39px; height: 39px; opacity: 1; filter: alpha(opacity=70); height:100%; text-indent: -999em; top:0; bottom:50%; transform:translateY(50%); } .mbanner .focus .focus-navigation:hover { opacity: 1; filter: alpha(opacity=100); } .mbanner .focus .focus-navigation:active { opacity: 1; filter: alpha(opacity=100); } .mbanner .focus .focus-prev { left: 6.7vw; background: url(images/prev.png) no-repeat; background-size:100%; } .mbanner .focus .focus-next { right: 6.7vw; background: url(images/next.png) no-repeat; background-size:100%; } .post-11 .focus .focus-title { height: 34px; line-height: 34px; padding: 0 15px; font-size: 14px; } .post-11 .focus .focus-title-bar { height: 34px; bottom: 0px; left: 0px; right: 0px; margin-left: 0px; } .post-11 .focus .focus-title-bg { background-color: #000; } .post-11 .focus .focus-pagination { position: absolute; right: 14px; bottom: 46px; } .post-11 .focus .focus-page { width: 20px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 0px; background-color: #fff; color: #000; } .post-11 .focus .focus-page span { display: block; } .post-11 .focus .focus-page:hover { font-size: 13px; color: #000; font-weight: bold; } .post-11 .focus .focus-page-active { background-color: #146CC1; color: #fff; } .post-11 .focus .focus-navigation { opacity: 0.7; filter: alpha(opacity=70); } .post-11 .focus .focus-navigation:hover { opacity: 1; filter: alpha(opacity=100); } .post-11 .focus .focus-navigation:active { opacity: 1; filter: alpha(opacity=100); } .maskBox{ display: none; } .showMaskBox{ display: block; } .mask{ position:absolute; z-index:999; width:100%; height: 100%; background-color: transparent; display: flex; justify-content: center; align-items: center; } .maskInner{ width: 3rem; height: 3rem; background-color: rgba(0,0,0,0.4); border-radius:10px; color: #fff; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; } .innerTop{ margin-top:0.5rem; text-align:center; font-size: 1rem; margin-left:0.5rem; } .innerBottom{ height:1rem; line-height:1rem; font-size: 0.338rem; } @keyframes fanzhuan{ 0%{transform: rotateY(0deg)} 50%{transform: rotateY(180deg)} 100%{transform: rotateY(0deg)} } @keyframes doudong { 0% { transform: rotate(10deg) } 25% { transform: rotate(-10deg) } 50% { transform: rotate(7deg) } 75% { transform: rotate(-7deg) } 100% { transform: rotate(0deg) } } .news_title{ display:-webkit-box; word-break:break-all; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden; } .news_intro{ display:-webkit-box; word-break:break-all; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; } /**搜索**/ .search-panel { float: right; position: relative; clear: right; margin-right: 10px; } .search-window { background-color: #fff; overflow: hidden; width: 0px; } .wp-search { position: relative; } .wp-search form { display: block; } .wp-search .search-input { margin-right: 0px; } .wp-search .search-input input.search-title { width: 100%; height: 18px; line-height: 18px; border: 0; outline: 0; background: none; color: #888; font-size: 14px; padding-left: 5px; } .wp-search .search-btn { width: 26px; height: 26px; position: absolute; right: 0; top: 0; } .wp-search .search-btn input.search-submit { width: 26px; height: 26px; border: 0; outline: 0; background: url(images/sous_black.png) center no-repeat; cursor: pointer; } .searchbtn { width: 26px; height: 26px; border: 0; outline: 0; background: url(images/sous.png) center no-repeat; background-repeat: no-repeat; position: absolute; right: 0; top: 0; z-index: 120; cursor: pointer; } .post11 .slick-dots { bottom: 29px; display: flex; justify-content: flex-end; padding-right: 12px; box-sizing: border-box; } .main2 .post11 .slick-dots{ bottom: 137px; } .post11 .slick-dots li{ width: 21px; height: 21px; margin: 0 6px; } .main2 .post11 .slick-dots li{ margin: 0 3px; } .post11 .slick-dots li button{ width: 21px; height: 21px; } .post11 .slick-dots li button:before { border-radius: 50%; font-size: 15px; width: 17px; height: 17px; color: #ffffff80; opacity: 1; } .post11 .slick-dots li.slick-active button:before { opacity: 1; color: #ffffff; border: 2px solid #5F94D2; margin-top: -2px; } .post13 .slick-dots { bottom: -41px; } .post13 .slick-dots li button:before { border-radius: 50%; font-size: 20px; width: 20px; height: 20px; color: #CBCBCB; opacity: 1; } .post13 .slick-dots li.slick-active button:before { opacity: 1; color: #0064AA; } .wp_articlecontent div{ overflow:hidden; } /************************************************************* * 特殊页面 */ /*二级页面*/ .main_n_leader { width: 100%; float: left; margin-left: 0px; } .con_leader { width: 936px; margin-left: 32px; float: left; margin-bottom: 50px; } .leader_sub { width: 430px; float: left; margin-bottom: 40px; margin-top: 50px; } .leader_sub:nth-child(2n+0) { margin-left: 75px; } .leader_left { width: 168px; height: auto; float: left; } .leader_right { width: 220px; height: auto; float: left; margin-left: 40px; } .leader_face { width: 168px; height: 168px; float: left; background: url(../images/face_bg.png) no-repeat top left; } .leader_face .leader_face_pic { width: 148px; height: 148px; margin: 10px; float: left; border-radius: 50%; background: url(../images/face_bg.png) no-repeat 20px center; } .leader_name { width: 100%; float: left; font-size: 14px; text-align: center; font-weight: bold; } .leader_post { width: 177px; height: 44px; border-radius: 22px; float: left; text-align: center; font-size: 24px; color: #fff; line-height: 44px; font-weight: bold; background: -webkit-linear-gradient(left, #30a2d1, #71c7ca, #30a2d1, #30a2d1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #30a2d1, #71c7ca, #30a2d1, #30a2d1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #30a2d1, #71c7ca, #30a2d1, #30a2d1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #30a2d1, #71c7ca, #30a2d1, #30a2d1); /* 标准的语法(必须放在最后)*/ } .leader_info { width: 100%; height: 120px; float: left; text-indent: 2em; margin-top: 20px; /*white-space:nowrap;*/ text-overflow: ellipsis; overflow: hidden; } .leader_info p { font-size: 12px; font-weight: bold; color: #666; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; } .main_organization { width: 100%; float: left; margin-left: 0px; } .main_contact { float: left; min-height: 550px; } .contact_li { width: 100%; float: left; height: 86px; padding: 10px 0px; background: #f9f9f9; border: 1px solid #e2e2e2; margin-top: 20px; } .contact_li_sub { width: 230px; float: left; height: 100%; border-left: 1px solid #e2e2e2; border-right: 1px solid #fff; } .contact_li .user { border-left: none; } .contact_li .telephone { border-right: none; } .contact_li .user_sub { width: auto; float: left; margin-left: 30px; margin-top: 5px; } .contact_li .user_sub .face { margin-right: 20px; width: 66px; height: 66px; float: left; border-radius: 50%; border: 4px solid #fff; -moz-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000; box-shadow: 0px 2px 5px #000; } .contact_li .user_sub .name { width: auto; float: left; margin-top: 30px; font-size: 14px; font-weight: bold; color: #000; } .contact_li .office { background: url(../images/icon_c01.png) no-repeat top center; } .contact_li .office:hover { background: url(../images/icon_c01_h.png) #ed9a39 no-repeat top center; } .contact_li .mailbox { background: url(../images/icon_c02.png) no-repeat top center; } .contact_li .mailbox:hover { background: url(../images/icon_c02_h.png) #ed9a39 no-repeat top center; } .contact_li .telephone { background: url(../images/icon_c03.png) no-repeat top center; } .contact_li .telephone:hover { background: url(../images/icon_c03_h.png) #ed9a39 no-repeat top center; } .contact_li .txt { width: 100%; float: left; text-align: center; margin-top: 40px; color: #ccc; } .contact_li .info { width: 100%; float: left; text-align: center; margin-top: 0px; color: #000; font-size: 16px; } .contact_li_sub:hover .txt, .contact_li_sub:hover .info { color: #fff; }