body{ font-family:var(--fontfamily); background-color:#fff; overflow-x:hidden; color: #333; }
a{ color:#333333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:var(--main-color);}
img,li{ vertical-align:top; border:0px; list-style-type: none;}
img{ max-width:100%; height: auto; width: auto; transition: linear 0.35s;}

.clear{clear: both;}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: normal; }
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0; font-weight: normal;}
body,td,th{ font-family: var(--fontfamily); font-size:12px;}
input,textarea{ font-family: var(--fontfamily); border:0; outline:medium;}
.flex_between{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.flex_betweenlist{ display: flex; flex-wrap: wrap;}
@media (min-width:1px) and (max-width:1080px){
	.container{ margin-left: 15px; margin-right: 15px;}
}
@media (min-width:1081px){
	.container{ width: auto; padding: 0; margin:0 35px; box-sizing: border-box;}
}

@media (min-width:1230px){
	.container{ width: 1100px; margin:0 auto; }
}

@media (min-width:1530px){
	.container{ width: 1400px; margin:0 auto; }
}


/*====头部====*/
.header{ width: 100%; position: fixed; left:0; top:0; z-index: 999; transition: background 0.5s ease-in-out; background: #fff; }

@media (min-width:1081px){
	.header .container{ display: flex; align-items: center; justify-content: space-between;}
	.header.fis_show{ background:#fff; box-shadow:0 0 0.1rem rgba(0,0,0,0.1);}
}
@media (min-width: 1px) and (max-width: 1080px) {
	.header{ background: #fff;}
	.header .container{ align-items: center; justify-content: space-between;}
}

.header .top{ background:#333; padding:0.1rem 0;}
.header .top .container{ align-items:center;}
.header .top .lt{ margin:0;}
.header .top .lt a{ display:inline-flex; align-items:center; font-size:14px; color:#fff; margin-right:0.3rem;}
.header .top .lt a i{ margin-right:0.15rem;}
.header .top .fr{ margin:0;}
.header .top .fr a{ font-size:14px; display:inline-block; color:#fff;}
.header .top .fr a:first-child{ margin-right:.15rem; padding-right:0.15rem; border-right:1px solid #fff;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

/*====导航====*/
.header .menu{}
.header .menu .logo{ display: inline-block; margin: 0; transition: linear 0.35s;}
.header .menu .logo a{ display: block; padding: 15px 0;}
.header .menu .logo img{ width: auto; height: 42px; transition: linear 0.35s ease-in-out;}

.header .menu .nav{ margin: 0; display: inline-flex; align-items: center;}
.header .menu .nav .jdmenu>li{ display: inline-block; position: relative; margin: 0; font-size: 16px;}
.header .menu .nav .jdmenu>li>a{ text-transform:uppercase; position:relative;}
.header .menu .nav .jdmenu>li>a>.icon-nav{ margin-left: 5px; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.header .menu .nav .jdmenu>li>a>.icon-nav:before{ content:">"; display:block; transform:rotate(90deg); line-height:1;}
.header .nav_r{ display:inline-flex; align-items:center;}

@media (min-width:1081px){

    .header .menu .nav{ }
    .header .menu .nav .jdmenu{  display: inline-flex; justify-content: space-between; }
    .header .menu .nav .jdmenu>li{ display: inline-flex; align-items: center; justify-content: center;}
    .header .menu .nav .jdmenu>li>a{ white-space: nowrap; text-overflow: ellipsis; padding: 25.5px 0.24rem; align-items: center; line-height: 1; position: relative; color: #333; }
    .header .menu .nav .jdmenu>li>a>.icon-nav{ display: none;}

    .header .menu .nav .jdmenu>li:last-child>a{ padding-right:0;}

	.header .menu .nav .jdmenu>li:hover>a,.header .menu .nav .jdmenu>li.active>a{ color:var(--main-color);}
    
}
@media (min-width: 1px) and (max-width: 1080px) {
    .header .top{ display: none;}
    
	.header .menu .logo{ display: inline-block;}
	.header .menu .logo a{ padding: 15px 0;}
	.header .menu .logo img{ height: 21px; width: auto;}

	.header .menu .nav{ position: fixed; left: 0; right: 0; top: 50px; z-index: 9; bottom: 0; background:#fff; overflow-y:auto; transition:all .5s ease; margin: 0; padding: 0 0.3rem; height: 0; display: block;}
    .header .menu .nav[typeof='open']{ height: calc(100vh - 60px - 50px); padding: 10% 0.3rem; box-sizing:border-box;}

	.header .menu .nav .jdmenu{ display: block; float: none; margin-bottom: 80px; width: 100%;}
	.header .menu .nav .jdmenu>li{ width: 100%; display: block; float: none; text-align: left; margin-bottom: 1px; border-bottom: 1px solid #999; font-size: 16px;}
	.header .menu .nav .jdmenu>li>a{width: 100%; padding: 15px 20px; display: block; color: #333; font-size: 18px; border-right: 0; border-left: 0; box-sizing: border-box;}
	.header .menu .nav .jdmenu>li>a>i{ display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; cursor: pointer; position: absolute; right: 0; top: 0; transition: linear 0.35s; font-size: 24px; color: #fff;}
    
    .header .nav_r{ position: absolute; right: 55px; top: 55%; transform: translateY(-50%);}
}

/*====二级导航====*/
.header .menu .nav .jdmenu>li>.dropdown-menu{ min-width: 100%; background: #f8f7f7; position: absolute; left: 0; top: 100%; display: none; z-index: 8; box-sizing: border-box; box-shadow: 0 0 3px #d3d3d3; }
.header .menu .nav .jdmenu>li>.dropdown-menu>li{ font-size:16px; position: relative; border-bottom: #ddd solid 1px;}
.header .menu .nav .jdmenu>li>.dropdown-menu>li>a{ color: #333; font-weight: 500; padding: 0.1rem 0.25rem; display: flex; align-items: center; justify-content: space-between; overflow:hidden;}
/*.header .menu .nav .jdmenu>li>.dropdown-menu>li>a:after{ content: "\eb0c"; font-family: "iconfont"; font-size: 16px; opacity: 0; margin-left: 0.15rem;}*/

.header .menu .nav .jdmenu>li>.other-menu{ position: fixed; left: 0; top: 107px; width: 100%; padding: 0.3rem 0;}

.header .menu .nav .jdmenu>li>.other-menu .item{ margin: 0; display: inline-block; margin-right: 0.4rem;}
.header .menu .nav .jdmenu>li>.other-menu .item .z1{ font-size: 18px; margin-bottom: 0.15rem; display: block;}
.header .menu .nav .jdmenu>li>.other-menu .item ul{}
.header .menu .nav .jdmenu>li>.other-menu .item ul>li{ flex-direction:column;}
.header .menu .nav .jdmenu>li>.other-menu .item ul>li>a{ display: block; line-height: 1.9; font-size: 16px;}
.header .menu .nav .jdmenu>li>.other-menu .item:last-child{ margin-right: 0;}

/*====三级导航====*/
.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul{ min-width: 100%; background: #f8f7f7; position: absolute; left: 100%; top: 0; display: none; z-index: 8; box-sizing: border-box;}
.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li{ border-bottom: #ddd solid 1px; font-size: 15px; }
.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li>a{ color: #333; font-weight: 500; padding: 0.1rem 0.2rem 0.1rem 0.26rem; display: block;text-transform: capitalize; }
@media (min-width: 1082px) {
	.header .menu .nav .jdmenu>li>.dropdown-menu{ min-width: 200px; max-width:400px;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>a{ text-overflow:ellipsis; white-space: nowrap;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li:hover>a{ color: var(--main-color);}
    .header .menu .nav .jdmenu>li>.dropdown-menu>li:hover>a:after{ opacity: 1;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li:hover>ul{ display: block;}
	
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul{ box-shadow: 2px 2px 5px #d5d5d5;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li>a{ text-overflow:ellipsis; white-space: nowrap;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li:hover>a{ background: var(--main-color); color: #fff;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li:last-child{ border-bottom: 0;}

}
@media (min-width: 1px) and (max-width: 1081px){
	.header .menu .nav .jdmenu>li>.dropdown-menu{ position: inherit!important; left: inherit!important; right: inherit!important; top: inherit!important; min-width: inherit; display: none; margin:5px 0;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li{ text-align: left; font-size: 16px; border-style: dotted;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>a{ display: flex; padding: 15px 30px}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul{ position: inherit!important; left: inherit!important; right: inherit!important; top: inherit!important; min-width: inherit; display: none; margin: 0;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li{ border-bottom: #ddd dashed 1px;}
	.header .menu .nav .jdmenu>li>.dropdown-menu>li>ul>li>a{ padding: 10px 36px;}
    .header .menu .nav .jdmenu>li>.other-menu .item{ display: block; width: 100%; margin-right: 0; margin-bottom: 0.3rem;}
}


/*.btnlangerlist{ position: fixed; right: 0; top: 0; width: 3.4rem; padding: 0.6rem 0.3rem 0.5rem 0.3rem; z-index: 10000; background: #fff; overflow: hidden; transition: all 1s; box-shadow: 0 0 0.15rem rgba(0,0,0,.3); box-sizing: border-box; transform: translateY(-200%);}
.btnlangerlist .close{ position: absolute; top: 0.2rem; right: 0.3rem; cursor: pointer; z-index: 9; }
.btnlangerlist .close i{ font-size: 0.3rem;}
.btnlangerlist>ul{ }
.btnlangerlist>ul>li{ margin: 0; width: calc((100%)/1); font-size:16px; border-bottom: #ddd solid 1px;}
.btnlangerlist>ul>li>a{ display: flex; align-items: center; padding:.13rem .2rem; color: #333;}
.btnlangerlist>ul>li>a>b{ margin: 0; font-size: 14px; padding-left: 5px;}
.btnlangerlist>ul>li>a>b>img{ height: 20px; width: auto; margin: 0; box-sizing: border-box; }
.btnlangerlist>ul>li>a>span{ padding-left: 5px; font-size: 14px; margin-left: auto; margin-right: 0; color: #999;}
.btnlangerlist.active{ transform: translateY(0);}

@media (min-width: 1082px) {
}
@media (min-width: 1px) and (max-width: 1081px){
	.btnlangerlist{ width: 50%;}
	.btnlangerlist>ul>li>a>b{ font-size: 12px;}
    .btnlangerlist>ul>li>a>b>img{ height: 18px;}
	.btnlangerlist>ul>li>a>span{ font-size: 12px;}
}*/

.search{ position: absolute; top: 0; right: 110%; width: 0; display: flex; align-items: center; background: #fff; border-radius: 5px; transition: width 0.5s ease-in-out; overflow: hidden;}
.search.active{ width: 2.4rem;}
.search form{ width: 100%; display: flex; transition: linear 0.35s; z-index: 2; box-sizing: border-box; overflow: hidden; border-radius: 5px; border: 1px solid var(--main-color);}
.search form>input{ width: calc(100% - 30px); height: 38px; padding: 0 0.1rem; background: none; border:0; box-sizing: border-box; color: #666;}
.search form>button{ width: 50px; background: none; border: 0; cursor: pointer; outline: none; color: var(--main-color);}
.search form>button>i{ font-size: 18px; overflow: hidden; display: inline-block; margin-top: 1px;}
.search form>input::-webkit-input-placeholder{ color: #666;}
.search form>input::-moz-placeholder{ color: #666;}
.search form>input::-moz-placeholder{ color: #666;}
.search form>input::-ms-input-placeholder{ color: #666;}
@media (min-width: 1082px) {
}
@media (min-width: 1px) and (max-width: 1081px){
}
/*====头部====*/


/*====banner====*/
.bframe{ position: relative; overflow: hidden;}
.bframe:before{ content: ""; position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1;}
.bframe video{ display: block; width: 100%; height: auto;}
.bframe img{ width: 100%; height: auto;}
.bframe .swiper-slide{ overflow: hidden; margin: 0; position: relative;}
.bframe .swiper-slide img{ width: 100%; height: auto; object-fit: cover;}
@media (min-width:1081px) {	
    .bframe{ margin-top:108px;}
}
@media (min-width:1px) and  (max-width:1080px){
	.bframe{ position: relative; z-index: 1; margin-top: 50px;}
    .bframe .index_txt{ display: none;} 
	.bframe .swiper-pagination{ bottom: 15px!important; text-align: center;}
	.bframe .btnlist{ bottom: 0.2rem; }
}
/*====banner====*/

/*====首页====*/
.iframe{ overflow:hidden; position:relative; z-index:1; padding:1.3rem 0 0.95rem; background:url(/dist/images/1_01.webp) no-repeat center bottom / 100% auto;}
.iframe .lt{ margin:0; width:calc(48% - 0.65rem);}
.iframe .lt .z1{ font-size:0.34rem; color:#0f2744; line-height:1.12; font-weight:bold;}
.iframe .lt .context{ font-size:17px; line-height:1.8; color:#4b5563; margin:0.45rem 0 0.55rem;}
.iframe .lt dl{}
.iframe .lt dl dd{ font-size:14px; color:#374151; margin-bottom:0.2rem;}
.iframe .lt dl dd i{ color:var(--main-color); margin-right:0.2rem; font-size:20px;}
.iframe .lt .morebtn{ margin-top:0.7rem;}
@media (min-width:1082px){
} 
@media (min-width:1px) and (max-width:1081px){
    .iframe .lt{ width:100%;}
    .iframe .fr{ width:100%;}
    .iframe .lt .context{ font-size:16px;}
}

.iframe1{ overflow: hidden; padding:0.7rem 0 0 0;}
.iframe1 .indextit{ text-align:center; margin-bottom:0.6rem;}
.iframe1 .indextit .z1{ font-weight:bold; font-size:0.34rem; color:#0f2744;}
.iframe1 .indextit .p1{ font-size:0.2rem; color:#4b5563; line-height:1.6; margin-top:0.35rem;}
.iframe1 .list{ padding:0.7rem 0 0.4rem; background:url(/dist/images/1_02.webp) no-repeat center center; background-size:cover;}
.iframe1 .list .swiper{ height:870px;}
.iframe1 .list .swiper-slide{  height: calc((100% - 30px) / 2) !important;}
.iframe1 .list .item{ display:block; background:#fff;}
.iframe1 .list .item .img{ overflow:hidden; aspect-ratio: 4 /3;}
.iframe1 .list .item .img img{ width:100%; height:auto;}
.iframe1 .list .item .txt{ padding:0.2rem;}
.iframe1 .list .item .txt .z1{ font-size:15.24px; font-weight:bold; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 44px; line-height: 22px;}
.iframe1 .list .item .txt .z2{ font-size:13.55px; color:#4b5563; margin-top:0rem;}
.iframe1 .list .box .linkmore{ margin-top:0.45rem; display:flex; align-items:center; justify-content:center;}
@media (min-width:1081px){
    .iframe1 ul li:not(:last-child){ border-right:1px solid #ebebeb;}
    .iframe1 .list .item:hover .img img{ transform:scale(1.1);}
}
@media (min-width:1px) and (max-width:1080px){
    .iframe1 ul{ display:none;}
    .iframe1 .list .swiper{ height:auto;}
    .iframe1 .list{margin-top: 20px;}
}

.iframe2{ overflow: hidden; padding:0.55rem 0 0.5rem;}
.iframe2 .item{ background:var(--main-color); padding:0.45rem 2.6rem 0.45rem 0.45rem; color:#fff; border-radius:0.1rem; position:relative;}
.iframe2 .item .z1{ font-size:24px; font-weight:bold; margin-bottom:0.2rem;}
.iframe2 .item .p1{ font-size:16px; line-height:2;}
.iframe2 .item .morebtn{ background:#fff; color:var(--main-color)!important;}
@media (min-width:1081px) {
    .iframe2 .item .morebtn{ position:absolute; right:0.45rem; top:50%; transform:translateY(-50%);}
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe2 .item{ padding:0.3rem;}
    .iframe2 .item .morebtn{ margin-top: 20px;}
    .iframe2 .item .p1{ font-size:14px;}
}


.iframe3{ overflow: hidden; }
.iframe3 .container{ align-items:center;}
.iframe3 .lt{ margin:0; width:calc(50% - 1.55rem);}
.iframe3 .lt .tit{ font-size:0.34rem; font-weight:bold; line-height:1.13; margin-bottom:0.8rem;}
.iframe3 .lt .tit span{ display:block; color:var(--main-color);}
.iframe3 .lt .context{}
.iframe3 .lt .context .item{ display:flex; align-items:flex-start; margin-bottom:0.3rem;}
.iframe3 .lt .context .item .tag{ font-size:0.34rem; font-weight:bold; width:0.8rem;}
.iframe3 .lt .context .item .txt{ flex:1;}
.iframe3 .lt .context .item .txt .z1{ font-size:18px; font-weight:bold; margin-bottom:0.15rem;}
.iframe3 .lt .context .item .txt .nr{ font-size:14px; line-height:1.6;}
.iframe3 .fr{ margin:0; width:50%; position:relative;}
.iframe3 .fr a{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.iframe3 .fr .box{}
.iframe3 .fr .box img{ width:100%; height:auto;}
@media (min-width:1081px) {
    .iframe3 .fr .box{ margin-right:-14vw;}
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe3 .lt{ width:100%;}
    .iframe3 .fr{ width:100%;}
    .iframe3 .lt .tit{ font-size:0.44rem; }
}

.iframe4{ overflow: hidden; padding:1.15rem 0; background:#f9fafb;}
.iframe4 .container{ align-items:center;}
.iframe4 .lt{ margin:0; width:calc(50% - 0.5rem);}
.iframe4 .lt .z1{ font-size:0.34rem; color:#0f2744; line-height:1.12; font-weight:bold;}
.iframe4 .lt .context{ font-size:18px; line-height:1.8; color:#4b5563; margin:0.65rem 0;}
.iframe4 .lt .morebtn{ }
.iframe4 .fr{ margin:0; width:50%;}
@media (min-width:1081px) {	
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe4 .lt{ width:100%;}
    .iframe4 .fr{ display:none;}
    .iframe4 .lt .context{ font-size:16px;}
}

.iframe5{ overflow: hidden; padding: 0; }
.iframe5 .container{ align-items:center;}
.iframe5 .lt{ margin:0; width:calc(50% - 0.9rem);}
.iframe5 .lt .tit{ }
.iframe5 .lt .tit .z1{  font-size:0.34rem; font-weight:bold; line-height:1.13; margin-bottom:0.35rem;}
.iframe5 .lt .tit .p1{ font-size:0.2rem; line-height:1.6; color:#4b5563;}
.iframe5 .lt .context{ margin-top:0.6rem;}
.iframe5 .lt .context dl{ padding-left:0.35rem; margin-bottom:0.35rem; position:relative;}
.iframe5 .lt .context dl:before{ content:""; position:absolute; left:0; top:0; width:0; height:0; display:inline-block; border-width:5.5px; border-style:solid; border-color:transparent; border-left-color:#333; border-left-width:10px;}
.iframe5 .lt .context dl dt{ font-size:16px; font-weight:bold; margin-bottom:0.25rem; cursor:pointer;}
.iframe5 .lt .context dl dd{ font-size:14px; line-height:1.58;}
.iframe5 .lt .context dl.active:before{ border-left-color:var(--main-color);}
.iframe5 .lt .context dl.active dt{ color:var(--main-color);}
.iframe5 .fr{ margin:0; width:50%; position:relative;}
.iframe5 .fr a{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.iframe5 .fr .box{}
.iframe5 .fr .box img{ width:100%; height:auto;}
@media (min-width:1081px) {
    .iframe5 .fr .box{ margin-right:-14vw;}
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe5 .lt{ width:100%;}
    .iframe5 .fr{ display:none;}
    .iframe5 .container{margin-top: 40px; margin-bottom: 40px;}
}

.iframe6{ overflow: hidden; padding: 1.2rem 0 1rem; background:#f9fafb;}
.iframe6 .container{ display:grid; grid-template-columns:repeat(4,1fr); gap:0.4rem;}
.iframe6 .item{ width:100%;}
.iframe6 .item .tit{ width:100%;}
.iframe6 .item .tit .z1{ font-size:0.34rem; font-weight:bold; color:#0f2744;}
.iframe6 .item .tit .p1{ margin-top:0.5rem; font-size:0.2rem; line-height:1.6; color:#4b5563;}
.iframe6 .item a{ width:100%; font-size:16px; text-decoration:underline; color:var(--main-color);}
.iframe6 .item .img{ overflow:hidden;}
.iframe6 .item .img img{ width:100%; height:auto;}
.iframe6 .item .txt{ margin-top:0.4rem;}
.iframe6 .item .txt .z1{ font-size:18px; font-weight:bold; line-height:1.56;}
.iframe6 .item .txt .p1{ font-size:16px; line-height:1.32; margin-top:0.3rem; color:#333;}
.iframe6 .item .txt .more{ width:48px; height:48px; background:#e6e6e6; display:inline-flex; align-items:center; justify-content:center; color:#fff; margin-top:0.25rem;}
.iframe6 .item .txt .more i{ font-size:16px;}
.iframe6 .item:first-child{ display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
@media (min-width:1081px) {
    .iframe6 .item:hover .img img{ transform:scale(1.1);}
    .iframe6 .item:hover .txt .more{ background:var(--main-color);}
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe6 .container{  grid-template-columns:repeat(2,1fr); }
    .iframe6 .item .txt .p1{ font-size:14px;}
    .iframe6 .item .txt .z1{ font-size:13px; }
}

/*====首页====*/


/*====底部====*/
.cutup{ padding:0.8rem 0; background:url(/dist/images/1_06.webp) no-repeat center center / cover;}
.cutup .container{ display:flex; justify-content:space-between; align-items:center; justify-content:space-between;}
.cutup .lt{ margin:0; }
.cutup .lt .z1{ font-size:0.34rem; font-weight:bold; color:#fff;}
.cutup .lt .p1{ margin-top:0.2rem; font-size:0.2rem; line-height:1.6; color:#fff;}
.cutup .fr{ margin:0;}
.cutup .fr a{ width:180px; height:49px; border-radius:0.1rem; background:#fff; color:#333; display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:bold; margin-left:0.1rem;}
.cutup .fr a.whatsapp{ background:#25d366; color:#fff;}
@media (min-width:1081px) {
    .cutup .lt{ max-width:70%;}
}
@media (min-width:1px) and  (max-width:1080px){
    .cutup .container{ flex-wrap:wrap;}
    .cutup .lt{ width:100%;}
    .cutup .fr{ margin-top:0.3rem;}
}

footer{ background:url(/dist/images/1_07.webp) no-repeat center center / cover;}
.footer{ padding:1.6rem 0 1rem; border-bottom:2px solid #181818;}
.footer .container{ display:flex; justify-content:space-between;}
.footer .foot{ margin:0;}

.footer .foot .add{ color:#fff;}
.footer .foot .add .z1{ font-size:18px; margin-bottom:0.25rem;}
.footer .foot .add .p1{ font-size:18px;}

.footer .foot .share{ margin-top:0.75rem;}
.footer .foot .share .z1{ font-size:18px; color:#fff; margin-bottom:0.1rem;}
.footer .foot .share .list{}
.footer .foot .share .list a{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; box-sizing:border-box; background:#121c22; box-sizing:border-box; border:1px solid #fff; border-right-width:0; color:#fff;}
.footer .foot .share .list a:last-child{ border-right-width:1px;}

.footer .foot .tel{ color:#fff;}
.footer .foot .tel .z1{ font-size:18px; margin-bottom:0.25rem;}
.footer .foot .tel .p1{ font-size:18px; line-height:1.5;}
.footer .foot .tel .p1 a{ display:block; color:#fff;}
.footer .foot .tel .p1 a:hover{ color:var(--main-color);}

.footer .foot .email{ color:#fff; margin-top:0.7rem;}
.footer .foot .email .z1{ font-size:18px; margin-bottom:0.25rem;}
.footer .foot .email .p1{ font-size:18px; line-height:1.5;}
.footer .foot .email .p1 a{ display:block; color:#fff;}
.footer .foot .email .p1 a:hover{ color:var(--main-color);}

.footer .foot .tit{ font-size:18px; color:#fff; margin-bottom:0.35rem;}
.footer .foot .p1{ font-size:16px; color:#fff;}
.footer .foot .p1 span{ color:#ff0000;}
.footer .foot ul{}
.footer .foot ul>li{ font-size:16px; margin-bottom:0.2rem;}
.footer .foot ul>li>a{ display:block; color:#fff;}
.footer .foot ul>li:hover>a{ color:var(--main-color);}

.footer .foot .subscribe{ display:flex; justify-content:space-between; padding:0; border-bottom:2px solid #fff; margin-top:0.6rem;}
.footer .foot .subscribe input{ height:40px; flex:1; border:0; background:none; color:#fff; font-size:14px;}
.footer .foot .subscribe input::placeholder{ color:#fff;}
.footer .foot .subscribe button{ font-size:14px; text-decoration:underline; background:none; border:0; cursor:pointer; outline:none; color:#fff;}
@media (min-width:1081px) {
    .footer .foot:nth-child(1){ width:3.15rem; margin-right:0.75rem;}
    .footer .foot:nth-child(2){ width:1.9rem; margin-right:1.5rem;}
    .footer .foot:nth-child(3){ width:1.2rem; margin-right:2.15rem;}
    .footer .foot:nth-child(4){ width:3.55rem;}
}
@media (min-width:1px) and  (max-width:1080px){
    .footer{ display: none;}
}

/*====版权====*/
.copyright{ font-size: 14px; overflow: hidden; color: #fff; padding: 0.3rem 0; }
.copyright a{ color: #fff;}
.copyright .divcopy:last-child{ color: #fff;}
@media (min-width:1081px) {
    .copyright .container{  display: flex; justify-content:space-between; flex-wrap: wrap;}
    .copyright .divcopy{ margin: 0 0.1rem; line-height: 1.5;}
}
@media (min-width:1px) and (max-width:1080px){
    .copyright{ color: #fff; margin-bottom: 50px; padding:20px 0;}
    .copyright a{ color: #fff;}
    .copyright .divcopy:last-child{ color: #fff;}
}


/*====手机底部导航====*/
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:11;background-color:#fff;}
#mobMenu .foot_nav{textnban_txt-align:center;color: #898989;font-size:14px;flex:1;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:767px) {
    #mobMenu{display:flex;}
}

/*====底部====*/

/*====内页====*/
.body{ }

.nbframe{ position: relative; overflow: hidden;}
.nbframe img{ width: 100%;}
.nbframe .nban_txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:7;}
.nbframe .nban_txt .z1{ font-family:Ebrima; font-weight:bold; font-size:0.4605rem; line-height:1.6; color:#fff;}

@media (min-width:1081px){
	.nbframe{ margin-top:108px;}
}
@media (min-width:1px) and (max-width:1080px){
    .nbframe{ margin-top: 50px; }
    .nbframe img{ width: 100%; height: auto; }
}

/*====面包屑====*/
.location{ padding: 25px 0; box-sizing:border-box; border-bottom:1px solid #ededed;}
.location .z1{ font-size: 0.85rem; color: #fff; display: none;}
.location .txt{ font-size: 16px; color: #333; text-transform: uppercase; display: flex; align-items: center; flex-wrap: wrap;}
.location .txt .icon-home{ font-size: 20px; margin-right: 0.1rem; line-height:1;}
.location .txt .icon-here{ margin: 0 5px; font-size: 12px; line-height:1;}
.location .txt a{ color: #333;}
.location .txt a:hover{ color: var(--main-color);}
.location .txt span{ color: var(--main-color);}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px){
    .location{  padding: 20px 0;}
    .location .txt{ width: 100%;}
}
/*====面包屑====*/

/*====左侧导航栏目====*/

.left_nav{ margin: 0; box-sizing: border-box; width: 26.7%; padding: 0.5rem 0;}

.left_nav .lbt{ margin-bottom: 0.3rem;  }
.left_nav .lbt>.cat{ }
.left_nav .lbt>.cat>.z1{ padding:0.25rem; font-weight:bold; font-size:18px; box-shadow:0 0 0.13rem rgba(0,0,0,0.1); border-left:7px solid var(--main-color);}

.left_nav .lbt>.cat>ul{ overflow: hidden; box-sizing:border-box;}
.left_nav .lbt>.cat>ul>li{ font-size: 16px; border-bottom:2px solid #f3f5f9;}
.left_nav .lbt>.cat>ul>li>a{ display: flex; align-items: center; color: #333; position: relative; padding:0.2rem 0.25rem; z-index:1;}
.left_nav .lbt>.cat>ul>li>a>span{margin:0; display:inline-flex; align-items:center; justify-content:center; margin-right:0.1rem;}
.left_nav .lbt>.cat>ul>li>a>span>i{ transition:all 0.35s ease;}
.left_nav .lbt>.cat>ul>li>a>b{ margin:0; font-family:Ebrima; font-weight:bold;}

.left_nav .lbt>.cat>ul>li:hover>a,.left_nav .lbt>.cat>ul>li.active>a{ color:var(--main-color);}
.left_nav .lbt>.cat>ul>li:hover>a>span>i,.left_nav .lbt>.cat>ul>li.active>a>span>i{ transform:rotate(90deg);}
.left_nav .lbt>.cat>ul>li.active>ul{ display: block;}

.left_nav .lbt>.cat>ul>li>ul{ display: none;}
.left_nav .lbt>.cat>ul>li>ul>li{ font-size: 14px;  border-bottom:1px solid #eee;}
.left_nav .lbt>.cat>ul>li>ul>li>a{ display: flex; align-items: center; padding: 0.15rem 0.20rem; justify-content: space-between; line-height: 1; color: #888; position: relative; }
.left_nav .lbt>.cat>ul>li>ul>li>a:before{ content:""; width:5px; height:1px; background:#666; display:block; margin-right:4px;}
.left_nav .lbt>.cat>ul>li>ul>li>a>span{ flex: 1; }
.left_nav .lbt>.cat>ul>li>ul>li:hover>a,.left_nav .lbt>.cat>ul>li>ul>li.active>a{ color: var(--main-color);}
.left_nav .lbt>.cat>ul>li>ul>li.active>ul{ display: block;}
.left_nav .lbt>.cat>ul>li>ul>li:last-child{ border-bottom: 0;}

.left_nav .lbt>.cat>ul>li>ul>li>ul{ margin: 0.1rem 0; display: none;}
.left_nav .lbt>.cat>ul>li>ul>li>ul>li{ font-size: 16px;}
.left_nav .lbt>.cat>ul>li>ul>li>ul>li>a{ display: flex; align-items: center; padding: 0.1rem 0.3rem; justify-content: space-between; line-height: 1; color: #666; position: relative; border-bottom: 1px dashed #eee;}
.left_nav .lbt>.cat>ul>li>ul>li>ul>li>a>span{ flex: 1; }
.left_nav .lbt>.cat>ul>li>ul>li>ul>li:hover>a,.left_nav .lbt>.cat>ul>li>ul>li>ul>li.active>a{ color: var(--main-color);}
.left_nav .lbt>.cat>ul>li>ul>li>ul>li.active>ul{ display: block;}

.left_nav .left_search{ }
.left_nav .left_search form{ display: flex; justify-content: space-between; box-sizing: border-box; background: none; overflow: hidden;  background: #f3f5f9; }
.left_nav .left_search form input{ flex: 1; height: 66px; border: 0; padding: 0; color:#999; font-size:14.36px; background:none; box-sizing:border-box; padding:0 0.15rem;}
.left_nav .left_search form input::placeholder{ color:#999;}
.left_nav .left_search form button{ display: flex; align-items: center; justify-content: center; width: 70px; color:#8b939b; border: 0; cursor: pointer; outline: none; background: none; position:relative; background:none; border:0; box-sizing:border-box;}
.left_nav .left_search form button i{ font-size: 16px;}

.left_nav .left_solutions{ padding:0.65rem 0.35rem; background:url(/dist/images/1_10.webp) no-repeat center center / 100% 100%; color:#fff;}
.left_nav .left_solutions i{ font-size:0.55rem;}
.left_nav .left_solutions .z1{ font-size:0.4rem; line-height:1.35; margin:0.25rem 0 0.35rem;}
.left_nav .left_solutions .p1{ font-size:18px; line-height:1.45; margin-bottom:0.25rem;}

.left_nav .left_info{ padding:0.45rem 0.65rem; background:linear-gradient(to right,#0f295b,#000); color:#fff; text-align:center;}
.left_nav .left_info i{ font-size:0.85rem;}
.left_nav .left_info .z1{ font-size:24px; font-weight:bold; line-height:1.25; margin:0.2rem 0;}
.left_nav .left_info .tel{ font-size:24px; font-weight:bold; color:#fff; display:inline-block; margin-bottom:0.2rem;}
.left_nav .left_info .email{ font-size:16px; color:#fff;}
@media (min-width:1082px){
	.left_nav{ position: sticky; top: 1rem;}
}
@media (min-width:1px) and (max-width:1081px){
	.left_nav{ width: 100%;}
}

/*====左侧导航栏目====*/

/*====右侧====*/
.right_detail{ margin: 0; width: calc(100% - 26.7% - 0.75rem); height: auto; padding: 0.5rem 0;}

@media (min-width:1px) and (max-width:1081px){
    .right_detail{ width: 100%; float: none; padding: 30px 0 ; box-sizing: border-box;}
}
/*====右侧====*/

/*====关于我们====*/
.abframe{ padding:0.8rem 0 0.9rem; background:url(/dist/images/1_08.webp) no-repeat top center / 100% auto;}
.abframe .tit{ font-size:0.34rem; font-weight:bold; color:#0f2744; margin-bottom:0.55rem;}
.abframe .context{ font-size:20px; line-height:1.6; color:#4b5563;}
.abframe .lt{ margin:0; width:50%; display:grid; grid-template-columns:repeat(3,1fr); gap:0.6rem; margin-top:1.05rem;}
.abframe .lt .item{ margin:0; width:100%; }
.abframe .lt .item .z1{ display:flex; align-items:flex-start; font-family:"微软雅黑"; font-weight:bold;}
.abframe .lt .item .z1 span{ font-size:0.7048rem; line-height:1;}
.abframe .lt .item .z1 em{ font-style:normal; font-size:0.3133rem;}
.abframe .lt .item .p1{ font-size:16px; line-height:1.5; color:#898989; margin-top:0.2rem; font-family:"微软雅黑"; font-weight:bold;}
.abframe .btnvideo{ cursor:pointer; margin-top:1rem;}
@media (min-width:1081px) {	
}
@media (min-width:1px) and (max-width:1080px){
    .abframe .lt{ width:100%;}
    .abframe .context{ font-size:16px; }
}

.abframe1{ padding: 0.8rem 0 1rem; background:#f5f5f5;}
.abframe1 .tit{}
.abframe1 .tit .z1{ font-weight:bold; font-size:0.34rem; color:#0f2744;}
.abframe1 .tit .p1{ font-size:0.18rem; color:#4b5563; line-height:1.6; margin-top:0.45rem;}
.abframe1 .list{ margin-top:1rem; display:grid; grid-template-columns:repeat(3,1fr); gap:0.15rem;}
@media (min-width:1081px) {
}
@media (min-width:1px) and (max-width:1080px){
}

.abframe2{ padding: 0.8rem 0 1rem;}
.abframe2 .tit{}
.abframe2 .tit .z1{ font-weight:bold; font-size:0.34rem; color:#0f2744;}
.abframe2 .tit .p1{ font-size:0.18rem; color:#4b5563; line-height:1.6; margin-top:0.45rem;}
.abframe2 .list{ margin-top:0.7rem; }
@media (min-width:1081px) {
}
@media (min-width:1px) and (max-width:1080px){
}

.abframe3{ padding: 0.85rem 0 0; background:linear-gradient(to bottom,#eae4d6 60% ,transparent 40%);}
.abframe3 .indextit .z2{ font-size:0.4rem;}
.abframe3 .list{ margin-top: 0.7rem; padding:0.4rem 0.7rem 0.7rem 0.7rem; background:#f7f9fb; border-radius:0.2rem;}
.abframe3 .list .box{ padding:0.6rem 0.4rem 0.3rem 0.4rem; background:#fff; border-radius:0.2rem;}
.abframe3 .list .box .item{ margin:0 0.5rem 0.3rem 0; width:calc((100% - 1.5rem)/4); position:relative; box-sizing:border-box; padding:0.4rem; border-radius:0.2rem;}
.abframe3 .list .box .item span{ font-family:"Ebrima"; font-weight:bold; font-size:1.7761rem; color:#fff; opacity:0.2; position:absolute; right:0.3rem; top:50%; transform:translateY(-50%); line-height:1;}
.abframe3 .list .box .item .z1{ position:relative; z-index:2; font-family:"Ebrima"; font-weight:bold; font-size:24px; color:#fff;}
.abframe3 .list .box .item .p1{ position:relative; z-index:2; font-size:18px; line-height:1.45; margin-top:0.1rem; color:#fff;}
.abframe3 .list .box .item:nth-child(1){ background:#084984;}
.abframe3 .list .box .item:nth-child(2){ background:#eb6919;}
.abframe3 .list .box .item:nth-child(3){ background:#0fae8c;}
.abframe3 .list .box .item:nth-child(4){ background:#2c3647;}
.abframe3 .list .box .item:nth-child(5){ background:#df2759;}
.abframe3 .list .box .item:nth-child(6){ background:#f2ab1b;}
.abframe3 .linkmore{ display:flex; align-items:center; justify-content:center; margin-top:0.55rem;}
.abframe3 .linkmore a{ display:inline-flex; padding:0.15rem 0.95rem; background:linear-gradient(to right,var(--main-color),var(--bout-color)); border-radius:0.4rem; color:#fff; font-size:18px;}
@media (min-width:1081px) {
    .abframe3 .list .box .item:nth-child(4){ margin-right:0;}
    .abframe3 .list .box .item:nth-child(5){ width:calc((100% - 0.5rem)/2);}
    .abframe3 .list .box .item:nth-child(6){ width:calc((100% - 0.5rem)/2); margin-right:0;}
}
@media (min-width:1px) and (max-width:1080px){
}

.abframe4{ padding: 1.2rem 0 ; }
.abframe4 .list{ margin-top:1.45rem; position:relative; z-index:1;}
.abframe4 .list .swiper-slide{ padding-top:0.8rem; transition:all 0.35s ease;}
.abframe4 .list .swiper-slide:nth-child(2n){ padding:0;}
.abframe4 .list .item{ display:block; text-align:center;}
.abframe4 .list .item .img{ width:1.32rem; border-radius:50%;}
.abframe4 .list .item .img img{ border-radius:50%;}
.abframe4 .list .item .line{ width:1px; height:0.45rem; background-image: linear-gradient(to bottom, #7cb62c 50%, transparent 50%);  background-size: 1px 0.1rem ; background-repeat: repeat-y;}
.abframe4 .list .item .txt{ margin:0.25rem 0;}
.abframe4 .list .item .txt .z1{ font-family:"Ebrima"; font-weight:bold; font-size:24px; margin-bottom:0.2rem;}
.abframe4 .list .item .txt .p1{ font-size:18px; line-height:1.625; color:#636363;}
.abframe4 .list .item .line1{ width:1px; height:1rem;  background-image: linear-gradient(to bottom, #7cb62c 50%, transparent 50%);  background-size: 1px 0.1rem ; background-repeat: repeat-y;}
.abframe4 .list .item span{ display:inline-flex; align-items:center; justify-content:center; background:#fff; box-sizing:border-box; border:2px solid #e1e7f1; width:0.4rem; height:0.4rem; border-radius:50%;}
.abframe4 .list .item span:after{ content:""; display:block; width:0.18rem; height:0.18rem; background:#7cb62c; border-radius:50%;}
.abframe4 .list .swiper-slide:nth-child(2n) .item .line{ height:0.6rem;}
.abframe4 .list .swiper-slide:nth-child(2n) .item .line1{ height:1.65rem;}
.abframe4 .list:after{ content:""; width:100%; height:1px; background-image: linear-gradient(to right, #333 50%, transparent 50%);  background-size: 0.2rem 1px ; background-repeat: repeat-x; position:absolute; left:0; bottom:0.2rem; z-index:-1;}
@media (min-width:1081px) {
}
@media (min-width:1px) and (max-width:1080px){
}

.abframe5{ padding:1.2rem 0 0 0; margin-bottom:0.75rem; border-bottom:4px solid var(--main-color); text-align:center;}
.abframe5 .indextit .z2{ font-size:0.4rem;}
.abframe5 .linkmore{ display:flex; align-items:center; justify-content:center; margin-top:0.65rem; position:relative;}
.abframe5 .linkmore a{ display:inline-flex; padding:0.15rem 0.95rem; background:linear-gradient(to right,var(--main-color),var(--bout-color)); border-radius:0.4rem; color:#fff; font-size:18px;}
.abframe5 img{ margin-top:-0.6rem;}
@media (min-width:1081px) {
}
@media (min-width:1px) and (max-width:1080px){
}

/*====关于我们====*/

/*====单页面====*/

.neirnr{ overflow: hidden; line-height: 2; font-size: 16px; min-height: 4rem;}
@media (min-width:1081px) {	
}
@media (min-width:1px) and (max-width:1080px){
}
/*====单页面====*/


/*====图库中心====*/
.honorlist{ padding:0.8rem 0;}
.honorlist .list{ display:grid; grid-template-columns:repeat(3,1fr); gap:0.4rem; margin-bottom:0.4rem;}
.honorlist .list .item{ margin:0; width:100%; padding:0.2rem; background:#f5f5f5; box-sizing:border-box;  font-size:1.8em;}
.honorlist .list .item .img{ overflow:hidden;}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px){
    .honorlist .list{ grid-template-columns:repeat(2,1fr);}
}

.workshoplist{ padding:0.8rem 0;}
.workshoplist .list{ display:grid; grid-template-columns:repeat(4,1fr); gap:0.4rem; margin-bottom:0.4rem;}
.workshoplist .list .item{ margin:0; width:100%; padding:0.2rem; background:#f5f5f5; box-sizing:border-box;}
.workshoplist .list .item .img{ overflow:hidden;}
.workshoplist .list .item .txt{ margin-top:0.2rem;}
.workshoplist .list .item .txt .z1{ font-size:18px;}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px){
    .workshoplist .list{ grid-template-columns:repeat(2,1fr);}
}
/*====图库中心====*/

/*====产品中心====*/
.summary{ border-bottom:1px solid #f3f5f9; margin-bottom:0.45rem; padding-bottom:0.3rem;}
.summary .z1{ font-size:28px; font-weight:bold;}
.summary .context{ margin-top:0.3rem; font-size:16px; line-height:1.5;}
@media (min-width:1081px) {
}
@media (min-width:1px) and (max-width:1080px){
}

/*.ProList .item .img:before{content: ""; padding-top: calc(100% * 400 / 400); display: block;}*/

.ProList{}
.ProList .item{ margin: 0; width: calc((100% - 0.6rem)/3); margin-right: 0.3rem; margin-bottom: 0.3rem; box-sizing: border-box; background:#fff; border:1px solid #efefef;}
.ProList .item .img{ overflow:hidden; aspect-ratio: 4 / 3;}
.ProList .item .img img{ width:100%; height:auto;}
.ProList .item .txt{ padding:0.2rem;}
.ProList .item .txt .z1{ font-size:15.24px; font-weight:bold; color:#000;}
.ProList .item .txt .z2{ font-size:13.55px; color:#4b5563; margin-top:0.2rem;}
@media (min-width:1081px){
	.ProList .item:nth-child(3n){ margin-right: 0;}
	.ProList .item:hover .img img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:1080px) {
	.ProList{}
	.ProList .item{  width: calc((100% - 0.2rem)/2); margin-right: 0.2rem;}
	.ProList .item:nth-child(2n){ margin-right: 0;}
	.ProList .item .txt{}
	.ProList .item .txt .z1{ font-size: 14px; }
}


/*====产品详情====*/
.product-gallery{ padding:0.7rem 0 0.95rem;}
.product-gallery .container{ align-items:center;}
.product-gallery .product-pic{ margin:0; width:calc(35%);}
.product-gallery .product-pic .swiper-slide{ margin:0; box-sizing:border-box; border:1px solid #f0f0f0; cursor:pointer;}
.product-gallery .product-pic .swiper-slide img{ width:100%; height:auto;}
.product-gallery .product-summary{ margin:0; width:calc(100% - 0.65rem - 35%);}
.product-gallery .product-summary .z1{ font-size:28px;  font-weight:bold; margin-bottom:0.2rem;}
.product-gallery .product-summary .z2{ font-size:16px; margin-bottom:0.4rem;}
.product-gallery .product-summary .product-desc{ margin-bottom:0.45rem; border-top:1px solid #f3f5f9; padding-top:0.3rem;}
.product-gallery .product-summary .product-desc .context{ font-size:16px; line-height:2; color:#333;}
.product-gallery .product-summary .product-spec{ display:flex; align-items:center; flex-wrap:wrap;}
.product-gallery .product-summary .product-spec a{ display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:bold;}
.product-gallery .product-summary .product-spec a i{ font-size:25px; margin-right:0.15rem; color:#ff1d1d;}
.product-gallery .product-summary .product-spec .wk_arrow{ margin:0 0.25rem 0 0; padding:0.15rem 0.55rem; color:#fff; font-weight:normal; background:var(--main-color);}
.product-gallery .product-summary .product-spec .whatsapp{ background:#25d366; padding:0.15rem 0.55rem; color:#fff; font-weight:normal;}
.product-gallery .product-summary .product-btn{ margin-top:1.2rem; display:flex; justify-content:space-between; align-items:center;}
.product-gallery .product-summary .product-btn .back{ font-size:16px;}
.product-gallery .product-summary .product-btn .back i{ margin-right:0.15rem;}
.product-gallery .product-summary .product-btn .share{ display:flex; flex-wrap:wrap; align-items:center;}
.product-gallery .product-summary .product-btn .share a{ display:flex; align-items:center; justify-content:center; width:35px; height:35px;border-radius:50%; margin-left:3px;}
.product-gallery .product-thumb{ margin-top:0.25rem;}
.product-gallery .product-thumb .swiper-slide{ margin:0; box-sizing:border-box; border:1px solid #f0f0f0; padding:0.15rem; cursor:pointer;}
.product-gallery .product-thumb .swiper-slide-thumb-active{ border-color:var(--main-color);}
@media (min-width:1081px){
} 	
@media (min-width:1px) and (max-width:1080px){
     .product-gallery .product-pic{ width:100%;}
     .product-gallery .product-summary{ width:100%; margin-top:0.3rem;}
}

.product-content{ background:#fbfbfb; padding:0.6rem 0;}
.product-content .product-text{ margin:0; width:100%;}
.product-content .product-text .xgeffect{ margin-bottom:0.45rem;}
.product-content .product-text .xgeffect .detailtop{ border-bottom:2px solid #e9e9e9;}
.product-content .product-text .xgeffect .detailtop .item{margin:0; background:var(--main-color); font-size:16px; font-weight:bold; color:#fff; padding:15px 25px; text-transform:uppercase; box-sizing:border-box;}
.product-content .product-text .xgeffect .detalist{ margin-top:0.5rem;}
.product-content .product-text .xgeffect .detalist .context{ font-size:16px; line-height:2;}
/*.product-content .product-text .xgeffect .detalist .context img{ width:100%; height:auto;}*/
.product-content .product-text .xgeffect .detalist table{ width:100%;}
.product-content .product-text .xgeffect .detalist table tr:nth-child(2n+1){ background:#f2f2f2;}
.product-content .product-text .xgeffect .detalist table tr:nth-child(2n){ background:#fff;}
.product-content .product-text .xgeffect .detalist table tr{ height:auto;}
.product-content .product-text .xgeffect .detalist table tr td{ padding:10px; height:auto!important; font-size:16px;}
.product-content .product-intro{ margin:0; width:4.85rem;}
.product-content .product-intro .item{ padding:0.2rem 0.4rem; background:#fff; margin-bottom:0.15rem; font-family:Ebrima; font-weight:bold; font-size:18px; cursor:pointer;}
.product-content .product-intro .item.active{ background:#79b91c; color:#fff;}
@media (min-width:1081px){
    .product-content .product-intro{ position:sticky; top:1.2rem;}
    .product-content .product-text .xgeffect .detalist .ProList .flex_betweenlist{ display:grid; grid-template-columns:repeat(4,1fr); gap:0.3rem;}
    .product-content .product-text .xgeffect .detalist .ProList .item{ width:100%;}
} 	
@media (min-width:1px) and (max-width:1080px){
}

.table-responsive{overflow-x:auto;min-height:.01%;}
@media screen and (max-width:767px){.table-responsive{overflow-y:hidden;margin-bottom:15px;width:100%;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar; box-sizing: border-box;}
.table-responsive>.table{margin-bottom:0;}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap;}
.table-responsive>.table-bordered{border:0;}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0;}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0;}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;}
}

/*====产品订单====*/
.onlineInquiry{ overflow: hidden;}
.onlineInquiry .input{ overflow: hidden; display: flex; align-items: center; background: none; border: 1px solid #d8d8d8; box-sizing: border-box; padding:0  0.15rem; margin-bottom: 25px; border-radius: 5px;}
.onlineInquiry .input.textarea{ align-items: stretch;}
.onlineInquiry .input.textarea>label{ padding: 20px 0;}
.onlineInquiry .input>label{ font-size: 14px; color: #333; white-space: nowrap;text-overflow: ellipsis;}
.onlineInquiry .input>input{ flex: 1; background: none; line-height: 0.55rem; box-sizing: border-box; padding: 0 5px;}
.onlineInquiry .input>textarea{ flex: 1; background: none; border: 0; outline: none; padding: 20px; box-sizing: border-box; resize: none}
.onlineInquiry .button{ overflow: hidden; width: 100%; float: left;}
.onlineInquiry .button>button{ border: 0; padding: 10px 30px; line-height: 35px; position: relative; font-size: 17px; display: inline-block; transition: linear 0.35s; z-index: 1; cursor: pointer; color: #fff; outline: none;overflow: hidden; background: var(--main-color); width: 100%; text-transform: uppercase;}
.onlineInquiry .fr{ position:relative;}
.onlineInquiry .fr .txt{ padding:0.6rem 0.35rem; background:rgba(27,49,83,0.8); color:#fff;}
.onlineInquiry .fr .txt .z1{ font-size:20px; text-transform:uppercase; font-weight:bold; margin-bottom:0.4rem;}
.onlineInquiry .fr .txt .p1{ font-size:18px; line-height:1.67;}
.onlineInquiry .fr .txt a{ margin-top:0.65rem;}
@media (min-width:1081px)  {
    .onlineInquiry .flex_between{ align-items:stretch;}
    .onlineInquiry .lt{ margin:0; width:calc(100% - 35% - 0.45rem);}
    .onlineInquiry .fr{ margin:0; width:35%; position:relative;}
    .onlineInquiry .fr .txt{ position:absolute; right:0; bottom:0; left:1.1rem;}
}
@media (min-width:1px) and (max-width:1080px){
    .onlineInquiry .lt{ width:100%;}
    .onlineInquiry .fr{ width:100%; margin-top:0.3rem;}
}
/*====产品中心====*/

/*====联系我们====*/
.contact{  padding:0.85rem 0 1rem; background:url(/dist/images/1_12.webp) no-repeat center center / cover;}
.contact .container{ align-items:stretch;}
.contact .lt{ margin:0; width:50%; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:column;}
.contact .lt .tit{ width:100%; font-size:0.34rem; font-weight:bold; color:#0f2744;}
.contact .lt .info{ display:grid; grid-template-columns:repeat(2,1fr); gap:0.7rem;}
.contact .lt .info .item{ margin:0; width:100%;}
.contact .lt .info .item .z1{ font-size:18px; color:#868689; margin-bottom:0.2rem;}
.contact .lt .info .item .p1{ font-size:20px; line-height:1.3; font-weight:bold;}
.contact .lt .info .item .p1 a{ display:block; margin-bottom:0.1rem;}
.contact .fr{ margin:0; width:calc(50% - 1.2rem); box-sizing:border-box; background:#fff; box-sizing:border-box; border:1px solid #f2f2f2; padding:0.5rem 0.55rem;}
.contact .fr .z1{ width:100%; font-size:0.34rem; font-weight:bold; color:#0f2744; margin-bottom:0.2rem;}
.contact .fr .p1{ font-size:18px; margin-bottom:0.55rem;}
map[name='maps']{ position: relative; height: 7rem; display:block;}

@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px) {
    .contact .lt{ width:100%;}
    .contact .lt .tit{ margin-bottom:0.3rem;}
    .contact .lt .info{ grid-template-columns:1fr;}
    .contact .fr{ width:100%; margin-top:0.3rem;}
}


/*====留言====*/
.contact-form{ }
.contact-form .feedbackbox{ overflow: hidden;}
.contact-form .feedbackbox dl{}
.contact-form .feedbackbox dl dd{ width:100%; display:flex; align-items:center; justify-content:space-between; background:none;  box-sizing:border-box; border-bottom:2px solid #e8e8e8;}
.contact-form .feedbackbox dl dd.w100{ width:100%; margin-right:0;}
.contact-form .feedbackbox dl dd label{ display:inline-flex; align-items:center; white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#abacae;}
.contact-form .feedbackbox dl dd label i{ margin-right:0.1rem;}
.contact-form .feedbackbox dl dd label em{ font-style:normal; color:red;}
.contact-form .feedbackbox dl dd input[type='text']{ margin: 0; font-size: 16px; width: 100%; background:none; box-sizing: border-box; height: 56px; color: #333; padding: 0.1rem 0.25rem; border: 0;}
.contact-form .feedbackbox dl dd.textarea{ display:block; margin-top:0.2rem;}
.contact-form .feedbackbox textarea{ outline: none; resize: none; margin: 0; font-size: 16px; width: 100%; background: #fff; box-sizing: border-box; height: 110px; color: #333; padding: 0.1rem 0; border-radius: 5px; margin-bottom: 0.15rem; border: 0;}

.contact-form .feedbackbox input::-webkit-input-placeholder{ color: #333; }
.contact-form .feedbackbox input:-moz-placeholder{ color: #333;}
.contact-form .feedbackbox input::-moz-placeholder{ color: #333;}
.contact-form .feedbackbox input:-ms-input-placeholder{ color: #333;}

.contact-form .feedbackbox textarea::-webkit-input-placeholder{ color: #333; }
.contact-form .feedbackbox textarea:-moz-placeholder{ color: #333;}
.contact-form .feedbackbox textarea::-moz-placeholder{ color: #333;}
.contact-form .feedbackbox textarea:-ms-input-placeholder{ color: #333;}

.contact-form .btn{ margin-top:0.35rem;}
.contact-form .btn button{ padding:15px 40px; background:var(--main-color); border:0; cursor:pointer; outline:none; font-size:16px; color:#fff; box-sizing:border-box; width:100%;}
@media (min-width:1081px) {
    .contact-form .feedbackbox dl dd:nth-child(2n){ margin-right:0;}
}
@media (min-width:1px) and (max-width:1080px) {
}

/*====联系我们====*/

/*====新闻中心====*/
.exhibition{ padding:0.7rem 0 0.95rem;}
.exhibition .tit{ font-size:0.34rem; font-weight:bold;}
.exhibition .list{ margin-top:0.6rem;}
.exhibition .swiper-slide{ margin:0;}
.exhibition .item{ width:100%;}
.exhibition .item .tit{ width:100%;}
.exhibition .item .tit .z1{ font-size:0.34rem; font-weight:bold; color:#0f2744;}
.exhibition .item .tit .p1{ margin-top:0.5rem; font-size:0.2rem; line-height:1.6; color:#4b5563;}
.exhibition .item a{ width:100%; font-size:16px; text-decoration:underline; color:var(--main-color);}
.exhibition .item .img{ overflow:hidden;}
.exhibition .item .img img{ width:100%; height:auto;}
.exhibition .item .txt{ margin-top:0.4rem;}
.exhibition .item .txt .z1{ font-size:18px; font-weight:bold; line-height:1.56;}
.exhibition .item .txt .p1{ font-size:16px; line-height:1.32; margin-top:0.3rem; color:#333;}
.exhibition .item .txt .more{ width:48px; height:48px; background:#e6e6e6; display:inline-flex; align-items:center; justify-content:center; color:#fff; margin-top:0.25rem;}
.exhibition .item .txt .more i{ font-size:16px;}
.exhibition .swiper-pt{ display:flex; align-items:center; justify-content:center; margin-top:0.7rem;}
.exhibition .swiper-pt span{ background:#cfd4da; box-sizing:border-box; border:1px solid #eef1f4; border-radius:0; opacity:1; width:35px; height:3px;}
.exhibition .swiper-pt .swiper-pagination-bullet-active{ background:var(--main-color); border-color:var(--main-color);}
@media (min-width:1081px){
    .exhibition .item:hover .img img{ transform:scale(1.1);}
    .exhibition .item:hover .txt .more{ background:var(--main-color);}
}
@media (min-width:1px) and (max-width:1080px) {
}


.NewsList{ padding-block:0.55rem;}
.NewsList .tit{ font-size:0.34rem; font-weight:bold; margin-bottom:0.45rem;}
.NewsList .item{ width:100%; align-items:center; margin-bottom:0.3rem; padding-bottom:0.3rem; border-bottom:1px solid #f2f2f2;}
.NewsList .item .tag{ margin:0; width:1.8rem; display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; flex-direction:column; box-sizing:border-box; padding-left:0.35rem;}
.NewsList .item .tag span{ font-size:16px; display:block;}
.NewsList .item .tag span:first-child{ font-size:24px; font-weight:bold; margin-bottom:0.1rem;}
.NewsList .item .img{ overflow:hidden; border-radius:0.1rem; margin:0; width:3.05rem;}
.NewsList .item .txt{ margin:0; width:calc(100% - 1.8rem);}
.NewsList .item .txt .time{ color:#a5a5a5; font-size:14px; line-height:1.625; margin-bottom:0.15rem;}
.NewsList .item .txt .z1{ font-size:22px; font-weight:bold; }
.NewsList .item .txt .p1{ font-size:16px; line-height:1.625; margin-top:0.2rem; color:#333;}
.NewsList .context{ font-size:16px; line-height:2;}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px) {
	.NewsList .item{ width: 100%; margin-right: 0;}
    .NewsList .item .tag{ margin:0; width:100%; padding:0; margin-bottom:0.3rem;}
    .NewsList .item .img{ width: 100%;}
    .NewsList .item .txt{ width: 100%;}
    .NewsList .item .txt .z1{ font-size: 15px;}
}


.NewsDetail{}
.NewsDetail .article-title{ font-size:0.36rem; font-family:Ebrima; font-weight:bold;}
.NewsDetail .article-meta{ margin:0.2rem 0; font-size:16px; color:var(--main-color);}
.NewsDetail .article-meta span{ margin-right:0.2rem; display:inline-flex; align-items:center;}
.NewsDetail .article-meta span i{ font-size:20px; margin-right:0.1rem;}
.NewsDetail .article-detail{ font-size:16px; line-height:2;}
.NewsDetail .article-detail ol,.NewsDetail .article-detail ul{ padding-left: 30px; all: revert;}
.NewsDetail .article-detail ol li,.NewsDetail .article-detail ul li{ all: revert;}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px) {
}
/*====新闻中心====*/

/*====应用中心====*/
.ApplicationList{ padding:0.8rem 0;}
.ApplicationList .tit{ font-size:0.34rem; font-weight:bold; margin-bottom:0.6rem;}
.ApplicationList .list{ display:grid; grid-template-columns:repeat(4,1fr); gap:0.3rem; margin-bottom:0.3rem;}
.ApplicationList .list .item{ margin:0; width:100%; padding:0.2rem; background:#f5f5f5; box-sizing:border-box;}
.ApplicationList .list .item .img{ overflow:hidden;}
.ApplicationList .list .item .txt{ margin-top:0.2rem;}
.ApplicationList .list .item .txt .z1{ font-size:16px;}
@media (min-width:1081px){
}
@media (min-width:1px) and (max-width:1080px){
    .ApplicationList .list{ grid-template-columns:repeat(2,1fr);}
}
/*====应用中心====*/

/*region 其他*/
.thk_nav{ text-align: justify; font-size: 16px; line-height: 2em; padding: 30px 0;}
.thk_nav>h1{ font-size: 20px; font-weight: bold; color: #333;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #d00000;color:#ffffff;background-color:#d00000;}
.btnthank:hover{background-color: #ffffff;color: #d00000;}


.hidden{ display: none!important;}
@media (min-width:1081px){
    .hidden-pc{display: none!important;}
}
@media (min-width:1px) and (max-width:1080px) {
	.hidden-xs{ display: none!important;}
}
/*endregion*/



/*其他*/
.table-responsive{overflow-x:auto;min-height:.01%;}
@media screen and (max-width:767px){.table-responsive{overflow-y:hidden;margin-bottom:15px;width:100%;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-responsive>.table{margin-bottom:0;}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap;}
.table-responsive>.table-bordered{border:0;}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0;}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0;}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;}
}

.material{ overflow: hidden; padding: 30px 0; text-align: center; font-size: 14px; text-transform: capitalize; font-weight: bold;}
@media (min-width:1px) and (max-width:1080px) {
.material{ padding: 20px; font-size: 14px;}
}
.onliewhatsapp{ position:fixed; right:15px; bottom:20%; z-index:10;}
.onliewhatsapp img{ width:70px;}



/*====分页====*/
.pagination{ margin:0; padding:0; display:flex; justify-content:center;}
.pagination a{ width:24px; height:24px; background:#eee; display:inline-flex; align-items:center; justify-content:center; margin:0 2px; color:#333; border-radius:5px;}
.pagination a:hover,.pagination a.active{ background:var(--main-color); color:#fff;}
/*====分页====*/

#float{position:fixed;right:0;top:50%;margin-top:-80px;z-index:9; }
#float .ico{ width: 0.5rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; background: var(--main-color); margin-bottom: 0.1rem; border-radius: 50%; color: #fff; cursor: pointer;}
#float .ico i{ font-size: 0.25rem;}
#float .ico span{ display: none;}
#float .whatsapp{ background: #3acb3e;}
#float .wechat{ background: #3acb3e;}
#float .qq{ background: #68A5E1;}

@media (min-width:1px) and (max-width:1081px){
	
}

#floatForm{position:fixed;right:0;bottom:0;z-index:10; transition: linear 0.35s; transform: translateY(200%); opacity: 0;}
#floatForm[typeof='open']{ transform: translateY(0); opacity: 1}
#floatForm .contactTop{ overflow: hidden; display: flex; justify-content: space-between; margin-left: -20px; margin-top: -30px; position: relative; height: 75px; margin-bottom: 0.2rem; align-items: center;}
#floatForm .contactTop:before{position:absolute;top:0;left:0;width:0;height:0;border-color:var(--main-color) transparent transparent transparent;border-style:solid;border-width:75px 98px 0 0;content:"";}
#floatForm .contactTop .contactLogo{ margin-left: 20px; margin-top: 5px; position: relative; z-index: 3; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px var(--main-color); background: #fff; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;}
#floatForm .contactTop .contactLogo img{ max-width: inherit; width: 100%; height: auto;}
#floatForm .contactForm{width:90%;max-width:380px;z-index:1; padding:30px 20px;background-color:#f3f3f3;border:1px solid #d5d5d5; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#floatForm .contactForm .btnclose{display:inline-flex;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;align-items: center;justify-content: center;cursor:pointer; margin: 0;}
#floatForm .contactForm .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;}
#floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;}
#floatForm .contactForm input,.contactForm textarea{padding:12px;width:100%;border:1px solid #dadada;margin-bottom:10px;background-color:#fff;color:#000;resize:none; box-sizing: border-box;}
#floatForm .contactForm .submit{padding:0.1rem 0.2rem;min-width:100%;font-size:0.16rem;border:1px solid var(--main-color);background-color:var(--main-color);text-align:center;color:#fff;display:inline-block; height: auto; box-sizing: border-box; border-radius: 0;}
#floatForm .contactForm .submit:hover{color:#fff;}
@media (min-width:1px) and (max-width:1081px){
	#floatForm{ bottom: 50px;}
}


.thankyou{ text-align: center; padding: 0.6rem 0;}
.thankyou .z1{ font-size: 0.45rem; line-height: 1.6; font-weight: bold;}
.thankyou p{ font-size: 18px; line-height: 1.5;}
.thankyou a{ display: inline-flex; margin-top: 0.3rem; font-size:16px;}

.PrivacyPolicy{ padding: 0.6rem 0;}
.PrivacyPolicy h3{ font-size: 0.45rem; line-height: 1.6; font-weight: bold;}
.PrivacyPolicy article{ line-height: 2; font-size: 0.16rem;}
.PrivacyPolicy article h4{ font-size: 0.18rem;}


/*404*/
.page404{ overflow: hidden; padding: 0.3rem 0; text-align: center;}
.page404 img{ border: 0; width:60%;}
.page404 h2{ font-size: 0.2rem; color: var(--main-color);}
.page404 h2 span{ display: inline-flex; align-items: center;}
.page404 h2 span:before{ content: ""; display: inline-block; width: 0.15rem; height: 1px; background: var(--main-color); margin-right: 0.1rem;}
.page404 h2 span:after{ content: ""; display: inline-block; width: 0.15rem; height: 1px; background: var(--main-color); margin-left: 0.1rem;}
.page404 h4{ font-size: 1.6rem; color: #333; font-weight: bold;}
.page404 p{ font-size: 0.16rem; color: #333;}
.page404 .btn404{ display: inline-block; padding: 0.16rem 0.32rem; border: 1px solid #333; font-size: 0.16rem; margin-top: 0.5rem; transition: linear 0.35s;}
.page404 .btn404:hover{ background: var(--main-color); color: #333;}