@charset "utf-8";

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

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

  /* 56px 2.917vw */
  .ho0 .intr h1 {
    font-size: 36px;
  }

  /* 48px 2.5vw */
  .ho1 .intr h2,
  .ho4 .intr h2,
  .banner .intr h2,
  .banner .form h2,
  .tit_b h2,
  .tit_w h2,
  .templet0 .intr h2,
  .templet1 .intr h2,
  .templet2 .intr h2,
  .ab5 .ev h2,
  .title h2,
  .in1 .intr h2,
  .in2 .intr h2,
  .jo2 .intr h2 {
    font-size: 30px;
  }

  /* 32px 1.667vw */
  .templet0 .text h4,
  .ab2 .col.on .intr h4,
  .esg .intr h4,
  .Pop_txt .tit,
  .sort .txt h4 {
    font-size: 22px;
  }

  /* 24px 1.25vw */
  .editor p,
  .jo1 .details p,
  .jo2 .intr p,
  .in0 .intr h6,
  .in1 .intr p,
  .in2 .intr p,
  .co0 .intr p,
  .ab1 .intr p,
  .tit_b p,
  .tit_w p,
  .esg .intr p,
  .templet0 .intr p,
  .templet1 .intr p,
  .templet2 .intr p,
  .ho1 .intr p,
  .FoB .cont p,
  .ho0 .intr h6,
  .ho4 .intr h6,
  .tit_b h6,
  .tit_w h6,
  .banner .intr h6,
  .templet0 .intr h6,
  .templet1 .intr h6,
  .templet2 .intr h6,
  .ab1 .intr h6,
  .ab2 .intr h4,
  .ab2 .col.on .intr h4,
  .ab2 .intr p,
  .ab5 .ev p,
  .co0 .intr h4,
  .co0 .col.on .intr h4,
  .templet1 .text h6,
  .pr2 .intr h6,
  .Pop_txt .close i,
  .jo2 .intr h6 {
    font-size: 18px;
  }

  /* 20px 1.042vw */
  .ewm p,
  .Share .intr span,
  .ideal span,
  .copy a,
  .copy span,
  footer .stock span,
  .FoB dt a,
  .FoB dd a,
  footer .btn span,
  footer .form h6,
  .FoB .cont span,
  .FoB .cont h6,
  header .link>a,
  .ab4 .intr p,
  .ab3 .intr p,
  .ab1 .intr .tag,
  .more_b span,
  .more_b i,
  .more_w i,
  .more_w span,
  header .stock span,
  header .search i,
  header .language span,
  header .language i,
  .sticky .sub,
  .cover .sub,
  .ab2 .intr h6,
  .templet2 .text p,
  .address span,
  .turnpage p,
  .turnpage .back span,
  .search_b i {
    font-size: 16px;
  }

  /* 18px 0.938vw */
  .templet1 .text p,
  .in0 .intr .date,
  .Pop_txt p,
  .jo1 .details h6 {
    font-size: 16px;
  }

  /* 16px 0.833vw */
  .pagelist a>i,
  .pagelist a>span,
  header .language .down>a,
  .s_btn i,
  .delivery i,
  .delivery span,
  .switch .sub,
  .Pop_txt .date,
  .jo1 .ev span {
    font-size: 14px;
  }

  /* 14px 0.729vw */
  .templet2 .text .date {
    font-size: 14px;
  }


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

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

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

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

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

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

  /* 间距 */

  footer .row,
  .banner .intr,
  .banner .form,
  .sticky,
  .ho0 .intr,
  .ho4 .intr,
  .co0 .tit_b {
    padding: 0 8.333vw;
  }

  .co0 .s_box {
    right: 8.333vw;
  }

  .templet0,
  .templet1,
  .templet2,
  .ho1,
  .ab0,
  .ab1,
  .ab3,
  .esg,
  .co3,
  .pr2,
  .ab4,
  .ne3,
  .in0,
  .in1,
  .in2,
  .jo0,
  .jo1,
  .jo2 {
    padding: 5.208vw 8.333vw;
  }

  /* .ab5 {
    padding: 5.208vw 0 5.208vw 8.333vw;
  } */

  .pr1 {
    padding: 5.208vw 8.333vw 0;
  }



  .bullet_b .swiper-pagination-bullet,
  .bullet_w .swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    margin: 0 5px !important;
  }

  .more_b,
  .more_w {
    width: 130px;
    height: 35px;
  }

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

  .ideal {
    width: 130px;
    height: 35px;
  }

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

  .delivery {
    width: 250px;
    height: 35px;
  }

  .delivery i {
    margin-right: 10px;
  }

  .sticky .sub,
  .cover .sub {
    padding: 10px 0;
    margin-right: 20px;
  }

  .search_box input {
    height: 40px;
  }

  .search_box .search_b {
    width: 40px;
    height: 40px;
  }


  header .language .down>a {
    padding: 5px 10px;
  }

  header .search {
    margin: 0 10px 0 0;
    padding: 5px 10px 5px 0;
  }

  header .stock,
  footer .stock {
    margin-left: 15px;
    padding-left: 15px;
  }

  header .search::after,
  header .stock::before,
  footer .stock::before {
    width: 1px;
    height: 14px;
  }

  header .logo,
  footer .logo img {
    width: 110px;
  }

  footer .form input {
    width: 200px;
    height: 35px;
  }

  footer .btn {
    width: 65px;
    height: 35px;
  }

  .FoB .cont img,
  .copy .box_l img,
  .ewm>img {
    width: 14px;
  }

  .ewm .code {
    width: 80px;
    height: 80px;
  }


  /* .ab5 .ev.on h2 {
    padding-left: 20px;
  }

  .ab5 .ev h2::after {
    width: 5px;
    height: 30px;
  } */

  .ab4 .intr em {
    width: 40px;
    height: 1px;
    margin: 0 0 15px;
  }

  .address span {
    margin-right: 20px;
  }

  .turnpage .back {
    width: 80px;
    height: 35px;
  }

  .switch .sub {
    padding: 10px 30px;
  }

  .switch .sub:first-child {
    margin-right: 10px;
  }

  .Pop_txt .em {
    margin: 15px 0;
  }

  .sort .txt em {
    width: 2px;
  }

  .type.on .txt em,
  .type:hover .txt em {
    height: 20px;
  }

  .templet0 .box_c,
  .templet1 .box_c,
  .templet2 .box_c {
    margin: 20px 0 0;
  }

  .templet0 .box_l,
  .templet0 .box_r,
  .templet1 .box_l,
  .templet1 .box_r,
  .templet2 .box_l,
  .templet2 .box_r {
    width: 48%;
  }

  header .link {
    margin-right: 1.042vw;
  }

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

  .FoB .cont img,
  .ewm>img {
    margin-right: 5px;
  }

  .Share .code {
    width: 80px;
    height: 80px;
  }

  .Share .code {
    left: -80px;
  }

  .Share:hover .code {
    left: -90px;
  }

  .right_btn {
    width: 65px;
    bottom: 100px;
  }

  .Share .pic {
    width: 20px !important;
  }

  .Share .pic {
    margin: 5px auto;
  }

  .ab1 .intr {
    width: 100%;
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
    position: relative;
    transition: all ease .5s;
  }

  .pagelist a>i {
    width: 25px;
    height: 25px;
    margin: 0 10px;
  }

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

@media (min-width: 992px) {
  .co0 .swiper-slide:hover {
    width: 29.688vw !important;
  }
}

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

  header .row,
  footer .row,
  .banner .intr,
  .banner .form,
  .sticky,
  .ho0 .intr,
  .ho4 .intr {
    padding: 0 5%;
  }

  .co0 .s_box {
    right: 5%;
    top: 0;
  }

  .templet0,
  .templet1,
  .templet2,
  .ho1,
  .ab0,
  .ab1,
  .ab3,
  .esg,
  .co3,
  .pr2,
  .ab4,
  .ne3,
  .in0,
  .in1,
  .in2,
  .jo0,
  .jo1,
  .jo2 {
    padding: 40px 5%;
  }

  .ab2 {
    padding: 40px 5%;
  }

  /* .ab5 {
    padding: 40px 5%;
  } */

  .pr1 {
    padding: 40px 5% 0;
  }

  .co0 {
    padding: 40px 5% 0;
  }

  .co0 .tit_b {
    padding: 0;
  }

  .ho1 .box_l,
  .ho1 .box_r,
  .ab5 .box_l,
  .ab5 .box_r,
  .in0 .box_l,
  .in0 .box_r,
  .in1 .box_l,
  .in1 .box_r,
  .in2 .box_l,
  .in2 .box_r,
  .jo2 .box_l,
  .jo2 .box_r {
    width: 48%;
  }

  .esg .col,
  .pr2 .col {
    width: 48%;
    margin: 0 0 20px;
  }

  header {
    height: 60px !important;
    background: #FFFFFF !important;
  }

  header .logo .before {
    visibility: hidden !important;
    -webkit-clip-path: inset(50% 0 50% 0) !important;
    clip-path: inset(50% 0 50% 0) !important;
  }

  header .logo .after {
    visibility: visible !important;
    -webkit-clip-path: inset(0% 0 0% 0) !important;
    clip-path: inset(0% 0 0% 0) !important;
  }

  header .stock span,
  header .link>a,
  header .search i,
  header .language span,
  header .language i {
    color: #003A67 !important;
  }

  header .stock::before {
    background: #003A67 !important;
  }

  header .search::after {
    background: #C9C9C9 !important;
  }

  header .link::after {
    display: none !important;
  }

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

  .sticky {
    display: none;
    top: 60px;
  }

  header .stock,
  footer .stock {
    display: none;
  }

  header .navbar-toggle {
    display: block;
    margin: 0 0 0 20px;
  }

  header .menu {
    position: fixed;
    top: 0;
    left: -280px;
    z-index: 99;
    width: 280px;
    height: 100vh;
    background: #003A67;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    opacity: 1;
    transition: all ease .5s;
  }

  header .menu.on {
    left: 0;
  }

  header .link {
    margin: 10px 0;
    padding: 0;
    height: auto;
    display: block !important;
  }

  header .link>a {
    color: #FFFFFF !important;
  }

  .FoB .menu {
    display: none;
  }

  footer .form,
  footer .form h6,
  .FoB .cont {
    width: 100%;
  }

  footer .form {
    margin: 20px 0 0;
    justify-content: flex-start;
  }

  footer .form h6,
  .FoB .cont h6 {
    margin: 0 0 10px;
  }

  footer .form input {
    margin: 0 10px 0 0;
    padding: 0 10px;
  }

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

  footer .FoB {
    padding: 20px 0;
  }

  footer .copy {
    padding: 20px 0;
    flex-direction: column-reverse;
  }

  .copy .box_r {
    margin: 0 0 10px;
    width: 100%;
    justify-content: flex-start;
    display: flex;
  }

  .banner .intr {
    text-align: center;
  }

  .banner .intr h2 {
    display: none;
  }

  .ho0 .bullet_w,
  .templet0 .bullet_w,
  .templet1 .bullet_w,
  .templet2 .bullet_w {
    bottom: 10px;
  }

  .templet0 .text {
    bottom: 20px;
    padding: 0 20px;
  }

  .ab1 .col {
    padding: 20px;
  }

  .ab2 .col {
    width: 50% !important;
    height: auto;
  }

  .ab2 .pic,
  .ab2 .pic img {
    height: auto;
  }

  .ab2 .intr,
  .ab2 .col.on .intr {
    bottom: 20px;
    padding: 0 20px;
  }

  .ab2 .col .txt {
    display: block !important;
  }

  .ab3 .col {
    padding: 20px;
  }

  .ab3 .intr {
    margin: 20px 0 0;
    padding: 20px 0 0;
  }


  .templet1 .text {
    padding: 20px;
  }

  .pr2 .intr {
    padding: 20px;
  }

  .templet2 .text {
    margin: 20px 0 0;
  }

  .ab4 .intr {
    padding: 20px;
  }

  .in0 .box_l .intr {
    margin: 20px 0 0;
  }

  .in0 .box_r .intr {
    padding: 0 0 10px;
    margin: 0 0 10px;
  }

  .jo1 .box_t {
    padding: 0 20px;
  }

  .jo1 .box_b {
    padding: 0 20px 20px;
  }

  .jo1 .class {
    padding: 10px 0;
  }

  .jo1 .details {
    padding: 20px 0;
  }

  .ab4 .col {
    padding: 20px;
  }

  .Pop_txt {
    padding: 20px;
  }

  .co0 .col {
    width: 50% !important;
    height: auto;
  }

  .co0 .pic,
  .co0 .pic img {
    height: auto;
  }

  .co0 .intr,
  .co0 .col.on .intr {
    bottom: 20px;
    top: auto;
    padding: 0 20px;
  }

  .co0 .col .txt {
    display: none !important;
    height: auto;
    overflow: visible;
  }

  .ab1 .intr h6 {
    margin: 0 0 10px;
    margin: 0 0 10px;
  }

  .ne0 .col {
    margin: 0 0 10px;
  }

  .ab5 .intr {
    top: 40px;
    padding: 0 5%;
  }
}

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

  /* 56px 2.917vw */
  .ho0 .intr h1 {
    font-size: 22px;
  }

  /* 48px 2.5vw */
  .ho1 .intr h2,
  .ho4 .intr h2,
  .banner .intr h2,
  .banner .form h2,
  .tit_b h2,
  .tit_w h2,
  .templet0 .intr h2,
  .templet1 .intr h2,
  .templet2 .intr h2,
  .ab5 .ev h2,
  .title h2,
  .in1 .intr h2,
  .in2 .intr h2,
  .jo2 .intr h2 {
    font-size: 20px;
  }

  /* 32px 1.667vw */
  .templet0 .text h4,
  .ab2 .col.on .intr h4,
  .esg .intr h4,
  .Pop_txt .tit,
  .sort .txt h4 {
    font-size: 20px;
  }

  /* 24px 1.25vw */
  .editor p,
  .jo1 .details p,
  .jo2 .intr p,
  .in0 .intr h6,
  .in1 .intr p,
  .in2 .intr p,
  .co0 .intr p,
  .ab1 .intr p,
  .tit_b p,
  .tit_w p,
  .esg .intr p,
  .templet0 .intr p,
  .templet1 .intr p,
  .templet2 .intr p,
  .ho1 .intr p,
  .FoB .cont p,
  .ho0 .intr h6,
  .ho4 .intr h6,
  .tit_b h6,
  .tit_w h6,
  .banner .intr h6,
  .templet0 .intr h6,
  .templet1 .intr h6,
  .templet2 .intr h6,
  .ab1 .intr h6,
  .ab2 .intr h4,
  .ab2 .col.on .intr h4,
  .ab2 .intr p,
  .ab5 .ev p,
  .co0 .intr h4,
  .co0 .col.on .intr h4,
  .templet1 .text h6,
  .pr2 .intr h6,
  .Pop_txt .close i,
  .jo2 .intr h6 {
    font-size: 18px;
  }

  /* 20px 1.042vw */
  .ewm p,
  .Share .intr span,
  .ideal span,
  .copy a,
  .copy span,
  footer .stock span,
  .FoB dt a,
  .FoB dd a,
  footer .btn span,
  footer .form h6,
  .FoB .cont span,
  .FoB .cont h6,
  header .link>a,
  .ab4 .intr p,
  .ab3 .intr p,
  .ab1 .intr .tag,
  header .stock span,
  header .search i,
  header .language span,
  header .language i,
  .sticky .sub,
  .cover .sub,
  .ab2 .intr h6,
  .templet2 .text p,
  .address span,
  .turnpage p,
  .turnpage .back span,
  .search_b i {
    font-size: 14px;
  }

  /* 18px 0.938vw */
  .templet1 .text p,
  .in0 .intr .date,
  .Pop_txt p,
  .jo1 .details h6 {
    font-size: 14px;
  }

  /* 16px 0.833vw */
  /* .pagelist a>i,
  .pagelist a>span,
  header .language .down>a,
  footer .stock span,
  footer .btn span,
  .s_btn i,
  .delivery i,
  .delivery span,
  .switch .sub,
  .Pop_txt .date,
  .jo1 .ev span {
    font-size: 12px;
  } */

  /* 14px 0.729vw */
  /* .copy a,
  .copy span,
  .templet2 .text .date {
    font-size: 12px;
  } */


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

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

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

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


  .templet0 .box_l,
  .templet0 .box_r,
  .templet1 .box_l,
  .templet1 .box_r,
  .templet2 .box_l,
  .templet2 .box_r {
    width: 100%;
  }

  .ho1 .box_l,
  .ho1 .box_r,
  .ab5 .box_l,
  .ab5 .box_r,
  .in0 .box_l,
  .in0 .box_r,
  .in1 .box_l,
  .in1 .box_r,
  .in2 .box_l,
  .in2 .box_r,
  .jo2 .box_l,
  .jo2 .box_r {
    width: 100%;
  }

  .templet0 .box_l,
  .templet1 .box_l,
  .templet2 .box_l,
  .ho1 .box_l,
  .ab5 .box_l,
  .in0 .box_l,
  .in1 .box_l,
  .in2 .box_l,
  .jo2 .box_l {
    margin: 0 0 20px;
  }

  .ho1 .box_l .intr,
  .ho1 .box_r .intr {
    margin: 0 0 20px;
  }

  .ab1 .row,
  .ab2 .row,
  .ab3 .row,
  .esg .row,
  .co0 .row,
  .co3 .row,
  .pr2 .row,
  .in0 .row,
  .jo1 .row {
    margin: 20px 0 0;
  }

  .ho1 .box_r {
    flex-direction: column-reverse;
  }

  .co3 .pic {
    width: 23%;
    margin: 0 0 20px;
  }

  .Pop_txt .txt {
    max-height: 400px;
    overflow: auto;
  }

  .Pop_txt .close {
    left: 50%;
    top: auto;
    right: auto;
    bottom: -40px;
    transform: translateX(-50%);
  }

  .Pop_txt .close i {
    font-size: 20px;
    color: #FFFFFF;
  }

  .in2 .box_l,
  .jo2 .box_l {
    padding: 20px 20px 0;
  }

  .sort .type {
    width: 31%;
    margin: 20px 0 0;
  }

  .jo1 .sort {
    margin: 0;
  }

  .jo1 .ev:nth-child(2),
  .jo1 .ev:nth-child(5) {
    display: none;
  }

  .jo1 .ev:nth-child(1) {
    width: 40%;
  }

  .jo1 .ev:nth-child(3),
  .jo1 .ev:nth-child(4) {
    width: 30%;
  }

  .in0 .mold {
    position: static;
    bottom: auto;
    right: auto;
    justify-content: flex-start;
    margin: 20px 0 0;
  }

  .in0 .prev {
    margin: 0 10px 0 0;
  }

  .in0 .next {
    margin: 0;
  }

  .in0 .s_box {
    position: absolute;
    right: 5%;
    top: 0;
  }

  .templet0 .prev,
  .templet1 .prev,
  .templet2 .prev,
  .ab1 .prev,
  .ab3 .prev,
  .ab4 .prev {
    left: -5%;
  }

  .templet0 .next,
  .templet1 .next,
  .templet2 .next,
  .ab1 .next,
  .ab3 .next,
  .ab4 .next {
    right: -5%;
  }

  .ab3 .bullet_b,
  .co2 .bullet_b,
  .pr0 .bullet_b,
  .ne0 .bullet_b,
  .ne1 .bullet_b,
  .ab4 .bullet_b {
    margin: 20px 0 0;
  }

  .co3 .bullet_b,
  .in0 .bullet_b {
    margin: 0;
  }

  /* .co3 .col{
    padding: 0 10px;
    height: 400px;
  } */
  .co3 .col {
    padding: 0;
    height: auto;
  }

  .ho0 .s_btn {
    display: none;
  }
}

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

  .esg .col,
  .pr2 .col {
    width: 100%;
    margin: 0 0 20px;
  }

  .ab2 .col,
  .co0 .col {
    width: 100% !important;
  }

  .co3 .pic,
  .sort .type {
    width: 48%;
  }

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

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