body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong,::before,::after{margin:0; padding:0; box-sizing: border-box;}
body {font-size: 16px; line-height: 1.5; color: #000; background: #f2f2f2; font-family: "Microsoft YaHei","Arial";} 
html,body{width: 100%;overflow-x: hidden;}
/* html:has(.header.toggle) {overflow: clip;} */
img{border:0;display: block;max-width: 100%;transition: all .3s ease-out;}
.pic img{width: 100%;}
table {border-collapse: collapse;} 
input{border: none;}
textarea{font-family: inherit;}
button{outline: none;border: none;}
a{text-decoration: none;background: none ;color: inherit;font-size: inherit;}
/* a:hover{color: var(--primary-color);} */
ul, li, ol{ list-style: none; }
:focus{ outline:none;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:root {--primary-color: #1A88FD;} /*#ffde93*/
.wrapper{width: 1400px;margin: 0 auto;}
.pic_constant{overflow: hidden;}
.pic_constant .inner{width: 100%;position: relative;}
.pic_constant .inner::after{content: '';width: 100%;display: block;}
.pic_constant .inner img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.bgCover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.txtEllipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtEllipsisTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.txtEllipsisThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.txtEllipsisFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.white{color: #fff;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_between_center{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.flex_between_top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.flex_align_center{display: flex;align-items: center;}
.flex{display: flex;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.relative{position: relative;}
.mg_t_50{margin-top: 50px;}
.mg_t_40{margin-top: 40px;}
.mg_t_30{margin-top: 30px;}
.mg_t_20{margin-top: 20px;}
.mg_t_15{margin-top: 15px;}
.mg_t_10{margin-top: 10px;}
.mg_t_5{margin-top: 5px;}
.mg_l_5{margin-left: 5px;}
.mg_r_5{margin-right: 5px;}
.pd_b_30{padding-bottom: 30px;}
.indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.font_bold{font-weight: bold;}

.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: 50px !important;padding-bottom: 50px !important;}
.s_base{background-color: #fff;padding: 20px;border-radius: 10px;}

.header{width: 100%;height: 100px;display: flex; align-items: center;justify-content: space-between;background-color: #fff;box-shadow: 0 0 5px #ccc;}
.header .left{height: 100%;display: flex;align-items: center;}
.header .logo{height: 100%;padding: 0 50px;display: flex;align-items: center;}/*background-color: #000;*/
.header .logo img{height: 80px;}
.header .right{height: 100%;padding-right: 50px;display: flex;align-items: center;}
.header .right .lang{margin-right: 20px;font-size: 18px;}
.header .right .lang:hover{color: var(--primary-color);}

.header .nav{display: flex;}
.header .nav> li{position: relative;margin-left: 50px;transition: all .3s ease-out;}
.header .nav> li> a{font-size: 16px;display: block;position: relative;transition: inherit;}
.header .nav> li.on> a{font-weight: bold;}
.header .nav> li> a:hover{text-decoration: underline;}
.header .nav .arrow{display: none;}
.header .nav .children{position: absolute;top: 100%;left: 50%;z-index: 3;transform: translateX(-50%);min-width:100%; opacity: 0;margin-top: 20px;padding-top: 20px;visibility: hidden;}
.header .nav .children ul{border-radius: 4px;background: rgba(0, 0, 0, .95);padding: 10px 20px;box-shadow: 0 2px 6px #ccc;transition: inherit;position: relative;}
.header .nav .children ul::after{content: '';position: absolute;top: -10px;left: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent #fafafa transparent;}
.header .nav .children li{line-height: 36px;}
.header .nav .children li:last-child{border-bottom: 0;}
.header .nav .children li a{display: block;white-space: nowrap;font-size: 15px;color: #fff;transition: all .3s linear;}
.header .nav .children li a:hover{color: var(--primary-color);}

.header .nav> li:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: inherit;}
.header .nav> li:hover> a i{transform: rotate(180deg);}

.fixed_right{display: none;padding: 20px;}
.fixed_right .layui-nav.layui-nav-tree{width: 100%;background-color: #FFF;color: #000;}
.layui-layer-title{height: 100px;padding: 10px;border-bottom: 0;} /*background-color: #000;*/
.layui-layer-title .logo{height: 100%;}
.layui-nav-tree .layui-nav-item>a{padding: 5px 0;}
.layui-nav-tree .layui-nav-more{right: 0;}
.layui-nav-tree .layui-nav-child{background-color: #fff;}
.fixed_right .layui-nav .layui-nav-item a{color: #333 !important;font-size: 15px;}
.fixed_right .layui-nav .layui-nav-item a:hover{font-weight: bold;}
.layui-layer-setwin{top: 40px;}
.layui-layer-setwin .layui-layer-close{right: 5px;color: #000;font-size: 20px;}

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

.footer{padding: 50px 0; background:#444 url(../images/footer.jpg) no-repeat center/cover;}
.footer .nav{flex: 1;display: flex;justify-content: space-between;padding-right: 15%;}
.footer .nav li{margin-top: 15px;color: rgba(255, 255, 255, .5);}
.footer .nav .title{font-size: 16px;color: #fff;margin-bottom: 30px;line-height: 1;}
.footer .nav li .icon{width: 35px;height: 35px;line-height: 32px;border: 1px solid rgba(255, 255, 255, .3);font-size: 15px;color: #fff;display: inline-block;text-align: center;}
.footer .nav li p{color: #fff;font-size: 16px;}
.footer .nav li p.tel{font-size: 30px;font-weight: bold;}
.footer .qrcode{position: relative;width: 150px;height: 150px;}
.footer .qrcode .tab{position: absolute;bottom: 0;left: -40px;}
.footer .qrcode .tab li{width: 30px;height: 30px;line-height: 30px;border: 1px solid rgba(255, 255, 255, .3);font-size: 14px;color: rgba(255, 255, 255, .3);text-align: center;margin-top: 10px;cursor: pointer;}
.footer .qrcode .tab li.on{color: #fff;border-color:#C0BDBD;}
.footer .qrcode .cont{width: 100%;height: 100%;padding: 5px;background-color: #fff;}
.footer .qrcode .cont li{display: none;width: 100%;height: 100%;}
.footer .qrcode .cont li img{width: 100%;height: 100%;object-fit: contain;}
.footer .qrcode .cont li.on{display: block;}

.popup{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
.popup .wrap{width: 100%;height: 100%;padding: 60px 4%;display: flex;justify-content: center;align-items: center;}
.popup .section{position: relative;max-width: 100%;max-height: 100%;}
.popup .close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #fff;border-radius: 30px;cursor: pointer;transition:all .3s linear;}
.popup .close i{font-size: 20px;font-weight: bold;}
.popup .close:hover{background-color: #999;}
.popup video{max-width: 100%;max-height: 100%;}

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

}

@media screen and (max-width: 1440px){
	.wrapper{width: 92%;}
	
}

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

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

@media screen and (max-width: 1024px){
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}
	.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{height: 60px;position: fixed;z-index: 999;}
	.header .logo{padding: 0 4vw;}
	.header .logo img{height: 54px;}
	.header .right{padding-right: 4vw;}
	
	.layui-layer-title{height: 60px;}
	.layui-layer-title .logo{display: none;}
	.layui-layer-setwin{top: 20px;}
}

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

	.footer .nav{padding-right: 0;}
	.footer .nav ul:not(:last-child){display: none;}
	.footer .nav ul:last-child li{display: flex;align-items: center;}
	.footer .qrcode{position: relative;width: 130px;height: 130px;}
}	


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

	.footer .nav li p.tel{font-size: 16px;}
}	

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