.header{width: 100%;height: 90px;background-color: rgba(255, 255, 255, .7);;position: fixed;top: 0;left: 0;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .1);box-shadow: 0 0 15px rgba(0,0,0,.2);backdrop-filter: blur(5px);transition: all .3s ease-out;}
.header .wrapper{max-width: 92%;height: 100%;display: flex; align-items: center;justify-content: space-between;position: relative;}
.header .logo img{height: 45px;transition: all .3s ease-out;}
.header .right{height: 100%;display: flex;align-items: center;}
.header .nav{height: 100%;display: flex;flex-wrap: wrap;transition: all .3s ease-out;}
.header .nav> li{margin-right: 40px;transition: inherit;}
.header .nav> li> a{height: 100%;font-size: 16px;display:flex;align-items: center;transition: inherit;position: relative;z-index: 1;}
.header .nav> li.on> a,
.header .nav> li> a:hover{color: var(--primary-color);}
.header .nav> li> a::before{content: '';width: 0;height: 4px;background-color: var(--primary-color);opacity: 0;right: 0;left: 0;position: absolute;bottom: 0;display: block;border-radius: 5px;margin: 0 auto;transition: all .3s ease-out;}
.header .nav> li> a:hover::before{opacity: 1;width: 100%;}
.header .nav> li> i.arrow{width: 60px;height: 60px;position:absolute; top:0; right:0;z-index: 2;transition: inherit;display: none;}
.header .nav> li:hover> a i.arrow{transform: rotate(180deg);}
.header .nav .children{position: absolute;top: 90%;left: 0;right: 0;margin: 0 auto;z-index: -1;width: 900px;padding: 30px 40px;background: #f5f5f5;border-top: 1px solid rgba(0,0,0,.1);display: flex;justify-content: space-between;align-items: flex-start;opacity: 0;visibility: hidden;}
.header .nav .children .pics{width: 35%;}
.header .nav .children .pics img{display: none;}
.header .nav .children .pics img:first-child{display: block;}
.header .nav .children .item{width: 65%;padding-left: 50px;display: flex;flex-wrap: wrap;gap: 20px 20px;}
.header .nav .children .item a{width: calc((100% - 40px) / 3);height: auto;border: 1px solid #cecece;border-radius: 0 10px;padding: 10px;text-align: center;line-height: 1.2;font-size: 14px;color: #666;display: flex;align-items: center;justify-content: center;}
.header .nav .children .item a:hover{border-color: var(--primary-color);color: var(--primary-color);}
.header .nav .children{transition: all 0.4s ease-in-out;}
.header .nav> li:hover .children{top: 100%;opacity: 1;visibility: visible;z-index: 9;}

.header .btn{display: flex;align-items: center;}
.header .lang{height: 40px;cursor: pointer;position: relative;}
.header .lang .inner{background-color: #fff;border-radius: 20px;border: 1px solid rgba(0,0,0,.1);}
.header .lang .item{display: flex;align-items: center;padding: 7px 15px 7px 20px;}
.header .lang .item i{font-size: 14px;margin: 0 5px;transition: all .3s ease-out;}
.header .lang .item:hover{color: var(--primary-color);}
.header .lang ul{display: none;padding-bottom: 8px;}
.header .lang ul li a{padding:6px 20px;font-size: 15px;color: #999;display: block;}
.header .lang ul li a:hover{color: var(--primary-color);}
.header .lang.toggle{border-radius: 20px 20px 0 0;transition: all .3s ease-out;}
.header .lang.toggle .inner i{transform: rotate(-180deg);}
.header .lang.toggle ul{border-radius: 0 0 20px 20px;}
.header .tel{display: flex;align-items: center;margin: 0 20px;}
.header .tel svg{margin-right: 5px;}
.header .search{width: 22px;height: 22px;cursor: pointer;}
.header .search:hover svg{fill: var(--primary-color)}

.popup_search .section{width: 500px;background-color: #fff;padding: 50px;font-size: 14px;}
.popup_search .logo{height: 30px;margin: 0 auto;}
.popup_search .layui-form{display: flex;height: 36px;border: 1px solid #ccc;border-radius: 20px;overflow: hidden;}
.popup_search .layui-form .keywords{width: calc(100% - 80px);height: 100%;padding: 0 20px;}
.popup_search .layui-form .submit{width: 80px;background-color: var(--primary-color);color: #fff;text-align: center;}
.popup_search .tips{color: #999;}

.menu_btn{width: 20px;height: 50px;cursor: pointer;display: none;position: relative;}
.menu_btn span{width: 20px;height: 2px;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;will-change: transform;transition: .75s cubic-bezier(.19,1,.22,1);}
.menu_btn span:first-child{transform: translateY(-6px) scaleX(1);transition-delay: .4s;}
.menu_btn span:nth-child(2){transform: scaleX(1);transition-delay: 350ms;}
.menu_btn span:nth-child(3){transform: translateY(6px) scaleX(1);transition-delay: .3s;}
.menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(0);transition-delay: 50ms;}
.menu_btn span:last-child{transform: rotate(-45deg) scaleX(0);transition-delay: 0s;}
.menu_btn.toggle span:first-child{transform: translateY(-6px) scaleX(0);transition-delay: .1s;}
.menu_btn.toggle span:nth-child(2){transform: scaleX(0);transition-delay: 50ms;}
.menu_btn.toggle span:nth-child(3){transform: translateY(6px) scaleX(0);transition-delay: 0s;}
.menu_btn.toggle span:nth-child(4){transform: rotate(45deg) scaleX(1);transition-delay: .3s;}
.menu_btn.toggle span:last-child{transform: rotate(-45deg) scaleX(1);transition-delay: 350ms;}

.footer{background-color: #202020;color: #fff;font-size: 14px;}
.footer .top{padding: 40px 0 30px;}
.footer .top .lf{max-width: 440px;}
.footer h3{font-size: 20px;}
.footer .search{width: 350px;height: 40px;display: flex;}
.footer .search .keywords{background-color: #fff;width: calc(100% - 50px);padding: 0 12px;font-size: 15px;}
.footer .search .submit{width: 50px;height: 100%;background: #fff url(../images/icon_search.png) no-repeat center/18px;border: none;border-left: 1px solid #eee;}
.footer .contact li{display: flex;align-items: center;margin-top: 15px;}
.footer .contact li .icon{height: 18px;margin-right: 10px;}
.footer .nav{flex: 1;margin-left:10%; flex-wrap: nowrap; justify-content: space-between;}
.footer .nav ul{margin-right: 30px;}
.footer .nav ul:last-child{margin-right: 0;}
.footer .nav ul li{color: rgba(255, 255, 255, .6);margin-bottom: 13px;}
.footer .nav ul li:first-child{color: #fff;font-size: 18px;}
.footer .nav ul li:first-child::after{content: '';display: block;width: 1.5em;height: 2px;background-color: #fff;margin-top: 10px;}
.footer .links .type_name{width: 80px;}
.footer .links ul{width: calc(100% - 80px);display: flex;flex-wrap: wrap;gap: 10px 20px;}
.footer .links ul li{color: rgba(255, 255, 255, .6);}
.footer .btm{padding: 15px 0;border-top: 1px solid rgba(255, 255, 255, .3);}

.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:var(--primary-color);z-index:10;display:none}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1;color: #fff;}
.footer-fix li i{display:block;height:20px;margin-bottom:4px}

.fixed_right{position: fixed;top: 50%;right: 10px;transform: translateY(-50%);z-index: 99;box-shadow: 0px 3px 7px #e0e0e0;border-radius: 50px;}
.fixed_right ul li{border-bottom: 1px solid #eee;position: relative;text-align: center;padding: 17px 15px;font-size: 12px;cursor: pointer;background-color: #fff;}
.fixed_right ul li:first-child{border-radius: 30px 30px 0 0;}
.fixed_right ul li:last-child{border-radius: 0 0 30px 30px;}
.fixed_right ul li .main{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);padding-right: 10px;cursor: default;display: none;}
.fixed_right ul li .inner{width: max-content;background-color: #fff;box-shadow: 0px 3px 7px #e0e0e0;padding: 15px;border-radius: 5px;transition: all linear .3s;}
.fixed_right ul li .inner p{font-size: 14px;color: #333;margin: 5px 0;}
.fixed_right ul li .inner a{color: #333;}
.fixed_right ul li:hover{background-color: var(--primary-color);}
.fixed_right ul li:hover *{color: #fff;}
.fixed_right ul li:hover .main{display: block;}

.fixed_btm{display: none;}


@media screen and (min-width: 1280px){
}

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

@media screen and (max-width: 1279px){
	.if_m{display: none;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}
	.mg_t_60{margin-top: 30px;}

	.footer-fix{ display: block;}
	
	.header{height: 60px;}
	.header .logo img{height: 40px;}
    .menu_btn{display: block;}
    .header .nav{display: block;position: fixed;top: 60px;left: 0;z-index: 999;width: 100%;height: 0;overflow: hidden;;background-color: #fff;}
    .header .nav.toggle{height: calc(100vh - 60px);padding: 0 4%;overflow-y: auto;}
	.header .nav> li{width: 100%;margin-right: 0;position: relative;}
	.header .nav> li:first-child{border-top: 0;}
	.header .nav> li> a{height: 60px;line-height: 60px;font-size: 18px;}
	.header .nav> li> a:after{display: none;}
	.header .nav> li> i.arrow{display: flex;justify-content: flex-end;align-items: center;transform: rotate(0deg);}
	.header .nav> li> i.arrow::before{transition: inherit;}
	.header .nav> li> i.rotate::before{transform: rotate(180deg);}
	.header .nav .children{position: static;width: 100%;background: none;box-shadow: none;transform: none;margin-top: 0;padding: 0;opacity: 1;visibility: visible;padding-left: 20px;display: none;transition: none;}
	.header .nav .children .pics{display: none;}
	.header .nav .children .item{width: 100%;padding: 20px 0;}
	.header .nav .children .item a{border: none;padding: 0;width: auto;}
	.header .nav .children ul{width: 100%;flex-wrap: wrap;}
	.header .nav .children li{width: 100%;margin: 0 !important;border-color: #eee;}
	.header .nav .children li:last-child{border: none;}
	.header .nav .children li a{color: #999;text-align: left;padding: 10px 15px 10px 0;}
	.header .search{margin-right: 20px;}

	.footer{margin-bottom: 50px;}
	.footer .top .right ul li.tel a{font-size: 20px;}
	.footer .nav{display: none;}
	.footer .top .right ul li .icon{margin-right: 10px;}
	.footer .top .right ul li.tel a .icon{margin-right: 0;}
	.footer .top .right ul li.tel p{display: none;}
	.footer .contact{width: 100%;}
	.footer .contact ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.footer .form{width: 100%;margin-top: 30px;}
}

@media screen and (max-width: 768px){
	.header .lang{height: 31px;}
	.header .lang .inner{border: none;border-radius: 6px;background: none;}
	.header .lang .item{padding: 0;justify-content: flex-end;}
	.header .lang .item p{display: none;}
	.header .lang .inner i::before{content: '\e7ae';font-size: 23px;}
	.header .lang ul{border: 1px solid rgba(0, 0, 0, .1) !important;padding: 8px 0 !important;border-radius: 6px !important;background-color: #fff;}
	.header .lang.toggle .inner i{transform: none;}
	.header .tel{display: none;}
	.header .search{margin: 0 20px 0 13px;}
	.popup_search .section{width: 100%;padding: 50px 20px;}
	.fixed_right{display: none;}
	
	.fixed_btm{display: flex;position: fixed;bottom: 5px;left: 4%;width: 92%;border-radius: 20px;background-color: #ccc;z-index: 99;}
    .fixed_btm li{width: 25%;}
    .fixed_btm li a{height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;}
    .fixed_btm li:hover{background-color: var(--primary-color);}
}