﻿@charset "UTF-8";
/* yui3 reset.css */
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 {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

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: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

iframe {
  display: block;
}


/* yui3 fonts */
body {
  color: #333;
  font: 14px/1.231 "Microsoft YaHei", arial, helvetica, clean, sans-serif;
}

select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

a {
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
}

input,
button,
textarea {
  border: 0;
  outline: 0;
}

input[type=text]::-ms-clear,
input[type=password]::-ms-reveal {
  display: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #999;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #999;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #999;
}

.placeholder {
  color: #999;
}

/* utilities */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.l {
  float: left !important;
}

.r {
  float: right !important;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.trans {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 通用样式 */
html {
  background: url("../images/topbg.jpg") top center no-repeat #f7f9ff;
}

body {
  background: url("../images/bottombg.jpg") bottom center no-repeat;
}
.container {
  width: 1200px;
  margin: 0 auto;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}
.mt60 {
  margin-top: 60px;
}
/* header */
#header {
  height: 300px;
}

.header {
  height: 236px;
}

.header .logo {
  margin: 35px 0 0 25px;
}

.header .search {
  margin: 50px 30px 0 0;
}

.header .search .slogan {
  display: block;
  margin: 0 0 17px 30px;
}

.header .search .search-box {
  width: 362px;
  height: 46px;
  background-color: #fff;
  box-shadow: 0px 3px 3px 0px rgba(39, 102, 211, 0.17);
  border-radius: 23px;
  overflow: hidden;
}

.header .search .search-box input {
  width: 278px;
  height: 46px;
  line-height: 46px;
  border: 0;
  font-size: 18px;
  padding-left: 28px;
}

.header .search .search-box .search-btn {
  width: 25px;
  height: 46px;
  background: url("../images/searchicon.png") center center no-repeat;
}

.header-navlul {
  position: relative;
  z-index: 9;
}

.header-nav {
  height: 64px;
  background-color: #2c4fb1;
}

.header-nav-node {
  /* width: 14.285%; */
  width: 11.11%;
}

.header-nav-node > a {
  display: block;
  line-height: 64px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-nav-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 1200px;
  height: 430px;
  padding: 30px 20px;
  background: url("../images/nav_sub_bg.png") center center no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 0 7px rgba(55, 77, 140, 0.1);
  box-sizing: border-box;
  overflow-y: auto;
}

.center-type {
  margin-left: -32px;
}

.center-type-item {
  width: 33.33%;
  padding-left: 32px;
  box-sizing: border-box;
}

.center-type-card {
  position: relative;
  display: block;
  height: 173px;
  padding: 65px 45px 0 175px;
  background: url("../images/center_card_blue.png") center center no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.center-type-card.green {
  background-image: url("../images/center_card_green.png");
}

.center-type-card:after {
  position: absolute;
  right: 45px;
  top: 30px;
  content: "";
  width: 26px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #fff;
}

.center-type-icon {
  position: absolute;
  left: 30px;
  top: 20px;
  display: block;
  width: 135px;
  height: 133px;
}

.center-type-name {
  line-height: 34px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}

.institution-function {
  padding: 24px 40px 0;
}

.institution-function-tit {
  width: 177px;
  height: 169px;
  padding-top: 55px;
  background: url("../images/institution_function_ttbg.png") center center no-repeat;
  box-sizing: border-box;
  text-align: center;
}

.institution-function-tit .cn {
  line-height: 34px;
  font-size: 24px;
  color: #1e48b5;
  font-weight: bold;
}

.institution-function-tit .en {
  line-height: 24px;
  color: #999;
}

.institution-function-list {
  margin-top: 5px;
}

.institution-function-item {
  width: 166px;
  height: 166px;
  padding: 18px;
  background: url("../images/institution_function_circleup.png") center top no-repeat;
  box-sizing: border-box;
}

.institution-function-circle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #3b91fc;
  background: linear-gradient(to right, #3b91fc, #58b8fd);
  background: -moz-linear-gradient(left, #3b91fc, #58b8fd);
}

.institution-function-circle.purple {
  background: #5885ff;
  background: linear-gradient(to right, #5885ff, #93b0ff);
  background: -moz-linear-gradient(left, #5885ff, #93b0ff);
}

.institution-function-circle.green {
  background: #35c8af;
  background: linear-gradient(to right, #35c8af, #65d5c2);
  background: -moz-linear-gradient(left, #35c8af, #65d5c2);
}

.institution-function-name {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
}

.institution-function-item:nth-child(2n) {
  background-image: url("../images/institution_function_circledown.png");
  background-position: center bottom;
}

.header-sub-img {
  width: 570px;
  height: 100%;
}

.header-sub-img img {
  display: block;
  width: 100%;
  height: 100%;
}

/* .header-sub-tab {
  width: 560px;
  height: 100%;
  overflow: hidden;
} */
.header-sub-tab {
  width: 550px;
  height: 100%;
  margin-right: 10px;
  overflow: hidden;
}

.tab-hd {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}

.tab-hd .hdl {
  margin-right: 15px;
  color: #999;
  font-size: 24px;
  font-weight: bold;
}

.tab-hd .hdl:last-child {
  margin-right: 0;
}

.tab-hd .hdl.active {
  color: #404742;
}

.header-sub-tab .news-item {
  height: 54px;
  line-height: 54px;
}

.header-nav-node:hover, .header-nav-node.active {
  background: url("../images/navbg.png") center center no-repeat;
  background-size: 100% 100%;
}

.header-nav-node:hover > a, .header-nav-node.active > a {
  font-weight: 600;
}

.header-nav-node:hover .header-nav-sub  {
  display: block;
}

/* footer */
.footer {
  min-height: 253px;
  padding-top: 28px;
  padding-bottom: 20px;
  background-color: rgba(19, 49, 139, 0.8);
  box-sizing: border-box;
}

.footer-sel-list {
  margin-left: -38px;
}

.footer-sel-li {
  width: 33.33%;
  padding-left: 38px;
  box-sizing: border-box;
}

.footer-sel {
  width: 100%;
  height: 34px;
}

.footer-sel-li .chosen-single {
  height: 34px;
  line-height: 34px;
  padding-left: 15px;
  font-size: 16px;
  border: 0;
}

.footer-sel-li .chosen-container-single .chosen-single span {
  margin-right: 50px;
}

.footer-sel-li .chosen-container-single .chosen-single div {
  width: 50px;
}

.footer-sel-li .chosen-container-single .chosen-single div b {
  background: url("../images/footer_sel_down.png") center center no-repeat;
}

.footer-sel-li .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url("../images/footer_sel_up.png") center center no-repeat;
}

.footer-sel-li .chosen-container .chosen-results {
  margin: 0;
  padding: 0;
}

.footer-sel-li .chosen-container .chosen-results li {
  line-height: 26px;
}

.footer-sel-li .chosen-container .chosen-results li.highlighted {
  background: #0068a8;
  color: #fff;
}

.footer-link-list {
  margin-top: 40px;
  font-size: 0;
  -webkit-text-size-adjust: none;
  text-align: center;
}

.footer-link-item {
  position: relative;
  display: inline-block;
  line-height: 26px;
  font-size: 16px;
  padding: 0 8px 0 7px;
  color: #fff;
  vertical-align: top;
}

.footer-link-item:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background-color: #fff;
}

.footer-link-item:last-child:after {
  display: none;
}

.footer-link-item a {
  color: #fff;
}

.footer-cont {
  position: relative;
  padding: 0 205px;
  line-height: 26px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.footer-cont a {
  color: #fff;
}

.footer-ab > span {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}

.footer-ab > span:last-child {
  margin-right: 0;
}

.footer-ab > span img {
  display: inline-block;
  margin: -3px 5px 0 0;
  vertical-align: middle;
}

.visits {
  position: relative;
  display: inline-block;
  padding: 0 2px;
  margin: 0 3px;
  line-height: 20px;
  color: #fff;
  vertical-align: middle;
  background-color: #000;
  letter-spacing: 2px;
  font-style: normal;
}

.visits:before {
  content: attr(text);
  position: absolute;
  z-index: 2;
  color: #3c98d1;
  -webkit-mask: linear-gradient(to bottom, #def0f8, transparent);
}

.footer-cont .sydw {
  position: absolute;
  top: -5px;
  left: 20px;
}

.footer-cont .report {
  position: absolute;
  left: 95px;
  top: 5px;
}

.footer-cont .zc {
  position: absolute;
  right: 20px;
  top: -5px;
}

/* 通用列表 */
.news-item {
  position: relative;
  height: 55px;
  line-height: 55px;
  padding-left: 14px;
  font-size: 16px;
}

.news-item:before {
  position: absolute;
  left:3px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 2.5px;
  height:2.5px;
  background-color: #333;
  border-radius:50%;
}

.news-item + .news-item {
  border-top: 1px dashed #ddd;
}

.news-item > a {
  max-width: calc(100% - 125px);
  color: #333;
}
.news-item > a:hover  {
  color: #2c4fb1;
}
.news-item > a:hover+.date {
  color: #2c4fb1;
}

.news-item .date {
  color: #999;
}

.header_hdl{
	font-size: 20px !important;
}

/* 无障碍适老化样式  无障碍盒子的类名为 #header>.container>.header*/
#header>.container>.header{position: relative;}
.wza-box{position: absolute;right: 70px;top: 194px;z-index: 99999;display: block;}
.wza-box a{ display: block;float: right;height: 38px;line-height: 38px;padding: 0 16px;font-size: 18px;letter-spacing: 0.32px; }
.wza-box a.wza{ background: #fff;color: #F76B00; border: 1px solid #FC740D; border-radius: 2px 0px 0px 2px;}
.wza-box a.oldman{ background:#F79600;color: #fff;border: 1px solid #F79600;border-radius: 0px 2px 2px 0px; }

/* 适老模式 */
.oldModel .login-item{width: 50%}
.oldModel .login-card{height: 116px;line-height: 116px;font-size: 32px;margin-top: 24px;}
.oldModel .header-nav-node > a{font-size: 28px;}
.oldModel .img-view{width: 100%!important;height: 568px!important;}
.oldModel .img-view .swiper-container{width: 100%!important;height: 100%!important;}
.oldModel .swiper-wrapper{width: 100%!important;}
.oldModel .img-view .swiper-slide{width: 100%!important;height: 100%!important;}
.oldModel .img-box{width: 100%!important;height: 100%!important;}
.oldModel .img-info{height: 100px;line-height: 100px;left: 28px;}
.oldModel .img-date{width: 120px;height: 120px;font-size: 32px;line-height: 52px;}
.oldModel .img-tit{font-size: 32px;line-height: 42px;}
.oldModel .img-desc{font-size: 28px;line-height: 35px;}
.oldModel .img-view .swiper-pagination-bullet{width: 25px;height: 25px;border-radius: 50%;}
.oldModel .center-type-name{font-size: 36px;}
.oldModel .institution-function-tit .cn{font-size: 36px;}
.oldModel .institution-function-tit .en{font-size: 14px;}
.oldModel .institution-function-name{font-size: 25px;}
.oldModel .header_hdl{font-size: 30px!important;}
.oldModel .news-item{font-size: 28px!important;}
.oldModel .news-item > a{max-width: calc(100% - 156px);}
.oldModel .notice{width: 100%;margin-top: 24px;}
.oldModel .trade-info{width: 100%;height: 630px;}
.oldModel .type-hdl{margin: 0px 122px 0 0;}
.oldModel .notice-hdl > a{height: 52px;line-height: 52px;font-size: 28px;border-radius: 28px;}
.oldModel .box-tt{height: 46px;line-height: 39px;font-size: 38px;}
.oldModel .calendar-operation{font-size: 28px;}
.oldModel .bid-calendar{width: 100%;margin-top: 24px;}
.oldModel .type-hdl > a{font-size: 32px;line-height: 38px;}
.oldModel .calendar .datetimepicker table th,.oldModel .calendar .datetimepicker table td{font-size: 28px;}
.oldModel .link-name{font-size: 20px;}
.oldModel .construct-box{width: 100%;}
.oldModel .proj-hd .notice-hdl > a{height: 40px;line-height: 40px;font-size: 30px;}
.oldModel .express-lane{width: 100%;height: 484px;}
.oldModel .express-lane-img{height: 150px;width: 350px;position: relative;left: 104px;}
.oldModel .trade-statistics{width: 50%;font-size: 26px;}
.oldModel .trade-field{width: 46%;}
.oldModel .trade-field .border-box{width: 100%;}
.oldModel .pie-legend-item{font-size: 28px;}
.oldModel .box-sub-tt{font-size: 28px;}
.oldModel .year-statistics-val{font-size: 26px;}
.oldModel .year-statistics-name{font-size: 26px;}
.oldModel .year-statistics-list#year-quantity-statistics .year-statistics-item{height: 70px;}
.oldModel .year-statistics-item{line-height: 30px;}
.oldModel div[class="trade-subject r"]{width: 100%;margin-top: 24px;}
.oldModel .trade-subject .border-box{width: 100%;}
.oldModel .data-center{height: 1140px;}
.oldModel .footer-sel-li .chosen-container-single .chosen-single span{font-size: 22px;}
.oldModel .footer-sel-li .chosen-container .chosen-results li{font-size: 22px;}
.oldModel .footer-link-item a{font-size: 22px;}
.oldModel .footer-cont{line-height: 32px;font-size: 22px;}
.oldModel .location{font-size: 32px;line-height: 64px;}
.oldModel .left-nav-tit{font-size: 36px;}
.oldModel .wb-tree-node{height: 64px;line-height: 64px;font-size: 32px;}
.oldModel .article h3{font-size: 52px;line-height: 64px;}
.oldModel .article-sources p{font-size: 22px;}
.oldModel .article-info p span{font-size: 32px!important;}
.oldModel .wb-tree-sub .wb-tree-item{font-size: 20px!important;}
.oldModel .title{font-size: 42px;}
.oldModel .about{font-size: 22px;}
.oldModel .article-info p font{font-size: 28px!important;}
.oldModel .article-info p span{font-size: 28px!important;}