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



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



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

  .sol0 {

    padding: 6.25vw 8.333vw;

  }



  .ne0 {

    padding: 6.25vw 8.333vw;

  }



  .ne1 {

    padding: 6.25vw 8.333vw;

  }



  .jo0 {

    padding: 6.25vw 8.333vw;

  }



  .jo1 {

    padding: 6.25vw 8.333vw;

  }



  .jo2 {

    padding: 6.25vw 8.333vw 0;

  }



  .jo3 {

    padding: 6.25vw 8.333vw;

  }



  .single {

    padding: 6.25vw 8.333vw;

  }

}



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



  /* 106px 5.521vw */

  .jo2 .info span {

    font-size: 70px;

  }



  /* 84px 4.375vw */

  .ho3 .col span {

    font-size: 50px;

  }



  /* 48px 2.5vw */

  .ho0 .intr h1,

  .banner .intr h1 {

    font-size: 30px;

  }



  /* 40px 2.083vw */

  .tit_b h2,

  .ho2 .intr h2,

  .ho2 .txt h2,

  .sol0 .editor h2,

  .banner .tag em,

  .sof0 .intr h2,

  .de0 .intr h2,

  .jo0 .intr h2,

  .se0 h1 {

    font-size: 24px;

  }



  /* 36px 1.875vw */

  .ho2 .intr .tag {

    font-size: 22px;

  }



  /* 30px 1.563vw */

  .Pop .close i {

    font-size: 20px;

  }



  /* 28px 1.458vw */

  .ho0 .intr h4,

  .ab5 .intr h4,

  .jo2 .info h4,

  .co0 .intr h6 {

    font-size: 18px;

  }



  /* 26px 1.354vw */

  .sof0 .intr p,

  .de0 .intr p {

    font-size: 18px;

  }



  /* 24px 1.25vw */

  .ho1 .down i,

  .ho2 .ev span,

  .icon_b .icon strong,

  .sol0 .intr h6,

  .banner .tag p,

  .ca0 .intr h6,

  .ab3 .intr h6,

  .ne0 .intr h6,

  .ne1 .name h6 {

    font-size: 18px;

  }



  /* 20px 1.042vw */

  .play i,

  .menu_b dt a,

  .ab0 .intr p,

  .turnpage a,

  .jo2 .intr h6,

  .jo3 .intr h6,

  .search_b i {

    font-size: 16px;

  }



  /* 18px 0.938vw */

  .ho2 .intr p,

  .ho3 .col b,

  .ho6 .intr h6,

  .ho6 .box_l .intr h6,

  .sol0 .intr p,

  .sol0 .editor p,

  .ab1 .item-box span,

  .ab1 .intr p,

  .ab3 .intr p {

    font-size: 16px;

  }



  /* 16px 0.833vw */

  header .link>a,

  header .downmenu>a,

  header .search i,

  header .language i,

  .ho0 .mold .num,

  .more_t span,

  .more_t i,

  .more_w span,

  .more_w i,

  .more_g span,

  .more_g i,

  .s_btn i,

  .b_btn i,

  .tit_b p,

  .ho3 .col p,

  .ho6 .intr p,

  .icon_b .icon span,

  .menu_b dd a,

  .FoB span,

  .FoB .link a,

  .sticky .deli span,

  .sol0 .menu_dl span,

  .sol0 .menu_dl i,

  .sol0 .more span,

  .ab2 .sub span,

  .ab5 .intr p,

  .ne0 .intr .date,

  .ne0 .intr p,

  .ne1 .name .date,

  .ne1 .editor p,

  .ne1 .title h6,

  .jo0 .intr p,

  .jo3 .intr p,

  .co0 .intr p,

  .co0 label h6,

  .co0 .btn span,

  .co0 .btn i,

  .ho1 .txt p {

    font-size: 14px;

  }



  /* 14px 0.729vw */

  header .language span,

  .ho0 .mold i,

  .ho6 .intr .date,

  footer .Copy a,

  footer .Copy span,

  .pagelist a>span,

  .ne1 .ev h6,

  .ne1 .ev .date,

  .jo2 .intr p {

    font-size: 14px;

  }





  .ho3 .row {

    padding: 0;

  }



  header .row,

  footer .FoB,

  .ho2 .swiper_b {

    padding: 0 5%;

  }



  .ho1,

  .ho3,

  .ho5,

  .ho6,

  .sol0,

  .ca0,

  .sof0,

  .de0,

  .ab0,

  .ab1,

  .ab2,

  .ab3,

  .ab4,

  .ne0,

  .ne1,

  .jo0,

  .jo1,

  .jo3,

  .co0,

  .single {

    padding: 6.25vw 5%;

  }

  .ho4,

  .jo2,

  .se2 {

    padding: 6.25vw 5% 0;

  }



  .sticky {

    padding: 10px 5%;

  }



  footer .FoA {

    padding: 5.208vw 5%;

  }



  footer .Copy {

    padding: 1.042vw 5%;

  }





  .Pop_video {

    width: 80%;

  }



  .Pop_video .close {

    top: -20px;

    right: -20px;

  }



  .more_w,

  .more_t,

  .more_g {

    width: 120px;

    height: 35px;

  }



  .s_btn {

    width: 35px;

    height: 35px;

  }



  .b_btn {

    width: 35px;

    height: 35px;

  }



  .play {

    width: 30px;

    height: 30px;

  }



  .play::after {

    width: 50px;

    height: 50px;

  }



  .pagelist a>span {

    width: 25px;

    height: 25px;

    margin: 0 5px;

  }



  .scroll-mouse {

    width: 25px;

    height: 35px;

  }



  .scroll-mouse::after {

    width: 2px;

    height: 6px;

  }





  .sticky .deli img {

    width: 14px;

  }



  header .logo img,

  .coot_b .logo_b img {

    width: 120px;

  }



  .app_b .app {

    width: 30px;

    height: 30px;

    margin-right: 10px;

  }



  .app_b .app>img {

    width: 16px;

  }



  .app .ewm {

    width: 80px;

    height: 80px;

    padding: 10px;

  }



  .icon_b .icon>img {

    width: 14px;

    margin-right: 5px;

    /* margin-top: 5px; */

  }



  .icon_b .ewm {

    width: 80px;

    height: 80px;

    padding: 10px;

    margin-left: 19px;

  }



  .menu_b dl {

    width: 16%;

  }



  .FoB .link a {

    margin: 0 5px 5px 0;

  }



  footer .Copy img {

    width: 14px;

    margin-right: 5px;

  }



  .ho1 .down {

    width: 35px;

    height: 35px;

  }



  .ho2 .intr .tag {

    padding: 5px 20px;

  }



  .ho2 .intr em,

  .de0 .intr em {

    width: 40px;

    height: 2px;

    margin: 20px 0;

  }



  .ho2 .icon {

    width: 70px;

    height: 70px;

  }



  .ho2 .icon img {

    width: 55px;

    height: 55px;

    border: 5px solid #FFFFFF;

  }



  .ho2 .ev img {

    width: 45px;

    height: 45px;

  }



  .ho2 .ev::before,

  .ho2 .ev::after {

    top: 22px;

    height: 1px;

  }



  .ho6 .more_g {

    width: 150px;

  }



  .sol0 .menu_dl,

  .sol0 .more {

    padding: 10px 15px;

  }



  .ca0 .intr img {

    width: 40px;

    right: 0;

    top: 0;

  }



  .ab0 .intr p {

    padding-left: 10px;

  }



  .ab0 .intr p::before {

    width: 3px;

    height: 3px;

    top: 10px;

  }



  .ab0 .box_l {

    width: 40%;

  }



  .ab0 .box_r {

    width: 55%;

  }



  .ab1 .item-box::before {

    height: 1px;

  }



  .ab1 .item-box::after {

    width: 6px;

    height: 6px;

  }



  .ab1 .item-box span {

    padding-top: 15px;

  }



  .ab1 .item-box {

    padding-top: 3px;

  }



  .ab2 .sub {

    width: 150px;

    height: 40px;

    margin: 0 5px;

  }



  .ab5 .intr {

    width: 40%;

  }



  .ne1 .box_r {

    width: 30%;

  }



  .ne1 .ev {

    padding: 0 10px;

  }



  .ne1 .ev::before {

    top: 4px;

    border: 5px solid transparent;

    border-left-color: #D72726;

  }



  .jo0 .intr {

    width: 50%;

  }



  .jo2 .intr em {

    height: 1px;

  }



  .jo2 .box_l {

    width: 40%;

  }



  .jo2 .box_r {

    width: 55%;

  }



  .co0 input {

    height: 35px;

  }



  .co0 textarea {

    height: 110px;

  }



  .co0 .btn {

    width: 150px;

    height: 40px;

  }



  .co1 .ico {

    width: 140px;

    padding: 15px;

  }



  .jo3 .row {

    flex-direction: column;

  }



  .jo3 .box_c {

    display: none;

  }



  .jo3 .box_l,

  .jo3 .box_r {

    width: 100%;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .jo3 .intr {

    width: 48%;

    height: auto;

    margin: 0 0 20px;

  }



  .search_box input {

    height: 40px;

  }



  .search_box .search_b {

    width: 40px;

    height: 40px;

  }



  header {

    height: 60px;

  }



  .banner,

  .ho0 {

    margin: 60px 0 0;

  }



  footer .FoA {

    justify-content: flex-start;

  }



  .FoA .coot_b {

    width: 25%;

  }



  .FoA .menu_b {

    display: none;

  }



  .banner .tag {

    left: 5%;

  }



  .ho0 .cont_box {

    left: 5%;

    top: 50%;

    bottom: auto;

    transform: translateY(-50%);

    width: 50%;

  }



  .ho2 .txt_box {

    width: 45%;

    left: 5%;

  }



  .ho2 .s_box {

    right: 5%;

  }



  .ab5 .intr {

    left: 5%;

  }



  .ho2 .intr em,

  .ho2 .intr p {

    display: none;

  }



  .ho2 .txt {

    margin: 20px 0;

  }



  /* .ho2 #swiper3 {

    display: none;

  } */



  .ho2 .s_box,

  .ho2 .txt_box {

    top: 40px;

  }



  .ho2 .swiper_b {

    bottom: 40px;

  }



  .jo0 .intr {

    right: 5%;

    top: 50%;

    bottom: auto;

    transform: translateY(-50%);

  }



  .jo1 .prev {

    left: -18px;

  }



  .jo1 .next {

    right: -18px;

  }



  .ab2 .prev {

    left: 0;

  }



  .ab2 .next {

    right: 0;

  }



  .ab1 .intr {

    height: 150px;

  }



  .ho5 .ev,

  .ab4 .ev {

    padding: 10px;

  }



  .ho0 .swiper-pagination {

    width: 150px;

    height: 2px;

  }



  .ho0 .more_w {

    margin-right: 10px;

  }



  .ho1 .ev {

    display: none;

  }



  .ho1 .pic img:nth-child(1) {

    display: none;

  }



  .ho1 .pic img:nth-child(2) {

    display: block;

  }



  .theside {

    display: none;

  }

  .ho1 .row{

    margin: 20px 0 0;

  }

  /* .sol0 .box_l{

    top: 100px;

  } */

  .ca0 .pic video{

    height: 190px;

  }

}



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

  .navbar-toggle {

    display: block;

    margin: 0 0 0 20px;

  }



  header .menu {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99;

    width: 100%;

    height: 100vh;

    background: #ffffff;

    flex-direction: column;

    justify-content: flex-start;

    padding: 80px 5% 0;

    transform: translateX(-100%);

    transition: all ease .5s;

  }



  header .menu.on {

    transform: translateX(0%);

  }



  header .link {

    width: 100%;

    height: auto;

    margin: 5px 0;

    padding: 5px 0;

    flex-wrap: wrap;

  }



  header .link::after {

    display: none;

  }



  header .link>a {

    width: 100%;

    font-size: 16px !important;

    font-weight: bold;

  }





  header .menu .downmenu,

  header .menu .link:hover .downmenu {

    position: static;

    top: auto !important;

    left: auto;

    transform: none;

    transition: none;

    box-shadow: none;

    opacity: 1 !important;

    visibility: visible !important;

    width: 100%;

    padding: 10px 20px;

    margin: 15px 0 0;

    background: #D72726;

    display: none;

  }



  header .menu .downmenu>a {

    font-size: 14px !important;

    color: #ffffff;

    border: none;

    text-align: left;

    padding: 5px 0;

    background: #D72726;

  }



  header .language .downmenu>a {

    padding: 5px 20px;

  }



  .ho6 .box_l {

    display: none;

  }



  .ho6 .box_r .col:first-child {

    display: flex;

  }



  .ho6 .box_r,

  .ne0 .row {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: space-between;

  }



  .ho6 .col,

  .ne0 .col {

    display: block;

  }



  .ho5 .ev,

  .ab4 .ev {

    width: 23%;

    margin: 0 0 20px;

  }



  .ho6 .pic,

  .ne0 .pic {

    width: 100%;

  }



  .ho6 .intr,

  .ne0 .intr {

    width: 100%;

  }



  .ho6 .box_l,

  .ho6 .box_r,

  .sol0 .box_l,

  .sol0 .box_r,

  .ab0 .box_l,

  .ab0 .box_r,

  .ne1 .box_l,

  .ne1 .box_r,

  .jo2 .box_l,

  .jo2 .box_r,

  .co0 .box_l,

  .co0 .box_r {

    width: 100%;

  }



  .ho6 .col,

  .sol0 .box_l,

  .ab0 .box_l,

  .ne1 .box_l,

  .jo2 .box_l,

  .co0 .box_l {

    margin: 0 0 20px;

  }



  .sol0 .col {

    padding: 0 !important;

    border: none !important;

  }



  .ho6 .col,

  .sol0 .col,

  .ca0 .col,

  .ne0 .col {

    width: 48%;

    margin: 0 0 20px;

  }



  .ne1 .ev:not(:last-child) {

    margin: 0 0 20px;

  }



  .jo3 .intr,

  .co0 label {

    width: 100%;

    margin: 0 0 20px;

  }



  .sol0 .intr,

  .ca0 .intr,

  .ho6 .intr,

  .ne0 .intr {

    margin: 20px 0 0;

  }



  .ne1 .title {

    padding: 0 0 20px;

    margin: 0 0 20px;

  }



  .ho0 .cont_box,

  .ho6 .box_l .intr,

  .ab1 .intr,

  .ab5 .intr,

  .ne1 .box_r,

  .jo0 .intr,

  .jo3 .intr {

    padding: 20px;

  }



  .ne0 .col {

    padding: 0;

    border: none !important;

  }



  .ab3 .intr,

  .ab3 .col.on .intr {

    padding: 0 20px;

    bottom: 20px;

  }



  .ab1 .b_btn {

    top: -15px;

  }



  .ab1 .intr {

    height: 220px;

  }



  .ab1 .swiper_t {

    margin: 0 0 20px;

  }



  .ab2 .switch {

    margin: 20px 0 0;

  }



  .ho1 .row,

  .ho4 .row,

  .ho5 .row,

  .ho6 .row,

  .ab0 .row,

  .ab1 .row,

  .ab2 .row,

  .ab3 .row,

  .ab4 .row,

  .se1 .row,

  .se2 .row,

  .se3 .row {

    margin: 20px 0 0;

  }



  .scroll_btn,

  .ho0 .mold i {

    display: none;

  }



  .ho0 .cont_box {

    background: transparent;

    -webkit-backdrop-filter: blur(0);

    backdrop-filter: blur(0);

  }



  .ho0 .mold {

    display: none;

  }



  .ab5 .pic img,

  .jo0 .pic img {

    height: 350px;

    object-fit: cover;

  }



  .ho2 .pic img {

    height: 450px;

    object-fit: cover;

  }



  .ho0 .cont_box,

  .ho2 .txt_box,

  .ab5 .intr,

  .jo0 .intr {

    width: 90%;

  }



  .ab3 .row {

    flex-wrap: wrap;

  }



  .ab3 .col {

    width: 100% !important;

    height: auto !important;

    background: none !important;

    margin: 0 0 20px;

  }



  .ab3 .col::after {

    display: none !important;

  }



  .ab3 .col .moretxt {

    display: block !important;

  }



  .ab3 .pic {

    display: flex;

  }



  .ca0 .pic video,

  .sof0 .pic video,

  .de0 .pic video {

    display: none;

  }



  .ca0 .pic img,

  .sof0 .pic img,

  .de0 .pic img {

    position: static;

    height: auto;

    object-fit: none;

  }



  /* .sol0 .box_l{

    position: static !important;

    top: auto;

  } */

}



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



  /* 106px 5.521vw */

  .jo2 .info span {

    font-size: 40px;

  }



  /* 84px 4.375vw */

  .ho3 .col span {

    font-size: 30px;

  }



  /* 48px 2.5vw */

  .ho0 .intr h1,

  .banner .intr h1 {

    font-size: 22px;

  }



  /* 40px 2.083vw */

  .tit_b h2,

  .ho2 .intr h2,

  .ho2 .txt h2,

  .sol0 .editor h2,

  .banner .tag em,

  .sof0 .intr h2,

  .de0 .intr h2,

  .jo0 .intr h2,

  .se0 h1 {

    font-size: 20px;

  }



  /* 36px 1.875vw */

  .ho2 .intr .tag {

    font-size: 20px;

  }



  /* 30px 1.563vw */

  .Pop .close i {

    font-size: 20px;

  }



  /* 28px 1.458vw */

  .ho0 .intr h4,

  .ab5 .intr h4,

  .jo2 .info h4,

  .co0 .intr h6 {

    font-size: 16px;

  }



  /* 26px 1.354vw */

  .sof0 .intr p,

  .de0 .intr p {

    font-size: 16px;

  }



  /* 24px 1.25vw */

  .ho1 .down i,

  .ho2 .ev span,

  .icon_b .icon strong,

  .sol0 .intr h6,

  .banner .tag p,

  .ca0 .intr h6,

  .ab3 .intr h6,

  .ne0 .intr h6,

  .ne1 .name h6 {

    font-size: 16px;

  }



  /* 20px 1.042vw */

  .play i,

  .menu_b dt a,

  .ab0 .intr p,

  .turnpage a,

  .jo2 .intr h6,

  .jo3 .intr h6,

  .search_b i {

    font-size: 14px;

  }



  /* 18px 0.938vw */

  .ho2 .intr p,

  .ho3 .col b,

  .ho6 .intr h6,

  .ho6 .box_l .intr h6,

  .sol0 .intr p,

  .sol0 .editor p,

  .ab1 .item-box span,

  .ab1 .intr p,

  .ab3 .intr p {

    font-size: 14px;

  }





  .ho1,

  .ho3,

  .ho5,

  .ho6,

  .sol0,

  .ca0,

  .sof0,

  .de0,

  .ab0,

  .ab1,

  .ab2,

  .ab3,

  .ab4,

  .ne0,

  .ne1,

  .jo0,

  .jo1,

  .jo3,

  .co0,

  .single {

    padding: 40px 5%;

  }

  .ho4,

  .jo2,

  .se2 {

    padding: 40px 5% 0;

  }





  footer .FoA {

    padding: 40px 5%;

  }



  footer .Copy {

    padding: 10px 5%;

  }



  .sof0 .row,

  .de0 .row {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }



  .sof0 .col,

  .de0 .col {

    width: 48%;

    margin: 0 0 20px;

  }



  .sof0 .pic,

  .sof0 .intr,

  .de0 .pic,

  .de0 .intr {

    width: 100%;

  }



  .sof0 .intr .txt,

  .de0 .intr .txt {

    padding: 20px;

  }



  .ho3 .col {

    width: 48%;

    margin: 0 0 20px;

  }



  .sof0 .col,

  .de0 .col {

    display: block;

  }



  .co1 .map {

    height: 250px;

  }



  .FoA .coot_b {

    width: 100%;

    margin: 0 0 20px;

  }



  .coot_b .app_b {

    margin: 20px 0 0;

  }



  .FoA .icon_b {

    width: 100%;

  }



  footer .FoB {

    flex-direction: column;

  }



  .ho2 .intr em,

  .de0 .intr em {

    margin: 10px 0;

  }

}



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

  .ab2 .swiper-slide-active {

    transform: scale(.75) !important;

  }

}



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



  .ho6 .col,

  .sol0 .col,

  .ca0 .col,

  .ne0 .col,

  .sof0 .col,

  .de0 .col {

    width: 100%;

  }



  /* .ho5 .ev,

  .ab4 .ev {

    width: 48%;

    margin: 0 0 20px;

  } */

}