@charset "utf-8";
@import url("./base.css");
.popup-top-search{display:none;}
.popup-top-search.layui-layer-wrap{display:block;}
header{}
header > .top{height: 100px;background: #fff url(../images/header_bg.jpg) center no-repeat;background-size: cover;}
header > .top > .w1600{display: flex;justify-content: space-between;align-items: center;}
header > .bottom{background-color: #00685D;}

header .logo-wrap{display: flex;align-items: center;}
header .logo-wrap img{display: block;max-width: 280px;max-height: 68px;}
header .logo-wrap span{display: flex;flex-direction: column;padding-left: .6em;margin-left: .6em;border-left: 1px solid rgba(0,104,93,.3);font-size: 26px;line-height: 1.2;font-weight: bold;color: #00685D;white-space: nowrap;}
header .logo-wrap span .cn{margin-bottom: .2em;}
header .logo-wrap span .en{font-size: 12px;font-weight: normal;transform-origin: left;transform: scale(.82);}

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{padding: 0 35px;}
header .nav-box .nav-1st{display: flex;justify-content: space-between;}
header .nav-box .nav-1st > li{position: relative;display: inline-block;vertical-align: top;}
header .nav-box .nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 46px;color: #fff;white-space: nowrap;transition: .5s;}
header .nav-box .nav-1st > li > a::after{content: '';position: absolute;left: .3em;right: .3em;bottom: 0;height: 2px;background-color: currentColor;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;}
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: 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: #00685D;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a:hover{color: #00685D;}
header .nav-box .nav-2nd > li > a:hover::before{transform: scaleY(1);}

header .home-btn{position: absolute;right: 200px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;font-size: 18px;font-weight: bold;color: #00685D;}
header .home-btn .icon{width: 24px;height: 24px;margin-right: .4em;}

header .search-wrap{position: relative;width: 180px;height: 40px;box-sizing: border-box;border: 1px solid #00685D;border-radius: 20px;overflow: hidden;}
header .search-wrap .text-input,.text-input{box-sizing: border-box;width: 100%;height: 100%;padding: 0 50px 0 20px;background-color: rgba(255,255,255,.5);color: #00685D;}
header .search-wrap .text-input::-webkit-input-placeholder,.text-input::-webkit-input-placeholder{color: #00685D;}
header .search-wrap .sub-btn,.sub-btn{position: absolute;right: 20px;top: 50%;width: 16px;height: 16px;transform: translateY(-50%);background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44ODEgOS4wNzljLjAyOC4wMi4wNTYuMDQxLjA4LjA2N2wzLjE1NiAzLjE0NmEuNTU3LjU1NyAwIDAgMS0uNzg4Ljc4NUw5LjE3MyA5LjkzMWEuNTQuNTQgMCAwIDEtLjA2Ni0uMDggNS41NiA1LjU2IDAgMCAxLTMuNTM0IDEuMjZDMi40OTUgMTEuMTExIDAgOC42MjQgMCA1LjU1NiAwIDIuNDg3IDIuNDk1IDAgNS41NzMgMGMzLjA3NyAwIDUuNTcyIDIuNDg3IDUuNTcyIDUuNTU2YTUuNTIgNS41MiAwIDAgMS0xLjI2NCAzLjUyM3pNNS41NzMgMTBhNC40NTEgNC40NTEgMCAwIDAgNC40NTgtNC40NDRBNC40NTEgNC40NTEgMCAwIDAgNS41NzMgMS4xMWE0LjQ1MSA0LjQ1MSAwIDAgMC00LjQ1OCA0LjQ0NUE0LjQ1MSA0LjQ1MSAwIDAgMCA1LjU3MyAxMHoiIGZpbGw9IiMwMDY4NUQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==') center no-repeat;background-size: 100% 100%;}


header .phone-search-btn{display: none;position: absolute;right: 40px;top: 50%;width: 20px;height: 20px;transform: translateY(-50%);background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 100% 100%;cursor: pointer;filter: brightness(0);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: #00685D url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 20px 20px;}


footer{position: relative;background: #2A685D url(../images/footer_bg.jpg) center no-repeat;background-size: cover;color: #fff;overflow: hidden;}
footer .top{}
footer .top .w1600{display: flex;justify-content: center;padding: 40px 0;}
footer .middle{background-color: #024D45;}
footer .middle .w1600{display: flex;justify-content: center;align-items: center;padding: 30px 0 0;}
footer .bottom{background-color: #024D45;}
footer .bottom .w1600{display: flex;justify-content: center;align-items: center;padding: 30px 0;}

footer .logo-wrap{display: flex;align-items: center;}
footer .logo-wrap img{display: block;max-width: 280px;max-height: 68px;filter: brightness(0) invert(1);}
footer .logo-wrap span{display: flex;flex-direction: column;padding-left: .6em;margin-left: .6em;border-left: 1px solid rgba(255,255,255,.2);font-size: 26px;line-height: 1.2;font-weight: bold;color: #fff;white-space: nowrap;}
footer .logo-wrap span .cn{margin-bottom: .2em;}
footer .logo-wrap span .en{font-size: 12px;font-weight: normal;transform-origin: left;transform: scale(.82);}

footer .bottom-nav .nav-1st{display: flex;justify-content: center;}
footer .bottom-nav .nav-1st > li{margin: 0 1.5em;}
footer .bottom-nav .nav-1st > li > a{display: block;font-size: 18px;line-height: 1;color: #fff;transition: .3s;}
footer .bottom-nav .nav-1st > li > a:hover{transform: translateY(-.2em);}
footer .bottom-nav .nav-2nd > li{margin-top: .5em;}
footer .bottom-nav .nav-2nd > li > a{display: block;line-height: 20px;color: #fff;opacity: .6;transition: .3s;}
footer .bottom-nav .nav-2nd > li > a:hover{opacity: 1;transform: translateY(-.2em);}

footer .cr{font-size: 14px;line-height: 16px;}
footer .cr span{display: inline-block;vertical-align: top;padding: 0 .8em;border-left: 1px solid #aaa;}
footer .cr span:first-child{border-left: 0;}
footer .cr a{color: #fff;transition: .3s;}
footer .cr .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .25em 0 0;}
footer .cr a:hover{text-decoration: underline;}


#fixed-window{z-index: 10;position: fixed;left: 0;top: 0;width: 320px;background-color: #fff;}
#fixed-window .close-btn{position: absolute;right: 0;top: 0;width: 20px;height: 20px;font-size: 20px;line-height: 16px;text-align: center;cursor: pointer;transition: .3s;}
#fixed-window .close-btn:hover{transform: rotate(180deg);}
#fixed-window img{display: inline-block;vertical-align: top;}



@media screen and (max-width: 1550px){
	
}


@media screen and (max-width: 1440px){
	
	header .nav-box{padding: 0 20px;}
	header .nav-box .nav-1st > li > a{font-size: 16px;}

	
	footer .bottom-nav .nav-1st > li{margin: 0 1em;}
	footer .bottom-nav .nav-1st > li > a{font-size: 16px;}
}


@media screen and (max-width: 1300px){
	
}


@media screen and (max-width: 1024px){
	
	header{z-index: 2;position: sticky;top: 0;height: 60px;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
	header > .top{position: sticky;top: 0;height: 100%;}
	header > .bottom{display: none;}
	header .logo-wrap img{max-width: 100px;max-height: 30px;}
	header .logo-wrap span{padding-left: .4em;margin-left: .4em;font-size: 13px;}
	header .logo-wrap span .cn{margin-bottom: -.2em;}
	header .logo-wrap span .en{transform: scale(.4);}
	header .menu-btn{display: block;}
	header .nav-box{display: none;}
	header .home-btn{right: 70px;font-size: 14px;}
	header .home-btn .icon{width: 16px;height: 16px;margin-right: .2em;}
	header .search-wrap{display: none;}
	header .phone-search-btn{display: block;}
	
	.mm-menu .icon{vertical-align: middle;width: 14px;height: 14px;margin: -.25em .4em 0 0;filter: brightness(0) invert(.5);}

	
	footer .top{display: none;}
	footer .middle{display: none;}
	footer .bottom .w1600{padding: 15px 0;}
	footer .cr{font-size: 13px;text-align: center;}
	footer .cr span{display: block;padding: 0;margin: .4em 0;border-left: 0;}
	footer .cr .icon{width: 14px;height: 14px;}
}


@media screen and (max-width: 820px){
	
}