@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;} :-moz-placeholder {color:#ccc;} ::-moz-placeholder { color:#ccc;} :-ms-input-placeholder { color:#ccc;} /**布局开始**/ body {line-height:1;font-size: 13px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;} 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 {max-width: 1400px;margin:0 auto;} /**页面全局宽度**/ /*headtop*/ #headtop{background: #666;} #headtop .inner{} .headtop .top-left{float: left;} .headtop .top-right{float:right;} /*head开始*/ #header .inner{height: 147px;position:relative;} .header .sitelogo{float:left;margin-top: 20px;} .header .sitetitle {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;display: flex;justify-content: space-between;align-items: center;margin-top: 45px;} /*rale样式*/ .site-rale{} .site-rale ul{} .site-rale ul li.links{float:left;} .site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url(images/icon_role.png) no-repeat;} .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: -90px 0px;} .site-rale ul li.links.i3 a{background-position: -187px 0px;} .site-rale ul li.links.i4 a{background-position: -269px 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 20px 0 0;font-size: 20px;color: #fff;} .site-lang ul li.links a:hover{color:#fff;} /*默认主导航样式*/ #nav .inner{border-top: 1px solid #ffffffb8;border-bottom: 1px solid #ffffffb8;} #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} .nav .wp-menu .menu-item {display: inline-block;float: left;position: relative;width: 9%;text-align: center;} .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;line-height: 56px;color: #FFFFFF;font-size: 21px;width: 101%;font-weight: bold;/* height: 56px; */} .nav .wp-menu .menu-item.hover a.menu-link, .nav .wp-menu .menu-item a.hover{background-color: #dd8c23;text-decoration: none;color: #eee;} .nav .sub-menu {display: none;position: absolute;left: 0;top: 57px;min-width: 100%;z-index: 100;background: #dd8c23;text-align: center;} .nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;} .nav .sub-menu .sub-item a {display: block;color: #fff;height: 40px;line-height: 40px;padding: 0 17px;font-size: 14px;background:none;} .nav .sub-menu .sub-item.hover> a, .nav .sub-menu .sub-item a:hover{background-color: #c0791d;display: block;} .nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;} /**主页banner开始**/ #banner {background: #999;position: fixed;top: 0;} #banner .inner {text-align: center;position:relative;max-width: 100%;overflow: hidden;} /**主体模块样式**/ #m-container {} #m-container .inner {} /**首页三列布局**/ .main1 .inner{padding: 60px 0px 100px;position: relative;} .main4 .inner {padding: 109px 0 100px;} .main2 {position: relative;background: url(images/main2.png) no-repeat center top;} /**标题栏新闻窗口**/ .post {} .post .tt {display:inline-block;width:100%;border-bottom: 0px solid #e6e6e6;} /**标题栏**/ .post .tt .tit {text-align: center;font-size: 34px;font-weight:normal;} /**标题字体**/ .post .tt .tit .title {display:block;line-height: 50px;color: #424242;font-family:"Microsoft yahei";} .post .con {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;float:right;} .post .more_btn .more_text,.post .more_btn a {font-size: 16px;cursor:pointer;line-height: 30px;color: #1b3579;} .post .more_btn a{color:#666;} .post .more_btn a:hover{color:#666;} /*标准标题*/ .post1 .tt {border-bottom: 0px solid #146cc1;margin-bottom: 48px;} .post1 .tt .tit {} .post1 .tt .tit .title {display: inline-block;font-size: 34px;font-weight:bold;color: #1c3174;cursor:pointer;position: relative;} .post1 .tt .tit .title.selected {color:#0f429b;} .post1 .more_btn a{color:#1826a5;} /*居中标题*/ .post4 .tt .tit { display: flex; justify-content: space-evenly;} .post4 .tt .tit .title {padding: 0 15px;display:inline-block;color: #fff;cursor:pointer;font-size: 18px;line-height: 47px;} .post4 .tt .tit .title.selected {position: relative; font-weight: bold; background: #de9437;} .post4 .more_btn a{color:#1826a5;} .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;} /**自定义新闻列表**/ .news_list { } .news_list li.news {line-height: 34px;padding-left:0px;} /**标题图标**/ .news_list li.news span.news_title {float:left;font-size: 16px;line-height: 45px;color: #333333;}/*标题*/ .news_list li.news span.news_title img {vertical-align: middle;} .news_list li.news span.news_meta {float:right;font-size: 16px;line-height: 45px;color: #333333;}/*属性*/ .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 {width: 100%;transition-duration: 1s;height: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;} .news_list li.news p {line-height:34px;} /*标题文*/ .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;} /*flex*/ .news_list.flex { display: flex; justify-content: space-between;flex-wrap: wrap;} .news.flex { display: flex;justify-content: space-between; margin: auto; align-items: center; width: 100%;} /*图列表*/ .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{padding-top:75%;background-color:#efefef;position:relative;overflow:hidden;} .news_tu .news_list li.news .news_imgs img{width:100%;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;} .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;} /*********************************************************** * 列表页 */ /**首页三列布局**/ /**列表页**/ /*栏目图片*/ .l-banner{background-position:center center;background-repeat:no-repeat;text-align:center;} .l-banner img{height: auto; width: 100%;vertical-align:top;} /**主体列表页开始**/ #l-container {} #l-container .inner {padding:50px 0px 80px;} /**主体文章页开始**/ #d-container {} #d-container .inner {background:#fff;} .col_menu {width: 280px;float:left;margin-right: -300px;position:relative;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {background: #01164b;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 28px;color:#fff;text-align: center;}/**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height: 65px;}/**栏目名称图标**/ .col_menu .col_menu_con{border:1px solid #e4e4e4;} /*栏目列表*/ .col_list .wp_listcolumn .wp_column:nth-last-child(1) a {border: 0;} .col_list .wp_listcolumn {border-top:0px solid #2867A0;border-bottom:0px solid #fff;background: #eaeaea;} .col_list .wp_listcolumn .wp_column a {color:#333;font-size: 18px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #fff;} .col_list .wp_listcolumn .wp_column a .column-name{padding:5px 0px 5px 28px;line-height: 45px;display: inline-block;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {color: #fff;background: #dd8c23;} .col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #fff;font-weight: bold;} .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{font-weight:bold;color: #fff;background: #dd8c23;} /*二级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list a {border-bottom: 1px solid #fff;color:#333;} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 45px;padding: 5px 10px 5px 44px;cursor:pointer;} .col_list .wp_listcolumn .sub_list a:hover, .col_list .wp_listcolumn .wp_column a.selected {color: #fff;background: #dd8c23;} /*三级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} .col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;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:#0f429b;} /**栏目新闻**/ .col_news {width: 100%;min-height:500px;float:right;} .col_news .col_news_box{margin-left: 340px;} .col_news_head {border-bottom: 1px solid #DBDBDB;} .col_metas .col_title {display:inline-block;float:left;} /**当前栏目**/ .col_metas .col_title h2 {line-height: 87px;display:inline-block;font-size: 28px;font-family:"Microsoft yahei";font-weight: bold;color: #333333;} .col_metas .col_path {display:inline-block;float:right;white-space:nowrap;line-height: 87px;color: #666;} /**当前位置**/ .col_metas .col_path a{color: #2F2F2F;} .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;} .col_news_list { margin-top:7px;} .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:100%;} /**列表页文章图片大小限制**/ /**文章页**/ .infobox {padding:50px 30px; margin:0 auto; width:auto;} .article {padding-top:10px;} .article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #182880;} /**文章标题**/ .article h2.arti_title {line-height: 34px;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 { min-height: 500px;margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/ .article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;} /**阅读字体**/ .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{width: 100% !important;overflow-x: auto;margin:0 auto;} /**页脚开始**/ #footer {background: #1b2950;} #footer .inner {padding: 24px 0px 30px;position:relative;} #footer .inner .foot-left{float:left;} #footer .inner .foot-right{float:right;} .foot-right li { float: left; margin-left: 10px;} .foot-bottom {text-align: center;font-size: 16px;line-height: 2;padding: 12px;color: #9397a4;border-top: 1px solid #495473;} .footer .foot-bottom a {color: #fff;} .foot-right li .title { text-align: center; font-size: 16px; color: #fff; line-height: 30px; padding-top: 10px; } #footer .inner p{font-size: 16px;line-height: 23px;font-weight:normal;text-align:left;color: #fff;} #footer .inner .copyright a{color:#eee;} .footer .mod {display: flex;justify-content: space-between;align-items: center;} .foot-center { padding: 0 5%; position: absolute; left: 50%; transform: translateX(-50%); border-left: 1px solid #606a85;border-right: 1px solid #606a85;} /************************************************************** * 组件功能 */ /*系统默认搜索*/ div#aaa {cursor: pointer;float: right;} .layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #1b2950;display:none;z-index: 5;} .layer .layer-inner{position:relative;width: 100%;height: 100%;} .layer .layer-inner .layer-mod{text-align: center;position:absolute;top:20%;width:100%;} .layer .layer-inner .layer-mod .shutdown{margin-right: 50px;text-align:right;} .layer .close{width: 48px;cursor: pointer;color:#fff;height: 48px;} .layer .searchbox{width: 55%;margin: 0 auto;margin-top: 100px;} .layer-mod h3 {line-height: 100px;font-size: 50px;color: #fff;} .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;width: 275px;} .wp-search {position: relative;background: #ffffff40;} .wp-search form {display: block;} .wp-search .search-input {margin-left:4px; margin-right: 40px;} .wp-search .search-input input.search-title {width: 100%;line-height: 51px;background: none;color: #FFFFFF;font-size: 16px;border:0;outline: 0;font-family: '微软雅黑';text-indent: 1rem;} .wp-search .search-btn {width: 51px;height: 51px;position: absolute;right: 0;top:0%;} .wp-search .search-btn input.search-submit {width: 51px;height: 51px;border:0;outline: 0;background: #dd8c23 url(images/sous.png) no-repeat center;cursor: pointer;} /*列表页*/ /************************************************************* *二级页面 */ .body_b {background: #fff;position: relative;width: 100%;z-index: 1;} .body_b.showdiv {top: 204px;} .head.nav-hide.nav-top .headtop {position: fixed;width: 100%;top: 0;background: #0b1c52 url(images/head_bg.jpg) no-repeat center top;} .headtop { z-index: 4; position: fixed; width: 100%; /* transition: 1.5s ease-in-out; */ } .nav-hide.nav-top .headtop { opacity: 1; top: 0!important; z-index: 2; } .list #nav .inner { border-bottom: 0;} .list .headtop {position: relative;width: 100%;top: 0;background: url(images/listhead.jpg) no-repeat center center;} .head.s.othershowdiv .headtop {background: #0b1c52 url(images/head_bg.jpg) no-repeat center top;} .head.s.othershowdiv #nav .inner {border-bottom: 0;} .main2 .post-33 .more_btn { line-height: 75px; display: none;} .main2 .post-33 .more_btn .more_text,.main2 .post-33 .more_btn a { line-height: 75px;} .rili2 ul.news_list { display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .rili2 .news_list li.news {width: 30%;margin-bottom: 75px;} .rili2 ul.news_list li.news .news_date { padding: 0 15px;text-align: center; color: #fff; float: left;width: 40px; height: 84px; background: #1c3174; transition: all .6s ease-out;} .rili2 ul.news_list li.news .news_days { padding-top: 8px;line-height: 30px;font-size: 16px; color: #fff;border-bottom: 1px solid #8e99bb; transition: all .6s ease-out;} .rili2 ul.news_list li.news .news_year { font-size: 30px; line-height: 45px; transition: all .6s ease-out;} .rili2 ul.news_list li.news .news_con { margin-left: 100px;} .rili2 .news_list li.news .news_title {font-size: 18px; line-height: 30px;color: #000000;width: 100%;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;max-height:60px; margin-bottom: 15px; transition: all .6s ease-out;} .rili2 .news_list li.news .news_ftitle {color: #333333; font-size: 16px; line-height: 30px;} .rili2 .news_list li.news:hover .news_date{background:#de9437} .rili2 ul.news_list li.news:hover .news_days { border-bottom: 1px solid #efca9b;} .rili2 .news_list li.news:hover .news_title { font-size: 19px; font-weight: bold; color: #233675;} .main4 {background: url(images/main3.png) no-repeat center top 50px;} .main4 .post.post-40 .more_btn { width: 100%; bottom: 0; float: none; position: absolute; line-height: 30px; text-align: center; } .main4 .post.post1.post-40 { position: relative; } .main4 .post1 .tt { margin-bottom: 85px; } /*******main3*******/ .main3 .link_icon {transition: all .6s ease-out;overflow: hidden;width: 16%;background: #cc604b;} .main3 .link_icon.i2 {background: #23a9d0;} .main3 .link_icon.i3 {background: #70984d;} .main3 .link_icon.i4 {background: #1f5fa9;} .main3 .link_icon.i5 {background: #de9437;} .main3 .link_icon.i6 {background: #2b469b;} .main3 .inner { padding-bottom: 75px;} .main3 .link_icon .link_title {font-size: 18px; font-weight: bold;color: #ffffff;line-height: 30px; text-align: center; margin-top: 30px;} .main3 .link_icon a {display: block;padding: 40px 0 30px;} .imgtop {text-align: center;} .imgtop img { max-height: 43px;} .main3 .news_list.flex {display: flex;flex-direction: row;justify-content: space-between;background-size: cover;align-items: center;flex-wrap: nowrap;} /***main1***/ .main1 .news_title a { font-size: 16px;line-height: 26px; color: #333333; font-weight: bold; overflow: hidden; -webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; box-orient:vertical;display:-webkit-box; display:box; min-height: 52px;} .main1 .swiper-slide .news_meta {font-size: 18px;line-height: 45px;color: #233675;} .main1 .news_box {padding-top: 15px;padding-bottom: 17px;border-bottom: 1px solid #c9c9c9;} .main1 .swiper-slide:hover .news_box {border-bottom:1px solid #d2903d} .main1 .swiper { position: relative; overflow: hidden; padding-bottom: 40px;} .main1 .post.post-13 .more_btn { position: absolute; width: 100%; bottom: 55px; text-align: center; } .main1 .con {margin: 0px -20px;} .main1 .swiper-slide .news_title {/* margin: 10px 0; */font-size: 18px;line-height: 30px;color: #000000;width: 100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;max-height:60px;min-height: 60px;} .main1 .swiper-slide:hover .news_title { font-weight: bold;color: #1d3276;} .main1 .swiper-slide .news_imgs:before {opacity: 0.9;content: "";width: 100%;height: 0;top: 0;display: block;position: absolute;background: #1c387f url(images/logo_s.png) no-repeat center center;transition-duration: 0.5s;} .main1 .swiper-slide:hover .news_imgs:before { height: 100%;} .main1 .swiper-slide .news_imgs {overflow: hidden;position: relative;padding-top: 64%;} /*tsy*/ ul.news_list.list2.szdw li.news { width: 16%; margin: 0 2%; margin-bottom: 40px; overflow: hidden; border-bottom: 0px solid #eee; } ul.news_list.list2.szdw li.news .wz_con { padding: 5px 0; border: 1px solid #d3d3d3; transition: all .5s ease-out; } ul.news_list.list2.szdw li.news .news_img { position: relative; overflow: hidden; padding-top: 115%; } ul.news_list.list2.szdw li.news:hover .wz_con { background: #1b2950; border: 1px solid #1b2950; } ul.news_list.list2.szdw li.news:hover .wz_con .news_title,ul.news_list.list2.szdw li.news:hover .wz_con .news_kz1 { color: #fff; } ul.news_list.list2.szdw {display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row;margin: 0 -2%;} .szdw .news_list li.news { width: calc(20% - 20px); border: 1px solid #cdcdcd; margin-bottom: 40px;} .szdw .news_title {font-size: 18px;line-height: 25px;color: #01164b;font-weight: bold;text-align: center;display: block;text-align: center;} .szdw .news_kz1{font-size: 17px;line-height: 26px;color:#333333;text-align: center;display: block;text-align: center;} .ljld .news {} .ljld .news_img {height: 247px;position: relative;width: 199px;overflow: hidden;float: left;} .ljld .news_box {padding: 9px 20px;margin-left: 200px;} .col_news_con .ljld.news_list li.news {border: 1px solid #d8dce7;margin-bottom: 20px;padding: 0;} .ljld .news_title,.ljld .news_title a {color: #01164b;font-size: 20px;font-weight: bold;line-height: 50px;} .ljld .news_title.i2 { line-height: 30px; margin: 10px 0; } .ljld .news_con div { font-size: 16px; line-height: 28px; color: #333333; } .ljld .news_con {display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;} .ljld .news_text a { font-size: 16px; line-height: 28px; color: #676767;} .jzyl {float: right; width: 410px; margin-top: 70px;} .jzyl .news_box { font-size: 14px; line-height: 26px; color: #919191;} .jzyl .news {margin-bottom: 20px;} .jzyl .news_title a { font-size: 17px; font-weight: bold; color: #333333;} /**/ .main2 .post.post-14 .more_btn { width: 100%; bottom: 22px; float: none; position: absolute; line-height: 30px; text-align: center; } .main2 .post.post-14 .more_btn span.more_text,.main2 .post.post-14 .more_btn a { line-height: 30px; color: #1b3579; } .main2 .inner { zoom: 0 !important;padding: 50px 0 70px 0;position: relative;} .main2 .post.post2 .tt .tit .title {display: inline-block;color: #fff;text-align: center;font-weight: bold;position: relative;} .main2 .post4 .tt .tit .title a { color: #fff;} .main2 .post.post2 .tt { margin-bottom: 33px;} .main2 .ml .con {background: #fff; margin-top: 25px; padding: 30px 60px;} .main2 .boxm .news_list li.news span.news_title {transition: all .6s ease-out;color: #000000;line-height: 68px;padding-left: 85px;background: url(images/more.png) no-repeat center left;font-size: 18px;width: 70%;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;} .main2 .boxm .news_list li.news span.news_meta {color: #233675;line-height: 68px;font-size: 18px;} .main2 .boxm .news_list li.news { border-bottom: 1px solid #e6e6e6;} .post4 .tt .tit .title.selected:after { display: block; content: "";width: 23px;height: 8px;background: url(images/san.png) no-repeat center left; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);} /*****mbanner*******/ .mbanner .swiper-button-next {right: 30px;background: url(images/next.png) no-repeat center center;width: 62px;height: 62px;margin: 0;top: 50%;margin-top: -31px;} .mbanner .swiper-button-prev {background: url(images/prev.png) no-repeat center center;width: 62px;height: 62px;margin: 0;left: 30px;top: 50%;margin-top: -31px;} .mbanner .swiper-slide {height: 100vh;width: 100%; transition-duration: 1s; left: 0; top: 0; right: 0; bottom: 0;margin: auto; max-width: 100%;} .mbanner .swiper-wrapper{ height: 100vh;} .post1 .tt .tit .title:before { content: ""; width: 85px; height: 25px; background: url(images/t_left.png) no-repeat center center;display: block; position: absolute; left: -100px; top: 50%; transform: translateY(-50%);} .post1 .tt .tit .title:after { content: ""; width: 85px; height: 25px; background: url(images/t_right.png) no-repeat center center;display: block; position: absolute; right: -100px; top: 50%; transform: translateY(-50%);} .post2 .tt .tit .title:before { content: ""; width: 85px; height: 25px; background: url(images/t_left2.png) no-repeat center center;display: block; position: absolute; left: -100px; top: 50%; transform: translateY(-50%);} .post2 .tt .tit .title:after { content: ""; width: 85px; height: 25px; background: url(images/t_right2.png) no-repeat center center;display: block; position: absolute; right: -100px; top: 50%; transform: translateY(-50%);} .bb{cursor: pointer;z-index: 2;animation:bb 3s linear 0s infinite;width: 108px;height: 65px;background: url(images/bb.png) no-repeat center;position: fixed;left: 50%;bottom: 46px;} @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .post .more_btn .more_text:before { content: ""; width: 5px; height: 5px; display: block; background: #1b3579; position: absolute; left: -10px; top: 6px; border-radius: 50%; } .post .more_btn .more_text:after { content: ""; width: 5px; height: 5px; display: block; background: #1b3579; position: absolute; right: -10px; top: 6px; border-radius: 50%; } .post .more_btn .more_text { position: relative; } .main3 .link_icon:hover { transform: scale(1.03); } .main2 .boxm .news_list li.news:hover span.news_title {background: url(images/more.png) no-repeat center left 10px;color: #1d3276;} .head.nav-hide.nav-top #nav .inner { zoom: 0 !important; } .head.nav-hide.nav-top #header .inner { zoom: 0 !important; } .list_bg { /* height: 480px; */ /* background: url(images/list.jpg) no-repeat center center; */ } img.listimg { max-width: 100%; /* display: none; */ } .ljld .news_title span { margin-left: 20px; } .foot-right img { width: 100px; } .col_news_con .news_list li.news { border-bottom: 1px solid #eee; } .infobox .col_metas .col_path { line-height: 57px;} .col_news_list.listcon .news_list li.news span.news_title { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; width: 80%; } .ljld.news_list li.news .news_text { width: 100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; max-height: 44px; font-size: 16px; } .main1 .swiper-slide:hover .news_imgs .news_bg { transform: scale(1.1); } .swiper-slide .news_bg { width: 100%; transition-duration: 1s; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; } .list .nav .sub-menu { top: 56px; } .head.s.othershowdiv .nav .sub-menu { top: 56px;} h2#ding { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; position: absolute; width: 1px; top: -204px; } .main .head { position: relative; height: 100vh; }