/*for i in range(300, 760, 10)
	@media screen and (max-width: i*1px)
		html
			font-size round(i/5.5)*1px*/

@media screen and (min-width: 1650px) {
  html {
    font-size: 100px;
  }
}

@media screen and (max-width: 1800px) {
  .wrap {
    width: 90%;
  }

  .wrap1550 {
    width: 75%;
  }
}

@media screen and (max-width: 1750px) {
  .manufacture-box .l .img-hover {
  }

  .manufacture-imgs .s1 {
    height: 2.82rem;
  }

  .manufacture-imgs .s2 .g1 {
    height: 1.6rem;
  }

  .manufacture-imgs .s2 .g2 {
    height: 1.2rem;
  }

  .manufacture-imgs .s2 .g2 img {
    margin-top: 0.2rem;
    width: 0.4rem;
  }

  .manufacture-imgs .s2 .g2 p {
    font-size: 0.2rem;
  }

  .manufacture-imgs .s3 {
    height: 2.82rem;
  }

  .manufacture-imgs .s4 {
    height: 2.6rem;
  }

  .manufacture-imgs .s5 {
    height: 2.6rem;
  }

  .slider-manufacture {
    height: 1.92rem;
  }

  .wp {
    max-width: 14rem;
  }

  #fd .wp,
  #hd .wp {
    max-width: 20rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .loading {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .nav {
    margin-left:12%;
  }
}

@media screen and (max-width: 1680px) {
  body {
    font-size: 15px;
  }
}

@media screen and (max-width: 1649px) {
  html {
    font-size: 97px;
  }
}

@media screen and (max-width: 1624px) {
  html {
    font-size: 95px;
  }
}

@media screen and (max-width: 1599px) {
  html {
    font-size: 94px;
  }
}

@media screen and (max-width: 1574px) {
  html {
    font-size: 92px;
  }
}

@media screen and (max-width: 1549px) {
  html {
    font-size: 91px;
  }
}

@media screen and (max-width: 1524px) {
  html {
    font-size: 89px;
  }
}

@media screen and (max-width: 1499px) {
  html {
    font-size: 88px;
  }
}

@media screen and (max-width: 1474px) {
  html {
    font-size: 86px;
  }
}

@media screen and (max-width: 1449px) {
  html {
    font-size: 85px;
  }
}

@media screen and (max-width: 1424px) {
  html {
    font-size: 83px;
  }
}

@media screen and (max-width: 1400px) {
  body {
    font-size: 14px;
  }

  .form-company span {
    width: 1.9rem;
  }

  .form-company .inp-box {
    margin-left: 1.9rem;
  }
}

@media screen and (max-width: 1399px) {
  html {
    font-size: 82px;
  }
}

@media screen and (max-width: 1374px) {
  html {
    font-size: 80px;
  }
}

@media screen and (max-width: 1349px) {
  html {
    font-size: 79px;
  }
}

@media screen and (max-width: 1324px) {
  html {
    font-size: 77px;
  }
}

@media screen and (max-width: 1300px) {
  body {
    font-size: 13px;
  }
}

@media screen and (max-width: 1299px) {
  html {
    font-size: 76px;
  }
}

@media screen and (max-width: 1274px) {
  html {
    font-size: 74px;
  }
}

@media screen and (max-width: 1249px) {
  html {
    font-size: 73px;
  }
}

@media screen and (max-width: 1224px) {
  html {
    font-size: 72px;
  }
}

@media screen and (max-width: 1200px) {
  body {
    font-size: 12px;
  }
}

@media screen and (max-width: 1199px) {
  html {
    font-size: 70px;
  }
}

@media screen and (max-width: 1174px) {
  html {
    font-size: 69px;
  }
}

@media screen and (max-width: 1149px) {
  html {
    font-size: 67px;
  }
}

@media screen and (max-width: 1124px) {
  html {
    font-size: 66px;
  }
}

@media screen and (max-width: 1100px) {
  #hd {
    display: none;
  }

  .m_header {
    display: block;
  }

  .hd-holder {
    height: 50PX;
  }
}

@media screen and (max-width: 1099px) {
  html {
    font-size: 64px;
  }
}

@media screen and (max-width: 1074px) {
  html {
    font-size: 63px;
  }
}

@media screen and (max-width: 1049px) {
  html {
    font-size: 61px;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 60px;
  }
}

@media screen and (max-width: 1000px) {
  .fd-link {
    width: 50%;
  }

  .fd-contact {
    width: 50%;
  }

  .fd-tag,
  .fd-logo {
    display: none;
  }

  .wp,
  .wrap1400 {
    padding-left: 5%;
    padding-right: 5%;
    width: auto;
  }

  .service-row .cell {
    width: auto;
    width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}

@media screen and (max-width: 769px) {
  html {
    font-size: 66px;
  }

  #banner .ban-con {
    top: 30%;
  }

  #banner h2 {
    font-size: 0.48rem;
  }

  .pro-detail .device-row {
    float: none;
    width: 100%;
  }

  .pro-detail .pro-info {
    position: static;
    width: 100%;
  }

  .pro-detail .pro-info a {
    width: 50%;
    float: left;
    padding-bottom: 0.3rem;
  }

  .pro-detail .pro-info a img {
    width: 0.8rem;
  }

  .pro-detail .wp {
    padding-left: 0;
    padding-right: 0;
  }

  .relate-device .wp {
    padding-left: 0;
    padding-right: 0;
  }

  .list-branch dl {
    float: none;
    width: 100%;
  }

  .list-branch .bd {
    padding: 0.6rem;
  }

  .about-row2 {
    padding: 10% 0;
  }

  .about-row {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .about-row6 {
    padding-bottom: 0;
  }

  .list-innovation .txt {
    width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .tab-innovation .on {
    background: none;
  }

  .img-innovation {
    padding-right: 0;
    overflow: hidden;
  }

  .main-article {
    float: none;
    margin-right: 0;
  }

  .main-article .pad {
    margin-right: 0;
  }

  .side-article {
    float: none;
    width: 100%;
    margin-top: 0.3rem;
  }

  .news-rec img {
    display: none;
  }
}

@media screen and (max-width: 760px) {
  .btn-m-big {
    width: 100%;
    max-width: 9.99rem;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .wrap-exhibitor .btn-box,
  .wrap-exhibitor margin 10px 0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .wrap-exhibitor .btn-box a,
  .wrap-exhibitor margin 10px 0 a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 9.99rem;
  }

  .btn-normal {
    max-width: 2.3rem;
  }

  body {
    font-size: 14px;
  }

  html {
    font-size: 73px;
  }

  .t2 h3 {
    font-size: 0.38rem;
  }

  .t2 h4 {
    font-size: 0.24rem;
  }

  .t1 {
    margin-bottom: 0.3rem;
  }

  .ban-bar {
    position: static;
  }

  #banner .ban-con {
    top: 40%;
  }

  #banner h2 {
    font-size: 0.38rem;
  }

  #banner h4 {
    font-size: 0.26rem;
  }

  #banner .slick-dots {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.1rem;
  }

  #banner .slick-dots li a {
    background-color: #fff;
  }

  #banner .slick-dots .slick-active a {
    background-color: #4fc086;
  }

  #banner .img {
    padding-top: 60%;
  }

  .ban-bar .hd {
    float: none;
    width: 100%;
    border-radius: 0;
    padding: 0.3rem 0.3rem;
    display: none;
  }

  .ban-bar .hd p {
    font-size: 0.16rem;
  }

  .ban-bar .bd {
    padding-left: 0;
    padding-right: 0;
  }

  .ban-bar {
    height: auto;
  }

  .ban-bar .wrap {
    width: 100%;
  }

  .bd-pro,
  .hd-pro {
    float: none;
    width: 100%;
  }

  .row2 {
    background: #69b632;
  }

  .bd-pro {
    margin-top: 0.3rem;
  }

  .bd-pro .img {
    float: none;
    width: 100%;
    position: static;
    padding-top: 60%;
    margin-bottom: 0.3rem;
  }

  .bd-pro .pad {
    padding-left: 0;
  }

  .bd-pro .txt {
    max-height: 2rem;
    min-height: 0.01rem;
  }

  .bd-pro h3 {
    margin-left: 0.2rem;
  }

  .link-pro {
    margin-top: 0.5rem;
  }

  .side-pro li {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    border-radius: 0.08rem;
  }

  .hd-pro .hd {
    padding-left: 0;
    text-align: center;
  }

  .dl-btn {
    background-image: url("../images/ico-dl-blue.png");
  }

  .wrap1550 {
    width: 90%;
  }

  .manufacture-box .l,
  .manufacture-box .r {
    float: none;
    width: 100%;
    overflow: hidden;
  }

  .manufacture-imgs .s1 {
    width: 30%;
  }

  .manufacture-imgs .s3 {
    width: 30%;
  }

  .manufacture-imgs .s2 {
    width: 40%;
  }

  .tit-about img {
    display: none;
  }

  .slider-history {
    width: 100%;
  }

  .history-box {
    padding-bottom: 3.9rem;
    background-position: 50% bottom;
    height: auto;
  }

  .slider-mutiple .slick-dots li a {
    background-color: #fff;
  }

  .slider-mutiple .slick-dots .slick-active a {
    background-color: #2796d5;
  }

  .m-show {
    display: block;
  }

  .m-hide {
    display: none;
  }

  .loading {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .inner-ban {
    padding-top: 60%;
  }

  .fd-link {
    display: none;
  }

  .fd-contact {
    width: 100%;
  }

  .qr-box {
    text-align: center;
  }

  .fd-cp .wp {
    padding: 0.2rem 0;
  }

  .inner-row {
    padding: 10% 0;
  }

  .cat-nav {
    display: block;
  }

  .tab-bread {
    display: none;
  }

  .slider-manual .slick-dots {
    margin-top: 0.3rem;
  }

  .slider-manual .slick-dots a {
    background-color: #fff;
  }

  .t2-left {
    text-align: center;
  }

  .t3 h3 {
    font-size: 0.38rem;
  }

  .category-device {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }

  .category-device.slick-initialized {
    visibility: visible;
    opacity: 1;
  }

  .device-row .img,
  .device-row .txt {
    float: none;
    width: 100%;
  }

  .device-row .txt:after {
    display: none;
  }

  .device-row .txt {
    padding-top: 8%;
    padding-bottom: 8%;
  }

  .product-row .img,
  .product-row .txt {
    float: none;
    width: 100%;
  }

  .product-row .img {
    height: auto;
    min-height: 0.01rem;
  }

  .product-row .cell {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .product-row .txt {
    padding: 8% 8% 8% 10%;
  }

  .product-row {
    padding-bottom: 0.5rem;
  }

  .product-row .bar {
    max-height: initial;
  }

  .product-row .txt:after {
    display: none;
  }

  .slider-product {
    padding-left: 0;
    padding-right: 0;
  }

  .product-row .txt {
    margin-bottom: 0.3rem;
  }

  .product-row .bar {
    padding-right: 0;
  }

  .pro-detail .device-row .txt {
    padding-left: 10%;
    padding-right: 10%;
  }

  .relate-device .l {
    float: none;
    overflow: hidden;
    width: 100%;
    padding-top: 0;
  }

  .relate-device .r {
    display: none;
  }

  .relate-device {
    margin-bottom: 0.5rem;
  }

  .relate-device .hd {
    display: block;
    width: auto;
  }

  .relate-device .hd span {
    width: auto;
  }

  .relate-device .bd {
    display: block;
    width: 100%;
  }

  .list-branch {
    padding-left: 0;
  }

  .list-branch .hd {
    display: none;
  }

  .slider-certi {
    padding-left: 0;
    padding-right: 0;
  }

  .list-innovation li {
    float: none;
    width: 100%;
  }

  .list-innovation .txt {
    width: 100%;
    position: relative;
    padding-bottom: 0.7rem;
  }

  .list-innovation .s1 .img-hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 0;
  }

  .list-innovation .s2 .img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 0;
  }

  .list-innovation .s3 {
    height: auto;
  }

  .list-innovation .s1,
  .list-innovation .s2 {
    height: 4rem;
  }

  .about-row1 .t1 {
    text-align: center;
  }

  .about-row1 .v-left,
  .about-row1 .v-right {
    display: block;
    width: 100%;
    padding-right: 0;
  }

  .about-row1 .v-right {
    margin-bottom: 0.3rem;
    overflow: hidden;
  }

  .list-branch dl:first-child img {
    width: 0.89rem;
  }

  .job-detail h3 {
    font-size: 24px;
  }

  .job-detail h4 {
    font-size: 18px;
  }

  .pop-body .bd {
    max-height: 400px;
  }

  .pop-body p {
    font-size: 14px;
    text-indent: 2em;
  }

  .qa-detail .bd {
    max-height: 3.5rem;
  }

  .frame-box {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .top-news .img-ovh {
    float: none;
    width: 100%;
    padding-top: 60%;
  }

  .top-news .txt {
    padding: 0.3rem 0;
  }

  .list-news .time-n {
    position: static;
  }

  .list-news .con {
    padding-right: 0;
    height: auto;
  }

  .m-page {
    margin-top: 0.3rem;
  }

  .news-body {
    padding: 40px 0;
  }

  .article-bd .fd a {
    display: block;
    float: none !important;
    width: 100%;
    margin-top: 0.2rem;
  }

  .service-row .l,
  .service-row .r {
    float: none;
    width: 100%;
  }

  .service-row .img {
    padding-top: 60%;
  }

  .list-qa {
    padding-right: 0.2rem;
  }

  .list-qa li {
    padding-right: 1rem;
    padding-right: 0;
  }

  .list-qa .time {
    width: 100%;
    position: static;
    margin-top: 0.1rem !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: left;
  }

  .list-qa .time span {
    display: inline-block;
  }

  .service-row2 h5 {
    margin-top: 0.5rem;
  }

  .service-row3 .t3 {
    margin-bottom: 0.5rem;
  }

  .contact-row1 .map-box,
  .contact-row1 .map-con {
    float: none;
    width: 100%;
  }

  .contact-row1 .map-con .cell {
    padding: 5%;
  }

  .form-box .sub {
    width: 100%;
  }

  .contact-row1 .map-box {
    padding-top: 100%;
  }

  .slider-content .img {
    float: none;
    padding-top: 50%;
    width: 100%;
  }

  .slider-content .txt {
    float: none;
    width: 100%;
  }

  .slider-related .slick-dots {
    position: absolute;
    width: 100%;
    bottom: -0.3rem;
  }

  #slider-nav .slick-dots {
    position: absolute;
    width: 100%;
    bottom: -0.3rem;
  }

  .form-ul .form12 {
    width: 100%;
    margin-bottom: 0.15rem;
  }

  .form-ul li {
    margin-bottom: 0;
  }

  .form-ul li:last-child {
    margin-top: 0.15rem;
  }
}