@charset "utf-8";
@import url("/theme/default/css/base.css");
/*header*/
header{z-index: 2;position: sticky;left: 0;right: 0;top: 0;height: 100px;background-color: #930000;transition: 0.5s;}
/*logo*/
header .logo{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);}
header .logo img{max-width: 220px;max-height: 50px;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: #fff;transition: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
.nav-box{position: absolute;right: 480px;bottom: 0;transition: 0.5s;}
.nav-box .nav-1st{font-size: 0;}
.nav-box .nav-1st > li{position: relative;display: inline-block;vertical-align: top;margin: 0 18px;font-size: 14px;}
.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: 50%;top: calc(50% + 1em);width: 40px;height: 12px;margin-left: -20px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM4IDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM3IDFjLTQuMTQxIDQuMTYxLTEwLjY4NSA2Ljg0OC0xOC4wNSA2Ljg0OC03LjMwNiAwLTEzLjgwNC0yLjY0NC0xNy45NS02Ljc0OSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+');background-size: 100% 100%;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;}
.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: #fff;border-radius: 4px;transform: translateX(-50%);box-shadow: 0 4px 20px rgba(0,0,0,.15);}
.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: 0;bottom: 0;width: 3px;background-color: #930000;transform: scaleY(0);transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{color: #930000;}
.nav-box .nav-2nd > li > a:hover::before{transform: scaleY(1);}
@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: 0;top: 0;width: 100px;height: 100px;background: #C09657 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 20% 20%;cursor: pointer;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: #930000 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iLjAxIiBkPSJNLjUuNWgxOXYxOUguNXoiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iOSIgY3k9IjkiIHI9IjgiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTVsNCA0Ii8+PC9nPjwvc3ZnPg==') center no-repeat;background-size: 20px 20px;}
/*快速链接栏*/
header .fast-link-wrap{position: absolute;right: 100px;top: 0;display: flex;height: 100px;padding: 0 .8em;border-left: 1px solid rgba(255,255,255,.4);transition: 0.5s;}
header .fast-link-wrap .item{display: flex;align-items: center;height: 100%;padding: 0 1em;font-size: 16px;color: #fff;}
header .fast-link-wrap .item .icon{width: 14px;height: 14px;margin: 0 .4em 0 0;}
/*头部-页面转动样式*/
header.fixed{height: 80px;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
header.fixed .logo img{max-width: 180px;max-height: 40px;}
header.fixed .nav-box{right: 410px;}
header.fixed .nav-box .nav-1st > li > a{line-height: 80px;}
header.fixed .search-btn{width: 80px;height: 80px;}
header.fixed .fast-link-wrap{right: 80px;height: 80px;}
header.fixed .fast-link-wrap .item{padding: 0 .5em;}

/*footer*/
footer{position: relative;background-color: #930000;color: #fff;overflow: hidden;}
footer .top{}
footer .top .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 60px 0;}
footer .middle{border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.3);}
footer .middle .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 50px 0;}
footer .bottom{}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 20px 0;}
/*logo*/
footer .logo-wrap{display: block;white-space: nowrap;} 
footer .logo-wrap img{max-width: 220px;max-height: 50px;}
/*声誉问题*/
footer .honor-title-wrap{display: flex;}
footer .honor-title-wrap a{display: block;margin-left: 40px;}
footer .honor-title-wrap a:first-child{margin-left: 0;}
/*联系信息列表*/
footer .contact-info-list{}
footer .contact-info-list li{line-height: 1.5;}
footer .contact-info-list li .phone{font-size: 40px;}
footer .contact-info-list li .phone .icon{vertical-align: middle;width: 40px;height: 40px;margin: -.25em .2em 0 0;}
/*分享*/
footer .share-wrap{margin-top: 100px;}
footer .share-wrap .item{position: relative;width: 36px;height: 36px;background-color: rgba(255,255,255,.3);margin-left: 25px;border: 0;}
footer .share-wrap .item .icon{filter: brightness(0) invert(1);}
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);}
/*底部导航*/
footer .bottom-nav{}
footer .bottom-nav .nav-1st{font-size: 0;}
footer .bottom-nav .nav-1st > li{display: inline-block;vertical-align: top;max-width: 4em;margin-left: 50px;font-size: 18px;}
footer .bottom-nav .nav-1st > li:first-child{margin-left: 0;}
footer .bottom-nav .nav-1st > li > a{display: block;margin-bottom: 20px;font-size: 18px;line-height: 1;font-weight: bold;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: 15px;}
footer .bottom-nav .nav-2nd > li > a{display: block;font-size: 16px;line-height: 20px;color: rgba(255,255,255,.8);transition: 0.3s;}
footer .bottom-nav .nav-2nd > li > a:hover{color: #fff;transform: translateY(-.2em);}
/*版权*/
footer .cr{line-height: 20px;color: rgba(255,255,255,.6);}
footer .cr span{display: inline-block;vertical-align: top;margin-left: .6em;}
footer .cr span:first-child{margin-left: 0;}
footer .cr a{color: rgba(255,255,255,.6);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;color: #fff;}

/*QQ在线联系*/
.qq-contact{z-index: 1;position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 1em;padding: 3em 1em 1em;background-color: #930000;border-radius: 12px 0 0 12px;font-size: 16px;text-align: center;word-break: break-all;color: #fff;}
.qq-contact .icon{position: absolute;left: 50%;top: 1em;width: 24px;height: 24px;border: 1px solid #fff;border-radius: 50%;transform: translateX(-50%);}
.qq-contact .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60%;height: 60%;margin: auto;filter: brightness(0) invert(1);}


/*条记本1920*1080显示放大比例为125%，，，现实区分率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	/*header*/
	.nav-box{right: 450px;}
	.nav-box .nav-1st > li{margin: 0 15px;}
	header .fast-link-wrap{padding: 0 .5em;}
	header .fast-link-wrap .item{padding: 0 .5em;}
}

/*中屏PC，，，区分率1366*/
@media screen and (max-width: 1440px){
	/*header*/
	header .logo img{max-width: 200px;max-height: 44px;}
	.nav-box{right: 410px;}
	.nav-box .nav-1st > li{margin: 0 10px;}
	.nav-box .nav-1st > li > a{font-size: 14px;}
	header .fast-link-wrap .item{font-size: 14px;}
	header.fixed .nav-box{right: 380px;}

	/*footer*/
	footer .top .w1400{padding: 30px 0;}
	footer .middle .w1400{padding: 30px 0;}
	footer .logo-wrap img{max-width: 180px;max-height: 40px;}
	footer .honor-title-wrap a{max-width: 180px;margin-left: 20px;}
	footer .contact-info-list li .phone{font-size: 30px;}
	footer .contact-info-list li .phone .icon{width: 30px;height: 30px;}
	footer .share-wrap{margin-top: 50px;}
	footer .bottom-nav .nav-1st > li{margin-left: 30px;}
	footer .bottom-nav .nav-1st > li > a{margin-bottom: 15px;font-size: 16px;}
	footer .bottom-nav .nav-2nd > li{margin-top: 10px;}
	footer .bottom-nav .nav-2nd > li > a{font-size: 14px;}
}

/*小屏PC，，，区分率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，，，区分率1024*/
@media screen and (max-width: 1024px){
	header{height: 80px;}
	header .logo img{max-width: 180px;max-height: 40px;}
	header .nav-box{right: 190px;}
	.nav-box .nav-1st > li{margin: 0 6px;}
	.nav-box .nav-1st > li > a{line-height: 80px;}
	header .search-btn{width: 80px;height: 80px;}
	header .fast-link-wrap{right: 80px;height: 80px;flex-direction: column;justify-content: center;}
	header .fast-link-wrap .item{height: 20px;}
	header .fast-link-wrap .item .icon{width: 12px;height: 12px;}
	header.fixed .nav-box{right: 190px;}

	/*footer*/
	footer .bottom-nav .nav-1st > li{margin-left: 20px;}
}

/*phone和pad竖屏，，，区分率820*/
@media screen and (max-width: 820px){
	/*header*/
	header{position: sticky;top: 0;height: 60px;}
	header .logo{left: 3%;}
	header .logo img{max-width: 160px;max-height: 36px;}
	header .menu-btn{display: block;right: 3%;}
	.nav-box{display: none;}
	header .search-btn{right: calc(3% + 40px);top: 50%;width: 20px;height: 20px;background-color: transparent;background-size: 100% 100%;transform: translateY(-50%);}
	header .fast-link-wrap{display: none;}
	header.fixed{height: 60px;}
	header.fixed .logo img{max-width: 160px;max-height: 36px;}
	header.fixed .search-btn{width: 20px;height: 20px;background-color: transparent;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 14px;height: 14px;margin: -.25em .4em 0 0;filter: brightness(0) invert(.5);}

	/*footer*/
	footer .top .w1400{justify-content: center;padding: 20px 0;}
	footer .top .w1400 > .con-r{margin-top: 15px;}
	footer .middle .w1400{justify-content: center;padding: 20px 0;}
	footer .bottom .w1400{padding: 10px 0;}
	footer .logo-wrap img{max-width: 140px;max-height: 30px;}
	footer .honor-title-wrap a{max-width: 140px;margin-left: 10px;}
	footer .contact-info-list{text-align: center;}
	footer .contact-info-list li .phone{font-size: 24px;}
	footer .contact-info-list li .phone .icon{width: 24px;height: 24px;}
	footer .share-wrap{margin-top: 20px;text-align: center;}
	footer .bottom-nav{display: none;}
	footer .cr{width: 100%;font-size: 13px;text-align: center;}
	footer .cr span{width: 100%;margin: 0;}

	/*QQ在线联系*/
	.qq-contact{padding: 2em .6em .6em;border-radius: 6px 0 0 6px;font-size: 14px;line-height: 1.2;}
	.qq-contact .icon{top: .5em;width: 16px;height: 16px;}
}<!--耗时1751464327.962秒-->