@media only screen and (max-device-width: 820px){
   #sec_home .indexbg{
  background-image: url(../images/index/6.jpg);
}
   .totop{
     padding: 6px;
     bottom: 9px;
     right: 12px;
     width: 36px;
     height: 36px;
}
  .index .container {
    width: 100%;
    }
    .pc-only{
         display:none!important;
    }
    .white-panel{
      background-color: white;
    }
  header{
/*     display: none; */
  }
  div.burger{
    top: 2px;
    margin:0;
    height: 46px;
    width: 46px;
  }
  div.burger span{
    font-size:14px;
    letter-spacing: 2px;
    color: white;
    position: fixed;
right: 44px;
    top: 25px;
  }
.navbar{
  /* background-color: #ffffffd9; */
}
  .header-top .logo img{
    padding: 5px 0;
    width:150px;
    height:inherit;
  }
  .div.burger{
        height: 50px;
    width: 50px;
  }
  div.x, div.y, div.z {

   }
    .menu_navbar{
      padding: 6px 15px;
      background: rgb(255, 255, 255);
    }
    .menu_navbar.animate{
      display:block;
    }
    #menu{
      margin-right:0;
    }
    #menu li{
      display:block;
      border-top:1px solid #9c7b4817;
    }
    #menu li a{
      padding: 20px 16px;
      text-align:center;
    }

#sec_home .blacksquare {
     margin-bottom: 11%;
     width: 100%;
     padding: 0 1em;
}

#sec_home .blacksquare a{display:block;-webkit-transition: all 200ms ease;transition: all 200ms ease;padding: 14px;}
#sec_home .blacksquare a:hover{
transform: scale(1.02);
box-shadow: 1px 3px 30px rgba(0, 0, 0, 0.12);
}
#sec_home .blacksquare a:hover .words{
    background:rgba(0, 0, 0, 0.66);
}
#sec_home .blacksquare .words{
    padding: 12px 0 5px;
}
#sec_home .blacksquare img{
    opacity:.9;
    margin: 0;
    max-width: 100%;
    display:block;
    /* margin: 0 auto; */
}
#sec_home .blacksquare a:hover img{
    opacity:1;
}
#sec_home .blacksquare p {
    font-weight: 100;
    line-height: 1.8em;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.69);
}
#sec_home .blacksquare p.indexnews{
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
}
#sec_home .blacksquare .topline{
        line-height: 1.45em;
        font-size: 13px;
        padding: 0;
        margin-top: 11px;
        /*         text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; */
        overflow:hidden;
}
#sec_home .mll_words{
  letter-spacing: 1px;
  font-size: 19px;
  font-weight:bold;
}
.only_mobile{
    display:contents;
}
#sec_home .blacksquare .topline .moretext{
  display:none;
}
#sec_home .topline a{
  display:inline-block;
}
#sec_home .blacksquare h4{
    color: white;
    font-size: 15px;
    margin: 0 0 6px;
}
#sec_home .blacksquare h2{
    padding: 0 0 14px;
    font-size: 18px;
    font-weight: 800;
    /* margin: 0 0 14px; */
}
#sec_home .blacksquare h2 span{
    letter-spacing: 1px;
    margin: 0 0 0 12px;
    font-size:14px;
    font-weight: 400;
}
#sec_home .fp-tableCell{
  vertical-align:bottom
}

.rec_1, .rec_2, .rec_3{
  
}
 #sec_intro .words1{
     /* z-index: 150; */
     /* position: absolute; */
     top: 71px;
     left: 5%;
}
 #sec_intro .words{
     position: absolute;
     bottom: 80px;
     left: 5%;
     right: 5%;
}
 #sec_intro .wenzi1{
    font-size: 20px;
}
 #sec_intro .wenzi2{
    line-height: 59px;
    margin: 13px -4px;
    font-size: 62px;
}
 #sec_intro .wenzi3{
     padding: 6px;
     font-size: 16px;
     letter-spacing: 3px;
}
#sec_product .words1 {
    top: 9vh;
    left: 12px;
    font-size: 13px;
    padding: 6px 15px;
}
#sec_product .row{

     margin: 0;
}
 #sec_product .square{
     position: relative;
     height: 20.5vh;
}
 #sec_product .square .content{
     background: white;
     padding: 5vh 9px 8px 9px;
     height:100%;
}
.arrow-up{
  border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-top: 9px solid #ffffff;
}
.arrow-down{
    border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-bottom: 9px solid #ffffff;
}
#sec_product .square span{
  left:46%;
}
#sec_product .square h3{
  line-height: 20px;
  font-size: 19px;
}
#sec_product .square .line{
  margin: 0px auto -5px;
}
#sec_product .square p{
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 9px;
  font-size: 12px;
}
#sec_product .square .withbg{
  height:25vh;
}
#sec_life .square{padding: 13vh 12px 7vh;}
#sec_life .square h3{line-height: 35px;font-size: 22px;letter-spacing: 0px;}
#sec_life .square p{
  font-size: 13px;
  margin: 27px 0 9vh;
}
#sec_rights .row .col-md-6 a{
  padding: 35px 0px;
}
#sec_rights h3{
  font-size:22px;
  margin: 14px 0 13px;
}
#sec_rights p{
  font-size: 15px;
}
#sec_rights .col-md-6:nth-child(odd) .img-pl{
  margin: 18px 0 0;
}
#sec_rights .col-md-6:nth-child(2){
  display:none;
}
#sec_contact h1{padding: 0;margin-top: 55px;font-size: 18px;}
#sec_contact p{font-size: 12px;margin: 7px 0 0;}
#sec_contact h4{
  font-size: 15px;
  margin: 17px 0 4px;
}
#sec_contact .line{
  margin: 5px 0;
}
#sec_contact .form-panel{
  margin-top: 0px;
}

#sec_contact ul{
  padding: 0 0 5px;
}
#sec_contact li{
  line-height: 23px;
}
#sec_contact li .icon{margin-right: 4px;width: 12px;}
#sec_contact li span{margin-left: 5px;}
#sec_contact .form-group{
  margin-bottom: 6px;
}
#sec_contact label{
  font-size: 12px;
  margin-bottom: .3rem;
}
#sec_contact .form-control{
  padding: 4px;
  line-height: 1;
}
#sec_contact textarea.form-control{
  height:90px;
}
 .yqlj h4{
     margin: 33px 0 0;
     font-size: 16px;
}
 .yqlj a{
     font-size: 13px;
     display: block;
     color: #9a9a9a;
     margin-bottom: 2px;
}
 .yqlj a:hover {
     color: #d71f19;
}
 .yqlj .line {
     margin: 11px 0;
     padding: 1px 0;
     width: 31px;
}
 #sec_footer p.copyright{
     font-weight: normal;
     font-size: 12px;
     margin-top: 10vh;
}
#sec_footer{
  background-position: 61% 50%;
}
.sec_footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 0;
}
#sec_footer .container{
  padding-top: 33px;
}
.sec_footer .arrow_down {
    width: 18px;
}
#fp-nav.right {
    right: 2px;
}
#fp-nav ul li, .fp-slidesNav ul li{
  display: block;
  width: 9px;
  height: 12px;
  margin: 3px;
  position: relative;
}
.swiper-button-next, .swiper-button-prev{
  background-size: 14px 14px;
  width: 25px;
  height: 25px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  right:14px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  left:14px;
}

/*/////////////////intro///////////////////////*/
 #int_one, #int_two, #int_three, #int_four{
     background-position: top;
     background-size: 144%;
}
.intro_sec .col-md-7{
  /* margin-top: 20px; */
  height: 35vh;
}
.intro_sec .content{background: white;height: 65vh;padding: 13px 12px;}
.intro_sec .int_sub{
     margin: 0 0 4px;
     color: black;
     font-size: 17px;
}
 .int_desc{
     line-height: 24px;
     font-size: 12px;
}
 .intro_sec .red_word{
     margin-top: 13vh;
     font-size: 2.4rem;
     line-height: 3rem;
}
 .intro_sec .arrow_down_red{
     position: fixed;
     bottom: 12px;
}
 .intro_sec .arrow_down_red img{
   width:20px;
 }

/*/////////////////value///////////////////////*/
 #val_one, #val_two, #val_three, #val_four{
     background-position: top;
     background-size: 144%;
}
.value_sec .col-md-7{
  /* margin-top: 20px; */
  height: 35vh;
}
.value_sec .content{
  background: white;
  height: 65vh;
  padding: 13px 12px;
}
 .value_sec#val_four .content{
     padding: 3vh 61px;
}
.value_sec .val_sub{
     margin: 0 0 4px;
     color: black;
     font-size: 17px;
}
 .val_desc{
    line-height: 24px;
    font-size: 12px;
}
 .value_sec .red_word{margin-top: 12vh;font-size: 2.2rem;line-height: 3rem;}
 .value_sec .arrow_down_red{
     position: fixed;
     bottom: 12px;
}
 .value_sec .arrow_down_red img{
   width:20px;
 }
.value_sec .step{
     padding: 0 12px;
     font-size: 12px;
     min-height: 49px;
}
 .value_sec .step:hover{
     background-color:black;
}
 .value_sec .step_arrow{
     margin: 3px 0;
}
.value_sec .step_arrow img {
    width: 17px;
}
 .step_arrow2{
     position: absolute;
     left: -51px;
     top: -73px;
}
 .step_arrow2 img{
   height: 116px;
 }
/*/////////////////product///////////////////////*/
 #pro_one, #pro_two, #pro_three, #pro_four, #pro_five, #pro_six, #pro_seven, #pro_eight, #pro_nine, #pro_ten{
     background-position: top;
     background-size: 116%;
}
.pro_menu{display: none;opacity:0;left: 12px;top: 9vh;}
.pro_menu li a{font-size: 14px;min-width: 0;max-width: 80px;padding: 6px 8px 5px 8px;}

.product_sec .content{
  
}
.product_sec .col-md-7{
  /* margin-top: 20px; */
  height: 25vh;
}
.product_sec .content{
  background: white;
  height: 75vh;
  padding: 10px 12px;
}
.product_sec .pro_title{font-size: 16px;margin: 0 0 10px;line-height: 16px;}
 .pro_sub{
     margin: 0 0 3px;
     font-size: 14px;
}
 .pro_list{
     margin: 0 0 8px 0px;
     padding: 0 0 8px 8px;
}
.pro_list li{
  font-size: 12px;
  line-height: 16px;
}
.pro_desc{
  line-height: 19px;
  font-size: 12px;
}
 .product_sec .greenlogo{
     position:absolute;
     bottom: 12px;
     right: 10px;
 }
.product_sec img{
    width: 46px;
}
/*/////////////////news///////////////////////*/
.news_menu{
  display:none;
  opacity:0
}
.news_sec .content{
  font-size: 13px;
  padding:0;
  min-height: 100px;
  margin: 50px 0 25px;
}
.news_sec .content .date {
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0 0 4px 0;
    text-align: right;
}
.news_sec:nth-of-type(1) .content{
  margin-top: 83px;
}

.news_sec .content img{
  margin:5px 0 0;
}
.news_sec:nth-of-type(2) .content img{
  width: 228px;
}
.news_title{
  font-size: 16px;
}
.lb_d date{

}
/*/////////////////support///////////////////////*/
.sheet_img{
  margin: 42px 0 0;
  padding: 12px 12px 0;
  width: 100vw;
  height: auto;
}
.sheet_img img{
  width: 90vw;
}
 .support_sec .content{
     height: auto;
     padding: 12px;
} 
.support_sec .sup_sub{
     margin: 0 0 2px;
     font-size: 14px;
}
.table.download_tb{
  font-size:13px;
}
.table.download_tb td, .table th{
  /* border:none; */
  padding: 5px 3px;
}
.table.download_tb th{
    font-size: 12px;
}
.table.download_tb td{
  min-width: 0;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */
}
.table.download_tb img{
  /* display: block; */
  width: 14px;
}
.table td.last{
  padding: 9px 0;
  text-align: right;
  border:none;
  font-size: 14px;
}

}