@charset "utf-8";
@import url("./base.css");
@font-face {
	font-family: 'Poppins-Regular';
	src: 
    url('../2024_fonts/Poppins-Regular.woff') format('woff'),
    url('../2024_fonts/Poppins-Regular.ttf') format('truetype'),
    url('../2024_fonts/Poppins-Regular.otf') format('opentype'),
	url('../2024_fonts/Poppins-Regular.svg') format('svg');
}
@font-face {
	font-family: 'Poppins-Light';
	src: 
    url('../2024_fonts/Poppins-Light.woff') format('woff'),
    url('../2024_fonts/Poppins-Light.ttf') format('truetype'),
    url('../2024_fonts/Poppins-Light.otf') format('opentype'),
	url('../2024_fonts/Poppins-Light.svg') format('svg');
}
@font-face {
	font-family: 'Poppins-Medium';
	src: 
    url('../2024_fonts/Poppins-Medium.woff') format('woff'),
    url('../2024_fonts/Poppins-Medium.ttf') format('truetype'),
    url('../2024_fonts/Poppins-Medium.otf') format('opentype'),
	url('../2024_fonts/Poppins-Medium.svg') format('svg');
}

/*header*/
header{z-index: 10;position: fixed;left: 0;right: 0;top: 0;transition: .5s;}
header .top{height: 1.5rem;background-color: #D8D8D8;font-size: .6rem;color: #676767;}
header .top .w1400{display: flex;justify-content: flex-end;align-items: center;}
header .bottom{height: 3.5rem;background-color: #fff;}
header .bottom > .w1400{display: flex;justify-content: space-between;align-items: center;}
header .bottom > .w1400 > .con-r{display: flex;align-items: center;}
/*社交分享*/
header .social-share{display: flex;align-items: center;margin-right: 5rem;transition: .3s;}
header .social-share .item{display: inline-flex;margin: 0 .3rem;}
header .social-share .item .icon{width: auto;height: .5rem;filter: grayscale(1);opacity: .5;}
header .social-share .item .icon.facebook{height: .6rem;opacity: .6;}
header .social-share .item:hover .icon{filter: none;opacity: 1;}
/*股票信息*/
header .stock{margin-right: 1rem;font-weight: bold;}
/*入口链接*/
header .entrance-links{display: flex;align-items: center;}
header .entrance-links .item{margin-left: 2rem;color: #676767;transition: .3s;}
header .entrance-links .item:hover{color: #0F5ADE;}
/*logo*/
header .logo{position: relative;display: block;}
header .logo img{max-width: 5rem;max-height: 2rem;transition: .5s;}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 1rem;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: .1rem;background-color: #000;transition: .3s;}
header .menu-btn span:nth-child(2){margin: .3rem 0;}
/*导航*/
header .nav-box .nav-1st{display: flex;justify-content: space-between;align-items: center;height: 3.5rem;}
header .nav-box .nav-1st > li{position: relative;}
header .nav-box .nav-1st > li > a{position: relative;display: block;padding: 0 1.125rem;line-height: 3.5rem;font-weight: bold;white-space: nowrap;color: #353535;transition: .5s;}
header .nav-box .nav-1st > li > a::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: .1rem;background-color: #0F5ADE;transform: scaleX(0);transform-origin: right bottom;transition: transform .3s ease-in-out;}
header .nav-box .nav-1st > li:hover > a::after{transform: scaleX(1);transform-origin: left bottom;}
header .nav-box .nav-1st > li.on > a::after{transform: scaleX(1);}
header .nav-box:hover .nav-1st > li.on > a::after{transform: scaleX(0);}
header .nav-box:hover .nav-1st > li.on:hover > a::after{transform: scaleX(1);}
header .nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: -50%;top: 100%;min-width: 140px;padding: .5em 0;background-color: rgba(0,134,242,.5);border-radius: 4px;transform: translateX(-50%);}
header .nav-box .nav-2nd > li{position: relative;}
header .nav-box .nav-2nd > li > a{position: relative;display: block;padding: .8em;font-size: .7rem;line-height: 1;font-weight: bold;color: #fff;}
header .nav-box .nav-2nd > li > a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: .15rem;background-color: #0F5ADE;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a:hover{color: #0F5ADE;}
header .nav-box .nav-2nd > li > a:hover::before{transform: scaleY(1);}
header .nav-box .nav-2nd-full-screen{display: none;position: fixed;left: 0%;right: 0;top: 5rem;background-color: #F0F0F0;overflow: hidden;}
header .nav-box .nav-2nd-full-screen .pic{position: absolute;left: 0;top: 0;bottom: 0;width: max(calc(50% - 700px + 13.5rem),calc(5% + 13.5rem));overflow: hidden;}
header .nav-box .nav-2nd-full-screen .pic::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: calc(100% - 13.5rem);background-color: rgba(255,255,255,.4);}
header .nav-box .nav-2nd-full-screen .pic::after{content: '';position: absolute;right: 2.5rem;top: 1.5rem;width: 1rem;height: 2rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxOC4yMDciIGhlaWdodD0iNDIuODMiIHZpZXdCb3g9IjAgMCAxOC4yMDcgNDIuODMiPjxwYXRoIGQ9Ik0zLjA0IDBMMTYuOSAxNC4yOGMuODcuODkgMS4zIDIuMDggMS4zIDMuMjd2Ny44OGMwIDEuMTktLjQzIDIuMzgtMS4zIDMuMjdMMy4xOCA0Mi44MyAwIDM5LjU2bDE2LjQ2LTE3LjI1Yy41OC0uNTkuNTgtMS40OSAwLTIuMDhMMCAzLjI3Qy0uMSAzLjI3LjkxIDIuMTggMy4wMyAwaC4wMXoiIGZpbGw9IiNGRkYiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpwYXNzdGhyb3VnaCIvPjwvc3ZnPg==');background-size: 100% 100%;}
header .nav-box .nav-2nd-full-screen .pic em{display: block;height: 100%;background-position: right center;background-size: cover;background-repeat: no-repeat;}
header .nav-box .nav-2nd-full-screen > .w1400{box-sizing: border-box;padding-left: 13.5rem;}
/*二,三级导航*/
header .nav-2nd-box{display: flex;min-height: 11.5rem;box-sizing: border-box;padding: 2.5rem 0;}
header .nav-2nd-box .nav-2nd-column{position: relative;flex: 0 0 33.33%;box-sizing: border-box;border-right: 1px solid #D8D8D8;}
header .nav-2nd-box .nav-2nd-column > li > a{z-index: 1;position: relative;display: block;box-sizing: border-box;padding: .5rem 2rem;line-height: 1.2rem;color: #676767;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
header .nav-2nd-box .nav-2nd-column > li > a .arrow{position: absolute;right: 2rem;top: 50%;width: .3rem;height: .3rem;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
header .nav-2nd-box .nav-2nd-column > li:hover > a{color: #0F5ADE;}
header .nav-2nd-box .nav-2nd-column.open{flex: 0 0 66.66%;transition: .3s ease-out;}
header .nav-2nd-box .nav-2nd-column.open > li > a{width: 50%;}
header .nav-2nd-box .nav-2nd-column > li:hover .nav-3rd{display: block;}
header .nav-2nd-box .nav-3rd{display: none;position: absolute;left: 50%;right: 0;top: 0;bottom: 0;min-height: 100%;padding: 0 1rem;overflow-y: auto;overscroll-behavior: contain;}
header .nav-2nd-box .nav-3rd > li > a{display: block;padding: .5rem 0;line-height: 1.2rem;color: #676767;transition: .3s;}
header .nav-2nd-box .nav-3rd > li > a:hover{color: #0F5ADE;}
/*搜索按钮*/
header .search-btn{width: .8rem;height: .8rem;margin-right: 4rem;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNi42MzUiIGhlaWdodD0iMTYuNzExIiB2aWV3Qm94PSIwIDAgMTYuNjM1IDE2LjcxMSI+PHBhdGggZD0iTTEyLjIxOCAxMC40MjdxMS4xNDctMS42OTIgMS4xNDctMy43NDUgMC0yLjc2Ny0xLjk1Ny00LjcyNVE5LjQ1IDAgNi42ODIgMCAzLjkxNSAwIDEuOTU3IDEuOTU3IDAgMy45MTUgMCA2LjY4MnEwIDIuNzY5IDEuOTU3IDQuNzI2IDEuOTU4IDEuOTU3IDQuNzI1IDEuOTU3IDEuMzUgMCAyLjU4NC0uNTE4IDEuODM0LS43NyAyLjk1Mi0yLjQyek0xMC40MDYgMi45NnExLjU0MiAxLjU0MiAxLjU0MiAzLjcyMiAwIDEuNjE4LS45MDMgMi45NS0uODgyIDEuMzAyLTIuMzI3IDEuOTA4LS45NzIuNDA4LTIuMDM2LjQwOC0yLjE4IDAtMy43MjItMS41NDItMS41NDMtMS41NDMtMS41NDMtMy43MjQgMC0yLjE4IDEuNTQzLTMuNzIyIDEuNTQyLTEuNTQzIDMuNzIyLTEuNTQzIDIuMTgxIDAgMy43MjQgMS41NDN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3NTc1NzUiLz48cGF0aCBzdHJva2U9IiM3NTc1NzUiIHN0cm9rZS13aWR0aD0iMS40MTciIGQ9Ik0xNS40MjYgMTYuMjFsLTQuOTQ2LTQuOTQ2Ii8+PC9zdmc+') center no-repeat;background-size: 100% 100%;cursor: pointer;transition: .5s;}
/*弹窗内容-搜索栏*/
.popup-top-search{position: relative;margin: 1.5rem;}
.popup-top-search .text-input{box-sizing: border-box;width: 100%;height: 2rem;padding: 0 2.5rem 0 .5rem;border: 1px solid #eee;}
.popup-top-search .sub-btn{position: absolute;right: 0;top: 0;width: 2rem;height: 2rem;background: #0F5ADE url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 1rem 1rem;}
/*语言选择*/
header .language-select{display: flex;justify-content: center;align-items: center;position: relative;margin-right: .5rem;font-size: .6rem;cursor: pointer;transition: .5s;}
header .language-select .name{display: flex;align-items: center;position: relative;padding-right: .6rem;line-height: 1;transition: .5s;}
header .language-select .name::after{content: '';position: absolute;right: 0;top: 50%;border: .2rem solid transparent;border-top-color: #676767;transform: translateY(-25%);}
header .language-select .name .icon{width: .8rem;height: .8rem;margin-right: .3rem;transition: .5s;}
header .language-select .list{position: absolute;left: 50%;top: 100%;min-width: 6rem;padding-top: .5rem;transform: translateX(-50%) scaleY(0);transform-origin: top;}
header .language-select .list li a{display: block;padding: .5rem;background-color: #fff;line-height: 1;text-align: center;text-transform: uppercase;transition: .3s;}
header .language-select .list li:first-child a{border-radius: .4rem .4rem 0 0;}
header .language-select .list li:last-child a{border-radius: 0 0 .4rem .4rem;}
header .language-select .list li a:hover{color: #0F5ADE;}
header .language-select:hover .list{transform: translateX(-50%) scaleY(1);transition: .3s;}
/*登录按钮*/
header .login-btn{display: inline-flex;align-items: center;}
header .login-btn .icon{width: .8rem;height: .8rem;}
/*用户*/
header .user-wrap{display: flex;align-items: center;position: relative;padding-bottom: .8rem;font-size: .6rem;cursor: pointer;transform: translateY(.4rem);}
header .user-wrap::after{content: '>';margin-left: .2rem;color: #676767;transform: rotate(90deg);}
header .user-wrap .first-letter{display: flex;justify-content: center;align-items: center;width: .8rem;height: .8rem;background-color: #0F5ADE;border-radius: 50%;text-transform: uppercase;color: #fff;user-select: none;}
header .user-wrap .list{position: absolute;right: 0;top: 100%;width: 8rem;box-sizing: border-box;padding: 0 .8rem;background-color: #fff;border-radius: .2rem;box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.16);transform-origin: top;transform: scaleY(0);transition: .3s;}
header .user-wrap .list li+li{border-top: 1px solid #D8D8D8;}
header .user-wrap .list li a{display: flex;align-items: center;position: relative;height: 2.2rem;text-align: center;color: #757575;text-transform: uppercase;transition: .3s;}
header .user-wrap .list li a::after{content: '>';position: absolute;right: 0;}
header .user-wrap .list li a .icon{width: .7rem;height: .7rem;margin-right: .6rem;}
header .user-wrap:hover .list{transform: scaleY(1);}
header .user-wrap .list li a:hover{color: #0F5ADE;}
/*头部搜索栏*/
.header-search-box{z-index: 11;position: fixed;left: 0;right: 0;top: 0;padding: .5rem 0 1rem;background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition: .3s;}
.header-search-box.open{transform: scaleY(1);}
.header-search-box .close-btn{position: absolute;right: 0;top: .5rem;display: flex;justify-content: center;align-items: center;width: 2rem;height: 2rem;font-size: 2rem;color: #999;cursor: pointer;transition: .5s;}
.header-search-box .close-btn:hover{transform: rotate(180deg);}
.header-search-box .search-wrap{position: relative;width: calc(100% - 3rem);}
.header-search-box .search-wrap:before{content: "";position: absolute;left: 0;top: 50%;width: 1.5rem;height: 1.5rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNi45MjYiIGhlaWdodD0iMTcuNDE0IiB2aWV3Qm94PSIwIDAgMTYuOTI2IDE3LjQxNCI+PHBhdGggZD0iTTEyLjc1IDEwLjg4MnExLjE5Ny0xLjc2NyAxLjE5Ny0zLjkwOCAwLTIuODg5LTIuMDQyLTQuOTMxUTkuODYzIDAgNi45NzQgMCA0LjA4NSAwIDIuMDQzIDIuMDQzIDAgNC4wODUgMCA2Ljk3M3EwIDIuODkgMi4wNDMgNC45MzIgMi4wNDIgMi4wNDIgNC45MyAyLjA0MiAxLjQwOCAwIDIuNjk4LS41NCAxLjkxMy0uODAzIDMuMDgtMi41MjV6bS0yLjI2LTcuNDI1cTEuNDU3IDEuNDU3IDEuNDU3IDMuNTE3IDAgMS41MjctLjg1MiAyLjc4Ni0uODM0IDEuMjMtMi4xOTkgMS44MDMtLjkxNy4zODQtMS45MjIuMzg0LTIuMDYgMC0zLjUxNy0xLjQ1NlEyIDkuMDM0IDIgNi45NzRxMC0yLjA2IDEuNDU3LTMuNTE3UTQuOTE0IDIgNi45NzQgMnEyLjA2IDAgMy41MTcgMS40NTd6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwRjVBREUiLz48cGF0aCBzdHJva2U9IiMwRjVBREUiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjUxMSAxNi43MDdsLTQuOTQ1LTQuOTQ2Ii8+PC9zdmc+');background-size: 100% 100%;transform: translateY(-50%);}
.header-search-box .search-wrap .input-text{width: 100%;height: 3rem;padding: 0 3rem;background-color: #fff;border-bottom: 1px solid #ddd;}
.header-search-box .search-wrap .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #0F5ADE;transform: scaleX(0);transform-origin: left;transition: 1s;}
.header-search-box .search-wrap .input-text:focus + .line{transform: scaleX(1);}
.header-search-box .search-wrap .list{display: none;max-height: 10rem;z-index: 1;position: absolute;left: 3rem;width: 15rem;margin-top: .5rem;background-color: #fff;border-radius: .4rem;line-height: 2rem;overflow: hidden;box-shadow: 0 0 0.5rem rgba(0,0,0,.2);}
.header-search-box .search-wrap .list .name{padding: 0 1rem;color: #bbb;}
.header-search-box .search-wrap .list li a{display: block;padding: 0 1rem;color: #666;}
.header-search-box .search-wrap .list li a:hover{background-color: #f1f1f1;color: #333;}
.header-search-box .hot-words{display: flex;position: relative;padding-left: 3rem;margin-top: 1rem;line-height: 2rem;}
.header-search-box .hot-words .name{position: absolute;left: 0;top: 0;color: #0F5ADE;}
.header-search-box .hot-words a{padding: 0 1em;margin-right: .8rem;background-color: #f5f5f5;border-radius: .2rem;color: #999;transition: .3s;}
.header-search-box .hot-words a:hover{background-color: #F0F0F0;color: #0F5ADE;}


/*footer*/
footer{background-color: #fff;overflow: hidden;}
footer .top{padding: 2.5rem 0 2rem;}
footer .top .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
footer .middle{padding: 2rem 0 3.5rem;}
footer .bottom{padding: 1.6rem 0;background-color: #E3E3E3;}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/*logo*/
footer .logo img{max-width: 5rem;max-height: 2rem;}
/*社交分享*/
footer .social-share{display: flex;align-items: center;line-height: 1;}
footer .social-share .tit{margin-right: 1em;color: #757575;}
footer .social-share .list{display: flex;align-items: center;}
footer .social-share .list li{margin-left: 1.25em;}
footer .social-share .list li .icon{width: auto;height: 1rem;filter: grayscale(1);opacity: .5;}
footer .social-share .list li .icon.facebook{height: 1.1rem;opacity: .6;}
footer .social-share .list li:hover .icon{filter: none;opacity: 1;}
/*底部导航*/
footer .bottom-nav .nav-1st{display: flex;justify-content: space-between;white-space: nowrap;}
footer .bottom-nav .nav-1st > li{margin-left: 3rem;}
footer .bottom-nav .nav-1st > li:first-child{margin-left: 0;}
footer .bottom-nav .nav-1st > li > .tit{display: block;margin-bottom: 1em;line-height: 1;transition: .3s;}
footer .bottom-nav .nav-1st > li:nth-child(5){width: 7rem;}
footer .bottom-nav .nav-1st > li:nth-child(n+6){position: absolute;left: calc(100% - 7rem);bottom: 0;margin-left: 0;}
footer .bottom-nav .nav-1st > li:nth-child(n+6) > .tit{margin-bottom: 0;}
footer .bottom-nav .nav-1st > li:nth-child(6){bottom: 3.5rem;}
footer .bottom-nav .nav-1st > li:nth-child(7){bottom: 1.8rem;}
footer .bottom-nav .nav-1st > li:nth-child(8){bottom: 0;}
footer .bottom-nav .nav-1st > li > .tit:hover{color: #0F5ADE;transform: translateY(-.1em);}
footer .bottom-nav .nav-2nd > li{margin-top: .6em;}
footer .bottom-nav .nav-2nd > li > a{display: block;font-size: .6rem;line-height: 1;color: #808080;transition: .3s;}
footer .bottom-nav .nav-2nd > li > a:hover{color: #0F5ADE;transform: translateY(-.1em);}
/*版权*/
footer .cr{display: flex;flex-wrap: wrap;font-size: .6rem;line-height: 1;color: #676767;}
footer .cr span+span{margin-left: 1em;}
footer .cr a{color: #676767;transition: .3s;}
footer .cr .icon{vertical-align: middle;width: 1em;height: 1em;margin: -.25em .2em 0 0;}
footer .cr a:hover{text-decoration: underline;color: #0F5ADE;}
/*其他链接*/
footer .other-links{display: flex;align-items: center;font-size: .6rem;}
footer .other-links a{padding: 0 .6em;border-left: 1px solid currentColor;line-height: .8;color: #676767;transition: .3s;}
footer .other-links a:first-child{border-left: 0;}
footer .other-links a:hover{text-decoration: underline;color: #0F5ADE;}
/*友情链接*/
footer .custom-select{width: 11rem;max-width: none;}
footer .custom-select .name{height: 1.5rem;border: 0;border-radius: .4rem;}
footer .custom-select .list{max-height: none;min-width: 17rem;border-radius: .4rem;}
footer .custom-select .list li a{display: block;padding: .6rem 1rem;border: 0;font-size: .6rem;line-height: 1;color: #000;}
footer .custom-select .list li a:hover{background-color: #F0F0F0;color: #0F5ADE;}
/*返回顶部*/
footer .back-top{position: relative;width: 1.8rem;height: 1.8rem;background-color: #0F5ADE;border-radius: 50%;cursor: pointer;}
footer .back-top::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 35%;height: 35%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNC4wODEiIGhlaWdodD0iMTQuMDgyIiB2aWV3Qm94PSIwIDAgMTQuMDgxIDE0LjA4MiI+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjEuOTg0IiBkPSJNNi45NTEgMTQuMDgxVjEuNDAzIi8+PHBhdGggZD0iTTcuMDQgMEwwIDcuMDRsMS40MDMgMS40MDQgNS42MzgtNS42MzggNS42MzcgNS42MzggMS40MDMtMS40MDNMNy4wNDEgMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==');background-size: 100% 100%;}


/*笔记本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){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*header*/
	header{position: sticky;}
	header .top{display: none;}
	header .logo img{max-width: 4rem;max-height: 2rem;}
	header .bottom{height: 3rem;}
	header .bottom .w1400 > .con-r{margin-right: 2.5rem;}
	header .menu-btn{display: block;}
	header .nav-box{display: none;}
	header .search-btn{margin-right: 1.5rem;}
	header .language-select{display: none;}
	/*头部搜索栏*/
	.header-search-box{padding: .5rem 0;}
	.header-search-box .close-btn{top: 0;font-size: 1.5rem;}
	.header-search-box .search-wrap{width: calc(100% - 2rem);}
	.header-search-box .search-wrap:before{width: 1rem;height: 1rem;}
	.header-search-box .search-wrap .input-text{height: 2rem;padding: 0 1.5rem;}
	.header-search-box .search-wrap .list{left: 1.5rem;width: 10rem;line-height: 1.8rem;}
	.header-search-box .hot-words{padding-left: 2rem;margin-top: .5rem;line-height: 1.8rem;}
	.header-search-box .hot-words a{margin-right: .4rem;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: .8rem;height: .8rem;margin: -.1em .4em 0 0;}
	
	/*footer*/
	footer{overflow: visible;}
	footer .top{padding: .5rem 0;}
	footer .middle{padding: 0;}
	footer .bottom{padding: 1rem 0;}
	footer .bottom .w1400 > .con-l{width: 100%;}
	footer .bottom .w1400 > .con-m{width: 100%;margin-top: .5rem;}
	footer .bottom .w1400 > .con-m2{width: 100%;margin-top: 1rem;}
	footer .bottom .w1400 > .con-r{width: 100%;display: flex;justify-content: flex-end;}
	footer .logo img{max-width: 4rem;max-height: 1.5rem;}
	footer .social-share .tit{margin-right: .5em;}
	footer .social-share .list li{margin-left: 1em;}
	footer .bottom-nav{display: none;}
	footer .cr{text-align: center;line-height: 1.5;}
	footer .cr span{width: 100%;margin: 0;}
	footer .cr span+span{margin-left: 0;}
	footer .custom-select{width: 80%;}
	footer .custom-select .list{min-width: 100%;}
	footer .custom-select .list li a{padding: .5rem;}
}

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