/*rest*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
figure,
figcaption,
code,
del,
dfn,
em,
image,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
tf,
tr,
th,
td {
border: 0px;
padding: 0px;
/*font-size: 100%;*/
margin: 0px;
font-family: "microsoft yahei", "宋体", "lucida grande", "tahoma", "arial", "helvetica", "sans-serif";
-webkit-font-smoothing: subpixel-antialiased;
font-weight: normal;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
color: #565656;
line-height: 1;
font-size: 12px;
margin: 0px;
}
input,
textarea,
select {
background-color: #ffffff;
font-size: 12px;
outline: none;
}
img {
border: 0px;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
a,
a:link {
color: #434343;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #0168B7;
}
ul,
li {
list-style-type: none;
}
/*base*/
.clearfix {
clear: both;
height: 0;
overflow: hidden;
}
.f_l {
float: left;
}
.f_r {
float: right;
}
.container {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
/*.content {
width: 1000px;
margin: 0 auto;
}*/
.col_50 {
float: left;
width: 50%;
}
.col_small {
float: left;
width: 34%;
}
.col_large {
float: left;
width: 66%;
}
.col_33 {
float: left;
width: 33.33333333%;
}
.p_l-25 {
padding-left: 25px;
}
.p_r-25 {
padding-right: 25px;
}
.btn {
display: block;
border-radius: 0;
padding: 0 15px;
line-height: 42px;
font-size: 14px;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0;
border-radius: 0;
overflow: hidden;
}
.btn img {
width: 100%;
height: 100%;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav>.nav_item {
position: relative;
display: block;
}
.nav>.nav_item>a {
position: relative;
display: block;
padding: 10px 15px;
}
.tab-content>.tab-pane.active {
display: block;
}
.tab-content>.tab-pane {
display: none;
}
/*下拉组件*/
.dropdown {
position: relative;
}
/*上箭头*/
.dropdown.dropdown_top-arrow .dropdown-menu:before {
border-bottom-color: #dce1ec;
position: absolute;
top: -7px;
left: 9px;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown.dropdown_top-arrow .dropdown-menu:after {
border-bottom-color: #e3e6f0;
position: absolute;
top: -6px;
left: 10px;
display: inline-block !important;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
/*下箭头*/
.dropdown.dropdown_bottom-arrow .dropdown-menu:before {
border-bottom-color: #dce1ec;
position: absolute;
bottom: -7px;
left: 9px;
display: inline-block !important;
border-right: 7px solid transparent;
border-top: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown.dropdown_bottom-arrow .dropdown-menu:after {
border-bottom-color: #e3e6f0;
position: absolute;
bottom: -6px;
left: 10px;
display: inline-block !important;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown .dropdown-menu {
display: none;
position: absolute;
top: 100%;
}
/*banner*/
/*=============================================================================================================*/
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
line-height: 1;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block;
}
.carousel-inner>.active {
left: 0;
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner>.next {
left: 100%;
}
.carousel-inner>.prev {
left: -100%;
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0;
}
.carousel-inner>.active.left {
left: -100%;
}
.carousel-inner>.active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
left: 0;
}
.carousel-control.right {
left: auto;
right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid rgba(255, 255, 255, .8);
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: rgba(255, 255, 255, .8);
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
/*=============================================================================================================*/
/*顶部信息条*/
.topbar {
background: #eee;
}
.topbar .sidebar-toggler {
display: none;
float: left;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
width: 20px;
height: 14px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/images/sidebar_inline_toggler_icon_grey.jpg');
}
.mobiletop .subnav-search {
display: none;
float: right;
margin: 7px 0 !important;
}
/*顶部子菜单*/
.topbar .subnav {
margin: 0;
}
/*.topbar .subnav:after {
content: "";
display: table;
clear: both;
}*/
.topbar .subnav li {
float: left;
display: inline-block;
}
.topbar .subnav li a {
display: inline-block;
margin: 0 6px;
height: 36px;
line-height: 36px;
color: #434343;
font-size: 14px;
text-decoration: none;
cursor: pointer;
}
.topbar .subnav li a:hover {
color: #0168B7;
}
.topbar .subnav-search {
margin: 5px 6px;
position: relative;
vertical-align: middle;
background: #fff;
border-radius: 3px;
}
.topbar .subnav-search>.search_input {
float: left;
font-size: 12px;
border: 0;
border-radius: 0;
height: 26px;
line-height: 26px;
padding: 0 10px;
width: 140px;
border-radius: 3px;
}
.topbar .subnav-search>.search_icon {
float: left;
display: inline-block;
padding: 3px 5px;
cursor: pointer;
vertical-align: top;
}
.topbar .subnav-search>.search_submit {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 26px;
opacity: 0;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
/*头部logo条*/
.head {
background: #fff;
}
.head .logo {
display: inline-block;
_display: inline;
width: auto;
padding: 27px 0;
}
.head .logo img {
max-width: 100%;
height: 56px;
border: 0px;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
.head .motto {
float: left;
_display: inline;
width: auto;
padding: 29.5px 0 29.5px 30px;
}
.head .motto img {
max-width: 100%;
height: 51px;
border: 0px;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
.head .noto {
float: right;
_display: inline;
width: auto;
padding: 21px 0;
}
.head .noto img {
max-width: 100%;
height: 67px;
border: 0px;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
/*导航条*/
.navigation {
background: #0168B7;
}
.navigation .nav-wrap {
position: relative;
/*padding: 0 20px;*/
z-index: 100;
}
.subnavmenu {
width: 100%;
height: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.subnavmenu td {
vertical-align: top;
text-align: center;
}
.navmenu {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.navmenu td {
text-align: center;
}
.navmenu a {
display: block;
font-family: "microsoft yahei";
font-size: 16px;
line-height: 50px;
font-weight: normal;
color: #fff;
}
.navigation .navmenu td.active>a,
.navigation .navmenu td:hover>a {
color: #060001;
background: #e6cf98;
}
.menu-info {
display: none;
position: absolute;
left: 0;
top: 50px;
width: 100%;
height: 400px;
/*padding: 0 20px;*/
z-index: 110;
background: rgba(255, 255, 255, .8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff, endColorstr=#c8ffffff)
}
.menu-info.open {
display: block;
}
.navlist {
padding: 5px 0;
height: 100%;
text-align: center;
}
.navlist.active {
background: #dab866;
}
.navlist ul {
margin: 0;
padding: 0;
list-style: none;
}
.navlist ul>li {
display: block;
width: 100%;
}
.navlist ul>li>a {
font-size: 14px;
display: block;
padding: 8px 0;
color: #000;
text-decoration: none;
}
.navlist ul>li.active>a,
.navlist ul>li:hover>a {
color: #060001;
background: #e6cf98;
}
/*banner*/
.banner {
background: #eee;
}
.banner .carousel-inner>.item>a>img,
.banner .carousel-inner>.item>img {
width: 100%;
height: 400px;
}
.large {
display: none;
width: 30px;
height: 50px;
line-height: 44px;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 50;
cursor: pointer;
color: #D9D9D9;
font-size: 36px;
font-style: inherit;
background-color: rgba(0, 0, 0, .2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2000000, endColorstr=#c2000000)
}
.carousel:hover .large {
display: block;
}
.large.large-left {
left: 10px;
}
.large.large-right {
right: 10px;
}
.large.large-left:hover,
.large.large-right:hover {
background-color: rgba(0, 0, 0, .7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c7000000, endColorstr=#c7000000)
}
/*底部信息*/
.footer {
/*height: 150px;*/
background: #00487f;
}
.footer-inner {
padding: 0 20px;
}
.footer-inner:after {
content: "";
display: block;
clear: both;
}
.footer-inner .footer-link {
float: left;
width: 35%;
}
.footer-link {
padding: 35px 0;
}
.footer-link .career {
float: left;
}
.footer-link .img {
width: 100%;
height: auto;
display: block;
}
.footer-link .abcinfo {
float: left;
color: #fff;
}
.footer-link .abcinfo p {
font-size: 12px;
line-height: 1.5;
color: #E5E5E5;
}
.footer-inner .footer-logo {
float: left;
width: 30%;
text-align: center;
padding: 30px 0;
}
.footer-inner .footer-logo img {
display: inline-block;
vertical-align: middle;
height: 86px;
}
.footer-inner .footer-multimedia {
float: left;
text-align: right;
width: 35%;
padding: 35px 0;
}
.footer-inner .footer-multimedia>ul {
position: relative;
float: right;
vertical-align: middle;
padding: 0;
list-style: none;
}
.weixin {
font-size: 0;
display: inline-block;
vertical-align: middle;
width: 100px;
padding-top: 8px;
}
.weixin img {
margin: auto;
width: 58px;
height: 58px;
display: block;
}
.footer-inner .footer-multimedia>ul:after {
content: "";
display: block;
clear: both;
}
.footer-inner .footer-multimedia>ul>li {
display: block;
text-decoration: none;
text-align: right;
}
.footer-inner .footer-multimedia .dropdown .dropdown-menu {
/* top: -50%;
right: -80%;
margin-top: 30px; */
top: 0;
left: 0;
margin-top: -100px;
}
.share {
width: 50px;
line-height: 1.5;
cursor: pointer;
margin: 13px;
font-size: 12px;
overflow: hidden;
color: #e5e5e5 !important;
}
.share:hover img {
opacity: .6;
filter(alpha=60)
}
.share>img {
width: 100%;
height: 100%;
}
/*二维码*/
.qrcode {
background: #fff;
}
.qrcode .qrcode-item {
float: left;
width: 100px;
height: 100px;
}
.qrcode .qrcode-item img {
display: block;
width: 100%;
height: 100%;
}
/*版权*/
.copyright {
background: #082135;
background-image: url('/images/copyright.png');
}
.copyright-inner {
margin: 0;
padding: 0;
text-align: center;
}
.copyright-inner:after {
content: "";
display: block;
clear: both;
}
.copyright-inner .copyright_item {
font-size: 14px;
color: #c9c9c9;
margin: 0 20px;
line-height: 36px;
}
.copyright-inner .copyright_item .icon {
margin-right: 5px;
}
.copyright_item a {
color: #c9c9c9;
}
/*新闻区*/
.news {
margin-top: 20px;
}
.news .col_40 .section_wrap {
padding-left: 0;
}
.news .col_60 .section_wrap {
padding-right: 0;
}
.notice {
margin-top: 15px;
margin-bottom: 30px;
}
.notice .col_small {
width: 40%;
}
.notice .col_small .section_wrap {
padding: 0 20px 0 40px;
}
.notice .col_large {
width: 60%;
}
.notice .col_large .section_wrap {
padding: 0 20px 0 10px;
}
/*圆角弧度切换条*/
.tab_radius {
background-image: url('/images/border.png');
background-repeat: no-repeat;
background-position: right bottom;
overflow: hidden;
padding-right: 15px;
}
.nav__link .nav_more:first-child {
display: block;
}
.nav__link .nav_more {
display: none;
}
a.nav_more {
color: #585858;
}
.nav_more {
float: right;
font-size: 14px;
line-height: 38px;
color: #585858;
margin-right: 30px;
padding-right: 20px;
cursor: pointer;
background: url('/images/morearrow.png') no-repeat right;
}
.nav_more:hover {
color: #000;
}
.nav-arc {
border-bottom: 2px solid #dab866;
}
.nav.nav-arc>.nav_item {
float: left;
margin-bottom: -2px;
}
.nav.nav-arc>.nav_item>a {
color: #a4a3a3;
padding: 10px 20px;
margin-right: 20px;
font-size: 18px;
}
.nav-arc>.nav_item.active>a,
.nav-arc>.nav_item.active>a:focus,
.nav-arc>.nav_item.active>a:hover {
color: #060001;
cursor: default;
background-color: #fff;
border-bottom: 2px solid #00487f;
}
.nav.nav-arc>.nav_item>a:focus,
.nav.nav-arc>.nav_item>a:hover {
text-decoration: none;
color: #060001;
background-color: #fff;
}
.nav_thinline {
border-bottom: 1px solid #dab866;
}
.nav.nav_thinline>.nav_item {
margin-bottom: -1px;
}
/*内容层*/
.section_wrap {
padding: 0 20px;
}
/*栏目层*/
.column_wrap {
padding: 15px 0;
}
/*新闻列表*/
.newslist {
/*padding-left: 15px;*/
margin: 0;
}
.newslist li {
list-style: none;
border-bottom: 1px dashed #c2c2c2;
padding: 10px 0 10px 20px;
background: url('/images/dot.png') no-repeat left;
}
.newslist a {
color: #3f3f3f;
cursor: pointer;
text-decoration: none;
}
.newslist a:hover {
color: #ff001e;
}
.newslist .newslist-cont {
display: block;
position: relative;
font-size: 16px;
}
.newslist .newslist-cont:after {
content: "";
display: block;
clear: both;
}
.newslist .newslist-cont>.newslist-bd {
display: block;
margin-right: 90px;
height: 18px;
line-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.newslist .newslist-cont>.newslist-ft {
display: block;
text-align: right;
width: 90px;
position: absolute;
right: 0;
top: 0;
color: #434343;
}
/*图片新闻*/
.carousel_news{
margin-top: 10px;
background: #fff;
/* -webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
-o-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
box-shadow: 0 0 20px 0 rgba(62,28,131,0.1); */
}
.carousel_news .carousel-indicators{
bottom: 120px;
}
/* .carousel_news .carousel-indicators li{
text-indent: inherit;
width: 16px;
height: 16px;
border-radius: inherit;
text-align: center;
line-height: 16px;
color:#fff;
background-color: rgba(0, 0, 0, 0.5);
border: none;
}
.carousel_news .carousel-indicators li.active{
color:#000;
background-color: #fff;
} */
.photonews {
}
.photonews a {
color: #000;
cursor: pointer;
}
.photonews a:hover {
color: #0168B7;
}
/* .photonews >a {
width: 100%;
height: 0;
padding-bottom: 75%;
} */
.photonews img {
width: 100%;
height: auto;
}
.photonews h3 {
margin-top: 15px;
margin-bottom: 5px;
font-size: 14px;
line-height: 20px;
height: 40px;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.photonews p {
font-size: 12px;
line-height: 1.4;
max-height: 50.4px;
color: #a3a3a3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/*按钮颜色*/
.btn-greenlight {
color: #fff;
background: #8a9046;
}
.btn-greenlight:hover {
color: #fff;
background: #606809;
}
.btn-brown {
color: #fff;
background: #903930;
}
.btn-brown:hover {
color: #fff;
background: #6c150c;
}
.btn-brownlight {
color: #fff;
background: #a88b61;
}
.btn-brownlight:hover {
color: #fff;
background: #7c5722;
}
.btn-orange {
color: #fff;
background: #c06522;
}
.btn-orange:hover {
color: #fff;
background: #9d4503;
}
.btn-purple {
color: #fff;
background: #921570;
}
.btn-purple:hover {
color: #fff;
background: #720655;
}
.btn-img {
padding: 0 !important;
display: block;
}
.entry {
margin-bottom: 20px;
padding: 0;
}
.entry .entry_item {
width: 20%;
float: left;
text-align: center;
list-style: none;
}
.entry .entry_item:hover .entry_icon img {
opacity: 1;
filter: alpha(opacity=100);
}
.entry .entry_icon {
width: 40px;
height: 40px;
margin: auto;
vertical-align: bottom;
}
.entry .entry_icon img {
display: block;
width: 100%;
height: auto;
opacity: .75;
filter: alpha(opacity=75);
}
.entry .entry_label {
margin-top: 10px;
font-size: 14px;
color: #5a4820;
}
.column-item {
display: block;
margin-top: 10px;
}
.column .column_pic {
width: 100%;
height: auto;
}
.column .column_pic img {
display: block;
width: 100%;
height: auto;
}
.column .column_label {
font-size: 14px;
line-height: 2.5;
color: #535353;
text-align: center;
}
/*侧边菜单栏*/
.page-sider {
position: fixed;
width: 100%;
height: 100%;
margin-left: 216px;
}
.sider_wrap {
display: none;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1000;
}
.sider_wrap.active {
display: block;
}
.sider {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1002;
width: 216px;
max-width: 100%;
background: #252525;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.sider_nav {
color: #aaa;
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
}
.sider_mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
}
.sider_nav .menu {
margin-bottom: 15px;
}
.sider_nav .menu .menu_tit {
padding: 7px 10px;
font-weight: normal;
color: #777;
font-size: 14px;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, .3);
background: #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}
.sider_nav .menu .menu_item {
position: relative;
}
.sider_nav .menu .menu_item .menu_link {
display: block;
text-decoration: none;
color: #c7c7c7;
font-size: 14px;
line-height: 20px;
padding: 8px 30px 8px 15px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}
.sider_nav .menu .menu_item .menu_arrow {
display: block;
cursor: pointer;
width: 50px;
height: 35px;
position: absolute;
right: 0;
top: 0px;
color: #f6f6f6;
font-size: 14px;
background: url('/images/menu-switch-arrow.png') no-repeat 22px -25px;
}
.sider_nav .menu .menu_item.open .menu_arrow {
background-position: 22px 13px;
}
.submenu {
display: none;
background-color: #2e2e2e;
}
.sider_nav .menu .menu_item.open .menu_link {
background-color: #404040;
color: #fff;
outline: 0;
}
.sider_nav .menu .menu_item.open .submenu {
display: block;
}
.submenu .submenu_item {
position: relative;
}
.submenu .submenu_item .submenu_link {
display: block;
text-decoration: none;
color: #c7c7c7;
font-size: 14px;
line-height: 20px;
padding: 8px 30px 8px 20px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}
/*图标设置*/
.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.icon-search {
width: 20px;
height: 20px;
background-image: url(/images/search.png);
}
.icon-security {
width: 18px;
height: 20px;
background-image: url(/images/security.png);
}
.icon-email {
width: 38px;
height: 38px;
background-image: url(/images/email.png);
}
.icon-talent {
width: 38px;
height: 38px;
background-image: url(/images/talent.png);
}
.icon-purchase {
width: 38px;
height: 38px;
background-image: url(/images/purchase.png);
}
.icon-learn {
width: 38px;
height: 38px;
background-image: url(/images/learn.png);
}
.icon-public {
width: 38px;
height: 38px;
background-image: url(/images/public.png);
}
/*专题*/
.subject {
background: #eee;
padding: 20px 0;
}
.project {
width: 100%;
}
.project td {
vertical-align: bottom;
}
.project .project__item {
float: left;
width: 50%;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
}
.project a {
font-size: 14px;
color: #535353;
line-height: 25px;
}
.project a:hover {
color: #0168B7;
}
.project_more {
text-align: right;
padding-right: 20px;
cursor: pointer;
background: url('/images/morearrow.png') no-repeat right;
}
/*指南*/
.guild {}
.guild-col {
float: left;
width: 33.33%;
}
.guild-col a {
display: block;
width: 100%;
padding-left: 15px;
cursor: pointer;
box-sizing: border-box;
}
.guild-col img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/*------新闻列表页------*/
.container-wrapper:after {
content: "";
display: block;
clear: both;
zoom: 1;
}
.sidebar {
float: left;
width: 22%;
display: table-cell;
}
.main {
float: left;
width: 78%;
/* padding: 0 30px;*/
}
.main .mian-hd {
position: relative;
width: 100%;
border-bottom: 1px solid #dab866;
}
.main .mian-hd .yellow-bead {
width: 31px;
height: 9px;
background: url(/images/yellow-bead.png);
position: absolute;
right: 25px;
bottom: -4.5px;
}
.main .mian-hd .mian-title {
padding: 15px 0;
font-size: 28px;
color: #0168B7;
}
.main .mian-bd {
padding: 30px 0;
}
/*侧边菜单*/
.sidermenu {
position: relative;
top: -25px;
left: 0;
width: 212px;
box-sizing: border-box;
}
.sidermenu .sidermenu-hd {
width: 100%;
height: 61px;
line-height: 58px;
background: url(/images/menu-title-bg.png) no-repeat left;
margin-bottom: 5px;
font-size: 24px;
color: #fff;
padding-left: 25px;
}
.sidermenu .sidermenu-bd {
width: 100%;
padding: 18px 0 10px 0;
border-left: 8px solid #438edb;
background: #fff;
}
.sidermenu .sidermenu-item {
font-size: 16px;
border-top: 1px solid #ddd;
position: relative;
}
.sidermenu .sidermenu-item a {
height: 54px;
line-height: 54px;
padding-left: 25px;
display: block;
color: #626262;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.sidermenu .sidermenu-item a:hover {
color: #438edb;
font-weight: bold;
}
.sidermenu .sidermenu-item .blue-bead {
width: 28px;
height: 23px;
background: url(/images/blue-bead.png) no-repeat center center;
position: absolute;
left: 0;
top: 50%;
margin-left: -18px;
margin-top: -11px;
display: none;
}
.sidermenu .sidermenu-item.active .blue-bead {
display: block
}
/*.sidermenu .sidermenu-item:hover .blue-bead {
display:block;
}*/
.sidermenu .sidermenu-item.active a {
color: #438edb;
font-weight: bold;
}
/*面包屑*/
.breadcrumb {
display: block;
margin-top: 10px;
padding: 10px 0;
}
/*组织机构*/
.organization {
color: #434343;
padding-bottom: 20px;
}
.organization .organization__title {
font-size: 16px;
color: #434343;
padding: 10px 20px;
background: url('/images/yellow-bead-big.png') no-repeat left;
}
.organization .organization__desc {
padding: 20px 0;
}
.organization .organization__desc .organization__item {
float: left;
width: 33.33%;
font-size: 16px;
text-align: center;
line-height: 38px;
}
/*------------subbanner---------------*/
.subbanner {
background: #f3f3f3;
}
.subbanner-img {
width: 100%;
height: 150px;
/*background: url('/images/subbanner.jpg') no-repeat center;*/
}
/*分页*/
.pager {
padding: 50px 0;
}
.digg {
padding-right: 3px;
padding-left: 3px;
padding-bottom: 3px;
margin: 3px;
padding-top: 3px;
text-align: center
}
.digg .digg__item,
.digg a {
display: inline-block;
font-size: 14px;
color: #3b5998;
border: 1px solid #ccd3e4;
padding: 4px 10px;
margin: 2px;
text-decoration: none
}
.digg .digg__item:hover,
.digg a:hover {
color: #000;
border: 1px solid #000099;
}
.digg .digg__item.current,
.digg a.current {
color: #fff;
border: 1px solid #3b5998;
background-color: #3b5998
}
.digg .digg__item.disabled,
.digg a.disabled {
color: #ddd;
border: 1px solid #eee;
cursor: not-allowed;
}
/*文章*/
.article {
padding: 10px 30px;
}
.article p {
font-family: "宋体";
max-width: 100%;
font-size: 16px;
color: #434343;
line-height: 28px;
margin-bottom: 10px;
word-break: break-all;
/*支持IE,chrome,FF不支持*/
word-wrap: break-word;
/*支持IE,chrome,FF*/
}
.article p img,
.article img {
text-align: center;
max-width: 100%;
min-width: 180px;
}
.article h1 {
font-weight: normal;
width: 100%;
line-height: 1.5;
padding: 7px 0;
text-align: center;
font-size: 24px;
color: #434343;
}
.article h5 {
width: 100%;
font-weight: normal;
line-height: 1.5;
padding: 6px 0;
text-align: center;
font-size: 12px;
color: #959595;
}
.article .section {
margin: 30px 0;
}
.article table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid grey;
margin-bottom: 10px;
}
.article table td {
text-align: center;
font-size: 16px;
font-family: tahoma, 宋体;
line-height: 1.6;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
word-wrap: break-word;
padding: 10px;
}
.article table td p {
margin: 10px 0;
}
.text_rt {
text-align: right !important;
}
.cell {
margin: 30px 0;
border-bottom: 1px solid grey;
}
.cell__hd {
float: left;
width: 25%;
padding: 20px 0;
}
.cell__hd img {
display: block;
width: 100%;
height: auto;
}
.cell__bd {
float: left;
width: 75%;
}
.cell__bd .article h1 {
text-align: left;
font-size: 20px;
}
/*搜索页面*/
.search-group {
width: 100%;
}
.search-group .search_keyword {
width: 100%;
padding: 10px;
vertical-align: top;
border: 1px solid #535353;
}
.search-group .search_submit {
width: 100%;
padding: 10px;
color: #fff;
background: #004986;
border: 1px solid #004986;
vertical-align: top;
cursor: pointer;
}
.search-list {}
.search__item {
margin-bottom: 20px;
}
.search__item .search__title {
font-size: 18px;
color: #0168B7;
}
.search__item .search__title>a {
color: #0168B7;
text-decoration: underline;
}
.search__item .search__desc {
margin: 10px 0;
font-size: 14px;
line-height: 1.5;
}
.search__item .article {
padding: 0;
}
.search__item .article .section {
margin: 0;
}
.search__item .search__date {
font-size: 12px;
color: green;
margin: 10px 0;
}
.search__item .article p {
font-family: "microsoft yahei";
margin: 10px 0;
font-size: 14px;
line-height: 1.5;
}
.text_red {
color: red !important
}
/* 2019.05.13首页图片新闻 */
/* 2019.09.17侧边对联 */
.side {
z-index: 999;
position: absolute;
top: 20px;
}
.side__inner {
position: relative;
top: 196px;
width:auto !important;
transition: top 1s;
-webkit-transition: top 1s;
}
.side_left {
left: 20px;
}
.side_right {
right: 20px;
}
.side__close {
position: absolute;
top: 0;
right: 0;
color: #f9d3d6;
font-size: 20px;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
}