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%; max-width:1200px; }
/* ======  头  ====== */
header { width: 100%; min-width: 350px; background: #FFF; 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%; max-width:1200px; 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: 16px; color: #7F7F7F; height: 100%; padding-bottom: 5px; transition: color .3s }
header .nav-box li:hover a.tit { border-bottom:5px #FF8800 solid }
header .nav-box li .cur { border-bottom:5px #FF8800 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(../images/head02.png) no-repeat 96% center; cursor: pointer }
.mobile-nav-box h2.cur { background: url(../images/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(../images/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(../images/a41.png) no-repeat center; left: 5% }
.wel-brand .flex-direction-nav .flex-next { background: url(../images/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% }
}

/* ======    ====== */

.foot { background-color:#454E56; padding:60px 0; }
.foot .footl { float:left; }
.foot .footl .tel { height:45px; padding-left:50px; color:#FFF; font-size:14px; line-height:100%; background:url(../images/footer-tel.png) no-repeat; }
.foot .footl .tel strong { display:block; font-size:24px; line-height:150%; }
.foot .footl p { padding-top:10px; color:#CCC; font-size:14px; }
.foot .footr { float:right; }

@media (max-width: 768px) {
.foot .footl { width:100%; display:block; }
.foot .footr { float:left; padding-top:20px; }
}

footer { width: 100%; padding:15px 0; background-color: #0B579D; font-size: 14px; color: #FFF; }
footer .copyright { float: left; }
footer .copyright img { float:left; margin-right:20px; }
footer .chain { float: right; font-size:12px; }
footer .chain a { display:inline-block; color:#FFF; font-size:14px; margin:0 5px; }
@media(max-width:1024px) {
footer .copyright { width:100%; }
footer .chain { float:left; }
}