@charset "utf-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.eot");
    src: url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg') format('svg');
}

/* html{ font-size:625%;} */
body {
    font-size: 14px;
    background: #FFF;
    overflow-x: hidden;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
th,
td,
form,
object,
iframe,
blockquote,
pre,
a,
abbr,
address,
code,
img,
fieldset,
form,
label,
figure {
    margin: 0;
    padding: 0;
}

body,
html,
input,
button,
textarea {
    color: #333333;
    font-family: 'Noto-sans', Arial, Helvetica, sans-serif;
    line-height: 1.6;
    font-weight: 400;
}

a {
    color: #222222
}

a:hover {
    color: rgb(24, 23, 23);
    transform: scale(1.0);
    transition: all 0.1s linear;
    text-decoration: none
}

a:focus {
    outline: none;
}

ul,
li,
ol,
dl,
dt,
dd {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* img{ max-width:100%} */
input[type="text"]:focus {
    outline: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

a:active,
select,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: 0 !important;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.main_title:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

* html .main_title {
    zoom: 1;
}

*:first-child+html .main_title {
    zoom: 1;
}

a {
    text-decoration: none;
}

.p10 {
    padding-left: 10px
}

.p20 {
    padding-left: 20px;
}

.p30 {
    padding-left: 30px
}

.t10 {
    padding-top: 10px
}

.b10 {
    padding-bottom: 10px;
}

.t20 {
    padding-top: 20px
}

.b20 {
    padding-bottom: 20px;
}

.t30 {
    padding-top: 30px
}

.b30 {
    padding-bottom: 30px;
}

.t40 {
    padding-top: 40px
}

.b40 {
    padding-bottom: 40px;
}

.t50 {
    padding-top: 50px
}

.b50 {
    padding-bottom: 50px;
}

.t60 {
    padding-top: 60px
}

.b60 {
    padding-bottom: 60px
}

.t80 {
    padding-top: 80px
}

.b80 {
    padding-bottom: 80px;
}

.t100 {
    padding-top: 100px
}

.b100 {
    padding-bottom: 100px;
}

.tm10 {
    margin-top: 10px
}

.bm10 {
    margin-bottom: 10px;
}

.tm20 {
    margin-top: 20px
}

.bm20 {
    margin-bottom: 20px;
}

.tm30 {
    margin-top: 30px
}

.bm30 {
    margin-bottom: 30px;
}

.tm50 {
    margin-top: 50px
}

.bm50 {
    margin-bottom: 50px;
}

.tm80 {
    margin-top: 80px;
}

.bm80 {
    margin-bottom: 80px;
}

.tm100 {
    margin-top: 100px;
}

.bm100 {
    margin-bottom: 100px;
}

.bm130 {
    margin-bottom: 130px;
}

.bm150 {
    margin-bottom: 150px;
}

/*gotop*/
.gotop {
    position: fixed;
    text-align: center;
    right: 50px;
    bottom: 50px;
    color: #fff;
    background-color: #333;
    text-align: center;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50%;
    background-clip: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 99999;
    cursor: pointer;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: translateY(50%) scale(0.8);
    -webkit-transform: translateY(50%) scale(0.8);
    -ms-transform: translateY(50%) scale(0.8);
    -o-transform: translateY(50%) scale(0.8);
    transform: translateY(50%) scale(0.8);
}

.gotop:hover,
.gotop.active:hover {
    background-color: #649798 !important;
    color: #fff;
    font-family: 'fontawesome';
    content: "\f176";
    display: block;
}

.gotop.active {
    opacity: 1;
    visibility: visible;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.gotop em {
    font-size: 16px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.gotop:before {
    font-family: 'fontawesome';
    content: "\f176";
    display: block;
}

.gotop:hover:before {
    -webkit-transform: translateY(-15px) scale(.5);
    -ms-transform: translateY(-15px) scale(.5);
    -o-transform: translateY(-15px) scale(.5);
    transform: translateY(-15px) scale(.5);
    opacity: 0;
    filter: alpha(opacity=0);
}

.gotop:hover em {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.search_result {
  padding: 60px 0;
}

.search_result_top h2 {
  text-align: center;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  margin-bottom: 50px;
}

.search_result_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search_result_box form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.search_result_box input {
  width: 100%;
  flex: 1;
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  font-size: 16px;
  color: #000;
  border: 1px solid #ddd;
  outline: none;
  background: none;
}

.search_result_box button {
  display: block;
  width: 10%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background-color: #639798;
  border: 1px solid #639798;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.search_result_box button i {
  font-size: 30px;
  color: #fff;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.search_result_box button:hover {
  background-color: #fff;
  border: 1px solid #639798;
  width: 15%;
}

.search_result_box button:hover i {
  color: #639798;
}

.result_attention {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 4px solid #639798;
  flex-wrap: wrap;
}

.result_attention p {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}

.result_attention span {
  font-size: 26px;
  color: #639798;
  font-weight: bold;
  display: block;
  margin: 0 5px;
}

.search_result_list {
  margin-top: 40px;
}

.resultcard {
  display: block;
  border: 1px solid #e5e5e5;
  padding: 15px 30px;
  margin-bottom: 20px;
  width:100%;
  border-bottom: 1px solid #eee;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.resultcard h3 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  word-wrap: break-word;
  word-break: break-all;
}

.resultcard p {
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.resultcard:hover h3 {
  color: #639798;
}

.resultcard:hover {
  border: 1px solid #639798;
  border-radius: 15px;
}
    .pagelist a{    padding: 5px 10px;
    background-color: #fff;
    margin-right: 10px;
    color: #639798;
    border: 1px solid #639798;
    }
    .current{
        background-color: #639798 !important;
        color: #fff !important;
        border: 1px solid #639798 !important;
    }
    .pagelist a:hover{        background-color: #639798 !important;
        color: #fff !important;
        border: 1px solid #639798 !important;}
        .current2{display:none;}
    .pagelist{font-size:16px!important;text-align:center;}
/* header通用样式 */
.ih3{margin-top:5px;color: #649798;text-align:center}
.nav0 {
    background-color: #172f3b;
}

.nav0 .container {
    padding: 0;
}

.nav0 .main {
    display: flex;
    justify-content: end;
}

.nav0 .left>span {
    display: inline-block;
    color: #fff;
    padding: 10px 10px 18px 0;
}

.nav0 .left a {
    display: inline-block;
    color: #fff;
    padding: 10px 10px 18px 0;
}
.nav0 .right>ul {
    display: flex;
}

.nav0 .right>ul>li {
    padding: 10px 10px 10px 10px;
}

.nav0 .right>ul>li:nth-last-child(1) {
    padding-right: 0;
}

.nav1 {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 99;
}

#header .nav1 {
    background-color: #fff;
}

.nav_wrap .head_nav>li:nth-last-child(1)>a {
    padding-right: 0;
}

.nav1 .container {
    padding: 0;
}

#header .nav1main {
    display: flex;
    height: 80px;
    justify-content: space-between;
}

.nav1main .left {
    height: 100%;
    object-fit: cover;
    line-height: 80px;
}

.nav1main .left>a img {
    height: 70%;
    object-fit: cover;
}

.nav1main .left>span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
    color: #fff;
}

.nav1main .center {
    display: flex;
    justify-content: space-between;
}

.nav1main .center .search {
    padding-left: 15px;
}

.nav1main .center .search>i {
    color: #846f4b;
    font-size: 25px;
    line-height: 80px;
    cursor: pointer;
}

.nav1main .center .head_nav {
    display: flex;
    justify-content: space-around;
    margin-left: 150px;
}

.nav1main .center .head_nav>li>a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.nav1main .center .head_nav>li>a:hover {
    border: 0;
    color: #649798;
}

.nav1main .center .head_nav>li>a::after {
    background-color: #649798;

}

.nav1main .center .head_nav>li>a>em {
    margin: 0;
}

.nav1main .center .head_nav>li.active>a {
    color: #649798;
    font-size: 16px;
    font-weight: 600;
}

.nav1main>.center .sub-menu>li:hover>a {
    color: #649798;
}

.nav1main>.center .sub-menu>li:hover>a::before {
    background-color: #649798;
}

.nav1main .right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
}

.nav1main .right>i {
    font-size: 25px;
    color: #649798;
    cursor: pointer;
}

.nav_wrap .head_nav li ul {
    top: 100% !important;
    left: 10% !important;
}

.nav_wrap .head_nav>li ul ul {
    top: -30% !important;
    left: 55% !important;
}

.nav2 {
    position: relative;
    /* margin-top: 60px; */
}

/* .nav2 .carousel .carousel-item>a>img{width: 100%; height: 500px;} */
.nav2cont {
    position: absolute;
    top: 15%;
    left: 10%;
}

.nav2cont .on {
    border: 1px solid #ddd;
    width: 30%;
    padding: 5px;
    border-radius: 55px;
    display: flex;
    background-color: #eff0f4;
    margin-bottom: 20px;
}

.nav2cont .on .left {
    width: 35%;
    background-color: #f89047;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 15px;
    text-align: right;
}

.nav2cont .on .left>span {
    display: block;
    /* line-height: 50px; */
    color: white;
    font-size: 15px;
    padding: 10px 0;
}

.nav2cont .on .right {
    width: 60%;
}

.nav2cont .on .right>span {
    display: block;
    padding: 10px 0;
    /* line-height: 50px; */
    color: #9399a6;
    font-size: 15px
}

.nav2cont .in {
    margin-bottom: 40px;
}

.nav2cont .in>div {
    width: 40%;
    font-size: 60px;
    font-weight: 600;
    /* color: white; */
}

.nav2cont .un>button {
    padding: 15px 20px;
    background-color: #649798;
    color: white;
    border: 0;
    border-radius: 5px;
}

.nav2cont .un>button>i {
    width: 14px;
    margin: auto 0;
}

.nav2cont .un>button:hover {
    padding: 15px 20px;
    background-color: white;
    color: #649798;
    border: 0;
    border-radius: 5px;
    transition: 0.5s;
}

.nav2txt {
    position: absolute;
    display: flex;
    top: 15%;
    left: 45%;
}

.nav2txt>span {
    display: block;
    margin: 0 100px;
    color: white;
}

.nav2txt>span>p:nth-child(2) {
    font-size: 23px;
    font-weight: 600;
}

.nav2txt>span:nth-child(2) {
    text-align: right;
}

.nav2txt2 {
    display: none;
}

.nav2lunbo {
    position: absolute;
    width: 30%;
    object-fit: cover;
    overflow: hidden;
    bottom: 3%;
    left: 10%;
}

.nav2lunbo .swiper {
    width: 100%;
}

.nav2lunbo .swiper img {
    width: 100%;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50% !important
}

.d-block {
    width: 100% !important;
}

.carousel-indicators .active {
    background-color: #649798;
}
.productinfomain td{border:1px solid #000}

/* footer通用样式 */
.footermain {
    background-color: #0e1c24;
    color: white;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footermain .container {
    padding: 0;
}

.footermain .main {
    padding: 80px 0;
}

.footermain .main>ul {
    display: flex;
}

.footermain .main>ul>li {
    display: flex;
    flex-direction: column;
}

.footermain .main>ul>li img {
    width: 60%;
}
.sjmt a{color:#649798}
.sjmt a:hover{color:#fff}
.sjmt li:hover a{color:#fff}
.footermain .main>ul>li:nth-child(1)>p {
    margin: 35px 0;
    font-size: 18px;
    color: #c5c5c5;
}

.footermain .main>ul>li:nth-child(1)>ul {
    display: flex;
}

.footermain .main>ul>li:nth-child(1)>ul>li {
    margin-right: 15px;
    background-color: transparent;
    border: 1px solid #649798;
    height: 35px;
    width: 35px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(1)>ul>li>i {
    font-size: 16px;
    color: #649798;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(1)>ul>li:hover {
    background-color: #649798;
    border: 1px solid transparent;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(1)>ul>li:hover>i {
    color: #fff !important;
    transition: 0.5s;
}

.footermain .main>ul>li>h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    width: 20%;
}

/* .footermain .main>ul>li:nth-child(2){
    width: 15%;
} */
.footermain .main>ul>li:nth-child(2)>ul>li {
    font-size: 18px;
    color: #649798;
    margin: 8px 0;
    cursor: pointer;
}
.none{display:none;}
.productshow_otherSwiper {overflow:hidden;}
.footermain .main>ul>li:nth-child(2)>ul>li:hover {
    color: #262b4f;
}

.footermain .main>ul>li:nth-child(3)>ul>li {
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    align-items: center;
    margin: 15px 0;
    cursor: pointer;
}

.footermain .main>ul>li:nth-child(3)>ul>li>i {
    color: #649798;
    font-size: 16px;
    margin-right: 15px;
}

.footermain .main>ul>li:nth-child(3)>ul>li span {
    font-size: 18px;
    color: #ffffff;
}
em{font-style:initial}
.footermain .main>ul>li:nth-child(3)>ul>li span a{
    font-size: 18px;
    color: #ffffff;
}

.footermain .main>ul>li:nth-child(4)>p {
    margin: 20px 0 35px 0;
}

.footermain .main>ul>li:nth-child(4)>.ffinp>input {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #649798;
    background-color: transparent;
    font-size: 15px;
    padding: 8px 18px;
    color: #fff;
}

.footermain .main>ul>li:nth-child(4)>.ffinp>button {
    padding: 10px 30px;
    border: 1px solid #649798;
    border-radius: 25px;
    background-color: transparent;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(4)>.ffinp>button:hover {
    background-color: #649798;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(4)>.ffinp>button>i {
    color: #649798;
    transition: 0.5s;
}

.footermain .main>ul>li:nth-child(4)>.ffinp>button:hover>i {
    color: #0e1c24;
    transition: 0.5s;
}

.footermain .line {
    background-color: #c5c5c5;
    width: 100%;
    height: 1px;
}

.footermain .footd .down {
    display: flex;
    justify-content: space-between;
    color: #c5c5c5;
    padding: 15px 0;
}

.footermain .footd .down>span:nth-child(2) {
    padding-right: 80px;
}

.pright,
.plist,
.plistzz {
    display: none;
}

.nav_wrap .head_nav li ul {
    top: 75%;
    left: 20%;
}

/* 客服模块 */
.side_content .side_list .cont li a:hover {
    color: #649798;
}

.side_content .side_list .cont li i {
    color: #649798;
}

/* 手机导航样式 */
.plist {
    position: absolute;
    top: 0;
    left: -100%;
    background-color: white;
    width: 300px;
    height: 1087%;
    z-index: 999;
    transition: 0.5s !important;
}

.plist>div {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.plist>div>img {
    height: 40px;
}

.plist>div>i {
    font-size: 40px;
    margin: 10px;
    color: #649798;
}

.plistzz {
    position: absolute;
    top: 0;
    left: -100%;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 1087%;

    z-index: 999;
    transition: 1.8s;
}

.plist>ul {
    margin: 10px;
}

.plist>ul>li {
    padding: 10px;
    color: #999;
    font-size: 16px;
}

.plist>ul>li>a {
    color: #999;
}

.plist>ul>li.active>a {
    color: #649798;
}

.plist>ul>li:hover {
    color: #000;
}

.plist>ul>li>ul {
    display: none;
}

.plist>ul>li>ul>li {
    padding: 5px;
    color: #333;
}

.plist>ul>li:nth-child(1) {
    position: relative;
}

.plist>ul>li:nth-child(1)>i {
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 25px;
}

.plist>ul>li:nth-child(1)>input {
    width: 100%;
    padding-left: 30px;
    border: 0;
    border-bottom: 1px solid #649798;
    font-size: 18px;
    margin-left: 5px;
}

.plist>ul>li>ul>li:hover {
    color: #649798;
}

.pright #nva1se {
    font-size: 30px;
    color: #649798;
    padding: 10px;
}

/* 查询 */
.szz .main {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999;
}

.szz .main {
    display: none;
}

.szz .main>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.szz .main>div>input {
    width: 100%;
    border: 0;
    background-color: transparent;
    font-size: 40px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    padding-left: 50px;
}

.szz .main>div>div {
    position: relative;
}

.szz .main>div>div>i {
    position: absolute;
    font-size: 30px;
    color: #fff;
    left: 0;
    bottom: -50px;
    cursor: pointer;
}

.szz .main>i {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    color: #649798;
    cursor: pointer;
}

.main1zz {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
    display: none;
}

.main1zz .video {
    position: relative;
    text-align: center;
}

.main1zz .video>i {
    position: absolute;
    font-size: 55px;
    right: 20px;
    top: 10px;
    cursor: pointer;
    color: #649798;
}

.main1zz .video>#vie {
    width: 50%;
    margin-top: 200px;
}


/* 客服  */
@media (max-width:576px) {
.productinfomain .content .right p{
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden; 
}
    /*头部 脚部样式  */
    .nav0 .container {
        padding: 10px;
    }

    .nav1 .nav1main .center {
        display: none;
    }

    .nav1 .container {
        padding: 0 20px;
    }

    .nav2 {
        margin-top: 60px;
    }

    .d-block {
        width: 100% !important;
    }

    .carousel-indicators {
        top: 80%;
    }

    .footer .main>ul {
        /* padding: 25px ; */
        margin: 0;
        padding-right: 0;
    }

    .footermain .footd .down {
        flex-direction: column;
        text-align: center;
        padding-bottom: 30px;
        padding: 0 0 40px 0;
    }

    .nav1main .right {
        display: none;
    }

    .pright {
        display: block;
    }

    /* 主体部分 */
    /* main1 */
    .main1 {
        background-repeat: repeat;
        height: 500px;
    }

    .main1 .m1main .left .wrap {
        left: 50%;
        transform: translateX(-50%);
    }

    .main1 .m1main .left .w2 {
        top: 175px;
    }

    .main1 .m1main .left .w3 {
        top: 325px;
    }

    .main1 {
        position: relative;
    }

    .main1 .m1main>.right {
        position: absolute;
        bottom: -30%;
        left: 30px;
    }

    .main1 .m1main .swiper img {
        width: 100%;
    }

    /* .main1 .m1main>.left .wrap{position: static;} */
    .main1 .m1main {
        flex-direction: column;
    }

    .main1 .m1main>.left {
        width: 100%;
    }

    .main1 .m1main>.right {
        width: 90%;
        margin: 10px 0;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    /* main2 */
    .main2 .left>h2 {
        font-size: 25px;
    }

    .main2 .m2main {
        flex-direction: column;
    }

    .main2 .left {
        width: 100%;
    }

    .main2 .right {
        width: 100%;
        margin: 15px 0;
    }

    .main2 .left>ul>li {
        width: 50%;
    }

    .main2 .left>ul>li>span {
        font-size: 15px;
    }

    /* main3 */
    .m1dr {
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .main3 .m3main>.up {
        flex-direction: column;
    }

    .main3 .m3main .up .left {
        width: 100%;
    }

    .main3 .m3main .up .left>h2 {
        font-size: 35px;
        /* text-align: center; */
    }

    .main3 .m3main .up>.right {
        width: 100%;
        justify-content: center;
    }

    .main3 .m3main .up>.right>p {
        /* text-align: center; */
    }

    .main3 .m3main>ul>li:nth-child(1),
    .main3 .m3main>ul>li:nth-child(5) {
        margin-left: 25px;
    }

    .main3 .m3main>ul>li:nth-child(4),
    .main3 .m3main>ul>li:nth-last-child(1) {
        margin-right: 25px;
    }

    .main3 .m3main>ul>li {
        width: 100%;
    }

    .main3 .m3main .down>ul>li {
        width: 100%;
    }

    /* main4 */
    .main4 .m4main {
        flex-direction: column;
    }

    .main4 .m4main .left {
        width: 100%;
    }

    .main4 .m4main .right {
        width: 100%;
        margin: 0;
    }
    .main4 .m4main .right>ul>li{
        margin: 15px;
    }

    .main4 .lcard {
        position: static;
        width: 100%;
    }

    /* main5 */
    .main5 .m5main {
        flex-direction: column;
    }

    .main5 .m5main .left {
        width: 100%;
    }

    .main5 .m5main .left .m5lmain {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .main5 .m5main .right {
        width: 100%;
    }

    .main5 .m5main .right>p {
        width: 100%;
    }

    /* main6 */
    .main6 .m6main {
        flex-direction: column;
    }

    .main6 .m6main .left {
        width: 98%;
        padding: 0 20px;
    }

    .main6 .m6main .right {
        width: 100%;
    }
    .main6 .m6main .right>div{
        width: 100%;
        margin: 20px 0;
    }
    .main4 .m4main .right>h1{
        font-size: 30px;
    }
    .main5 .m5main .right>h1{
        text-align: center;
    }
    .main6 .m6main .left >h1{
        font-size: 45px !important;
        width: 100%;
    }
    .main6 .m6main .left>.line{width: 100%;}


    .main2 .bgh1,
    .main4 .bgh1,
    .main3 .bgh1,
    .main5 .bgh1,
    .main6 .bgh1 {
        position: static;
        font-size: 52px !important;
    }
    .main2 .left>h2{font-size: 25PX;}
    .main3 .m3main .up .left>h2 {font-size: 25px;}
    .main4 .m4main .right>h1{font-size: 25PX;}
    .main5 .m5main .right>h1{font-size: 25PX; text-align: center;}
    .main6 .m6main .left >h1{width: 98%;font-size: 25PX;}


    /* 子页通用样式 */
    .newinfomodle .newinfomain,
    .newmodle .main,
    .productlistmodle .productlistmain,
    .productmodle .productmain,
    .productinfomodle .productinfomain,
    .searchmodle .searchmain {
        display: block;
    }

    .newinfomodle .newinfomain .left,
    .newmodle .main .left,
    .productlistmodle .productlistmain .left,
    .productmodle .productmain .left,
    .productinfomodle .productinfomain .left,
    .searchmodle .searchmain .left {
        width: 100%;
    }

    .newinfomodle .newinfomain .right,
    .newmodle .main .right,
    .productlistmodle .productlistmain .right,
    .productmodle .productmain .right,
    .productinfomodle .productinfomain .right,
    .searchmodle .searchmain .right {
        width: 100%;
    }

    .newinfomodle .container,
    .newmodle .container,
    .productlistmodle .container,
    .productmodle .container,
    .productinfomodle .container,
    .searchmodle .container {
        padding: 0 20px;
    }

    /* new */
    .newmodle .main>.left {
        display: none;
    }

    .newmodle .right {
        margin-top: 20px;
    }

    .newmodle .right>ul>li {
        display: block;
    }

    .newmodle .right>ul>li>.lileft {
        width: 100%;
    }

    /* newlist */
    .newlistmodle {
        margin: 0;
    }

    /* newinfo */
    .newinfomodle .newinfomain>.left {
        display: none;
    }

    /* product */
    .productmodle .right .c {
        width: 100%;
    }

    .productmodle .productmain>.left {
        display: none;
    }

    /* productlist */
    .productlistmodle .right>ul>li {
        display: block;
    }

    .productlistmodle .right>ul>li>.img {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt>span:nth-child(1) {
        font-size: 25px;
    }

    .productlistmodle .productlistmain>.left {
        display: none;
    }

    /* productinfo */
    .productinfomodle .content {
        display: block;
    }

    .productinfomodle .content .right>button {
        width: 60%;
    }

    .productinfomain .content .left .cnext {
        top: 93%;
        right: 0;
    }

    .productinfomain .content .left .cprev {
        top: 93%;
        left: 0;
    }

    .s {
        display: none;
    }

    .productinfomodle .show .ss {
        display: block;
        overflow: hidden;
    }

    .productinfomodle .show .ss .down .img {
        width: 100%;
        object-fit: cover;
    }

    .productinfomodle .show .ss .down .img>img {
        width: 100%;
        border-radius: 15px;
    }

    .productinfomodle {
        margin: 50px 0;
    }

    .productinfomain>.left {
        display: none;
    }

    .productinfomodle .content .right>span:nth-child(1) {
        font-size: 16px;
    }

    .zoomContainer {
        display: none;
    }


    /* search */
    .searchmodle .searchmain {
        display: flex;
        flex-direction: column-reverse;
    }

    .searchmodle .left .r {
        display: block;
        margin: 0;
    }

    .searchmodle .left .cards {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .searchmain .left .r .imgs {
        width: 100%;
        margin: 0;
    }

    /* 404 */
    .modle404 .container {
        padding: 0 20px;
    }

    .modle404 .modlemain404 {
        display: block;
    }

    .modlemain404 .left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .modlemain404 .left>img {
        height: 300px;
    }

    .modlemain404 .right {
        width: 100%;
        text-align: center;
    }
    .main1zz .video>#vie{
        width: 80%;
    }
}

@media (min-width:576px) and (max-width:767px) {

    /*头部 脚部样式  */
    .nav0 .container {
        padding: 10px;
    }

    .nav1 .nav1main .center {
        display: none;
    }

    .nav1 .container {
        padding: 0 20px;
    }

    .nav2 {
        margin-top: 60px;
    }

    .d-block {
        width: 100% !important;
    }

    .carousel-indicators {
        top: 80%;
    }

    .footer .main>ul {
        padding: 25px;
        margin: 0;
        padding-right: 0;
    }

    .footermain .footd .down {
        flex-direction: column;
    }

    .nav1main .right {
        display: none;
    }

    .pright {
        display: block;
    }

    /* 主体部分 */
    /* main1 */
    .main1 {
        background-repeat: repeat;
        height: 150px;
    }

    .main1 .m1main .left .wrap {
        left: 50px;
        transform: translateX(-50%);
    }

    .main1 .m1main .left .w2 {
        left: 280px;
    }

    .main1 .m1main .left .w3 {
        left: 500px;
    }

    .main1 .m1main>.right {
        position: absolute;
        bottom: -45%;
        left: 0;
    }

    .main1 .m1main .swiper img {
        width: 100%;
    }

    /* .main1 .m1main>.left .wrap{position: static;} */
    .main1 .m1main {
        flex-direction: column;
    }

    .main1 .m1main>.left {
        width: 100%;
    }

    .main1 .m1main>.right {
        width: 90%;
        margin: 10px 0;
    }

    .main1 {
        position: relative;
    }

    .main1 .m1main>.right {
        position: absolute;
        bottom: -116%;
        left: 30px;
        transform: translateX(-50%);
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    /* main2 */
    .main2 .left>h2 {
        font-size: 25px;
    }

    .main2 .m2main {
        flex-direction: column;
    }

    .main2 .left {
        width: 100%;
    }

    .main2 .right {
        width: 100%;
        margin: 15px 0;
    }

    .main2 .left>ul>li {
        width: 50%;
    }

    .main2 .left>ul>li>span {
        font-size: 15px;
    }

    /* main3 */
    .m1dr {
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .main3 .m3main>.up {
        flex-direction: column;
    }

    .main3 .m3main .up .left {
        width: 100%;
    }

    .main3 .m3main .up .left>h2 {
        font-size: 35px;
        /* text-align: center; */
    }

    .main3 .m3main .up>.right {
        width: 100%;
        /* justify-content: center; */
    }

    .main3 .m3main .up>.right>p {
        /* text-align: center; */
    }

    .main3 .m3main>ul>li:nth-child(1),
    .main3 .m3main>ul>li:nth-child(5) {
        margin-left: 25px;
    }

    .main3 .m3main>ul>li:nth-child(4),
    .main3 .m3main>ul>li:nth-last-child(1) {
        margin-right: 25px;
    }

    .main3 .m3main>ul>li {
        width: 100%;
    }

    /* main4 */
    .main4 .m4main {
        flex-direction: column;
    }

    .main4 .m4main .left {
        width: 100%;
    }

    .main4 .m4main .right {
        width: 100%;
        margin: 0;
    }

    .main4 .lcard {
        position: static;
        width: 100%;
    }
    .main4 .m4main .right>h1{
        font-size: 47px;
    }

    /* main5 */
    .main5 .m5main {
        flex-direction: column;
    }

    .main5 .m5main .left {
        width: 100%;
    }

    .main5 .m5main .left .m5lmain {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .main5 .m5main .right {
        width: 100%;
    }

    .main5 .m5main .right>p {
        width: 100%;
    }

    /* main6 */
    .main6 .m6main {
        flex-direction: column;
    }

    .main6 .m6main .left {
        width: 100%;
    }

    .main6 .m6main .right {
        width: 100%;
    }
    .main6 .m6main .left >h1{
        width: 100%;
    }

    .main6 .m6main .right>div{
        width: 50%;
    }
    /* main1 */
    .main1 .up ul>li {
        width: 100%;
        margin: 15px 0;
    }

    .main1 .up ul>li:nth-child(1)>span:nth-child(1)>.yuan {
        left: 50px;
        top: 10px;
    }

    .main1 .up ul>li:nth-child(2)>span:nth-child(1)>.yuan {
        left: 50px;
        top: 10px;
    }

    .main1 .up ul>li:nth-child(3)>span:nth-child(1)>.yuan {
        left: 90px;
        top: 10px;
    }

    .main1 .down .left .up {
        justify-content: center;
        width: 100%;
    }

    .main1 .down .left .up>span:nth-child(1) {
        width: 15%;
    }

    .main1 .main>.down {
        flex-direction: column;
    }

    .main1 .down .left {
        width: 100%;
        text-align: center;
    }

    .main1 .down .right {
        width: 100%;
        margin-top: 20px;
    }

    .main1 .down .left .center>p {
        padding: 5px;
    }

    .main1 .down .left .down {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 5px;
    }

    .main1 .up ul>li:nth-child(1)>.num>div {
        right: 71px;
    }

    .main1 .up ul>li:nth-child(2)>.num>div {
        right: 71px;
    }

    .main1 .up ul>li:nth-child(3)>.num>div {
        right: 54px;
    }

    /* main3 */
    .main3 .main>.up {
        display: block;
    }

    .main3 .main .up>.left {
        width: 100%;
        text-align: center;
    }

    .main3 .main .up .left>.up {
        justify-content: center;
    }

    .main3 .main .up>.right {
        width: 100%;
    }

    .main3 .main .up .left>h2 {
        width: 100%;
        margin-top: 10px;
    }

    .main3 .main .up>.right>p {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .main3 .main .down>ul>li {
        width: 100%;
        margin: 10px 0;
    }

    .main3 .main .up>.center {
        width: 100%;
        height: 1px;
        background-color: #aaa;
        margin: 15px 5px;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }
    .footer .main>ul>li {
        width: 50%;
    }

    .footer .main>ul>li:nth-last-child(1),
    .footer .main>ul>li:nth-last-child(2) {
        margin-top: 60px;
    }

    .main3 .m3main .down>ul>li {
        width: 100%;
    }

    /* main4 */
    .main4 .main .up>.up {
        justify-content: center;
    }

    .main4 .main .up>.up>span:nth-child(1) {
        width: 15%;
    }

    .main4 .main .up {
        text-align: center;
    }

    .main4 .main .down>ul>li {
        width: 100%;
        margin: 10px 0;
        padding: 10px !important;
    }

    /* main5*/
    .main5 .main>.up {
        display: block;
    }

    .main5 .main .up>.left {
        width: 100%;
        text-align: center;
    }

    .main5 .main .up .left>.up {
        justify-content: center;
    }

    .main5 .main .up .left>.up>span:nth-child(1) {
        width: 15%;
    }

    .main5 .main .up>.right {
        width: 100%;
    }

    .main5 .main .up .left>h2 {
        width: 100%;
        margin-top: 10px;
    }

    .main5 .main .up>.right>p {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .main5 .main .up>.center {
        width: 100%;
        height: 1px;
        background-color: #aaa;
        margin: 15px 5px;
    }

    .main5 .main .down>ul>li {
        width: 100%;
        margin: 10px 0 !important;
        padding: 10px !important;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    .footermain .right>ul>li>div>i {
        padding: 0;
    }

    .footermain .right>ul>li:nth-child(1) {
        display: flex;
        justify-content: space-between;
    }

    .main2 .bgh1,
    .main4 .bgh1,
    .main3 .bgh1,
    .main5 .bgh1,
    .main6 .bgh1 {
        position: static;
        font-size: 52px !important;
    }
    .main2 .left>h2{font-size: 25PX;}
    .main3 .m3main .up .left>h2 {font-size: 25px;}
    .main4 .m4main .right>h1{font-size: 25PX;}
    .main5 .m5main .right>h1{font-size: 25PX; text-align: center;}
    .main6 .m6main .left >h1{width: 100%;font-size: 25PX;}

    /* 子页通用样式 */
    .newinfomodle .newinfomain,
    .newmodle .main,
    .productlistmodle .productlistmain,
    .productmodle .productmain,
    .productinfomodle .productinfomain,
    .searchmodle .searchmain {
        display: block;
    }

    .newinfomodle .newinfomain .left,
    .newmodle .main .left,
    .productlistmodle .productlistmain .left,
    .productmodle .productmain .left,
    .productinfomodle .productinfomain .left,
    .searchmodle .searchmain .left {
        width: 100%;
    }

    .newinfomodle .newinfomain .right,
    .newmodle .main .right,
    .productlistmodle .productlistmain .right,
    .productmodle .productmain .right,
    .productinfomodle .productinfomain .right,
    .searchmodle .searchmain .right {
        width: 100%;
    }

    .newinfomodle .container,
    .newmodle .container,
    .productlistmodle .container,
    .productmodle .container,
    .productinfomodle .container,
    .searchmodle .container {
        padding: 0 20px;
    }

    /* new */
    .newmodle .main>.left {
        display: none;
    }

    .newmodle .right {
        margin-top: 20px;
    }

    .newmodle .right>ul>li {
        display: block;
    }

    .newmodle .right>ul>li>.lileft {
        width: 100%;
    }

    /* newlist */
    .newlistmodle {
        margin: 0;
    }

    /* newinfo */
    .newinfomodle .newinfomain>.left {
        display: none;
    }

    /* product */
    .productmodle .right .c {
        width: 45%;
    }

    .productmodle .productmain>.left {
        display: none;
    }

    .nav2cont .on {
        width: 80%;
        margin: 0 auto;
    }

    /* productlist */
    .productlistmodle .right>ul>li {
        display: block;
    }

    .productlistmodle .right>ul>li>.img {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt>span:nth-child(1) {
        font-size: 25px;
    }

    .productlistmodle .productlistmain>.left {
        display: none;
    }

    /* productinfo */
    .productinfomodle .productinfomain .right .content {
        display: block;
    }

    .productinfomain .content .left .cnext {
        top: 95%;
        right: 0;
    }

    .productinfomain .content .left .cprev {
        top: 95%;
        left: 0;
    }

    .productinfomain>.left {
        display: none;
    }

    .zoomContainer {
        display: none;
    }

    .s {
        display: none;
    }

    .productinfomodle .show .ss {
        display: block;
        overflow: hidden;
    }

    .productinfomodle .show .ss .down .img {
        width: 100%;
        object-fit: cover;
    }

    .productinfomodle .show .ss .down .img>img {
        width: 100%;
        border-radius: 15px;
    }

    .productinfomodle {
        margin: 50px 0;
    }

    .productinfomain>.left {
        display: none;
    }

    .productinfomodle .content .right>span:nth-child(1) {
        font-size: 16px;
    }

    /* search */
    .searchmodle .searchmain {
        display: flex;
        flex-direction: column-reverse;
    }

    .searchmodle .left .r {
        display: block;
        margin: 0;
    }

    .searchmodle .left .cards {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .searchmain .left .r .imgs {
        width: 100%;
        margin: 0;
    }

    /* 404 */
    .modle404 .container {
        padding: 0 20px;
    }

    .modle404 .modlemain404 {
        display: block;
    }

    .modlemain404 .left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .modlemain404 .left>img {
        height: 300px;
    }

    .modlemain404 .right {
        width: 100%;
        text-align: center;
    }
    .main1zz .video>#vie{
        width: 80%;
    }
}

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

    /*头部 脚部样式  */
    .nav0 .container {
        padding: 10px;
    }

    .nav1 .nav1main .center {
        display: none;
    }

    .nav1 .container {
        padding: 0 20px;
    }

    .nav2 {
        margin-top: 60px;
    }

    .d-block {
        width: 100% !important;
    }

    .carousel-indicators {
        top: 80%;
    }

    .footer .main>ul {
        padding: 25px;
        margin: 0;
        padding-right: 0;
    }

    .footermain .footd .down {
        flex-direction: column;
    }

    .nav1main .right {
        display: none;
    }

    .pright {
        display: block;
    }

    /* 主体部分 */
    /* main1 */
    .main1 {
        background-repeat: repeat;
        height: 150px;
    }

    .main1 .m1main .left .wrap {
        left: 50px;
        transform: translateX(-50%);
    }

    .main1 .m1main .left .w2 {
        left: 350px;
    }

    .main1 .m1main .left .w3 {
        left: 650px;
    }

    .main1 .m1main>.right {
        position: absolute;
        bottom: -45%;
        left: 0;
    }

    .main1 .m1main .swiper img {
        width: 100%;
    }

    /* .main1 .m1main>.left .wrap{position: static;} */
    .main1 .m1main {
        flex-direction: column;
    }

    .main1 .m1main>.left {
        width: 100%;
    }

    .main1 .m1main>.right {
        width: 80%;
        margin: 10px 100px;
    }

    .main1 {
        position: relative;
    }

    .main1 .m1main>.right {
        position: absolute;
        bottom: -115%;
        left: 50%;
        transform: translateX(-50%);
        left: 0;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    /* main2 */
    .main2 .left>h2 {
        font-size: 25px;
    }

    .main2 .m2main {
        flex-direction: column;
    }

    .main2 .left {
        width: 100%;
    }

    .main2 .right {
        width: 100%;
        margin: 15px 0;
    }

    .main2 .left>ul>li {
        width: 50%;
    }

    .main2 .left>ul>li>span {
        font-size: 15px;
    }

    /* main3 */
    .m1dr {
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .main3 .m3main>.up {
        flex-direction: column;
    }

    .main3 .m3main .up .left {
        width: 100%;
    }


    .main3 .m3main .up>.right {
        width: 100%;
        /* justify-content: center; */
    }

    .main3 .m3main .up>.right>p {
        /* text-align: center; */
    }

    .main3 .m3main>ul>li:nth-child(1),
    .main3 .m3main>ul>li:nth-child(5) {
        margin-left: 25px;
    }

    .main3 .m3main>ul>li:nth-child(4),
    .main3 .m3main>ul>li:nth-last-child(1) {
        margin-right: 25px;
    }

    .main3 .m3main>ul>li {
        width: 100%;
    }

    .main3 .m3main .down>ul>li {
        width: 47%;
    }

    /* main4 */
    .main4 .m4main {
        flex-direction: column;
    }

    .main4 .m4main .left {
        width: 100%;
    }

    .main4 .m4main .right {
        width: 100%;
        margin: 0;
    }

    .main4 .lcard {
        position: static;
        width: 100%;
    }

    /* main5 */
    .main5 .m5main {
        flex-direction: column;
    }

    .main5 .m5main .left {
        width: 100%;
    }

    .main5 .m5main .left .m5lmain {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .main5 .m5main .right {
        width: 100%;
    }

    .main5 .m5main .right>p {
        width: 100%;
    }

    /* main6 */
    .main6 .m6main {
        flex-direction: column;
    }

    .main6 .m6main .left {
        width: 100%;
    }

    .main6 .m6main .right {
        width: 100%;
    }

    /* main1 */
    .main1 .up ul>li {
        width: 100%;
        margin: 15px 0;
    }

    .main1 .up ul>li:nth-child(1)>span:nth-child(1)>.yuan {
        left: 50px;
        top: 10px;
    }

    .main1 .up ul>li:nth-child(2)>span:nth-child(1)>.yuan {
        left: 50px;
        top: 10px;
    }

    .main1 .up ul>li:nth-child(3)>span:nth-child(1)>.yuan {
        left: 90px;
        top: 10px;
    }

    .main1 .down .left .up {
        justify-content: center;
    }

    .main1 .main>.down {
        flex-direction: column;
    }

    .main1 .down .left {
        width: 100%;
        text-align: center;
    }

    .main1 .down .right {
        width: 100%;
        margin-top: 20px;
    }

    .main1 .down .left .center>p {
        padding: 5px;
    }

    .main1 .down .left .down {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 5px;
    }

    /* main3 */
    .main3 .main>.up {
        display: block;
    }

    .main3 .main .up>.left {
        width: 100%;
        text-align: center;
    }

    .main3 .main .up .left>.up {
        justify-content: center;
    }

    .main3 .main .up .left>.up>span:nth-child(1) {
        width: 10%;
    }

    .main3 .main .up>.right {
        width: 100%;
    }

    .main3 .main .up .left>h2 {
        width: 100%;
        margin-top: 10px;
    }

    .main3 .main .up>.right>p {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .main3 .main .down>ul>li {
        width: 50%;
        margin: 10px 0;
    }

    .main3 .main .up>.center {
        width: 100%;
        height: 1px;
        background-color: #aaa;
        margin: 15px 5px;
    }

    .main3 .main .down>ul>li:nth-child(2)>.center>img {
        padding: 24px 15px;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    /* main4 */
    .main4 .main .up>.up {
        justify-content: center;
    }

    .main4 .main .up>.up>span:nth-child(1) {
        width: 10%;
    }

    .main4 .main .up {
        text-align: center;
    }

    .main4 .main .down>ul>li {
        width: 50%;
        margin: 10px 0;
        padding: 10px !important;
    }

    /* main5*/
    .main5 .main>.up {
        display: block;
    }

    .main5 .main .up>.left {
        width: 100%;
        text-align: center;
    }

    .main5 .main .up .left>.up {
        justify-content: center;
    }

    .main5 .main .up .left>.up>span:nth-child(1) {
        width: 10%;
    }

    .main5 .main .up>.right {
        width: 100%;
    }

    .main5 .main .up .left>h2 {
        width: 100%;
        margin-top: 10px;
    }

    .main5 .main .up>.right>p {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .main5 .main .up>.center {
        width: 100%;
        height: 1px;
        background-color: #aaa;
        margin: 15px 5px;
    }

    .main5 .main .down>ul>li {
        width: 100%;
        margin: 10px 0 !important;
        padding: 10px !important;
    }
    .main6 .m6main .right>div{
        width: 50%;
    }

    .main2 .left>h2{font-size: 25PX;}
    .main3 .m3main .up .left>h2 {font-size: 25px;}
    .main4 .m4main .right>h1{font-size: 25PX;}
    .main5 .m5main .right>h1{font-size: 25PX; text-align: center;}
    .main6 .m6main .left >h1{width: 100%;font-size: 25PX;}
    .pright,
    .plist,
    .plistzz {
        display: block;
    }
    .footer .main>ul>li {
        width: 50%;
    }

    .footer .main>ul>li:nth-last-child(1),
    .footer .main>ul>li:nth-last-child(2) {
        margin-top: 60px;
    }

    /* .footermain .main .right>ul{flex-direction: row;} */
    .footermain .right>ul>li>div>i {
        padding: 0;
    }

    .footermain .right>ul>li:nth-child(1) {
        display: flex;
        justify-content: space-between;
    }

    .main2 .bgh1,
    .main4 .bgh1,
    .main3 .bgh1,
    .main5 .bgh1,
    .main6 .bgh1 {
        position: static;
        font-size: 52px !important;
    }

    /* 子页通用样式 */
    .newinfomodle .newinfomain,
    .newmodle .main,
    .productlistmodle .productlistmain,
    .productmodle .productmain,
    .productinfomodle .productinfomain,
    .searchmodle .searchmain {
        display: block;
    }

    .newinfomodle .newinfomain .left,
    .newmodle .main .left,
    .productlistmodle .productlistmain .left,
    .productmodle .productmain .left,
    .productinfomodle .productinfomain .left,
    .searchmodle .searchmain .left {
        width: 100%;
    }

    .newinfomodle .newinfomain .right,
    .newmodle .main .right,
    .productlistmodle .productlistmain .right,
    .productmodle .productmain .right,
    .productinfomodle .productinfomain .right,
    .searchmodle .searchmain .right {
        width: 100%;
    }

    .newinfomodle .container,
    .newmodle .container,
    .productlistmodle .container,
    .productmodle .container,
    .productinfomodle .container,
    .searchmodle .container {
        padding: 0 20px;
    }

    /* new */
    .newmodle .main>.left {
        display: none;
    }

    .newmodle .right {
        margin-top: 20px;
    }

    /* .newmodle .right>ul>li{display: block;} */
    /* .newmodle .right>ul>li>.lileft{width: 100%;} */
    /* newlist */
    .newlistmodle {
        margin: 0;
    }

    .newlistmodle .c {
        width: 50%;
    }

    /* newinfo */
    .newinfomodle .newinfomain>.left {
        display: none;
    }

    /* product */
    .productmodle .right .c {
        width: 47%;
    }

    .productmodle .productmain>.left {
        display: none;
    }

    /* productlist */
    .productlistmodle .right>ul>li {
        display: block;
    }

    .productlistmodle .right>ul>li>.img {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt {
        width: 100%;
    }

    .productlistmodle .right>ul>li>.txt>span:nth-child(1) {
        font-size: 25px;
    }

    .productlistmodle .productlistmain>.left {
        display: none;
    }

    /* productinfo */
    .productinfomodle .productinfomain .right .content {
        display: block;
    }

    .productinfomain .content .left .cnext {
        top: 96%;
        right: 0;
    }

    .productinfomain .content .left .cprev {
        top: 96%;
        left: 0;
    }

    .productinfomain>.left {
        display: none;
    }

    .zoomContainer {
        display: none;
    }

    /* search */
    .searchmodle .searchmain {
        display: flex;
        flex-direction: column-reverse;
    }

    .searchmodle .left .r {
        display: flex;
        margin: 0;
    }

    .searchmodle .left .cards {
        display: block;
        width: 47%;
        margin: 10px 10px;
    }

    .searchmain .left .r .imgs {
        width: 100%;
        margin: 0;
    }

    /* 404 */
    .modlemain404 .left {
        display: block;
        margin: auto;
    }

    .modlemain404 .left>img {
        width: 100%;
    }
    .main1zz .video>#vie{
        width: 80%;
    }
}


@media (min-width:992px) and (max-width:1200px) {

    /*头部 脚部样式  */
    .main1zz .video>#vie{
        width: 80%;
    }
    .nav0 .container {
        padding: 10px;
    }

    .nav1 .nav1main .center {
        display: none;
    }

    .nav1 .container {
        padding: 0 20px;
    }

    .nav2 {
        margin-top: 60px;
    }

    .d-block {
        width: 100% !important;
    }

    .carousel-indicators {
        top: 80%;
    }

    .footer .main>ul {
        padding: 25px;
        margin: 0;
        padding-right: 0;
    }

    .footermain .footd .down {
        flex-direction: column;
    }

    .nav1main .right {
        display: none;
    }

    .pright {
        display: block;
    }

    .pright,
    .plist,
    .plistzz {
        display: block;
    }

    .footer .main>ul>li {
        width: 50%;
    }

    .footer .main>ul>li:nth-last-child(1),
    .footer .main>ul>li:nth-last-child(2) {
        margin-top: 60px;
    }

    .main4 .lcard {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .main5 .m5main .left {
        width: 60%;
    }

    .main2 .bgh1,
    .main4 .bgh1,
    .main3 .bgh1,
    .main6 .bgh1 {
        position: static;
        font-size: 42px !important;
    }
    .main5 .bgh1{
        font-size: 42px !important;
        right: 24%;
    }
    .main2 .left>h2{font-size: 35PX;}
    .main3 .m3main .up .left>h2 {font-size: 35px;}
    .main4 .m4main .right>h1{font-size: 35PX;}
    .main5 .m5main .right>h1{font-size: 35PX;}
    .main6 .m6main .left >h1{width: 100%;font-size: 35PX;}

    /* 子页通用样式 */
    .newinfomodle .newinfomain,
    .newmodle .main,
    .productlistmodle .productlistmain,
    .productmodle .productmain,
    .productinfomodle .productinfomain,
    .searchmodle .searchmain {
        display: block;
    }

    .newinfomodle .newinfomain .left,
    .newmodle .main .left,
    .productlistmodle .productlistmain .left,
    .productmodle .productmain .left,
    .productinfomodle .productinfomain .left,
    .searchmodle .searchmain .left {
        width: 100%;
    }

    .newinfomodle .newinfomain .right,
    .newmodle .main .right,
    .productlistmodle .productlistmain .right,
    .productmodle .productmain .right,
    .productinfomodle .productinfomain .right,
    .searchmodle .searchmain .right {
        width: 100%;
    }

    .newinfomodle .container,
    .newmodle .container,
    .productlistmodle .container,
    .productmodle .container,
    .productinfomodle .container,
    .searchmodle .container {
        padding: 0 20px;
    }

    /* new */
    .newmodle .main>.left {
        display: none;
    }

    .newmodle .right {
        margin-top: 20px;
    }

    /* .newmodle .right>ul>li{display: block;} */
    /* .newmodle .right>ul>li>.lileft{width: 0%;} */
    /* newlist */
    .newlistmodle {
        margin: 0 10PX;
    }

    /* newinfo */
    .newinfomodle .newinfomain>.left {
        display: none;
    }

    /* product */
    .productmodle .right .c {
        width: 31%;
    }

    .productmodle .productmain>.left {
        display: none;
    }

    /* productlist */
    /* .productlistmodle .right>ul>li{display: block;} */
    .productlistmodle .right>ul>li>.img {
        width: 35%;
    }

    .productlistmodle .right>ul>li>.txt {
        width: 64%;
    }

    .productlistmodle .right>ul>li>.txt>span:nth-child(1) {
        font-size: 25px;
    }

    .productlistmodle .productlistmain>.left {
        display: none;
    }

    /* productinfo */
    .productinfomodle .productinfomain .right .content {
        display: block;
    }

    .productinfomain .content .left .cnext {
        top: 95%;
        right: 0;
    }

    .productinfomain .content .left .cprev {
        top: 95%;
        left: 0;
    }

    .productinfomain>.left {
        display: none;
    }

    .bg>img {
        height: 500px;
        object-fit: cover;
    }

    .zoomContainer {
        display: none;
    }

    /* search */
    .searchmodle .searchmain {
        display: flex;
        flex-direction: column-reverse;
    }

    .searchmodle .left .r {
        display: flex;
        margin: 0;
    }

    .searchmodle .left .cards {
        display: block;
        width: 47%;
        margin: 10px 10px;
    }

    .searchmain .left .r .imgs {
        width: 100%;
        margin: 0;
    }

    /* 404 */
    .modlemain404 .left {
        display: block;
        margin: auto;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .main1zz .video>#vie{
        width: 80%;
    }
    .nav1main .center .head_nav>li>a>em {
        font-size: 12px;
    }

    .footermain .footd .down {
        flex-direction: column;
    }

    .main1 .up ul>li {
        width: 30%;
    }

    .main1 .down .right {
        display: flex;
        object-fit: cover;
    }

    .main3 .main .down>ul>li:nth-child(2)>.center>img {
        padding: 36px 15px;
    }

    .main5 .main .down>ul>li:nth-child(1) {
        padding-left: 10px;
    }

    /* .nav1main .left{width: 20%;} */
    .main3 .main .down>ul>li {
        width: 20%;
    }

    .main4 .main .down>ul>li {
        width: 29%;
    }
    

    .main5 .main .down>ul>li {
        width: 30%;
    }

    .main1 .up ul>li .jia {
        font-size: 57px;
    }

    .main1 .up ul>li .num {
        font-size: 57px;
    }

    .main1 .up ul>li>.tit {
        font-size: 24px;
    }

    .main1 .up ul>li:nth-child(1)>span:nth-child(1)>.yuan {
        right: 67px;
    }

    .main1 .up ul>li:nth-child(2)>span:nth-child(1)>.yuan {
        right: 43px;
    }

    .main1 .up ul>li:nth-child(3)>span:nth-child(1)>.yuan {
        right: 32px;
    }

    .main2 .bgh1,
    .main3 .bgh1,
    .main4 .bgh1,
    .main6 .bgh1
    {
        position: static;
        font-size: 40px !important;
    }
    .footermain .main>ul>li:nth-child(2){
        width: 20%;
    }
    .footermain .main>ul>li:nth-last-child(1){
        width: 30%;
    }
    .main5 .bgh1{
        font-size: 40px !important;
        left: 49%;
    }
    .main2 .left>h2{font-size: 40PX;}
    .main3 .m3main .up .left>h2 {font-size: 40px;}
    .main4 .m4main .right>h1{font-size: 40PX;}
    .main5 .m5main .right>h1{font-size: 40PX;}
    .main6 .m6main .left >h1{width: 100%;font-size: 40PX;}

}

.breadcrumbs_ty a,
.breadcrumbs_ty span{
  font-size: 18px;
  color: #000000;
}
.breadcrumbs_ty p{
  margin: 5px 0;
}
.breadcrumbs_ty{
   padding: 15px 0;
}
.breadcrumbs_ty .last{
   text-transform:capitalize !important;
}
.ty_line_down{
   width: 100%;
   background-color: #cdcdcd;
   height: 1px;
}