@charset "utf-8";
@import url("./base.css");
/*header*/
header{position: relative;height: 130px;background-color: #0049A7;border-bottom: 1px solid #eee;}
header .w1400{display: flex;justify-content: space-between;align-items: center;}
/*logo*/
header .logo-wrap{display: flex;align-items: center;} 
header .logo-wrap img{max-width: 800px;max-height: 90px;transition: 0.5s;}
header .logo-wrap span{display: inline-block;vertical-align: top;padding-left: .8em;margin-left: .8em;border-left: 1px solid #0049A7;font-size: 40px;line-height: 1;color: #0049A7;}
/*其他链接*/
header .other-links-wrap{display: flex;}
header .other-links-wrap .item{padding: 0 1em;line-height: 12px;color: #fff;transition: 0.3s;}
header .other-links-wrap .item .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.2em .4em 0 0;filter: brightness(0) invert(1);}
header .other-links-wrap .item:hover{color: #FFD33A;transform: translateY(-.2em);}
header .other-links-wrap .item:hover .icon{filter: none;}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 20px;height: 18px;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: 2px;background-color: #0049A7;transition: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*提示语*/
header .tips{position: absolute;right: 2.6em;bottom: .6em;color: #fff;}

/*footer*/
footer{position: relative;background-color: #013A83;color: #fff;}
footer .w1400{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;}
/*版权*/
footer .cr{line-height: 20px;}
footer .cr p{margin-bottom: 15px;}
footer .cr span{display: inline-block;vertical-align: top;margin-right: 1em;}
footer .cr a{color: #fff;transition: 0.3s;}
footer .cr .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .25em 0 0;}
footer .cr .sydw{position: absolute;transform: translateY(-50%);}
footer .cr a:hover{text-decoration: underline;}
/*二维码区*/
footer .qrcode-box{display: flex;}
footer .qrcode-box .item{margin-left: 30px;text-align: center;}
footer .qrcode-box .item:first-child{margin-left: 0;}
footer .qrcode-box .item .pic{width: 100px;height: 100px;}
footer .qrcode-box .item .tit1{margin-top: 15px;line-height: 20px;}
footer .qrcode-box .item .tit2{line-height: 20px;opacity: .7;}

/*头部搜索栏*/
.top-search-box{padding: 50px 0 35px;background-color: #fff;box-shadow: 0 0px 15px rgba(0,0,0,.1);}
.top-search-box .tips{margin-bottom: 20px;color: #0049A7;}
.top-search-box .search-wrap{position: relative;height: 70px;background-color: #F7F9FA;border-radius: 35px;overflow: hidden;}
.top-search-box .search-wrap .text-input{width: 100%;height: 100%;box-sizing: border-box;padding: 0 270px 0 30px;background-color: transparent;font-size: 16px;}
.top-search-box .search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 240px;height: 100%;background: #0049A7 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNOS42NTQgMy4yNzVhLjQ1LjQ1IDAgMSAwLS4yNzQuODU1IDQuMTg0IDQuMTg0IDAgMCAxIDIuNyAyLjY2My40NS40NSAwIDEgMCAuODU0LS4yODQgNS4wODggNS4wODggMCAwIDAtMy4yOC0zLjIzNHoiLz48cGF0aCBkPSJNMTcuODcgMTcuMjNsLTMuNzQtMy43MjlhOC4wOTggOC4wOTggMCAxIDAtLjYyOS42M2wzLjczOSAzLjczOWEuNDUuNDUgMCAwIDAgLjYzNC0uNjM1bC0uMDA0LS4wMDR6TTguMTAyIDE1LjNhNy4xOTggNy4xOTggMCAxIDEgMC0xNC4zOTYgNy4xOTggNy4xOTggMCAwIDEgMCAxNC4zOTd6Ii8+PC9nPjwvc3ZnPg==') calc(50% + 1.2em) center no-repeat;background-size: 20px 20px;font-size: 24px;color: #fff;font-weight: bold;text-indent: -1.5em;}
/*首字母区*/
.top-search-box .first-letter-wrap{display: flex;margin-top: 30px;}
.top-search-box .first-letter-wrap a{display: inline-block;vertical-align: top;width: 48px;margin: 0 3px;border-radius: 50%;font-size: 30px;text-align: center;line-height: 48px;transition: 0.3s;}
.top-search-box .first-letter-wrap a:hover{background-color: #eee;}
.top-search-box .first-letter-wrap a.on{background-color: #0049A7;color: #fff;}
/*热门搜索区*/
.top-search-box .hot-words-wrap{display: flex;align-items: center;flex-wrap: wrap;margin-top: 30px;}
.top-search-box .hot-words-wrap .tit{font-size: 30px;color: #999;}
.top-search-box .hot-words-wrap .list{display: flex;flex-wrap: wrap;}
.top-search-box .hot-words-wrap .list li{margin-left: 2em;}
.top-search-box .hot-words-wrap .list li a{display: block;color: #999;transition: 0.3s;}
.top-search-box .hot-words-wrap .list li:nth-child(1) a{color: #D60404;}
.top-search-box .hot-words-wrap .list li:nth-child(2) a{color: #FD7305;}
.top-search-box .hot-words-wrap .list li:nth-child(3) a{color: #FD9405;}
.top-search-box .hot-words-wrap .list li:nth-child(4) a{color: #81C4FF;}
.top-search-box .hot-words-wrap .list li a:hover{transform: translateY(-.2em);}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*header*/
	header{height: 100px;}
	header .logo-wrap img{max-width: 400px;max-height: 70px;}
	header .logo-wrap span{font-size: 30px;}
	
	/*头部搜索栏*/
	.top-search-box{padding: 30px 0;}
	.top-search-box .search-wrap{height: 50px;}
	.top-search-box .search-wrap .text-input{padding: 0 180px 0 20px;font-size: 14px;}
	.top-search-box .search-wrap .sub-btn{width: 160px;font-size: 18px;background-size: 16px 16px;}
	/*首字母区*/
	.top-search-box .first-letter-wrap{margin-top: 20px;}
	.top-search-box .first-letter-wrap a{width: 36px;font-size: 20px;line-height: 36px;}
	/*热门搜索区*/
	.top-search-box .hot-words-wrap{margin-top: 20px;}
	.top-search-box .hot-words-wrap .tit{font-size: 20px;}
	.top-search-box .hot-words-wrap .list li{margin-left: 1em;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*header*/
	header{height: 80px;}
	header .logo-wrap img{max-width: 300px;max-height: 50px;}
	header .logo-wrap span{font-size: 20px;}
	
	/*footer*/
	footer .w1400{padding: 30px 0;}
	footer .cr{font-size: 13px;}
	footer .cr p{margin-bottom: 10px;}
	footer .qrcode-box .item{margin-left: 15px;}
	footer .qrcode-box .item .pic{width: 90px;height: 90px;}
	footer .qrcode-box .item .tit1{margin-top: 10px;font-size: 12px;}
	footer .qrcode-box .item .tit3{font-size: 12px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	
}