@charset "utf-8";
@import url("./base.css");
@font-face {
	font-family: "DINPro-Regular";
	src: 
	url("../fonts/DINPro-Regular.ttf") format("truetype"),
	url("../fonts/DINPro-Regular.eot") format("embedded-opentype"),
	url("../fonts/DINPro-Regular.svg") format("svg");
}

/*header*/
header{z-index: 3;position: fixed;left: 0;right: 0;top: 0;display: flex;justify-content: space-between;align-items: center;height: 100px;padding: 0 40px;background-color: rgb(0,0,0,.1);border-bottom: 1px solid rgba(255,255,255,.3);transition: .5s;}
header > .con-l{margin-right: 40px;}
header > .con-r{display: flex;align-items: center;}
/*logo*/
header .logo{display: block;}
header .logo img{max-width: 200px;max-height: 60px;}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 3%;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{}
header .nav-box .nav-1st{display: flex;}
header .nav-box .nav-1st > li{position: relative;margin: 0 30px;}
header .nav-box .nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 100px;color: #fff;white-space: nowrap;transition: .5s;}
header .nav-box .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-color: #0068C7;animation: menu_fill_left_out .3s cubic-bezier(.7,0,.3,1) forwards;}
header .nav-box .nav-1st > li:hover > a:after{animation: menu_fill_left_in .3s cubic-bezier(.7,0,.3,1) forwards;}
header .nav-box .nav-1st > li.on > a{font-weight: bold;}
header .nav-box .nav-1st > li.on > a:after{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: rgba(0,0,0,.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: 10px;line-height: 16px;text-align: center;color: #fff;}
header .nav-box .nav-2nd > li > a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #fff;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a:hover{background-color: #0068C7;color: #fff;}
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: 150px;background-color: #fff;border-top: 1px solid #eee;box-shadow: 0 4px 8px rgba(0,0,0,.2);}
@keyframes menu_fill_left_in{
    0%{
		transform: scale3d(0, 1, 1);
        transform-origin: 0 50%;
    }
    100%{
        transform: scale3d(1, 1, 1);
		transform-origin: 0 50%;
	}
}
@keyframes menu_fill_left_out {
    0% {
        transform: scale3d(1, 1, 1);
        transform-origin: 100% 50%;
    }
    100% {
        transform: scale3d(0, 1, 1);
        transform-origin: 100% 50%;
    }
}
/*搜索按钮*/
header .search-btn{width: 44px;height: 44px;margin-left: 30px;background: rgba(255,255,255,.4) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNzc3IDEzLjYxOGEuNzkuNzkgMCAwIDEgLjExOS4xbDQuNzIgNC43MmEuODM3LjgzNyAwIDAgMS0uNTkgMS40Mi44My44MyAwIDAgMS0uNTg5LS4yNDJsLTQuNzItNC43MmEuODEuODEgMCAwIDEtLjA5OC0uMTIgOC4zIDguMyAwIDAgMS01LjI4NiAxLjg5QTguMzMzIDguMzMzIDAgMSAxIDguMzMzIDBhOC4zMzMgOC4zMzMgMCAwIDEgNi40NDQgMTMuNjE4ek04LjMzMyAxNWE2LjY2NyA2LjY2NyAwIDEgMCAwLTEzLjMzMyA2LjY2NyA2LjY2NyAwIDAgMCAwIDEzLjMzM3oiIGZpbGw9IiMwMDY4QzciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==') center no-repeat;background-size: 44% 44%;border: 1px solid #0068C7;border-radius: 50%;cursor: pointer;filter: brightness(0) invert(1);transition: .5s;}
/*弹窗内容-搜索栏*/
.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: #0068C7 url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*头部-hover样式*/
header:hover{background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
header:hover .logo img{filter: none;}
header:hover .nav-box .nav-1st > li > a{color: #333;}
header:hover .search-btn{filter: none;}
/*头部-白底样式*/
header.bg-white{background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
header.bg-white .logo img{filter: none;}
header.bg-white .nav-box .nav-1st > li > a{color: #333;}
header.bg-white .search-btn{filter: none;}

/*footer*/
footer{background-color: #F3FAFF;color: #5A5A5A;}
footer .top{padding: 20px 0;background: #0068C7 url(../images/footer_top_bg.jpg) center no-repeat;background-size: cover;}
footer .top .w1600{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
footer .middle .w1600{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px 0;}
footer .middle .w1600 > .con-l{width: 35%;}
footer .middle .w1600 > .con-r{}
footer .bottom{padding: 15px 0;border-top: 1px solid #E8E8E8;}
footer .bottom .w1600{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/*logo*/
footer .logo{display: block;}
footer .logo img{max-width: 200px;max-height: 60px;filter: brightness(0) invert(1);}
/*链接区*/
footer .links-wrap{display: flex;align-items: center;}
footer .links-wrap .item{display: flex;align-items: center;color: #fff;transition: .3s;}
footer .links-wrap .item+.item{margin-left: 60px;}
footer .links-wrap .item .icon{width: 20px;height: 20px;margin-right: .5em;filter: brightness(0) invert(1);}
footer .links-wrap .item:hover{transform: translateY(-.3em);}
/*联系信息*/
footer .contact-info{line-height: 1.5;}
footer .contact-info p{display: flex;}
footer .contact-info p+p{margin-top: 1.5em;}
footer .contact-info p .icon{width: 1.5em;height: 1.5em;margin-right: 1em;filter: brightness(0) invert(.5);}
/*二维码*/
footer .qrcode-wrap{display: flex;flex-wrap: wrap;margin-top: 30px;}
footer .qrcode-wrap .item{text-align: center;}
footer .qrcode-wrap .item+.item{margin-left: 40px;}
footer .qrcode-wrap .item .pic{display: inline-block;vertical-align: top;width: 100px;height: 100px;}
footer .qrcode-wrap .item .tit{margin-top: .5em;line-height: 1;white-space: nowrap;}
/*底部导航*/
footer .bottom-nav{}
footer .bottom-nav .nav-1st{display: flex;}
footer .bottom-nav .nav-1st > li{}
footer .bottom-nav .nav-1st > li+li{margin-left: 80px;}
footer .bottom-nav .nav-1st > li > a{position: relative;display: block;padding-bottom: 1.5em;margin-bottom: 1.2em;line-height: 1;color: #5A5A5A;transition: .3s;}
footer .bottom-nav .nav-1st > li > a::after{content: '';position: absolute;left: 0;bottom: 0;width: 2.5em;height: 1px;background-color: #0068C7;}
footer .bottom-nav .nav-1st > li > a:hover{color: #0068C7;}
footer .bottom-nav .nav-2nd{}
footer .bottom-nav .nav-2nd > li{margin-top: 1em;}
footer .bottom-nav .nav-2nd > li > a{display: block;line-height: 1;color: #5A5A5A;transition: .3s;}
footer .bottom-nav .nav-2nd > li > a:hover{color: #0068C7;}
/*版权*/
footer .cr{display: flex;line-height: 20px;}
footer .cr p{margin: 10px 0;}
footer .cr span+span{margin-left: 1em;}
footer .cr .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .2em 0 0;}
footer .cr a{color: #5A5A5A;}
footer .cr a:hover{text-decoration: underline;color: #0068C7;}
/*友情链接*/
footer .friend-links .name{background-color: transparent;border-radius: 4px;color: #5A5A5A;}

/*悬浮窗*/
.fixed-window{z-index: 5;position: fixed;right: 0;bottom: 60px;width: 120px;box-sizing: border-box;background-color: #fff;border: 1px solid #0068C7;border-radius: 8px;overflow: hidden;}
.fixed-window .close{padding: 0 1em;background-color: #0068C7;line-height: 20px;text-align: right;color: #fff;cursor: pointer;}
.fixed-window .title{padding: .8em .4em;background: #0068C7 url(../images/fixed_window_title_bg.jpg) center no-repeat;background-size: cover;text-align: center;line-height: 1;color: #fff;}
.fixed-window .title .cn{font-size: 16px;font-weight: bold;}
.fixed-window .title .en{margin-top: .5em;font-size: 12px;text-transform: uppercase;}
.fixed-window .content{padding: 1em .5em;}
.fixed-window .content .list li{display: flex;justify-content: center;align-items: center;height: 32px;border: 1px solid currentColor;border-radius: 16px;color: #0068C7;cursor: pointer;}
.fixed-window .content .list li .icon{width: 20px;height: 20px;margin-right: .3em;}
.fixed-window .content .qrcode{margin-top: .8em;text-align: center;}
.fixed-window .content .qrcode .pic{width: 100px;height: 100px;}
.fixed-window .content .qrcode .tit{margin-top: .3em;}
/*弹窗-在线咨询*/
.popup-online-service{padding: 50px;background-color: #fff;text-align: center;}
.popup-online-service .pic{width: 150px;height: 150px;}
.popup-online-service .tit{margin-top: 1em;}


/*笔记本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: 80px;}
	header .logo img{max-height: 50px;}
	header .nav-box .nav-1st > li{margin: 0 15px;}
	header .nav-box .nav-1st > li > a{font-size: 16px;line-height: 80px;}
	header .nav-box .nav-1st > li > a:after{height: 3px;}
	header .search-btn{margin-left: 20px;}

	/*footer*/
	footer .top{padding: 15px 0;}
	footer .middle .w1600{padding: 30px 0;}
	footer .logo img{max-height: 40px;}
	footer .links-wrap .item+.item{margin-left: 30px;}
	footer .links-wrap .item .icon{width: 16px;height: 16px;}
	footer .contact-info{line-height: 1.5;}
	footer .contact-info p+p{margin-top: .8em;}
	footer .contact-info p .icon{width: 1.2em;height: 1.2em;margin: .15em .6em 0 0;}
	footer .qrcode-wrap{margin-top: 15px;}
	footer .qrcode-wrap .item+.item{margin-left: 20px;}
	footer .bottom-nav .nav-1st > li+li{margin-left: 40px;}
	footer .bottom-nav .nav-1st > li > a{padding-bottom: 1em;margin-bottom: 1em;}
}

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

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	/*header*/
	header{position: sticky;height: 60px;padding: 0;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
	header > .con-l{margin: 0 10px 0 3%;}
	header > .con-r{margin: 0 60px 0 0;}
	header .logo img{max-width: 200px;max-height: 40px;filter: none;}
	header .menu-btn{display: block;}
	header .nav-box{display: none;}
	header .search-btn{width: 20px;height: 20px;margin-left: 0;background-color: transparent;border: 0;background-size: 90% 90%;filter: brightness(0);}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;}
	
	/*footer*/
	footer .top{padding: 10px 0;}
	footer .middle .w1600{padding: 15px 0;}
	footer .middle .w1600 > .con-l{width: 100%;}
	footer .middle .w1600 > .con-r{width: 100%;}
	footer .bottom{padding: 15px 0 20px;}
	footer .links-wrap .item+.item{margin-left: 15px;}
	footer .contact-info p+p{margin-top: .5em;}
	footer .qrcode-wrap{justify-content: center;}
	footer .bottom-nav{display: none;}
	footer .cr{display: block;width: 100%;font-size: 13px;text-align: center;}
	footer .cr span{display: block;}
	footer .cr span+span{margin-left: 0;}
	footer .friend-links{max-width: 160px;margin: 10px auto 0;}
	footer .friend-links .name{height: 36px;line-height: 34px;}
}