@charset "utf-8";
@import url("./base.css");
/*header*/
header{display: flex;justify-content: space-between;align-items: center;z-index: 3;position: fixed;left: 0;right: 0;top: 0;height: 80px;background-color: rgba(255,255,255,0);transition: .5s;}
/*logo*/
header .logo{margin-left: 3%;}
header .logo img{max-width: 110px;max-height: 60px;filter: brightness(0) invert(1);transition: .5s;}
/*移动端导航按钮*/
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: #333;transition: .3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
header .nav-box .nav-1st{display: flex;}
header .nav-box .nav-1st > li{position: relative;display: inline-block;vertical-align: top;margin: 0 30px;}
header .nav-box .nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 80px;color: #fff;transition: .5s;}
header .nav-box .nav-1st > li > a::after{content: '';position: absolute;left: 50%;bottom: 0;width: 40px;height: 4px;margin-left: -20px;background-color: #DB0058;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{color: #DB0058;}
header .nav-box .nav-1st > li.on > a::after{transform: scaleX(1);animation: none;}
header .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: #fff;border-radius: 4px;transform: translateX(-50%);box-shadow: 0 4px 20px rgba(0,0,0,.15);}
header .nav-box .nav-2nd > li{position: relative;}
header .nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;}
header .nav-box .nav-2nd > li > a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #DB0058;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a:hover{color: #DB0058;}
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: 80px;padding: 20px;background-color: #fff;border-top: 1px solid #eee;box-shadow: 0 4px 8px rgba(0,0,0,.2);}
header .nav-box .nav-2nd-list{display: flex;justify-content: center;}
header .nav-box .nav-2nd-list li{flex: 1;margin: 0 8px;}
header .nav-box .nav-2nd-list li .tit{display: block;margin-bottom: 1em;font-size: 16px;color: #DB0058;}
header .nav-box .nav-2nd-list li .list{}
header .nav-box .nav-2nd-list li .list dd{margin-top: .6em;}
header .nav-box .nav-2nd-list li .list dd a{display: block;transition: .3s;}
header .nav-box .nav-2nd-list li .list dd a.hot::after{content: '';position: absolute;width: 20px;height: 12px;margin-left: 2px;background: url(../images/icon_hot.gif) no-repeat;}
header .nav-box .nav-2nd-list li .list dd a:hover{text-decoration: underline;color: #DB0058;}
/*功能区*/
header .func-wrap{display: flex;align-items: center;}
/*搜索按钮*/
header .search-btn{width: 80px;height: 80px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 30% 30%;cursor: pointer;transition: .5s;}
/*弹窗内容-搜索栏*/
.popup-top-search{position: relative;}
.popup-top-search .index-search-box{flex-wrap: nowrap;}
/*语言选择*/
header .language-select{display: flex;justify-content: center;align-items: center;position: relative;width: 80px;height: 80px;cursor: pointer;transition: .5s;}
header .language-select .icon{width: 24px;height: 24px;filter: brightness(0) invert(1);transition: .5s;}
header .language-select .name{display: flex;align-items: center;position: relative;font-size: 14px;line-height: 20px;font-weight: bold;color: #fff;transition: .5s;}
header .language-select .name i{margin-left: .4em;}
header .language-select .list{position: absolute;left: 50%;top: calc(50% + 1em);min-width: 100px;padding-top: 15px;border-radius: 5px;transform: translateX(-50%) scaleY(0);transform-origin: top;}
header .language-select .list li a{display: block;padding: 10px;background-color: #fff;border-bottom: 1px solid #eee;line-height: 16px;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: .3s;}
header .language-select .list li a:hover{color: #DB0058;}
header .language-select .list li:first-child a{border-radius: 4px 4px 0 0;}
header .language-select .list li:last-child a{border-radius: 0 0 4px 4px;}
header .language-select:hover .list{transform: translateX(-50%) scaleY(1);transition: .3s;}
/*头部-页面滚动样式*/
header.fixed{background-color: rgba(255,255,255,1);box-shadow: 0 4px 10px rgba(0,0,0,.1);}
header.fixed .logo img{filter: none;}
header.fixed .nav-box .nav-1st > li > a{color: #333;}
header.fixed .search-btn{background-color: #DB0058;}
header.fixed .language-select{border-left: 1px solid #eee;}
header.fixed .language-select .icon{filter: none;opacity: .3;}
header.fixed .language-select .name{color: #ccc;}

/*footer*/
footer{position: relative;background: #F2F6FA url(../images/footer_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
footer .top .w1400{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding: 60px 0 40px;}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 20px 0;border-top: 1px solid #e3e3e3;}
/*logo*/
footer .logo img{max-width: 150px;max-height: 90px;}
/*底部导航*/
footer .bottom-nav .nav-1st{display: flex;white-space: nowrap;}
footer .bottom-nav .nav-1st > li{max-width: 4em;margin-left: 100px;}
footer .bottom-nav .nav-1st > li:first-child{margin-left: 0;}
footer .bottom-nav .nav-1st > li > a{display: block;margin-bottom: 1.5em;font-size: 18px;line-height: 1;font-weight: bold;transition: .3s;}
footer .bottom-nav .nav-1st > li > a:hover{color: #DB0058;transform: translateY(-.2em);}
footer .bottom-nav .nav-2nd > li{margin-top: 15px;}
footer .bottom-nav .nav-2nd > li > a{display: block;line-height: 20px;color: #666;transition: .3s;}
footer .bottom-nav .nav-2nd > li > a:hover{color: #DB0058;transform: translateY(-.2em);}
/*二维码区*/
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: 120px;height: 120px;}
footer .qrcode-wrap .item .tit{margin-top: .5em;}
/*版权*/
footer .cr{line-height: 20px;color: #666;}
footer .cr span{display: inline-block;vertical-align: top;margin-left: .6em;}
footer .cr span:first-child{margin-left: 0;}
footer .cr a{color: #666;transition: .3s;}
footer .cr .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .25em 0 0;}
footer .cr a:hover{text-decoration: underline;color: #DB0058;}
/*友情链接*/
footer .friend-links{width: 180px;}
footer .friend-links .name{border-color: #ddd;border-radius: 4px;color: #666;}

/*首页搜索栏*/
.index-search-box{display: flex;justify-content: space-between;align-items: center;width: 100%;box-sizing: border-box;padding: 30px;background: url(../images/index_search_box_bg.jpg) center no-repeat;background-size: cover;border-radius: 10px;color: #fff;overflow: hidden;}
.index-search-box .title{margin-right: 1em;font-size: 30px;font-weight: bold;}
.index-search-box .select{width: 160px;height: 60px;box-sizing: border-box;padding: 0 1.8em 0 1.2em;border: 0;border-radius: 6px 0 0 6px;font-size: 18px;color: #5A5A5A;cursor: pointer;outline: none;appearance: none;-webkit-appearance: none;background: #f2f2f2 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjI1NS40MjNIMS4yNTJDLjcyMy40MjMuNDIgMS4wMy43MzQgMS40Nmw0LjUwMSA2LjE1NGEuNjQuNjQgMCAwIDAgMS4wMzYgMGw0LjUwMi02LjE1NGMuMzE0LS40My4wMS0xLjAzNy0uNTE4LTEuMDM3eiIgZmlsbD0iIzVBNUE1QSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') right .6em center no-repeat;background-size: 12px 12px;}
.index-search-box .text-input{flex: 1;height: 60px;padding: 0 30px;background-color: #fff;font-size: 18px;}
.index-search-box .sub-btn{width: 140px;height: 60px;border-radius: 0 6px 6px 0;background: #DB0058 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNzc3IDEzLjYxOGEuNzkuNzkgMCAwIDEgLjExOS4xbDQuNzIgNC43MmEuODM3LjgzNyAwIDAgMS0uNTkgMS40Mi44My44MyAwIDAgMS0uNTg5LS4yNDJsLTQuNzItNC43MmEuODEuODEgMCAwIDEtLjA5OC0uMTIgOC4zIDguMyAwIDAgMS01LjI4NiAxLjg5QTguMzMzIDguMzMzIDAgMSAxIDguMzMzIDBhOC4zMzMgOC4zMzMgMCAwIDEgNi40NDQgMTMuNjE4ek04LjMzMyAxNWE2LjY2NyA2LjY2NyAwIDEgMCAwLTEzLjMzMyA2LjY2NyA2LjY2NyAwIDAgMCAwIDEzLjMzM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==') left 2em center no-repeat;background-size: 20px 20px;font-size: 18px;text-indent: 1.5em;color: #fff;}


/*笔记本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;height: 60px;background-color: rgba(255,255,255,1);box-shadow: 0 4px 10px rgba(0,0,0,.1);}
	header .logo img{max-height: 40px;filter: none;}
	header .menu-btn{display: block;right: 3%;}
	.nav-box{display: none;}
	header .func-wrap{position: absolute;right: calc(3% + 50px);}
	header .search-btn{width: 20px;height: 20px;background-size: 100% 100%;filter: brightness(0);}
	header .language-select{display: none;}
	header.fixed .search-btn{background-color: transparent;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 14px;height: 14px;margin: -.25em .4em 0 0;filter: brightness(0) invert(.5);}

	/*footer*/
	footer .top .w1400{padding: 20px 0 15px;}
	footer .top .w1400 > .con-r{width: 100%;}
	footer .bottom .w1400{padding: 10px 0 15px;}
	footer .bottom .w1400 > .con-l{width: 100%;}
	footer .bottom .w1400 > .con-r{width: 100%;margin-top: 10px;}
	footer .logo{display: none;}
	footer .bottom-nav{display: none;}
	footer .qrcode-wrap{justify-content: center;}
	footer .qrcode-wrap .item .pic{width: 80px;height: 80px;}
	footer .qrcode-wrap .item .tit{font-size: 13px;}
	/*版权*/
	footer .cr{font-size: 13px;text-align: center;}
	footer .cr span{display: block;margin-left: 0;}
	footer .cr .icon{width: 14px;height: 14px;}
	footer .cr a:hover{text-decoration: underline;color: #DB0058;}
	/*友情链接*/
	footer .friend-links{margin: 0 auto;}

	/*首页搜索栏*/
	.index-search-box{flex-wrap: wrap;padding: 10px;border-radius: 4px;}
	.index-search-box .title{flex: 0 0 100%;margin: 0 0 8px;font-size: 16px;}
	.index-search-box .select{width: 120px;height: 40px;padding: 0 1.2em 0 .6em;border-radius: 0;font-size: 14px;background-size: 8px 8px;}
	.index-search-box .text-input{height: 40px;padding: 0 .8em;font-size: 14px;}
	.index-search-box .sub-btn{width: 60px;height: 40px;border-radius: 0;background-size: 0;font-size: 14px;text-indent: 0;}
}

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