.w_1400 {
    margin: auto;
    max-width: 1200px;
    width: 100%;
  }
  .w_1370 {
    margin: auto;
    max-width: 1370px;
    width: 100%;
  }
  .w_1200 {
    margin: auto;
    max-width: 1200px;
    width: 100%;
  }
  .w_1170 {
    margin: auto;
    max-width: 1170px;
    width: 100%;
  }
  .w_768 {
    margin: auto;
    max-width: 768px;
    width: 100%;
  }

  .index_head {
    position: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f3e2e2;
    left: 0;
    top: 0;
    z-index: 1000;
  }
  .index_head .head_main .left {
    padding: 15px 0;
  }
  .index_head .head_main .left  img{
      max-height: 50px;
  }
  .index_head .head_main .right ul li {
    display: inline-block;
    padding: 0 20px;
    position: relative;
  }
  .index_head .head_main .right ul li:hover .select_nav {
    display: block;
  }
  .index_head .head_main .right ul li > a {
    font-size: 14px;
    color: #666;
    line-height: 80px;
  }
  .index_head .head_main .right ul li > a:hover {
    color: #c30d23;
  }
  .index_head .head_main .right ul li .select_nav {
    display: none;
    position: absolute;
    background: #fff;
    width: 120%;
    left: -10%;
    z-index: 10;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    overflow: hidden;
  }
  .index_head .head_main .right ul li .select_nav p a {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #999;
  }
  .index_head .head_main .right ul li .select_nav p:hover{
      box-shadow: 1px 4px 10px #ddd;
  }
  .index_head .head_main .right ul li .select_nav p a:hover {
    color: #c30d23;
  }
  .index_head .head_main .right ul .active > a {
    color: #c30d23;
  }
  .index_banner .swiper-slide img {
    vertical-align: bottom;
    width: 100%;
    object-fit: cover;
  }
  .index_banner .swiper-button-prev {
    left: 0%;
    top: 0;
    height: 100%;
    width: 18%;
    background-image: none;
    outline: none;
  }
  .index_banner .swiper-button-prev:hover {
    background-image: url(../img/lpkprev1.png);
  }
  .index_banner .swiper-button-next {
    width: 18%;
    height: 100%;
    top: 0;
    right: 0%;
    background-image: none;
    outline: none;
  }
  .index_banner .swiper-button-next:hover {
    background-image: url(../img/lpknext1.png);
  }
  .index_banner .swiper-pagination {
    bottom: 35px;
  }
  .index_banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
  }
  .index_banner .swiper-pagination-bullet-active {
    background: #c30d23;
  }
  .index_product1 {
    background: url(../img/index_bg1.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 300px;
    padding-top: 140px;
  }
  .index_product1 .main .left {
    padding-bottom: 90px;
    position: relative;
  }
  .index_product1 .main .left h5 {
    font-size: 36px;
    color: #333;
    font-weight: 300;
  }
  .index_product1 .main .left div{
       margin-top: 40px;
  }
  .index_product1 .main .left p {
    font-size: 14px;
    color: #666;
    width: 37%;
    line-height: 25px;
  }
  .index_product1 .main .left a {
    font-size: 14px;
    color: #000;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border: 1px solid #000;
    text-align: center;
    bottom: -15px;
    position: absolute;
    left: 0;
  }
  .index_product1 .main .left a span img {
    vertical-align: middle;
    margin-top: -3px;
  }
  .index_product1 .main .right {
    text-align: center;
  }
  .index_product2 {
    background: url(../img/index_bg2.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 300px;
    padding: 105px 0 50px;
  }
  .index_product2 .right {
    width: 50%;
    text-align: center;
  }
  .index_product2 .left {
    width: 25%;
  }
  .index_product2 .left h5 {
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-align: right;
    margin-top: 70px;
  }
  .index_product2 .left div{
      margin-top: 40px;
  }
  .index_product2 .left p {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: right;
  }
  .index_product2 .left a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border: 1px solid #fff;
    text-align: center;
    margin-top: 50px;
  }
  .index_product2 .left a span img {
    vertical-align: middle;
    margin-top: -3px;
  }
  .index_product3 {
    background: url(../img/index_bg3.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 300px;
    padding: 140px 0 60px;
  }
  .index_product3 .main .left {
    padding-bottom: 90px;
    position: relative;
  }
  .index_product3 .main .left h5 {
    font-size: 36px;
    color: #333;
    font-weight: 300;
  }
  .index_product3 .main .left div{
      margin-top: 40px;
  }
  .index_product3 .main .left p {
    
    font-size: 14px;
    color: #666;
    width: 37%;
    line-height: 25px;
  }
  .index_product3 .main .left a {
    font-size: 14px;
    color: #000;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border: 1px solid #000;
    text-align: center;
    bottom: -15px;
    position: absolute;
    left: 0;
  }
  .index_product3 .main .left a span img {
    vertical-align: middle;
    margin-top: -3px;
  }
  .index_product3 .main .right {
    text-align: center;
  }
  .index_new .title {
    font-size: 30px;
    text-align: center;
    margin-top: 75px;
  }
  .index_new .ul {
    text-align: center;
    margin: 25px 0 30px;
  }
  .index_new .ul span {
    font-size: 14px;
    color: #666;
    display: inline-block;
    padding: 0 17px;
    border-right: 1px solid #b2b2b2;
    cursor: default;
    height: 14px;
    line-height: 14px;
  }
  .index_new .ul span:last-child {
    border: none;
  }
  .index_new .ul .active {
    color: #c30d23;
  }
  .index_new .main {
    justify-content: space-between;
    display: none;
  }
  .index_new .main:first-child {
    display: block;
  }
  .index_new .main > div {
    width: 30.333%;
    float: left;
    margin: 0 1.5%;
  }
  .index_new .main > div a {
    widows: 100%;
    display: block;
  }
  .index_new .main > div a .img {
    width: 100%;
    height: 230px;
    overflow: hidden;
  }
  .index_new .main > div a .img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 0.5s;
  }
  .index_new .main > div a .h5 {
    font-size: 16px;
    color: #000;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .index_new .main > div a .p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .index_new .main > div a .more {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
  }
  .index_new .main > div a .more span {
    font-size: 12px;
    color: #999;
    border-top: 1px solid #000;
    display: inline-block;
    line-height: 40px;
    position: relative;
    top: -1px;
    transition: all 0.2s;
  }
  .index_new .main > div a:hover img {
    transform: scale(1.1);
  }
  .index_new .main > div a:hover span {
    display: block;
    color: #C30D23;
    border-top: 1px solid #C30D23;
  }
  .index_new .main:nth-child(2) > div {
    width: 47%;
  }
  .index_new .main:nth-child(2) > div .img {
    height: 290px;
  }
  .index_new .main:nth-child(3) > div {
    width: 47%;
  }
  .index_new .main:nth-child(3) > div .img {
    height: 290px;
  }
  .index_six {
    margin-top: 70px;
    background: url(../img/index_bg4.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 100px;
    padding: 60px 0 70px;
  }
  .index_six .mian .title {
    text-align: center;
    font-size: 1.5625vw;
  }
  .index_six .mian .box {
    display: flex;
    justify-content: space-between;
  }
  .index_six .mian .box .item {
    margin-top: 60px;
  }
  .index_six .mian .box .item .top img {
    transition: all 0.5s;
  }
  .index_six .mian .box .item .top img:hover {
    transform: rotateZ(360deg);
  }
  .index_six .mian .box .item .bottom {
    font-size: 0.9375vw;
    margin-top: 30px;
    text-align: center;
  }
  .index_footer {
    background: #292929;
    min-height: 100px;
    padding: 60px 0 0 0;
  }
  .index_footer .box .t {
    padding-bottom: 40px;
  }
  .index_footer .box .t .left .item {
    margin-right: 65px;
  }
  .index_footer .box .t .left .item p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
  }
  .index_footer .box .t .left .item a {
    font-size: 12px;
    color: #b2b2b2;
    display: block;
    line-height: 35px;
  }
  .index_footer .box .t .right .tit {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
  }
  .index_footer .box .t .right p {
    font-size: 12px;
    color: #b2b2b2;
    line-height: 35px;
  }
  .index_footer .box .t .right p img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .index_footer .index_f {
    border-top: 1px solid #3f3f3e;
  }
  .index_footer .index_f .m {
    display: flex;
    justify-content: space-between;
  }
  .index_footer .index_f .m .f_l {
    font-size: 12px;
    color: #b2b2b2;
    line-height: 75px;
  }
  .index_footer .index_f .m .f_l img {
    vertical-align: middle;
    margin-right: 10px;
  }
  .index_footer .index_f .m .f_l a {
    color: #b2b2b2;
  }
  .index_footer .index_f .m .f_c {
    line-height: 75px;
  }
  .index_footer .index_f .m .f_c a {
    position: relative;
  }
  .index_footer .index_f .m .f_c a:hover span {
    display: block;
  }
  .index_footer .index_f .m .f_c a > img {
    vertical-align: middle;
  }
  .index_footer .index_f .m .f_c a span {
    position: absolute;
    bottom: 30px;
    display: none;
    left: -45px;
  }
  .index_footer .index_f .m .f_c a span img {
    width: 120px;
    vertical-align: bottom;
  }
  .index_footer .index_f .m .f_r {
    position: relative;
  }
  .index_footer .index_f .m .f_r p {
    font-size: 12px;
    color: #b2b2b2;
    width: 100px;
    line-height: 40px;
    border: 1px solid #4c4c4c;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 16px;
  }
  .index_footer .index_f .m .f_r:hover .select{
      display: block;
  }
  .index_footer .index_f .m .f_r .select {
    display: none;
    position: absolute;
    right: 0;
    width: 130px;
    bottom: 60px;
    max-height: 170px;
    border: 1px solid #b2b2b2;
    padding: 15px 0;
    background: #fff;
  }
  .index_footer .index_f .m .f_r .select a {
    display: block;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
  }
  .index_footer .index_f .m .f_r .select a:hover{
      color: #c30d23;
      box-shadow: 1px 4px 10px #ddd;
  }
  .lpk_banner {
    width: 100%;
    position: relative;
  }
  .lpk_banner > img {
    width: 100%;
    object-fit: cover;
  }
  .lpk_banner .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .lpk_banner .box .item {
    margin: auto;
  }
  .lpk_banner .box .item .top {
    font-size: 2.5vw;
    text-align: center;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
  }
  .lpk_banner .box .item .center {
    margin: 10px 0;
    text-align: center;
    opacity: 0;
    display:none;
  }
  .lpk_banner .box .item .center img {
    height: 20px;
  }
  .lpk_banner .box .item .bottom {
    font-size: 1.875vw;
    text-align: center;
    color: #fff;
    font-family: "寰蒋闆呴粦 Light";
  }
  .lpk_nav {
    border-top: 1px solid #f5f5f5;
  }
  .lpk_nav a {
    font-size: 14px;
    color: #666;
    display: inline-block;
    margin-right: 50px;
    border-top: 1px solid #fff;
    padding: 15px 0;
  }
  .lpk_nav a:hover {
    border-top: 1px solid #c30d23;
    color: #c30d23;
  }
  .lpk_nav .active {
    border-top: 1px solid #c30d23;
    color: #c30d23;
  }
  .product_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .product_list .item {
    width: 32.333%;
    margin-top: 15px;
    margin: 0 0.5%;
  }
  .product_list .item .top {
    width: 100%;
    position: relative;
  }
  .product_list .item .top > img {
    width: 100%;
    height: 310px;
    object-fit: cover;
  }
  .product_list .item .top .posi {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(195, 13, 35, 0.9);
    align-items: center;
    display: none;
  }
  .product_list .item .top .posi a {
    margin: auto;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
  }
  .product_list .item .top .posi a p{
  margin: auto;
  }
  .product_list .item .top .posi a img {
    margin-bottom: 10px;
  }
  .product_list .item:hover .posi {
    display: flex;
  }
  .product_list .item .bottom a {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
  }
  .product_list .item .bottom a .left{
      width: 80%;
  }
  .product_list .item .bottom a .left .t {
    font-size: 18px;
    color: #333;
  }
  .product_list .item .bottom a .left .b {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
  }
  .product_list .item .bottom a .right {
    display: flex;
    align-items: center;
  }
  .lpk_page {
    text-align: center;
    margin-top: 50px;
  }
  .lpk_page a {
    display: inline-block;
    font-size: 16px;
    color: #999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #f5f5f5;
  }
  .lpk_page a:hover {
    background: #c30d23;
    color: #fff;
  }
  .lpk_page .active {
    background: #c30d23;
    color: #fff;
  }
  .lpk_icon {
    display: flex;
    justify-content: space-around;
    padding: 80px 0;
  }
  .lpk_icon .item {
    border-right: 1px dashed #dddddd;
  }
  .lpk_icon .item a .top {
    text-align: center;
    height: 40px;
  }
  .lpk_icon .item a .top img {
    margin: auto;
  }
  .lpk_icon .item a .top .img1 {
    display: block;
  }
  .lpk_icon .item a .top .img2 {
    display: none;
  }
  .lpk_icon .item a .bottom {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 25px;
  }
  .lpk_icon .item:hover .top .img2 {
    display: block !important;
  }
  .lpk_icon .item:hover .top .img1 {
    display: none !important;
  }
  .lpk_icon .item:hover .bottom {
    color: #c30d23 !important;
  }
  .lpk_icon .item:last-child {
    border: 0;
  }
  .lpk_icon .active .top .img2 {
    display: block !important;
  }
  .lpk_icon .active .top .img1 {
    display: none !important;
  }
  .lpk_icon .active .bottom {
    color: #c30d23 !important;
  }
  .lpk_pro .item {
    width: 25%;
  }
  .lpk_pro1 .item {
    width: 50%;
  }
  .lpk_pro2 .item {
    width: 33.333%;
  }
  .product_info {
    background: #f5f5f5;
    padding: 125px 0;
  }
  .product_info .main {
    display: flex;
    justify-content: space-between;
  }
  .product_info .main .left .top {
    font-size: 16px;
    color: #333;
  }
  .product_info .main .left .tit {
    font-size: 46px;
    color: #333;
    margin-top: 10px;
  }
  .product_info .main .left .heng {
    margin: 20px 0;
  }
  .product_info .main .left .heng span {
    display: inline-block;
    width: 95px;
    height: 3px;
    background: #000;
  }
  .product_info .main .left .tit1 {
    font-size: 22px;
    color: #666;
  }
  .product_info .main .left .p{
      margin-top: 20px;
  }
  .product_info .main .left .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .product_info .main .right {
    display: flex;
    align-items: center;
  }
  .product_info_nav {
    display: flex;
    justify-content: space-between;
    margin: 25px auto;
  }
  .product_info_nav .left {
    line-height: 40px;
  }
  .product_info_nav .left a {
    font-size: 14px;
  }
  .product_info_nav .left a:hover {
    color: #e70a0a;
  }
  .product_info_nav .left span {
    font-size: 14px;
    color: #666;
  }
  .product_info_nav .right a,
  .product_info_nav .right span {
    font-size: 14px;
    color: #666;
    display: inline-block;
    line-height: 40px;
    padding: 0px 20px;
    border-radius: 20px;
  }
  .product_info_nav .right span {
    cursor: default;
  }
  .product_info_nav .right a:hover {
    color: #C30D23;
  }
  .product_info_nav .right .on {
    color: #C30D23;
  }
  .product_info_nav .right .active {
    background: #C30D23;
    color: #fff;
  }
  .product_bg1 {
    background: url(../img/p1_bg.png) no-repeat 50% 50%;
    background-size: cover;
    padding: 100px 0;
    position: relative;
  }
  .product_bg1 .left {
    margin-left: 120px;
  }
  .product_bg1 .left .tit {
    font-size: 46px;
    color: #333;
  }
  .product_bg1 .left .p {
    margin-top: 20px;
  }
  .product_bg1 .left .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .product_bg1 img {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .product_bg2 {
    background: url(../img/p2_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 230px 0;
    margin-top: 70px;
  }
  .product_bg2 .main {
    display: flex;
    justify-content: space-between;
  }
  .product_bg2 .main .item {
    width: 175px;
    height: 175px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
  }
  .product_bg2 .main .item .top {
    font-size: 18px;
    color: #333;
    text-align: center;
    height: 25px;
    margin-top: 30px;
  }
  .product_bg2 .main .item .tit {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin: 12px 0;
  }
  .product_bg2 .main .item .bot {
    font-size: 18px;
    color: #333;
    text-align: center;
    height: 25px;
  }
  .product_bg3 {
    margin-top: 70px;
  }
  .product_bg3 .tit {
    font-size: 46px;
    text-align: center;
  }
  .product_bg3 .heng {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .product_bg3 .heng span {
    display: inline-block;
    width: 95px;
    height: 3px;
    background: #000;
  }
  .product_bg3 .main {
    background: url(../img/p3_bg.png) no-repeat 121% 140%;
    background-size: auto 95%;
  }
  .product_bg3 .main .p1 {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 25px;
  }
  .product_bg3 .main .p2 {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 25px;
  }
  .product_bg3 .main .img {
    text-align: center;
    margin: 80px 0 50px;
  }
  .product_bg4 {
    background: url(../img/p4_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin-top: 70px;
  }
  .product_bg4 .main {
    display: flex;
    justify-content: space-between;
  }
  .product_bg4 .main .left img {
    margin-top: 60px;
  }
  .product_bg4 .main .right {
    /*padding: 150px 0;*/
  }
  .product_bg4 .main .right .tit {
    font-size: 46px;
    color: #333;
    text-align: right;
  }
  .product_bg4 .main .right .p {
    margin-top: 20px;
  }
  .product_bg4 .main .right .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    text-align: right;
  }
  .product_bg5 {
    background: url(../img/p5_bg.png) no-repeat right 50%;
    margin-top: 70px;
  }
  .product_bg5 .main {
    position: relative;
    padding: 30px 0 80px;
  }
  .product_bg5 .left .tit {
    font-size: 46px;
    color: #333;
  }
  .product_bg5 .left .p {
    margin-top: 65px;
  }
  .product_bg5 .left .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .product_bg5 img {
    position: absolute;
    right: 0;
    bottom: -20px;
  }
  .product_bg6 {
    background: url(../img/p6_bg.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .product_bg7 {
    background: url(../img/p7_bg.png) no-repeat right 50%;
    background-size: cover;
    padding-top: 70px;
  }
  .product_bg7 .box {
    background: url(../img/p5_bg.png) no-repeat right 50%;
  }
  ..product_bg7 .box .main {
    position: relative;
    /*padding: 30px 0 160px;*/
  }
  .product_bg7 .box .left .tit {
    font-size: 46px;
    color: #333;
  }
  .product_bg7 .box .left .p {
    margin-top: 45px;
  }
  .product_bg7 .box .left .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .product_bg7 .box img {
    position: absolute;
    right: 0;
    bottom: 60px;
  }
  .product_bg8 {
    margin-top: 70px;
    background: url(../img/p8_bg.png) no-repeat -6% 50%;
  }
  .product_bg8 .tit {
    font-size: 48px;
    text-align: center;
  }
  .product_bg8 .main {
    margin-top: 80px;
  }
  .product_bg8 .main .p1 {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 25px;
  }
  .product_bg8 .main .p2 {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 35px;
  }
  .product_bg8 .main .img {
    text-align: center;
    margin: 80px 0 50px;
  }
  .product_bg9 {
    background: url(../img/p9_bg.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .product_bg9 .left img {
    margin-top: 115px !important;
  }
  .product_bg10 {
    margin-top: 70px;
    background: url(../img/p10_bg.png) no-repeat -6% -10%;
  }
  .product_bg10 .box {
    background: url(../img/p10_bg1.png) no-repeat 85% 70%;
  }
  .product_bg10 .box .main {
    position: relative;
    padding: 30px 0 160px;
  }
  .product_bg10 .box .left .tit {
    font-size: 46px;
    color: #333;
  }
  .product_bg10 .box .left .p {
    margin-top: 50px;
  }
  .product_bg10 .box .left .p p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
  }
  .product_bg10 .box img {
    position: absolute;
    right: 0;
    bottom: -20px;
  }
  .product_bg11 {
    background: url(../img/p9_bg.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .product_bg11 .left img {
    margin-top: 120px !important;
  }
  .product_bg12 {
    padding: 85px 0;
  }
  .product_bg12 .tit {
    font-size: 46px;
    color: #333;
    text-align: center;
  }
  .product_bg12 .img {
    text-align: center;
    margin-top: 70px;
  }
  .product_bg12 .img img {
    max-width: 100%;
  }
  .product_bg13 {
    background: url(../img/p13_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 60px 0;
  }
  .product_bg13 .tit {
    font-size: 46px;
    color: #333;
    text-align: center;
    padding-bottom: 15px;
  }
  .product_bg13 p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    text-align: center;
  }
  .product_bg13 ul {
    text-align: center;
    margin-top: 50px;
  }
  .product_bg13 ul li {
    display: inline-block;
    margin: 0 20px;
  }
  .index_6 {
    margin-top: 0;
  }
  .black {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
    top: 0;
    left: 0;
  }
  .lpk_alert {
    display: none;
    width: 56%;
    position: fixed;
    left: 22%;
    background: #fff;
    padding: 40px 0 30px;
    top: 20%;
    z-index: 101;
  }
  .lpk_alert a {
    position: absolute;
    top: -15px;
    right: -30px;
    font-size: 30px;
    color: #fff;
  }
  .lpkMain {
    width: 90%;
    margin: auto;
  }
  .lpkMain .tit {
    font-size: 18px;
    color: #333;
    letter-spacing: 10px;
    text-align: center;
    margin-bottom: 40px;
  }
  .lpkMain .item {
    display: flex;
    justify-content: space-between;
  }
  .lpkMain .item div {
    width: 48%;
  }
  .lpkMain .item div select {
    display: block;
    width: 100%;
    height: 50px;
    padding-left: 15px;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 14px;
  }
  .lpkMain .item1 {
    margin-top: 20px;
    width: 100%;
  }
  .lpkMain .item1 input {
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 14px;
    display: block;
    padding-left: 15px;
    height: 50px;
    width: calc(100% - 15px);
  }
  .lpkMain .item2 {
    margin-top: 20px;
    width: 100%;
  }
  .lpkMain .item2 textarea {
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    width: calc(100% - 30px);
    resize: none;
    min-height: 80px;
  }
  .lpkMain .item3 {
    text-align: center;
    margin-top: 30px;
  }
  .lpkMain .item3 input {
    font-size: 14px;
    color: #fff;
    height: 45px;
    width: 130px;
    background: #c30d23;
    border: 0;
  }
  .product_js {
    margin-top: 70px;
  }
  .product_js h5 {
    text-align: center;
    color: #333333;
    font-size: 40px;
  }
  .product_js table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 40px;
  }
  .product_js table tr {
    line-height: 78px;
  }
  .product_js table tr td {
    padding-left: 60px;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    font-size: 18px;
    color: #333333;
  }
  .product_js table tr td:first-child {
    font-weight: bold;
  }
  .product_js .lpkxia {
    font-size: 14px;
    color: #d81e06;
    margin-top: 15px;
    display: block;
  }
  .product_js .lpkxia img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .product_js thead {
    background: #F5F5F5;
  }
  .servicetit {
    font-size: 24px;
    color: #333;
    text-align: center;
    border-top: 1px solid #f5f5f5;
    padding-top: 40px;
  }
  .servicetit1 {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding-top: 40px;
  }
  .service1 {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .service1 .item {
    width: 33.333%;
    position: relative;
  }
  .service1 .item a {
    display: block;
    width: 100%;
  }
  .service1 .item a .top {
    width: 100%;
  }
  .service1 .item a .top img {
    width: 100%;
    height: 240px;
    object-fit: cover;
  }
  .service1 .item a .bottom {
    height: 240px;
    padding: 0 42px;
  }
  .service1 .item a .bottom .tit {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding-top: 35px;
  }
  .service1 .item a .bottom .tit1 {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 15px 0;
  }
  .service1 .item a .bottom p {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 30px;
  }
  .service1 .item1 .posi {
    position: absolute;
    width: calc(100% - 26px);
    height: calc(100% - 14px);
    border: 1px solid #d9d9d9;
    top: 12px;
    left: 12px;
  }
  .service1 .item2 .posi {
    position: absolute;
    width: calc(100% - 26px);
    height: calc(100% - 14px);
    border: 1px solid #d9d9d9;
    bottom: 12px;
    left: 12px;
  }
  .service2 {
    min-height: 300px;
    background: #f9f9f9;
    margin-top: 10px;
    padding: 50px 0;
  }
  .service2 .tit {
    font-size: 24px;
    color: #333;
    text-align: center;
    border-top: 1px solid #f5f5f5;
    padding-top: 40px;
  }
  .service2 .main {
    position: relative;
  }
  .service2 .main .swiper-button-prev {
    left: -60px;
    background-image: url(../img/left.png);
  }
  .service2 .main .swiper-button-prev:hover {
    background-image: url(../img/left1.png);
  }
  .service2 .main .swiper-button-next {
    right: -60px;
    background-image: url(../img/right.png);
  }
  .service2 .main .swiper-button-next:hover {
    background-image: url(../img/right1.png);
  }
  .service2 .main .swiper-button-next,
  .service2 .main .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    outline: none;
  }
  .service2 .item {
    background: #fff;
  }
  .service2 .item a {
    display: block;
  }
  .service2 .item a .top img {
    width: 100%;
  }
  .service2 .item a .bottom {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
  }
  .service2 .item a .bottom .left .t {
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
  .service2 .item a .bottom .left .b {
    font-size: 14px;
    color: #666;
    margin-top: 12px;
  }
  .service2 .item a .bottom .right {
    display: flex;
    align-items: center;
  }
  .service2 .item a .bottom .right span {
    display: inline-block;
    font-size: 14px;
    color: #999;
    border: 1px solid #dbdbdb;
    padding: 3px 15px;
    border-radius: 20px;
  }
  .service_nav {
    border-top: 1px solid #dbdbdb;
    padding: 30px 0;
  }
  .service_nav a {
    font-size: 14px;
    color: #666;
    margin-right: 60px;
    padding: 30px 0;
  }
  .service_nav a span {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #c30d23;
    border-radius: 50%;
    vertical-align: inherit;
    margin-right: 10px;
    opacity: 0;
  }
  .service_nav a:hover {
    color: #c30d23;
    border-top: 1px solid #c30d23;
  }
  .service_nav a:hover span {
    opacity: 1;
  }
  .service_nav .active {
    color: #c30d23;
    border-top: 1px solid #c30d23;
  }
  .service_nav .active span {
    opacity: 1;
  }
  .service_ketang {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .service_ketang .item {
    width: calc(49% - 60px);
    border: 1px solid #dbdbdb;
    min-height: 50px;
    padding: 30px;
    margin-bottom: 20px;
  }
  .service_ketang .item .top {
    margin-bottom: 18px;
  }
  .service_ketang .item .top span {
    font-size: 16px;
    color: #fff;
    background: #c30d23;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #C30D23;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 20px;
  }
  .service_ketang .item .top p {
    display: inline-block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    width: calc(100% - 50px);
  }
  .service_ketang .item .bottom span {
    font-size: 16px;
    color: #C30D23;
    display: block;
    border: 1px solid #C30D23;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 20px;
  }
  .service_ketang .item .bottom > div {
    width: calc(100% - 50px);
  }
  .service_ketang .item .bottom p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    display: none;
    height: 60px;
  }
  .service_ketang .item .bottom p:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
  }
  .service_alert {
    display: none;
    width: 70%;
    position: fixed;
    left: 15%;
    background: #fff;
    height: 60%;
    padding: 50px 0;
    top: 20%;
    z-index: 101;
  }
  .service_alert a {
    position: absolute;
    top: -15px;
    right: -30px;
    font-size: 30px;
    color: #fff;
  }
  .service_alert .lpkserviceMain {
    width: 90%;
    margin: auto;
  }
  .service_alert .lpkserviceMain .tit {
    font-size: 24px;
    color: #333;
    margin-bottom: 40px;
  }
  .service_alert .lpkserviceMain .p {
    height: 27vw;
  }
  .service_alert .lpkserviceMain .p p {
    font-size: 14px;
    color: #666;
    margin-bottom: 40px;
    line-height: 30px;
  }
  .service_alert .lpkserviceMain .p p:last-child {
    margin-bottom: 0px;
  }
  .lpk_icon_border {
    border-bottom: 1px solid #f5f5f5;
  }
  .lpkgsln {
    background: #f5f5f5;
    margin-top: 45px;
  }
  .lpkgsln .item .left {
    width: 50%;
    overflow: hidden;
    height: 354px;
  }
  .lpkgsln .item .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
    transition: all 0.3s;
  }
  .lpkgsln .item .left img:hover {
    transform: scale(1.2);
  }
  .lpkgsln .item .right {
    height: 354px;
    width: 50%;
    display: flex;
    align-items: center;
  }
  .lpkgsln .item .right .box {
    width: 80%;
    margin: auto;
  }
  .lpkgsln .item .right .box .tit1 {
    font-size: 30px;
    color: #333;
    margin-bottom: 25px;
  }
  .lpkgsln .item .right .box .tit2 {
    font-size: 18px;
    color: #333;
  }
  .lpkgsln .item .right .box p {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    line-height: 20px;
  }
  .service_aftersale {
    margin-top: 20px;
  }
  .service_aftersale .tit {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
  }
  .service_aftersale .table img {
    width: 100%;
  }
  .service_aftersale .table table {
    width: 100%;
  }
  .service_aftersale .table table td {
    border: 2px solid #F5F5F5;
    height: 50px;
    /*padding-left: 50px;*/
    text-align: center;
    font-size: 14px;
    color: #666;
  }
  .service_aftersale .table table th {
    border: 2px solid #F5F5F5;
    height: 50px;
    /*padding-left: 50px;*/
    text-align: center;
    font-size: 16px;
    color: #666;
  }
  .service_aftersale .box {
    border: 1px solid #DBDBDB;
    border-top: none;
    padding-bottom: 30px;
  }
  .service_aftersale .box .item {
    padding: 30px 50px 0;
  }
  .service_aftersale .box .item div {
    font-size: 16px;
    color: #333;
    line-height: 30px;
  }
  .service_aftersale .box .item p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
  }
  .service_aftersale .tit1 {
    margin-top: 60px;
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
  }
  .service_aftersale .p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: center;
  }
  .service_aftersale .liuc {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
  .service_aftersale .liuc .item .top {
    text-align: center;
  }
  .service_aftersale .liuc .item .top img {
    width: 84px;
    height: 84px;
  }
  .service_aftersale .liuc .item .bottom {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 25px;
  }
  .service_aftersale .liuc .item1 {
    display: flex;
    align-items: center;
  }
  .service_aftersale .service_two {
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
  }
  .service_aftersale .service_two .item {
    width: calc(49% - 80px);
    background: #f5f5f5;
    padding: 55px 40px;
  }
  .service_aftersale .service_two .item .left {
    margin-right: 20px;
  }
  .service_aftersale .service_two .item .right {
    width: 88%;
  }
  .service_aftersale .service_two .item .right div {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
  }
  .service_aftersale .service_two .item .right p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
  }
  .service_selection1 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .service_selection1 .item {
    width: calc(49% - 60px);
    display: flex;
    padding: 35px 30px;
  }
  .service_selection1 .item h5 {
    font-size: 18px;
    color: #ffff;
    line-height: 30px;
    margin-top: 20px;
  }
  .service_selection1 .item h6 {
    font-size: 16px;
    color: #ffff;
    line-height: 30px;
  }
  .service_selection1 .item .item02 {
    margin-left: 40px;
  }
  .service_selection1 .item1 {
    background: #666666;
  }
  .service_selection1 .item2 {
    background: #666666;
  }
  .service_selection2 {
    border-left: 3px solid #C30D23;
    padding-left: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .service_selection2 p {
    font-size: 14px;
    color: #666;
  }
  .service_selection2 p:nth-child(2) {
    line-height: 30px;
  }
  .service_selection3 ul {
    display: flex;
    justify-content: space-between;
  }
  .service_selection3 ul li {
    width: 25%;
    background: #F9F9F9;
  }
  .service_selection3 ul li a {
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 50px;
  }
  .service_selection3 ul li:nth-child(2n-1) {
    background: #f0f0f0;
  }
  .service_selection3 ul li:hover a {
    color: #C30D23;
  }
  .service_selection4 {
    margin-bottom: 40px;
  }
  .service_selection4 .main {
    margin-top: 10px;
    padding: 60px 0 60px 95px;
    background: url(../img/service_bg.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .service_selection4 .main .top p {
    font-size: 18px;
    color: #333;
    line-height: 35px;
  }
  .service_selection4 .main .bottom {
    margin-top: 50px;
  }
  .service_selection4 .main .bottom p {
    font-size: 14px;
    color: #333;
  }
  .service_selection5 {
    margin-bottom: 50px;
  }
  .service_selection5 .item {
    margin-top: 35px;
  }
  .service_selection5 .item h5 {
    font-size: 18px;
  }
  .service_selection5 .item p {
    font-size: 14px;
    color: #666;
    margin-top: 12px;
  }
  .service_selection6 .box {
    margin-top: 0px;
    background: url(../img/service_bg1.png) no-repeat 50% 50%;
    background-size: cover;
    padding: 25px 0 70px 0;
  }
  .service_selection6 .item {
    margin-top: 45px;
  }
  .service_selection6 .item .top p {
    font-size: 18px;
    color: #666;
    line-height: 35px;
    text-align: center;
  }
  .service_selection6 .item .bottom {
    margin-top: 40px;
  }
  .service_selection6 .item .bottom p {
    font-size: 18px;
    color: #666;
    text-align: center;
  }
  .lpkabout1 {
    margin-top: 75px;
  }
  .lpkabout1 .left {
    width: 46%;
    padding-bottom: 55px;
    background: url(../img/p10_bg1.png) no-repeat right bottom;
  }
  .lpkabout1 .left .box {
    width: 92%;
  }
  .lpkabout1 .left .box img {
    width: 100%;
  }
  .lpkabout1 .right {
    width: 51%;
  }
  .lpkabout1 .right h5 {
    font-size: 48px;
    color: #C30D23;
    text-transform: uppercase;
  }
  .lpkabout1 .right h6 {
    font-size: 30px;
    color: #333;
  }
  .lpkabout1 .right .item p {
    font-size: 14px;
    color: #666;
    text-indent: 28px;
    text-align: justify;
    line-height: 30px;
    margin-top: 35px;
  }
  .lpkabout1 .right .shi {
    text-align: right;
    margin-top: 20px;
  }
  .lpkabout2 {
    margin-top: 75px;
    padding-bottom: 30px;
  }
  .lpkabout2 .left {
    width: 46%;
    padding-bottom: 55px;
    background: url(../img/p10_bg1.png) no-repeat left bottom;
  }
  .lpkabout2 .left .box {
    width: 92%;
  }
  .lpkabout2 .left .box img {
    width: 100%;
  }
  .lpkabout2 .right {
    width: 51%;
  }
  .lpkabout2 .right h5 {
    font-size: 48px;
    color: #C30D23;
    text-transform: uppercase;
  }
  .lpkabout2 .right h6 {
    font-size: 30px;
    color: #333;
  }
  .lpkabout2 .right .item p {
    font-size: 14px;
    color: #666;
    text-indent: 28px;
    text-align: justify;
    line-height: 30px;
    margin-top: 35px;
  }
  .lpkabout2 .right .shi {
    margin-top: 20px;
  }
  .about_jishu {
    margin-top: 65px;
    padding-bottom: 70px;
  }
  .about_jishu .left {
    width: 39%;
  }
  .about_jishu .left h5 {
    font-size: 30px;
  }
  .about_jishu .left p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 25px;
    text-align: justify;
  }
  .about_jishu .left .item {
    margin-top: 95px;
  }
  .about_jishu .left .item .l {
    width: 50%;
  }
  .about_jishu .left .item .l .top {
    font-size: 16px;
    color: #666;
  }
  .about_jishu .left .item .l .top b {
    font-size: 48px;
    color: #C30D23;
    margin-right: 10px;
  }
  .about_jishu .left .item .l .bottom {
    font-size: 16px;
    color: #666;
  }
  .about_jishu .left .hx {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: 117px;
  }
  .about_jishu .right {
    width: 50%;
    padding-right: 1%;
    position: relative;
  }
  .about_jishu .right .item {
    text-align: center;
  }
  .about_jishu .right .item .box {
    border: 1px solid #ddd;
    padding: 20px 0;
  }
  .about_jishu .right .item img {
    width: 80%;
    margin: auto;
  }
  .about_jishu .right .swiper-button-prev {
    left: -60px;
    background-image: url(../img/left.png);
  }
  .about_jishu .right .swiper-button-prev:hover {
    background-image: url(../img/left1.png);
  }
  .about_jishu .right .swiper-button-next {
    right: -50px;
    background-image: url(../img/right.png);
  }
  .about_jishu .right .swiper-button-next:hover {
    background-image: url(../img/right1.png);
  }
  .about_jishu .right .swiper-button-next,
  .about_jishu .right .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    outline: none;
  }
  .about_jishu .right .pagination {
    text-align: center;
    position: relative;
    bottom: -20px;
  }
  .about_jishu .right .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }
  .about_jishu .right .pagination .swiper-pagination-bullet-active {
    background: #C30D23;
  }
  .about_cooperation {
    margin-top: 25px;
  }
  .about_cooperation .item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about_cooperation .item p {
    width: 19%;
    margin-bottom: 15px;
  }
  .about_cooperation .item p a {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    height: 100px;
    overflow: hidden;
  }
  .about_cooperation .item p a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
  }
  .about_cooperation .item p a img:hover {
    transform: scale(1.2);
  }
  .about_cooperation .pagination {
    text-align: center;
    position: relative;
    bottom: -20px;
  }
  .about_cooperation .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: none;
  }
  .about_cooperation .pagination .swiper-pagination-bullet-active {
    background: #C30D23;
  }
  .aoubt_idea .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .aoubt_idea .box .item {
    width: 33%;
    padding-bottom: 40px;
    padding-top: 60px;
  }
  .aoubt_idea .box .item .main {
    width: 84%;
  }
  .aoubt_idea .box .item .top span {
    margin: auto;
    display: flex;
    width: 92px;
    height: 92px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    text-align: center;
    align-items: center;
    position: relative;
  }
  .aoubt_idea .box .item .top span:hover {
    background: #C30D23;
  }
  .aoubt_idea .box .item .top span:hover .img1 {
    display: none;
  }
  .aoubt_idea .box .item .top span:hover .img2 {
    display: block;
  }
  .aoubt_idea .box .item .top span .img1 {
    width: min-content;
    height: min-content;
    margin: auto;
  }
  .aoubt_idea .box .item .top span .img2 {
    display: none;
    width: min-content;
    height: min-content;
    margin: auto;
  }
  .aoubt_idea .box .item .top span .imgbg {
    position: absolute;
    top: 22px;
    left: 12px;
  }
  .aoubt_idea .box .item h5 {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 30px;
  }
  .aoubt_idea .box .item p {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 25px;
    height: 75px;
  }
  .aoubt_idea .box .item1 {
    border-bottom: 1px solid #f5f5f5;
  }
  .aoubt_idea .box .item2 {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
  }
  .aoubt_idea .box .item2 .main {
    margin: auto;
  }
  .aoubt_idea .box .item3 {
    border-bottom: 1px solid #f5f5f5;
  }
  .aoubt_idea .box .item3 .main {
    float: right;
    width: 84%;
  }
  .aoubt_idea .box .item5 {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
  }
  .aoubt_idea .box .item5 .main {
    margin: auto;
  }
  .aoubt_idea .box .item6 .main {
    float: right;
    width: 84%;
  }
  .about_ten {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about_ten .item {
    width: calc(49.3% - 2px);
    border: 1px solid #DFDFDF;
    padding: 15px 0;
    margin-bottom: 20px;
  }
  .about_ten .item .box {
    width: 94%;
    margin: auto;
    height: 100%;
  }
  .about_ten .item .box .left {
    width: 40%;
    height: 100%;
  }
  .about_ten .item .box .left img {
    width: 100%;
    height: 165px;
    object-fit: cover;
  }
  .about_ten .item .box .right {
    width: 56%;
  }
  .about_ten .item .box .right h5 {
    font-size: 18px;
    line-height: 25px;
  }
  .about_ten .item .box .right h5 font {
    color: #FD482C;
  }
  .about_ten .item .box .right h5 span {
    font-size: 16px;
  }
  .about_ten .item .box .right p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 18px;
  }
  .about_honer .main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about_honer .main .item {
    width: 31.333%;
    border: 1px solid #ddd;
    padding: 30px 0 20px;
    margin-bottom: 35px;
  }
  .about_honer .main .item:hover img {
    transform: scale(1.1);
  }
  .about_honer .main .item .box {
    width: 76%;
    margin: auto;
  }
  .about_honer .main .item .box a {
    display: block;
    width: 100%;
  }
  .about_honer .main .item .box a .top {
    width: 100%;
    height: 220px;
    overflow: hidden;
  }
  .about_honer .main .item .box a .top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
  }
  .about_honer .main .item .box a .bottom {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 20px;
  }
  .about_brand {
    background: url(../img/about_brandbg.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .about_brand .box {
    padding-bottom: 85px;
  }
  .about_brand .box .tit {
    font-size: 30px;
    color: #333;
    text-align: center;
    padding-top: 40px;
  }
  .about_brand .box .main {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
  .about_brand .box .main .left {
    width: 39%;
    padding-top: 45px;
    margin-left: 11%;
  }
  .about_brand .box .main .left h5 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .about_brand .box .main .left p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
  }
  .about_brand .box .main .right {
    width: 50%;
    text-align: center;
  }
  .about_brand .box .mainBox {
    position: relative;
  }
  .about_brand .box .swiper-button-prev {
    left: 0px;
    background-image: url(../img/left.png);
  }
  .about_brand .box .swiper-button-prev:hover {
    background-image: url(../img/left1.png);
  }
  .about_brand .box .swiper-button-next {
    right: 0px;
    background-image: url(../img/right.png);
  }
  .about_brand .box .swiper-button-next:hover {
    background-image: url(../img/right1.png);
  }
  .about_brand .box .swiper-button-next,
  .about_brand .box .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    outline: none;
  }
  .about_brand .box .mainyear {
    margin-top: 90px;
  }
  .about_brand .box .mainyear .item .time {
    width: 100%;
    height: 60px;
    text-align: center;
    background: url(../img/time.png) no-repeat center top;
    background-size: 100% auto;
    padding-top: 30px;
  }
  .about_brand .box .mainyear .item .time p {
    font-size: 16px;
    color: #8a8a8a;
  }
  .about_brand .box .mainyear .item .time p span {
    display: inline-block;
    background: #8a8a8a;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .about_brand .box .mainyear .swiper-slide-active .time p {
    color: #C30D23;
  }
  .about_brand .box .mainyear .swiper-slide-active .time p span {
    background: #C30D23;
  }
  .about_brand .box .mainyear .swiper-slide-active .time p font {
    font-size: 24px;
  }
  .store_mall .box {
    display: flex;
    justify-content: space-between;
    padding: 50px 90px;
  }
  .store_mall .box .item {
    width: 48%;
    text-align: center;
  }
  .store_mall .box .item a {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .store_mall .box .item a img {
    width: 100%;
    transition: all 0.3s;
    vertical-align: bottom;
  }
  .store_mall .box .item a:hover img {
    transform: scale(1.2);
  }
  .joinUstit {
    font-size: 30px;
    color: #333;
    text-align: center;
    padding-top: 50px;
  }
  .joinUsMain .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
  }
  .joinUsMain .box .item {
    width: 25%;
    padding: 40px 0;
  }
  .joinUsMain .box .item .img {
    display: flex;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #C30D23;
    margin: auto;
  }
  .joinUsMain .box .item .img p {
    align-items: center;
    display: flex;
    margin: auto;
  }
  .joinUsMain .box .item h5 {
    font-size: 16px;
    color: #333;
    text-align: center;
    font-family: "寰蒋闆呴粦 Light";
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .joinUsMain .box .item p {
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .joinFrom {
    margin-top: 40px;
  }
  .joinFrom .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .joinFrom .item div {
    width: 49%;
    border: 1px solid #eaeaea;
  }
  .joinFrom .item div p {
    display: inline-block;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #eaeaea;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    width: 80px;
    text-align: center;
  }
  .joinFrom .item div input {
    display: inline-block;
    border: none;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    color: #333;
    width: calc(100% - 100px);
  }
  .joinFrom .item div select {
    display: inline-block;
    border: none;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    color: #333;
    width: calc(100% - 100px);
  }
  .joinFrom .item div textarea {
    display: inline-block;
    border: none;
    height: 120px;
    font-size: 14px;
    color: #333;
    width: calc(100% - 115px);
    padding: 15px 0 20px 15px;
    vertical-align: top;
    resize: none;
  }
  .joinFrom .item1 div {
    width: 32%;
  }
  .joinFrom .item2 div {
    width: 100%;
  }
  .joinFrom .buttom {
    text-align: center;
    margin-top: 80px;
  }
  .joinFrom .buttom input {
    font-size: 14px;
    color: #fff;
    background: #c30d23;
    width: 140px;
    height: 50px;
    border: 0;
  }
  .join_rec .recruit {
    margin: 2vw auto 0 auto;
    overflow: hidden;
  }
  .join_rec .recruit > dt {
    background: #f5f5f5;
    padding: 0.8vw 2%;
    overflow: hidden;
    font-size: 16px;
    color: #333;
  }
  .join_rec .recruit > dt span {
    width: 20%;
    float: left;
  }
  .join_rec .recruit > dt span:last-child {
    text-align: center;
  }
  .join_rec .recruit > dd {
    padding: 1.2vw 2%;
    overflow: hidden;
    border-bottom: #f2f2f2 solid 1px;
    font-size: 16px;
    cursor: pointer;
    color: #666;
  }
  .join_rec .recruit > dd a {
    display: inline-block;
    background: #c30d23;
    color: #fff !important;
    padding: 3px 8px;
    border-radius: 10px;
  }
  .join_rec .recruit > dd span {
    width: 20%;
    float: left;
  }
  .join_rec .recruit > dd span:last-child {
    text-align: center;
  }
  .join_rec .recruit > dd a {
    color: #999;
    font-size: 15px;
  }
  .join_rec .NavContent {
    background: #f2f2f2;
    padding: 2.5vw 3.5vw;
    display: none;
  }
  .join_rec .NavContent_top {
    width: 100%;
    overflow: hidden;
  }
  .join_rec .NavContent_top > div {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
  .join_rec .NavContent_top > div > b {
    padding-bottom: 1vw;
    display: block;
    font-size: 15px;
  }
  .join_rec .NavContent_top > div > p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
  }
  .join_rec .NavContent_bottom {
    border-top: #e4e4e4 solid 1px;
    padding-top: 2vw;
    margin-top: 2vw;
    line-height: 2vw;
    font-size: 15px;
    color: #666;
  }
  .join_rec .recruit_db {
    width: 73vw;
    margin: 1.5vw auto 3vw auto;
    overflow: hidden;
    text-align: right;
    font-size: 0.8vw;
    color: #666;
  }
  .E {
    text-align: right;
    font-size: 14px;
    color: #666;
    margin-top: 30px;
  }
  .store_vr {
    margin-top: 40px;
    position: relative;
  }
  .store_vr video {
    width: 100%;
    object-fit: cover;
    height: 500px;
  }
  .store_vr div {
    position: absolute;
    left: 0;
    bottom: 65px;
    text-align: center;
    width: 100%;
  }
  .store_vr div span {
    font-size: 16px;
    display: inline-block;
    line-height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    background: #fff;
    cursor: default;
  }
  .store_offline .top {
    margin-top: 45px;
  }
  .store_offline .top span {
    font-size: 18px;
    color: #333;
    line-height: 50px;
  }
  .store_offline .top font {
    font-size: 14px;
    color: #999;
    line-height: 50px;
    margin-left: 20px;
    display: inline-block;
  }
  .store_offline .top select {
    height: 48px;
    border: 1px solid #e2e2e2;
    display: inline-block;
    width: 22vw;
    margin-left: 20px;
    padding-left: 15px;
    font-size: 14px;
  }
  .store_offline .top input {
    height: 48px;
    border: 1px solid #C30D23;
    display: inline-block;
    border-radius: 24px;
    width: 108px;
    margin-left: 20px;
    font-size: 14px;
    background: #C30D23;
    color: #fff;
  }
  .store_offline .bottom {
    margin-top: 40px;
  }
  .store_offline .bottom .left {
    width: 72%;
  }
  .store_offline .bottom .left > div {
    width: 100%;
    height: 455px;
  }
  .store_offline .bottom .right {
    width: calc(28% - 2px);
    border: 1px solid #E2E2E2;
  }
  .store_offline .bottom .right .item {
    width: 80%;
    margin: auto;
  }
  .store_offline .bottom .right .item li {
    padding: 16px 0;
    border-bottom: 1px solid #E2E2E2;
    cursor: default;
  }
  .store_offline .bottom .right .item li h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
  }
  .store_offline .bottom .right .item li p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
  }
  .store_offline .bottom .right .bottom {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 30px 0;
  }
  .store_offline .bottom .right .bottom > div {
    line-height: 20px;
  }
  .store_offline .bottom .right .bottom > div span {
    color: #C30D23;
    font-weight: bold;
  }
  .store_offline .bottom .right .bottom .swiper-button-prev {
    right: 30px;
    left: inherit;
    background-image: url(../img/left11.png);
  }
  .store_offline .bottom .right .bottom .swiper-button-next {
    right: 0px;
    background-image: url(../img/right11.png);
  }
  .store_offline .bottom .right .bottom .swiper-button-next,
  .store_offline .bottom .right .bottom .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    outline: none;
    top: inherit;
    bottom: 30px;
  }
  .us_contact .main .left {
    width: 50%;
  }
  .us_contact .main .left .item {
    padding: 35px 0;
    border-bottom: 1px dashed #E2E2E2;
  }
  .us_contact .main .left .item .top {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
  }
  .us_contact .main .left .item .bottom p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
  }
  .us_contact .main .left .item .bottom p img {
    margin-right: 10px;
  }
  .us_contact .main .right {
    width: 50%;
  }
  .us_contact .main .right > div {
    width: 100%;
    height: 525px;
  }
  .us_contact .main1 {
    margin-top: 70px;
  }
  .us_contact .main1 .left {
    width: calc(50% - 2px);
    border: 1px solid #E2E2E2;
    padding: 60px 0;
  }
  .us_contact .main1 .left .divf {
    margin: 0 20px 0 75px;
  }
  .us_contact .main1 .left .divr h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .us_contact .main1 .left .divr p {
    font-size: 14px;
    line-height: 30px;
  }
  .us_contact .main1 .right {
    width: calc(50% - 2px);
    border: 1px solid #E2E2E2;
    padding: 60px 0 31px;
  }
  .us_contact .main1 .right .divf {
    margin: 0 20px 0 75px;
  }
  .us_contact .main1 .right .divr h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .us_contact .main1 .right .divr div {
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .us_contact .main1 .right .divr div img {
    width: 100px;
  }
  .us_contact .main1 .right .divr .div {
    margin-left: 50px;
  }
  .us_messages {
    text-align: center;
    font-size: 14px;
    color: #999;
    padding: 40px 0 0;
  }
  .newsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .newsList .item {
    width: 49%;
    background: #F5F5F5;
    margin-bottom: 25px;
  }
  .newsList .item:hover .left img {
    /*transform: scale(1.1);*/
  }
  .newsList .item .left {
    width: 50%;
    position: relative;
    overflow: hidden;
  }
  .newsList .item .left:hover p {
    display: flex;
  }
  .newsList .item .left img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: all 0.3s;
  }
  .newsList .item .left p {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    background-color: rgba(195, 13, 35, 0.9);
    top: 0;
    left: 0;
  }
  .newsList .item .left p span{
    display: inline-block;
    margin: auto;
  }
  .newsList .item .left p img {
    width: 51px;
    height: 51px;
  }
  .newsList .item .right {
    width: 42%;
    height: 200px;
    padding: 30px 4% 0;
  }
  .newsList .item .right h5 {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    cursor: default;
  }
  .newsList .item .right > p {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
  }
  .newsList .item .right > p a {
    color: #999;
    height: 50px;
    display: inline-block;
  }
  .newsList .item .right .between {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .newsList .item .right .between p {
    font-size: 14px;
    color: #666;
    cursor: default;
  }
  .newsList .item .right .between p span {
    color: #C30D23;
  }
  .newtit {
    font-size: 16px;
    margin-top: 70px;
    margin-bottom: 25px;
  }
  .newtit a{
      font-size: 16px;
  }
  .news_more {
    width: 100%;
    float: left;
    border: #e9e9e9 1px solid;
    padding: 1.5vw 3%;
  }
  .news_more1 {
    width: 100%;
  }
  .news_more h3 {
    font-size: 2vw;
    padding-bottom: 1.5vw;
  }
  .news_more_text p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 25px;
  }
  .news_more_text img {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .news_more_top {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1.5vw;
  }
  .news_more_top em {
    float: right;
    color: #989898;
  }
  .news_more_top span {
    background: #C30D23;
    float: left;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
  }
  .news_more_bottom {
    border-top: solid 1px #e9e9e9;
    margin-top: 2vw;
    padding-top: 15px;
  }
  .news_more_bottom a {
    display: block;
  }
  .news_more_bottom a:hover {
    color: #C30D23;
  }
  .news_more_bottom_left {
    display: flex;
    justify-content: space-between;
  }
  .news_more_bottom_left a {
    display: block;
    width: 45%;
    font-size: 14px;
  }
  .news_more_bottom_right {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 30px;
  }
  .news_more_bottom_right .item1 {
    width: 40px;
    display: inline-block;
    margin: 0 10px;
  }
  .news_more_bottom_right .item1:hover .top {
    background: #C30D23;
  }
  .news_more_bottom_right .item1:hover .top .img1 {
    display: none;
  }
  .news_more_bottom_right .item1:hover .top .img2 {
    display: block;
  }
  .news_more_bottom_right .item1:hover .bottom {
    color: #C30D23;
  }
  .news_more_bottom_right .item1 .top {
    height: 40px;
    width: 40px;
    background: #dfdfdf;
    border-radius: 50%;
    display: flex;
    align-items: center;
  }
  .news_more_bottom_right .item1 .top img {
    margin: auto;
  }
  .news_more_bottom_right .item1 .top .img1 {
    display: block;
  }
  .news_more_bottom_right .item1 .top .img2 {
    display: none;
  }
  .news_more_bottom_right .item1 .bottom {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
  }
  .news_more_right {
    float: right;
    width: 23%;
    border: #e9e9e9 1px solid;
    padding: 1.5vw 2.5%;
  }
  .news_more_right h3 {
    font-size: 1.3vw;
    padding-bottom: 1vw;
    border-bottom: #e9e9e9 1px solid;
  }
  .news_more_right li {
    line-height: 1.6vw;
    font-size: 0.8vw;
    border-bottom: dashed 1px #e9e9e9;
    padding: 1vw 0;
  }
  .news_more_right li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  .news_more_right li a {
    color: #666;
    display: block;
    width: 100%;
  
  }
  .news_more_right li a:hover {
    color: #C30D23;
  }
  .news_more_right li em {
    display: block;
    color: #989898;
  }
  .service_info .main {
    border: #e9e9e9 1px solid;
    padding: 30px 2%;
  }
  .service_info .main h5 {
    font-size: 36px;
    color: #000;
    padding-bottom: 10px;
  }
  .service_info .main .p p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 25px;
  }
  .service_info .main .p p img {
    max-width: 100%;
    margin: auto;
    display: block;
  }
  .service_info .main .box {
    border-top: #e9e9e9 1px solid;
    margin-top: 65px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .service_info .main .box .ledt p {
    font-size: 14px;
    line-height: 40px;
  }
  .service_info .main .box .ledt p:hover a {
    color: #C30D23;
  }
  .service_info .main .box .right {
    padding-top: 10px;
  }
  .service_info .main .box .right .item1 {
    width: 40px;
    display: inline-block;
    margin: 0 10px;
  }
  .service_info .main .box .right .item1:hover .top {
    background: #C30D23;
  }
  .service_info .main .box .right .item1:hover .top .img1 {
    display: none;
  }
  .service_info .main .box .right .item1:hover .top .img2 {
    display: block;
  }
  .service_info .main .box .right .item1:hover .bottom {
    color: #C30D23;
  }
  .service_info .main .box .right .item1 .top {
    height: 40px;
    width: 40px;
    background: #dfdfdf;
    border-radius: 50%;
    display: flex;
    align-items: center;
  }
  .service_info .main .box .right .item1 .top img {
    margin: auto;
  }
  .service_info .main .box .right .item1 .top .img1 {
    display: block;
  }
  .service_info .main .box .right .item1 .top .img2 {
    display: none;
  }
  .service_info .main .box .right .item1 .bottom {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
  }
  .newQy {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .newQy .item {
    width: 48.5%;
    background: #f9f9f9;
    margin-bottom: 40px;
  }
  .newQy .item:hover img {
    transform: scale(1.1);
  }
  .newQy .item:hover .text h5 {
    color: #C30D23;
  }
  .newQy .item:hover .text .time .p1 {
    color: #C30D23;
  }
  .newQy .item .img {
    width: 100%;
    height: 400px;
    overflow: hidden;
  }
  .newQy .item .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    object-fit: cover;
  }
  .newQy .item .text {
    padding: 40px 6%;
  }
  .newQy .item .text h5 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
  }
  .newQy .item .text > p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    height: 50px;
  }
  .newQy .item .text .time {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .newQy .item .text .time p {
    font-size: 14px;
    color: #999;
  }
  .newQy .item .text .time p a {
    color: #999;
  }
  .new_video {
    margin-top: 70px;
    position: relative;
  }
  .new_video .box {
    width: 88%;
    margin: auto;
  }
  .new_video .box .top {
    position: relative;
  }
  .new_video .box .top video {
    object-fit: cover;
    width: 100%;
    max-height: 500px;
    height: 100%;
  }
  .new_video .box .top p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
  }
  .new_video .box .top p span {
    display: inline-block;
    margin: auto;
    color: #fff;
    font-size: 50px;
  }
  .new_video .box .text {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
  }
  .new_video .swiper-button-prev {
    left: 0px;
    background-image: url(../img/left.png);
  }
  .new_video .swiper-button-prev:hover {
    background-image: url(../img/left1.png);
  }
  .new_video .swiper-button-next {
    right: 0px;
    background-image: url(../img/right.png);
  }
  .new_video .swiper-button-next:hover {
    background-image: url(../img/right1.png);
  }
  .new_video .swiper-button-next,
  .new_video .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    outline: none;
  }
  .body {
    overflow: hidden;
  }
  .headPhone {
    display: none;
  }
  @media screen and (max-width: 1680px) {
    .about_jishu .right .swiper-button-next {
      right: 0;
    }
    .about_jishu .right .swiper-button-prev {
      left: -12px;
    }
    .service2 .main .swiper-button-prev {
      left: -30px;
    }
    .service2 .main .swiper-button-next {
      right: -30px;
    }
    .about_cooperation .item p {
      padding-left: 1px;
      padding-top: 1px;
    }
    .joinFrom .item div input {
      height: 48px;
    }
    .index_footer .index_f .m .f_r p {
      margin-top: 3px;
    }
  }
  @media screen and (max-width: 1440px) {
    .w_1400 {
      width: 94%;
    }
    .w_1370 {
      width: 94%;
    }
    .w_1200 {
      width: 94%;
    }
    .product_bg4 .main {
      width: 94%;
    }
    .product_bg10 .box .main {
      width: 94%;
    }
    .lpkabout1 .right .item p {
      line-height: 25px;
    }
    .lpkabout2 .right .item p {
      line-height: 25px;
    }
    .about_jishu .left .hx {
      margin-top: 80px;
    }
    .join_rec .recruit > dd {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 1400px) {
      .indexN1 > img{
          min-height: 460px !important;
      }
      .indexN1 .img img {
          width: 30%;
      }
      .indexN1 .box .main {
          margin-top: 85px !important;
      }
      .index_footer .index_f .m .f_r .select{
          bottom: 48px;
      }
    .index_footer .box .t .left .item {
      margin-right: 60px;
    }
    .about_jishu .left .hx {
      margin-top: 55px;
    }
    .newsList .item .left img {
      height: 180px;
    }
    .newsList .item .right {
      height: 165px;
      padding: 15px 4% 0;
    }
    .newsList .item .right .between {
      margin-top: 10px;
    }
    .newQy .item .img {
      height: 280px;
    }
    .product_list .item .top > img {
      height: 220px;
    }
    .product_list .item .bottom a .left {
      width: 75%;
    }
    .product_list .item .bottom a .left .t {
      font-size: 16px;
    }
    .product_list .item .bottom a .left .b {
      font-size: 13px;
    }
    .product_bg3 .main .p1 {
      max-width: 94%;
      margin: auto;
    }
    .service_aftersale .service_two .item {
      width: calc(49% - 60px);
      padding: 55px 30px;
    }
    .service_aftersale .service_two .item .right p {
      line-height: 20px;
    }
    .store_mall .box .item a {
      display: block;
      width: 100%;
    }
    .store_mall .box .item a img {
      width: 100%;
    }
    .store_mall .box .item {
      width: 48%;
    }
    .index_product1 .main .right img {
      max-width: 400px;
    }
    .index_product1 {
      padding-top: 30px;
    }
    .index_product1 .main .left h5 {
      font-size: 30px;
    }
    .index_product1 .main .left p {
      /*margin-top: 20px;*/
    }
    .index_product1 .main .left {
      padding-bottom: 60px;
    }
    .index_product2 .right img {
      max-width: 400px;
    }
    .index_product2 {
      padding: 50px 0;
    }
    .index_product3 .main .right img {
      max-width: 400px;
    }
    .index_product3 {
      padding: 50px 0;
    }
    .index_product3 .main .left h5 {
      font-size: 30px;
    }
    .index_product3 .main .left p {
      /*margin-top: 20px;*/
    }
    .index_product3 .main .left {
      padding-bottom: 60px;
    }
    .index_head .head_main .right ul li .select_nav p a {
      line-height: 35px;
    }
    .index_six .mian .box .item .top img {
      max-width: 50px;
    }
    .index_footer .index_f .m .f_l {
      line-height: 50px;
    }
    .index_footer .index_f .m .f_c {
      line-height: 50px;
    }
    .index_footer {
      padding: 35px 0 0;
    }
    .index_footer .box .t {
      padding-bottom: 20px;
    }
    .index_product2 .left h5 {
      font-size: 30px;
    }
    .index_product2 .left a {
      width: 110px;
    }
    .index_product1 .main .left a {
      width: 110px;
    }
    .index_product3 .main .left a {
      width: 110px;
    }
    .lpk_icon {
      padding: 50px 0;
    }
    .product_info .main .left .tit {
      font-size: 36px;
    }
    .product_info .main .left .heng {
      margin: 15px 0;
    }
    .product_info .main .left .p p {
      /* margin-top: 15px; */
    }
    .product_info {
      padding: 50px 0;
    }
    .product_bg1 .left .tit {
      font-size: 36px;
    }
    .product_info_nav .left a {
      font-size: 16px;
    }
    .product_info_nav .left p {
      font-size: 14px;
    }
    .product_bg1 .left .p {
      margin-top: 25px;
    }
    .product_bg1 .left .p p {
     /* font-size: 14px;
      margin-top: 15px; */
    }
    .product_bg1 {
      padding: 85px 0;
    }
    .product_bg3 .tit {
      font-size: 36px;
    }
    .product_bg3 .main .p1 {
      /* font-size: 16px; */
    }
    .product_bg3 .main .p2 {
      font-size: 14px;
    }
    .product_bg4 .main .right .tit {
      font-size: 36px;
    }
    .product_bg4 .main .right .p p {
      /* font-size: 16px; */
    }
    .product_bg5 .left .tit {
      font-size: 36px;
    }
    .product_bg5 .left .p p {
      /* font-size: 16px; */
    }
    .product_bg7 .box .left .tit {
      font-size: 36px;
    }
    .product_bg7 .box .left .p p {
      /* font-size: 16px; */
    }
    .product_bg8 .tit {
      font-size: 36px;
    }
    .product_bg8 .main .p1 {
      /* font-size: 16px; */
    }
    .product_bg10 .box .left .tit {
      font-size: 36px;
    }
    .product_bg10 .box .left .p p {
      /* font-size: 16px; */
    }
    .product_bg12 .tit {
      font-size: 36px;
    }
    .product_bg13 .tit {
      font-size: 36px;
    }
    .product_bg13 p {
      /* font-size: 16px; */
    }
    .product_js h5 {
      font-size: 36px;
    }
    .product_js table tr {
      line-height: 55px;
    }
    .product_js table tr td {
      font-size: 14px;
    }
    .lpkMain .tit {
      font-size: 16px;
      margin-bottom: 30px;
    }
    .lpkMain .item div select {
      height: 40px;
    }
    .lpkMain .item1 input {
      height: 40px;
    }
    .lpkMain .item2 textarea {
      min-height: 60px;
    }
    .lpkMain .item3 input {
      height: 40px;
    }
    .service_selection4 .main .top p {
      font-size: 14px;
    }
    .service_selection4 .main {
      padding: 50px 0 50px 95px;
    }
    .service_selection4 .main .bottom {
      margin-top: 35px;
    }
    .service_selection6 .item .top p {
      font-size: 14px;
    }
    .service_selection6 .item {
      margin-top: 20px;
    }
    .service_selection6 .box {
      padding: 25px 0 125px 0;
      margin-bottom: 30px;
    }
    .lpkgsln .item .right .box p {
      margin-top: 18px;
      line-height: 28px;
    }
    .lpkgsln .item .right .box .tit1 {
      font-size: 28px;
    }
    .lpkgsln .item .right .box .tit2 {
      font-size: 16px;
    }
    .lpk_page {
      margin-top: 35px;
    }
    .service1 .item a .bottom p {
      line-height: 25px;
    }
    .service1 .item a .top img {
      height: 235px;
    }
    .service1 .item a .bottom {
      height: 235px;
    }
    .joinUsMain .box .item {
      padding: 35px 0;
    }
    .about_brand .box .mainyear {
      margin-top: 40px;
    }
    .aoubt_idea .box .item {
      padding-bottom: 10px;
      padding-top: 35px;
    }
    .aoubt_idea .box .item .top span {
      width: 75px;
      height: 75px;
    }
    .aoubt_idea .box .item .top span .imgbg {
      position: absolute;
      top: 14px;
      left: 7px;
      height: 100px;
    }
    .aoubt_idea .box .item h5 {
      font-size: 16px;
      margin-top: 20px;
    }
    .aoubt_idea .box .item p {
      margin-top: 15px;
      font-size: 13px;
      line-height: 20px;
      height: 60px;
    }
    .about_honer .main .item .box a .top {
      height: 185px;
    }
    .lpk_nav a {
      font-size: 14px;
    }
    .index_new .main:nth-child(2) > div .img {
      height: 280px;
    }
    .index_new .main:nth-child(3) > div .img {
      height: 280px;
    }
    .service_alert .lpkserviceMain .p {
        /*height: 235px;*/
      }
    
  }
  @media screen and (max-width: 1200px) {
    .store_vr video {
      height: auto;
    }
    .index_footer .box .t .left {
      width: 100%;
    }
    .index_footer .box .t .right {
      width: 100%;
      float: left;
      margin-top: 30px;
    }
    .index_footer .box .t .left .item {
      margin-right: 95px;
    }
    .index_head .head_main .right ul li {
      padding: 0 15px;
    }
    .index_product1 .main .right img{
      max-width: 100%;
    }
    .index_product2 .main .right img{
      max-width: 100%;
    }
    .index_product3 .main .right img {
      max-width: 100%;
    }
    .index_new .main > div a .img {
      height: 198px;
    }
    .lpkabout1 .right .item p {
      margin-top: 15px;
    }
    .lpkabout1 .right h5 {
      font-size: 40px;
    }
    .lpkabout1 .right h6 {
      font-size: 26px;
    }
    .lpkabout2 .right h5 {
      font-size: 40px;
    }
    .lpkabout2 .right h6 {
      font-size: 26px;
    }
    .lpkabout2 .right .item p {
      margin-top: 15px;
    }
    .lpkabout1 .left .box {
      width: 96%;
    }
    .lpkabout1 .left {
      padding-bottom: 20px;
    }
    .lpkabout2 .left .box {
      width: 96%;
    }
    .lpkabout2 .left {
      padding-bottom: 20px;
    }
    .about_cooperation .item p {
      width: 24%;
    }
    .about_honer .main .item .box a .top {
      height: 156px;
    }
    .about_honer .main .item .box {
      width: 80%;
    }
    .about_jishu .left .item {
      margin-top: 65px;
    }
    .about_jishu .left .hx {
      display: none;
    }
    .joinUsMain .box .item p {
      font-size: 14px;
    }
    .joinUsMain .box .item h5 {
      /*font-size: 20px;*/
    }
    .product_list .item .top > img {
      height: 230px;
    }
    .product_info .main .left .tit {
      font-size: 38px;
    }
    .product_info .main .left .tit1 {
      font-size: 20px;
    }
    .product_bg1 .left .tit {
      font-size: 38px;
    }
    .product_bg1 .left .p p {
      /* font-size: 15px; */
    }
    .product_bg1 .left {
      margin-left: 80px;
    }
    .product_bg3 .tit {
      font-size: 38px;
    }
    .product_bg3 .main .p1 {
      /* font-size: 16px; */
    }
    .product_bg3 .main .p2 {
      font-size: 14px;
    }
    .product_bg4 .main .right .tit {
      font-size: 38px;
    }
    .product_bg4 .main .right .p p {
      /* font-size: 16px; */
    }
    .product_bg5 .left .tit {
      font-size: 38px;
    }
    .product_bg5 .left .p p {
      /* font-size: 16px; */
    }
    .product_bg7 .box .left .tit {
      font-size: 38px;
    }
    .product_bg7 .box .left .p p {
      /* font-size: 16px; */
    }
    .product_bg8 .tit {
      font-size: 38px;
    }
    .product_bg8 .main .p1 {
      /* font-size: 16px; */
    }
    .product_bg10 .box .left .tit {
      font-size: 38px;
    }
    .product_bg10 .box .left .p p {
      /* font-size: 16px; */
    }
    .product_bg12 .tit {
      font-size: 38px;
    }
    .product_bg13 .tit {
      font-size: 38px;
    }
    .product_bg13 p {
      /* font-size: 16px; */
    }
    .product_bg4 .main .left {
      width: 50%;
    }
    .product_bg4 .main .left img {
      max-width: 100%;
    }
    .product_bg4 .main .right {
      padding: 100px 0;
    }
    .product_info .main .right {
      width: 50%;
    }
    .product_info .main .right img {
      max-width: 100%;
    }
    .product_bg1 img {
      width: 50%;
    }
    .product_bg7 .box img {
      bottom: 125px;
    }
    .index_six .mian .title {
      font-size: 24px;
    }
    .product_js h5 {
      font-size: 32px;
    }
    .product_js table tr td {
      font-size: 16px;
    }
    .service2 .main .swiper-button-prev {
      left: 0px;
    }
    .service2 .main .swiper-button-next {
      right: 0px;
    }
    .service1 .item a .bottom p {
      line-height: 22px;
    }
    .service2 .item a .bottom .left {
      width: 75%;
    }
    .service1 .item a .bottom .tit {
      padding-top: 20px;
    }
    .service1 .item a .bottom p {
      font-size: 13px;
      height: 130px;
    }
    .service_selection3 ul li a {
      padding: 0 10px;
    }
    .service_selection6 .item .top p {
      font-size: 16px;
    }
    .service_selection6 .item .bottom p {
      font-size: 16px;
    }
    .index_six .mian .box .item .bottom {
      font-size: 14px;
    }
    .service_selection5 .item h5 {
      font-size: 16px;
    }
    .service_selection4 .main .top p {
      font-size: 16px;
    }
    .us_contact .main .left .item {
      padding: 30px 0;
    }
    .us_contact .main1 .left .divf {
      margin: 0 20px 0 30px;
    }
    .us_contact .main1 .right .divf {
      margin: 0 20px 0 30px;
    }
  }
  @media screen and (max-width: 1000px) {
    .index_footer .box .t .left .item {
      margin-right: 80px;
    }
    .index_head .head_main .right ul li > a {
      font-size: 14px;
    }
    .index_product1 .main .right {
      width: 50%;
      margin: auto;
    }
    .index_product3 .main .right {
      width: 50%;
      margin: auto;
    }
    .lpkabout1 .left .box {
      width: 100%;
    }
    .lpkabout1 .left {
      padding-bottom: 0px;
    }
    .lpkabout2 .left .box {
      width: 100%;
    }
    .lpkabout2 .left {
      padding-bottom: 0px;
    }
    .lpk_icon .item a .bottom {
      font-size: 14px;
    }
    .index_footer .index_f .m .f_r p {
      width: 145px;
    }
    .about_jishu .left .item {
      margin-top: 30px;
    }
    .joinUsMain .box .item p {
      font-size: 13px;
    }
    .joinUsMain .box .item h5 {
      font-size: 18px;
    }
    .service_aftersale .service_two {
      flex-wrap: wrap;
    }
    .service_aftersale .service_two .item .right {
      width: 86%;
    }
    .service_aftersale .service_two .item {
      width: calc(100% - 60px);
      margin-bottom: 10px;
    }
    .service_aftersale .service_two .item .right div {
      margin-bottom: 5px;
    }
    .service_aftersale .box .item {
      padding: 30px 25px 0;
    }
  }
  @media screen and (max-width: 900px) {
    .index_footer .box .t .left .item {
      margin-right: 50px;
    }
    .index_footer .box .t .left .item a {
      line-height: 30PX;
    }
    .index_head .head_main .right ul li {
      padding: 0 10px;
    }
    .index_new .main > div a .img {
      height: 160px;
    }
    .index_head .head_main .right ul li .select_nav p a {
      font-size: 13px;
    }
    .lpkabout1 .left {
      width: 100%;
    }
    .lpkabout1 .right {
      width: 100%;
    }
    .lpkabout2 .left {
      width: 100%;
    }
    .lpkabout2 .right {
      width: 100%;
    }
    .lpkabout1 {
      margin-top: 60px;
    }
    .lpkabout1 .right {
      margin-top: 30px;
    }
    .lpkabout2 .right {
      margin-top: 30px;
    }
    .lpk_icon {
      padding: 60px 0;
    }
    .about_brand .box .main .left p {
      font-size: 14px;
    }
    .about_brand .box .mainyear .swiper-slide-active .time p font {
      font-size: 18px;
    }
    .about_honer .main .item .box a .top {
      height: 128px;
    }
    .aoubt_idea .box .item p {
      font-size: 13px;
      line-height: 20px;
    }
    .about_jishu .left p {
      font-size: 14px;
    }
    .product_list .item .top > img {
      height: 190px;
    }
    .product_info .main .left .tit {
      font-size: 30px;
    }
    .product_bg1 .left .tit {
      font-size: 30px;
    }
    .product_bg3 .tit {
      font-size: 30px;
    }
    .product_bg4 .main .right .tit {
      font-size: 30px;
    }
    .product_bg5 .left .tit {
      font-size: 30px;
    }
    .product_bg7 .box .left .tit {
      font-size: 30px;
    }
    .product_bg8 .tit {
      font-size: 30px;
    }
    .product_bg10 .box .left .tit {
      font-size: 30px;
    }
    .product_bg12 .tit {
      font-size: 30px;
    }
    .product_bg13 .tit {
      font-size: 30px;
    }
    .product_bg13 p {
      /* margin: 10px 0; */
    }
    .product_bg13 ul li img {
      width: 100%;
    }
    .product_bg13 ul li {
      margin: 0 10px;
    }
    .service1 .item .posi {
      display: none;
    }
  }
  @media screen and (max-width: 780px) {
    .index_head .head_main .right ul li {
      padding: 0 6px;
    }
  }
  @media screen and (max-width: 768px) {
    .index_head {
      display: none;
    }
    .headPhone {
      display: block;
      padding: 15px 3%;
      position: fixed;
      left: 0;
      top: 0;
      width: 94%;
      z-index: 1000;
      background: #fff;
    }
    .headPhone .item {
      display: flex;
      justify-content: space-between;
    }
    .headPhone .item a img {
      height: 50px;
    }
    .headPhone .item span {
      font-size: 30px;
      line-height: 50px;
    }
    .headPhone .nav {
      display: none;
      position: fixed;
      top: 80px;
      right: 0;
      width: 100%;
      height: calc(100% - 80px);
      background: rgba(0, 0, 0, 0.7);
      overflow: scroll;
      z-index: 100;
    }
    .headPhone .nav ul {
      padding: 20px 0;
    }
    .headPhone .nav ul li {
      border-bottom: 1px dashed #E9E9E9;
    }
    .headPhone .nav ul li:last-child {
      border: none;
    }
    .headPhone .nav ul li > a {
      font-size: 15px;
      color: #fff;
      line-height: 50px;
      display: block;
      text-align: center;
    }
    .headPhone .nav ul li div {
      padding-bottom: 15px;
      display: none;
    }
    .headPhone .nav ul li div a {
      font-size: 14px;
      color: #cec5c5;
      display: block;
      text-align: center;
      line-height: 35px;
    }
    .index_product2 .left h5 {
      margin-top: 0px;
    }
    .about_brand .box .tit {
      font-size: 24px;
    }
    .newsList .item {
      width: 100%;
    }
    .newQy .item .img {
      height: 180px;
    }
    .newQy .item .text > p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-align: justify;
      text-justify: distribute-all-lines;
      height: 50px;
    }
    .news_more_bottom_left {
      flex-wrap: wrap;
    }
    .news_more_bottom_left a {
      width: 100%;
      margin-bottom: 5px;
    }
    .newtit {
      font-size: 24px;
    }
    .product_list .item {
      width: 100%;
      margin: auto;
    }
    .product_bg2 .main .item .tit {
      font-size: 24px;
    }
    .product_bg2 .main .item .top {
      font-size: 14px;
      margin-top: 22px;
    }
    .product_bg2 .main .item .bot {
      font-size: 14px;
    }
    .product_bg2 .main .item {
      width: 140px;
      height: 140px;
    }
    .product_info .main .left .tit {
      font-size: 24px;
    }
    .product_bg1 .left {
      margin-left: 40px;
    }
    .product_bg1 .left .tit {
      font-size: 24px;
    }
    .product_bg3 .tit {
      font-size: 24px;
    }
    .product_bg4 .main .right .tit {
      font-size: 24px;
    }
    .product_bg5 .left .tit {
      font-size: 24px;
    }
    .product_bg7 .box .left .tit {
      font-size: 24px;
    }
    .product_bg8 .tit {
      font-size: 24px;
    }
    .product_bg10 .box .left .tit {
      font-size: 24px;
    }
    .product_bg12 .tit {
      font-size: 24px;
    }
    .product_bg13 .tit {
      font-size: 24px;
    }
    .service_aftersale .liuc .item1 {
      display: none;
    }
    .service_aftersale .liuc .item {
      width: 25%;
    }
    .service_aftersale .service_two .item .right p {
      line-height: 25px;
    }
    .lpkgsln .item .right {
      height: 400px;
    }
    .service1 {
      flex-wrap: wrap;
    }
    .service1 .item {
      width: 100%;
    }
    .service1 .item a {
      display: flex;
    }
    .service1 .item a > div {
      width: 50% !important;
    }
    .service1 .item a .bottom {
      padding: 0;
    }
    .service1 .item a .bottom .tit {
      padding-top: 40px;
    }
    .store_offline .bottom .left {
      width: 62%;
    }
    .store_offline .bottom .right {
      width: calc(38% - 2px);
    }
    .us_contact .main .left {
      width: 100%;
    }
    .us_contact .main .right {
      width: 100%;
    }
    .us_contact .main1 .left {
      width: calc(100% - 2px);
    }
    .us_contact .main1 .right {
      width: calc(100% - 2px);
    }
  }
  @media screen and (max-width: 415px) {
      .store_offline .bottom .left > div {
          height: 220px;
      }
      .service_alert .lpkserviceMain .p {
          height: 17rem;
      }
    .index_product1 {
      /*background: url(../img/index_bg1.jpg) no-repeat 50% 50%;*/
    }
    .index_product2 .left {
      width: 100%;
    }
    .index_product2 .left h5 {
      text-align: left;
    }
    .index_product2 .left p {
      text-align: left;
    }
    .index_product2 .left a {
      float: left;
    }
    .index_product2 .right {
      width: 100%;
    }
    .index_product2 {
      padding: 45px 0 45px;
    }
    .index_product1 .main .right {
      width: 100%;
    }
    .index_product1 .main .left p {
      width: 100%;
    }
    .index_product1 .main .left a {
      position: inherit;
    }
    .index_product1 {
      padding-top: 45px;
    }
    .index_product1 .main .left h5 {
      font-size: 1.5rem;
    }
    .index_product1 .main .left p {
      margin-bottom: 10px;
    }
    .index_product2 .left h5 {
      font-size: 1.5rem;
    }
    .index_product2 .left p {
      margin-top: 25px;
    }
    .index_product3 .main .left h5 {
      font-size: 1.5rem;
    }
    .index_product3 {
      padding: 45px 0;
    }
    .index_product3 .main .left a {
      position: inherit;
    }
    .index_product3 .main .left p {
      width: 100%;
      margin-bottom: 10px;
    }
    .index_product3 .main .right {
      width: 100%;
    }
    .index_new .main:first-child {
      flex-wrap: wrap;
    }
    .index_new .main > div {
      width: 100%;
      margin: 0;
    }
    .index_new .main > div a .img {
      height: 12.375rem;
    }
    .index_new .title {
      font-size: 1.5rem;
    }
    .index_new .main > div {
      margin-bottom: 15px;
    }
    .index_six .mian .title {
      font-size: 1.375rem;
    }
    .index_six .mian .box {
      flex-wrap: wrap;
    }
    .index_six .mian .box .item {
      width: 33.333%;
    }
    .index_six .mian .box .item .top {
      text-align: center;
    }
    .index_footer .box .t .left .item {
      margin: 0;
      width: 33.333%;
      text-align: center;
    }
    .index_footer .index_f .m {
      flex-wrap: wrap;
    }
    .index_footer .index_f .m .l {
      width: 100%;
    }
    .index_footer .index_f .m .f_l {
      line-height: 30px;
    }
    .index_footer .box .t .left .item a {
      display: none;
    }
    .index_banner .swiper-pagination {
      bottom: 0px;
    }
    .lpk_banner .box .item .top {
      font-size: 1.5rem;
    }
    .lpk_banner > img {
      min-height: 12.5rem;
      object-fit: cover;
    }
    .lpk_banner .box .item .bottom {
      font-size: 1rem;
    }
    .lpk_icon {
      flex-wrap: wrap;
    }
    .lpk_icon .item {
      border: 0;
      width: 33.333%;
      margin-bottom: 1.25rem;
    }
    .lpk_icon .item a .bottom {
      margin-top: 10px;
    }
    .lpkabout1 {
      margin-top: 0;
    }
    .lpk_icon {
      padding: 60px 0 30px;
    }
    .lpkabout1 .right h5 {
      font-size: 1.875rem;
    }
    .lpkabout1 .right h6 {
      font-size: 1.125rem;
    }
    .lpkabout2 {
      margin-top: 45px;
    }
    .lpkabout2 .right h5 {
      font-size: 1.875rem;
    }
    .lpkabout2 .right h6 {
      font-size: 1.125rem;
    }
    .index_six {
      margin-top: 40px;
    }
    .about_brand .box .main {
      flex-wrap: wrap;
    }
    .about_brand .box .main .left {
      width: 90%;
      margin-left: 5%;
    }
    .about_brand .box .main .right {
      width: 100%;
    }
    .about_brand .box .main .left h5 {
      font-size: 1.875rem;
    }
    .about_brand .box .tit {
      font-size: 1.5rem;
    }
    .about_cooperation .item p {
      width: 48%;
    }
    .about_cooperation .item p a {
        height: 4.25rem;
    }
    .service_nav a {
      margin-right: 10px;
    }
    .lpk_page a {
      font-size: 14px;
      width: 35px;
      height: 35px;
      line-height: 35px;
    }
    .about_honer .main .item {
      width: 48%;
      padding: 15px 0 15px;
      margin-bottom: 15px;
    }
    .about_honer .main .item .box a .top {
      height: 6.25rem;
    }
    .aoubt_idea .box .item {
      width: 49%;
    }
    .aoubt_idea .box .item .main {
      width: 100%;
      padding-top: 10px;
    }
    .about_jishu > div {
      width: 100% !important;
    }
    .about_jishu .left {
      margin-bottom: 30px;
    }
    .about_jishu {
      margin-top: 0px;
      padding-bottom: 20px;
    }
    .about_jishu .left h5 {
      font-size: 1.5rem;
    }
    .about_jishu .left .item .l {
      text-align: center;
    }
    .E {
        text-align: left;
    }
    .E a {
      font-size: 0.875rem;
      display: block;
      width: 100%;
    }
    .join_rec .NavContent_bottom {
      font-size: 0.9375rem;
      line-height: 1.5625rem;
    }
    .join_rec .NavContent_top > div {
      width: 100%;
      float: left;
      margin-right: 0%;
    }
    .join_rec .NavContent_top > div {
      padding-top: 10px;
    }
    .join_rec .recruit {
      width: 100%;
    }
    .join_rec {
      overflow: scroll;
    }
    .join_rec .recruit > dt span {
      line-height: 30px;
      font-size: 12px;
    }
    .join_rec .recruit > dd{
        font-size: 12px;
    }
    .join_rec .recruit > dd a{
        font-size: 12px;
    }
    .joinUsMain .box .item {
      width: 50%;
    }
    .joinUstit {
      font-size: 1.5rem;
    }
    .joinFrom .item div {
      width: 100%;
      margin-bottom: 10px;
    }
    .joinFrom .item {
      flex-wrap: wrap;
      margin-bottom: 0px;
    }
    .newsList .item .right h5 {
      font-size: 1rem;
    }
    .newsList .item .right > p a {
      font-size: 0.875rem;
    }
    .newsList .item .right > p {
      margin-top: 5px;
    }
    .newsList .item .right {
      height: 155px;
    }
    .newsList .item .left img {
      height: 170px;
    }
    .newQy .item {
      width: 100%;
    }
    .news_more {
      width: 94%;
    }
    .news_more_top span {
      font-size: 0.9375rem;
    }
    .news_more_top em {
      line-height: 2.0625rem;
    }
    .news_more h3 {
      font-size: 1.25rem;
      margin-top: 1.25rem;
    }
    .news_more_right {
      width: 95%;
      margin-top: 30px;
      padding: 20px 2.5%;
    }
    .news_more_right li a {
      font-size: 0.875rem;
    }
    .news_more_right li {
      line-height: inherit;
      padding: 10px 0;
    }
    .news_more_right li em {
      margin-top: 5px;
    }
    .news_more_right h3 {
      font-size: 1.5rem;
    }
    .newtit {
      font-size: 1.5rem;
    }
    .newtit {
      margin-top: 30px;
    }
    .lpk_nav a {
      margin-right: 1.5625rem;
    }
    .product_info .main {
      flex-wrap: wrap;
    }
    .product_info .main > div {
      width: 100% !important;
    }
    .product_info .main .right {
      margin-top: 20px;
    }
    .product_info {
      padding: 30px 0;
    }
    .lpk_alert {
      width: 80%;
      position: fixed;
      left: 10%;
      top: 18%;
    }
    .product_info .main .left .tit {
      font-size: 1.375rem;
    }
    .product_bg1 .left .tit {
      font-size: 1.375rem;
    }
    .product_bg1 {
      padding: 50px 0 115px;
    }
    .product_bg2 {
      padding: 55px 0 40px;
    }
    .product_bg2 .main {
      flex-wrap: wrap;
    }
    .product_bg2 .main {
      width: 80%;
    }
    .product_bg2 .main .item {
      margin-bottom: 20px;
    }
    .product_bg3 .tit {
      font-size: 1.375rem;
    }
    .product_bg3 .main .img img {
      width: 94%;
    }
    .product_bg4 .main {
      flex-wrap: wrap;
    }
    .product_bg2 {
        margin-top: 20px;
    }
    .product_bg10 {
        margin-top: 10px;
    }
    .product_bg4 .main .left {
      width: 100%;
      text-align: center;
    }
    .product_bg4 .main .right {
      width: 100%;
    }
    .product_bg4 .main .right .tit {
      font-size: 1.375rem;
      text-align: left;
    }
    .product_bg4 .main .right .p p {
      text-align: left;
      font-size: 0.9375rem;
    }
    .product_bg4 .main .right .p {
      margin-top: 35px;
    }
    .product_bg5 img {
      display: block;
      margin: 20px auto 0;
      max-width: 100%;
    }
    .product_bg5 .main {
      padding: 30px 0 0px;
    }
    .product_bg5 {
      margin-top: 20px;
    }
    .product_bg5 .left .tit {
      font-size: 1.375rem;
    }
    .product_bg4 .main .right {
      padding: 45px 0;
    }
    .product_bg7 .box .left .tit {
      font-size: 1.375rem;
    }
    .product_bg7 .box img {
      display: block;
      margin: 20px auto 0;
      max-width: 100%;
    }
    .product_bg7 {
      padding-top: 10px;
    }
    .product_bg8 .main .img img {
      width: 94%;
    }
    .product_bg7 .box .main {
      position: relative;
      padding: 30px 0 45px;
    }
    .product_bg8 {
      margin-top: 25px;
    }
    .product_bg9 .left img {
      margin-top: 25px !important;
    }
    .product_bg10 .box .main {
      flex-wrap: wrap;
    }
    .product_bg10 .box .main > div {
      width: 100%;
    }
    .product_bg10 .box img {
      position: initial;
      display: block;
      margin: 20px auto 0;
      max-width: 100%;
    }
    .product_bg10 .box .main {
      padding: 30px 0 0px;
    }
    .product_bg11 .left img {
      margin-top: 25px !important;
    }
    .product_bg12 .tit {
      font-size: 1.375rem;
    }
    .product_bg13 .tit {
      font-size: 1.375rem;
    }
    .product_bg13 ul li {
      margin: 0 10px 15px;
    }
    .index_6 {
      margin-top: 0;
    }
    .product_js table tr td {
      padding-left: 0px;
      font-size: 0.8125rem;
      text-align: center;
    }
    .product_js h5 {
      font-size: 1.375rem;
    }
    .service_aftersale .service_two .item .right {
      height: auto;
    }
    .service_aftersale .service_two .item .right {
      width: 80%;
    }
    .service_aftersale .service_two .item {
      padding: 30px 30px;
    }
    .service_aftersale .liuc .item .bottom {
      font-size: 0.8125rem;
    }
    .service_aftersale .tit1 {
      font-size: 1.375rem;
    }
    .service_aftersale .tit {
      font-size: 1.375rem;
    }
    .service_aftersale .box .item {
      padding: 30px 20px 0;
    }
    .service_aftersale .box .item p {
      text-align: justify;
    }
    .service_aftersale .p {
      font-size: 0.8125rem;
      text-align: left;
    }
    .service_aftersale .table {
      overflow: scroll;
    }
    .service_aftersale .table img {
      width: 220%;
    }
    .lpkgsln .item .left {
      width: 100%;
      height: auto;
    }
    .lpkgsln .item .right {
      width: 100%;
      height: auto;
      margin: 20px 0;
    }
    .lpkgsln .item .right .box .tit1 {
      font-size: 1.375rem;
    }
    .lpkgsln .item .right .box {
      width: 94%;
    }
    .lpkgsln {
      margin-top: 0;
    }
    .lpkgsln .item .right .box .tit2 {
      font-size: 1rem;
    }
    .service_ketang .item {
      width: calc(100% - 40px);
      min-height: 50px;
      padding: 20px;
    }
    .service_ketang .item .top p {
      font-size: 1rem;
    }
    .service_ketang .item .bottom p {
      font-size: 0.875rem;
    }
    .service_alert {
      width: 80%;
      left: 10%;
      height: 60%;
      top: 15%;
    }
    .service_alert .lpkserviceMain .tit {
      font-size: 1.375rem;
    }
    .service_alert .lpkserviceMain .p p {
      font-size: 0.875rem;
    }
    .service_alert .lpkserviceMain .p {
      height: 20rem;
    }
    .service_alert .lpkserviceMain .tit {
      margin-bottom: 1.875rem;
    }
    .service1 .item a {
      flex-wrap: wrap;
    }
    .service1 .item a > div {
      width: 100% !important;
    }
    .service1 .item a .top img {
      height: auto;
    }
    .service1 .item a .bottom {
      height: auto;
      margin: 20px 0;
    }
    .service1 .item a .bottom p {
      height: auto;
    }
    .service1 .item a .bottom .tit {
      padding-top: 0px;
    }
    .service2 {
      padding: 30px 0 10px;
    }
    .service2 .tit {
      font-size: 1.375rem;
    }
    .service1 .item a .bottom .tit {
      font-size: 1rem;
    }
    .service1 .item a .bottom .tit1 {
      font-size: 0.9375rem;
    }
    .service1 .item a .bottom p {
      font-size: 0.75rem;
    }
    .service2 .item a .bottom .left .t {
      font-size: 0.9375rem;
    }
    .service2 .item a .bottom .left .b {
      font-size: 0.875rem;
    }
    .service2 .item a .bottom {
      padding: 25px 15px;
    }
    .service_info .main h5 {
      font-size: 1.25rem;
    }
    .service_info .main .p p {
      font-size: 0.875rem;
    }
    .service_info .main .box .ledt p {
      font-size: 0.875rem;
      text-align: justify;
      margin-top: 0.9375rem;
    }
    .service_info .main .box .ledt p a {
      font-size: 0.875rem;
    }
    .service_info .main .box > div {
      width: 100%;
    }
    .service_info .main .box .right {
      text-align: center;
    }
    .newtit {
      font-size: 1.375rem;
    }
    .service_selection1 {
      flex-wrap: wrap;
    }
    .service_selection1 .item {
      width: calc(100% - 50px);
      padding: 25px 25px;
      margin-bottom: 10px;
    }
    .service_selection1 .item h5 {
      font-size: 1rem;
    }
    .service_selection1 .item h6 {
      font-size: 0.875rem;
    }
    .service_selection2 {
      padding-left: 15px;
    }
    .service_selection2 p {
      font-size: 0.875rem;
    }
    .service_selection3 ul {
      flex-wrap: wrap;
    }
    .service_selection3 ul li {
      width: 100%;
    }
    .service_selection4 {
      margin-top: 0px;
    }
    .service_selection4 .main {
      margin-top: 30px;
      padding: 45px 10px;
    }
    .service_selection4 .main .bottom {
      margin-top: 30px;
    }
    .service_selection6 .box {
      margin-top: 0px;
      padding: 10px 0 40px 0;
    }
    .servicetit1 {
      font-size: 1.375rem;
    }
    .store_mall .box .item {
      width: 100%;
    }
    .store_mall .box {
      flex-wrap: wrap;
      padding: 0px 30px;
    }
    .store_mall .box .item {
      margin-bottom: 20px;
    }
    .store_offline .bottom .left {
      width: 100%;
      margin-bottom: 20px;
    }
    .store_offline .bottom .right {
      width: 100%;
    }
    .store_offline .bottom .left img {
      height: auto;
    }
    .store_offline .bottom .right .item {
      width: 94%;
    }
    .store_offline .top select {
      height: 40px;
      width: 31.5vw;
    }
    .store_offline .top span {
      font-size: 1rem;
      line-height: 40px;
    }
    .store_offline .top font {
      margin-left: 0px;
    }
    .store_offline .bottom {
      margin-top: 25px;
    }
    .store_offline .bottom .right .item li {
      padding: 15px 0;
    }
    .store_vr div {
      bottom: 1.5625rem;
    }
    .store_vr div span {
      font-size: 0.875rem;
    }
    .store_vr {
      margin-top: 0;
    }
    .us_contact .main .left .item {
      padding: 15px 0;
    }
    .us_contact .main .left .item .top {
      font-size: 1rem;
    }
    .us_contact .main .left .item .bottom p {
      font-size: 0.875rem;
    }
    .us_contact .main .right > div {
      height: 220px;
      margin-top: 20px;
    }
    .us_contact .main1 .right .divr div {
          width: 33.333%;
      }
    .us_contact .main1 .left {
      padding: 30px 0;
    }
    .us_contact .main1 .right {
      padding: 30px 0;
    }
    .us_contact .main1 .left .divr h5 {
      font-size: 1rem;
    }
    .us_contact .main1 .left .divr p {
      font-size: 0.8125rem;
    }
    .us_contact .main1 {
      margin-top: 35px;
    }
    .index_six {
      padding: 40px 0;
    }
    .index_six .mian .box .item {
      margin-top: 45px;
    }
    .joinFrom .buttom {
      margin-top: 20px;
    }
    .index_footer {
      padding: 40px 0 0 0;
    }
    .store_offline .top input {
        height: 35px;
        border-radius: 20px;
        width: 18vw;
        margin-left: 0px;
        font-size: 14px;
        margin-top: 10px;
    }
    .index_footer .index_f .m .f_r .select{
        width: 100%;
        bottom: 48px;
    }
    
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
    .product_bg5 img{
        position: inherit;
    }
    .product_info_nav{
        flex-wrap: wrap;
    }
    .product_info_nav .left{
        width: 100%;
    }
    .product_info_nav .right{
        width: 100%;
    }
    .product_bg8 .main .p1 {
        width: 94%;
        margin: auto;
    }
    .aoubt_idea .box .item p{
        overflow: scroll;
    }
    .about_ten .item {
        width: calc(99.3% - 2px);
    }
    .us_contact .main1 .right .divr .div {
        margin-left: 0rem;
    }
    .index_new .main:nth-child(3) > div {
        width: 100%;
    }
    .us_contact .main1 .right .divr h5{
        display: none;
    }
    .us_contact .main1 .right .divf{
        display: none;
    }
    .us_contact .main1 .right .divr{
        width: 100%;
    }
    .us_contact .main1 .left .divf{
        display: none;
    }
    .us_contact .main1 .left{
        border: 0;
    }
    .us_contact .main1 .right{
        border: 0;
    }
    .new_video .box {
          width: 100%;
      }
      .new_video {
          margin-top: 25px;
      }
  }
  
  .lpkBgnone {
    background: none;
    position: relative;
    padding: 0;
    margin: 0 ;
  }
  .lpkBgnone > img {
    width: 100%;
  }
  .lpkBgnone > img:nth-child(1) {
      min-height: 450px;
      object-fit: cover;
  }
  .lpkBgnone > img:nth-child(2) {
    display: none;
  }
  .lpkBgnone .lpkp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .lpkBgnone .lpkp1 {
    padding-top: 50px;
    display: block !important;
  }
  .lpkBgnone .box {
    background: none;
  }
  .lpkBgnone .main {
    background: none;
  }
  @media screen and (max-width: 1200px) {
    .lpkBgnone > img {
      width: 100%;
    }
    .lpkBgnone > img:first-child {
      display: none;
    }
    .lpkBgnone > img:nth-child(2) {
      display: block;
    }
      .lpkBgnone .lpkp{
          display: block;
      }
      .product_bg7 .box .main{
          padding: 0;
      }
      .product_bg4 .main .right{
          padding: 0;
      }
      .lpkp>div {
          margin-top: 50px;
      }
      .lpkp1>div{
          margin: auto !important;
      }
      .lpkp1 {
          display: flex !important;
      }
      
  }
  
  
  
  .indexN1 {
    position: relative;
  }
  .indexN1 > img {
    width: 100%;
    min-height: 650px;
    object-fit: cover;
  }
  .indexN1 .box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .indexN1 .box .main {
    margin-top: 170px;
  }
  .indexN1 .box .main > div {
    width: 34%;
  }
  .indexN1 .box .main h5 {
    font-size: 36px;
    color: #333;
    font-weight: 300;
  }
  .indexN1 .box .main .M {
    margin-top: 40px;
  }
  .indexN1 .box .main .M p {
    font-size: 14px;
    color: #666;
    /*width: 40%;*/
    line-height: 25px;
  }
  .indexN1 .box .main .a {
    margin-top: 50px;
  }
  .indexN1 .box .main .a a {
    font-size: 14px;
    color: #000;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border: 1px solid #000;
    text-align: center;
  }
  .indexN1 .box .main1 {
    text-align: right;
  }
  .indexN1 .box .main1 h5 {
    color: #fff;
  }
  .indexN1 .box .main1 .M p {
    text-align: right;
    width: auto;
    color: #fff;
  }
  .indexN1 .box .main1 .a a {
    color: #fff;
    border: 1px solid #fff;
  }
  .indexN1 .img {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    text-align: center;
  }
  .indexN1 .img img {
    margin: auto;
  }
  @media screen and (max-width: 1024px) {
    .indexN1 .img img {
      margin: auto;
      width: 40%;
    }
    .indexN1 .box .main > div {
      width: 50%;
    }
  }
  @media screen and (max-width: 415px) {
    .lpkBgnone > img {
      width: 100%;
      min-height: 500px;
    }
    .lpkBgnone > img:first-child {
      display: none;
    }
    .lpkBgnone > img:nth-child(2) {
      display: block;
    }
    .indexN1 .box .main h5 {
      font-size: 1.4rem;
    }
    .indexN1 .box .main .M p {
      width: 100%;
    }
    .indexN1 .box .main .a a {
      width: 110px;
    }
    .indexN1 .img img {
      width: 62%;
    }
    .indexN1 .box .main .a {
      margin-top: 30px;
    }
    .indexN1 .box .main .M {
      margin-top: 30px;
    }
    .indexN1 .box .main {
      margin-top: 50px;
    }
    .indexN1 > img {
      min-height: 530px !important;
    }
    .indexN1 .box .main > div {
      width: 100%;
    }
  }