@charset "utf-8";
@import url("./base.css");
/*header*/
header{z-index: 3;position: fixed;left: 0;right: 0;top: 0;height: 100px;transition: 0.5s;}
header::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;height: 200%;background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0));pointer-events: none;}
/*logo*/
header .logo{z-index: 2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
header .logo img{max-width: 160px;max-height: 42px;filter: brightness(0) invert(1);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{position: absolute;right: 150px;top: 0;}
.nav-box .nav-1st{}
.nav-box .nav-1st > li{position: relative;float: left;margin: 0 30px;}
.nav-box .nav-1st > li > a{position: relative;display: block;font-size: 16px;line-height: 100px;color: #fff;transition: 0.5s;}
.nav-box .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: currentColor;animation: menu_fill_left_out 0.3s cubic-bezier(.7,0,.3,1) forwards;}
.nav-box .nav-1st > li:hover > a:after{animation: menu_fill_left_in 0.3s cubic-bezier(.7,0,.3,1) forwards;}
.nav-box .nav-1st > li.on > a{font-weight: bold;color: #fff;}
.nav-box .nav-1st > li.on > a:after{animation: none;}
.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%);}
.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;color: #fff;}
.nav-box .nav-2nd > li > a:before{content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #005E31;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
.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{position: absolute;right: 80px;top: 50%;width: 20px;height: 20px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI5Ii8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTYuNjY3IDE2LjY2N0wxOSAxOSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;cursor: pointer;transform: translateY(-50%);filter: brightness(0) invert(1);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: #005E31 url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*语言选择*/
header .language-select{position: absolute;right: 0;top: 50%;cursor: pointer;transform: translateY(-50%);}
header .language-select .icon{width: 20px;height: 20px;filter: brightness(0) invert(1);transition: 0.5s;}
header .language-select .name{position: relative;font-size: 18px;line-height: 20px;color: #fff;}
header .language-select .list{position: absolute;left: 50%;min-width: 100px;padding-top: 20px;border-radius: 5px;transform: translateX(-50%) scaleY(0);transform-origin: top;}
header .language-select .list li a{display: block;padding: 10px;background-color: #fff;line-height: 16px;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.3s;}
header .language-select .list li a:hover{color: #005E31;}
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: 0.3s;}
/*头部-页面滚动样式*/
header.fixed{background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
header.fixed::before{display: none;}
header.fixed .logo img{filter: none;}
header.fixed .nav-box .nav-1st > li > a{color: #333;}
header.fixed .nav-box .nav-1st > li:hover > a{color: #005E31;}
header.fixed .nav-box .nav-1st > li.on > a{color: #005E31;}
header.fixed .search-btn{filter: none;}
header.fixed .language-select .icon{filter: none;}

/*footer*/
footer{background: #2C2C2C url(../images/footer_bg.jpg) center no-repeat;background-size: cover;color: #fff;overflow: hidden;}
footer .top{}
footer .top .w1400{display: flex;justify-content: space-between;align-items: center;padding: 50px 0 60px;}
footer .bottom{}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;border-top: 1px solid rgba(255,255,255,.3);}
/*公司简介*/
footer .company-brief{width: 40%;text-align: center;}
footer .company-brief .logo-wrap{}
footer .company-brief .logo-wrap .logo{max-width: 200px;max-height: 70px;filter: brightness(0) invert(1);}
footer .company-brief .logo-wrap .tit{margin: 10px 0 20px;line-height: 1;}
footer .company-brief .brief{line-height: 1.6;text-align: justify;}
/*底部导航*/
footer .bottom-nav{}
footer .bottom-nav .nav-1st{font-size: 0;}
footer .bottom-nav .nav-1st > li{display: inline-block;vertical-align: top;margin-left: 100px;font-size: 14px;}
footer .bottom-nav .nav-1st > li:first-child{margin-left: 0;}
footer .bottom-nav .nav-1st > li > a{display: block;margin-bottom: 25px;font-size: 16px;line-height: 20px;color: #fff;transition: 0.3s;}
footer .bottom-nav .nav-1st > li > a:hover{transform: translateY(-.2em);}
footer .bottom-nav .nav-2nd{}
footer .bottom-nav .nav-2nd > li{margin-top: 20px;}
footer .bottom-nav .nav-2nd > li > a{display: block;line-height: 20px;color: #fff;opacity: .6;transition: 0.3s;}
footer .bottom-nav .nav-2nd > li > a:hover{opacity: 1;}
/*版权*/
footer .cr{line-height: 20px;text-align: center;}
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{color: #005E31;text-decoration: underline;}
/*友情链接*/
footer .friend-links{position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 240px;}
footer .friend-links .name{background-color: #fff;border: 0;border-radius: 4px;color: #666;}
/*分享*/
footer .share-wrap{margin-top: 40px;}
footer .share-wrap .item{position: relative;width: 50px;height: 50px;margin-left: 40px;}
footer .share-wrap .item .hidden-wrap{position: absolute;left: 50%;bottom: 100%;padding-bottom: 10px;transform: translateX(-50%) scale(0);transform-origin: bottom;transition: 0.3s;}
footer .share-wrap .item .hidden-wrap img{max-width: none;width: 100px;height: 100px;}
footer .share-wrap .item .hidden-wrap .info{padding: 10px;background-color: #fff;white-space: nowrap;color: #005E31;}
footer .share-wrap .item:hover .hidden-wrap{box-shadow: 0 0 10px rgba(0,0,0,.1);transform: translateX(-50%) scale(1);}

/*右侧悬浮栏*/
.float-nav-wrap{z-index: 2;position: fixed;right: 0;bottom: 0;}
.float-nav-wrap .item{position: relative;display: block;width: 80px;box-sizing: border-box;padding: 12px 0;margin-top: 8px;background-color: #fff;border: 1px solid #005E31;text-align: center;color: #005E31;transition: 0.3s;}
.float-nav-wrap .item:first-child{margin-top: 0;}
.float-nav-wrap .item .icon{display: inline-block;vertical-align: top;width: 24px;height: 24px;}
.float-nav-wrap .item .name{margin-top: 4px;font-size: 14px;line-height: 20px;}
.float-nav-wrap .item .hidden-wrap{display: none;position: absolute;right: calc(100% + 5px);top: 50%;transform: translateY(-50%);}
.float-nav-wrap .item .hidden-wrap > .content{padding: 5px;background-color: #fff;border: 1px solid #f1f1f1;box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.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:hover{background-color: #005E31;color: #fff;}
.float-nav-wrap .item:hover .icon{filter: brightness(0) invert(1);}
.float-nav-wrap .item:hover .hidden-wrap{display: block;}

/*弹窗-投递意向*/
.popup-message-form{}
.popup-message-form > .title{height: 70px;padding: 0 30px;margin-bottom: 0;background: #005E31 url(../images/message_form_title_bg.jpg) center no-repeat;background-size: cover;font-size: 18px;line-height: 70px;color: #fff;}
.popup-message-form > .title .icon{margin: -.1em 1em 0 0;filter: brightness(0) invert(1);}
.popup-message-form > .content{padding: 25px 30px 40px;background-color: #EBF0F5;}
.popup-message-form .row{padding: 0 20px;background-color: #fff;border-radius: 4px;}
.popup-message-form .row .name{flex: auto;white-space: nowrap;position: relative;padding: 15px 10px 15px 30px;color: #888;}
.popup-message-form .row .name .icon{position: absolute;left: 0;top: 50%;width: 16px;height: 16px;margin-top: -8px;opacity: .5;}
.popup-message-form input{height: 50px;background-color: transparent;border: 0;}
.popup-message-form textarea{padding: 10px 0;border: 0;}
.popup-message-form .yzm-area .btn{height: 50px;}
.popup-message-form .yzm-area .pic{height: 50px;}
.popup-message-form .btns-area{display: flex;justify-content: center;margin-top: 40px;}
.popup-message-form .btns-area .btn{flex: 0 0 40%;height: 50px;background-color: transparent;border-radius: 25px;border-color: #005E31;line-height: 48px;color: #005E31;}
.popup-message-form .btns-area .btn:hover{background-color: #005E31;color: #fff;}


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

/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	/*header*/
	.nav-box .nav-1st > li > a{font-size: 16px;}
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	/*header*/
	.nav-box .nav-1st > li{margin: 0 20px;}
	
	/*footer*/
	footer .bottom-nav .nav-1st > li{margin-left: 80px;}
	footer .share-wrap .item{margin-left: 20px;}
}

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

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	header{position: sticky;height: 60px;background-color: #fff;}
	header::before{display: none;}
	/*logo*/
	header .logo img{max-width: 200px;max-height: 30px;filter: none;}
	/*移动端导航按钮*/
	header .menu-btn{display: block;}
	/*导航*/
	.nav-box{display: none;}
	/*搜索按钮*/
	header .search-btn{right: 50px;filter: none;}
	/*语言选择*/
	header .language-select{display: none;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;}
	
	/*footer*/
	footer .top .w1400{padding: 20px 0;}
	footer .bottom .w1400{flex-wrap: wrap;padding: 15px 0 20px;}
	/*公司简介*/
	footer .company-brief{width: 100%;}
	footer .company-brief .logo-wrap .logo{max-height: 30px;}
	footer .company-brief .logo-wrap .tit{margin: 10px 0;}
	/*底部导航*/
	footer .bottom-nav{display: none;}
	/*版权*/
	footer .cr span{margin: 0 5px;}
	/*友情链接*/
	footer .friend-links{position: static;transform: translateY(0);max-width: 200px;margin: 15px auto 0;}
	/*分享*/
	footer .share-wrap{margin-top: 10px;}
	footer .share-wrap .item{width: 40px;height: 40px;margin-left: 25px;}
	
	/*右侧悬浮栏*/
	.float-nav-wrap .item{width: 50px;padding: 8px 10px;}
	.float-nav-wrap .item .icon{width: 20px;height: 20px;}
	.float-nav-wrap .item .name{;margin-top: 0;font-size: 12px;line-height: 16px;}
	.float-nav-wrap .item .hidden-wrap .qrcode .pic{max-width: 100px;}
	
	/*弹窗-投递意向*/
	.popup-message-form > .title{height: 40px;padding: 0 15px;font-size: 14px;line-height: 40px;color: #fff;}
	.popup-message-form > .content{padding: 15px 15px 20px;}
	.popup-message-form .row{padding: 0;margin-bottom: 15px;}
	.popup-message-form .row .name{padding: 10px;}
	.popup-message-form .row .name .icon{display: none;}
	.popup-message-form input{height: 40px;}
	.popup-message-form textarea{padding: 10px;}
	.popup-message-form .yzm-area .btn{height: 40px;}
	.popup-message-form .yzm-area .pic{flex: 0 0 100px;height: 40px;}
	.popup-message-form .btns-area{margin-top: 15px;}
	.popup-message-form .btns-area .btn{flex: 0 0 60%;height: 40px;line-height: 38px;}
}