html{
  overflow-x: hidden;
}
.fr{
    float: right;
}

.sample-language{
    margin-top: 10px;
}
.sample-language a{
    float: left;
    display: block;
    line-height: 24px;
    color: #ccc;
    width: 33px;
}
.sample-language #formsearch{
    float: right;
    background: #f4f4f4;
    border-radius: 50px;
    line-height: 24px;
    height: 24px;
    width: 160px;
    margin-left: 20px;
}

.sample-language #formsearch input{
    background: none;
    border: none;
}

.sample-language #formsearch #keyword{
    background: none;
    width: 128px;
    line-height: 24px;
    padding-left: 10px;
    height: 24px;
    float: left;
    outline: none;
}
.f_link{line-height:30px;margin-bottom:20px;}
.f_link a{color: #666;}

.sample-language #formsearch #s_btn{
    background: url(../images/search_btn.png) no-repeat right center;
    width: 12px;
    height: 14px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
}


.demo-menu { float: right; }

.short-lf, .short-rg { width: 50%; float: left; }

.short-lf { padding: 20px 114px 20px 14.333%; background: #419982; }
.short-lf p { margin-top: 10px; font-size: 12px; color: #fff; }

.short-rg { padding: 20px 14.333% 20px 0; }

.short-rg #formsearch { float: right; width: 50%; height: 52px; line-height: 52px; background: #f5f5f5; }
.short-rg #formsearch #keyword { display: inline-block; height: 52px; line-height: 52px; width: calc(100% - 58px); border: none; padding-left: 16px; background: transparent; outline: none; }
.short-rg #formsearch #s_btn { width: 52px; height: 52px; font-size: 30px; color: #419982; font-weight: bold; vertical-align: middle; border: none; outline: none; background: transparent; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #b7b7b7; font-size: 14px; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b7b7b7; font-size: 14px; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b7b7b7; font-size: 14px; }

@media (min-width: 1400px) { .container-fluid { padding: 0 14.375%; } }
@media (min-width: 1200px) { .container { width: 1200px; } }
.short-tel { float: left; margin-left: 34px; }
.short-tel img { margin-right: 20px; }
.short-tel p { font-size: 26px; color: #444444; }

.step-mods { padding: 78px 0 88px; }

.digital li .inner { padding: 26px 0 8px; background: #ededed; text-align: center; }
.digital li .timer { font-size: 40px; color: #333333; font-weight: bold; }
.digital li .adorn { font-size: 14px; color: #333333; }
.digital li p { font-size: 14px; color: #8f8f8f; }

.title { background: url(../images/grid.png) center repeat-x; }
.title h4 { float: left; background: #fff; padding-right: 30px; }
.title b { font-size: 20px; color: #ff0000; font-weight: normal; }
.title b i { font-style: normal; }
.title span { display: inline-block; font-size: 20px; color: #a4a5a8; font-weight: normal; }
.title a { float: right; display: inline-block; width: 100px; height: 30px; line-height: 30px; background: url(../images/more.png) 30px no-repeat #fff; font-size: 16px; color: #a8a5a5; text-align: right; }
.title a:hover { background: url(../images/more_on.png) 30px no-repeat #fff; color: #63ac9c; }

.demo-company .title { background: transparent; }

.mt44 { margin-top: 44px; }

.about-mods { padding: 72px 0 42px; background: url(../images/about_bg.png) center no-repeat; background-size: cover; }
.about-mods .title { margin-bottom: 42px; }
.about-mods a { display: inline-block; height: 40px; line-height: 40px; width: 168px; padding-left: 24px; margin-top: 46px; font-size: 16px; color: #fff; background: url(../images/more_f.png) 80% center no-repeat #29b893; }
.about-mods a:hover { background: url(../images/more_f.png) 80% center no-repeat #3a8a75; }
.about-mods img { max-width: 100%; }

.map { padding-top: 20px; background: url(../images/map.png) center no-repeat; background-size: cover; }

.tablemessage { width: 100%; table-layout: fixed; }
.tablemessage td { padding-right: 10px; }

.demo-message-wrap input[type="text"]::-webkit-input-placeholder, .demo-message-wrap textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ececec; font-size: 12px; }
.demo-message-wrap input[type="text"]::-moz-placeholder, .demo-message-wrap textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ececec; font-size: 12px; }
.demo-message-wrap input[type="text"] :-ms-input-placeholder, .demo-message-wrap textarea :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ececec; font-size: 12px; }

.linkUs { height: 42px; line-height: 42px; font-size: 14px; color: #bfbebe; }
.linkUs a { display: inline-block; margin-right: 6px; font-size: 14px; color: #bfbebe; }

.min-tit { height: 46px; line-height: 46px; margin-right: 18.93491124%; margin-bottom: 16px; font-size: 16px; color: #303135; border-bottom: 1px solid #d6d6d6;    font-weight: bold; }

.demo-news-top .more { display: inline-block; width: 29px; height: 22px; }
.demo-news-top a:hover .more { background: url(../images/more_on.png) center no-repeat; }

.product-detail-swiper { float: left; width: 346px; }

.product-detail-swiper .view .swiper-slide { outline: none; }

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 260px; line-height: 260px; background: #f5f5f5; font-size: 0; }

.product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview { margin: 0 auto; /* margin: 0 -5px; */ position: relative; margin-top: 10px; }

.product-detail-swiper .view { position: relative; }

.product-detail-swiper .preview .swiper-slide { outline: none; }

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #29b893; }

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 62px; line-height: 62px; background: #f5f5f5; margin: 0 5px; border: 2px solid transparent; font-size: 0; }

.product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { display: none; position: absolute; z-index: 99; top: 50%; margin-top: -41px; width: 45px; height: 82px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .preview .arrow-left { left: -56px; background: url(../images/n_prev.png) center no-repeat #ebebeb; }

.product-detail-swiper .view .arrow-left:hover { background: url(../images/prev_on.png) center no-repeat #00a0e9; }

.product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-right { display: none; right: -56px; background: url(../images/n_next.png) center no-repeat #ebebeb; }

.product-detail-swiper .view .arrow-right:hover { background: url(../images/next_on.png) center no-repeat #00a0e9; }

.product-detail-list1 { width: calc(100% - 354px); padding: 26px 100px 30px 46px; float: right; background: #f1fcf9; }

.product-detail-list b { float: left; font-size: 16px; color: #5a5a5a; font-weight: normal; }

.product-detail-list h1 { margin-bottom: 28px; font-size: 16px; font-weight: normal; color: #444444; }

.product-detail-list p { font-size: 14px; color: #858181; }

.product-detail-item { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.product-detail-item li { float: left; width: 50%; margin: 20px 0; font-size: 16px; color: #5a5a5a; }

.product-detail-inquiry a { display: inline-block; height: 30px; line-height: 30px; padding: 0 24px; background: url(../images/m_more.png) 90% center no-repeat #29b893; font-size: 14px; color: #fff; margin: 40px 0 0 10px; }

.product-detail-inquiry a:hover { background: url(../images/m_more.png) 90% center no-repeat #3a8a75; }

.product-detail-item li span { font-size: 16px; color: #5a5a5a; }

.product-detail-tabbox { border-bottom: 1px solid #e5e5e5; }

@media screen and (max-width: 1440px) { .short-tel { margin-left: 14px; }
  .short-tel p { margin-top: 10px; font-size: 18px; }
  .short-rg #formsearch #keyword { width: calc(94% - 52px); }
  .short-lf { padding-right: 85px; } }
@media screen and (max-width: 1366px) { .short-rg { padding-right: 8.333%; }
  .short-lf { padding-left: 8.333%; } }
@media screen and (max-width: 1280px) { .digital li p { font-size: 12px; } }
@media screen and (max-width: 1024px) { .product-detail-list1 { padding: 20px; }
  .product-detail-inquiry a { margin-top: 20px; }
  #message-form #checkcode { width: 65%; } }
@media screen and (max-width: 768px) { .step-mods { padding: 30px 0; }
  .step-mods li { margin-bottom: 10px; }
  .min-tit, .demo-news-top { margin-right: 0; }
  .demo-news-top { margin-bottom: 20px; }
  .demo-news { padding: 20px 0 0; }
  #message-form #checkcode { width: 48%; }
  .short-rg #formsearch { width: 95%; } }
@media screen and (max-width: 450px) { .short-lf, .short-rg { width: 100%; padding-left: 4%; padding-right: 4%; }
  .short-tel { margin-left: 0; }
  .short-rg #formsearch { width: 100%; }
  .title b { font-size: 16px; }
  .title span { display: none; }
  .title a { font-size: 14px; }
  .container-fluid { padding: 0 4%; }
  .page-content { padding: 24px 20px 56px; }
  .product-detail-swiper { width: 100%; float: none; }
  .product-detail-list1 { width: 100%; margin-top: 10px; }
  .xypg-left-title { line-height: 50px; margin-bottom: 0; }
  .xypg-left-title::after, .xypg-left-title::before { width: 0; }
  #message-form #checkcode { width: 44%; } }
  
  @media (max-width: 768px){
      .sample-language{
          display:none;
      }
  }

/*# sourceMappingURL=main.css.map */