.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}

.space{padding-top: 6vh !important;padding-bottom: 6vh !important;}

.header{position: fixed;top: 50px;left: 2%;z-index: 999;padding: 0 40px;width: 96%;height: 80px;border-radius: 20px;box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);display: flex;justify-content: space-between;align-items: center;background: rgba(255, 255, 255, .6);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);transition: all .3s ease-out;}
.header.fixedTop{top: 0;left: 0;border-radius: 0;width: 100%;}
.header .logo img{max-height: 50px;display: block;}

.header .main_right{align-items: center;height: 100%;}

.header .nav> li{transition: all .3s ease-out;}
.header .nav> li> a{line-height: 80px;transition: inherit;display: block;position: relative;z-index: 1;padding: 0 30px;}
.header .nav> li> a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--primary-color);transform: skewX(-15deg);z-index: -1;opacity: 0;transition: inherit;}
.header .nav .children{position: absolute;top:100%;left: 0;z-index: 3;width: 100%;background-color: #f6f6f6;border-radius: 20px;box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);display: none;}
.header .nav .children .wrapper{max-height: 60vh;overflow-y: auto;}
.header .nav a:hover{color: var(--primary-color);}
.header .nav> li> a:hover{color: #fff;}
.header .nav> li> a:hover::before{opacity: 1;}

.header .nav> li:hover> a i{transform: rotate(180deg);}

.header .nav .icon{width: 30px;height: 30px;object-fit: contain;margin-right: 10px;}
.header .nav .left{width: 30%;padding: 50px 0 50px 50px;}
.header .nav .left.tab ul li a{display: flex;align-items: center;padding: 15px 15px 15px 50px;border-left: 4px solid transparent;transition: all .3s ease-out;}
.header .nav .left.tab ul li.on a{border-left-color: var(--primary-color);background-color: #fbfbfb;color: var(--primary-color);}
.header .nav .right{width: 70%;padding: 50px;}

.header .nav .c1{padding: 30px;}
.header .nav .c1 .section{justify-content: center;}
.header .nav .c1 .section a{display: flex;align-items: center;margin: 0 20px;}

.header .nav .c2{padding: 50px 0 80px;}
.header .nav .c2::after{content: '';display: block;position: absolute;top: 0;right: 0;width: 70%;height: 100%;background: rgba(251, 251, 251, 1);z-index: -1;border-radius: 0 20px 20px 0;}
.header .nav .c2 .right{padding: 50px;}
.header .nav .c2 .right ul{display: none;flex-wrap: wrap;}
.header .nav .c2 .right ul.on{display: flex;}
.header .nav .c2 .right ul li{width: 33.333%;padding: 20px 50px;text-align: center;}
.header .nav .c2 .right ul li .pic{margin: 0 auto 15px;}
.header .nav .c2 .right ul li .pic img{width: 160px;height: 160px;object-fit: contain;}

.header .nav .c3 .type_name{font-size: 18px;margin-bottom: 50px;}
.header .nav .c3 .type_name a{display: inline-block;padding-right: 40px;background: url(../images/arrow01.png) no-repeat right center/auto 20px;text-decoration: underline;}
.header .nav .c3 .left ul li a{display: flex;align-items: center;padding: 15px 15px 15px 0;transition: all .3s ease-out;}
.header .nav .c3 .left ul li a p{line-height: 1;position: relative;}
.header .nav .c3 .left ul li a p::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: var(--primary-color);display: block;transition: all .3s ease-out;}
.header .nav .c3 .left ul li a:hover p::after{width: 100%;}
.header .nav .c3 .right ul li{width: calc(33.333% - 20px);margin: 0 30px 30px 0;text-align: center;}
.header .nav .c3 .right ul li:nth-child(3n){margin-right: 0;}
.header .nav .c3 .right ul li .pic{margin: 0 auto 15px;}
.header .nav .c3 .right ul li .pic img{width: 100%;height: 160px;object-fit: cover;border-radius: 6px;}

.header .nav .c4 .right .section{display: none;justify-content: space-between;}
.header .nav .c4 .right .section.on{display: flex;}
.header .nav .c4 .right .pic{width: 300px;height: auto;border-radius: 6px;}
.header .nav .c4 .right ul{width: calc(100% - 350px);}
.header .nav .c4 .right ul li{margin-bottom: 20px;}
.header .nav .c4 .right ul li a{padding-left: 20px;position: relative;color: #666;}
.header .nav .c4 .right ul li a::before{content: '';display: block;position: absolute;top: calc(50% - 2px);left: 0;width: 5px;height: 5px;border-radius: 5px;background-color: #999;}
.header .nav .c4 .right ul li:last-child{margin-bottom: 0;}
.header .nav .c4 .right ul li a:hover{color: var(--primary-color);}
.header .nav .c4 .right ul li a:hover::before{background-color: var(--primary-color);}

.header .search{height: 100%;display: flex;align-items: center;margin-left: 20px;}
.header .search .icon{width: 24px;height: 24px;cursor: pointer;background: url(../images/icon_search.png) no-repeat center/contain;transition: all .3s linear .3s;}
.header .search .icon.toggle{background-image: url(../images/close.png);}
.header .search .section{position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;justify-content: center;align-items: center;display: none;padding: 80px 20px;border-radius: 20px;box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);overflow: hidden;}
.header .search form{display: flex;width: 300px;height: 44px;border-bottom: 1px solid #dfdede;margin: 0 auto;}
.header .search .keywords{height: 100%;width: 270px;background: none;}
.header .search .submit{width: 30px;height: 100%;background: url(../images/icon_search.png) no-repeat center/contain;cursor: pointer;}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus{box-shadow: none;}

.header .lang{height: 40px;padding: 8px 0;margin: 0 40px;position: relative;cursor: pointer;}
.header .lang .icon{height: 100%;}
.header .lang .section{position: absolute;top: 95%;left: 50%;transform: translateX(-50%);background-color: #fff;min-width: 120px;text-align: center;opacity: 0;visibility: hidden;border-radius: 6px;box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);overflow: hidden;}
.header .lang .section li a{padding: 8px 0;display: block;white-space: nowrap;transition: all .3s linear;}
.header .lang .section li a:hover{background-color: var(--primary-color);color: #fff;}
.header .lang:hover .section{top: 100%;opacity: 1;visibility: visible;transition: all .3s linear;}

.header .btn{font-size: 14px;color: #fff;font-weight: bold;background: linear-gradient(to left, #54B994, #3C9672);align-items: center;padding: 10px 30px;border-radius: 50px; margin-left: 15px;}
.header .btn img{height: 18px;margin-right: 10px;}

.header_m{position: fixed;top: 0;left: 0;width: 100%;height: 56px;z-index: 999;;padding: 0 4%;background-color: #fff;justify-content: space-between;align-items: center;display: none;}
.header_m .search{width: 24px;height: 24px;background: url(../images/icon_search.png) no-repeat center/contain;transition-delay: .3s;}
.header_m .search.toggle{background-image: url(../images/close.png);}
.header_m .search_section{position: fixed;top: 56px;left: 0;width: 100%;padding: 40px 0;z-index: 999;background-color: #fff;border-top: 1px solid rgba(0, 0, 0, 0.06);display: none;}
.header_m .search_section form{width: 300px;display: flex;justify-content: center;height: 30px;border-bottom: 1px solid #ccc;margin: 0 auto;}
.header_m .search_section .keywords{height: 100%;width: 270px;background: none;font-size: 14px;}
.header_m .search_section .submit{width: 30px;height: 100%;background: url(../images/icon_search.png) no-repeat center/20px;cursor: pointer;}
.header_m .logo img{display: block;height: 40px;}

.header_m .nav{position: fixed;right: -100%;top: 56px;width: 100%;height: calc(100% - 56px);background-color: #333;color: #fff;padding-bottom: 50px;opacity: 0;visibility: hidden;transition: all .3s linear;}
.header_m.toggle .nav{right: 0;visibility: visible;opacity: 1;}
.header_m .nav> ul{height: 100%;overflow-y: auto;}
.header_m .nav li{border-bottom: 1px solid rgba(255, 255, 255, .6);position: relative;}
.header_m .nav li:last-child{border-bottom: 0;}
.header_m .nav a{padding: 10px 0;display: block;}
.header_m .nav> ul ul{padding-left: 20px;display: none;}
.header_m .nav> ul> li> ul{font-size: 15px;color: #bdbdbd;}
.header_m .nav> ul> li> ul ul{font-size: 14px;color: #999;}
.header_m .nav .arrow{position: absolute;top: 0;right: 0;width: 100%;height: 44px;}
.header_m .nav .arrow::before,
.header_m .nav .arrow::after{content: '';display: block;position: absolute;background-color: #fff;transition: all .3s linear;}
.header_m .nav .arrow::before{top: calc(50% - 2px);right: 0;width: 15px;height: 2px;}
.header_m .nav .arrow::after{top: calc(50% - 8px);right: 6px;width: 2px;height: 14px;}
.header_m .nav .arrow.toggle::after{transform: scaleY(0);opacity: 0;}

.header_m .lang{position: fixed;bottom: -50px;left: 0;width: 100%;height: 50px;display: flex;justify-content: center;align-items: center;z-index: 999;color: #fff;opacity: 0;visibility: hidden;}
.header_m.toggle .lang{bottom: 0;visibility: visible;opacity: 1;transition: all .3s linear .3s;}
.header_m .lang li a{padding: 0 10px;line-height: 1;border-left: 1px solid #fff;display: block;}
.header_m .lang li:first-child a{border-left: 0;}

.menu_btn{width: 24px;height: 24px;cursor: pointer;position: relative;}
.menu_btn span{width: 100%;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(-8px) 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(8px) 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;}
.header_m.toggle .menu_btn span:first-child{transform: translateY(-6px) scaleX(0);transition-delay: .1s;}
.header_m.toggle .menu_btn span:nth-child(2){transform: scaleX(0);transition-delay: 50ms;}
.header_m.toggle .menu_btn span:nth-child(3){transform: translateY(6px) scaleX(0);transition-delay: 0s;}
.header_m.toggle .menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(1);transition-delay: .3s;}
.header_m.toggle .menu_btn span:last-child{transform: rotate(-45deg) scaleX(1);transition-delay: 350ms;}

.footer{background-color: #f6f6f8;padding: 8vh 0 30px;overflow: visible !important;}
.footer .nav{flex: 1;padding-right: 100px;}
.footer .nav li{margin-bottom: 12px;color: #999; max-width: 200px;}
.footer .type_name{font-size: 18px;margin-bottom: 20px;color: #333;}

.footer .qrcode li{position: relative;height: 30px;margin-right: 20px;z-index: 2;}
.footer .qrcode li .icon{height: 100%;opacity: .6;cursor: pointer;filter: grayscale(100%);}
.footer .qrcode li .inner{position: absolute;top: calc(100% + 10px);left: calc(50% - 60px);width: 120px;height: 120px;display: none;}
.footer .qrcode li:hover .icon{opacity: 1;filter: none}
.footer .qrcode li:hover .inner{display: block;}

.footer .links{width: 200px;position: relative;color: #fff;cursor: pointer;margin-top: 30px;font-size: 14px;z-index: 1;}
.footer .links>p{padding: 10px 20px;background-color:#B7B7B8;display: flex;justify-content: space-between;align-items: center;position: relative;border-top: 1px solid transparent;}
.footer .links ul{position: absolute;bottom: 0;left: 0;z-index: -1;min-width: 100%;padding: 10px 0;opacity: 0;visibility: hidden;background-color:#B7B7B8;transition: all .3s ease-out;}
.footer .links ul li a{padding: 5px 20px;display: block;width: 100%;}
.footer .links:hover{z-index: 5;}
.footer .links:hover ul{opacity: 1;visibility: visible;bottom: 100%;z-index: 1;}
.footer .links:hover> p{border-color: #666;}
.footer .links:hover> p i{transform: rotate(180deg);transition: all .3s ease-out;}

.footer .btm{font-size: 14px;color: #999;margin-top: 30px;}
.footer a:hover{color: var(--primary-color);text-decoration: underline;}

.fixed_right{position: fixed;top: 50%;right: 5px;transform: translateY(-50%);z-index: 99;box-shadow: 0px 3px 7px #e0e0e0;border-radius: 30px;}
.fixed_right ul li{border-bottom: 1px solid #eee;position: relative;text-align: center;padding: 12px 10px;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: 1920px){
	.header .nav .c2::after{width: 65%;}
}

@media screen and (max-width: 1440px){
	.header .btn{ display: none;}
}

@media screen and (max-width: 1366px){
	.wrapper{width: 92%;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}
}

@media screen and (max-width: 1270px){
	.mg_t_50{margin-top: 30px;}
	.mg_t_40{margin-top: 25px;}
	.mg_t_30{margin-top: 20px;}
	.mg_t_20{margin-top: 15px;}
	
	.header{display: none;}
	.header_m{display: flex;}
	
	.footer{padding: 50px 0 20px;}
	.footer .nav{display: none;}
	.footer .right{width: 100%;display: flex;justify-content: space-between;}
	.footer .qrcode li .inner{bottom: calc(100% + 10px);top: auto;left: 0;}
}

@media screen and (max-width: 768px){
	.space{padding-top: 30px !important;padding-bottom: 30px !important;}

	.footer{padding: 50px 0 60px;}

	.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);}
}	

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

}