@charset "utf-8"; html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; list-style: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } body, button, input, select, textarea { font: 14px/1.5 tahoma, arial, "Microsoft YaHei", \5b8b\4f53; font-family: tahoma, "Microsoft YaHei"; color: #333; } body { background:#fff; font-size: 14px; line-height: 1.5; } input, select, textarea { font-size: 100%; outline: none; } table { border-collapse: collapse; border-spacing: 0; } th { text-align: inherit; } img { vertical-align: top; } fieldset, img { border: 0; } iframe { display: block; } abbr, acronym { border: 0; font-variant: normal; } del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } a { text-decoration: none; outline: none; cursor: pointer; color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .clearfix:before, .clearfix:after { display: block; overflow: hidden; height: 0; content: "."; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } * { word-break: break-all; box-sizing: border-box; } ::-webkit-input-placeholder { font-size: 14px; color: #fff; }/*webkit*/ :-moz-placeholder { font-size: 16px; color: #fff; } /*firefox 4-18*/ ::-moz-placeholder { font-size: 16px; color: #fff; } /*firefox 19+*/ :-ms-input-placeholder { font-size: 16px; color: #fff; } /*ie10+*/ select { appearance: none; -moz-appearance: none; -webkit-appearance: none;/* background: url("images/xial.png") calc(100% - 10px) center no-repeat; */ } /* input { -webkit-appearance: none; } */ .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_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_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 { 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; } body { background:#fff;line-height: 1;font-size: 13px;font-family: "Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;} .wrapper { width:100%; margin:0 auto; } .inner {width: 1200px;margin:0 auto;} #header{ background:#0075ad url(images/top.jpg) center top no-repeat;} #header .inner{height:120px;background:url(images/logo.png) left center no-repeat;} .header .head-left{float:left;padding-left:352px;} .header .sitelogo{height:120px; line-height:120px;vertical-align:top; font-size:36px; color:#fff;} .header .head-right{float:right;padding-top:44px;width:232px;} .site-lang li{ float:right;} .site-lang li.links{display: inline-block;} .site-lang li.links a{line-height: 18px;font-size: 14px;padding-left:25px; background:url(images/jkd_02.png) no-repeat;} .site-lang li.links:hover a{color:#c8000!important;} .site-lang li.line{ display: inline-block; color: #fff; margin: 0 7px;} .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{text-align:right;margin-top:0;} .wp-search {position: relative;border:0;background:rgba(255,255,255,0.6);} .wp-search form {display: block;} .wp-search .search-input { margin-right: 32px;height: 32px;} .wp-search .search-input input.search-title {width: 100%;height: 32px;padding: 0px 15px;line-height: 32px;color: #333;font-size: 14px;border:0;outline: 0;background: transparent;} .wp-search .search-btn {width:32px;height: 32px;position: absolute;right: 0;top:0;} .wp-search .search-btn input.search-submit {width:32px;height: 32px;border:0;outline: 0;background:#fff url(images/search.png) no-repeat center;cursor: pointer;} .nav{background:#008fd0;} .wp-menu {height: 64px;} .wp-menu .menu-item {display: inline-block;float: left; position: relative;min-width:116px; height:64px; padding:0 20px;text-align:center;} .wp-menu .menu-item>a{display: inline-block;height: 64px; line-height:64px;} .wp-menu .menu-item a.menu-link {color: #FFFFFF;font-size: 18px; font-family:"Microsoft YaHei";} .wp-menu li.menu-item:hover{background-color:#fff;} .wp-menu li.menu-item:hover a.menu-link{ color: #008fd0;} .sub-menu {display: none;position: absolute;left: 0;top: 64px;width: 100%; z-index: 100;background:rgba(0,0,0,0.4);} .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;} .sub-menu .sub-item a {display: block;color: #fff;height:62px;line-height: 22px;padding: 20px;font-size: 18px;background:#1b5a99; text-align: center;} .sub-menu .sub-item.hover> a, .sub-menu .sub-item a:hover{ color:#008fd0!important; background-color:#fff; display: block;} .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:rgba(0,0,0,0.2);} .mbanner .inner{ width:100%;} .banner .focus .focus-title-bar {bottom:40px;left: 50%;margin-left:-640px;} .mbanner .focus .focus-title-bg {background-color: #000;opacity: 0.4;filter:alpha(opacity=60);} .mbanner .focus .focus-pagination {width: 100%; text-align:center;position:absolute;right: 14px;bottom: 11px;margin-right: 0px;z-index:60;} .mbanner .focus .focus-page { display:inline-block; width:9px; height:9px; margin-right:6px;background:#bbb897;} .mbanner .focus .focus-page-active {background: #fff;opacity:1; filter:Alpha(opacity=100);} .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:0px; background:url(images/prev1.png) center no-repeat;} .mbanner .focus .focus-next { right:0px; background:url(images/next1.png) center no-repeat;} .mbanner .focus-container .focus-item img{ width:100%;} .mbanner .focus .focus-title-bar{ display:none!important;} .mbanner .focus .focus-navigation{ width:64px;height:64px; margin-top:-50px; background-color:rgba(255,255,255,0.3); text-indent:-999em;} #footer {background:#008fd0; height: 120px;} .footwz{ line-height:28px; font-size:16px; color:#fff; text-align:center;} .main1{padding-top:22px; } .f_01{ float:left;width:780px;} .f_01 .newbox{background:#f5f6f6; padding-left:30px;} .f_01 .newbox1{width:390px; padding-top:42px; padding-bottom:40px;} .f_01 .newbox2{ width:360px;} .f_01 .swiper-container { width: 100%;height: 100%; } .f_01 .swiper-slide { background-position: center; background-size: cover; position:relative;width:390px; height:260px;} .f_01 .swiper-slide .bar{ position:absolute;left:0; bottom:0; right:0; height:64px;background:rgba(0,0,0,0.5); padding:0px 125px 0 25px;} .f_01 .swiper-slide .bt{ display:block;line-height:54px; font-size:18px; color:#fff; padding:0; border:0;} .f_01 .swiper-button-next, .f_01 .swiper-button-prev{ width:32px; height:32px; bottom:19px; margin-top:0; top:auto;} .f_01 .swiper-button-next{ left:auto;right:15px;background:url(images/next2.png) center no-repeat;} .f_01 .swiper-button-prev{ left:auto;right:55px;background:url(images/prev2.png) center no-repeat;} .f_02{ float:right; width:360px;} .f_01 .bt,.f_02 .bt{ padding:21px 0; border-bottom:4px solid #008fd0;} .bt_title{ height:42px; line-height:42px;} .bt_title .wzname{ line-height:42px; font-size:32px; color:#43494c;} .bt_title .more_btn{ display:block; width:31px; height:31px;background:url(images/more.png) center no-repeat; } .listnews_con{background:#f5f6f6; } .f_04 .list{ display:block;padding:25px 30px 23px 32px;} .f_04 .list li{ margin-top:11px;position:relative;height:64px;} .f_04 .list li:first-child{ margin-top:0;} .f_04 .list li a{ height:64px;position:relative; padding-left:102px; } .f_04 .list li .news_wz{ line-height:30px; font-size:18px; color:#333;} .f_04 .list li .news_date{ position:absolute;left:0;top:0; width:72px; height:64px; border:1px solid #008fd0;} .f_04 .list li .news_date .day{height:32px; line-height:32px; text-align:center;font-size:24px; background:#008fd0; color:#fff;} .f_04 .list li .news_date .year{ height:30px; line-height:30px; text-align:center;font-size:16px; color:#008fd0;} .f_04 .list li a:hover .news_wz{ color:#008fd0;} .main1_02,.main1_03{ margin-top:38px;} .f_03{ float:left; width:600px;} .f_04{ float:right; width:530px;} .f_03 .bt,.f_04 .bt{padding:21px 0px; border-bottom:4px solid #008fd0;} .newscon{background:#f5f6f6; padding:32px 30px 32px 32px;} .newscon li a{ display:block; line-height:46px; font-size:18px; color:#333; position:relative; padding-right:130px;} .newscon li a .date{ position:absolute; right:0;top:0; height:54px; line-height:54px; font-size:14px; color:#999;} .newscon li a:hover{ color:#008fd0;} .newscon2{background:#f5f6f6; padding:42px 30px 30px 32px;} .newscon2 li{ margin-top:16px;} .newscon2 li:first-child{margin-top:0;} .newscon2 li a{ display:block; line-height:20px; font-size:18px; color:#333;} .newscon2 li .date{line-height:24px; font-size:14px; color:#999; margin-top:10px;} .newscon2 li a:hover{ color:#008fd0;} .main1_03 .f_03 .bt{ border:0;} .main1_03 .tulist li{ width:285px; height:190px; margin-top:28px;overflow:hidden;} .main1_03 .tulist li:nth-child(1),.main1_03 .tulist li:nth-child(2){ margin-top:15px;} .main1_03 .tulist li a{position:relative; overflow:hidden; display:block;} .main1_03 .tulist li .pic{ display:block;width:285px; height:190px;} .main1_03 .tulist li .pic img{width:285px; height:190px;} .hide-text{ position:absolute; top:134px;left:0;right:0; height:190px; background:rgba(0,0,0,0.5);} .hide-text .title{ padding:0 25px; height:56px; line-height:56px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#fff;} .hide-text .date{ padding:0 25px; border-top:1px solid rgba(255,255,255,0.2);line-height:55px;height:56px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#fff; text-align:center;} .main1_03 .tulist li:hover .hide-text{ padding-top:20px; background:#008fd0; } .main1_03 .tulist li:hover .hide-text .title{height:90px; margin-bottom:24px; line-height:30px;overflow: hidden; text-overflow: ellipsis;white-space:normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .main1_03 .f_04{ padding-top:28px;} .main1_03 .f_04 .bt{ padding:0;} .main1_03 .f_04 .bt_title{ height:72px;} .main1_03 .f_04 .bt_title .wzname{ padding:0 25px;line-height:72px; color:#333; cursor:pointer;} .main1_03 .f_04 .bt_title .wzname.on{ background:#008fd0; color:#fff;} .tab{ position:relative;} .tab .main4_list{ display:none;} .tab .main4_list:first-child{ display:block;} .tab .main4_list .more_btn{ position:absolute;top:-74px; right:0; display:block; width:31px; height:31px;background:url(images/more.png) center no-repeat; } .newscon4{background:#f5f6f6; padding:40px 30px 40px 32px;} .newscon4 li{ margin-top:38px;} .newscon4 li:first-child{ margin-top:0;} .newscon4 li .txtbt{ line-height:30px; font-size:18px; color:#333;} .newscon4 li .info{ margin-top:2px; line-height:26px; font-size:14px; color:#666; } .newscon4 li .date{line-height:24px; font-size:14px; color:#999;} .newscon4 li:hover .txtbt{color:#008fd0;} .main3{ background:#f0f0f0; height:140px;padding:15px 0; margin-top:78px;} .main3 .link_con li{ padding:0 25px;} .main3 .link_con li a{ display:block;} .main3 .link_con li .icon{ margin:0 auto; width:80px; height:80px;} .main3 .link_con li .link_bt{height:30px; line-height:30px; text-align:center; font-size:16px; color:#333;} .main3 .link_con li:hover .link_bt{ color:#008fd0;} .main3 .link_con li:nth-child(1) .icon{ background:url(images/icon1.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(2) .icon{ background:url(images/icon2.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(3) .icon{ background:url(images/icon3.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(4) .icon{ background:url(images/icon4.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(5) .icon{ background:url(images/icon5.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(6) .icon{ background:url(images/icon6.png) center top no-repeat;transition:all 0.4s;} .main3 .link_con li:nth-child(1):hover .icon{ background:url(images/icon1.png) center bottom no-repeat;} .main3 .link_con li:nth-child(2):hover .icon{ background:url(images/icon2.png) center bottom no-repeat;} .main3 .link_con li:nth-child(3):hover .icon{ background:url(images/icon3.png) center bottom no-repeat;} .main3 .link_con li:nth-child(4):hover .icon{ background:url(images/icon4.png) center bottom no-repeat;} .main3 .link_con li:nth-child(5):hover .icon{ background:url(images/icon5.png) center bottom no-repeat;} .main3 .link_con li:nth-child(6):hover .icon{ background:url(images/icon6.png) center bottom no-repeat;} .listpage{ padding-top:30px; padding-bottom:40px;} .col_menu {width: 280px;float:left; box-shadow: 0 0 15px rgba(0,0,0,.1);} .col_news_head {/* border-left:6px solid #3FD7CB; */border-bottom: 1px solid #DBDBDB;} .col_menu .col_menu_head {background: #008fd0; padding-left:20px;} .col_menu .col_menu_head h3.col_name {font-size: 18px;font-weight:600;color:#fff;} .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height: 52px;padding:0px 5px 0px 10px;} .col_menu .col_menu_con{border:1px solid #e4e4e4;} .col_list{/* padding:4px 18px; */} .col_list .wp_listcolumn { border-top:0px solid #830000; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column{border-top: 1px solid #008fd0;} .col_list .wp_listcolumn .wp_column:first-child{border-top:0;} .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 #F6EAEA; display:block;} .col_list .wp_listcolumn .wp_column:last-child a {border-bottom:0;} .col_list .wp_listcolumn .wp_column a .column-name{padding:8px 0px 8px 28px;line-height:40px;font-weight:bold; } .col_list .wp_listcolumn .wp_column a{color:#008fd0; background:#eee;} .col_list .wp_listcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_column a.selected { color:#008fd0; background:#eee;} .col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #008fd0;} .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:#214a83;} .col_list .wp_listcolumn .wp_column .sub_list a {color:#333;/* background:none; */border-top:1px solid #eee;margin-top:-1px;} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 52px;cursor:pointer;} .col_list .wp_listcolumn .wp_column a.selected {font-weight:bold;color:#008fd0;} .col_list .wp_listcolumn .sub_list a:hover{color:#008fd0;} .col_list .wp_listcolumn .wp_column .sub_list{ display:none;} .col_list .wp_listcolumn .wp_column:hover .sub_list,.col_list .wp_listcolumn .wp_column.selected .sub_list{ display:block;} .col_list .wp_listcolumn .wp_column .sub_list .sub-item a {background:none; } .col_list .wp_listcolumn .wp_column .sub_list .sub-item a:active{ color:#fff!important; background-color:#008fd0; display: block;} .col_list .wp_listcolumn .sub_list .sub-item a .column-name { padding: 5px 10px 5px 51px; cursor:pointer;font-weight:normal;} .col_list .wp_listcolumn .sub_list .sub-item a :hover,.col_list .wp_listcolumn .sub_list .sub-item a.selected {font-weight:normal;color:#008fd0;} .col_news {width:880px;min-height:500px;float:right;box-shadow: 0 0 15px rgba(0,0,0,.1); border-top:3px solid #008fd0; padding:0 20px;} .col_news .col_news_box{margin-left: 266px;} .col_news_head {/* border-left:6px solid #3FD7CB; */border-bottom: 1px solid #DBDBDB; padding-top:10px;} .col_metas .col_title {display:inline-block;float:left;height: 44px;line-height: 43px;} .col_metas .col_title h2 {display:inline-block;font-size: 24px;font-family:"Microsoft yahei";font-weight:600;color: #333;} .col_metas .col_path {display:inline-block;float:right;/* padding-right:20px; */white-space:nowrap;height: 45px;line-height: 45px;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 .newslist li{ width:100%; margin-top:8px; position:relative; padding-right:140px;padding-left: 25px; border-bottom:1px dashed #efefef;} .col_news_list .newslist li:before{ position:absolute; content:'';left:0;top:50%;margin-top: -3px;left: 6px;width: 6px; height: 6px; background:#e0e0e0;} .col_news_list .newslist li a{ display:block;line-height:38px; font-size:18px;} .col_news_list .newslist li .time{ position: absolute; right:0;top:0; line-height:38px; font-size:14px; color:#999;} .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:right;} .wp_paging input {font-size:12px;*font-size:100%;} .wp_paging li { display:inline-block; height:25px; line-height:25px; float:left; 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;} .infobox {margin-top: 0;margin-right: 30px;margin-bottom: 0;margin-left: 30px;} .article {padding-top: 30px; padding-bottom:40px;} .article h1.arti_title {line-height:26px;font-family: "Microsoft YaHei";padding:15px;text-align:center;font-size:25px;color:#282828;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCCCCC;} .article h2.arti_title{text-align: center;font-size: 18px;margin-top: 18px; color:#008fd0} .article .arti_metas { padding:10px; text-align:center;} .article .arti_metas span { margin:0 5px; font-size:14px; color:#787878;} .article .entry {overflow:hidden;margin-top: 0;margin-bottom: 0;} .article .entry .read,.article .entry .read p {color:#333;} .article .entry .read p { line-height:1.7em; font-size:16px;} .article .entry .read img { max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }