.wrap {
  width: 1200px;
  margin: auto;
}
.banner {
  height: 680px;
  width: 100%;
  background-color: #e0e0e0;
  position: relative;
  overflow: hidden;
}
.banner .banner-item {
  background-position: center !important;
}
.banner .banner-item img {
  height: 680px;
  width: 100%;
}
.newslist .newslist-law .lawitem .desc {
  color: #7b88a0;
}
.newslist .newslist-law .lawitem .p {
  color: #9ba2b0;
}
.newslist .newslist-law .lawitem .title {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .newslist-law .lawitem  img{
  width: 280px;
}
.newslist .newslist-law .lawitem {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px;
}
.newslist .newslist-process {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
.newslist .newslist-process .newslist-process-item .desc {
  color: #7b88a0;
}
.newslist .newslist-process .newslist-process-item .date {
  color: #9ba2b0;
}
.newslist .newslist-process .newslist-process-item .title {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .newslist-process .newslist-process-item:nth-child(2n) {
  margin-right: 0;
  float: right;
}
.newslist .newslist-process .newslist-process-item {
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 32px;
  width: 518px;
  float: left;
  margin-bottom: 32px;
}
.newslist .form-item input {
  width: calc(100% - 40px);
}
.newslist .form-item {
  margin-top: 32px;
  margin-right: 32px;
  flex: 1;
}
.newslist .form-item .label {
  margin-bottom: 8px;
  color: #242e60;
  font-size: 16px;
  line-height: 24px;
}
.formsupplier .layui-input {
  background: #f4f4fb;
  border: 1px solid #e0e0e0;
  border-radius: 8px !important;
  padding: 12px 24px;
  height: 48px;
}
.formsupplier .layui-form-label span {
  color: #f23300;
}
.formsupplier .layui-form-label {
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #242e60 !important;
  background: none !important;
  border: 0 !important;
  height: 24px !important;
  margin-bottom: 8px !important;
}

.header .header-logo div {
  margin-top: 8px;
}
.header .header-logo {
  margin-top: 32px;
}
.header .header-logo img {
  margin-right: 9.5px;
}
.header .header-logo {
  width: 300px;
  color: #242e60;
  font-size: 24px;
  line-height: 32px;
}
.header .header-nav a.active {
  color: #006f90;
}
.header .header-nav a:hover {
  color: #006f90;
}
.header .header-nav {
  width: 610px;
}
.header .header-nav a {
  padding: 44px 0;
  color: #242e60;
  font-size: 16px;
  line-height: 24px;
}
.header .header-btn a.btn {
  color: #fff;
  background: #006f90;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  padding: 12px 24px;
}
.header .loginuserc {
  margin-top: 38px;
 
  display: flex;
  align-items: center;
 
  justify-content: flex-end;
}
.header .header-btn {
  width: 120px;
  display: inline-flex;
}
.header {
  font-weight: 400;
  z-index: 999;
  color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  background: url("../imgs/navtop.png") top center no-repeat;
}
.footer .ftit {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin-left: 9.5px;
  margin-top: 8px;
}
.footer {
  background: #006f90;
  padding: 64px 0;
  color: #ffffff;
}
.footer .fnav {
  padding-bottom: 48px;
  border-bottom: 1px solid #529db0;
  margin-bottom: 48px;
}
.footer .fimg {
  width: 340px;
}
.footer .flink a {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
  color: #ffffff;
}
.footer .flink p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.bg {
  background: #f4f4fb;
}
.vlabel .el-form-item__label{
  line-height: 24px !important;
  color: #242E60 !important;
  font-size: 16px !important;

}
.vlabel  .el-form-item__label{
  padding-bottom: 8px !important;
}
.vinput .el-date-editor.el-input{
  width: 100% !important;
}
.vinput .el-form-item__label{
  color: #9ba2b0;
  font-size: 16px;
}
  .vinput .el-input__inner{
  background: #f4f4fb;
  border: 1px solid #e0e0e0;
  border-radius: 8px !important;
  padding: 12px 24px;
  height: 48px
}
.newslist .resetico {
  line-height: 28px;
  font-size: 16px;
  color: #006f90;
  cursor: pointer;
}
.nchoose .nrow:first-child .nfield {
  border-radius: 8px 0 0 0;
}
.nchoose .nrow:last-child .nfield {
  border-radius: 0 0 0 8px;
}
.nchoose .nfield {
  background: #f4f4fb;
  width: 111px;
  text-align: center;
  padding: 12px 0;
  font-size: 16px;
  line-height: 24px;
  color: #7b88a0;
}
.list-table tbody tr:nth-child(2n) {
  background: linear-gradient(
      0deg,
      rgba(36, 46, 96, 0.02),
      rgba(36, 46, 96, 0.02)
    ),
    #ffffff;
}
.list-table .download {
  color: #006f90;
  cursor: pointer;
}
.list-table .status.statusbid {
  color: #1ec290;
  background: linear-gradient(
      0deg,
      rgba(30, 194, 144, 0.08),
      rgba(30, 194, 144, 0.08)
    ),
    #ffffff;
}

.list-table .status.lastprice {
  background: #006f90;
  color: #ffffff;
}
.list-table .status {
  background: linear-gradient(
      0deg,
      rgba(12, 138, 224, 0.08),
      rgba(12, 138, 224, 0.08)
    ),
    #ffffff;
  border-radius: 20px;
  padding: 6px 12px;
  color: #0c8ae0;
  font-size: 14px;
  line-height: 20px;
}
.list-table .notread {
  color: #006f90;
}
.list-table .read {
  color: #9ba2b0;
}
.list-table .p {
  padding-left: 24px;
}
.list-table tbody td {
  line-height: 48px;
}
.list-table a {
  color: #242e60;
}
.list-table {
  border: 1px solid #e0e0e0;
  color: #242e60;
  border-collapse: collapse;
}
.list-table thead th {
}
.list-table thead {
  background: #f4f4fb;
  font-size: 16px;
  line-height: 48px;
  color: #7b88a0;
  text-align: left;
}
.materialstable .el-table__expanded-cell .el-table__row:last-child td {
  border-bottom: 0;
}
.materialstable .el-table__expanded-cell {
  padding: 0 50px !important;
}
.materialstable .el-tag{

  border-radius: 20px;

  font-weight: 400;
  font-size: 14px;
  padding: 6px 12px;
  line-height: 20px;
}
.materialstable .el-tag.el-tag--success{
  color: #1EC290;
  background: linear-gradient(0deg, rgba(30, 194, 144, 0.08), rgba(30, 194, 144, 0.08)), #FFFFFF;
}
.materialstable .el-tag.el-tag--primary{
  color: #0C8AE0;
  background: linear-gradient(0deg, rgba(12, 138, 224, 0.08), rgba(12, 138, 224, 0.08)), #FFFFFF;
}

.upload-demo .el-upload{
  display: block !important;
}
.upload-demo .el-upload-dragger{
  width: 100% !important;
}
.detail-table .refund {
  color: #bbbfd0;
  float: right;
  margin-right: 16px;
  border-bottom: 1px solid #ccc;
}
.detail-table .field {
  color: #7b88a0;

  background: #f4f4fb;
}
.detail-table.pl24 td {
  padding-left: 24px;
}
.detail-table td {
  border-style: solid;
  border-color: #dfe2ec;
  border-width: 1px;
  padding: 12px 0;
  word-break: keep-all;
 /* white-space: nowrap;*/
  word-wrap: break-word;
}
.detail-table {
  width: 100%;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  color: #04184c;
  font-size: 16px;
}
.nchoose .nrow:last-child {
  border: 0;
}
.nchoose .nitems a.active {
  color: #006f90;
}
.nchoose .nitems a {
  padding: 12px;
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}
.nchoose .nrow {
  border-bottom: 1px solid #e0e0e0;
}
.nchoose {
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.kr-singlemore {
  color: #006f90;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.kr-single::after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  height: 20px;
  border-left: 2px solid #006f90;
}
.kr-single {
  padding-left: 10px;
  position: relative;
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.kr-label p {
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
}
.kr-label b {
  font-size: 28px;
  line-height: 40px;
  color: #242e60;
}
.kr-label {
  position: relative;
  padding-left: 16px;
  font-weight: 400;
}
.kr-label::after {
  content: "";
  left: 0;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 56px;
  background: #006f90;
}
.cmore span {
  display: flex;
  align-items: center;
}
.cmore a {
  line-height: 64px;
  color: #006f90;
}
.indexcontact .contact-info .tit3,.indexcontact a {
  color: #242e60;
}
.indexcontact .contact-info .tit2 {
  color: #7b88a0;
  min-width: 76px;
  display: inline-block;
}
.indexcontact .contact-info .tit1 {
  color: #006f90;
}
.indexcontact .contact-info .tit {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.indexcontact .contact-info {
  background-color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.service-item:last-child {
  margin-right: 0;
}
.service-item .service-box p {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
}
.service-item .service-box b {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.service-item .service-box {
  padding: 32px;
  text-align: center;
}
.el-dialog__title{
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  color: #242E60 !important;
}
.contract-privew .el-dialog__body{
  overflow: hidden !important;
  padding: 0 !important;
}
.service-item img {
  width: 376px;
  height: 238px;
}
.service-item {
  margin-right: 32px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.policy .service-item {
  border: 0;
  background: #ffffff;
}

.dot .swiper-pagination-bullet {
  background: #ffffff !important;
  opacity: 1;
  width: 16px;
  height: 16px;
  margin: 0 16px !important;
}
.dot .swiper-pagination-bullet-active {
  background: #006f90 !important;
}
.dot .swiper-pagination {
  bottom: 32px !important;
}

.news {
}
.news .leftbox img {
  width: 738px;
  height: 464px;
  border-radius: 8px;
}
.news .leftbox {
  width: 738px;
  height: 464px;
  overflow: hidden;
}
.news .rightbox .newsitem p {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}
.news .rightbox .newsitem b {
  font-size: 20px;
  line-height: 28px;
  color: #242e60;
}
.news .rightbox .newsitem:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.news .rightbox .newsitem {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.news .rightbox {
  width: 430px;
  font-weight: 400;
  margin-left: 32px;
}
.news .rightbox .newsitem .newsdesc {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
}
.news .rightbox .active .newsdesc {
  height: 48px;
}
.notice .notice-item p {
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}
.notice .notice-item .notice-desc {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  color: #7b88a0;
}
.curtomprimary{
  background: #006F90 !important;
  border-color: #006f90 !important;
}
.curtomcancel{
  background: #F4F4FB !important;
  border-color: #F4F4FB !important;
}
.notice .notice-item b {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.notice .notice-item:nth-child(3n) {
  margin-right: 0;
}
.notice .notice-item {
  width: 314px;
  float: left;

  background: #ffffff;
  border-radius: 8px;
  padding: 32px;
  margin-right: 32px;
  margin-top: 32px;
}
.notice .swiper-wrapper {
  padding-bottom: 48px;
}
.notice .notice-swiper {
  overflow: hidden;
}
.notice .swiper-pagination-bullet {
  background-color: #e0e0e0 !important;
}
.notice .swiper-pagination-bullet-active {
  background: #006f90 !important;
}
.notice .swiper-pagination {
  bottom: 60px !important;
}
.notice {
  position: relative;
  font-weight: 400;
  display: inline-block;
  width: 100%;
}

.subtit .p {
  font-size: 24px;
  line-height: 32px;
  margin-top: 4px;
}
.subtit .b {
  padding-top: 64px;
  font-size: 48px;
  line-height: 68px;
}
.subtit {
  color: #ffffff;
  width: 100%;
  height: 232px;
  background: url("/assets/imgs/banner.png")
    center center no-repeat;
  background-size: cover;
}
input:focus {
  outline: none;
}
.subnav .navsearch .input {
  border: 0;

  margin: 12px;
  width: 330px;
  font-size: 16px;
  background-color: #eff1fb;
  line-height: 24px;
}
.subnav .navsearch {
  margin: 16px 0;
  width: 360px;
  height: 48px;
  border: 1px solid #e0e0e0;
  border-radius: 24px;

  padding-left: 40px;
  background: #eff1fb url("../imgs/navsearch.png") 15px 15px no-repeat;
}
.subnav img {
  margin-left: 13px;
  margin-right: 13px;
}
.subnav .active {
  color: #006f90;
}
.subnav .navtabs a.active {
  border-bottom: 2px solid #006f90;
  padding-bottom: 28px;
}
.subnav .navtabs a {
  margin-right: 32px;
}
.subnav .navtxt {
  line-height: 82px;
}

.subnav a {
  color: #9ba2b0;
}
.subnav {
  font-size: 16px;
  line-height: 24px;
}
.newslist .el-dialog .el-dialog__body {
  height: 500px;
  overflow: auto;
}
.newslist .el-dialog {
  border-radius: 8px;
}
.newslist .zoombox {
  display: flex;
  color: #9ba2b0;
}
.newslist .pbold1 {
  color: #529db0;
}
.newslist .pbold {
  font-size: 24px;
  line-height: 32px;
  color: #006f90;
  display: inline-block;
}
.newslist .zoomp .tabs .tab:first-child {
  border-radius: 8px 0 0 0;
}
.newslist .zoomp .tabs .tab.active,
.newslist .zoomp .tabs .tab:hover {
  background: #ffffff;
  color: #006f90;
  cursor: pointer;
}
.newslist .zoomp .tabs .tab {
  padding: 12px 24px;
  font-size: 16px;
  line-height: 24px;
  color: #242e60;
}
.newslist .zoomp .tabscontext {
  border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 24px;
  color: #242e60;
}
.newslist .zoomp .tabscontext img{
  max-width: 100%;
  overflow: hidden;
}
.newslist .zoomp .tabs {
  background: #f4f4fb;
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}
.newslist .zoomp {
  border-radius: 8px;
}
.newslist .rightbox .zoomitem .value {
  color: #7b88a0;
}
.newslist .rightbox .eyes {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 24px 0;
}
.newslist .ploginbtn {
  background: #006f90;
  border-radius: 8px;
  padding: 14px 24px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  border: 0;
}
.newslist .pinput {
  height: 48px;
  background: #f4f4fb;
  border-radius: 8px;
  padding: 0 20px;
  border: 1px solid #e0e0e0;
}
.newslist .plable {
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
  width: 80px;
  display: inline-block;
}
.newslist .pstatus {
  background: linear-gradient(
      0deg,
      rgba(0, 111, 144, 0.08),
      rgba(0, 111, 144, 0.08)
    ),
    #ffffff;
  border-radius: 20px;
  padding: 6px 12px;
  color: #006f90;
}
.newslist .zoombox .rightbox .ctitle .titlebig{
  color: #242E60;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}
.clinks{
  color: #529DB0;
}
.newslist .zoombox .rightbox .ctitle {
  font-size: 14px;
  line-height: 20px;
  color: #006f90;
}
.newslist .zoombox .rightbox {
  position: absolute;
  top: 0;
  left: 616px;
  width: calc(100% - 616px);

  height: 100%;
}
.newslist .projectlist .plitem .pltag2 {
  background: linear-gradient(
      0deg,
      rgba(12, 138, 224, 0.08),
      rgba(12, 138, 224, 0.08)
    ),
    #ffffff !important;
  border-radius: 16px !important;
  color: #0c8ae0 !important;
}
.newslist .projectlist .plitem .pltag1 {
  width: 80px;
  height: 32px;
  background: linear-gradient(
      0deg,
      rgba(0, 111, 144, 0.08),
      rgba(0, 111, 144, 0.08)
    ),
    #ffffff;
  border-radius: 8px;
  color: #006f90;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  margin-top: 8px;
  display: inline-block;
  margin-right: 8px;
}
.newslist .projectlist .plitem .p {
  color: #9ba2b0;
  font-size: 16px;
  line-height: 28px;
  width: 100px;
}
.newslist .projectlist .plitem .b {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .projectlist .plitem .pnew {
  background: #f23300;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}
.newslist .trade-notice {
  margin-top: 16px;
}
.newslist .projectlist .plitem:last-child {
  border: 0;
}
.newslist .projectlist .plitem {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e0e0e0;
}
.newslist .sand-product .sand-product-item .img {
  width: 100%;
  height: 280px;
}
.trading-hall .dnums .hall-item:last-child {
  margin-right: 0;
}
.trading-hall .dnums .hall-item .htit {
  margin-top: 16px;
}
.trading-hall .dnums .hall-item .ddata {
  font-size: 48px;
  line-height: 68px;
  margin-top: 8px;
}
.newslist .el-table__header-wrapper{
  background: #f4f4fb;
  font-size: 16px;
  color: #7b88a0;

}

.noright input::-webkit-outer-spin-button,
.noright input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.noright input[type="number"] {
  -moz-appearance: textfield;
}

.newslist .el-button--text.btnred{
  color: #F23300 !important;
}
.newslist .el-button--text{
  color: #006F90 !important;
}
.newslist .titsmall {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
}
.newslist .titbig {
  color: #242e60;
  font-size: 24px;
  line-height: 32px;
}
.newslist .loginbox .loginboxtit .b {
  color: #242e60;
  font-size: 24px;
  line-height: 32px;
}
.newslist .loginbox .loginboxtit .ucode {
  width: 250px;
}
.newslist .loginbox .loginboxtit .uphone {
  width: 360px;
}
.newslist .loginbox .loginboxtit .lgbg {
  height: 48px;
  background: #f4f4fb;
  border-radius: 8px;
  padding: 0 20px;

  border: 1px solid #e0e0e0;
}
.newslist .loginbtn.btnnormal {
  background: #f4f4fb;
  color: #242e60;
}
.newslist .loginbtn.btnreg {
  background: #006f90;
  color: #ffffff;
}
.newslist .loginbtn.w111 {
  width: 111px;
}
.newslist .loginbtn {
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: linear-gradient(
      0deg,
      rgba(0, 111, 144, 0.08),
      rgba(0, 111, 144, 0.08)
    ),
    #ffffff;
  border-radius: 8px;
  color: #006f90;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  padding: 0;
    border: 0;
}
.newslist .loginbox .loginboxtit {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
}

.newslist .loginbox.w400 {
  width: 400px;
}
.newslist .loginbox {
  margin: auto;
}
.trading-hall .dnums .hall-item {
  margin-right: 32px;
  background: rgba(36, 46, 96, 0.48);
  border-radius: 8px;
  flex: 1;
  height: 132px;
  font-size: 16px;
  line-height: 24px;
}
.trading-hall {
  height: 396px;
}
.newslist .sand-product .sand-product-item .p {
  color: #7b88a0;
  font-size: 16px;
  margin-top: 8px;
  line-height: 24px;
}
.newslist .sand-product .honors img {
  height: 240px;
  width: 100%;
}
.newslist .sand-product .sand-product-item .p1 {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .sand-product .sangstatus .cnum {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.newslist .sand-product .sangstatus .bg {
  height: 64px;
  position: absolute;
  bottom: 4px;
  background: rgba(36, 46, 96, 0.48);
  width: 100%;
  border-radius: 0 0 8px 8px;
  color: #fff;
}
.newslist .sand-product .sangstatus .span {
  position: absolute;
  right: 16px;
  top: 16px;
  background: #006f90;
  border-radius: 20px;
  width: 80px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}
.newslist .sand-product .sangstatus {
  position: relative;
}
.newslist .sand-product .sand-product-item .b .money {
  color: #006f90;
  font-size: 24px;
  line-height: 32px;
}
.newslist .sand-product .sand-product-item .b .value {
  color: #7b88a0;
}
.newslist .sand-product .sand-product-item .b .field {
  width: 68px;
  display: inline-block;
}
.newslist .sand-product .sand-product-item .b {
  margin: 32px;
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
}
.about .detailcontrol{
  font-size: 16px;
line-height: 24px;
}
.about a{
  color: #006F90;
}
.about .detailcontrol .controlitem{
  color: #BBBFD0;
}
.about .detailcontrol .controllab{
  color: #7B88A0;
  width: 50px;
}

.about .p {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
}
.about .b {
  color: #242e60;
  font-size: 24px;
  line-height: 32px;
}
.about {
  width: 800px;
  margin: 0 auto;
  color: #242e60;
  font-size: 16px;
  line-height: 24px;
  word-wrap:break-word; word-break:normal;

}
.aboutdetail img{
  max-width: 100%;
  height: auto;
}
.newslist .sand-product .sand-product-item:nth-child(3n) {
  margin-right: 0;
}
.newslist .sand-product .sand-product-item {
  width: 376px;
  margin-right: 32px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  float: left;
  margin-bottom: 32px;
}
.newslist .sand-product {
  display: inline-block;
}
.newslist .newslist-tabwrap {
  justify-content: center;
}
.newslist .newslist-tab .newslist-tabitem.active,
.newslist .newslist-tab .newslist-tabitem:hover {
  background: #006f90;
  color: #fff;
  border-radius: 10px;

}

.newslist .newslist-tab .newslist-tabitem a:hover{
  background: #006f90;
  color: #fff;
  border-radius: 10px;
}
.newslist .newslist-tab .newslist-tabitem.active a{
  color: #fff;
}
.newslist .newslist-tab .newslist-tabitem a{
  color: #006f90;
  padding: 12px 24px;
  display: block;
}

.newslist .newslist-product .newslist-product-item .img {
  width: 228px;
  height: 228px;
}
.newslist .newslist-product .newslist-product-item .p {
  margin-top: 16px;
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
}
.newslist .newslist-product .newslist-product-item .b {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .newslist-product .newslist-product-item .icondesc {
  padding-top: 8px;
}
.newslist .newslist-product .newslist-product-item .icons img {
  margin-right: 10px;
}
.newslist .newslist-product .newslist-product-item .icons {
  margin-top: 8px;
  color: #7b88a0;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}
.newslist .newslist-product .newslist-product-item:nth-child(2n) {
  margin-right: 0;
  float: right ;
}
.newslist .newslist-product .newslist-product-item {
  width: 582px;
  height: 228px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  float: left;
  margin-bottom: 32px;
}
.newslist .newslist-product {
  margin-top: 64px;
}
.newslist .newslist-tab .newslist-tabitem:first-child,
.newslist .newslist-tab .newslist-tabitem:last-child {
  border-radius: 10px;
}

.newslist .newslist-tab .newslist-tabitem {
  cursor: pointer;
  color: #006f90;
  font-size: 16px;
  line-height: 24px;

}
.newslist .newslist-tab {
  height: 48px;

  border-radius: 10px;
  background: linear-gradient(
      0deg,
      rgba(0, 111, 144, 0.08),
      rgba(0, 111, 144, 0.08)
    ),
    #ffffff;
}
.newslist {
  padding: 64px 0;
}
.newslist .newslist-wrap .newslist-txt .p {
  font-size: 16px;
  line-height: 28px;
  color: #7b88a0;
}
.newslist .newslist-wrap .newslist-txt .b {
  width: 80%;
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .newslist-wrap .newslist-txt:last-child {
  border: 0;
  margin-bottom: 0;
}
.newslist .newslist-wrap .newslist-txt {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e0e0e0;
}
.newslist .newslist-wrap .newslist-item img {
  border-radius: 8px;
  height: 240px;
  width: 100%;
}
.newslist .newslist-wrap .newslist-item .newslist-desc {
  padding: 32px;
}

.newslist .newslist-wrap .newslist-item .desc {
  color: #7b88a0;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
}
.newslist .newslist-wrap .newslist-item .p {
  color: #9ba2b0;
  font-size: 16px;
  line-height: 24px;
}
.newslist .newslist-wrap .newslist-item .b {
  color: #242e60;
  font-size: 20px;
  line-height: 28px;
}
.newslist .newslist-wrap {
  width: 100%;
  display: inline-block;
}
.newslist .newslist-wrap .newslist-item:nth-child(3n) {
  margin-right: 0;
}
.newslist .newslist-wrap .newslist-item {
  width: 376px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-right: 32px;
  float: left;
  margin-bottom: 32px;
}

.newslist .newslist-page a.disabled{
  cursor: not-allowed;
}
.newslist .newslist-page a.active,
.newslist .newslist-page a.activated,
.newslist .newslist-page a:hover {
  background: #006f90;
  color: #fff;
}
.newslist .newslist-page a {
  width: 48px;
  height: 48px;
  background: #f4f4fb;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  margin: 0 8px;
  color: #242e60;
  cursor: pointer;
}
.newslist .newslist-page {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

/**zoom**/
.newslist .zoombox .bg_left {
  width: 584px;
  height: auto;
  float: left;
}
.newslist .zoombox .bg_right {
  float: left;
  position: sticky;
  z-index: 999;
}
.newslist .zoombox .show {
  width: 584px;
  height: 448px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #e8e8e8;
  cursor: move;
}
.newslist .zoombox .show img {
  width: 584px;
  height: 448px;
}
.newslist .zoombox .mask {
  width: 292px;
  height: 224px;
  background: #000;
  filter: Alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.newslist .zoombox .bigshow {
  width: 584px;
  height: 448px;
  overflow: hidden;
  margin-left: 10px;
  display: none;
  border: 1px solid #e8e8e8;
}
.newslist .zoombox .bigshow img {
  width: 1168px;
  height: 896px;
  margin-right: 10px;
}
.newslist .zoombox .smallshow {
  width: 100%;
  height: 104px;
  position: relative;
}
.newslist .zoombox .smallshow img {
  width: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  transition: all 0.5s;
}
.newslist .zoombox .smallshow > .middle_box:first-child img {
  margin-left: 0;
}
.newslist .zoombox .smallshow > .middle_box {
  width: 600px;
  overflow: hidden;
  height: 104px;
}
.newslist .zoombox .smallshow .middle {
  overflow: hidden;
  transition: all 0.5s;
  height: 104px;
}
.newslist .zoombox .smallshow .middle > li img {
  width: 104px;
  height: 104px;
  float: left;
  cursor: pointer;
  margin: 0 16px;
  border-radius: 8px;
}
.newslist .zoombox .smallshow > p {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 32px;
  margin-top: -16px;
}
.newslist .zoombox .smallshow > .prev {
  left: 0;
  background: url("../imgs/hover-prev.png") no-repeat;
  transition: all 0.5s;
}
.newslist .zoombox .smallshow > .next {
  right: 0;
  background: url("../imgs/hover-next.png") no-repeat;
  transition: all 0.5s;
}
.newslist .zoombox .smallshow > .prev.prevnone {
  left: 0;
  background: url("../imgs/prev.png") no-repeat;
  cursor: not-allowed;
}
.newslist .zoombox .smallshow > .next.nextnone {
  right: 0;
  background: url("../imgs/next.png") no-repeat;
  cursor: not-allowed;
}
/**zoom**/


.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes
slideUp {
  0% {
    -webkit-transform:translateY(0)
  }
  100% {
    -webkit-transform:translateY(-7em)
  }
}
@-moz-keyframes
slideUp {
  0% {
    -moz-transform:translateY(0)
  }
  100% {
    -moz-transform:translateY(-7em)
  }
}
@-o-keyframes
slideUp {
  0% {
    -o-transform:translateY(0)
  }
  100% {
    -o-transform:translateY(-7em)
  }
}
@keyframes
slideUp {
  0% {
    transform:translateY(0)
  }
  100% {
    transform:translateY(-7em)
  }
}

.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp
}
@-webkit-keyframes
slideDown {
  0% {
    -webkit-transform:translateY(-7em)
  }
  100% {
    -webkit-transform:translateY(0)
  }
}
@-moz-keyframes
slideDown {
  0% {
    -moz-transform:translateY(-7em)
  }
  100% {
    -moz-transform:translateY(0)
  }
}
@-o-keyframes
slideDown {
  0% {
    -o-transform:translateY(-7em)
  }
  100% {
    -o-transform:translateY(0)
  }
}
@keyframes
slideDown {
  0% {
    transform:translateY(-4em)
  }
  100% {
    transform:translateY(0)
  }
}

.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*表格强制换行*/
.divwrap{
  width:100%;
  white-space:normal;
  word-wrap:break-word;
  word-break:break-all;
}
.hasSign {
  text-align: center;
  margin-bottom: 16px;
  font-size: 16px;
}

.kr-subtitle {
  color: $ Gray-1;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-left: 10px;
  position: relative;
  margin-bottom: 16px;
}
.kr-subtitle:after {
   content: "";
   position: absolute;
   left: 0px;
   width: 2px;
   height: 16px;
   background: #006f90;
   top: 4px;
 }