@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: 55px;height: 55px;vertical-align:middle;} /*css3扩展*/ body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px; } ::-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: "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: #0064aa;} /*页面尺寸*/ .wrapper { width:100%; margin:0 auto; } .wrapper .inner {width: 1400px;margin:0 auto;} /**页面全局宽度**/ /*headtop*/ #headtop{background: #666;} .headtop .top-left{float: left;} .headtop .top-right{float:right;} /*head开始*/ .head.s.othershow .top .top-line {} .head.s.othershow .top {background: #0064aa;opacity: 1;filter: Alpha(opacity=100);transform: none;display: block;} #header .inner{padding: 10px 0;position:relative;} .header .sitelogo{margin-top: 10px;/* margin-bottom: 10px; */} .header .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;text-align: center;} .header .head-main{float:left;margin-top:10px;} .header .head-right{margin-top: 10px;float:right;} /*lang样式*/ .site-lang ul{margin-right: 47px;float:right;} .site-lang ul li.links:hover a {opacity: 1;} .site-lang ul li.links{margin: 5px 0;display: block;padding: 0 20px;border-right: 1px solid #fff;float:left;} .site-lang ul li.links a{opacity: 0.8;line-height: 20px;font-size: 15px;color: #fff;} .site-lang ul li.links a:hover{color:#fff;} .site-lang ul li.links.i1 {line-height: 17px;background: url(images/role1.png) no-repeat left center;padding: 0 20px 0 30px;} .site-lang ul li.links.i2 {background: url(images/role2.png) no-repeat center left;margin-left: 28px;padding: 0 28px;} .site-lang ul li.links.i4 {border-right: 0px solid #fff;} .site-lang ul li.links.i3 {border-right: 0px solid #fff;/* display: none; */} /*默认主导航样式*/ #nav{} #nav .inner{ width: 100%;} #nav .inner .wp-panel{ width: 100%; float: left;} /*导航*/ #nav .inner .wp-panel .wp-window{ margin-right: 68px;} #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 {text-align: center;/* width: 11.1%; */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 18px;line-height: 65px;color: #fff;font-size: 17px;} .nav .wp-menu .menu-item.hover a.menu-link, .nav .wp-menu .menu-item a.hover{/* background-color:#1384e2; */text-decoration: none;/* color: #4e85b3; */} .nav .sub-menu {display: none;position: absolute;left: 0;top: 65px;min-width: 100%;z-index: 100;background: #5d9fd6;} .nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;} .nav .sub-menu .sub-item a {display: block;color: #fbfbfb;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{color: #fff;background-color: #0064aa;display: block;} .nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;} /**主页banner开始**/ #banner .inner {width:auto;max-width: 1345px;text-align: center;position:relative;} /**主体模块样式**/ /**首页三列布局**/ .main1{z-index: 99;margin-top: 0px;background: #f7f7f7 url(images/content10.png) no-repeat right top;position:relative;} .main1 .inner{position: relative;padding: 50px 0 100px 0;} .main1 .ml{float:left; width:360px;padding-top:8px;} .main1 .mc{float:left; width:380px;margin-left:30px;} .main1 .mr{float:right;width: 346px;} .main4{/* background: #dbe2e7; */} .main4 .inner{padding: 50px 0;} .main4 .ml{float:left;width: 49%;} .main4 .mr{float:right;width: 49%;} /**标题栏新闻窗口**/ .post {/* margin-bottom:10px; */} .post .tt {margin-bottom: 30px;text-align: center;display:inline-block;width:100%;border-bottom: 0px solid #e6e6e6;} /**标题栏**/ .post .tt .tit {display:inline-block;font-size: 16px;font-weight:normal;} /**标题字体**/ .post .tt .tit .title {display:block;line-height: 30px;font-family:"Microsoft yahei";} .post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/ .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 {text-align: center;width: 100%;display:inline-block; *zoom:1;} .post .more_btn .more_text,.post .more_btn a {color: #0379d0;font-size: 14px;cursor:pointer;} .post .more_btn a:hover{color:#666;} .post.post4 .more_btn { line-height: 30px; width: auto; float: right;} .post.post4 .tt .tit { display: block;} .post.post-12 .more_btn .more_text, .post.post-12 .more_btn a {line-height: 47px;display: inline-block;color: #0065b3;font-size: 14px;cursor: pointer;height: 47px;} /*标准标题*/ .post2 .tt { text-align: left;} .post .tt .tit .title {line-height: 40px;font-size: 30px;font-weight:bold;color: #0379d0;cursor:pointer;} .post1 .tt .tit .title.selected {color:#0f429b;} .post1 .more_btn a{color:#1826a5;} /*带图标标题*/ /**自定义新闻列表**/ .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_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 p {line-height:34px;} /*main3图文*/ .tu_text .news_list {/* margin-bottom: 30px; */margin-left: -3%;}.tu_text .news_list li.news{height: 240px;float: left;width: 30.3%;margin-left: 3%;} .tu_text .news_list li.news.n1,.tu_text .news_list li.news {position: relative;background: url(images/n1.png) center no-repeat;} .tu_text .news_list li.news.n2 { background: url(images/n2.png) center no-repeat;} .tu_text .news_list li.news.n3 {background: #e7f5ff url(images/n3.png) center no-repeat;} .main2 .tu_text .news_date {margin-right: -60px;float: left;width: 100%;} .tu_text .news_box {margin: 50px 20px;} .tu_text .news_day { font-size: 40px; color: #fff; line-height: 50px;} .tu_text .news_mouth {line-height: 30px;font-size: 14px;color: #fff;} .post.post-31 .tt .tit .title { color: #0065b3;} .post.post-31 .fu_tit { color: #0064aa; display:none;} .main3 .inner {position: relative;padding: 45px 0 90px 0;} .main3 .tu_text {} .tu_text .news_wz {margin-bottom: 15px; float: left; width: 100%;} .tu_text .news_list li.news .news_title a {line-height: 30px;font-size: 16px;color: #fff;} .tu_text .news_list li.news.n3 .news_title a {color: #333;} .tu_text .news_list li.news.n3 .news_day, .tu_text .news_list li.news.n3 .news_mouth { color: #0064aa;} .tu_text .news_more { padding-right: 30px; color: #fff;position: absolute; bottom: 20px; background: url(images/jt.png) no-repeat right;} .tu_text .news_more a { color: #fff;} .tu_text .news_list li.news.n1 .news_more a,.tu_text .news_list li.news.n3 .news_more a{color:#56c064;} .tu_text .news_list li.news:hover .news_more a{padding:5px;} .tu_text .news_list li.news.n3 .news_text { display: none; color: #333;} .tu_text .news_list li.news.n1 .news_more,.tu_text .news_list li.news.n3 .news_more { background: url(images/xiang.png) no-repeat right;} .tu_text .news_list li.news .news_title{color: #fff;margin-top: 8px;/* margin-left: 70px; */word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;max-height:60px;float: left;} .tu_text .news_list li.news .news_text{display: none;width: 100%;word-break:break-all;/* display:-webkit-box; */-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;max-height: 90px;line-height: 30px;font-size: 14px;color: #fff;} /*main1*/ /*main1*/ .post.post-12 .more_btn a:hover .more_text{ background-color: #56b663;} .link_text .news_list li.news .wz_con .news_meta {line-height: 20px;width: auto;background: url(images/zhong.png) no-repeat left 4px;padding-left:20px;} .link_text .news_list{margin-left: -3%;} .link_text .news_list li.news{margin-bottom: 30px;background: url(images/bg.png) repeat-x;float:left;width: 30.3%;text-align: left;margin-left: 3%;} .link_text .news_list li.news .news_box{/* height: 320px; */position: relative;overflow: hidden;} .link_text .news_list li.news .news_title, .link_text .news_list li.news .news_title a{/* font-weight: bold; */font-size: 16px;/* color: #fff; */width:100%;line-height: 30px;} .link_text .news_list li.news .news_title{min-height: 46px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;max-height:60px;font-size: 16px;color: #3b3b3b;width:100%;line-height: 30px;} .link_text .news_list li.news .news_meta{text-align: center;background: url(images/time.png) no-repeat center left 90px;font-size: 16px;line-height: 35px;color: #3b3b3b;display:inline-block;width:100%;} .link_text .news_list li.news .news_imgs {transition-duration: 1s;overflow: hidden;position: relative;width: 100%;height: 240px;} .link_text .news_list li.news .news_wz {height: 88px;padding: 3px 5%;background: #f3f3f3;width: 90%;} .link_text .news_list li.news .news_wzz {display: none;transition: all 0.4s ease 0.1s;background: #0065b3c4;opacity: 0;height: 100%;width: 100%;position: absolute;top: 0;} .link_text .wzz_con { margin: 80px 60px 0 60px;} .link_text .news_more { text-align: center; font-size: 16px; line-height: 30px; color: #56c064;} .link_text .news_more a {padding-right: 35px;display: inline-block;color: #56c064;} .link_text .news_list li.news .news_wzz .news_title,.link_text .news_list li.news .news_wzz .news_meta {margin-bottom: 25px;text-align: center;} .news_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width: 100%;transition: all 1s ease 0s;} /*main2*/ .main2 .ml {width: 47%;float: left;} .main2 .mr {width: 50%;float: right;} .main2 {background: #efefef;} .post-22 .links {background-repeat: no-repeat;text-align: center;height: 275px;width: 50%;float: left;background-color: #0064aa;background-image: url(images/jt.png);background-position: center bottom 60px;} .post2 .more_btn { float: right; width: auto;} .post.post-21 .more_btn .more_text, .post.post-21 .more_btn a,.post.post-31 .more_btn .more_text, .post.post-31 .more_btn a {height: 40px;line-height: 40px;display: initial;background: none;color: #56c064;} .post-22 .links a {background:url(images/sy.png) no-repeat center top; padding-top: 70px; display: inline-block; font-size: 20px; color: #fff; line-height: 30px; font-weight: bold; text-align: center; margin-top:80px;} .post-22 .links.i2 a{background:url(images/zt.png) no-repeat center top;} .post-22 .links.i2 {background-color: #56b663;} .post-22 .links.i2:hover {background-color: #377cab;} .post-22 .links:hover{ background-color: #3e7c47;background-image:url(images/jt.png);} .post.post2 .tt{margin-bottom: 30px;text-align: left;} .main2 .inner {padding: 40px 0;} .post.post2 .tt .tit .title {line-height: 35px;color: #357bab;font-size: 30px;} .main2 .news_date {margin-top: -2px;text-align: center;margin-right: -85px;width: 60px;float: left;} .main2 .news_wz {width: 100%;float: left;} .main2 .news_wz .news_con {margin-left: 85px;} .main2 .news_date .news_mouth {margin-bottom: 5px;font-size: 14px;line-height: 20px;} .main2 .news_day { font-size: 40px; line-height: 40px;} .main2 .news_title {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 60px;float: left;/* margin-bottom: 10px; */font-weight: bold;font-size: 16px;line-height: 30px;color: #333333;} .main2 .news_bgsj,.news_txhy { width: 50%; font-size: 14px; line-height: 28px; float: left;color:#666666} .main2 .post.post2 .tt .tit .title .fu { font-size: 16px;color: #9c9c9c; display:none;} .main4 .post .more_btn:hover .more_text {color: #56c064;} .main2 .post .more_btn:hover .more_text {color: #fff;} /**main4**/ .post-41 .news_imgs {width: 100%;height: 465px;background: #d9d9d9;} .post-41 .news_wz { margin: 18px 0; width: 100%; bottom: 0; position: absolute;} .post-41 .slick-dots {width: auto;left: 10px;text-align: left;bottom: 60px;} .post-41 .news_futit,.post-41 .news_title,.post-41 .news_date {padding-right: 15px;color: #fff;border-right: 1px solid #fff;margin-left: 15px;float:left;font-size:18px;line-height: 18px;} .post-41 .news_title {width: 60%;overflow: hidden;text-overflow: ellipsis;display: inline-block;white-space: nowrap;border-right:0;} .post.post4 .tt {margin-bottom: 20px;text-align: left;} .post.post4 .fu {display: inline-block;font-weight: normal;font-size: 16px;line-height: 30px;color: #ffffff; display:none;} .post-41 .news_title a {color: #fff;} .post-42 .news_title a {display: block;min-height: 60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;max-height:60px;line-height: 30px;font-size: 16px;color: #fff;} .post-42 .news_futit a { font-weight: bold; font-size: 20px;color: #fff;} .post-42 .news_list li.news {position: relative;background: #037bd6 url(images/cloud.png) no-repeat bottom right;width: 49%;float: left;} .post-42 .news_list li.news.n2 {margin-bottom: 20px;background: #0064aa url(images/cloud2.png) no-repeat bottom left;} .post-42 .news_list li.news.n1 {margin-bottom: 20px;background: #0064aa url(images/cloud.png) no-repeat bottom right;} .post-42 .news_list li.news.n4 {background: #037bd6 url(images/cloud2.png) no-repeat bottom left;} .post-42 .news_list li.news.n1:hover,.post-42 .news_list li.news.n2:hover{background: #037bd6;} .post-42 .news_list li.news.n3:hover,.post-42 .news_list li.news.n4:hover {background: #0064aa;} .post-42 .news_box {height: 100%;padding: 56px 25px;} .post-42 .news_list li.news.n3 .news_box,.post-42 .news_list li.news.n4 .news_box {} .post-42 .news_list li.news.n3 .news_box{} .post-42 .news_futit {margin-bottom: 20px;min-height:37px;} .post-42 .news_title {margin-bottom: 20px;} .post-42 .news_date {/* margin-bottom: 25px; */padding-left: 25px;color: #fff;font-size: 14px;line-height: 30px;background: url(images/time.png)no-repeat left;} .post-42 .news_more {color: #fff;background: url(images/jt.png) no-repeat right center;right: 35px;position: absolute;bottom: 20px;padding-right: 30px;} .post-42 .news_more a {color: #fff;} .post-42 ul.news_list.clearfix {} /**/ .link_icon .news_list li.news {width: 11%;float: left;} .link_icon .news_list li.news .news_box .link_con {margin-top: 5px;line-height: 40px;color: #333333;font-size: 16px;text-align: center;} .link_icon .news_list li.news .news_box {text-align: center;} .main5 .inner {padding: 30px 0;} div#container-5 {/* background: #dbe2e7; */position: relative;} .link_icon .news_list li.news:hover .link_icon { opacity: 0.5;} /*********************************************************** * 列表页 */ /**首页三列布局**/ /**列表页**/ /*栏目图片*/ .l-banner{height: 335px;background-position:center center;background-repeat:no-repeat;text-align:center;} .l-banner img{display:none;height:100%;vertical-align:top;} /**主体列表页开始**/ .wrapper.col_metas_head {opacity: 0.8;width: 100%;z-index: 100;position: absolute;background: #075e9a;bottom: 0;margin: 0 auto;} .wrapper.col_metas_head .col_path {font-size: 16px;color: #fff;float: none;display: block;} .wrapper.col_head { left: 10%; width: 80%; z-index: 100; position: absolute; background: #4e85b3; top: 280px; margin: 0 auto;} .wrapper.col_news_head { font-weight: normal;font-size: 30px; text-align: center; color: #fff;} #l-container .inner {background: url(images/list_cl.png) no-repeat left bottom;padding: 25px 10px;} .col_head .col_metas .col_title {display: block; float: none; text-align: center;} .col_head .col_metas .col_title h2 { font-size: 30px; color: #fff; border: 0; display: block;} div#container-1 {} /**主体文章页开始**/ #d-container .inner {padding: 20px 0;background:#fff;} .col_menu {margin-top: -85px;width: 230px;float:left;margin-right: -230px;position:relative;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {background: #0064aa;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 30px;font-weight: bold;color:#fff;}/**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height: 140px;/* padding:0px 5px 0px 30px; */text-align: center;}/**栏目名称图标**/ .col_menu .col_menu_con{/* border:1px solid #e4e4e4; */} /*栏目列表*/ .col_metas .col_path .path_name { display: inline-block; width: 40px;} .col_metas .col_path .path_name img {margin-top: -4px;vertical-align: middle;} .col_news_con .news_list li.news {line-height: 40px;} .col_news_con .news_list li.news .news_title { overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; width: 80%; font-size: 16px;} .col_news_con .news_list li.news .news_meta { font-size: 16px;} .col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column a {color:#333;font-size: 20px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 0px solid #F6EAEA;} .col_list .wp_listcolumn .wp_column a .column-name{padding: 9px 0px 9px 40px;line-height:32px;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {color: #fff;background: #0064aa;} .col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #fff;} .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:#0f429b;} /*二级子栏目**/ .list div#l-container { background: #e8f2fb; } .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 .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;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:#fff;} /*三级子栏目**/ .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: 290px;} .col_news_head {border-bottom: 1px solid #DBDBDB;} .col_metas .col_title {display:inline-block;float:left;height: 55px;line-height: 55px;} /**当前栏目**/ .col_metas .col_title h2 {display:inline-block;font-size: 30px;font-weight: normal;color: #333333;} .col_metas .col_path {font-size: 16px;width: 100%;display:inline-block;float: left;white-space:nowrap;height: 30px;line-height: 30px;color: #333;} /**当前位置**/ .col_metas .col_path a{color: #2F2F2F;} .col_news_con {padding: 10px 0px 10px 0px;margin:0 0px;} .col_news_list { margin-top:7px;} .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;background: none !important;} .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-right { padding: 30px 0px; float: right; width: 22%; } .infobox {float: left;padding: 20px 0px 0;margin:0 auto;width: 75%;} .article {padding: 10px 60px;/* padding-top:10px; */} .article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #357bab;} /**文章标题**/ .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 {min-height: 500px;margin:0 auto;overflow:hidden;margin-top:10px;} /**文章内容**/ .article .entry .read,.article .entry .read p {line-height: 2.5 !important;font-size: 16px !important;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;} /**页脚开始**/ .footer-bottom { overflow: hidden; background: #0379d0; } .footer-bottom p,.footer-bottom a{ line-height: 45px;text-align:center;color:#fff;} #footer {background: #686f74b8;} #footer .inner {padding:12px 0px;position:relative;} #footer .inner .foot-left{float:left;/* margin-top:10px; */width: 74%;} #footer .inner .foot-right{float:right;margin-top: 25px;} #footer .inner p{font-size: 16px;line-height: 30px;font-weight:normal;text-align:left;color: #fff;} #footer .inner p span { margin:0 3px; } #footer .inner .copyright a{color:#eee;} /************************************************************** * 组件功能 */ div#aaa{top: 5px;position: absolute;width: 27px;right: 15px;} div#aaa img {width: 20px;cursor: pointer;} /*系统默认搜索*/ .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{width: 50px;* text-align:right; */} .wp-search {position: relative;border: 1px solid #d0d0d0;} .wp-search form {display: block;} .wp-search .search-input {opacity: 1;margin-left:4px;margin-right: 50px;} .wp-search .search-input input.search-title {font-family: "Microsoft YaHei";width: 100%;height: 50px;line-height: 50px;background: none;color: #FFFFFF;font-size: 16px;border:0;outline: 0;} .wp-search .search-btn {width: 50px;height: 50px;position: absolute;right: 0;top:0%;} .wp-search .search-btn input.search-submit {width: 50px;height: 50px;border:0;outline: 0;background: 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{width: 82px;display:inline-block;height: 50px;border: 0px solid red;opacity: .9;filter:Alpha(opacity=60);vertical-align:top;} .shares li a:hover{ opacity:1; filter:Alpha(opacity=100); } .shares li.i1 a{background: url(images/icon/i11.png) no-repeat;} .shares li.i2 a{margin-left: 15px;width: 70px;background: url(images/icon/wx.png) no-repeat center;} .shares li.i3 a{width: 70px;background: url(images/icon/wb.png) no-repeat center;} .shares li span{display: none;line-height:22px;font-size:12px;color: #D0D4EA;text-align:center;} .shares li .con{display:none;position:absolute;bottom: 86px;left:50%;z-index:100;margin-left: -70px;width:100px;} .shares li .con img{ width: 90px; height:90px; vertical-align:top; background:#fff;} /**链接样式**/ /*列表页*/ .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);} /************************************************************* * 特殊页面 */ /*滚动样式*/ .wrapperinner {position: relative;z-index: 1;width: 100%;overflow: hidden; -ms-touch-action: none;} .scroller {position: absolute; z-index: 1; width: 750px; height: 160px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } /************************************************************* *二级页面 */ /**/ #top { position: fixed; top:0px; left: 0; z-index:10000;} #hero--image{/* height: 100vh; */width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:4;} #hero--image #hero--slider{/* position:absolute; */left:0;top:0;width:100%;height:100%;/* z-index:2; */} #hero--image #hero--text #hero--text-ja{font-size:1rem;letter-spacing:4px}}@media (max-width:350px){#hero--image #hero--text #hero--text-ja{font-size:3vw}}#hero--image #hero--text #hero--text-ja.active{opacity:1} #hero--image #hero--overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 11;overflow:hidden;} #hero--image #hero--overlay.step1 #hero--overlay1{-webkit-transform:skew(70deg);transform:skew(70deg);left:70%;width:300%!important} #hero--image #hero--overlay.step1 #hero--overlay2{-webkit-transform:skew(50deg);transform:skew(50deg);left:70%;width:300%!important} #hero--image #hero--overlay.step2 #hero--overlay1{-webkit-transform:skew(-20deg);transform:skew(-20deg);left:70%} #hero--image #hero--overlay.step2 #hero--overlay2{-webkit-transform:skew(40deg);transform:skew(40deg);left:70%} #hero--image #hero--overlay.step3 #hero--overlay1{-webkit-transform:skew(-70deg);transform:skew(-70deg);left:80%;width:300%!important} #hero--image #hero--overlay.step3 #hero--overlay2{-webkit-transform:skew(-50deg);transform:skew(-50deg);left:60%;width:300%!important} #hero--image #hero--overlay #hero--overlay1{position:absolute;left:-160%;top:0;width:0;height:100%;z-index:8;background:rgba(14,22,104,.3);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:skew(-30deg);transform:skew(-30deg)} #hero--image #hero--overlay #hero--overlay2{position:absolute;left:-165%;top:0;width:0;height:100%;z-index:7;background:rgba(30,72,157,.3);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:skew(30deg);transform:skew(30deg)} #hero--image .slider-controls{position:absolute;right:8%;top:48%;list-style:none;padding:0;margin:0;z-index:11;width:35px} #hero--image .scroll-down div span{display:block;overflow:hidden;-webkit-animation:scroll 4s cubic-bezier(1,0,0,1) 2s infinite;animation:scroll 4s cubic-bezier(1,0,0,1) 2s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;} #hero--image .scroll-down div a{color:#c8c8c8;text-decoration:none;display:inline-block;width:100%; height:83px; text-align:center; background:url('images/btns0.png') no-repeat center center;} #hero--image .scroll-down:before{content:"";position:absolute;left:40px;bottom:0;border:0px solid #646464;width:calc(100% - 80px)} .m_news{position:fixed; top:50%; right:0px; margin-top:-320px; z-index:1002; width:150px; height:613px; background:url('images/news.png') no-repeat;} .fu_tit {font-size: 15px;color: #fff;line-height: 35px; display:none;} .head.s.showdiv .top {/* opacity: 1; */filter: Alpha(opacity=100);transform: none;/* display: block; *//* padding-bottom: 0px; *//* background: #0064aa; */} .head { height: 100%; position: relative;} .top {background: #0064aa;transition: all 0.7s ease-out 0s;transform: translateY(-100%);width: 100%;position: fixed;top: 0;z-index: 102;} .top-line {height: 30px;width: 100%;background: #0064aa;} /**/ .col_news_con .news_zhi { height: 40px; line-height: 40px; float: left; display: inline-block; font-size: 18px; min-width: 25%; } .main #nav { } .col_news_con .news_list li.news .news_name { line-height: 40px; margin-left: 1%; float: left; display: inline-block; font-size: 18px; } .col_news_con .news_name a { font-size: 18px; font-weight: bold; color: #333; } .col_news_con .news_list .news:hover .news_name a {color: #0064aa;} .main1 .post .more_btn {right: 0;width: auto;z-index: 10;position: absolute;bottom: -40px;} .link_text .news_list li.news .news_imgs img { display: none; width: 10%; height: 100%; } .link_text .boxb .wzz_con { margin: 0; padding: 80px 60px 0 60px; } .boxb { width: 100%; background: #fff; height: 100%; } .link_text .news_list li.news .boxb .news_title a {/* width: 100%; */color: #000;/* -webkit-line-clamp: 1; *//* -webkit-box-orient: unset; *//* word-break: normal; *//* max-height: 30px; *//* overflow: hidden; *//* text-overflow: ellipsis; */display: block;/* white-space: nowrap; */} .link_text .news_list li.news .boxb .news_title { } .link_text .news_list li.news .boxb .news_text { margin-bottom: 15px; height: 120px; line-height: 30px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 120px; width: 100%; } .link_text .boxb .wzz_con { padding: 40px 60px 0 60px; } .link_text .bobx .news_meta { color: #333; } .link_text .news_list li.news .boxb .news_meta { margin-top: 10px; display: block; height: 35px; background: url(images/zhong.png) no-repeat center left; padding-left: 20px; text-align: left; color: #0064aa; } .link_text .news_list li.news .boxb .news_text a { font-size: 14px; color: #666666; } .link_text .boxb .news_more { text-align: left; } .wp_paging { margin-top: 50px; } .col_menu .col_menu_con { margin-top: 10px; } .link_icon .news_list li.news.i8 { display: none; } .wrapper.animated .mod { opacity: 1; transform: translate(0px, 0px); transition: 0.8s ease-in-out; } .main1 .mod { opacity: 0; transform: translate(50%, 0px); transition: 0.8s ease-in-out; } .main2 .mod { opacity: 0; transform: translate(0%, 50%); transition: 0.8s ease-in-out; } .main11 .mod { opacity: 0; transform: translate(0%, 0%); transition: 0.8s ease-in-out; } .main4 .mod { opacity: 0; transform: translate(0%, 50%); transition: 0.8s ease-in-out; } /* animation */ @keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-moz-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-o-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } .infobox-right .post.post2 .tt .tit .title { font-size: 22px; } .infobox-right .post.post2 .tt { line-height: 40px; border-bottom: 2px solid #357bab; margin-bottom: 0; margin-bottom: 10px; } .infobox-right .news_box .news_title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 35px; height: 35px; } .infobox-right .news_date { background: url(images/zhong.png) no-repeat left 8px; padding-left: 20px; color: #7c7474; display: block; line-height: 30px; font-size: 14px; } .infobox-right .news_list li.news {border-bottom: 1px solid #eee;} .link_text .news_list li.news:hover .news_imgs .news_bg { transform: scale(1.1); } body.list.info .top { padding: 0; transform: none; transition: none; position: absolute; } a#back-top {display: block;width: 60px;height: 60px;opacity: 0.9;position: absolute;right: 80px;bottom: 200px;z-index: 10000;} .main2 .ml .news_list li.news.n1, .main2 .ml .news_list li.news.n2 { margin-bottom: 25px; } .main2 .ml .news_date { border: 1px solid #4e85b3; } .main2 .ml .news_date .news_mouth { margin-bottom:0; background: #4e85b3; line-height: 34px; color: #eee; } .main2 .ml .news_day { font-size: 26px; line-height: 29px; color: #4e85b3; } .top-line .inner { position: relative; width: 1400px; margin: 0 auto; } #footer .inner .foot-left .copyright { padding-bottom: 20px; padding-top: 20px; padding-right: 2%; border-right: 1px solid #81868a; float: left; } #footer .inner .foot-left .copyright span { padding-left: 25px; line-height: 30px; display: block; color: #e1e2e3; font-size: 13px; } #footer .inner .foot-left .copyright.center,#footer .inner .foot-left .copyright.right { padding-left: 2%; } .foot { background: #dbe2e7 url(images/content0.png) no-repeat right bottom; } #footer .inner .foot-left .copyright span.em { background: url(images/em.png) no-repeat center left; } #footer .inner .foot-left .copyright span.add { background: url(images/add.png) no-repeat center left; } .wrapper.header { background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); } .head.s.showdiv.othershow .header { border-top: 1px solid #1471b3; background: none; } .head.s.showdiv .top { background: none; } .head.s.othershow .header { background: none; } .link_text .news_list li.news:hover .news_wz { background: #0379d0; } .link_text .news_list li.news:hover .news_wz .news_title a, .link_text .news_list li.news:hover .news_wz .news_meta { color: #fff; } .link_text .news_list li.news:hover .news_meta { background: url(images/time.png) no-repeat left 4px;} .post-42 .news_list li.news.n2,.post-42 .news_list li.news.n4 { margin-left: 2%; } /*xin*/ .post-112 .news_list li.news .news_imgs { padding-top: 50%;overflow: hidden;position: relative;} .post-112 .news_list li.news .news_box{ margin: 0 10px;} .post-112 .news_list {margin: 0 -10px;} .main11 .post.post2 .tt {float: left;width: 40px;margin-bottom: 0;text-align: center;} .main11 .post2 .more_btn {display: block;transform: rotate(90deg);margin-top: 30px;float: none;} .main11 .post.post2 .con {padding-top: 10px;margin-left: 120px;} .main11 .inner {padding: 70px 0;} .post.post2.post-112.mbox .boxs { width: 100%;} .main11 .slick-prev {width: 40px;height: 40px;top: -20px;left: auto;right: 55px;} .main11 .slick-next {width: 40px;height: 40px;top: -20px;right: 10px;} .main11 .slick-next::before { font-size: 30px; color: #000; width: 100%;background: #dddddd !important; content: ">"; display: block; height: 100%; font-family: fangsong; line-height: 40px; font-weight: bold;} .main11 .slick-prev::before { font-size: 30px; color: #fff; width: 100%; background: #186aab !important; content: "<"; display: block; height: 100%; font-family: fangsong; line-height: 40px; font-weight: bold; } .list.ztw .col_news_con .news_list li.news .news_imgs { padding-top: 50%;position: relative; overflow: hidden;} .list.ztw .col_news_con .news_list.list2 {display: flex; justify-content: space-between;flex-wrap: wrap;} .list.ztw .col_news_con .news_list li.news {position: relative; width: 31%; margin-bottom: 50px;} .list.ztw .col_news_con .news_list li.news .news_meta {line-height: 40px; color: #0064aa;} .list.ztw .col_news_con .news_list li.news .news_title { font-size: 22px; color: #343435;} .list.ztw .col_news_con .news_list li.news .news_title:after { content: ""; background: #186aab; width: 60px;height: 1px;position: absolute; bottom: 0; left: 0;}