﻿@media screen and (max-width: 1000px) {
	body { background:url(/cms/templates/50633910344690000/images/bg_mobile.png) center top / 100% no-repeat,url(/cms/templates/50633910344690000/images/logo_mobile_weblist.png) center 10vw / 36.8vw no-repeat,linear-gradient(to bottom,#0066b5 0%, #0066b5 31vw,#fff 31vw,#fff 100%);
	 }
   	nav { background:url(/cms/templates/50633910344690000/images/mobile.png) center / contain no-repeat; }
    nav.zhangKai { background:none; }
    nav.zhangKai ul { background:url(/cms/templates/50633910344690000/images/mobile_zhankai.png) center bottom / 100% no-repeat #0073c2; }
    nav.zhangKai .logo { background:url(/cms/templates/50633910344690000/images/close.png) center bottom / 100% no-repeat; }
    nav.zhangKai div { background:rgba(0, 0, 0, .3); }

    nav.zhangKai li,
    nav.zhangKai li > a,
    nav.zhangKai li > span { font-size:4.2vw; }
    nav.zhangKai li dd,
    nav.zhangKai li dd a { font-size:4vw; }

    nav { width:5vw; height:5vw; left:5vw; top:20vw; }
    nav > * { display:none; width:100%; box-sizing:border-box; }
    nav.zhangKai { width:100vw; height:100vh; left:0; top:0; box-sizing:border-box; z-index:999999; }
    nav.zhangKai .logo { width:3.3vw; height:3.3vw; left: 6.5vw; top: 15vw; }
    nav.zhangKai .logo img { display:none; }
    nav.zhangKai ul { width:60vw; height:100%; }
    nav.zhangKai div { width:40vw; height:100%; }
    nav.zhangKai li { width:100%;  }

    nav { position:absolute; z-index:99; color:#282828; }
    nav a { color:#282828; }
    nav.zhangKai { position:fixed; display:flex; }
    nav.zhangKai div { display:block; }
    nav.zhangKai .logo { position:absolute; display:block; z-index:999; }
    nav.zhangKai .logo img { display:none; }
    nav.zhangKai ul { display:flex; flex-direction:column; justify-content:center; }
    nav.zhangKai li { display:flex; order:1; flex-direction:column; justify-content:center; border-bottom:1px solid #fff; box-sizing:border-box; line-height:2.5; }
    nav.zhangKai li dl { padding-bottom:1em; } 
    nav.zhangKai li > * { padding-left:1em; }
    nav.zhangKai li dt { display:none;  }
    nav.zhangKai li section { display:none; }
    nav.zhangKai li:last-of-type { order:0; }
    nav.zhangKai li dd { margin-top:.5em; text-indent:.5em; line-height:1.5; }
    nav.zhangKai li,
    nav.zhangKai li > a,
    nav.zhangKai li > span,
    nav.zhangKai li dd,
    nav.zhangKai li dd a { color:#fff; }
    nav.zhangKai li dd:last-of-type { margin-bottom:.5em; }
    nav.zhangKai li:nth-of-type(9) { border:0; }
    nav ul li.zhuiHou { display: none; }
}
@media screen and (min-width: 1001px) {
	nav { background:linear-gradient(to bottom,rgba(0,102,181,0) 0%,rgba(0,102,181,0) 145px,rgba(0,102,181,1) 145px,rgba(0,102,181,1) 100%); /*position: sticky;position: -webkit-sticky; top:0;*/ z-index:999; }
	nav ul li > span::after { background: url(/cms/templates/50633910344690000/images/ico.png) center / contain no-repeat; }
	/*字号*/
	nav,
	nav ul li section::before { font-size:20px; }
	nav ul li > span::after { font-size:12px; }
	nav ul li dt { font-size: 21px; }
	nav ul li dd { font-size: 16px; }
	/*尺寸*/
	nav { width:100%; height:200px; max-width:1920px; margin:0 auto; }
	nav .logo { height: 145px; }
	nav .logo img  { width:98px; }
	nav ul,
	nav ul li { height: 55px; }
	nav ul li > span::after { margin:7px 0 0 3px }
	nav ul li section { width: auto; }
	nav ul li section { top:55px; }
	nav ul li section::before,
	nav ul li section::after { top:-10px; }
	nav ul li section::before { width:100%; height:10%; left:0; }
	nav ul li section::after { left:20px; top:-20px; }
	nav ul li:nth-of-type(7) section::after,
	nav ul li:nth-of-type(8) section::after { left:auto; right:20px; }
	nav ul li dl { min-width:200px;  }
	nav ul li dt { height:40px; line-height:40px; }
	nav ul li dt,
	nav ul li dd { padding:0 50px; }
	nav ul li section > a,
	nav ul li section > p { width: 220px; height: 55px; line-height: 55px; }
	/*通用*/
	nav { display:flex; flex-direction: column; align-items:center; justify-content:center;  color: #fff; }
	nav .logo { display: flex; align-items: center; }
	nav ul { display:flex; align-items:center; justify-content:space-between; }
	nav ul li { position:relative; z-index:9; display:flex; align-items:center; box-sizing: border-box; white-space:nowrap; }
	nav ul li > a {  color: #fff; font-weight: bold;  }
	nav ul li > span { display:flex; align-items:center; cursor:pointer; font-weight: bold; }
	nav ul li > span::after { display:block; content:''; width:13px; height:9px; }
	nav ul li > span:hover { color:#fff; font-weight:bold; }
	nav ul li > span:hover::after { border-color:#fff transparent transparent transparent; }
	nav ul li section { position:absolute; left:0; display:none; color: #fff; padding:2em 0; background: #1581d4; }
	nav ul li section::before { display:block; content:''; position:absolute; }
	nav ul li dl {  display:flex; flex-direction:column; }
	nav ul li dt { font-weight:bold; }
	nav ul li dd { line-height:3; white-space: nowrap;}
	nav ul li dd:hover { background: #2f9ff6; }
	nav ul li dd a { color: #fff; line-height: 1.5; }
	nav ul li section > a,
	nav ul li section > p {display: block; background-color: #0089C6; border-radius: 5px; margin:0 0 0 1em; box-shadow: 2px 2px 5px #cccccc; text-align:center; color:#fff; }
	nav ul li.zhuiHou { display: none; }
}
@media screen and (min-width: 1001px) and (max-width: 1280px){
	nav > * { width: 1000px; }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
	nav > * { width: 1280px; }
}
@media screen and (min-width: 1401px) {
	nav > * { width: 1400px;}
}

