/*!	* base.css * CSS Document * The site is designed by Lxh,Inc 11/2017 */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:13px; font-family:"microsoft yahei","simhei",sans-serif; vertical-align: baseline; } 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ font-size:12px; line-height:22px; background:#fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width:320px; overflow-x:hidden; }
:focus { outline:0; }
html{ width:100%; /*min-width:1200px;*/ }
body{ position:relative; margin:0 auto; max-width: 100%; /*min-width:1200px;*/ } 
table { border-collapse: separate; border-spacing: 0; } 
hr{ border:none; height:1px; }
caption, th, td { text-align: left; font-weight: normal; }
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#5a5a5a;   } 
/*a:hover{ color:#00a25f; }*/
img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ul,ol{ list-style:none; }
ul,li{ padding:0; margin:0; list-style:none; }

/* Form */
label,input,select{ vertical-align:middle; }
button,input,select,textarea{ font-family:"Microsoft Yahei"; }
select {
      border: solid 1px #000;
      appearance:none;
      -moz-appearance:none;
      -webkit-appearance:none;
      background: url("../image/arrow.png") no-repeat scroll rightright center transparent;
      padding-right: 14px;
      cursor:pointer;
    }
    select::-ms-expand { display: none;
 }
input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }
textarea,select{ -webkit-appearance:none; }

/* Clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }

/*container*/
.container{ width:1200px; margin:0 auto; }

/* 过渡 */
.transition{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }

/* 文字移除隐藏 */
.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }

/* 遮盖层 */
.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; }

/* 背景图片 */
.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* table布局 */
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}
.inline-block{ display:inline-block; }

@font-face {
  font-family: "思源宋体 CN";
  src: url("https://www.tubaobao.com/static/home/fonts/SOURCEHANSERIFCN-REGULAR.OTF") format("OpenType");
}
.wow h4{
  font-family: "思源宋体 CN";
  font-weight: bold !important;
}
.banner-mupi{
  width: 100%;
  height: 0 !important;
  background: url("../image/mupi-1.jpg");
  background-size: cover;
  cursor:default;
}
.section{
  width: 1220px;
  padding: 210px 0 0 378px;
}
.section p{
  color: #FFFFFF !important;
}
.section p:nth-child(1){
  font-size: 42px; 
  font-weight: 300;
  font-family: 'Noto Sans S Chinese';
}
.section p:nth-child(2){
  font-size: 53px; 
  font-weight: bold;
  font-family: 'Noto Sans S Chinese';
}
.more{
  color: #FFFFFF;
  width: 223px;
  height: 39px;
  border: 1px solid white;
  text-align: center;
  line-height: 39px;
  margin-top: 35px;
  font-size: 19px;
}
.product-banner{
  min-width: 1280px;
}

.layui-form-select .layui-input{padding-right: 0 !important;}
/* 字体 */
@font-face { 
  font-family:Vijaya;
  src: url('../font/vijaya.ttf');
}

/* 文档宽度小于 480 像素 */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
  -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 6px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 6px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }
}
@media screen and (max-width:750px){
	.section{
    padding: .5rem 0 .5rem .5rem !important;
  }
  .section p:nth-child(1){
    font-size: 15px;
  }
  .section p:nth-child(2){
    font-size: 22px;
  }
  .more {
    color: #FFFFFF;
    width: 120px;
    height: 20px;
    border: 1px solid white;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    font-size: 12px;
}
}
@media (min-width: 750px) and (max-width:1440px){
	.banner{
    padding-left: 140px !important;
  }
  .section{
    padding: 175px 0 0 210px !important;
  }
  .product-banner{
    min-width: 0px !important;
}
}
