@media only screen and (max-width: 1200px){ 
body,html{overflow-x:hidden;}
    /* nav */
    .light-heater,.light-heater .container,.home-header-wrap ,.home-header-wrap .container { background: #fff;}
    .contact-form-wrap {width: 90%; display: flex;flex-direction: column;}
    .contact-main-wrap .contact-title {width: 90%; padding:28px 0; font-size: 20px;}
    .contact-form-wrap {margin-top: 0;padding-bottom: 0; align-items: flex-start;}
    .contact-form-wrap .item-content .item-info{ font-size: 13px!important;}
     .contact-form-wrap .item-content .item-label{font-size:15px}
    .contact-form-wrap .item img {width: 28px;height: 28px; }
    .contact-form-wrap .item { margin-bottom: 24px;}
    .fb-title  { font-size:20px}
    .fb-title div {width:70px ; height:7px;top: -6px}
    .fb-form form { width: 90%;padding:  0 0 25px 0;margin:33px auto 0}
    .fb-form .row { width: 100%;flex-direction: column;}
    .row-form li { width: 100%;margin: 0 0 15px 0;}
    .fb-form .row-form, .fb-form .row-form input,.row-msg { width: 100%;}
    .row-msg textarea { width: 93%;}
    .column-nav .h5-n-shop {padding:5px 10px;border-radius: 18px; border:1px solid  #CC2929 !important}
    .column-nav .h5-n-shop a {color: #CC2929;}
    .h5-n-shop img {width: 16px;height: 16px;margin-left: 7px;}
    .column-nav .h5-n-shop {width: 80px;flex-direction: row;}
.submit-btn{border: 1px solid transparent;padding: 13px 53px;font-size: 16px;border-radius: 26px;background: #CC2929;display: flex;
align-items: center;color: #fff;letter-spacing: 1px;cursor: pointer;margin-left: auto;margin-right: auto;margin-top: 20px;}
    /* 产品中心 */
    .row-swiper {height: 100%; display: block;}
    .row-swiper .h5-bkg { width: 100%;height: 100%;object-fit:cover;}
    .product-top-area {height: 100%; justify-content: center;}
    .product-top-area .column{top: 40%;}
    .product-area { height: 100%;}
    .product-top-area .column img, .product-area .column img {width:auto; height: 88px;}
    .product-top-area .content text,   .product-area .column text { font-size: 11px;}
    .product-top-area .content span, .product-area .content span, .deep-area .content span{ height: 47px;margin: 0 10px 0 0;}
    .deep-area .content span { margin: 0 10px 0 20px}
    .deep-area .column img {width: 70px;height: 52px;}
    .web-pt-area { display: none;}
    .arrow-down {width: 40px;height: 40px; position: absolute;top:55% ;}
    .product-area .column { top:20%}
    .hot-pro-btn {display: block; padding:11px 25px; font-size:16px;position: absolute;bottom:8% ;z-index: 99;border:1px solid #000;border-radius: 28px;}
    .label-img { display: none;}
    .p-bkg {width: unset; height: unset;}
    .h5-swiper-img {height: 100%; display: block;object-fit:cover;}
    .web-swiper-img { display: none;}
    .h5-label-img { position: absolute;top:43%; width: 70%;}
    .light-area .hot-pro-btn { color:#fff;border:1px solid #fff}
    .init-pro-btn { display: none;}
    .h5-label-img {display: block; width: 65%; }
    .pr-dots-wrap { display: none;}
    .h5-dots-wrap {position: absolute;z-index: 999;bottom:5% ;left: 31%;display: flex;align-items: center;}
    .h5-dots-wrap .line-down {width:37px;height:  1px; }
    .h5-dots-wrap .line-wrap { flex-direction: row;}
    .pop-wrap{width:90%;left:5%;top:20%; padding:0;}
    .pop-wrap h2 {font-size:18px }
    .pop-wrap .close-btn {width:20px;height: 20px;}
    .pop-wrap .products-name { font-size: 12px;margin-top:10px;}
    .popup-swiper { padding-bottom:35px;width:100%;}
    .popup-swiper img { height:337.5px ;}
    .popup-swiper .swiper-slide {width: 100%!important; height: unset !important;}
    .pop-btn-next{ top:320px;margin-top: 0;right:28%}
    .pop-btn-prev {top:320px;;margin-top: 0;left:28% }
    .pop-wrap .swiper-button-next:after, .pop-wrap .swiper-button-prev:after{font-size: 20px;}
    
    .web-tp-img{ display: none;}
    .h5-tp-img { display: block; 
        height: 62px !important;margin-right: 15px;}
    /* join */
    .bcb { display: none;}
    /*.si-wrap { padding-top: 60px;}*/
    .si-item .item-desc,.video-wrap .item-desc,.article-wrap .item-desc  { width: 80%;margin: auto; padding: 20px 0;border:none; display: flex;flex-direction: column;justify-content:center}
    .si-item .item-desc .desc-title,.video-wrap .item-desc .desc-title,.article-wrap .item-desc .desc-title,.form-wrap .desc-title {padding-bottom: 12px; font-size: 20px;font-weight: bold;}
    .si-wrap .swiper-button-prev,
    .si-wrap .swiper-button-next { width: 20px;height: 40px;border-radius: unset}
    .swiper-wrapper .sia-img {height: 208px;object-fit: contain;}
    .brn-sm { display: none;}
    .video-list { margin: 0;}
    .video-list .item-list { margin-top:0;}
    .video-list .info {width: 90%!important; position: absolute;left:5%; bottom: -6px;z-index: 99;} 
    .colorw{color:#fff!important;opacity:1!important;}
    .item-list .video-img,.video-img .video-show-img { height: 158px;}
    .video-play-img { width: 30px;height: 30px;z-index:99;}
    .video-list .item-list .item .brief { display: none ;}
    .video-wrap .video-list .item-list:nth-child(1) {padding-left: 5%; }
    .vd-btn-next,.vd-btn-prev { display: none;}
    .article-wrap .item-desc .desc-title  {display: flex;align-items: center; flex-direction: column;}
    /* .article-wrap .desc-title span {margin-top: 4px; padding:2px 12px;font-size: 14px; color:#fff; border-radius: 15px; background:#CC2929 ;} */
    .article-wrap .item-list {width: 90%!important;margin: auto;margin-bottom: 12px; display: flex;align-items: center;flex-direction: column;}
    .h5-semore {display: block; margin:auto; padding:6px 20px ; color: #CC2929;font-size: 15px;border-radius: 16px; background: #fff;}
    .video-wrap, .article-wrap { padding: 0 0 20px 0;display: flex;flex-direction: column;justify-content: center; }
    .video-wrap .item-list { padding: 0 0 20px 0 ;}
    .article-wrap .item .brief {padding: 0; font-size: 16px;-webkit-line-clamp: 1;height: auto;margin-top: 10px; }
    .article-wrap .info { font-size: 13px;}
    .form-wrap .phone-box { margin-bottom:20px;}
    .form-wrap .desc-text {margin: 12px 0 20px 0; }
    .form-wrap .ipt { width:90%; margin: auto;padding:  0 0 20px 0; display: flex;flex-direction: column;align-items: flex-start;}
    .ipt input { width: 100%;margin: 0;box-sizing: border-box;}
    .ipt div {padding: 0 0 12px 0; text-align: left!important;}
    .form-wrap .btn-sub {border: 1px solid transparent;
    padding: 13px 53px;
    font-size: 16px;
    border-radius: 26px;
    background: #CC2929;display: flex;
    align-items: center;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    }
    .select-wrap { width: 100%;margin:0}
.video_swiper .video_slide .video_slide_desc .tips{padding:5px 12px;}
.join_title span:nth-of-type(1){font-size: 20px;line-height: unset;}
.join_title span:nth-of-type(2){font-size: 12px;margin-top:4px;}
.policy-wrap{ width: 90%;background:#fff;margin-right:auto;margin-left:auto;margin-top:20px;}
.policy-wrap .item-desc{width:100%;}
.item-desc{padding:24px 0 28px 0;justify-content:center;border-bottom:0;}
.policy-wrap .desc-title{font-size:16px;color:#CC2929;padding:13px 28px;border:1px solid #CC2929;}
.policy-wrap .policy_box{padding:0;width:100%;justify-content: space-between;}
.policy-wrap .policy_box li{width:50%;margin-right:0;margin-bottom:28px;padding:0 30px;box-sizing: border-box;}
.policy-wrap .policy_box li:first-child{margin-left:0}
.policy-wrap .policy_box li:last-child{margin-right:0}

.sale-wrap{width: 90%;background:#fff;margin-right:auto;margin-left:auto;margin-top:20px;}
.sale-wrap .item-desc{width:100%;}
.sale-wrap .desc-title{font-size:16px;color:#CC2929;padding:13px 28px;border:1px solid #CC2929;}
.sale_box{width:100%;padding: 0 12px;box-sizing: border-box;}
.sale_box:last-child{padding-bottom:12px;}
.subtitle .subtitle_top em{font-size:40px;}
.subtitle .subtitle_buttom{font-size:12px;}
.sale_item{margin-top: 20px;margin-bottom: 4px;}
.sale_item li{width:calc((100% - 13px) / 2) ;margin-right: 13px;margin-bottom: 12px;}
.sale_item li:nth-child(2n){margin-right:0;}
.join-iconList{width: 90%;background:#fff;margin-right:auto;margin-left:auto;margin-top:20px;padding: 23px 0;}
.join-iconList li{width: calc(100% / 2);margin-bottom:27px;}
.join-iconList li img{width:62px;height:62px;}
.join-iconList li p{margin-top:15px;font-size:12px;}
.join-iconList li:nth-last-child(1),.join-iconList li:nth-last-child(2){margin-bottom:0;}
.video-wrap .item-desc, .bcb, .si-item, .video-list, .article-wrap .item-desc, .article-wrap .item-list{width:100%;}
.swiper-container-a .sia-btn-next, .swiper-container-a .sia-btn-prev, .swiper-container-b .sib-btn-next, .swiper-container-b .sib-btn-prev, .swiper-container-c .sic-btn-prev, .swiper-container-c .sic-btn-next{display:flex;}
.article-wrap .item-list{padding-top:0;}

#dr_linkage_chengshi_select{width:100%;margin-left:0;}
.join-title72{margin-top:72px!important;}
.policy-wrap .policy_box li p{margin-top:16px;}
.subtitle{    margin-top: 0px;}
.join_title{margin-top:28px}
    /* contact */
    #map { height:365px;}

    /* 品牌 */
    .main-wrap{margin-top:52px}
    .brand-banner-wrap img{ height: 564px;}
    .brand-banner-wrap .title  h1 { color:#333333;font-size: 30px;}
    .brand-banner-wrap .title  p {font-size: 13px; color:#333333; }
    .desc-top {display: flex;align-items: center;justify-content: center;}
    .desc-top img {width: 35px;height: 35px; }
    .brand-desc-container {padding: 24px 0 0 0;}
    .brand-desc-container .desc-title { font-size: 24px;font-weight: bold; letter-spacing: 1px; }
    .desc-content {width: 80%; padding: 28px 0 0 0; font-size: 11px;margin: 0;margin:auto;line-height:24px;}
    .web-flow-area {display: none;}
    .web-desc-content { display: none;}
    .h5-flow-area {margin-top:30px;padding-bottom: 40px; display: flex;flex-wrap: wrap;}
    .h5-flow-area li {margin-bottom: 17px;  width: calc(50%);display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .h5-flow-area li p { font-size: 25px;font-weight: bold; background: linear-gradient(0deg, #D02829 0%, #FF8F90 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} 
    .h5-flow-area text { padding: 20px 0 0 0;height: 30px;text-align: center; font-size: 11px;color:#333333}
    .h5-desc-content {display: block;}
    .brand-honor-container {width: 100%; margin-top:28px ;display: flex;justify-content: center;flex-direction: column;}
    /*.honnor_box img{ height: 110px;}*/
    /*.honnor_swiper { width: 95%;}*/
    /*.honnor_box { margin-top: 30px;}*/
    /* .honnor_box .swiper-button-next {top:150px;right:30%}*/
    /*.honnor_box .swiper-button-prev {top:150px;left:35%}*/
/*.honnor_box li .honnor_box_img{width:100%;}*/
/*.honnor_box li{height: 160px;padding-top: 10px;}*/
/*.honnor_box li .honnor_box_title{font-size: 12px;bottom: 10px;font-weight: 500;height: 24px;}*/
.honnor70{margin-top:70px}
.honnor_swiper{width:95%;margin-left:5%;margin-bottom:20px;margin-top:20px;}
.honnor_swiper .honnor_swiper_item{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.honnor_swiper .honnor_swiper_item .honnor_swiper_item_img{width: 100%;}
.honnor_swiper .honnor_swiper_item .honnor_swiper_item_title{margin-top:10px;font-size:12px;}
.histroy_box{margin-top:20px;}

.brand-histroy-container{margin-top:28px;width:90%}
.histroy_box li{height:auto;}
.histroy_box li .histroy_box_img{width:100%;height:auto;}
.histroy_box li .histroy_box_content{padding: 12px 12px 40px 12px;}
.histroy_box li .histroy_box_content:after{bottom: 20px;left: 12px;}

.header-select {padding: 10px 0px;color: #fff;width: 100%;text-align: center;margin-top: 15px;position: relative;border: 1px solid #CC2929;
 margin-bottom: 15px;background: #CC2929;border-radius: 40px;}
.header-select .header-select_box {width: 100%;height: 100%;display: flex;justify-content: flex-start;align-items: center;}
.header-select .header-select_box .histroy_nav_icon{font-size:32px;margin-right:27px;margin-left:32px;}
.header-select .header-select_box .histroy_nav_title{display: flex;justify-content: center;align-items: center;flex-direction: column;
width: 160px;}
.header-select .header-select_box .histroy_nav_title span:nth-of-type(1){font-size: 16px;font-weight: 600;}
.header-select .header-select_box .histroy_nav_title span:nth-of-type(2){font-size: 12px;margin-top:4px;}
.header-select ul {position: absolute;width: 100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);background: #ffffff;top: 75px;left: 0;
 z-index: 999;display: none;border-radius: 20px;padding: 10px 0;}
.header-select-tip {width: 100%;height: 100%;}
.down {display: block;position: absolute;width: 0;height: 0;border-bottom: 7px solid transparent;border-left: 7px solid transparent;
border-right: 7px solid transparent;border-top:7px solid #fff;top: 26px;right: 30px;}
.header-select ul li {color: #000;text-align: center;cursor: pointer;
   display: flex;justify-content: flex-start;align-items: center;padding: 10px 0;
}
.header-select ul li .histroy_nav_icon{font-size:32px;margin-right:27px;margin-left:32px;color:#CC2929}
.header-select ul li .histroy_nav_title{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 160px;}
.header-select ul li .histroy_nav_title span:nth-of-type(1){font-size: 16px;font-weight: 600;}
.header-select ul li .histroy_nav_title span:nth-of-type(2){font-size: 12px;margin-top:4px;}
.histroy_box li .histroy_box_content span{font-size:24px;line-height: unset;}
.histroy_box li .histroy_box_content .content{margin-top:12px;}
    /* 新闻中心 */
    .hd-banner-wrap { display: none;}
    .news_top { display: none;}
    .mt30,.mt60 { margin-top: unset;}
    .h5_news{margin-top:52px}
    .hh-title {padding: 20px 0; font-size: 20px;  justify-content: center !important;border:none  !important}
    .video_swiper  {padding: unset; height: 158px; width:95%;margin-top:0;margin-right:0;}
    .video_slide_img { height: 158px;}
    .video_swiper .video_slide { border:unset}
    .news {width: 90%;padding:0; display: flex;flex-direction: column;overflow: hidden;}
    .web-semore { display: none;}
    /* .news .h5-semore { margin-top: 20px;} */
    .news_list { display: flex;flex-direction: column;}
    .news_list li,.news_category_list li { width: 100% !important;height: 100%;}
    .news_list li .img_box img {height: 193px; }
    .news_list li .content .tips{margin:16px 0;}
    /*.news_list .tips { display: none !important; }*/
    .news_list li a, .news_category_list li a  { display: flex;flex-direction: column;}
    .news_list li .content,.news_category_list li .content  {width: 100%; position: unset !important;background: #fff; }
    .h5-news-box { display: none;}
    .news_list li .img_box { width: 100%;}
    .news_list li .content .content_box,.news_category_list li .content .content_box{padding: 0 16px; display: flex;flex-direction: column;align-items: flex-start;}
    .news_list li .content h3,.news_category_list li .content h3  { height: unset; margin:12px 0 0 0;font-size: 16px;line-height: 20px;-webkit-line-clamp: 1;}
    .news_list li .content .date_eye,.news_category_list  li .content .date_eye {width: 100%; margin-top: 0; font-size: 12px;padding: 0 0 16px 0;}
    .new-label {padding: 5px 12px ;margin:16px 0; display: block;font-size:12px;color: #fff;border-radius: 2px; background:#CC2929;}
    .news .swiper-pagination {display: none;}
    .video_swiper .video_slide .video_slide_desc { width: 100%;height: 100%;flex-direction: column;align-items: flex-start; background: unset;
        padding: 12px;display: flex;}
    .video_swiper .video_slide .video_slide_desc h3 {width:100%; font-size: 16px; }
    .h5-video-desc {width: 100%;font-size: 12px; display: flex;justify-content: space-between;padding: 0 12px;box-sizing: border-box;
    bottom: 7px;left:0;}
    .video_swiper .video_slide .video_slide_play{ width:40px;height: 40px;top: 58%;left: 57%;}
    .video_swiper .swiper-slide{transform: scale(1);}
    .video_swiper .video_slide .video_slide_desc .content{margin:8px 0 12px 0;font-size:12px;}
    .video_swiper .swiper-slide-active .mantle, .video_swiper .swiper-slide-duplicate-active .mantle{background:none;}
    .mantle{background:none;}
    /* 列表页 */
    .news_category_list li .img_box {width: 100%;height: 193px;}
    .news_category_list li .img_box img {height: 100%; }
    .news_category_list li .img_box .img_box_video{width:80px;height:80px;}
    .news_category_list .tips { margin:20px 0;}
    .display_sp .bcb { display: none;}
    .news_content { width: 90%;}
    .news_content .title {font-size: 16px; text-align: left;}
    .news_content .date_eye { font-size: 12px;}
    .detail-container { display: none;}

    .single-banner-wrap .title {width: 100%;text-align: center;left:0; top:20%;}
    .single-banner-wrap  img{height: 560px; object-fit: cover;}
    .single-banner-wrap .title h1{font-size:30px;color: #333;letter-spacing: 2px;}
    .single-banner-wrap .title p {font-size: 13px; color: #333;letter-spacing: 1px;}
}
@media only screen and (max-width: 1200px) {
      .hh_pc {
        display: none;
      }

      .hh_h5 {
        display: block;
      }

      .hh_timeAxis_container {
        width: 100%;
        /* padding-top: 25px; */
      }

      .hh_timeAxis_center {
        position: absolute;
        top: 55px;
        left: 50%;
        margin-left: -14%;
        height: 100%;
        width: 28%;
        background-image: url(../images/h5_histroy1.png);
        background-position: top;
        background-repeat: no-repeat;
        z-index: 999;
      }

      .hh_timeAxis_item {
        padding: 0 15px;
      }

      .hh_timeAxis_item .hh_timeAxis_item_img {
        width: 40%;
      }

      .hh_timeAxis_item:nth-child(2n+1) ul {
        width: 60%;
        margin-left: 0;
        padding-left: 5%;
      }

      .hh_timeAxis_item:nth-child(2n) ul {
        margin-right: 0;
        width: 60%;
        padding-right: 5%;
      }

      .hh_timeAxis_item:nth-of-type(3) {
        color: #000;
      }

      .hh_timeAxis_item ul li {
        font-size: 12px;
        line-height: 20px;
      }

      .hh_timeAxis_item ul li:nth-of-type(1) {
        margin-bottom: 10px;
      }

      /* .hh_timeAxis_item {
        margin-bottom: 50px;
      } */

      .hh_timeAxis_item:nth-of-type(n+6) {
        display: flex;
      }

      .hh_timeAxis_round {
        top: 30px;
      }
    }