@charset "utf-8"; 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: 0px; -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:#fff;} :-moz-placeholder {color:#fff;} ::-moz-placeholder { color:#fff;} :-ms-input-placeholder { color:#fff;} /**布局开始**/ *{ box-sizing:border-box;} 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:#036eb7;} /*页面尺寸*/ .wrapper { width:100%; margin:0 auto;} .wrapper .inner {width: 1400px;margin:0 auto;} /**页面全局宽度**/ /*head开始*/ #header {background: #033d80 url(images/topbg.png) left top repeat-x;} #header .inner{ height:160px; position:relative;} .header .head-left{float:left;display:inline-block; padding-top:33px;} .header .sitelogo{ vertical-align:top; font-size:0;} .header .sitelogo .logo{width:590px; vertical-align:top;} .header .sitetitle { margin-left:12px; display:inline-block;vertical-align:top;}/**站点名称**/ .sitelogo .logo img,.sitetitle img{ width:100%;} .header .head-right{ float:right; padding-top:7px;} .top_01{ height:34px;} .top_01 .home{ padding-left:19px;background:url(images/home.png) left center no-repeat; line-height:34px; font-size:14px; color:#fff; margin-right:24px;} .top_01 .sousuo{ width:20px;height:34px; background:url(images/search.png) center no-repeat; position:relative;} .top_02{ margin-top:15px; text-align:right;} .top_02 img{ width: auto; max-width:90%;} /**搜索**/ .wp_search{ display:inline-block;position:relative;padding-left:12px; background:#fff;width: 209px; height: 36px;opacity:0.3; filter:Alpha(opacity=30)} .wp_search #keyword{ width:177px!important;padding: 4px 0; border:none;height:28px; line-height:28px; background:transparent; color:#fff; font-size: 14px; font-family: "Microsoft YaHei";} .wp_search .search{width:32px;height: 32px;border:0px; background: url(images/sous.png) no-repeat center;cursor: pointer; vertical-align:top; } /***自定义搜索*/ .searchbox{ position:absolute; z-index:10;top:0px;right:0; overflow:hidden;background: #0080c5;transform: translateX(0); width:0px; text-align:right;margin-top:0; transition:all 0.4s;} .wp-search {border:0;} .wp-search form {display: block; padding-right:34px;} .wp-search .search-input { margin-right:0;height: 34px;box-sizing:border-box; padding:2px; position:relative;} .wp-search .search-input input.search-title {width: 100%;box-sizing:border-box;height: 30px;padding:0px 15px;line-height:30px;color: #333;font-size: 14px;border:0;outline: 0;background:#fff;} .wp-search .search-btn {width:34px;height: 34px;position: absolute;right: 0;top:0;} .wp-search .search-btn input.search-submit {width:34px;height: 34px;border:0;outline: 0;background:#0080c5 url(images/search.png) no-repeat center;cursor: pointer;} .wp-search input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff;} .sousuo:hover .searchbox{width:320px;} .sousuo:hover .sousuo_btn{z-index:10;} /*默认主导航样式*/ #nav{background: #01215a; position:relative; z-index:2;} #nav .inner{} #nav .inner .wp-panel{ height:60px;}/*导航*/ #nav .inner .wp-panel .wp-window{} /*导航样式:后台绑定时也可以定义配置*/ .nav .wp-menu {height: 60px;display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;} .nav .wp-menu .menu-item {display: inline-block;position: relative; height:60px;text-align:center;} .nav .wp-menu .menu-item>a{display:block;height: 60px; line-height:60px; position:relative; padding:0 30px;} .nav .wp-menu .menu-item a.menu-link {color: #fff;font-size:18px; font-weight:600; font-family:"Microsoft YaHei";} .nav .wp-menu .menu-item a.menu-link:hover{background:#033d80;-webkit-transition: all 0.5s;} .nav .wp-menu li.menu-item.hover a.menu-link{background:#033d80;-webkit-transition: all 0.5s;} .nav .sub-menu {display: none;position: absolute;left: 0;top: 60px;min-width: 100%; width:auto; z-index: 100;background:rgba(37,49,79,0.8);} .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;line-height: 46px;padding:0 4px; border-bottom:1px solid rgba(255,255,255,0.8);font-size: 16px; font-weight:bold;text-align: center;} .nav .sub-menu .sub-item.hover> a, .nav .sub-menu .sub-item a:hover{ color:#fff!important; background-color:rgba(37,49,79,1); display: block;} .nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:rgba(0,0,0,0.2);} /**主体模块样式**/ #m-container{} #m-container .inner {} .f_between{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;} .f_start{display: flex; display: -webkit-flex; justify-content: flex-start;-webkit-justify-content:flex-start;} .f_end{display: flex; display: -webkit-flex; justify-content: flex-end;-webkit-justify-content:flex-end;} .f_center{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .f_middle{display: flex; display: -webkit-flex;-webkit-align-items:center;align-items:center;} .f_bottom{display: flex; display: -webkit-flex;-webkit-align-items:flex-end;align-items:flex-end;} .f_col{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;} .f_row{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;} .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .nowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;} .wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}  .hide-text-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /**首页三列布局**/ .mod {} .mbox {} .mbanner .focus .focus-pagination { width: 100%; text-align: center; position: absolute; left:0; right:0; bottom: 24px; z-index: 60; } .mbanner .focus .focus-page { display: inline-block; width: 9px; height: 9px; margin-right: 11px; background: #fff; opacity: 1; filter: Alpha(opacity=100); } .mbanner .focus .focus-page-active { background: #fff; width: 40px; opacity: 1; filter: Alpha(opacity=100); } .container-bg{ background:#f5f5f5 url(images/mainbg.png) top center no-repeat; padding-bottom:120px;} .main1 .inner{padding-top:108px;} .nav_bt01{position:relative; padding-bottom:4px;} .nav_bt01:before{ content:''; position:absolute;left:0; bottom:0; height:4px; width:40px; background:#033d80} .nav_bt01 .tit{display:inline-block;height: 68px;line-height: 68px;color: #333;font-family:"Microsoft yahei"; font-size:28px; font-weight:bold;} .nav_bt01 .more_btn {display:block;*display:inline; *zoom:1; padding-bottom: 10px; line-height:32px;} .nav_bt01 .more_btn a { display:block; cursor:pointer; height:32px; padding-right:23px; background:url(images/more.png) right center no-repeat; font-size:14px;color:#033d80;} .school_news{ margin-top:58px; overflow:hidden;} .school_news ul{ position:relative; margin-right:-26px;} .school_news li{ width:25%; padding-bottom:20px; padding-right:26px;} .school_news li a{ display:block; background:#fff; box-shadow: 0px 0px 20px rgba(0,0,0,.3);} .school_news li a .tu{ position:relative; height:254px;overflow:hidden;} .school_news li a .tu .img{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; transition: .5s all ease;} .school_news li .info{ padding:23px 30px 28px; text-align:left;} .school_news li .bt{ line-height:26px; font-size:16px; font-weight:bold; color:#333;} .school_news li .wz{ margin-top:6px; height:40px; line-height:20px;font-size:14px; color:#999; } .school_news li .news_date{ margin-top:10px; line-height:20px;font-size:14px; color:#999;} .school_news li a:hover .tu .img{ transform:scale(1.1,1.1)} .school_news li a:hover .bt{ color:#036eb7;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .main2{ padding-top:108px;} .main2 .mc{float:left;width:calc(33.3% - 39px); margin-right:58px;} .main2 .mc:last-child{ margin-right:0;} .post .tt { border-bottom:2px solid #abd1ea;} /**标题栏**/ .post .tt .tit { height:66px; position:relative;display:inline-block;line-height: 66px;color: #333;font-family:"Microsoft yahei"; font-size:28px; font-weight:bold;} /**标题字体**/ .post .tt .tit:before{content:''; position:absolute;left:0;right:0; bottom:-2px; height:4px; background:#033d80 } .post .more_btn {display:block;*display:inline; *zoom:1; padding-bottom: 10px; line-height:32px;} .post .more_btn a { display:block; cursor:pointer; height:32px; padding-right:23px; background:url(images/more.png) right center no-repeat; font-size:14px;color:#033d80;} /**自定义新闻列表**/ .news_list01 li{ margin-top:30px;position:relative;height:60px;} .news_list01 li:first-child{ margin-top:40px;} .news_list01 li a{ height:60px;position:relative; padding-left:80px; display:block; overflow:hidden;} .news_list01 li .news_bt{line-height:34px; font-size:16px; font-weight:600; color:#333; transition:all 0.5s;} .news_list01 li .news_wz{line-height:26px; font-size:14px; color:#95989a;} .news_list01 li .news_date{ position:absolute;left:0;top:0px; width:60px; height:60px; border:1px solid #033d80; overflow:hidden; color:#033d80; padding-top:6px;} .news_list01 li .news_date .day{height:28px;line-height:28px; text-align:center;font-size:24px;font-weight:bold;} .news_list01 li .news_date .year{ height:20px; line-height:20px; text-align:center;font-size:12px;} .news_list01 li a:hover .news_date{color:#fff; background:#033d80; color:#fff;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .news_list01 li a:hover .news_bt{color:#033d80;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .news_list02 li{ padding-top:19px; padding-bottom:5px; border-bottom:2px solid #dde2e7} .news_list02 li:first-child{ padding-top:40px;} .news_list02 li a{display:block;} .news_list02 li .news_bt{line-height:34px; font-size:16px; font-weight:600; color:#333; transition:all 0.5s; float: left;} .news_list02 li .news_date{line-height:33px; font-size:12px; color:#999;float: right;} .news_list02 li a:hover .news_bt{color:#033d80;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .news_list03 li{ padding-top:7px; padding-bottom:18px;} .news_list03 li:first-child{ padding-top:40px;} .news_list03 li a{display:block;} .news_list03 li .news_bt{line-height:34px; font-size:16px; font-weight:600; color:#333; transition:all 0.5s;} .news_list03 li .news_date{line-height:18px; font-size:14px; color:#999; padding-left:26px; background:url(images/time.png) left center no-repeat;} .news_list03 li a:hover .news_bt{color:#033d80;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .main3{ padding-top:108px;} .news_list04{} .news_list04 li{ margin-top:20px; width:32%; padding:17px; position:relative;} .news_list04 li .x1{ position:absolute;top:0;right:0; height:2px;left:108px; background:#abd1ea;} .news_list04 li .x1:before{ position:absolute; content:'';top:0;right:0;height:5px; width:25px; background:#033d80;} .news_list04 li .x2{ position:absolute;top:0;right:0; height:50px; width:2px; background:#abd1ea;} .news_list04 li .x2:before{position:absolute; content:'';top:0;right:0;height:25px; width:5px; background:#033d80;} .news_list04 li .x3{ position:absolute;bottom:0;left:0; height:2px;right:108px; background:#abd1ea;} .news_list04 li .x3:before{position:absolute; content:'';bottom:0;left:0; height:5px;width:25px; background:#033d80;} .news_list04 li .x4{ position:absolute;bottom:0;left:0; height:50px;width:2px; background:#abd1ea;} .news_list04 li .x4:before{position:absolute; content:'';bottom:0;left:0; height:25px;width:5px; background:#033d80;} .news_list04 li a{ display:block;} .news_list04 li img{ width:100%;} .main4{padding-top:75px; padding-bottom:77px;background:#033d80 url(images/sea.png) center top no-repeat;} .main4 .nav_bt01 .tit{ color:#fff;} .main4 .nav_bt01:before{ background:#fff;} .main4 .nav_bt01 .more_btn a {background:url(images/more2.png) right center no-repeat;color:#fff;} .tu_list{ margin-top:42px; height:314px;position:relative;} .tu_list .swiper-container { width: 100%; position:relative;} .tu_list .swiper-slide { float:left; margin-right:57px;background-position: center;background-size: cover; width:440px; position:relative;} .tu_list .swiper-slide:last-child{ margin-right:0;} .tu_list .swiper-slide .tu{ position:relative; z-index:10;margin:0 auto; width:100%; height:248px;overflow:hidden;} .tu_list .swiper-slide .tu .img{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; transition: .5s all ease;} .tu_list .slide-bt{margin-top:12px;height:38px; line-height:38px; font-size:16px; font-weight:600; color:#fff;} .tu_list .swiper-slide:hover .tu .img{transform:scale(1.1,1.1)} .tu_list .swiper-button-next{ right:-110px; width:80px; height:80px;top:90px; margin-top:0; border-radius:50%; background:rgba(0,0,0,0.3) url(images/right.png) center no-repeat} .tu_list .swiper-button-prev{ left:-110px; width:80px; height:80px; top:90px; margin-top:0; border-radius:50%;background:rgba(0,0,0,0.3) url(images/left.png) center no-repeat} .tu_list .swiper-button-next:hover{ background:rgba(255,255,255,1) url(images/right2.png) center no-repeat} .tu_list .swiper-button-prev:hover{background:rgba(255,255,255,1) url(images/left2.png) center no-repeat} /**页脚开始**/ #footer {background: #383838;} #footer .inner{ padding-top:58px; padding-bottom:25px;} #footer .foot_nav{ border-bottom:1px solid #666; padding-bottom:25px;position: relative;} #footer .foot_nav .b_left{ width: 1000px; min-height:48px; position:relative; font-size:16px; color:#7e7e7e; margin-bottom: 20px;} #footer .foot_nav .b_left .link{line-height:48px; color:#7e7e7e;margin-bottom:20px ;margin-right: 20px;} #footer .foot_nav .b_right{ float:right; position: absolute; right: 0; top: 50px;} #footer .foot_bottom{ padding-top:48px; padding-bottom:34px;} #footer .foot-left{float:left;} #footer .sitelogo{ vertical-align:top; font-size:0;} #footer .sitelogo .logo{width: 674px; display:inline-block; vertical-align:top;} #footer .sitelogo .logo img{ width:100%;} #footer .foot-right{float:right; position:relative; padding-left:155px; } #footer .foot-right:before{ position:absolute; content:'';top:0; left:115px; bottom:4px; width:1px; background:#999999;height: 107px;} #footer .foot-wz{font-size: 14px;line-height: 28px;color: #999; } #footer .foot-wz h3{font-size: 16px; font-weight:bold;line-height:36px; position:relative; margin-top:-4px;margin-bottom: 0px;} #footer .foot-wz p{ text-align:left; margin-bottom: 3px;} #footer .ma{ position:absolute;top:0px; left:0; width:80px;} #footer .ma img{ display:block;width:80px; height:80px;} #footer .ma .wz{ text-align:center; margin-top:6px; line-height:24px; font-size:14px; color:#999;} .copyright{min-height: 40px; padding:6px 12px; box-sizing:border-box; background:#222;font-size: 14px;color: #999999;} .copyright p{line-height:26px; text-align:center;} /**友情链接**/ .mlink{ margin-top:0px;} .botlinks .links-wrap {position: relative;width:300px;height:40px; line-height:38px; background:transparent;border:1px solid #999;} .botlinks .links-wrap a.links-arrow {display: block; height: 38px; line-height: 38px; padding: 0 38px 0 28px; color:#999; font-size:16px; background: url(images/arrow3.png) no-repeat right bottom;} .botlinks .links-wrap a.links-arrow:hover, .botlinks .wrap-open a.links-arrow { color: #fff; background-position: right top; cursor: pointer;} .botlinks .links-wrap .link-items {display: none; position: absolute; left: -1px;right:-1px; bottom: 39px;height:auto; max-height: 300px; overflow: auto; overflow-x:hidden;background:rgba(255,255,255,0.9);} .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; padding:0 16px; white-space:nowrap;} .botlinks .links-wrap .link-items a:hover { color: #333; background:#e0f1f9; cursor: pointer;}/**链接样式**/ /*滚动Arrows */ .slick-prev, .slick-next,.slick-prev:hover,.slick-next:hover {height: 62px;width: 60px;background:url(images/slickarrow2.png) no-repeat;top: 50%;margin-top:-30px;border:0px solid #d4d8d9;border-radius:50%;outline: none;} .slick-prev {left: -95px;background-position: 0px 0px;} .slick-prev:hover {background-position: 0px 0px; opacity:.8;filter:Alpha(opacity=80);} .slick-prev:before { content: '';} .slick-next {right: -95px;background-position: right 0px;} .slick-next:hover { background-position: right 0px; opacity:.8;filter:Alpha(opacity=80);} .slick-next:before { content: '';} /*********************************************************** * 列表页 */ /**首页三列布局**/ /**列表页**/ /*栏目图片*/ #container-1{background:url(images/nybanner.png) top center no-repeat; background-size:100% auto; min-height:130px;} .l-banner{background-position:center center;background-repeat:no-repeat;text-align:center; height:360px;} .l-banner img{vertical-align:top;} .l-banner img{width:100%;height:100%;} .list-nav{ height:70px; background:#c2d6eb;} .list-bg{background:#f9f9f9 url(images/nybg.png) top center no-repeat; padding-bottom:100px; } /**主体列表页开始**/ #l-container {} #l-container .inner {} /**主体文章页开始**/ #d-container {} #d-container .inner {background:#fff;} .col_menu { width:100%;position:relative;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {background: #025892;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 18px;font-weight:normal;color:#fff; display:none;}/**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:50px ; padding:0px 14px;}/**栏目名称图标**/ .col_menu .col_menu_con{border:0px solid #e4e4e4;} /*栏目列表*/ .col_list{} .col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column{float:left; height:70px; margin-right:70px;} .col_list .wp_listcolumn .wp_column a { color:#000;font-size: 19px;font-weight:normal;background:none;border-top:0px solid #fff; display:block;} .col_list .wp_listcolumn .wp_column a .column-name{ display:block;line-height:64px;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {border-bottom: 6px solid #033d80;color: #033d80; } .col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #033d80;} .col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:normal; color:#033d80;} /*二级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list a {color:#2ca6e0;border-bottom:1px dashed #e0e0e0; background:#e9e9e9;} .col_list .wp_listcolumn .sub_list a.hover,.col_list .wp_listcolumn .sub_list a.selected{color:#2ca6e0;} .col_list .wp_listcolumn .sub_list a.selected span.column-name{color: #036eb7;} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;} .col_list .wp_listcolumn .sub_list a:hover .column-name{color:#036eb7;} /*三级子栏目**/ .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; font-size:13px;} .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#93150c;} /**栏目新闻**/ .col_news {min-height:500px;box-shadow: 0 0px 28px rgba(0, 0, 0, .26); background:#fff; padding-top:70px;padding-bottom:50px;padding-left: 20px;padding-right:20px; box-sizing: border-box;} .col_news .col_news_box{} .col_news_head {border-bottom: 1px solid #DBDBDB;} .col_metas .col_title { display:inline-block; float:left; height: 70px; line-height: 70px; } /**当前栏目**/ .col_metas .col_title h2 {display:inline-block;font-size: 18px;font-family:"Microsoft yahei";font-weight: normal;color: #0f429b;border-bottom: 3px solid #CBCBCB;} .col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 70px;line-height: 70px;color: #000; font-size:19px;} /**当前位置**/ .col_metas .col_path a{color: #000;} .col_news_con { margin:0 0px;} .col_news_list { } .col_news_list .news_list2 li{ position:relative; padding-left:86px; padding-right:50px;} .col_news_list .news_list2 li a{ display:block; height:81px; border-bottom:1px solid #e0e0e0; position:relative;} .col_news_list .news_list2 li a:before{ position:absolute; content:''; top:50%;left:-20px; margin-top:-4px; width:8px; height:8px; border-radius:50%; background:#000;} .col_news_list .news_list2 li .news_title{display:block;line-height:80px;color: #333; font-size:20px; font-weight:bold; } .col_news_list .news_list2 li .news_meta{ position:absolute; right:0;top:0; line-height:80px; font-size:18px;color:#999; } .col_news_list .news_list2 li:hover{ background:#c2d6eb} .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:16px; 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:800px; _width:expression(this.width > 800 ? "800px" : this.width); } /**列表页文章图片大小限制**/ .listcon{ padding:0 50px; padding-top:10px;} .column-tulist { position: relative; padding-bottom:100px; } .column-tulist .row { margin-left: -24px; margin-right: -24px; } .column-tu { float: left; width: 33%; padding: 0 24px; box-sizing: border-box; } .block-news { margin-top: 48px; background-color: #f0f0f0; } .column-tu .news-img { position: relative; width: 50%; height: 300px; overflow: hidden; } .news-img .img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; transition: .5s all ease; } .block-news:hover .news-img .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-content { position: relative; width: 50%; padding: 30px; box-sizing: border-box; z-index: 2; color: #333; -webkit-transition: .3s all ease; -ms-transition: .3s all ease; transition: .3s all ease; } .news-content .news_bt { margin-bottom: 12px; font-size: 24px; line-height: 26px; font-weight: bold; } .news-content .news_wz { line-height: 26px; font-size: 14px; } .news-content .more { position: absolute; bottom: 28px; left: 30px; margin-top: 25px; line-height: 20px; font-size: 14px; color: #1d2088; padding-left: 16px; background: url(images/arrow.png) left center no-repeat; } .block-news:hover { background-color: #1d2088; } .block-news:hover .news-content, .block-news:hover .news-content .more { color: #fff; } .block-news:hover .news-content .more { background: url(images/arrow2.png) left center no-repeat; } /**文章页**/ .infobox {padding:50px 70px; margin:0 auto; width:auto;} .article {padding-top:10px;} .article h1.arti_title {line-height: 60px;font-family: "Microsoft YaHei";font-size:36px;text-align:center;color: #333;} /**文章标题**/ .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:14px; color:#787878;}/**文章其他属性**/ .article .entry { margin:0 auto; overflow:hidden;padding:20px 0;} /**文章内容**/ .article .entry .read,.article .entry .read p { line-height:1.75; font-size:16px; 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{margin:0 auto; border:none!important;} /**翻页**/ .wp_paging {display:block;margin:0;padding:0;list-style:none;font-size:13px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif;color:#494949; float:none; text-align:center; padding-top:30px;} .wp_paging input {font-size:12px;*font-size:100%;} .wp_paging li { display:inline-block; height:25px; line-height:25px; float:none; margin-top:5px;} .wp_paging li span,.wp_paging li a { display:inline-block; float:left; margin-left:10px; } .wp_paging li em { font-style:normal;} .wp_paging li a { cursor:pointer; color:#666; line-height: 25px; height: 25px;} .wp_paging li a:hover { color:#000; } .wp_paging li a span{ margin:0;} .wp_paging li input { font-size:12px;*font-size:100%; width:24px; height:15px; line-height:15px; border:1px solid #d5d5d5; background:#fff; margin-top:4px; text-align:center;} .wp_paging li input:focus{ outline:none;} /** 分页栏 **/ .col_news_con .pages{display:block;margin:0;padding:0;list-style:none;font-size:13px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif;color:#494949; text-align:center; padding-top:30px;} .col_news_con .pages li{ float:none; display:inline-block; margin:0 10px;} .col_news_con .pages li a{ font-size:16px;} .col_news_con .pages li a.pgNext{color:#033d80;} .col_news_con .pages li a.page-number{ display:inline-block; width:40px; height:40px; border-radius:50%; line-height:40px; color:#033d80;} .col_news_con .pages li a.page-number:hover,.col_news_con .pages li a.pgCurrent{border:1px solid #033d80; background:#033d80; color:#fff;} #wp_pager{ text-align:center; padding-top:40px;} #wp_pager ul.pages{display:inline-block;margin: 10px 0 10px;padding: 0;font-size: 13px;text-transform:capitalize;border: none;} #wp_pager ul.pages li{float: left;margin: 0 10px;line-height:42px;list-style: none;color: #333;border:0; text-decoration: none; cursor:pointer;} #wp_pager ul.pages li:hover{background:none;border:0;} #wp_pager ul.pages li a{display:inline-block;line-height:42px;padding:0; color: #036eb7;} #wp_pager ul.pages li a:hover{border:1px solid #036eb7;color:#fff;} #wp_pager ul.pages li a.pgNext{color:#036eb7; border:0;} #wp_pager ul.pages li.pgEmpty{display: none;} #wp_pager ul.pages li a.pgCurrent{color:#fff;font-weight: 500;border:1px solid #036eb7;} .wp_listcolumn .wp_column{width:auto;} .foot_nav .b_left1:nth-child(2) .link:nth-child(1) { margin-left: 0px !important; } .foot_nav .b_left1:nth-child(2)::before { display: none; } .b_left1:before{ position:absolute; content:'';left:0; top:36px; height:2px; width:28px; background:#999;} .b_left1{ margin-bottom: 30px; } .foot_nav .b_left .link:nth-child(1) { margin-left: 0px !important; } .con { /* padding-right: 500px; */ } #footer .foot_nav .b_left .link { width: 200px !important; /* background-color: #0080c5; */ display: inline-block; } .item{ display: flex; flex-direction: column; align-items: center; margin-bottom:30px; }