@charset "UTF-8";

/* common */

#video {

  font-size: 0;

  text-align: center; }

.bold {

  font-weight: 700; }

.bold-500 {

  font-weight: 500; }

.text-success {

  color: #01D62E; }

.text-wraning {

  color: #FFA63B; }

.text-fail {

  color: #FF3F3F; }

.hidden {

  visibility: hidden;

  opacity: 0;

  white-space: nowrap;

  overflow: hidden; }

.button {

  display: inline-block;

  background: #fff;

  border: 1PX solid transparent;

  font-size: 14PX;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  cursor: pointer;

  text-align: center;

  transition: all 0.3s;

  font-family: MicrosoftYaHei-Bold;

  font-weight: 500;

  border-radius: 4PX;

  height: 40PX;

  line-height: 40PX;

  text-align: center;

  padding: 0 30PX; }

.button:focus {

    outline: none; }

.button-white {

  background: #fff;

  color: #0058A7; }

.button-normal {

  background: #386BF3;

  color: #fff; }

.button-normal:hover {

    background: #0e4aea; }

.PX-0 {

  padding-left: 0 !important;

  padding-right: 0 !important; }

.paging {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  font-size: 14PX;

  margin-top: 15PX; }

.paging a {

    display: inline-block;

    display: none;

    background: transparent;

    text-align: center;

    padding: 0 12PX;

    border: 1px solid #E5E5E5;

    height: 33PX;

    line-height: 33PX;

    background: #fff; }

.paging a .iconfont {

      font-size: 50px; }

.paging a.active {

      color: #e00012;

      background: #e00012;

      color: #fff; }

.paging a:hover {

      background: #e00012;

      color: #fff; }

.paging a:first-child, .paging a:last-child {

      display: block; }

.paging a:last-child {

      display: block; }

.paging a.disabled {

      color: #333333;

      opacity: 0.5;

      pointer-events: none;

      background: #F2F2F2; }

@media (min-width: 1024PX) {

  .paging {

    margin-top: 70PX;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

    .paging.paging-right {

      -webkit-box-pack: end !important;

          -ms-flex-pack: end !important;

              justify-content: flex-end !important; }

    .paging a {

      display: block;

      margin: 0 5PX; }

  .mian {

    min-height: calc(100vh - 80PX - 353PX); }

  .template_list .template_list-hd .title {

    font-size: 30PX; }

  .template_list .template_list-hd ul {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .template_list .swiper-item {

    padding-bottom: 30PX; }

  .template_list .swiper-pagination {

    bottom: 0; }

  .template_list .squared-list .img-responsive {

    height: 245PX;

    -o-object-fit: cover;

       object-fit: cover; }

  .template_list .wrap {

    overflow: initial; }

    .template_list .wrap .common-list li {

      border-bottom: none; }

  .template_list .wrap .slot-list {

    margin-top: -30PX;

    margin-bottom: -30PX; }

    .template_list .wrap .slot-list li {

      margin-bottom: 0; }

  .template_list .swiper-slide {

    border: none !important; }

  .template_list .swiper-slide.flex {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    padding: 30PX 0;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .template_list .swiper-slide.flex img {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 340PX;

              flex: 0 0 340PX;

      width: 340PX;

      height: 145PX;

      -o-object-fit: cover;

         object-fit: cover; }

    .template_list .swiper-slide.flex .con {

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1;

      width: 1%;

      padding: 0 0 0 40PX; }

  .template_list .reverse-list .swiper-slide.flex {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse; }

    .template_list .reverse-list .swiper-slide.flex .con {

      padding: 0 40PX 0 0; } }

/*分页END*/

/* common */

/* 动画效果 */

.animated {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  opacity: 0; }

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

@keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3);

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3);

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

@media (max-width: 768PX) {

  .fadeable {

    opacity: 1 !important; }

  .PX-sm-1 {

    padding-left: 15PX !important;

    padding-right: 15PX !important; }

  .mg-0-sm {

    margin: 20PX 0; } }

@media (max-width: 1025PX) {

  .wrapper {

    position: absolute;

    top: 0PX;

    width: 100%;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    bottom: 0; } }

* {

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  -webkit-animation-timing-function: ease;

          animation-timing-function: ease; }

.header ~ .wrapper {

  top: 48PX; }

@-webkit-keyframes zoomImageInEnd {

  0% {

    opacity: 0;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1); }

  100% {

    opacity: 1;

    -webkit-transform: scale(1.05, 1.05);

            transform: scale(1.05, 1.05); } }

@keyframes zoomImageInEnd {

  0% {

    opacity: 0;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1); }

  100% {

    opacity: 1;

    -webkit-transform: scale(1.05, 1.05);

            transform: scale(1.05, 1.05); } }

/*

.pagination {

  display: inline-block;

  padding-left: 0;

  border-radius: 4PX; }

.pagination > li {

  display: inline; }

.pagination > li > a, .pagination > li > span {

  position: relative;

  float: left;

  padding: 6PX 12PX;

  line-height: 1.42857143;

  text-decoration: none;

  color: #898989;

  background-color: #fff;

  border: 1PX solid #ddd;

  margin-left: -1PX; }

.pagination > li:first-child > a, .pagination > li:first-child > span {

  margin-left: 0;

  border-bottom-left-radius: 4PX;

  border-top-left-radius: 4PX; }

.pagination > li:last-child > a, .pagination > li:last-child > span {

  border-bottom-right-radius: 4PX;

  border-top-right-radius: 4PX; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

  z-index: 2;

  color: #fff;

  background-color: #B8B8B9;

  border-color: #ddd; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

  z-index: 3;

  color: #fff;

  background-color: #B5B5B6;

  border-color: #B5B5B6;

  cursor: default; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {

  color: #777777;

  background-color: #fff;

  border-color: #ddd;

  cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span {

  padding: 10PX 16PX;

  font-size: 18PX;

  line-height: 1.3333333; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {

  border-bottom-left-radius: 6PX;

  border-top-left-radius: 6PX; }

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {

  border-bottom-right-radius: 6PX;

  border-top-right-radius: 6PX; }

.pagination-sm > li > a, .pagination-sm > li > span {

  padding: 5PX 10PX;

  font-size: 12PX;

  line-height: 1.5; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {

  border-bottom-left-radius: 3PX;

  border-top-left-radius: 3PX; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {

  border-bottom-right-radius: 3PX;

  border-top-right-radius: 3PX; }

*/ 





/*pages*/

.pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li{

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 12px;

    font-size: 12px;

    border: 1px solid #dddddd;

    color: #555555;

    text-decoration: none;

}

.pagination li:hover {

	background: #f5f5f5;

	color: #0099ff;

}

.pagination li.thisclass {

	background: #e00012;

	color: #fff;

}

.pagination li.thisclass a,.pagination li.thisclass a:hover {

	background: transparent;

	border-color: #e00012;

	color: #fff;

	cursor: default;

}

.pageinfo{

	font-size: 16px;

}



 

.bg-write {

  background-color: #fff; }

@media (-webkit-max-device-pixel-ratio: 1) {

  ::-webkit-scrollbar-thumb {

    background-color: #c2c2c2;

    background-clip: padding-box;

    min-height: 28PX; }

  ::-webkit-scrollbar {

    width: 6PX;

    height: 6PX; }

  ::-webkit-scrollbar-track-piece {

    background-color: #FFFFFF; } }

@media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {

  .border-bottom {

    border-bottom: 1PX solid #dfdfdf !important; }

  .border-top {

    border-top: 1PX solid #dfdfdf !important; }

  .border {

    border: 1PX solid #dfdfdf; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {

  .border-bottom {

    border-bottom: 0.5PX solid #dfdfdf !important; }

  .border-top {

    border-top: 0.5PX solid #dfdfdf !important; }

  .border {

    border: 0.5PX solid #dfdfdf; } }

.global-header {

  height: auto;

  width: 100%;

  -webkit-transition: height 0.3s ease-in 0.3s;

  -o-transition: height 0.3s ease-in 0.3s;

  transition: height 0.3s ease-in 0.3s;

  position: absolute;

  z-index: 99999;

  background-color: #fff;

  background-position: center;

  background-size: 100% 100%; }

.global-header-nav-logo a {

  height: 55px;

  width: 55px;

  line-height: 55px; }

.global-header-content {

  position: relative;

  margin: 0 auto;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background-color: #fff; }

.bottom-line-lighter:before {

  content: "";

  height: 1px;

  -webkit-transform-origin: 0 50%;

      -ms-transform-origin: 0 50%;

          transform-origin: 0 50%;

  width: 200%;

  -webkit-transform: scale(0.5);

      -ms-transform: scale(0.5);

          transform: scale(0.5);

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #dbdbdb;

  visibility: visible; }

.global-header-nav-item {

  display: inline-block;

  position: relative;

  vertical-align: top;

  position: relative;

  display: inline-block;

  -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  -webkit-tap-highlight-color: transparent;

  font-size: 14px;

  color: #000;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  padding: 0px 0px;

  white-space: nowrap; }

.global-header-nav-item > a {

    position: relative;

    color: #0d2141;

    font-weight: 700; }

.global-header-nav-item > a:after {

      content: "";

      position: absolute;

      left: 0;

      height: 2px;

      background-color: transparent;

      bottom: -20px;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s;

      width: 0; }

.global-header-nav-item a {

    display: block;

    text-align: center;

    font-family: MicrosoftYaHei-Bold; }

.global-header-nav-item:before {

    display: none; }

.global-header-nav-item.active > a {

    color: #e00012 !important; }

.global-header-nav-item.active > a:after {

      width: 100%; }

.global-header-nav-search a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 50px;

  width: 54px;

  background-position: -210px 10px;

  font-size: PXToRem(16px); }

.global-header-nav-search a .iconfont {

    font-size: PXToRem(16px);

    margin-right: 5px;

    color: #666666; }

.icon-arrow-down1 {

  font-size: 14px;

  color: #03296e; }

.global-header-nav-top {

  background-color: #fff; }

.global-header-nav-search a, .global-header-nav-search span {

  float: left;

  line-height: 50px; }

.global-header-nav-top .global-header-nav-search {

  height: inherit;

  position: absolute;

  top: 0;

  right: 0;

  padding: 0 16px;

  margin-right: 0;

  -webkit-transition: -webkit-transform 0.3s linear 0.2s;

  transition: -webkit-transform 0.3s linear 0.2s;

  -o-transition: transform 0.3s linear 0.2s;

  transition: transform 0.3s linear 0.2s;

  transition: transform 0.3s linear 0.2s, -webkit-transform 0.3s linear 0.2s; }

.global-logo {

  background-repeat: no-repeat;

  background-position: center;

  background-size: 170px 40px; }

.global-search-show {

  overflow: hidden;

  height: 100%; }

.global-search-show .global-header-nav-search-wrapper {

  display: block; }

.global-header-nav-search-wrapper {

  position: relative;

  width: 100%;

  display: block;

  opacity: 1;

  position: absolute;

  top: 90px;

  z-index: 999;

  -webkit-box-shadow: 0 5px 20px rgba(55, 55, 55, 0.3);

          box-shadow: 0 5px 20px rgba(55, 55, 55, 0.3);

  padding: 16px 20px;

  background-color: #fff;

  display: none;

  min-height: 82px; }

.global-header-nav-search-wrapper:after {

    display: none;

    content: "";

    width: 10px;

    height: 10px;

    border-left: 1px solid #cfcfcf;

    border-top: 1px solid #cfcfcf;

    background-color: #fff;

    position: absolute;

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

    right: 18px;

    top: -6px; }

.global-header-searchview-wrapper {

  position: relative;

  border-bottom: 3px solid #03296e;

  width: calc(100% - 54px); }

.global-header-nav-search-content {

  position: relative;

  text-align: center; }

.global-header-nav-search-content .global-header-searchview-input {

    display: block;

    height: 34px;

    line-height: 34px;

    padding: 5px 12px;

    width: 100%;

    background-color: transparent;

    color: #4e4e4e; }

.global-header-searchview-submit {

  width: 30px;

  background-position: -204px 4px;

  position: absolute;

  top: 0;

  -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  height: 34px;

  background-color: transparent;

  border: 0;

  right: -35px;

  font-size: PXToRem(30px); }

.global-mask {

  position: fixed;

  top: 0;

  left: 0;

  height: 0;

  width: 0;

  background: rgba(0, 0, 0, 0.5);

  -webkit-transition: opacity 1s ease 0.1s;

  -o-transition: opacity 1s ease 0.1s;

  transition: opacity 1s ease 0.1s;

  opacity: 0; }

.global-mask-open {

  height: 100%;

  width: 100%;

  opacity: 1;

  z-index: 667; }

.dropdown-menu a {

  position: relative;

  display: block;

  color: #fff;

  transition: opacity 0.25s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;

  -webkit-transform: translateX(40px);

      -ms-transform: translateX(40px);

          transform: translateX(40px);

  opacity: 0;

  line-height: 1;

  text-align: left; }

.open .dropdown-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: auto; }

.open .dropdown-menu a {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

.icon-toggle {

  position: absolute;

  right: 0;

  top: 0px;

  width: 48px;

  text-align: center;

  height: 48px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  z-index: 10; }

.icon-toggle:after {

    content: "+";

    font-size: 25px;

    color: #000; }

.open .icon-toggle:after, .icon-toggle[aria-expanded="true"]:after {

  content: "-"; }

.global-header-nav {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: #fff;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

.global-header-nav .global-header-nav-logo {

    width: auto;

    height: 55px;

    position: absolute;

    top: 50%;

    margin-top: -27.5px;

    left: 10px;

    font-size: 0; }

.global-header-nav .global-header-nav-logo > a {

      font-size: 0; }

.global-header-nav-list {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  margin-right: 0px;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }

.global-header-nav-list:hover a {

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s; }

.global-header-nav-list:hover .active:after {

    width: 0px; }

.global-header-nav-list .global-header-nav-item:hover:after {

    width: 100% !important; }

.global-header-nav-list .global-header-nav-item:hover > a {

    opacity: 1;

    color: #e00012 !important; }

.global-mobile-split {

  padding-top: 100px; }

.header-share-bar {

  position: absolute;

  height: 40px;

  width: 100%;

  z-index: 999;

  background: #fff; }

.header-share-bar .flex-box {

    height: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

.header-share-bar .bshare-custom {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    border: 1px solid #e9e9e9;

    border-radius: 0 4px 4px 0;

    font-size: 0; }

.header-share-bar .bshare-custom a {

      padding-top: 24px;

      width: 35px; }

.header-share-bar .header-message {

    border: 1px solid #e9e9e9;

    border-right: 0; }

.header-share-bar .header-message a {

      display: inline-block;

      padding-top: 24px;

      width: 35px;

      vertical-align: middle; }

#bsWXBox {

  -webkit-box-sizing: content-box;

          box-sizing: content-box; }

.subment-active {

  display: block !important;

  -webkit-transition: -webkit-transform 0.8s ease;

  transition: -webkit-transform 0.8s ease;

  -o-transition: transform 0.8s ease;

  transition: transform 0.8s ease;

  transition: transform 0.8s ease, -webkit-transform 0.8s ease; }

.subment-open .subment-active {

  -webkit-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

          transform: translateY(-100%); }

.subment-open .subtitle {

  opacity: 1 !important;

  -webkit-transform: none !important;

      -ms-transform: none !important;

          transform: none !important; }

.subment-open .global-dropdown-line {

  opacity: 1 !important; }

.subment-open .global-header-nav-list {

  -webkit-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

          transform: translateY(-100%); }

.global-header-subment-close {

  display: none;

  position: absolute;

  width: 45px;

  height: 45px;

  opacity: 1;

  color: #333;

  -webkit-tap-highlight-color: transparent;

  outline: 0;

  left: 0%;

  top: 0px;

  background: 0 0;

  border: 0;

  z-index: 99; }

.global-header-subment-close .global-dropdown-line {

    display: block;

    z-index: 1;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.2s linear 0.6s;

    transition: -webkit-transform 0.2s linear 0.6s;

    -o-transition: transform 0.2s linear 0.6s;

    transition: transform 0.2s linear 0.6s;

    transition: transform 0.2s linear 0.6s, -webkit-transform 0.2s linear 0.6s;

    position: relative;

    width: 100%;

    height: 100%; }

.global-header-subment-close .global-dropdown-line::before {

      content: "";

      -webkit-transform-origin: 100% 0;

      -ms-transform-origin: 100% 0;

      transform-origin: 100% 0;

      right: 50%;

      -webkit-transform: rotate(-40deg) scaleY(1.5);

      -ms-transform: rotate(-40deg) scaleY(1.5);

      transform: rotate(-40deg) scaleY(1.5);

      position: absolute;

      background: #333;

      top: 50%;

      width: 12px;

      height: 1px;

      display: block;

      z-index: 1; }

.global-header-subment-close .global-dropdown-line:after {

      content: "";

      position: absolute;

      background: #333;

      top: 50%;

      width: 12px;

      height: 1px;

      left: 50%;

      -webkit-transform-origin: 0 0;

          -ms-transform-origin: 0 0;

              transform-origin: 0 0;

      -webkit-transform: rotate(40deg) scaleY(1.5);

          -ms-transform: rotate(40deg) scaleY(1.5);

              transform: rotate(40deg) scaleY(1.5);

      display: block;

      z-index: 1; }

.subment-open .global-header-nav-menu {

  opacity: 0 !important; }

.nav-item {

  display: none; }

.global-header-hover-block {

  display: none; }

@media only screen and (max-width: 1024px) {

  .header {

    height: 80px; }

  .pc-logo {

    display: none; }

  .global-header-content {

    padding: 0; }

  .dropdown-menu {

    height: 0;

    overflow: hidden; }

  .global-header-nav-open .global-header-hover-block {

    -webkit-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

            transform: translateY(-100%); }

  .global-header-hover-block {

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    display: block;

    position: absolute;

    right: 0;

    width: 100px;

    height: inherit;

    z-index: 1000; }

    .global-header-hover-block .iconfont {

      font-size: 12px;

      margin-left: 10px; }

    .global-header-hover-block .hover-title {

      color: #fff;

      font-size: 14px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      height: 48px; }

    .global-header-hover-block .hover-panel {

      display: none;

      position: absolute;

      top: 100%;

      z-index: 10;

      width: 100%;

      background: #fff; }

      .global-header-hover-block .hover-panel li + li {

        border-top: 1px solid #fff; }

      .global-header-hover-block .hover-panel a {

        display: block;

        color: #fff;

        height: 40px;

        line-height: 40px;

        display: block;

        text-align: center; }

  .dropdown-menu a {

    display: block;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    padding-left: 20px !important;

    color: #000 !important; }

  #js-global-subment-close {

    display: block; }

  .global-header {

    height: 80px;

    top: 0px;

    background: #fff;

    position: fixed; }

  .global-mobile-split {

    padding-top: 80px; }

  .header-share-bar {

    display: none; }

  .global-header-nav-search-wrapper {

    top: 80px; }

  .global-header-content, .global-header-nav {

    height: 100%;

    overflow: hidden;

    width: 100%;

    background-color: #fff; }

  .global-header-nav-top {

    background-color: #fff;

    display: block;

    height: 80px;

    position: absolute;

    z-index: 10;

    width: 100%;

    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.3s;

    -o-transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.3s;

    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.3s;

    left: 0;

    top: 0; }

  .global-header-nav-menu {

    left: 0;

    position: absolute;

    z-index: 2;

    top: 0;

    width: 48px;

    height: inherit;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

  .global-header-nav-btn {

    position: relative;

    display: block;

    width: 48px;

    height: 48px;

    -webkit-tap-highlight-color: transparent; }

    .global-header-nav-btn span {

      position: absolute;

      width: 18px;

      height: 1px;

      background: #000;

      left: 16px;

      top: 24px;

      -webkit-transition: all 0.3s ease-in-out;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transform: scaleY(1.5);

          -ms-transform: scaleY(1.5);

              transform: scaleY(1.5); }

      .global-header-nav-btn span:first-child {

        top: 17px; }

      .global-header-nav-btn span:last-child {

        top: 31px; }

  .global-header-nav .global-header-nav-logo {

    height: inherit;

    position: absolute;

    left: 0;

    -webkit-transform: translateX(50px);

        -ms-transform: translateX(50px);

            transform: translateX(50px);

    top: 0;

    margin-top: 0;

    -webkit-transition: -webkit-transform 0.15s linear 0.4s;

    transition: -webkit-transform 0.15s linear 0.4s;

    -o-transition: transform 0.15s linear 0.4s;

    transition: transform 0.15s linear 0.4s;

    transition: transform 0.15s linear 0.4s, -webkit-transform 0.15s linear 0.4s;

    z-index: 9999; }

    .global-header-nav .global-header-nav-logo a {

      background-size: 100%;

      background-position: center center; }

  .global-header-nav-login a, .global-header-nav-logo a, .global-header-nav-search a, .global-header-searchform-submit {

    display: inline-block;

    overflow: hidden;

    color: #000;

    -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    padding: 0;

    height: 80px;

    text-align: right;

    width: 235px; }

    .global-header-nav-login a .iconfont, .global-header-nav-logo a .iconfont, .global-header-nav-search a .iconfont, .global-header-searchform-submit .iconfont {

      font-size: 0.8rem;

      color: #fff; }

    .global-header-nav-login a i:last-child, .global-header-nav-logo a i:last-child, .global-header-nav-search a i:last-child, .global-header-searchform-submit i:last-child {

      display: none; }

  .global-header-nav-login {

    height: inherit;

    position: absolute;

    top: 0;

    right: 0;

    padding: 0 16px;

    margin-right: 0;

    -webkit-transition: -webkit-transform 0.3s linear 0.2s;

    transition: -webkit-transform 0.3s linear 0.2s;

    -o-transition: transform 0.3s linear 0.2s;

    transition: transform 0.3s linear 0.2s;

    transition: transform 0.3s linear 0.2s, -webkit-transform 0.3s linear 0.2s;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .global-header-nav-login a {

    height: 44px;

    width: 20px;

    background-position: -165px 8px; }

  .global-header-nav-list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    position: absolute;

    z-index: 5;

    top: 80px;

    right: 0;

    bottom: 0;

    left: 0;

    margin: 0;

    padding: 0 15px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    height: auto;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    -webkit-transition: visibility 0.8s ease, -webkit-transform 0.8s ease;

    transition: visibility 0.8s ease, -webkit-transform 0.8s ease;

    -o-transition: visibility 0.8s ease, transform 0.8s ease;

    transition: visibility 0.8s ease, transform 0.8s ease;

    transition: visibility 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease; }

    .global-header-nav-list .global-header-nav-item {

      opacity: 0;

      -webkit-transform: scale(1.2) translateY(-24px);

          -ms-transform: scale(1.2) translateY(-24px);

              transform: scale(1.2) translateY(-24px);

      -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;

      transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;

      -o-transition: opacity 0.25s ease-out, transform 0.25s ease-out;

      transition: opacity 0.25s ease-out, transform 0.25s ease-out;

      transition: opacity 0.25s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;

      height: 48px;

      line-height: 48px;

      margin: 0 -15px;

      -webkit-box-flex: 0;

          -ms-flex: 0;

              flex: 0;

      padding: 0; }

      .global-header-nav-list .global-header-nav-item:hover > a {

        color: #e00012 !important; }

      .global-header-nav-list .global-header-nav-item:after {

        display: none; }

      .global-header-nav-list .global-header-nav-item::before {

        display: block;

        background-color: #dfdfdf; }

      .global-header-nav-list .global-header-nav-item > a {

        font-size: 14px;

        padding: 14px 15px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        line-height: 1.4285714285;

        color: #000 !important;

        text-align: left; }

      .global-header-nav-list .global-header-nav-item.active > a:first-child {

        color: #e00012 !important; }

    .global-header-nav-list .global-header-nav-login, .global-header-nav-list .global-header-nav-logo {

      display: none; }

  html.global-header-nav-open, html.global-header-nav-open body {

    overflow: hidden;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    margin-top: 0 !important; }

  .global-header-btn-close span:first-child {

    -webkit-transition: all 0.3s ease-in-out 0.2s;

    -o-transition: all 0.3s ease-in-out 0.2s;

    transition: all 0.3s ease-in-out 0.2s;

    -webkit-transform: rotate(45deg) translate(5px, 5px);

        -ms-transform: rotate(45deg) translate(5px, 5px);

            transform: rotate(45deg) translate(5px, 5px); }

  .global-header-btn-close span:nth-child(2) {

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    opacity: 0; }

  .global-header-btn-close span:nth-child(3) {

    -webkit-transition: all 0.3s ease-in-out 0.3s;

    -o-transition: all 0.3s ease-in-out 0.3s;

    transition: all 0.3s ease-in-out 0.3s;

    -webkit-transform: rotate(-45deg) translate(5px, -5px);

        -ms-transform: rotate(-45deg) translate(5px, -5px);

            transform: rotate(-45deg) translate(5px, -5px); }

  .global-header-nav-open .global-header, .global-header-nav-open .global-header-nav {

    height: 100%; }

  .global-header-nav-open .global-header-nav-login, .global-header-nav-open .global-header-nav-search {

    -webkit-transform: translate(100%);

        -ms-transform: translate(100%);

            transform: translate(100%); }

  .global-header-nav-open .global-header-nav-item {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    height: auto; }

  .global-header-nav-open .global-header-nav-item:nth-child(2) {

    -webkit-transition-delay: 0.3s, 0.3s;

         -o-transition-delay: 0.3s, 0.3s;

            transition-delay: 0.3s, 0.3s; }

  .global-header-nav-open .global-header-nav-item:nth-child(2) {

    -webkit-transition-delay: 0.3s, 0.3s;

         -o-transition-delay: 0.3s, 0.3s;

            transition-delay: 0.3s, 0.3s; }

  .global-header-nav-open .global-header-nav-item:nth-child(3) {

    -webkit-transition-delay: 0.35s, 0.35s;

         -o-transition-delay: 0.35s, 0.35s;

            transition-delay: 0.35s, 0.35s; }

  .global-header-nav-open .global-header-nav-item:nth-child(4) {

    -webkit-transition-delay: 0.4s, 0.4s;

         -o-transition-delay: 0.4s, 0.4s;

            transition-delay: 0.4s, 0.4s; }

  .global-header-nav-open .global-header-nav-item:nth-child(5) {

    -webkit-transition-delay: 0.45s, 0.45s;

         -o-transition-delay: 0.45s, 0.45s;

            transition-delay: 0.45s, 0.45s; }

  .global-header-nav-open .global-header-nav-item:nth-child(6) {

    -webkit-transition-delay: 0.5s, 0.5s;

         -o-transition-delay: 0.5s, 0.5s;

            transition-delay: 0.5s, 0.5s; }

  .global-header-nav-open .global-header-nav-item:nth-child(7) {

    -webkit-transition-delay: 0.55s, 0.55s;

         -o-transition-delay: 0.55s, 0.55s;

            transition-delay: 0.55s, 0.55s; }

  .global-header-nav-open .global-header-nav-item:nth-child(8) {

    -webkit-transition-delay: 0.6s, 0.6s;

         -o-transition-delay: 0.6s, 0.6s;

            transition-delay: 0.6s, 0.6s; }

  .global-header-nav-open .global-header-nav-logo {

    -webkit-transform: translate(48px, -100%);

        -ms-transform: translate(48px, -100%);

            transform: translate(48px, -100%); }

  .global-header-nav-open .subment .subtitle {

    font-size: 16px !important;

    margin-bottom: 10px !important;

    width: 100%;

    opacity: 0;

    -webkit-transform: scale(1.2) translateY(-24px);

        -ms-transform: scale(1.2) translateY(-24px);

            transform: scale(1.2) translateY(-24px);

    -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;

    transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;

    -o-transition: opacity 0.25s ease-out, transform 0.25s ease-out;

    transition: opacity 0.25s ease-out, transform 0.25s ease-out;

    transition: opacity 0.25s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }

  .global-header-nav-open .subment ul a {

    font-size: 14px !important;

    padding-left: 15px !important; }

  .header-panel-content .subment {

    position: absolute;

    background-color: #fff;

    height: 100vh;

    top: 0;

    width: 100%;

    overflow: auto;

    padding: 65px 0 25px !important; }

    .header-panel-content .subment .row {

      padding-left: 0 !important; }

  .subment ul {

    overflow: hidden; }

  .subment li {

    opacity: 0;

    -webkit-transform: translateX(24px);

        -ms-transform: translateX(24px);

            transform: translateX(24px);

    -webkit-transition: opacity 0.25s ease-in, -webkit-transform 0.25s ease-in;

    transition: opacity 0.25s ease-in, -webkit-transform 0.25s ease-in;

    -o-transition: opacity 0.25s ease-in, transform 0.25s ease-in;

    transition: opacity 0.25s ease-in, transform 0.25s ease-in;

    transition: opacity 0.25s ease-in, transform 0.25s ease-in, -webkit-transform 0.25s ease-in; }

  .subment-open .subment li {

    opacity: 1 !important;

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important; }

  .global-header-nav-item .icon-toggle {

    position: absolute;

    right: 0;

    height: 100%;

    top: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 0 10px;

    z-index: 20;

    height: 48px; } }

@media (max-width: 321px) {

  .global-header-nav-logo {

    display: none; } }

/* custom */

.global-header-nav-item {

  position: relative; }

.global-header-nav-item .dropdown-switcher {

    position: absolute;

    right: 0;

    height: 48px;

    width: 48px;

    line-height: 48px;

    top: 0;

    text-align: center; }

.global-header-nav-item .dropdown-switcher .iconfont {

      font-size: 20px;

      color: inherit; }

.dropdown-menu {

  background: #f3f6f8; }

.dropdown-menu > li {

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1; }

.dropdown-menu .title {

    background: #fff;

    padding: 0 31px; }

.dropdown-menu .box ul {

    padding: 13.5px 0; }

.dropdown-menu .box li a {

    display: block;

    padding: 0 31px; }

.dropdown-menu .box img {

    width: 24px;

    height: 24px;

    display: inline-block;

    margin-right: 10px; }

@media (min-width: 1024px) {

  .global-header-nav-list {

    margin-left: 60px;

    margin-top: auto; }

  .global-header-nav-item {

    overflow: hidden;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    padding: 20px 15px !important; }

    .global-header-nav-item:last-child {

      padding-right: 0 !important; }

    .global-header-nav-item > a:after {

      background: #e00012; }

  /* 修改 */

  .global-header-content, .global-header, .global-header-nav {

    background: #fff; }

  .global-header {

    -webkit-box-shadow: none;

            box-shadow: none; }

  .global-header-nav-list {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .global-header-nav-icon-item {

    color: #2b2e2e; } }

.swiper-container {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {

  float: left; }

.swiper-container-vertical > .swiper-wrapper {

  -webkit-box-orient: vertical;

  -ms-flex-direction: column;

  flex-direction: column; }

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  -o-transition-property: -o-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-box-sizing: content-box;

  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto; }

.swiper-slide {

  -webkit-flex-shrink: 0;

  -ms-flex: 0 0 auto;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {

  height: auto; }

.swiper-container-autoheight .swiper-wrapper {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-transition-property: -webkit-transform, height;

  -o-transition-property: -o-transform;

  -webkit-transition-property: height, -webkit-transform;

  transition-property: height, -webkit-transform;

  -o-transition-property: transform, height;

  transition-property: transform, height;

  transition-property: transform, height, -webkit-transform; }

.swiper-container .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000; }

.swiper-wp8-horizontal {

  -ms-touch-action: pan-y;

  touch-action: pan-y; }

.swiper-wp8-vertical {

  -ms-touch-action: pan-x;

  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {

  position: absolute;

  top: 50%;

  width: 27PX;

  height: 44PX;

  margin-top: -22PX;

  z-index: 10;

  cursor: pointer;

  background-size: 27PX 44PX;

  background-position: center;

  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

  opacity: .35;

  cursor: auto;

  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

  left: 10PX;

  right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

  right: 10PX;

  left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {

  position: absolute;

  text-align: center;

  -webkit-transition: .3s;

  -o-transition: .3s;

  transition: .3s;

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 10;

  font-size: 0;

  padding: 0 0.5rem; }

.swiper-pagination.swiper-pagination-hidden {

  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 24PX;

  left: 0;

  width: 100%; }

.swiper-pagination-bullet {

  width: 15PX;

  height: 15PX;

  display: inline-block;

  background: #000000;

  border-radius: 16PX;

  position: relative;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  border: 2PX solid #fff; 

  opacity: .3;

  }

.swiper-pagination-bullet.swiper-pagination-bullet-active {

    opacity: 1;

    background-color: #e00012; }

button.swiper-pagination-bullet {

  border: none;

  margin: 0;

  padding: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -webkit-appearance: none;

  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {

  background: #fff; }

.swiper-pagination-white .swiper-pagination-bullet-active {

  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {

  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {

  right: 10PX;

  top: 50%;

  -webkit-transform: translate3d(0, -50%, 0);

  -ms-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 5PX 0;

  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5PX; }

.swiper-pagination-progress {

  background: rgba(0, 0, 0, 0.25);

  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {

  background: #007aff;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {

  width: 100%;

  height: 4PX;

  left: 0;

  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {

  width: 4PX;

  height: 100%;

  left: 0;

  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {

  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

  background: #000; }

.swiper-container-3d {

  -webkit-perspective: 1200PX;

  -o-perspective: 1200PX;

  perspective: 1200PX; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {

  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {

  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {

  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {

  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {

  -ms-perspective: 1200PX; }

.swiper-container-cube, .swiper-container-flip {

  overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {

  pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {

  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }

.swiper-container-cube .swiper-slide {

  visibility: hidden;

  -webkit-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  transform-origin: 0 0;

  width: 100%;

  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {

  pointer-events: auto;

  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: .6;

  -webkit-filter: blur(50PX);

  filter: blur(50PX);

  z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {

  pointer-events: none;

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {

  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto; }

.swiper-zoom-container {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {

  max-width: 100%;

  max-height: 100%;

  -o-object-fit: contain;

     object-fit: contain; }

.swiper-scrollbar {

  border-radius: 10PX;

  position: relative;

  -ms-touch-action: none;

  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {

  position: absolute;

  left: 1%;

  bottom: 3PX;

  z-index: 50;

  height: 5PX;

  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {

  position: absolute;

  right: 3PX;

  top: 1%;

  z-index: 50;

  width: 5PX;

  height: 98%; }

.swiper-scrollbar-drag {

  height: 100%;

  width: 100%;

  position: relative;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10PX;

  left: 0;

  top: 0; }

.swiper-scrollbar-cursor-drag {

  cursor: move; }

.swiper-lazy-preloader {

  width: 42PX;

  height: 42PX;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -21PX;

  margin-top: -21PX;

  z-index: 10;

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

      transform-origin: 50%;

  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

  background-position: 50%;

  background-size: 100%;

  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {

  100% {

    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }

@font-face {

  font-family: 'iconfont';

  /* project id 1916882 */

  src: url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.eot");

  src: url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.woff2") format("woff2"), url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.woff") format("woff"), url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.ttf") format("truetype"), url("//at.alicdn.com/t/font_1916882_1pvpi34rjns.svg#iconfont") format("svg"); }

.global-header-content {

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }

/*  */

.icon-top:before {

  content: "\e603"; }

.icon-phone:before {

  content: "\e6b0"; }

.icon-switchor:before {

  content: "\e600"; }

.icon-search:before {

  content: "\e602"; }

.icon-close:before {

  content: "\e601"; }

body, html {

  background: #fff; }

.icon {

  line-height: 1; }

table {

  width: 100%; }

table th {

    text-align: left; }

table th, table td {

    padding: 10px; }

select {

  -webkit-appearance: none; }

.flex-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

.align-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

.flex-item {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }

.flex-auto {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto; }

.load-hidden {

  visibility: hidden; }

.rela {

  position: relative; }

.abso {

  position: absolute; }

.lazyload {

  width: 100%;

  height: auto;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transition: -webkit-transform 700ms;

  transition: -webkit-transform 700ms;

  -o-transition: transform 700ms;

  transition: transform 700ms;

  transition: transform 700ms, -webkit-transform 700ms;

  -webkit-filter: 300ms;

          filter: 300ms;

  -webkit-filter: blur(5px);

          filter: blur(5px);

  background: #ccc; }

.lazyloaded {

  -webkit-filter: blur(0);

          filter: blur(0); }

.isword_box .slick-dots > li {

  background: #ff7f7f;

  border-radius: 50%; }

.isword_box .slick-dots > li.slick-active {

    background: #ff1a61; }

img {

  -o-object-fit: cover;

     object-fit: cover; }

.image {

  overflow: hidden; }

.image img {

    -webkit-transition: -webkit-transform 0.45s ease;

    transition: -webkit-transform 0.45s ease;

    -o-transition: transform 0.45s ease;

    transition: transform 0.45s ease;

    transition: transform 0.45s ease, -webkit-transform 0.45s ease; }

.scroll {

  overflow: auto; }

.slick-slide {

  outline: none; }

.f30 {

  font-size: 30px; }

h6 {

  font-size: 16px; }

.c42495a {

  color: #42495a; }

.en {

  font-size: 18px; }

.breadcrumb-wrapper {

  background: transparent;

  font-size: 14px;

  color: #2a2e2e;

  line-height: 50px;

  height: 50px; }

.breadcrumb-wrapper .breadcrumb {

    background-color: inherit;

    color: #999; }

.breadcrumb-wrapper .breadcrumb .active a {

      color: #333; }

.breadcrumb-wrapper .breadcrumb li:before {

      color: inherit; }

.breadcrumb-wrapper .breadcrumb a {

      color: inherit; }

.breadcrumb-wrapper .nav-bar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

.breadcrumb-wrapper .nav-bar li {

      padding: 0 30px;

      -webkit-box-sizing: border-box;

              box-sizing: border-box;

      height: 50px; }

.breadcrumb-wrapper .nav-bar li a {

        display: inline-block;

        border-bottom: 2px solid transparent;

        height: 50px;

        white-space: nowrap; }

.breadcrumb-wrapper .nav-bar li:first-child {

        padding-left: 0; }

.breadcrumb-wrapper .nav-bar li:last-child {

        padding-right: 0; }

.breadcrumb-wrapper .nav-bar li.active a {

        border-color: #004f9d; }

.breadcrumb {

  display: inline-block;

  padding: 0;

  margin: 0; }

.maxwidth {

  max-width: 1574px; }

.img-responsive {

  -o-object-fit: cover;

     object-fit: cover; }

html {

  line-height: 1.24; }

.padding-content {

  padding: 0 0 30px; }

.nav-header {

  padding: 20px 0; }

.title-v2 {

  font-size: 16px;

  margin-bottom: 15px; }

.edit {

  line-height: 200%; }

.bg-gray {

  background: #f2f3f5; }

.bg-white {

  background: #fff; }

.slick-dotted .slick-dots {

  font-size: 0; }

.slick-dotted .slick-dots button {

    background: #fff;

    width: 10px;

    height: 10px; }

.slick-dotted .slick-dots .slick-active button {

    background: #e00012; }

.footer {

  background: #000;

  color: #fff; }

.footer a {

    color: inherit; }

.footer .top {

    padding: 15px 0 0;

    border-bottom: 1px solid #fff;

    margin-bottom: 15px; }

.footer .top .flex-box {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column; }

.footer .top .logo {

      display: block; }

.footer .top .logo img {

        width: 130px;

        height: auto;

        display: block; }

.footer .top ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

      padding: 15px 0; }

.footer .top ul li {

        position: relative;

        -webkit-box-flex: 0;

            -ms-flex: 0 0 25%;

                flex: 0 0 25%;

        width: 25%;

        padding: 5px 0;

        text-align: center; }

.footer .top ul li a:hover {

          text-decoration: underline; }

.footer .bottom .flex-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start; }

.footer .bottom .flex-box .title {

      font-size: 16px;

      margin-bottom: 10px; }

.footer .bottom .flex-box ul {

      font-size: 14px; }

.footer .bottom .flex-box ul li {

        line-height: 24px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex; }

.footer .bottom .flex-box ul li span:first-child {

          min-width: 50px; }

.footer .bottom .flex-box ul li .span:last-child {

          -webkit-box-flex: 1;

              -ms-flex: 1;

                  flex: 1;

          padding: 5px 0; }

.footer .bottom .flex-box .fl {

      margin-bottom: 15px; }

.footer .bottom .flex-box .fr img {

      max-width: 170px;

      height: auto;

      display: block;

      margin: 0 auto; }

.footer .bottom .flex-box .fr .text {

      padding: 5px 0 0; }

.footer .friend-link {

    position: relative;

    border-top: dashed 1px #727793;

    padding-top: 15px; }

.footer .friend-link .fl {

      white-space: nowrap;

      line-height: 24px; }

.footer .friend-link .fr ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap; }

.footer .friend-link .fr ul li {

        padding: 0 5px;

        line-height: 24px;

        white-space: nowrap; }

.footer .tip {

    padding: 15px 0 0;

    font-size: 12px;

    border-top: 1px solid #fff;

    margin-top: 15px;

    text-align: center; }

.footer .tip .flex-box {

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

.footer .tip a:last-of-type {

      display: block;

      margin: 10px -15px 0;

      padding: 5px 0; }

.footer .tip img {

      display: block;

      line-height: 1;

      margin: 0 auto; }

.section-bottom {

  padding: 30px 0;

  border-top: 1px solid #e5e5e5; }

.section-bottom .row {

    margin: 0 -30px; }

.section-bottom .flex-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

.section-bottom .flex-item + .flex-item {

    margin-top: 15px; }

.section-bottom .flex-item a:hover img {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1); }

.section-bottom .title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 20px; }

.section-bottom .title span {

      position: relative; }

.section-bottom .title span:after {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        height: 2px;

        background: #e00010;

        bottom: -5px; }

.section-bottom .item .con {

    overflow: hidden;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    color: #000000;

    margin-top: 14px; }

.section-newPro {

  padding: 30px 0;

  border-top: 1px solid #e5e5e5; }

.section-newPro h2 {

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 15px; }

.section-newPro .flex-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

.section-newPro .item:hover .con {

    background: #e11120; }

.section-newPro .item:hover img {

    -webkit-transform: translateY(-50%) scale(1.1) !important;

        -ms-transform: translateY(-50%) scale(1.1) !important;

            transform: translateY(-50%) scale(1.1) !important; }

.section-newPro .flex-item + .flex-item {

    margin-top: 15px; }

.section-newPro .flex-item .image {

    font-size: 0;

    border: 1px solid #f0f0f0;

    border-bottom: none; }

.section-newPro .flex-item .image img {

      display: block;

      margin: 0 auto;

      max-width: 80%; }

.section-newPro .flex-item .con {

    text-align: center;

    background: #797979;

    line-height: 40px;

    font-size: 14px;

    overflow: hidden;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s; }

.section-pro {

  padding: 30px 0; }

.section-pro h2 {

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 15px; }

.section-pro .flex-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

.section-pro .flex-box .flex-item {

      position: relative; }

.section-pro .flex-box .flex-item + .flex-item {

        margin-top: 15px; }

.section-pro .item {

    background: #e4e4e4;

    display: block;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s; }

.section-pro .item:hover img {

      -webkit-transform: translateY(-50%) scale(1.1) !important;

          -ms-transform: translateY(-50%) scale(1.1) !important;

              transform: translateY(-50%) scale(1.1) !important; }

.section-pro .item:hover .con {

      color: #fff;

      background: #e11120; }

.section-pro .item .con {

      font-size: 16px;

      font-weight: 700;

      color: #0d2141;

      text-align: center;

      overflow: hidden;

      -o-text-overflow: ellipsis;

         text-overflow: ellipsis;

      white-space: nowrap;

      padding: 10px;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s; }

.section-pro .image img {

    display: block;

    max-width: 80%;

    margin: 0 auto; }

.section-search {

  background: #c4c4c4;

  padding: 15px 0; }

.section-search .bar {

    position: relative;

    max-width: 460px;

    background: #fff;

    border-radius: 8px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 auto;

    overflow: hidden; }

.section-search .bar .form-control {

      background: #fff;

      height: 40px;

      border: none; }

.section-search .bar .btn {

      width: 40px;

      height: 40px;

      background: #fff;

      line-height: 40px;

      text-align: center;

      padding: 0; }

.section-search .bar .btn:active {

        background: #e6e6e6; }

.phone-cell {

  position: absolute;

  right: 15px;

  top: 0;

  color: #333;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  top: 18px;

  display: none; }

.phone-cell .iconfont {

    color: #e00012; }

.phone-cell span {

    padding: 0 5px; }

.phone-cell span:last-child {

    font-size: 20px;

    color: #e00012;

    padding-right: 0 !important; }

.top-nav-sheet-wrapper {

  position: absolute;

  z-index: 10;

  width: 100%;

  height: 100vh;

  -webkit-transition: all 0.45s ease;

  -o-transition: all 0.45s ease;

  transition: all 0.45s ease;

  top: 0;

  -webkit-transform: translateY(100%);

      -ms-transform: translateY(100%);

          transform: translateY(100%);

  opacity: 0; }

.top-nav-sheet-wrapper section {

    background: #dbdbdb;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    overflow: hidden; }

.top-nav-sheet-wrapper .content {

    max-height: calc(100vh - 48px);

    overflow-y: auto;

    overflow-x: hidden; }

.top-nav-sheet-wrapper .content .inner {

      max-width: 1410px;

      margin: 0 auto; }

.top-nav-sheet-wrapper .content .item {

      display: block;

      padding: 15px 0;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s; }

.top-nav-sheet-wrapper .content .item .con {

        text-align: center;

        font-size: 14px;

        padding: 5px 10px;

        overflow: hidden;

        -o-text-overflow: ellipsis;

           text-overflow: ellipsis;

        white-space: nowrap; }

.top-nav-sheet-wrapper .content .flex-box {

      -ms-flex-wrap: wrap;

          flex-wrap: wrap; }

.top-nav-sheet-wrapper .content .flex-item {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 50%;

              flex: 0 0 50%;

      max-width: 50%;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s; }

.top-nav-sheet-wrapper .con1 .item img {

    display: block;

    margin: 0 auto;

    width: 110px;

    height: 110px; }

	

	



.top-nav-sheet-wrapper02 {

  position: absolute;

  z-index: 10;

  width: 100%;

  height: 100vh;

  -webkit-transition: all 0.45s ease;

  -o-transition: all 0.45s ease;

  transition: all 0.45s ease;

  top: 0;

  -webkit-transform: translateY(100%);

      -ms-transform: translateY(100%);

          transform: translateY(100%);

  opacity: 0; }

.top-nav-sheet-wrapper02 section {

    background: #dbdbdb;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    overflow: hidden; }

.top-nav-sheet-wrapper02 .content {

    max-height: calc(100vh - 48px);

    overflow-y: auto;

    overflow-x: hidden; }

.top-nav-sheet-wrapper02 .content .inner {

      max-width: 1410px;

      margin: 0 auto; }

.top-nav-sheet-wrapper02 .content .item {

      display: block;

      padding: 15px 0;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s; }

.top-nav-sheet-wrapper02 .content .item .con {

        text-align: center;

        font-size: 14px;

        padding: 5px 10px;

        overflow: hidden;

        -o-text-overflow: ellipsis;

           text-overflow: ellipsis;

        white-space: nowrap; }

.top-nav-sheet-wrapper02 .content .flex-box {

      -ms-flex-wrap: wrap;

          flex-wrap: wrap; }

.top-nav-sheet-wrapper02 .content .flex-item {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 50%;

              flex: 0 0 50%;

      max-width: 50%;

      -webkit-transition: all 0.3s;

      -o-transition: all 0.3s;

      transition: all 0.3s; }

.top-nav-sheet-wrapper02 .con1 .item img {

    display: block;

    margin: 0 auto;

    width: 110px;

    height: 110px; }	

	

	

	

	

	

	

	

.pc-logo {

  line-height: 100px; }

.i-switchor {

  position: absolute !important;

  right: 0;

  z-index: 10;

  top: 0;

  bottom: 0; }

.nav-mobile-open .top-nav-sheet-wrapper {

  -webkit-transform: translateY(0%);

      -ms-transform: translateY(0%);

          transform: translateY(0%);

  opacity: 1; }

  

/*

.nav-mobile-open .top-nav-sheet-wrapper02 {

  -webkit-transform: translateY(0%);

      -ms-transform: translateY(0%);

          transform: translateY(0%);

  opacity: 1; }  

*/  

  

  

.icon-close-mobile {

  width: 48px;

  height: 48px;

  padding: 0 15px;

  display: inline-block;

  line-height: 48px; }

.icon-close-mobile .iconfont {

    font-size: 14px; }

.to-top {

  position: fixed;

  right: 10px;

  bottom: 10vh;

  padding: 10px;

  color: #fff;

  background: #0d2141;

  font-size: 14px;

  display: none;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  cursor: pointer; }

.to-top .icon .iconfont {

    font-size: 12px; }

.to-top.show {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

.to-top:hover {

    background: #e00012; }

.list-inline {

  padding-left: 0;

  margin-left: -5px;

  list-style: none; }

.list-inline > li {

    display: inline-block;

    padding-right: 5px;

    padding-left: 5px; }

.global-header-nav-mobile {

  position: absolute;

  right: 0;

  right: 15px;

  color: #e00012;

  -webkit-transition: -webkit-transform 0.15s linear 0.4s;

  transition: -webkit-transform 0.15s linear 0.4s;

  -o-transition: transform 0.15s linear 0.4s;

  transition: transform 0.15s linear 0.4s;

  transition: transform 0.15s linear 0.4s, -webkit-transform 0.15s linear 0.4s;

  display: none; }

.global-header-nav-open .global-header-nav-mobile {

  -webkit-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

          transform: translateY(-100%); }

@media (min-width: 1024px) {

  .section-search {

    padding: 15px 0; }

  .phone-cell {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  .top-nav-sheet-wrapper {

    height: auto;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    top: initial;

    opacity: 1;

    top: 100px; }

    .top-nav-sheet-wrapper .icon-close-mobile {

      display: none; }

    .top-nav-sheet-wrapper section {

      position: static;

      display: none; }

    .top-nav-sheet-wrapper .inner {

      height: 205px; }

    .top-nav-sheet-wrapper .content .flex-box {

      height: 100%; }

      .top-nav-sheet-wrapper .content .flex-box .flex-item {

        -webkit-box-flex: 1;

            -ms-flex: 1;

                flex: 1;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        border-bottom: 2px solid transparent;

        border-right: 1px solid #e5e5e5; }

        .top-nav-sheet-wrapper .content .flex-box .flex-item:last-child {

          border-right: none; }

        .top-nav-sheet-wrapper .content .flex-box .flex-item:hover {

          border-bottom-color: #e00012;

          background-color: #e6e6e6; }

          .top-nav-sheet-wrapper .content .flex-box .flex-item:hover .con {

            color: #e00012; }

    .top-nav-sheet-wrapper .content .item .con {

      padding: 15px 10px; }

	  

	  

	  

	  

	  

	  .top-nav-sheet-wrapper02 {

    height: auto;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    top: initial;

    opacity: 1;

    top: 100px; }

    .top-nav-sheet-wrapper02 .icon-close-mobile {

      display: none; }

    .top-nav-sheet-wrapper02 section {

      position: static;

      display: none; }

    .top-nav-sheet-wrapper02 .inner {

      height: 205px; }

    .top-nav-sheet-wrapper02 .content .flex-box {

      height: 100%; }

      .top-nav-sheet-wrapper02 .content .flex-box .flex-item {

        -webkit-box-flex: 1;

            -ms-flex: 1;

                flex: 1;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        border-bottom: 2px solid transparent;

        border-right: 1px solid #e5e5e5; }

        .top-nav-sheet-wrapper02 .content .flex-box .flex-item:last-child {

          border-right: none; }

        .top-nav-sheet-wrapper02 .content .flex-box .flex-item:hover {

          border-bottom-color: #e00012;

          background-color: #e6e6e6; }

          .top-nav-sheet-wrapper02 .content .flex-box .flex-item:hover .con {

            color: #e00012; }

    .top-nav-sheet-wrapper02 .content .item .con {

      padding: 15px 10px; }

	  

	  

	  

	  

	  

	  

	  

	  

	  

  .i-switchor {

    display: none !important; }

  .section-pro {

    padding: 60px 0 50px; }

    .section-pro h2 {

      font-size: 32px;

      margin-bottom: 40px; }

    .section-pro .image {

      position: relative;

      padding-bottom: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

      .section-pro .image img {

        position: absolute;

        top: 50%;

        left: 0;

        right: 0;

        -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

                transform: translateY(-50%);

        margin: 0 auto;

        max-width: 80%; }

    .section-pro .flex-box {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

          -ms-flex-direction: row;

              flex-direction: row;

      margin: 0 -15px; }

      .section-pro .flex-box .flex-item {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 25%;

                flex: 0 0 25%;

        width: 25%;

        max-width: 25%;

        padding: 0 15px; }

        .section-pro .flex-box .flex-item + .flex-item {

          margin-top: 0; }

  .section-newPro {

    padding: 60px 0 85px; }

    .section-newPro h2 {

      font-size: 32px;

      margin-bottom: 40px; }

    .section-newPro .flex-box {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

          -ms-flex-direction: row;

              flex-direction: row;

      margin: 0 -7.5px; }

      .section-newPro .flex-box .flex-item {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 25%;

                flex: 0 0 25%;

        width: 25%;

        max-width: 25%;

        padding: 0 7.5px; }

        .section-newPro .flex-box .flex-item .image {

          position: relative;

          padding-bottom: 100%;

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex; }

          .section-newPro .flex-box .flex-item .image img {

            position: absolute;

            left: 0;

            right: 0;

            top: 50%;

            -webkit-transform: translateY(-50%);

                -ms-transform: translateY(-50%);

                    transform: translateY(-50%);

            max-width: 80%;

            margin: auto; 

			max-width:100%;

			

			}

        .section-newPro .flex-box .flex-item + .flex-item {

          margin-top: 0; }

  .section-bottom {

    padding: 50px 0; }

    .section-bottom .flex-box {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

          -ms-flex-direction: row;

              flex-direction: row;

      margin: 0 -15px; }

    .section-bottom .flex-item {

      margin: 0 !important;

      padding: 0 15px; }

      .section-bottom .flex-item img {

        height: 270px; }

    .section-bottom .title {

      font-size: 24px;

      margin-bottom: 30px; }

    .section-bottom .item .con {

      font-size: 18px; }

  .footer .top {

    padding: 0;

    border-bottom: 1px solid #fff;

    padding: 14px 0;

    margin-bottom: 30px; }

    .footer .top .flex-box {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

          -ms-flex-direction: row;

              flex-direction: row;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

    .footer .top .logo {

      margin-right: 60px; }

    .footer .top ul {

      padding: 0;

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1; }

      .footer .top ul li {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 auto;

                flex: 0 0 auto;

        width: auto;

        padding: 0 15px;

        margin-right: 10px;

        text-align: left; }

        .footer .top ul li::before {

          content: "";

          position: absolute;

          border-width: 5px;

          border-style: solid;

          border-color: transparent transparent transparent #fff;

          left: 0;

          top: 50%;

          -webkit-transform: translateY(-50%);

              -ms-transform: translateY(-50%);

                  transform: translateY(-50%); }

  .footer .bottom .flex-box {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row; }

    .footer .bottom .flex-box .fl {

      margin-bottom: 0; }

    .footer .bottom .flex-box .fr {

      margin-left: auto; }

  .footer .bottom .title {

    font-size: 18px; }

  .footer .friend-link {

    margin-top: 21px; }

    .footer .friend-link .fl {

      line-height: 30px; }

    .footer .friend-link .fr ul {

      margin: 0 -8px; }

      .footer .friend-link .fr ul li {

        line-height: 30px;

        padding: 0 8px; }

    .footer .friend-link .fr a:hover {

      text-decoration: underline; }

  .footer .tip {

    font-size: 14px;

    padding: 14px 0;

    margin-top: 15px; }



    .footer .tip a:last-of-type {

      display: inline-block;

      background: transparent;

      margin: 0 0 0 5px; } }

@media (min-width: 0px) and (max-width: 1024px) {

  .section-pro .flex-box, .section-newPro .flex-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    margin: -10px; }

    .section-pro .flex-box .image, .section-newPro .flex-box .image {

      position: relative;

      padding-bottom: 100%; }

      .section-pro .flex-box .image img, .section-newPro .flex-box .image img {

        position: absolute;

        top: 50%;

        left: 0;

        right: 0;

        -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

                transform: translateY(-50%);

        margin: 0 auto;

        max-width: 80%;

		max-width:90%;

		 }

    .section-pro .flex-box .flex-item, .section-newPro .flex-box .flex-item {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 50%;

              flex: 0 0 50%;

      max-width: 50%;

      padding: 10px; }

      .section-pro .flex-box .flex-item + .flex-item, .section-newPro .flex-box .flex-item + .flex-item {

        margin-top: 0; } }

@media (max-width: 768px) {

  .to-top {

    display: none !important; }

  .swiper-pagination {

    display: none !important; }

  .global-header-nav-mobile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    height: 80px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

    .global-header-nav-mobile a {

      display: block;

      padding: 5px 0; }

    .global-header-nav-mobile .lang {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end; }

      .global-header-nav-mobile .lang img {

        margin-right: 5px; } 
		
		
		
		
		.section-search .ddhaa{ display:none;}
		
		
		
		
		}