@charset "UTF-8";
.box-shadow {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.new-page-header {
  border-bottom: 1px solid #CCC;
  line-height: 20px;
}
.download-pdf-cover-list {
  padding: 15px 0;
}
.download-pdf-cover-list .cover a {
  display: block;
  border: 1px solid #000;
}
.download-pdf-cover-list .cover a img {
  display: block;
  width: 100%;
}
.download-pdf-cover-list .cover a:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.new-pdf-table {
  width: 100%;
  table-layout: auto;
  border: solid 1px #999999;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.new-pdf-table td {
  border: solid 1px #999999;
  font-size: 10px;
}
.new-pdf-table .td-title-im {
  border: solid 1px #999999;
  padding: 0 2px;
  background-color: #cccccc;
  font-size: 12px;
}
.new-pdf-table .bold {
  font-weight: bold;
}
.new-pdf-table .text-c {
  text-align: center;
}
.new-pdf-table .td-subtitle-im {
  border: solid 1px #999999;
  padding: 0 2px;
  background-color: #eeeeee;
  font-size: 12px;
  white-space: nowrap;
}
.thumbnail.no-border {
  border: none;
  padding: 0;
}
.ml-title-1 {
  margin-bottom: 15px;
}
.ml-title-1 .ch {
  font-size: 18px;
}
.ml-title-1 .ch b {
  font-weight: bold;
  font-size: 20px;
}
.ml-title-1 .en {
  font-size: 10px;
}
.ml-title-1 .red {
  color: #c5242b;
}
.ml-title-2 {
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
}
.ml-title-2 .ch {
  font-size: 18px;
  margin-right: 10px;
}
.ml-title-2 .en {
  font-size: 10px;
}
.ml-title-3 {
  position: relative;
  padding-left: 70px;
  margin-bottom: 15px;
}
.ml-title-3 sup {
  font-weight: normal;
}
.ml-title-3 .red {
  color: #c5242b;
}
.ml-title-3 .no {
  display: block;
  position: absolute;
  left: 0;
  width: 60px;
  height: 34px;
  background-size: 100%;
}
.ml-title-3 .no.no-1 {
  background-image: url('../img/new/n1.png');
}
.ml-title-3 .no.no-2 {
  background-image: url('../img/new/n2.png');
}
.ml-title-3 .no.no-3 {
  background-image: url('../img/new/n3.png');
}
.ml-title-3 .no.no-4 {
  background-image: url('../img/new/n4.png');
}
.ml-title-3 .ch {
  font-size: 18px;
  font-weight: bold;
}
.ml-title-3 .ch b {
  font-size: 24px;
}
.ml-title-3 .en {
  font-size: 12px;
}
.ml-title-3 .info {
  margin-top: 10px;
}
.ml-title-4 {
  margin-bottom: 15px;
  position: relative;
  padding-left: 40px;
}
.ml-title-4 .no {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  font-weight: bold;
}
.ml-title-4 .ch {
  font-size: 18px;
  font-weight: bold;
}
.ml-title-4 .en {
  font-size: 12px;
}
.ml-title-5 {
  border-top: 1px solid #333;
  border-left: 5px solid #333;
  padding: 5px;
  margin-bottom: 15px;
}
.ml-title-5 .ch {
  font-size: 18px;
  font-weight: bold;
}
.ml-title-5 .en {
  font-size: 12px;
}
.ml-title-6 {
  margin-bottom: 15px;
  background-color: #4d4d4d;
  color: #FFF;
  text-align: center;
  padding: 5px;
}
.ml-title-6 .ch {
  font-size: 18px;
}
.ml-title-6 .en {
  font-size: 12px;
}
.ml-title-6.small .ch {
  font-size: 12px;
}
.ml-box-1 {
  margin-bottom: 15px;
}
.ml-box-1 .head {
  background-color: #ffc8d4;
  position: relative;
  padding: 5px;
  padding-left: 70px;
  border-radius: 5px 5px 0 0;
}
.ml-box-1 .head .no {
  background-color: #FFF;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  border-radius: 4px;
  padding: 0 5px;
}
.ml-box-1 .head .ch {
  font-size: 18px;
  font-weight: bold;
}
.ml-box-1 .head .en {
  font-size: 12px;
}
.ml-box-1 .content {
  border: 1px solid #000;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
.ml-box-1 .content li {
  margin-bottom: 10px;
}
.ml-box-1 .content .right {
  float: right;
  width: 50%;
  text-align: center;
}
.act-title-1 {
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
  position: relative;
  padding: 5px;
  padding-left: 25px;
}
.act-title-1::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-color: #000;
  transform: translateY(-50%);
}
.act-title-1 .ch {
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
}
.act-title-1 .en {
  font-size: 12px;
}
.act-title-2 {
  margin-bottom: 15px;
  background-color: #000;
  color: #FFF;
  padding: 5px;
}
.act-title-2.center {
  text-align: center;
}
.act-title-2 .ch {
  font-weight: bold;
}
.act-title-2 .en {
  font-size: 12px;
}
.act-title-2 small {
  margin-left: 10px;
}
.act-title-3 {
  position: relative;
  padding-left: 75px;
  margin-bottom: 15px;
}
.act-title-3 .icon {
  width: 60px;
  height: 60px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.act-title-3 .ch {
  font-size: 18px;
  font-weight: bold;
}
.act-title-3 .en {
  margin-bottom: 10px;
  font-size: 12px;
}
.act-title-3 p {
  margin-bottom: 5px;
}
.act-title-3.style-1 .icon {
  background-image: url('../img/new/act-icon-1.png');
}
.act-title-3.style-1 .ch {
  color: #765950;
}
.act-title-3.style-2 .icon {
  background-image: url('../img/new/act-icon-2.png');
}
.act-title-3.style-2 .ch {
  color: #765950;
}
.act-title-3.style-3 .icon {
  background-image: url('../img/new/act-icon-3.png');
}
.act-title-3.style-3 .ch {
  color: #765950;
}
.act-title-3.style-4 .icon {
  background-image: url('../img/new/act-icon-4.png');
}
.act-title-3.style-4 .ch {
  color: #765950;
}
.act-title-4 {
  margin-bottom: 15px;
  background-color: #07513f;
  color: #FFF;
}
.act-title-4 .head {
  border-bottom: 1px solid #FFFF;
  padding: 10px;
  margin-bottom: 10px;
}
.act-title-4 .banner {
  padding: 10px;
}
.act-title-4 .banner img {
  display: block;
  width: 400px;
  max-width: 100%;
}
.act-title-5 {
  border: 1px solid #000;
  text-align: center;
  margin-bottom: 15px;
}
.act-title-5 .en {
  font-size: 12px;
}
.fa-title-1 {
  margin-bottom: 15px;
}
.fa-title-1 .title {
  position: relative;
  background-color: #0069a1;
  color: #FFF;
  height: 40px;
}
.fa-title-1 .title.no-num {
  line-height: 40px;
}
.fa-title-1 .title .no {
  float: left;
  font-size: 32px;
  font-weight: bold;
  padding-right: 10px;
}
.fa-title-1 .title .new {
  width: 60px;
  height: 60px;
  line-height: 20px;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  background-color: #d5062e;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 9;
  right: 15px;
  top: -10px;
  color: #FFF;
}
.fa-title-1 .title .new::before {
  content: '新产品';
}
.fa-title-1 .title .new::after {
  content: 'NEW';
}
.jxz-title-1 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
.jxz-title-1::before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 5px;
  border-top: 10px solid #000;
  border-bottom: 10px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.jxz-title-1.red {
  color: #d6072b;
}
.jxz-title-1.red::before {
  border-top-color: #d6072b;
}
.jxz-title-2 {
  border-top: 1px solid #334753;
  margin-bottom: 15px;
}
.jxz-title-2 b {
  display: inline-block;
  padding: 5px 10px;
  background-color: #334753;
  color: #FFF;
}
.j-title-1 {
  border-left: 5px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.j-title-2 {
  background-color: #000;
  padding: 5px 10px;
  font-size: 16px;
  color: #FFF;
  border-radius: 4px;
  margin-bottom: 15px;
}
.j-box-1 .item {
  border-bottom: 1px solid #004686;
  padding: 5px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}
.j-box-1 .item .no {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 5px;
  top: 10px;
  background-color: #4d4d4d;
  color: #FFF;
  text-align: center;
}
.j-box-1 .item .ch {
  font-size: 20px;
  font-weight: bold;
  color: #004686;
}
.j-box-1 .item small {
  float: right;
}
.act-box.center {
  text-align: center;
}
.act-box img {
  border-radius: 5px;
}
.act-box .name {
  font-weight: bold;
}
.act-box small {
  white-space: nowrap;
}
.g-box-1 {
  text-align: center;
  margin-bottom: 15px;
}
.g-box-1 .img {
  padding: 10px 0;
}
.g-box-1 .img img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.g-box-1 .info b {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #6d6f6d;
  font-size: 26px;
  font-weight: bold;
  color: #FFF;
  margin-left: 10px;
  border-radius: 50%;
}
.fa-box-1 {
  position: relative;
  margin-bottom: 15px;
}
.fa-box-1 img {
  display: block;
  float: left;
  margin-right: 10px;
}
.fa-box-1.has-no {
  padding-left: 30px;
}
.fa-box-1.has-no .no {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  background-color: #e9007a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.fa-box-2 {
  width: 200px;
  max-width: 100%;
  text-align: center;
}
.fa-box-2 .item {
  background-color: #a6bfd7;
  padding: 5px 10px;
}
.fa-box-2 .item b {
  display: block;
}
.act-box-1 {
  border: 1px solid #000;
  margin-bottom: 15px;
}
.act-box-1 .head {
  background-color: #67c396;
  border-bottom: 1px solid #000;
  display: flex;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: flex-end;
}
.act-box-1 .head .title {
  font-size: 18px;
  font-weight: bold;
}
.act-box-1 .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.act-box-1.small .title {
  font-size: 12px;
}
.act-box-2 img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.act-box-2 .item img {
  border-radius: 5px;
}
.act-box-2 .arrow {
  padding: 10px;
}
.act-box-2 .arrow img {
  width: 50px;
}
.act-box-3 {
  background-color: #e4e4e3;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.act-box-3 .title {
  width: 30%;
  padding: 10px;
  position: relative;
  padding-left: 30px;
  color: #07513f;
}
.act-box-3 .title .no {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.act-box-3 .title .ch {
  font-size: 20px;
  font-weight: bold;
}
.act-box-3 .info {
  width: 50%;
  padding: 10px 0;
}
.act-box-3 .info .ch {
  position: relative;
  padding-left: 20px;
}
.act-box-3 .info .ch::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  display: block;
  border-left: 10px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid transparent;
}
.act-box-3 .info .en {
  font-size: 12px;
}
.act-box-3 .icon {
  width: 20%;
  padding: 10px;
}
.act-box-3 .icon img {
  display: block;
  max-width: 100%;
}
.title-a {
  position: relative;
  padding-left: 20px;
}
.title-a::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  display: block;
  border-left: 10px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid transparent;
}
.no-wrap {
  white-space: nowrap;
}
.j-table {
  border-color: #000;
}
.j-table th {
  text-align: center;
  vertical-align: middle !important;
  background-color: #aeb7cf;
}
.j-table th,
.j-table td {
  border-color: #000 !important;
}
.j-table td {
  text-align: center;
  vertical-align: middle !important;
}
.j-table > tbody > tr:nth-child(even) {
  background-color: #d2d7e3;
}
.ml-table {
  border-color: #000;
}
.ml-table td,
.ml-table th {
  text-align: center;
  border-color: #000 !important;
}
.ml-table tbody {
  border-top: 2px solid #000;
}
.ml-table th {
  border-bottom: 1px solid #000 !important;
  vertical-align: middle !important;
}
.ml-table th .ch {
  white-space: nowrap;
}
.ml-table th .en {
  font-weight: normal;
  font-size: 10px;
}
.ml-table td {
  font-size: 12px;
}
.ml-table .no-wrap {
  white-space: nowrap;
}
.ml-table.pink thead {
  background-color: #ffc7d3;
}
.ml-table.pink.table-striped > tbody > tr:nth-child(odd) {
  background-color: #ffe5ea;
}
.ml-table.gray thead {
  background-color: #c9c9c9;
}
.ml-table.gray.table-striped > tbody > tr:nth-child(odd) {
  background-color: #eee;
}
.ml-table.dark thead {
  background-color: #bbbcbb;
}
.ml-table.dark.table-striped > tbody > tr:nth-child(odd) {
  background-color: #bbbcbb;
}
.ml-table.dark .title {
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}
.ml-table.dark .title small {
  font-weight: normal;
}
.fa-table td,
.fa-table th {
  text-align: center;
  border-color: #000 !important;
}
.fa-table thead {
  background-color: #d2d5d2;
  border-top: 1px solid #000;
}
.fa-table th {
  border-bottom: 1px solid #000 !important;
  vertical-align: middle !important;
}
.fa-table td.blue {
  background-color: #7198bd;
  color: #FFF;
}
.fa-table td.pink {
  background-color: #d9bccc;
}
.fa-table.table-striped > tbody > tr:nth-child(odd) {
  background-color: #d5d9d7;
}
.fa-table.table-striped > tbody > tr:nth-child(odd) td.blue {
  background-color: #6389ab;
}
.fa-table.table-striped > tbody > tr:nth-child(odd) td.pink {
  background-color: #bfaab7;
}
.fa-table tr.middle td {
  vertical-align: middle;
}
.fa-table.gray thead {
  background-color: #c4d1d0;
}
.fa-table.gray .title {
  background-color: #c4d1d0;
}
.fa-table.gray.table-striped > tbody > tr:nth-child(odd) {
  background-color: #d5cec7;
}
.fa-table.gray.table-striped > tbody > tr:nth-child(odd) .title {
  background-color: #aeb3ad;
}
.fa-table .round {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  background-color: #7988b2;
  color: #000;
}
.fa-table .round.no {
  border: 1px solid #000;
  background-color: #FFF;
  font-size: 12px;
}
.jxz-box-1 {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 15px;
}
.jxz-box-1 .title {
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.jxz-box-1 .title::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #000;
  display: block;
  position: absolute;
  left: 0;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
}
.jxz-box-1 .title.red {
  color: #d6072b;
}
.jxz-box-1 .title.red::before {
  background-color: #d6072b;
}
.jxz-box-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jxz-box-2 .item {
  width: 45%;
}
.jxz-box-2 .arrow {
  max-width: 100%;
  width: 30px;
}
.act-table-1 {
  margin-bottom: 0;
}
.act-table-1 > tbody > tr:nth-child(odd) {
  background-color: #c6d1c3;
}
.q-a .head {
  width: 100px;
  background-color: #717171;
  color: #FFF;
  text-align: center;
}
.q-a .item {
  border-top: 1px solid #aba6a5;
  position: relative;
  padding-left: 100px;
}
.q-a .item .title {
  position: absolute;
  padding: 10px;
  width: 100px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #dcdcdc;
}
.q-a .item .content {
  padding: 10px;
}
.q-a .item .content .img {
  float: right;
}
.q-a .item .content .img img {
  display: block;
  max-width: 100%;
  margin-left: 10px;
  margin-bottom: 10px;
}
.q-a .item .line {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.q-a .item .line::before {
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  color: #FFF;
  position: absolute;
}
.q-a .item .line.q b {
  color: #004292;
}
.q-a .item .line.q::before {
  content: 'Q';
  background-color: #004292;
}
.q-a .item .line.a b {
  color: #e9001f;
}
.q-a .item .line.a::before {
  content: 'A';
  background-color: #e9001f;
}