/* header s */
.indexbodies { padding-top: 56px; }

header { position: fixed; width: 100%; top: 0; left: 0; background-color: #009fff; z-index: 299; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.headerweb { width: 98%; max-width:1300px;margin:0 auto; }

.header-left { float: left; }

.header-right { float: right; line-height: 56px; font-size: 0; }

.hd-logo { }

.hd-logo a { display: block; width: 100%; }

.hd-logo a img { display: block; height: 40px; }

.banner{margin-top:50px;}
  .about_banner{margin-top:50px;}
  .contact_banner{margin-top:50px;}
.join_banner{margin-top:50px;}
.case_banner{margin-top:50px;}
.news_banner{margin-top:50px;}
.product_banner{margin-top:50px;}
.huac_banner{margin-top:50px;}
/*===========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 36px; height: 44px; position: relative; }

.mobnav-btn span { position: absolute; width: 100%; height: 2px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.mobnav-btn span:first-child { top: 9px; }

.mobnav-btn span:nth-child(2) { top: 50%; margin-top: -1px; }

.mobnav-btn span:last-child { bottom: 9px; }

.mobnav-btn.open span:first-child { top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobnav-btn.open span:nth-child(2) { opacity: 0; }

.mobnav-btn.open span:last-child { bottom: 16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*===========================*/
nav { position: fixed; top: 56px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }

nav .lvnav { width: 100%; }

nav .lvnav .lv1 { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }

nav .lvnav .lv1 h4 { width: 100%; padding: 10px 0; position: relative; }

nav .lvnav .lv1 h4 a { display: block; color: #939393; font-size: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; font-weight:normal; }

nav .lvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

nav .lvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #6d6e8b; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

nav .lvnav .lv1.cur2 h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.hsubnav { width: 100%; padding: 0 15px 15px; display: none; }

.hsubnav .lv2 { width: 100%; line-height: 28px; padding: 3px 0; }

.hsubnav .lv2 a { display: block; width: 100%; color: #262a27; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }

@media (min-width: 1200px) { .indexbodies { padding-top: 80px; }
  .header-left { float: none; width: 100%; padding-right: 200px; }
  .header-left:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
  .header-right { float: none; position: absolute; line-height: 80px; top: 0; right: 30px; }
  .hd-logo { float: left; }
  .hd-logo a img { display: block; height: 85px; }
.banner{margin-top:100px;}
  .about_banner{margin-top:100px;}
  .contact_banner{margin-top:100px;}
.join_banner{margin-top:100px;}
.case_banner{margin-top:100px;}
.news_banner{margin-top:100px;}
.product_banner{margin-top:100px;}
.huac_banner{margin-top:100px;}
  /*===========================*/
  .mobnav-btn { display: none; }
  /*===========================*/
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: block; float: right; }
  nav .lvnav .lv1 { width: auto; float: left; border-bottom: none; position: relative; }
  nav .lvnav .lv1 h4 { padding: 18px 0; }
  nav .lvnav .lv1 h4 a { padding: 2px 10px; width: 100%; position: relative; color:#fff;}
  /*nav .lvnav .lv1 h4 a:after { content: ''; height: 2px; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; bottom: 0; position: absolute; }*/
  nav .lvnav .lv1 h4 .icon { display: none !important; }
    nav .lvnav .lv1.cur, nav .lvnav .lv1:hover{background-color: #ffc600;}
  /*nav .lvnav .lv1.cur a, nav .lvnav .lv1:hover h4 { color: #fff; }*/
  nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  .hsubnav { width: 130px; position: absolute; background-color: #fff; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); padding: 0 15px 15px; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .hsubnav .lv2 a:hover { color: #00d3c4; } }

@media (min-width: 1300px) { .indexbodies { padding-top: 100px; }
  .header-left { padding-right: 360px; }
  .header-right { line-height: 100px; }
  .hd-logo {}
  nav .lvnav .lv1 h4 { padding: 28px 0; } }

@media (min-width: 1440px) { nav .lvnav .lv1 { padding: 0 20px; } }

@media (min-width: 1600px) {
  .header-left { padding-right: 26.11111%; }
  .header-right { right: 60px; }
  .hd-logo {}
  .hd-logo a img { height: 70px; }
  nav .lvnav .lv1 h4 a { font-size: 16px; } }

/* header s */