.posRel{ position: relative;}
a:hover { transition: .3s;}
.w1920 { max-width: 1900px; margin: 0 auto;}
.w1610 { width: 1610px; margin: 0 auto;}

.jd_warp .top { height: 126px; background: #fff;}
.jd_warp .top .nav{ position: absolute; top: 10px; right:30px; font-size: 16px; color: #787678; z-index: 3;}
.jd_warp .top .nav a {padding: 0 10px; font-size: 16px; color: #787678;}
.jd_warp .top .nav a:hover { color: #054E9B;}
.jd_warp .top .logo{ padding: 30px 0 0 57px;}
.jd_warp .top .menu { position: absolute; left: 0; right: 0; padding: 0 210px 0 400px; padding-top: 50px;}
.jd_warp .top .menu ul { width: 1080px; margin: 0 auto;white-space: nowrap;}
.jd_warp .top .menu li {display: inline-block;}
.jd_warp .top .menu li a { display: block; height: 46px; margin: 0 5px; line-height: 44px; font-size: 20px; font-weight: 700; background: #F8F8F8; color: #000; border: 1px solid #E7E7E7; border-radius: 5px; padding: 0 22px;}
.jd_warp .top .menu li a.on,.jd_warp .top .menu li a:hover{ background: #fff; color: #e01836;}
.jd_warp .top .menu li.toJs a { position: relative; top: -2px; height: 49px; background: #054E9B; border: none;}
.jd_warp .top .menu li.toJs a img { position: relative; top: 2px;}
.jd_warp .top .menu li.toJs a:hover { opacity: .8;}

.jd_warp .top .toCity { padding: 45px 65px 0 0; position: relative; z-index: 2;}
.jd_warp .mobTop { display: none;}


.jd_warp .logo img{ position: relative; z-index: 2;}


.searchbox { display: inline-block; position: relative;height: 30px;}
.searchbox i { display: block; width: 30px; height: 28px; padding-top: 2px; position: absolute; right: 36px; top: 1px; cursor: pointer; text-align: center;transition: .3s;}
.searchbox i:hover { opacity: .8;filter:alpha(opacity=80)}
.searchbox .inp { width: 140px; height: 30px; margin-left: 10px; padding: 0 60px 0 5px; border: 1px solid #054E9B; border-radius: 4px; font-size: 14px;}

.searchbox .submitBtn { width: 38px; height: 30px; position: absolute; top: 1px; right: 1px; border-radius: 0 4px 4px 0; border: none; background: #E6E6E6 url(../images/t-iocn-1-1.png) no-repeat center; cursor: pointer; transition: .3s;}
.searchbox .submitBtn:hover { background-color: #D3D3D3;}

/*footer*/
.footer { padding: 60px 0; text-align: center; font-size: 18px; color: #706f70;}
.footer.border { border-top: 1px solid #CACDCF;}
.footer p { padding: 6px 0;}
.footer p span { display: inline-block; white-space: nowrap;}
.footer p span,.footer p .nav_b a {padding: 0 5px;}
.footer p a,.footer p .cBlueT1 { color: #4090c8;}
.footer p a:hover { color: #2f77aa;}

@media screen and (min-width: 1420px) and (max-width: 1670px) {
	.w1610 { width: 1400px;}
	.jd_warp .logo img{width: 300px;}
	.jd_warp .top .menu { padding-left:340px;}
	.jd_warp .top .menu ul { width:996px}
	.jd_warp .top .logo { padding-left: 20px; padding-top: 40px;}
	.jd_warp .top .menu li a { margin: 0 2px; padding: 0 18px;}
	.jd_warp .top .toCity { padding-right: 10px;}
}

@media screen and (min-width: 1260px) and (max-width: 1420px) {
	.w1610 { width: 1200px;}
	.jd_warp .top { height: 110px;}
	.jd_warp .logo img{width: 260px;}
	.jd_warp .top .logo { padding-left: 20px; padding-top: 30px;}
	.jd_warp .top .menu {padding: 50px 130px 0 275px;}
	.jd_warp .top .menu ul { width:840px}
	.jd_warp .top .menu li a { margin: 0 2px; padding: 0 18px; font-size: 16px;}
	.jd_warp .top .toCity { padding-right: 10px;}
	.jd_warp .top .nav,.jd_warp .top .nav a { font-size: 14px;}
	
}


@media screen and (max-width: 1260px) {
	body { padding-top: 65px;}
	.w1610 { width: 100%;}
	.appMt15 { margin-top: 15px;}.appMt30 { margin-top: 30px;}
	.jd_warp .top { display: none;}
	.jd_warp .mobTop { display: block;}
	.appTop { height: 65px; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 8; box-shadow: 0 1px 4px #888;}
	.appTop .cityLogo { padding-top: 18px;}
	.appTop .searchBtn { padding-top: 13px;}
	.appSearchBox,.appMenuBox { display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
	.appSearchBox { background: #fff;}
	.appSearchBox .searchBox { padding: 10px; position: relative; padding-right: 60px; background: #efefef;}
	.appSearchBox .searchBox input.txt { width: 100%; height: 30px; border: 1px solid #ddd; padding: 0 10px; border-radius: 5px;}
	.appSearchBox .searchBox a.closeBtn { position: absolute; right: 10px; top: 10px; width: 50px; height: 30px; text-align: center; line-height: 30px; font-size: 14px;}
	
	.searchList li a { display: block; height: 40px; margin: 0 10px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #eee; color: #666; }
	
	.appMenuBox b.bg { display: block; position: absolute; width: 100%; height: 100%; background: rgb(0,0,0);background: rgba(0,0,0,.7); }
	.appMenuBox p.psIco { width: 40%;text-align: center; position: absolute; top: 50%; margin-top: -60px; left: 0; font-size: 14px; z-index: 2; color: #fff; padding-bottom: 35px;background: url(../images/ico-3-2.png) no-repeat center bottom;}
	.appMenuBox .moveMenuBox { position: absolute; top: 0; right: -60%; width: 60%; height: 100%; background: #054E9B; overflow: hidden; overflow-y: auto; z-index: 2;}
	.appMenuBox .moveMenuBox h2 { height: 42px; background: #093360; color: #fff; line-height: 42px; padding-left:30px; font-size: 16px; font-weight: 700; }
	.appMenuBox .moveMenuBox ul.appMenuList { padding: 10px 0 20px 30px; border-bottom: 1px solid #0B60BA}
	.appMenuBox .moveMenuBox ul.appMenuList li h3 a { display: block; color: #fff; padding-left: 15px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #0B60BA; border-top: 1px solid #053F7B;}
	.appMenuBox .moveMenuBox ul.appMenuList li h3 a b {transition:.3s;}
	.appMenuBox .moveMenuBox ul.appMenuList li h3.on a b {transform:rotate(180deg);}
	.appMenuBox .moveMenuBox ul.appMenuList li h3.on a { border-bottom: none;}
	.appMenuBox .moveMenuBox ul.appMenuList li:nth-child(1) h3 a { border-top: none}
	.appMenuBox .moveMenuBox ul.appMenuList li:last-child h3 a { border-bottom: none;}
	.appMenuBox .moveMenuBox ul.appMenuList .levenMenu { display: none; padding-bottom: 10px; border-bottom: 1px solid #0B60BA;}
	.appMenuBox .moveMenuBox ul.appMenuList .levenMenu ul li a { display: block; padding-left: 30px; font-size: 12px; line-height: 30px; color: #fff; font-weight: 500   }
	.appMenuBox .moveMenuBox ul.appMenuList li:last-child .levenMenu { border-bottom: none;}
	.appMenuBox .moveMenuBox ul.supList {padding: 30px 0 20px 30px; border-top: 1px solid #053F7B; }
	.appMenuBox .moveMenuBox ul.supList li {padding-left: 15px;}
	.appMenuBox .moveMenuBox ul.supList li a { display: block; margin-bottom: 5px; height: 32px; line-height: 32px; font-size: 14px; color: #fff;}
	
	
	.footer { padding: 20px 0; font-size: 13px;}
	.footer p { padding: 3px 0; line-height: 22px;}
	.footer p span { white-space: inherit;}
}