@charset "utf-8";

@media screen and (max-width: 1880px) {}

@media screen and (max-width: 1520px) {}

@media screen and (max-width: 1366px) {}

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

  /* 68px 3.542vw */
  .pr_w .intr h1,
  .pr_b .intr h1 {
    font-size: 40px;
  }

  /* 56px 2.917vw */
  .su1 .ev b {
    font-size: 36px;
  }

  /* 40px 2.083vw */
  .ho3 .txt h1 {
    font-size: 26px;
  }

  /* 36px 1.875vw */
  .tit_b h1,
  .ho0 .intr h1,
  .ho4 .intr h1,
  .banner .intr h1,
  .ab0 .intr h1,
  .ab1 .intr h1,
  .ab2 .intr h1,
  .ab3 .intr h1,
  .bl0 .intr h1,
  .bl1 .title h1,
  .pr1 .intr h1,
  .pr9 .intr h1,
  .su0 .intr h1,
  .su3 .intr h1 {
    font-size: 24px;
  }

  /* 30px 1.563vw */
  .Pop-video .close i {
    font-size: 22px;
  }

  /* 28px 1.458vw */
  .ho1 .intr h2,
  .select .place span,
  .select .place i,
  .select .sub .pk,
  .pr0 .col_r h2,
  .pr2 .col h2,
  .sticky .intr h2,
  .su0 .intr h2,
  .su2 .intr h2,
  .so0 .word h2,
  .co0 .txt h2 {
    font-size: 18px;
  }

  /* 26px 1.354vw */
  /* 25px 1.302vw */
  .more_w .icon i,
  .more_b .icon i,
  .pagelist a>i,
  .s_btn2 i {
    font-size: 20px;
  }

  /* 24px 1.25vw */
  header .gon i,
  header .language i {
    font-size: 20px;
  }

  /* 20px 1.042vw */
  .fa0 .type h5,
  .pr1 .count_b h5,
  .co0 .crat_tit span,
  .pr1 .addinp button,
  .pr1 .addinp span {
    font-size: 18px;
  }

  /* 18px 0.938vw */
  .s_btn i,
  .pr0 .check_d h6,
  .pr2 .sub span {
    font-size: 16px;
  }

  /* 16px 0.833vw */
  .footA .btn span,
  .more_w span,
  .more_b span,
  .s_txt span,
  header .link>a,
  header .downDown .linkd>a,
  header .language .down>a,
  header .search i,
  .find span,
  .ho2 .intr p,
  .ho3 .txt p,
  .ho3 .intr p,
  .ho4 .intr p,
  .footA h6,
  .footA p,
  .footB p,
  .footB span,
  .banner .intr h6,
  .ab0 .intr p,
  .ab1 .intr h6,
  .ab1 .intr p,
  .ab2 .intr p,
  .ab2 .txt h6,
  .ab2 .txt span,
  .ab2 .txt p,
  .ab3 .intr p,
  .ab3 .intr h6,
  .ab3 li,
  .bl0 .intr .date,
  .pagelist a>span,
  .bl0 .play i,
  .bl1 .title .date,
  .bl1 .editor p,
  .listpage>a p,
  .pr0 .radio p,
  .pr0 .intr h6,
  .pr0 .intr p,
  .pr0 .norm p,
  .pr1 .intr p,
  .pr2 table tr td,
  .pr3 .intr h6,
  .pr3 .intr p,
  .pr3 .norm p,
  .pr_w .intr p,
  .pr_b .intr p,
  .sticky .sub span,
  .su0 .intr p,
  .su0 .intr h6,
  .su1 .ev h6,
  .su1 .ev p,
  .su2 .intr p,
  .su3 .intr p,
  .fa0 .details p,
  .so0 .sub span,
  .so0 .w_search i,
  .so0 .ev span,
  .so0 .ev i,
  .pr2 .ev span,
  .pr2 .ev i,
  .co0 .icon p,
  .co0 .label h6,
  .co0 .f_btn span,
  .pr1 .cart span,
  .su3 .swiper-pagination-bullet span,
  .co0 .pro_intr p,
  .co0 .value span,
  .co0 .close i {
    font-size: 14px;
  }

  /* 14px 0.729vw */
  .tit_b p,
  header .gon span,
  .ho0 .intr p,
  .ho4 .btn span,
  .nav a,
  .co0 .label p,
  .ho2 .txt p,
  .errtips {
    font-size: 12px;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 12px;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    font-size: 12px;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-size: 12px;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    font-size: 12px;
  }

  header {
    height: 60px;
  }

  body.type .nav {
    margin: 60px 0 0;
  }

  .sticky {
    height: 60px;
    top: 60px;
  }

  header .search {
    width: 150px;
    height: 30px;
  }

  .more_w .icon,
  .more_b .icon {
    width: 30px;
    height: 30px;
  }

  .more_w span,
  .more_b span {
    margin-right: 10px;
  }

  .find span {
    margin-left: 10px;
  }

  .pagelist a>i {
    width: 30px;
    height: 30px;
  }

  .s_btn,
  .s_btn2 {
    width: 35px;
    height: 35px;
  }

  .ho2 .swiper-slide {
    width: 300px !important;
  }

  .ho4 .form .input {
    height: 35px;
    margin: 0 0 15px 0;
  }

  .ho4 .btn {
    width: 110px;
    height: 35px;
  }

  .footA .form {
    width: 250px;
  }

  .footA .input {
    width: calc(100% - 80px);
    height: 35px;
  }

  .footA .btn {
    width: 100px;
    height: 30px;
  }

  .footA .app {
    width: 35px;
    height: 35px;
    padding: 10px;
  }

  .footA .icon img,
  .co0 .icon img {
    margin: 3px 10px 0 0;
  }

  .ab3 li {
    padding-left: 15px;
  }

  .ab3 li::before {
    top: 5px;
    width: 8px;
    height: 8px;
  }

  .bl0 .play {
    width: 30px;
    height: 30px;
    bottom: 20px;
    left: 20px;
  }

  .select {
    width: 350px;
  }

  .select .place span {
    width: calc(100% - 30px);
  }

  .pr0 .radio .check {
    width: 14px;
    height: 14px;
  }

  .pr0 .radio .check::after {
    width: 8px;
    height: 8px;
  }

  .pr2 .sub {
    height: 45px;
  }

  .pr2 .col {
    width: 100%;
  }

  .so0 .sub {
    width: 19%;
    height: 45px;
  }

  .so0 .w_search {
    width: 200px;
    height: 30px;
  }

  .co0 .label {
    margin: 0 0 15px;
  }

  .co0 .label input {
    height: 35px;
  }

  .co0 .label textarea {
    height: 65px;
  }

  .co0 .f_btn {
    width: 150px;
    height: 35px;
  }

  .pr1 .addinp button {
    width: 35px;
    height: 35px;
  }

  .pr1 .addinp span {
    width: 80px;
    height: 35px;
    line-height: 35px;
  }

  .pr1 .cart {
    width: 150px;
    height: 35px;
  }

  .pr2 table tr td {
    height: 40px;
  }

  .Pop-video .close {
    top: -30px;
    right: -30px;
  }

  header .link a>i {
    margin-left: 10px;
  }

  header .logo img,
  .footB .f_logo img {
    width: 120px;
  }


  header .search,
  header .gon,
  footer .f_menu {
    display: none;
  }

  .pr0 .col {
    width: 48%;
  }

  .se0 .col {
    width: 32%;
  }

  .pr1 .col_l,
  .pr1 .col_r {
    width: 48%;
  }

  .pr1 .s_img {
    width: 100%;
  }

  .pr1 .prev {
    left: 0;
  }

  .pr1 .next {
    right: 0;
  }

  .ab2 .intr,
  .ab2 .txt_b {
    padding: 0 8.333vw;
  }

  footer .row {
    padding: 0 8.333vw;
  }

  .ho3 {
    padding: 16.667vw 8.333vw 6.25vw;
  }

  .ho4 {
    padding: 0 8.333vw;
  }

  .ab1 {
    padding: 8.854vw 8.333vw;
  }

  .bl1 {
    padding: 0 8.333vw 7.292vw;
  }

  .so0 {
    padding: 0 8.333vw 7.292vw;
  }

  .su3 .swiper-pagination-bullet span {
    display: none;
  }

  .su3 .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 45px 0 0 !important;
  }

  .su3 .swiper-pagination-bullet::before {
    width: 30px;
    height: 30px;
  }

  .su3 .swiper-pagination-bullet::after {
    height: 1px;
  }

  .su3 .swiper-pagination-bullet-active::after {
    width: 30px;
  }

  .ho0 .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 6px;
    margin: 0 5px !important;
  }

  .ho2 .txt {
    width: 200px;
    height: 30px;
    left: 10px;
    top: 10px;
  }

  .errtips {
    padding: 5px 10px;
  }
}

@media screen and (max-width: 991px) {
  header {
    background: #20355E;
  }

  .banner,
  .ho0 {
    margin: 60px 0 0;
  }

  header .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #20355E;
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
    padding: 80px 0 0;
    z-index: 90;
    transform: translateX(-100%);
    transition: all ease .5s;
  }

  header .menu.on {
    transform: translateX(0%);
  }

  header .link {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 0 5%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  header .downDown {
    position: static;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
    opacity: 1;
    width: 100%;
    padding: 10px 20px;
    margin: 20px 0 0;
    transition: none;
    display: none;
  }

  header .downDown2 {
    position: static;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
    opacity: 1;
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0 0;
    background: #20355E;
    transition: none;
    display: none;
  }

  header .link:hover .downDown {
    opacity: 1;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
  }
  header .downDown .linkd{
    margin: 10px 0;
  }
  header .downDown .linkd>a {
    text-align: left;
  }
  header .downDown2 .linkd>a{
    color: #ffffff;
  }
  .navbar-toggle {
    display: block;
    margin-left: 20px
  }

  header .downLink,
  header .link>a::after {
    display: none;
  }

  .ho0 .pro {
    width: 46.875vw;
  }

  .banner .intr,
  .ab2 .intr,
  .ab2 .txt_b,
  .pr9 .intr {
    padding: 0 5%;
  }

  .nav {
    padding: 1.563vw 5% 3.125vw;
  }

  .sticky {
    display: none;
  }

  .sticky .row {
    padding: 0 5%;
  }

  header .row {
    padding: 0 5%;
  }

  footer .row {
    padding: 0 5%;
  }

  .ho1 {
    padding: 6.25vw 5%;
  }

  .ho2 {
    padding: 0 0 6.25vw 5%;
  }

  .ho3 {
    padding: 16.667vw 5% 6.25vw;
  }

  .ho4 {
    padding: 0 5%;
  }

  .ab0 {
    padding: 0 5% 6.25vw;
  }

  .ab1 {
    padding: 8.854vw 5%;
  }

  .ab3 {
    padding: 6.25vw 5%;
  }

  .bl0 {
    padding: 0 5% 7.292vw;
  }

  .bl1 {
    padding: 0 5% 7.292vw;
  }

  .pr0 {
    padding: 0 5% 7.292vw;
  }

  .pr1 {
    padding: 0 5% 7.292vw;
  }

  .pr2 {
    padding: 6.25vw 5% 2.604vw;
  }

  .pr3 {
    padding: 7.292vw 5%;
  }

  .pr4 {
    padding: 0 5% 6.25vw;
  }

  .pr_b {
    padding: 7.292vw 5%;
  }

  .pr6,
  .pr8 {
    padding: 6.25vw 5%;
  }

  .su0 {
    padding: 0 5% 6.25vw;
  }

  .su2 {
    padding: 7.292vw 5%;
  }

  .su3 {
    padding: 7.292vw 0 7.292vw 5%;
  }

  .fa0 {
    padding: 0 5% 7.292vw;
  }

  .so0 {
    padding: 0 5% 7.292vw;
  }

  .co0 {
    padding: 0 5% 7.292vw;
  }



  .ho3 .box_l,
  .ho3 .box_r,
  .ho4 .box_l,
  .ho4 .box_r,
  .ab0 .pic,
  .ab0 .intr,
  .ab3 .intr,
  .ab3 .pic,
  .pr0 .col_l,
  .pr0 .col_r,
  .pr1 .col_l,
  .pr1 .col_r,
  .pr_w .intr,
  .pr_w .pic,
  .pr_b .pic,
  .pr_b .intr,
  .su0 .intr,
  .su0 .pic,
  .fa0 .intr,
  .co0 .col_l,
  .co0 .col_s,
  .co0 .col_r {
    width: 100%;
  }

  .ho3 .box_l,
  .ho4 .box_l,
  .ab0 .pic,
  .ab3 .intr,
  .pr0 .col_l,
  .pr1 .col_l,
  .pr_w .intr,
  .pr_b .pic,
  .su0 .intr,
  .co0 .col_l {
    margin: 0 0 20px;
  }

  .ho1 .col,
  .su2 .col,
  .pr0 .col,
  .se0 .col {
    width: 48%;
    margin: 0 0 20px;
  }

  .co0 .col_s {
    margin: 20px 0 0;
  }

  .bl0 .pic,
  .bl0 .intr {
    width: 48%;
  }

  .ab2 .txt_b {
    display: none;
  }

  .ab2 .intr {
    top: 50%;
    transform: translateY(-50%);
  }

  .pr0 .col_l {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #E7EDED;
    border-right: none;
  }

  .pr0 .check_d {
    width: 50%;
    padding: 10px 0 !important;
  }

  .pr0 .col_r {
    padding: 0;
  }

  .fa0 .pic {
    display: none;
  }

  .co0 .map #gdmap {
    height: 350px;
  }

  .Pop-video {
    width: 80%;
  }

  .su2 .intr p,
  .su3 .intr p {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .su3 .pic,
  .su3 .intr {
    width: 100%;
  }

  .su3 .swiper-slide {
    width: 300px !important;
  }

  .su3 .intr h1 {
    margin: 20px 0 10px;
  }

  .su3 .s_box {
    display: none;
  }

  .fa0 .type {
    padding: 25px 0;
  }

  .pr2 .sub {
    width: 32%;
    margin: 0 0 20px;
  }

  .select {
    left: 5%;
    right: auto;
  }
}

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

  /* 68px 3.542vw */
  .pr_w .intr h1,
  .pr_b .intr h1 {
    font-size: 30px;
  }

  /* 56px 2.917vw */
  .su1 .ev b {
    font-size: 24px;
  }

  /* 40px 2.083vw */
  .ho3 .txt h1 {
    font-size: 22px;
  }

  /* 36px 1.875vw */
  .tit_b h1,
  .ho0 .intr h1,
  .ho4 .intr h1,
  .banner .intr h1,
  .ab0 .intr h1,
  .ab1 .intr h1,
  .ab2 .intr h1,
  .ab3 .intr h1,
  .bl0 .intr h1,
  .bl1 .title h1,
  .pr1 .intr h1,
  .pr9 .intr h1,
  .su0 .intr h1,
  .su3 .intr h1 {
    font-size: 20px;
  }

  /* 30px 1.563vw */
  .Pop-video .close i {
    font-size: 18px;
  }

  /* 28px 1.458vw */
  .ho1 .intr h2,
  .select .place span,
  .select .place i,
  .select .sub .pk,
  .pr0 .col_r h2,
  .pr2 .col h2,
  .sticky .intr h2,
  .su0 .intr h2,
  .su2 .intr h2,
  .so0 .word h2,
  .co0 .txt h2 {
    font-size: 16px;
  }

  /* 26px 1.354vw */
  /* 25px 1.302vw */
  .more_w .icon i,
  .more_b .icon i,
  .pagelist a>i,
  .s_btn2 i {
    font-size: 18px;
  }

  /* 24px 1.25vw */
  header .gon i,
  header .language i {
    font-size: 18px;
  }

  /* 20px 1.042vw */
  .fa0 .type h5,
  .pr1 .count_b h5,
  .co0 .crat_tit span,
  .pr1 .addinp button,
  .pr1 .addinp span {
    font-size: 16px;
  }

  /* 18px 0.938vw */
  .s_btn i,
  .pr0 .check_d h6,
  .pr2 .sub span {
    font-size: 14px;
  }

  /* 16px 0.833vw */
  .footA .btn span,
  .more_w span,
  .more_b span,
  .s_txt span,
  header .link>a,
  header .downDown .linkd>a,
  header .language .down>a,
  header .search i,
  .find span,
  .ho2 .intr p,
  .ho3 .txt p,
  .ho3 .intr p,
  .ho4 .intr p,
  .footA h6,
  .footA p,
  .footB p,
  .footB span,
  .banner .intr h6,
  .ab0 .intr p,
  .ab1 .intr h6,
  .ab1 .intr p,
  .ab2 .intr p,
  .ab2 .txt h6,
  .ab2 .txt span,
  .ab2 .txt p,
  .ab3 .intr p,
  .ab3 .intr h6,
  .ab3 li,
  .bl0 .intr .date,
  .pagelist a>span,
  .bl0 .play i,
  .bl1 .title .date,
  .bl1 .editor p,
  .listpage>a p,
  .pr0 .radio p,
  .pr0 .intr h6,
  .pr0 .intr p,
  .pr0 .norm p,
  .pr1 .intr p,
  .pr2 table tr td,
  .pr3 .intr h6,
  .pr3 .intr p,
  .pr3 .norm p,
  .pr_w .intr p,
  .pr_b .intr p,
  .sticky .sub span,
  .su0 .intr p,
  .su0 .intr h6,
  .su1 .ev h6,
  .su1 .ev p,
  .su2 .intr p,
  .su3 .intr p,
  .fa0 .details p,
  .so0 .sub span,
  .so0 .w_search i,
  .so0 .ev span,
  .so0 .ev i,
  .pr2 .ev span,
  .pr2 .ev i,
  .co0 .icon p,
  .co0 .label h6,
  .co0 .f_btn span,
  .pr1 .cart span,
  .su3 .swiper-pagination-bullet span,
  .co0 .pro_intr p,
  .co0 .value span,
  .co0 .close i {
    font-size: 12px;
  }

  .ab3 li::before {
    top: 4px;
    width: 6px;
    height: 6px;
  }

  .banner .pic img {
    height: 300px;
    object-fit: cover;
  }

  .ab2 .pic img {
    height: 250px;
    object-fit: cover;
  }

  .footA .icon img,
  .co0 .icon img {
    margin: 2px 10px 0 0;
  }

  .footB .f_logo img {
    display: none;
  }

  footer .f_cont,
  footer .f_form,
  .footA .form {
    width: 100%;
  }

  footer .f_cont {
    margin: 0 0 20px;
  }

  footer .footA {
    padding: 20px 0 0;
  }

  .footB {
    padding: 20px 0;
  }

  .footA h6,
  .footA .icon,
  .co0 .txt h2,
  .co0 .icon {
    margin: 0 0 15px;
  }

  .footA .app {
    margin: 0 15px 0 0;
  }

  .nav {
    padding: 20px 5%;
  }

  .bl0 .pic,
  .bl0 .intr {
    width: 100%;
  }

  .bl0 .intr .date {
    margin: 20px 0 0;
  }

  .pagelist a>span {
    margin: 0 10px;
  }

  .pr0 .intr {
    padding: 20px;
  }

  .pr0 .radio p {
    margin-left: 10px;
  }

  .pr0 .check_d h6,
  .pr0 .radio,
  .pr0 .col_r h2,
  .pr2 .col h2 {
    margin: 0 0 15px;
  }

  .pr2 table tr td:first-child,
  .pr2 table tr td:last-child {
    width: 50%;
  }

  .su1 {
    padding: 7.292vw 5%;
  }

  .su1 .ev {
    width: 100%;
    margin: 20px 0;
  }

  .su2 .intr {
    padding: 20px;
  }

  .co0 .label {
    width: 100%;
  }

  .co0 .label h6,
  .co0 .label p {
    margin: 0 0 3px;
  }

  .co0 .f_btn {
    margin-right: 15px;
  }

  .so0 .sub {
    width: 32%;
    margin: 0 0 20px;
  }

  .so0 .w_search input {
    padding: 0 15px;
  }

  .so0 .w_search i {
    right: 15px;
  }

  .pr2 .sub {
    width: 48%;
  }

  .pr3 .intr {
    padding: 20px;
  }

  .ho1 .intr {
    padding: 20px;
  }

  .ho3 .intr {
    padding: 20px;
  }

  .ho2 .col::after {
    left: 20px;
    top: 20px;
  }

  .ho2 .intr p {
    padding-left: 30px;
  }

  .ho4 .form .input {
    padding: 0 15px;
  }

  header .language .down {
    padding: 5px 15px;
  }

  header .language .down>a {
    margin: 5px 0;
  }

  .ho2 .s_btn2 {
    margin-left: 15px;
  }

  .ho1 .row,
  .ho2 .row,
  .su2 .row,
  .su3 .row {
    margin: 20px 0 0;
  }

  .ho4 .row {
    padding-bottom: 20px;
  }

  .select {
    width: 300px;
  }

  .su3 .swiper-pagination {
    text-align: center;
  }

  .ho0 .swiper-pagination {
    display: none;
  }

  .ho2 .txt {
    padding: 0 15px;
  }

  .ho0 .pic img {
    height: 60vh;
    object-fit: cover;
  }

  .co0 .cart_list {
    margin: 0 0 15px;
  }

  .co0 .pro_col {
    margin: 0 0 10px;
  }

  .co0 .cart_fluid {
    height: auto;
    overflow: initial;
  }

  .pr1 .addinp {
    margin-left: 20px;
  }

  .pr1 .cart {
    margin: 20px 0 0;
  }
  .pr2 .ev:nth-child(1),
  .so0 .ev:nth-child(1) {
    width: 60%;
  }
  .pr2 .ev:nth-child(2),
  .so0 .ev:nth-child(2) {
    width: 35%;
  }
}

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

  .ho1 .col,
  .su2 .col,
  .pr0 .col,
  .se0 .col,
  .pr0 .check_d {
    width: 100%;
  }

  .so0 .sub {
    width: 48%;
  }

  .pr2 .sub {
    width: 100%;
  }
}