@charset "utf-8";
@import url("./base.css");
/*header*/
header{z-index: 3;position: sticky;top: 0;background-color: #fff;transition: 0.5s;}
header > .top{height: 40px;background-color: #5DB22A;line-height: 20px;color: #fff;transition: 0.5s;}
header > .top .w1400{display: flex;justify-content: space-between;align-items: center;}
header > .bottom{height: 140px;transition: 0.5s;}
header > .bottom .w1400{display: flex;justify-content: space-between;align-items: center;}
/*logo*/
header .logo{}
header .logo img{max-width: 220px;max-height: 100px;transition: 0.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: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
.nav-box{margin-right: 50px;}
.nav-box .nav-1st{font-size: 0;}
.nav-box .nav-1st > li{position: relative;display: inline-block;vertical-align: top;margin: 0 6px;font-size: 14px;}
.nav-box .nav-1st > li > a{position: relative;display: block;padding: 0 .8em;border: 1px solid transparent;border-radius: 20px;font-size: 18px;line-height: 38px;transition: 0.5s;}
.nav-box .nav-1st > li:hover > a{border-color: #5DB22A;}
.nav-box .nav-1st > li.on > a{border-color: #5DB22A;color: #5DB22A;}
.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 0 10px rgba(0,0,0,.1);}
.nav-box .nav-2nd > li{position: relative;}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;}
.nav-box .nav-2nd > li > a:before{content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #5DB22A;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{color: #5DB22A;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
/*其他链接*/
header .other-links{font-size: 0;}
header .other-links a{display: inline-block;vertical-align: top;margin-left: 40px;font-size: 16px;color: #fff;transition: 0.3s;}
header .other-links a:first-child{margin-left: 0;}
header .other-links a .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .6em 0 0;}
header .other-links a:hover{transform: translateY(-.3em);}
/*搜索按钮*/
header .search-btn{position: absolute;right: 0;top: 50%;width: 40px;height: 40px;border-radius: 50%;background: #5DB22A url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 50% 50%;cursor: pointer;transform: translateY(-50%);transition: 0.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: #5DB22A url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 20px 20px;}
/*头部-页面滚动样式*/
header.fixed{box-shadow: 0 2px 8px rgba(0,0,0,.1);}
header.fixed > .top{height: 0;overflow: hidden;}
header.fixed > .bottom{height: 80px;}
header.fixed .logo img{max-width: 140px;max-height: 60px;}

/*footer*/
footer{position: relative;background-color: #5DB22A;color: #fff;}
footer .top{padding: 40px 0;}
footer .top .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .top .w1400 > .con-l{width: 50%;}
footer .top .w1400 > .con-r{width: 45%;}
footer .bottom{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.4);}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/*logo*/
footer .logo img{max-width: 220px;max-height: 100px;filter: brightness(0) invert(1);}
/*简介*/
footer .brief{margin-top: 30px;line-height: 2;}
/*二维码*/
footer .qrcode-box{display: flex;}
footer .qrcode-box .item{margin-left: 20px;text-align: center;}
footer .qrcode-box .item:first-child{margin-left: 0;}
footer .qrcode-box .item .pic{width: 100px;}
footer .qrcode-box .item .tit{margin-top: 10px;line-height: 20px;}
/*版权*/
footer .cr{line-height: 20px;}
footer .cr span{display: inline-block;vertical-align: top;margin: 0 10px;}
footer .cr a{color: #fff;transition: 0.3s;}
footer .cr .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .25em 0 0;}
footer .cr a:hover{text-decoration: underline;}

/*右侧悬浮栏*/
.float-nav-wrap{z-index: 2;position: fixed;right: 10px;bottom: 20px;}
.float-nav-wrap .item{position: relative;display: block;width: 60px;height: 60px;margin-top: 10px;background-color: #fff;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 10px rgba(0,0,0,.2);transition: 0.5s;}
.float-nav-wrap .item:first-child{margin-top: 0;}
.float-nav-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50%;height: 50%;margin: auto;}
.float-nav-wrap .item .hidden-wrap{display: none;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);padding-right: 10px;}
.float-nav-wrap .item .hidden-wrap > .content{padding: 5px;background-color: #fff;border-radius: 4px;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
.float-nav-wrap .item .hidden-wrap .qrcode{text-align: center;}
.float-nav-wrap .item .hidden-wrap .qrcode .pic{max-width: 140px;}
.float-nav-wrap .item .hidden-wrap .qrcode .tit{font-size: 14px;line-height: 20px;white-space: nowrap;}
.float-nav-wrap .item .hidden-wrap .tips{padding: 5px;white-space: nowrap;}
.float-nav-wrap .item:hover{background-color: #5DB22A;}
.float-nav-wrap .item:hover .icon{filter: brightness(0) invert(1);}
.float-nav-wrap .item:hover .hidden-wrap{display: block;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	/*header*/
	header > .top{height: 30px;font-size: 14px;}
	header > .bottom{height: 100px;}
	header .logo img{max-width: 200px;max-height: 70px;}
	.nav-box{margin-right: 50px;}
	.nav-box .nav-1st > li > a{font-size: 16px;}
	header .other-links a{font-size: 14px;}
	
	/*右侧悬浮栏*/
	.float-nav-wrap{right: 5px;bottom: 10px;}
	.float-nav-wrap .item{width: 40px;height: 40px;margin-top: 5px;}
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*header*/
	.nav-box .nav-1st > li > a{padding: 0 .6em;}
	
	/*footer*/
	footer .top{padding: 30px 0 20px;}
	footer .qrcode-box .item .pic{width: 80px;height: 80px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*header*/
	header .logo img{max-width: 160px;max-height: 60px;}
	.nav-box .nav-1st > li > a{padding: 0 .4em;font-size: 14px;line-height: 30px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	/*header*/
	header > .top{display: none;}
	header > .bottom{height: 60px;}
	/*logo*/
	header .logo img{max-width: 160px;max-height: 40px;}
	/*移动端导航按钮*/
	header .menu-btn{display: block;}
	/*导航*/
	.nav-box{display: none;}
	/*搜索按钮*/
	header .search-btn{right: 40px;width: 30px;height: 30px;}
	/*头部-页面滚动样式*/
	header.fixed > .bottom{height: 60px;}
	header.fixed .logo img{max-width: 160px;max-height: 40px;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;}
	
	/*footer*/
	footer .top{padding: 15px 0;}
	footer .top .w1400 > .con-l{width: 100%;}
	footer .top .w1400 > .con-r{width: 100%;margin-top: 10px;}
	footer .bottom{padding: 15px 0;}
	/*logo*/
	footer .logo img{display: none;}
	/*简介*/
	footer .brief{margin-top: 0;line-height: 1.6;}
	/*二维码*/
	footer .qrcode-box{justify-content: center;}
	footer .qrcode-box .item .pic{width: 80px;height: 80px;}
	footer .qrcode-box .item .tit{margin-top: 5px;}
	/*版权*/
	footer .cr{width: 100%;font-size: 13px;text-align: center;}
	footer .cr span{display: block;margin: 0;}
}