@charset "utf-8";
@import url("./base.css");
body{background-color: #F2F2F2;}
/*header*/
header{}
header > .top-wrap{height: 140px;background-color: #0060AA;}
/*logo*/
header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .logo img{display: inline-block;vertical-align: top;max-width: 420px;max-height: 85px;}
/*搜索栏*/
header .search-wrap{position: absolute;right: 0;bottom: 30px;width: 240px;height: 40px;box-sizing: border-box;border: 1px solid #fff;}
header .search-wrap .text-input{width: 100%;height: 100%;box-sizing: border-box;padding: 0 55px 0 15px;background-color: #fff;}
header .search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 38px;height: 38px;background: #0060AA url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*首页按钮*/
header .home-btn{position: absolute;right: 0;top: 25px;font-size: 16px;line-height: 20px;color: #fff;}
header .home-btn .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em 0.4em 0 0;filter: brightness(0) invert(1);}
/*导航*/
.nav-box{z-index: 2;position: sticky;top: 0;background-image: linear-gradient(180deg,#4ca2dc,#336aab);}
.nav-box .nav-1st{display: flex;justify-content: space-between;}
.nav-box .nav-1st > li{flex: 1 1 10%;position: relative;}
.nav-box .nav-1st > li > a{position: relative;display: block;font-size: 16px;line-height: 50px;text-align: center;color: #fff;transition: 0.3s;}
.nav-box .nav-1st > li.on > a{background-color: #0060AA;color: #fff;}
.nav-box .nav-1st > li:hover > a{background-color: #0060AA;color: #fff;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(255,255,255,.9);border: #0fa6f6 solid 1px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{position: relative;}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #0060AA;transform: scaleY(0);transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{color: #0060AA;}
.nav-box .nav-2nd > li > a:hover:before{transform: scaleY(1);}


.nav-box .nav-3nd{display: none;z-index: 3;position: absolute;right: -50%;top: 0%;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(255,255,255,.9);border: #0fa6f6 solid 1px;transform: translateX(51%);}
.nav-box .nav-3nd > li{position: relative;}
.nav-box .nav-3nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;}
.nav-box .nav-3nd > li > a:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #0060AA;transform: scaleY(0);transition: 0.3s;}
.nav-box .nav-3nd > li > a:hover{color: #0060AA;}
.nav-box .nav-3nd > li > a:hover:before{transform: scaleY(1);}

/*移动端导航按钮*/
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: #fff;transition: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*手机端搜索按钮*/
header .phone-search-btn{display: none;z-index: 1;position: absolute;right: 35px;top: 50%;width: 20px;height: 20px;transform: translateY(-50%);background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-size: 100% 100%;}
/*搜索弹窗*/
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.popup-search-wrap .text-input{box-sizing: border-box;width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #ddd;}
.popup-search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #0060AA url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}

/*footer*/
footer{background-color: #134165;color: #fff;}
footer .top{}
footer .top .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 40px 0;}
footer .top .w1400 > .con-l{display: flex;align-items: center;}
footer .top .w1400 > .con-r{}
footer .bottom{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.3);}
/*logo*/
footer .logo{max-width: 420px;max-height: 85px;}
/*联系信息*/
footer .contact-info{margin-left: 50px;}
footer .contact-info p{margin-top: 10px;line-height: 20px;}
footer .contact-info p:first-child{margin-top: 0;}
/*二维码区*/
footer .qrcode-wrap{display: flex;}
footer .qrcode-wrap .item{margin-left: 20px;text-align: center;}
footer .qrcode-wrap .item:first-child{margin-left: 0;}
footer .qrcode-wrap .item .pic{width: 100px;height: 100px;}
footer .qrcode-wrap .item .tit{margin-top: 10px;line-height: 20px;}
/*版权*/
footer .cr{line-height: 20px;text-align: center;}
footer .cr span{display: inline-block;vertical-align: top;margin: 0 10px;}
footer .cr a{color: #fff;transition: 0.3s;}
footer .cr .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;}
footer .cr a:hover{text-decoration: underline;}


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

/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	header > .top-wrap{position: sticky;height: 60px;}
	/*logo*/
	header .logo img{max-width: 200px;max-height: 36px;}
	/*搜索栏*/
	header .search-wrap{display: none;}
	/*首页按钮*/
	header .home-btn{right: 80px;top: 50%;transform: translateY(-50%);font-size: 14px;}
	/*导航*/
	.nav-box{display: none;}
	/*移动端导航按钮*/
	header .menu-btn{display: block;}
	/*手机端搜索按钮*/
	header .phone-search-btn{display: block;right: 40px;}
	
	/*footer*/
	footer .top .w1400{padding: 20px 0;}
	footer .top .w1400 > .con-l{width: 100%;}
	footer .top .w1400 > .con-r{width: 100%;margin-top: 15px;}
	footer .bottom{padding: 10px 0;}
	/*logo*/
	footer .logo{display: none;}
	/*联系信息*/
	footer .contact-info{width: 100%;margin-left: 0;text-align: center;}
	footer .contact-info p{margin-top: 5px;}
	/*二维码区*/
	footer .qrcode-wrap{justify-content: center;}
	/*版权*/
	footer .cr{font-size: 13px;line-height: 24px;}
	footer .cr span{margin: 0 5px;}
	footer .cr .icon{width: 12px;height: 12px;}
}