@charset "utf-8";
@import url("/uiFramework/commonResource/zip/ztkgEN/css/base.css");
body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea { color: inherit;font-size: inherit; font-family: inherit;}
/*header*/
header{z-index: 3;position: sticky;left: 0;right: 0;top: 0;height: 100px;background-color: #fff;transition: .5s;}
header > .w1700{display: flex;justify-content: space-between;align-items: center;}
/*logo*/
header .logo{position: relative;display: block;}
header .logo img{max-width: 480px;max-height: 60px;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: #000;transition: .3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
header .nav-box{position: absolute;left: 0;right: 0;top: 100%;background-color: rgba(37,142,228,.88);}
header .nav-box .nav-1st{display: flex;justify-content: space-between;align-items: center;height: 70px;}
header .nav-box .nav-1st > li{position: relative;}
header .nav-box .nav-1st > li > a{position: relative;display: block;padding: 0 10px;line-height: 70px;white-space: nowrap;color: #fff;transition: .5s;}
header .nav-box .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #FFC358;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{font-weight: bold;color: #FFC358;}
header .nav-box .nav-1st > li.on > a:after{transform: scaleX(1);}
header .nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: -30px;top: 100%;min-width: 330px;padding: 12px 0;background-color: rgba(0,134,242,.7);}
header .nav-box .nav-2nd > li{position: relative;}
header .nav-box .nav-2nd > li > a{position: relative;display: block;padding: 15px 30px;font-size: 16px;line-height: 1;color: #fff;}
header .nav-box .nav-2nd > li > a::before{content: '';position: absolute;left: 0;top: 10px;bottom: 10px;width: 2px;background-color: #FFC358;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a::after{content: '';position: absolute;left: 30px;right: 30px;top: 0;height: 1px;background-color: rgba(255,255,255,.2);}
header .nav-box .nav-2nd > li:first-child > a::after{display: none;}
header .nav-box .nav-2nd > li > a:hover{color: #FFC358;}
header .nav-box .nav-2nd > li > a:hover::before{transform: scaleY(1);}
/*搜索按钮*/
header .search-btn{display: none;top: 50%;width: 20px;height: 20px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04LjIxNCAxNS40MjdBNy4yMTQgNy4yMTQgMCAxIDAgOC4yMTQgMWE3LjIxNCA3LjIxNCAwIDAgMCAwIDE0LjQyN3oiLz48cGF0aCBkPSJNMTAuNjE0IDUuMzg5YTMuMzg0IDMuMzg0IDAgMCAwLTIuNC0uOTk0Yy0uOTM4IDAtMS43ODYuMzgtMi40Ljk5NE0xMy4zOTkgMTMuMzk5TDE3IDE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+') center no-repeat;background-size: 100% 100%;cursor: pointer;transition: .5s;}
/*搜索栏*/
header .search-wrap{position: relative;width: 220px;height: 32px;border-bottom: 1px solid #999;overflow: hidden;transition: .5s;}
header .search-wrap .text-input{box-sizing: border-box;width: 90%;height: 100%;}
header .search-wrap .sub-btn{position: absolute;right: 0;top: 50%;width: 16px;height: 16px;transform: translateY(-50%);background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04LjIxNCAxNS40MjdBNy4yMTQgNy4yMTQgMCAxIDAgOC4yMTQgMWE3LjIxNCA3LjIxNCAwIDAgMCAwIDE0LjQyN3oiLz48cGF0aCBkPSJNMTAuNjE0IDUuMzg5YTMuMzg0IDMuMzg0IDAgMCAwLTIuNC0uOTk0Yy0uOTM4IDAtMS43ODYuMzgtMi40Ljk5NE0xMy4zOTkgMTMuMzk5TDE3IDE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+') center no-repeat;background-size: 100% 100%;}
/*弹窗内容-搜索栏*/
.popup-top-search{position: relative;margin: 30px;}
.popup-top-search .text-input{box-sizing: border-box;width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;}
.popup-top-search .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #0464B2 url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*功能栏*/
header .func-wrap{display: flex;justify-content: space-between;align-items: center;margin-top: 1em;}
header .func-wrap .item{display: flex;align-items: center;color: #666;}
header .func-wrap .item .icon{width: 1.1em;height: 1.1em;margin-right: .5em;filter: brightness(0) invert(.3);}
/*头部-页面滚动样式*/
header.fixed{height: 0;}
header.fixed > .w1700{opacity: 0;visibility: hidden;transition: .5s;}

/*footer*/
footer{background-color: #0464B2;color: #fff;overflow: hidden;}
footer .top{padding: 35px 0;}
footer .top .w1700{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
footer .bottom{padding: 20px 0;border: 1px solid rgba(255,255,255,.4);}
footer .bottom .w1700{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/*logo*/
footer .logo img{max-width: 124px;max-height: 124px;opacity: .5;}
/*联系信息*/
footer .contact-info .tit{margin-bottom: .6em;}
footer .contact-info .list{line-height: 1.75;}
footer .contact-info .list li{display: flex;align-items: center;}
footer .contact-info .list li .icon{width: 1em;height: 1em;margin-right: .5em;}
/*底部导航*/
footer .bottom-nav{display: flex;justify-content: space-between;flex-wrap: wrap;width: 460px;}
footer .bottom-nav li{width: 50%;margin-bottom: 1em;}
footer .bottom-nav li a{display: block;color: #fff;transition: .3s;}
footer .bottom-nav li a:hover{transform: translateY(-.2em);}
/*社交分享*/
footer .social-share .tit{margin-bottom: 1em;}
footer .social-share .list{display: flex;}
footer .social-share .list li{margin-left: 1.25em;}
footer .social-share .list li:first-child{margin-left: 0;}
footer .social-share .list li .icon{width: 1.5em;height: 1.5em;}
/*版权*/
footer .cr{display: flex;line-height: 20px;}
footer .cr span+span{margin-left: 1em;}
footer .cr a{color: #fff;transition: .3s;}
footer .cr .icon{vertical-align: middle;width: 1em;height: 1em;margin: -.25em .2em 0 0;}
footer .cr a:hover{text-decoration: underline;}
/*其他链接*/
footer .other-links{display: flex;}
footer .other-links a{margin-left: 1em;color: #fff;}
footer .other-links a:hover{text-decoration: underline;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){	
	header{height: 80px;}
	header .logo img{max-height: 45px;}
	header .nav-box .nav-1st{height: 55px;}
	header .nav-box .nav-1st > li > a{line-height: 55px;}
	footer .logo img{max-width: 110px; max-height: 110px;}
}

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

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
	footer .logo img{max-width: 94px; max-height: 94px;}
	header .nav-box .nav-2nd > li > a{font-size:14px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*header*/
	header{height: 60px;}
	header > .w1700 > .con-r{display: none;}
	header .logo img{max-width: 200px;max-height: 40px;}
	header .menu-btn{display: block;}
	header .nav-box{display: none;}
	header .search-btn{display: block;position: absolute;right: 50px;top: 50%;transform: translateY(-50%);}
	header.fixed .logo img{max-width: 200px;max-height: 40px;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;}
	
	/*footer*/
	footer .top{padding: 20px 0;}
	footer .top .w1700 > .con-l{width: 100%;}
	footer .top .w1700 > .con-r{width: 100%;margin-top: 15px;}
	footer .bottom{padding: 20px 0;}
	footer .bottom .w1700{justify-content: center;}
	footer .logo{display: none;}
	footer .bottom-nav{display: none;}
	footer .social-share{margin-top: 1em;}
	footer .social-share .tit{margin-bottom: .5em;}
	footer .cr{display: block;font-size: 13px;text-align: center;}
	footer .cr span{display: block;}
	footer .cr span+span{margin-left: 0;}
	footer .other-links{flex-wrap: wrap;margin-top: 1em;}
	footer .other-links a{width: 100%;margin-left: 0;text-align: center;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	header .logo img{
	max-width: 240px;
	}
	
	footer .cr span{
		display:contents;
	}
	footer .other-links a{
		width:auto;
		padding: 0.3rem;
		text-decoration:underline;
	}
	header{height:50px;}
}