body { width: 100%; min-width: 320px; position: relative; background: #fff; overflow: hidden; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s }
body.on { opacity: 100; filter: alpha(opacity=100) }
.w92 { position: relative; margin: 0 auto; width: 92% }
/* ======  头  ====== */
header { width: 100%; min-width: 350px; background: #000; position: fixed; top: 0; left: 0; height: 80px; line-height: 80px; z-index: 999; box-shadow: 0 0 20px rgba(0,0,0,.2) }
header .head { position: relative; margin: 0 auto; width: 92%; overflow: hidden; height: 80px; line-height: 80px; }
header .logo { width: 300px; height: 100%; text-align: center; left:; }
header .logo img { max-width: 100%; max-height: 80%; }

header .nav-box { float:right; }
header .nav-box ul { width: 100% }
header .nav-box li { float: left; text-align: center; margin-left:40px; }
header .nav-box li:first-child a { margin: 0; }
header .nav-box li:last-child a { }
header .nav-box a.tit { font-size: 18px; color: #fff; height: 100%; padding-bottom: 5px; transition: color .3s }
header .nav-box li:hover a.tit { border-bottom:2px #ffffff solid }
header .nav-box li .cur { border-bottom:2px #ffffff solid }
.mobile-nav-box { display: none; }
@media(max-width:1024px) {
header { height: 60px; line-height: 60px }
header .head { width:100%; height: 60px; line-height: 60px; }
header .logo { padding-left:15px; }
header .logo img { max-height: 60%; }
.nav-box { display: none }
.mobile-nav { float: right; width: 50px; height: 60px; position: relative; z-index: 3; background: #000; margin-left: 1px; padding: 22px 10px }
.mobile-nav span { width: 30px; height: 2px; background: #fff; display: block; margin-bottom: 5px; position: relative }
.mobile-nav.on { padding: 25px 10px }
.mobile-nav.on span { transform-origin: center; transition: transform .3s }
.mobile-nav.on span.line2 { display: none }
.mobile-nav.on span.line1 { transform: rotate(45deg); top: 3px }
.mobile-nav.on span.line3 { transform: rotate(-45deg); top: -3px }
.mobile-nav-box { width: 100%; background: #fff; position: absolute; top: 60px; left: 0; border-top: 1px solid #eee; overflow: auto; display: none }
.mobile-nav-box ul { width: 100% }
.mobile-nav-box li { width: 100% }
.mobile-nav-box h2 { padding: 0 3%; border-bottom: 1px solid #eee; font-size: 16px; line-height: 50px; background: url(/uploads/image/shimages/head02.png) no-repeat 96% center; cursor: pointer }
.mobile-nav-box h2.cur { background: url(/uploads/image/shimages/head02_h.png) no-repeat 96% center }
.mobile-nav-box h2 a { color: #333 }
.mobile-nav-box h2.cur a { color: #026ad3 }
.mobile-nav-box .con { width: 100%; background: #f5f5f5; display: none }
.mobile-nav-box p { width: 100%; padding: 0 6%; line-height: 30px; font-size: 14px }
.mobile-nav-box p.on { background: url(/uploads/image/shimages/head02.png) no-repeat 96% center }
.mobile-nav-box p a { color: #666 }
.mobile-nav-box .tit-con { display: block; width: 100%; padding: 0 3%; display: none }
header .top_icon { float: right; margin-right: 10px; }
header .top_icon span { display: none; }
}
@media(max-width:500px) {
header .logo img { max-height: 60%; }
}
/* ======  框 ====== */

.body-box { margin-top: 80px; }
@media(max-width:1024px) {
.body-box { margin-top: 60px; }
}

/* ======  品牌  ====== */
.wel-brand { position:relative; padding-bottom:50px; width:80%; padding:50px 10%; background-color:#0169d3; }
.wel-brand .slides { width:90%; margin:0 auto; }
.wel-brand .slides li { width:20%; height:100px; text-align:center; position:relative; }
.wel-brand .slides li img { max-width:100%; max-height:100%; }

/* ======    ====== */
.wel-brand .flex-direction-nav a { opacity: 1; filter: alpha(opacity=100); width: 51px; height: 51px; margin: -26px 0 0; text-shadow: none; background-size: 100%!important; transition: background .3s; z-index: 1 }
.wel-brand .flex-direction-nav a:before { font-size: 0 }
.wel-brand .flex-direction-nav .flex-prev { background: url(/uploads/image/shimages/a41.png) no-repeat center; left: 5% }
.wel-brand .flex-direction-nav .flex-next { background: url(/uploads/image/shimages/a42.png) no-repeat center; right: 5% }
 @media (max-width: 1024px) {
.wel-brand .flex-direction-nav .flex-prev { left: 2% }
.wel-brand .flex-direction-nav .flex-next { right: 2% }
}

/* ======    ====== */
footer { width: 100%; padding:30px 0; background-color: #3d414c; font-size: 16px; color: #fff; }
footer .copyright { float: left;margin-top:30px; }
footer .copyright img { float:left; margin-right:20px; }
footer .chain { float: right; font-size:12px;margin-top:30px; }
footer .chain a { display:inline-block; color:#fff; font-size:16px; margin:0 5px; }
@media(max-width:1024px) {
footer .copyright { width:100%; }
footer .chain { float:left; }
}

footer .fcode{
 float: right;
  margin-left:20px;
}
@media(max-width:900px) {
 footer .fcode{
  float: left;
   margin-left:0px;
 }
  footer .copyright,footer .chain {margin-top:0px; }
}