@charset "utf-8";
:root {--blue:#003894;--blue_bg:#eff3f7;--link:#6f339f; --white:#ffffff; --black:#000; --grey_3:#333333; --grey_6:#666666; --grey_9:#999999;--grey_c:#cccccc;--grey_d:#dddddd;--grey_e:#eeeeee;--grey_f5:#f5f6f7; --grey_d9:#d9d9d9; --swiper-theme-color:#666666; ;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-display:swap; font-family:'Poppins','Microsoft Yahei', sans-serif,Arial;line-height: 1.8; font-size: 16px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
html, body {color: var(--grey_3);}
body {background: #ffffff; overflow-x: hidden;}
ul, ol, li {list-style: none; line-height:0;}
*{-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-ms-transition: background .5s ease;-o-transition: all .5s ease;transition: background .5s ease;box-sizing: border-box;}
::selection{background:var(--blue);color:#ffffff;}
::-moz-selection{background:var(--blue);color:#ffffff;}
.siyuan, .siyuan a{ color:#333333;}
b, em, i {font-style: normal}
h1, h2, h3, h4, h5 {font-weight: normal}
input::-moz-placeholder, textarea::-moz-placeholder { color:var(--grey_6); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:var(--grey_6);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:var(--grey_6);}
button, .button{font-size: 15px;cursor: pointer;font-family:Arial, Microsoft Yahei;}

a {color: var(--black);text-decoration: none;display: inline-block;}
a:hover {color: var(--blue);text-decoration: none;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
img {border: 0; display: block;list-style:none; line-height: 0; width: 100%; height: auto;}
.h2{ font-size:28px; line-height:1.2; font-weight: 600; color: var(--black);}
.h3{ font-size:20px; line-height:1.2; font-weight:500; color: var(--black);}
.h3-24{ font-size:24px; line-height:1.2; font-weight:500; color: var(--black);}
.h3-30{ font-size:30px; line-height:1.2; font-weight:500; color: var(--black);}
.black{color:  var(--black);}
.white{color: var(--white);}
.family500{ font-weight:500;}

.title-h2{font-size:clamp(16px, 2vw, 24px); line-height:1.2; font-weight: 600; color: var(--blue); }
.title-em{ width: 100%; font-size: clamp(18px, 2vw, 32px);x;display: block;}
.title-flex{display: flex;justify-content: space-between; align-items: flex-end;}
.title-span{font-size: 50px; line-height: 1; font-weight: bold;    text-transform: uppercase;color: rgba(0,0,0,4%);user-select: none; display: block;}
.a-button{  width: max-content;padding:6px 6px 6px 30px ;color: var(--blue);font-size: 17px; background: none;border-radius: 21px;cursor: pointer;font-weight: 600; display: flex;    align-items: center;    text-transform: uppercase;}
.a-button i{width: 30px; height: 30px; border-radius: 50% ; margin-left: 10px;font-size: 14px; background: var(--blue); color: var(--white);display: flex;align-items: center; justify-content: center;}
.a-button:hover{background: var(--blue); color: var(--white);}
.a-button-bottom{margin-bottom: 6px;}

.imgbig{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;display: block !important}
.imgbig:hover, .trans-img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.imgbigout {display: block;overflow: hidden}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear {zoom: 1}
.wrap{width: 100%;}
.left {float: left}
.right {float: right}
.center{text-align: center;}
.hide {display: none!important;}
.show{ display:block!important;}
.relative{position: relative;}
.page-hide{display: none;}
.uppercase{text-transform: uppercase;}
.lazy {background: url(/static/web/img/loadinglit.gif) 50% 50% no-repeat}
li.lazy { height:100%;background: none 50% 50% no-repeat;}
.tran {transition: all .3s ease}
.tran5 {transition: all .5s ease}
.container{ width:90%; height: 100%; max-width:1800px; margin:0 auto;}
.flex{ display: flex;}
.flex-column{display: flex;justify-content: center; flex-direction: column;}
.page-margin{ margin-top:100px; margin-bottom:100px;}
.p-50{ padding:50px 0;}
.p-80{ padding:80px 0;}
.p-120{ padding:120px 0;}
.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-40{ margin-top:40px;}
.m-t-50{ margin-top:50px;}
.m-t-60{ margin-top:60px;}
.m-t-80{ margin-top:80px;}
.m-t-100{ margin-top:100px;}
.m-t-120{ margin-top:120px;}
.m-t-146{margin-top: 146px;}
.m-b-20{margin-bottom: 20px;}
.p-t-30{padding-top: 30px;}
.m-w-700{max-width: 700px;}
.h2-title{font-size: 30px; line-height: 30px; font-weight: 500; color: var(--black);}
.p p{ margin-bottom:10px;text-align: justify;}
.line-clamp-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-4{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;}
.content-wrap{ width: 100%;}
.content-wrap h2{font-size: 22px; line-height: 1.4; font-weight: bold; color: var(--black); margin-bottom: 10px; margin-top: 20px;display: inline-flex;}
.content-wrap h3{font-size: 18px;line-height: 1.4; font-weight: bold; color: var(--black); margin-bottom: 10px;}
.content-wrap img{width: 100%; max-width: max-content;}
.content-wrap li{line-height: 1.4; margin-left: 20px;list-style: disc;}
.content-wrap p, .content-wrap li, .content-wrap img{ margin-bottom:10px;}

.current:first-child, .pager .p1:last-child {display: none}
a.more-button{ width:250px; height:42px; line-height:42px; font-size:16px;padding:0 20px 0 40px; border-radius: 5px; display: block; background: var(--grey_9); color:#ffffff;transition: all .3s ease; text-decoration:none;}
a.more-button .icon-swap-right:before{ font-size:24px;color:#ffffff;}
a.more-button:hover{padding:0 50px;background:var(--grey_6); color:#ffffff;box-shadow:0px 4px 10px #aaaaaa;transition: all .3s ease}
input,textarea,select,a:focus, button {outline: none;}


/*.animated {position: fixed; z-index:99;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -80px; box-shadow:none;}
.animated.slideUp {top: 0;box-shadow:0px 0px 20px #dddddd;}*/

0% {opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}

.title-name{ margin-bottom:24px;}
.name-cn{ text-align:center; font-size:30px; color:var(--grey_3);}
.name-describe{ color:#999999; text-align:center; margin-top:10px;}

/*分页*/
.pager {text-align: center; margin-top: 30px;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 8px 16px; margin: 30px 5px 0 5px;border: var(--grey_c) solid 1px; display: inline-block; line-height: 1.2; border-radius: 3px;}
.pager ul li a:hover {border: var(--blue) solid 1px; color: var(--blue);}
.pager ul .active a {border: var(--blue) solid 1px; display: inline-block; background-color: var(--blue);; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: var(--blue) solid 1px;}
.pager ul .active a:hover {color: var(--white); border: var(--blue);}

.header{ width: 100%; height: 80px; position: fixed; background: var(--white); z-index: 9; top: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.header .logo{  display: flex; flex-direction: column;justify-content: center;}
.header .logo img{height: 42px; width: auto;}
.header .topbar{ width:max-content;margin-left: 6%; position: relative;z-index: 2; display: flex;align-items: center;}
.header  i{font-size: 20px;}
.header .topbar-span{  font-size: 16px;margin-left: 15px;margin-right: 5px;color: var(--grey_6);}
.header .search{margin-left: auto; cursor: pointer;  padding: 0 16px; display: none;}
.header .text:hover i{ color: var(--link);}
/*.header .search:before, .header .language:before{left: 10px;}
.header .search:hover, .header .language:hover{background: var(--blue); color: var(--white);}*/
.header .language{padding-left: 20px;margin-left: 18px; cursor: pointer;    height: 100%;display: flex;align-items: center; position: relative;}
.header .language:before{content: "|"; position: absolute; left: 0; display: flex;     align-items: center;}
.header .products-search{width: 500px;padding: 20px;margin-left: auto;background: var(--white);position: absolute;top: 70px;right: 0;box-shadow: 0px 0px 20px rgba(0, 0, 0, 5%); display: none;}
.header .products-search .input{width: 100%;height: 40px;    padding-left: 10px;border: 1px solid #ccc; border-right: 0;border-radius: 5px 0 0 5px;}
.header .products-search .submit{width: 50px; height: 40px;line-height: 0;font-size: 16px;background: var(--white);cursor: pointer;font-weight: normal;border-radius: 0px 5px 5px 0; border:1px solid #ccc; border-left: 0;}
.header .products-search .submit:hover{ background:var(--blue); color:var(--white);}
.header .search-show{height:100%;transition:all .3s ease;}
.header .search-show .input, .header-nav .search-show .submit{ margin-top:0; transition:all .5s ease .2s;opacity:1;}
.header .products-search .products-search-con{width: 100%;}
.header .products-search .products-search-con form{display: flex;}
.header .search-button, .header .search-close{margin-left: 10px; padding: 0; background: none; border:0;}

.navbar{ width: max-content; margin-left: auto;}
.navbar .menu-button, .header .menu-close, .header .search-close{font-size: 18px; border: 0; cursor:pointer; display:none;    background: none;}
.navbar .navbar-nav{width: 62%;margin-left: auto;min-width: 600px;}
.navbar .menu{height: 100%;position:relative; display: flex;justify-content: space-between;}
.navbar .menu li{height: 100%; display: flex; align-items: center;}
.navbar .menu li a{font-size: 16px; line-height: 1; font-weight: 600;text-transform: uppercase;}
.navbar .menu li a:hover, .navbar .menu a.active{ color: var(--blue);}
.navbar .menu li i{margin-left: 5px;font-size: 12px;}
.navbar .menu li ul { width:max-content; padding:10px 65px 20px 25px;    margin-left: -25px; position:absolute; background:#ffffff; display:none; z-index:9; top:80px;border-radius: 5px;box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.navbar .menu li ul li a{ width:100%; height:32px; line-height:32px; padding: 0!important;color:#333; font-weight:400!important; background: none!important;    text-transform: capitalize!important;}
.navbar .menu .two{ left: 285px;top: 0;width: 340px;padding: 0 0 10px 0;}
.navbar .menu .two-span{position: absolute; font-size:10px; right:16px;}
.nav-inquiry{width: max-content; height: 36px; padding: 0 20px;color: var(--link);border: 1px solid var(--link);background: none;border-radius: 20px; cursor: pointer;font-weight: 600;display: flex;align-items: center; }
.nav-inquiry:hover{background: var(--link); color: var(--white);}
.nav-inquiry i{font-size: 14px!important; margin-left: 5px;}
.top-wrap{height: 80px;}

.banner{ width: 100%; background: var(--grey_f5); overflow: hidden;}
.banner .pc{}
.banner .mobile{ display: none;}
.banner li{width: 100%; position: relative;display: flex;align-items: center; position: relative;}
.banner li:before {content: ""; position: absolute;z-index: 2;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);display: block;}
.banner .banner-img{width: 100%;}
.banner .banner-wrap{width: 100%; height: 100%; position: absolute;z-index: 3;}
.banner .banner-content{color: var(--white);display: flex; flex-direction: column; justify-content: center;}
.banner span{font-size: 24px; line-height: 1.3; color: var(--link);}
.banner h2{margin-top: 10px;font-size: clamp(30px, 3vw, 60px); font-weight: bold;line-height: 1.3; }
.banner em{width: 100%;max-width: 700px;margin-top: 30px; font-size: clamp(16px, 2vw, 24px);}
.banner .banner-poin{width: 100%; height: 10px; position:absolute; bottom: 50px; z-index: 2;}


.message{ width: 100%;text-align: center; }
.message .message-content{ width: 100%; max-width: 850px; margin-left: auto; margin-right: auto;}
.message ul, .contact-message ul{display: grid; grid-template-columns:1fr 1fr; grid-gap:10px;}
.message .li-columns, .contact-message .li-columns{grid-column-start: 1;grid-column-end: 3; text-align: center;}
.message input, .message textarea, .contact-message input, .contact-message textarea{ width: 100%;padding: 8px 12px; color: var(--grey_6); border: 1px solid var(--grey_d);    border-radius: 5px;font-size: 15px;}
.message textarea{height: 112px;}
.message button, .contact-message button{width:100%; padding: 12px 0; text-align: center;background: var(--blue);color: var(--white);border: 0;cursor: pointer;    border-radius: 5px;}
.message button:hover, .contact-message button:hover{background: var(--link);}
.message em a{text-decoration: underline; font-weight: 500;}
.contact-message input{padding: 10px 12px;}
.contact-message textarea{height: 180px;}
.contact-message button{max-width: 600px; margin: 0 auto;}

.about{ width: 100%;}
.about .about-wrap{display: flex; flex-direction: row-reverse;    justify-content: space-between;}
.about .about-img{ width: 46%; overflow: hidden;line-height: 0;}
.about .about-subtitle{font-size: 20px; font-weight: 500; color: var(--black);}
.about .about-content{width: 44%; display: flex;flex-direction: column; justify-content: center;}
.about .about-content p{font-size: 18px; line-height: 2.4;}
.about .about-text{ width:100%;}
.about .about-text li{margin: 10px 0;line-height: 1.2; font-size:18px; font-weight: 500;}
.about .about-text li:before{content: "\f26a";font-family: bootstrap-icons!important; margin-right: 10px; font-size: 14px; color: var(--link);}
.about .about-em{ width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 22px; line-height: 1.2; font-weight: 500; position: relative; display: block;}
.index-about .about-text{width:100%; max-width: 640px; margin-right: 0; margin-left: 10%;}

.page-about{}
.page-about .title-h2{font-size: 46px;}
.page-about .page-abouttext{max-width:850px; margin: 0 auto; margin-top: 30px;}
.page-about .page-abouttext p{ font-size: 18px; line-height: 2.4; text-align: center;}

.culture{width: 100%; padding: 150px 0; background:url(/static/default/web/images/culture.webp) no-repeat var(--blue);background-size: cover;background-position: center;}
.culture ul{width: 100%; display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:80px  8%;z-index: 1;position: relative; color: var(--white); text-align: center;}
.culture h3{font-size: 22px;margin-top: 30px;line-height: 1;font-weight: bold;}
.culture i{font-size: 80px; color: var(--white);display: flex;justify-content: center;}
.culture p{margin-top: 30px;width: 100%;max-width: 500px;text-align: center;font-size: 18px; line-height: 2.2;}

.certificate{}
.certificate ul{width: 100%;}
.certificate .certificate-img{width: 100%; overflow: hidden;}
.certificate .certificate-img img{width: 100%;}
.certificate .certificate-name{margin-top: 10px; font-size: 18px; text-align: center;}


.news{ width: 100%; }
.news .news-right{width:100%; margin-left: auto;}
.news .news-right span.icon-span{top: 37%;}
.news ul li{ width: 100%;overflow: hidden;}
.news .news-img{ width: 100%;  line-height: 0; overflow: hidden;}
.news .new-warp{ padding: 20px 0;}
.news .news-name a{width: 100%;font-size: clamp(16px, 2vw, 22px);; line-height: 1.4;}
.news .news-describe{ width: 100%; margin-top: 10px; line-height: 22px;}
.news .news-time{ width: 100%; display: block; position: relative;}
.news .news-time:before{ position: absolute; left: 0; font-size: 14px;}
.news .news-time i{margin-right: 5px; font-size: 14px;    color: var(--grey_9);}
.news .news-more{margin:20px 0 10px;    display: flex;align-items: center;}
.news .news-more a{ margin-right: 10px; text-decoration: underline; font-weight: 600; color: var(--blue);}
.news .news-more a:hover{color: var(--link);}

.page-news{ width: 100%;}
.page-news .news-img{ width:100%;  line-height: 0;overflow: hidden;}
.page-news .news-img img{width: 100%;}
.page-news .new-warp{width:auto; padding:1% 5% 1% 3%;display: flex;flex-direction: column; justify-content: center;}
.page-news .news-name{ width: 100%;margin-top: 5px;}
.page-news .news-name a{width: 100%;line-height: 1.6; font-size: clamp(16px, 2vw, 22px);}
.page-news .news-describe{ width: 100%; margin-top: 10px;}
.page-news .news-time{ width: 100%;display: block; position: relative;}
.page-news .news-time:before{ position: absolute; left: 0; font-size: 14px;}
.page-news .news-time i{margin-right: 5px; font-size: 14px; color: var(--grey_9);}
.page-news .news-more{ display: flex;align-items: center;}
.page-news .news-more a{width: 150px; padding: 6px 0; background: var(--grey_e); display: flex;  justify-content: center;align-items: center;}
.page-news .news-more a i{margin-left: 10px;}
.page-news .news-more a:hover{background: var(--link); color: var(--white);}
.page-news .news-main{justify-content: space-between;}
.page-news ul.news-item{padding-top: 15px;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 40px;}

.news-detail{ width:68%;}
.news-detail .detail-title{font-size: 30px; line-height:  1.4; font-weight: 600;color:  var(--black);}
.news-detail .detail-info{ width: 100%;padding: 5px 0;}
.news-detail .detail-info .span{margin-right: 20px;}
.news-detail .detail-info .span:last-child{margin-right: 0;}
.news-detail .prenext{padding-top: 20px; border-top: 1px solid var(--grey_d);}
.news-detail .prenext span{width: 100%;margin-top: 10px;display: block;color: var(--black);}
.news-detail .prenext a{text-decoration: underline;font-weight: 500;}
.news-detail .prenext a:hover{ color: var(--blue);}
.news-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;margin-top: 30px;}
.content-tag{display: flex;}
.content-tag span{font-weight: 500;  margin-right: 10px;display: flex;align-items: center;}
.content-tag a{margin: 0 5px;border-radius: 10px; display: flex;align-items: center; color: var(--black); font-weight: 500; text-decoration: underline;}
.content-tag a:hover{color: var(--link);}

.news-related{width: 26%; max-width: 340px; margin-left: auto;}
.news-related h3{font-size: 20px; font-weight: bold;}
.news-related li{padding: 12px 0; padding-left: 10px; line-height: 1.6; border-bottom: 1px solid var(--grey_d);position: relative;}
.news-related li:before{content: "·"; font-size: 24px;position: absolute; left: 0; top:6px; }
.news-related a:hover{color: var(--link);}
.news-related .page-contact{width: 100%;}


.index-application{width: 100%; background: var(--grey_f5);}
.index-application .a-list{width: 290px; height: 100%; margin-right: 30px;}
.index-application .a-list .al-ul{width: 100%; height: 100%; display: flex;flex-direction: column;overflow: hidden;}
.index-application .a-list .al-ul li{width: 100%!important; padding:7% 0 7% 10px; line-height: 1.2; font-size: 16px;cursor: pointer;font-weight: 500;border-bottom: 1px solid var(--grey_d);}
.index-application .a-list .al-ul li i{margin-right: 5px; color: var(--grey_9);}
.index-application .a-list .al-ul li.swiper-slide-thumb-active, .index-application .a-list .al-ul li.swiper-slide-thumb-active i{color: var(--link);}
.index-application .a-content{width: calc(100% - 320px);}
.index-application .a-content li{display: flex;    justify-content: space-between;}
.index-application .ac-img{width: 58.5%; overflow: hidden;}
.index-application .ac-img img{height: auto; width: 100%;}
.index-application .ac-content{width: 41.5%; padding: 1% 4% 1% 5%; background: var(--white);    display: flex;flex-direction: column;justify-content: center;}
.index-application .ac-h3{font-size: 24px;line-height: 1.2;    font-weight: bold;}
.index-application .ac-text p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;overflow: hidden;}

.application{ width: 100%; }
.application ul.a-item{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:30px 3%;}
.application ul.a-item li:hover{ width: 100%;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);overflow: hidden;}
.application .a-warp{ padding: 20px;}
.application .a-name{ width: 100%; font-size: 22px; line-height: 1.2; text-align: center;}

.application-detail{width: 100%;}
.application-detail .ad-warp{width: 100%; display: flex;    flex-direction: row-reverse;    justify-content: space-between;}
.application-detail .ad-warp:nth-child(2){flex-direction: row-reverse;}
.application-detail .ad-text{width: 55%; /*display: flex;flex-direction: column; justify-content: center;*/}
.application-detail .ad-text > h1{ font-size: 28px; margin-bottom: 20px; line-height: 1.2;font-weight: 600;color: var(--black);}
.application-detail h2{font-size: 22px; line-height: 1.2;font-weight: 600;margin-bottom: 10px; margin-top: 20px;color: var(--black);}
.application-detail h3{font-size: 20px; line-height: 1.2;font-weight: 600;margin-bottom: 10px; margin-top: 20px;color: var(--black);}
.application-detail .ad-img{width: 40%; overflow: hidden;}

.service{}
.service-top{padding-top: 40px; border-top: 1px solid var(--grey_d);}
.service h2{margin-top: 0;}



.footer{ width: 100%; background: url(/static/default/web/images/footer_bg.webp) center center var(--blue_bg) no-repeat;}
.footer .footer-content{padding:100px 0 80px 0; justify-content: space-between;}
.footer .footer-about{max-width: 420px;}
.footer .footer-about p{font-size: 16px;}
.footer .footerimg{width: 150px;}
.footer .footerimg img{width: 100%; height: auto;}
.footer h2{ font-size: 24px; font-weight: bold;}
.footer .footer-h3{font-size: 18px;font-weight: 600;}
.footer .footer-about i{margin-right: 10px;}
.footer p.footer-tel{font-size: 48px; line-height: 1.4; font-weight: 600;margin-right: 10px; color: var(--blue);}
.footer .footer-tel span{font-size: 16px; font-weight: 500;}
.footer .footer-icon{display: flex;}
.footer .footer-icon .icon:not(:last-child){margin-right: 10px;}
.footer .footer-icon span, .contact-wrap span{width: 36px; height: 36px; background: var(--white); border-radius: 8px; cursor: pointer;display: flex; align-items: center;justify-content: center;}
.footer .footer-icon span i, .contact-wrap span i{margin-right: 0; font-size: 18px; color: var(--grey_3);}
.footer .footer-icon a:hover, .contact-wrap .icon:hover{color: var(--grey_3); text-decoration: none;}
.footer .footer-icon .icon:hover span, .contact-wrap .icon:hover span{background: var(--link); }
.footer .footer-icon .icon:hover span i, .contact-wrap .icon:hover span i{color: var(--white);}

.footer .footer-product{max-width: 300px;}
.footer .footer-product dd{ line-height: 40px; font-size: 16px;}
.footer .footer-product i{ font-size: 12px; margin-right: 6px;}
.footer a:hover{ color: var(--blue);text-decoration: underline;}
.footer .footer-menu{width: 70%; max-width:800px;  margin-left: auto; display: flex; justify-content: space-between;}

.footer .footer-copyright{padding: 26px 0;background: var(--blue); color: var(--white);}
.footer .footer-copyright .footer-copyright-span{margin-right: 20px;}
.footer .footer-copyright a{margin-right: 20px;color: var(--white); text-decoration: none;}
.footer .footer-copyright a:hover{ text-decoration: underline;}
.footer .footer-text{    width: 100%;display: flex; justify-content: space-between;}
.footer .footer-text p{font-size: 15px;}
.footer .footer-language{width:140px; margin-left: auto; position: relative; display: flex;  justify-content: center;}
.footer .language-wrap{font-size: 15px; display: flex; align-items: center; cursor: pointer;}
.footer .language-span{margin: 0 6px;}
.language-up{ width:140px;height: 114px;position: absolute; top: -114px;right: 0;background: var(--white);padding: 20px 0; border-radius: 5px;    box-shadow: 0px 3px 10px rgba(0, 0, 0, 5%); display: none;}
.language-up a{width: 100%; padding: 5px 30px; margin-right: 0;}
.language-up a:hover{ background:var(--grey_f5); color: var(--grey_3); text-decoration: none;}
.footer .footer-language:hover .language-up{ display: block;}

.header .language .language-up{top: 70px; right: -10px;}
.header .language:hover .language-up{ display: block; color: var(--grey_3);    height: auto;padding: 10px 0;}
.header .language:hover .language-up i{color: var(--grey_3);}
.header .language:hover .language-up a:hover, .header .language:hover .language-up a:hover i{color: var(--link);}
.header .iso{display: flex;flex-direction: column;justify-content: center;margin-left: 20px}
.header .iso-1{line-height: 1;font-size: 17px; font-weight: bold;}
.header .iso-2{line-height: 1;font-size: 15px; margin-top: 5px;}

.page-content{ width: 100%;}
.page-title{ font-size: 28px; line-height: 1.2; font-weight: bold; color: var(--black);}
.page-subtitle{font-size: 30px;color: var(--black);}
.page-more{ width: max-content; color: var(--black); font-weight: 500;cursor: pointer;}
.page-more:hover{text-decoration: underline; color: var(--blue);}
.page-location{height: 60px; padding-top: 10px; border-bottom: 1px solid var(--grey_d);}
.page-location ul{ display: flex;justify-content: flex-start;overflow: hidden;}
.page-location-bg{background: #f3f6fb;}
.page-location li{font-size: 14px; height:50px; line-height: 50px; float: left; display: flex;}
.page-location li:after { margin-left: 3px;padding-right: 5px;content: "/";}
.page-location li:last-child:after { display: none;}
.page-name{width: 100%; max-width: 900px;    margin-right: 40px;}
.page-contact{width: 230px; margin-left: auto; background: var(--grey_f5); padding: 20px;}
.page-contact a{ color: var(--link); display: flex;    align-items: center;}
.page-contact a i{width: 20px; height: 20px; margin-left: 10px; font-size: 12px; background: var(--link); color: var(--white); border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.page-contact a:hover{color: var(--blue);}
.page-contact a:hover i{background: var(--blue);}
.page-link{width: 230px;margin-left: auto; display: flex;  flex-direction: column;}
.page-link a{width: 100%;padding: 6px 10px; background:  var(--blue); color: var(--white); cursor: pointer;display: flex; justify-content: center;align-items: center;}
.page-link a:last-child{width: 100%;background: var(--grey_f5); color: var(--grey_3);}
.page-link a i{margin-left: 10px;}
.page-link a:hover{background: var(--blue); color: var(--white)!important;}

.icon-span{width:60px; height: 60px; background: var(--white); border-radius: 50%;box-shadow: 0px 5px 20px rgba(0, 0, 0, 10%);position: absolute; top: 50%; margin-top: -20px; z-index: 2; display: flex;justify-content: center;align-items: center; cursor: pointer;display: none;}
.icon-span:hover{background: var(--link); color: var(--white);}
.more-jiantuo-left{left: -30px;}
.more-jiantuo-right{right: -30px;}
.relative:hover .icon-span{ display: flex;}

/*swiper-bundle.css*/
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto; position: relative;list-style: none;z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-slide {flex-shrink: 0;width: 100%;position: relative;transition-property: transform;cursor: grab;}
.swiper-slide:active{cursor:grabbing;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -60px;left: 0;width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 50%;background: #000;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet:only-child {display: none !important;}
.swiper-pagination-bullet-active {opacity: 1;background:var(--swiper-theme-color);position: relative;}
.swiper-pagination-bullet-active:before{content: ""; width: 16px; height: 16px; position: absolute; left: -4px; top: -4px; border:1px solid var(--swiper-theme-color); border-radius: 50%;}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.icon-poin{text-align: center;}

.banner .more-jiantuo-left{left: 20px;}
.banner .more-jiantuo-right{right: 20px;}
.banner .swiper-pagination-bullet{width: 30px; height: 5px; background: var(--grey_9);border-radius: 0;}
.banner .swiper-pagination-bullet-active:before{display: none;}
/*.company-data{width: 100%;}
.company-data ul {grid-template-columns: auto auto auto auto;display: grid;justify-content: space-evenly;grid-gap: 30px 0;}
.company-data li .data-number{ font-size:38px; font-weight:600; color:var(--blue); line-height:40px;}
.company-data li .data-fuhao{ margin-left:10px; font-size:14px; font-weight:600; color:var(--grey_6);line-height:14px;} 
.company-data li .data-name{ width:100%; margin-top:5px; display:block; text-align: left; font-size:18px; color:var(--grey_3);line-height:18px;} */

.page-banner{width: 100%; position: relative;}
.page-banner .page-b-img{width: 100%; position: relative;}
.page-banner .page-b-img:before {content: "";position: absolute;z-index: 2; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);display: block;}
.page-banner .page-describe {width: 100%;height: 100%; left: 0;position: absolute;text-align: center;z-index: 3;    display: flex;flex-direction: column;justify-content: center;}
.page-banner .page-describe .describe-en {width: 94%;margin: 0 auto;font-size: clamp(30px, 3vw, 50px);line-height: 30px;color: var(--white);opacity: .5; font-weight: 600;text-transform: uppercase;}
.page-banner .page-describe .describe-cn {width: 94%;margin: 0 auto;margin-top: 1%;font-size: clamp(28px, 3vw, 42px);line-height: 1.2;font-weight: bold;color: var(--white);display: block;}
.page-banner .page-describe .describe-text {width: 94%;max-width: 1200px; margin: 0 auto; margin-top: 1%;font-size: clamp(20px, 3vw, 30px);line-height: 1.4;color: var(--white); display: block;}

.company-data{ }
.company-data ul { grid-template-columns: auto auto auto;display: grid;justify-content:space-evenly;grid-gap: 30px 0;max-width: 1000px;margin: 0 auto;}
.company-data li {width: max-content;float: left;}
.company-data li .data-text{ width:100%; text-align: left;}
.company-data li .data-text .data-number{ font-size:clamp(22px, 2vw, 46px); font-weight:600; color:var(--blue); line-height:1;}
.company-data li .data-text .data-fuhao{ margin-left:10px; font-size:20px; color:var(--grey_6);line-height:14px;} 
.company-data li .data-name{ width:100%; margin-top:15px; display:block; text-align: left; font-size:18px; color:var(--grey_3);line-height:16px;} 

.youshi{ width: 100%; height: auto;background: url(/static/default/web/images/youshi.webp);    background-size: cover;background-position: center; position: relative;}
.youshi:after{ content: "";width: 100%;height: 100%; background-color: rgba(0, 56, 148, 0.8);display: block; position: absolute; top: 0; left: 0;}
.youshi ul{display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap:0;}
.youshi ul li{ padding: 10%; display: flex;align-items: center;flex-direction: column;border: 1px solid #7592c1;}
.youshi li h3{ font-size: 22px;margin-top: 20px; line-height: 1; font-weight: bold;}
.youshi li p{margin-top: 15px; width: 100%;max-width: 345px;text-align: center;font-size: 18px;}
.youshi li i{font-size: 50px;}
.youshi .ys-position{z-index: 1; position: relative; color: var(--white);}
.youshi .title-h2{color: var(--white);}
.youshi ul li:hover{background: var(--white); color: var(--grey_6);}
.youshi ul li:hover h3{color: var(--blue);}

.factory{ width: 100%; }
.factory .f-warp{ width: 100%; display: flex; flex-direction: row-reverse;}
.factory .f-img{ width: 40%; line-height: 0;overflow: hidden;}
.factory .f-content{ width: 60%; padding: 2% 4%;display: flex; flex-direction: column;justify-content: center;}
.factory .f-warp h2{ width: 100%;font-size: 30px; font-weight: 500; margin-bottom: 10px;}
.factory .f-warp:nth-child(2n){flex-direction: row;}

.contact{}
.contact .contact-main{width: 100%; display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap:20px 4%;}
.contact .contact-wrap{ padding: 20px 0; border-bottom: 1px solid var(--grey_d); display: flex;}
.contact .contact-wrap i{margin-right: 10px; font-size: 18px;}
.contact .contact-wrap strong{font-weight: bold; font-size: 18px;}
.contact .contact-wrap .icon:not(:last-child){margin-right: 10px;}
.contact img{width: 100%; max-width: 180px;}
.contact-wrap .icon span{width: 36px; height: 36px; background: var(--grey_f5); border-radius: 8px; cursor: pointer;display: flex; align-items: center;justify-content: center;}
.contact-wrap .icon span i{margin-right: 0; font-size: 18px; color: var(--grey_3);}
.contact-wrap .icon:hover{color: var(--grey_3); text-decoration: none;}
.contact-wrap .icon:hover span{background: var(--link); }
.contact-wrap .icon:hover span i{color: var(--white);}
.icon-imgshow{cursor: pointer;position: relative;}
.icon-imgshow .icon-img{width: 130px; height: 130px; padding-bottom: 10px;display: none; position: absolute; left: 0; bottom: 36px; border: 1px solid var(--grey_e);padding: 5px;border-radius: 8px; background:var(--white);}
.icon-imgshow:hover .icon-img{display: block;}

.contact .contact-right{width: 42%; max-width: 420px; margin-left: auto; display: flex;align-items: center;}
.contact .contact-right li{width: 168px;}
.contact .contact-right li:not(:last-child){margin-right: 8%;}
.contact .contact-right li span{margin-top: 10px; text-align:center; display:  block;}

.contact-message{background:var(--blue_bg);}
.contact-message .contact-message-left{width: 55%;}
.contact-message .contact-message-right{width: 40%; max-width: 490px; margin-left: auto;}
.map{width: 100%; height: 500px;}
.BMapLabel {background-color: var(--link) !important;color: var(--white) !important;padding: 6px 13px !important;left: 34px !important;border: 0 !important;top: 5px !important;border-radius: 4px !important;}

.products{}
.products .pro-grid{display: grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 20px; }
.products ul.pro-grid a{padding: 12%; background:var(--blue_bg); }
.products h3{line-height: 1; font-size: clamp(20px, 2vw, 30px);; font-weight: 600; color: var(--blue);}
.products .pro-main{ margin-top: 20px; display: flex;justify-content: space-between;}
.products .pro-describe{display: flex;flex-direction: column;justify-content: space-between;}
.products .pro-text ul li {width: max-content;padding: unset;padding-left: 15px; font-size: 16px; line-height: 1.8; display: block;position: relative;}
.products .pro-text ul li:before {content: "-";position: absolute;left: 0; top: 0;}
.products .pro-img{width: 40%; max-width: 150px;}
.products .pro-img img{width: 100%;}
.pm-a:hover{color: var(--white); background: var(--link)}
.pm-button{ cursor: pointer;background: none;border: 0; display:flex; line-height: 1;align-items: center;  font-weight: 600;}
.pm-button i{width: 24px;height: 24px;margin-left: 10px;display: flex;align-items: center;justify-content: center;}
.pm-button:hover{color: var(--link);}
.products ul.pro-grid a:hover{ background: var(--blue); color: var(--white);}
.products ul.pro-grid a:hover h3{color: var(--white);}

.products .p-choosemain { width: 100%; display: flex;}
.products .p-choosemain select {width:max-content; height: 40px;line-height: 40px;margin-right: 10px;padding: 0 10px;border: 1px solid var(--grey_d);    font-family: 'Poppins', 'Microsoft Yahei', sans-serif, Arial;}
.products .p-choosemain select option{height: 30px;}

/*location*/
.location{width: 100%; padding: 30px 0;}
.location .location-ul{width: max-content;display: flex;}
.location .location-ul li{width: max-content; position: relative; padding-right: 15px; margin-right: 9px;}
.location .location-ul li a{color: var(--grey_6);}
.location .location-ul li a:hover{color: var(--blue);}
.location .location-ul li:after{content: "/"; color: var(--grey_9); position: absolute; top: 0; right: 0px;}
.location .location-ul li:last-child{padding-right: 0; margin-right: 0;}
.location .location-ul li:last-child:after{ display: none;}

/*.products-detail{ width: 100%; display: flex;}
.products-detail .p-detail-images{ width: 50%;max-width: 560px; display: flex;}
.products-detail .p-maximg2{display: none;}
.products-detail .p-detail-img{box-shadow: 0px 0px 20px rgba(0, 0, 0, 5%);overflow: hidden;}
.products-detail .p-detail-img a{width: 100%; display: block;}
.products-detail .p-detail-info{ width: 46%;margin-left: 8%;}
.products-detail .p-detail-info .page-link{margin-left: 0;}
.products-detail .p-detail-info .spantext{width: 100%;display: block;font-size: 30px; line-height: 1; font-weight: 600;color: var(--link);}
.products-detail .p-detail-info .subtext{font-size: 24px; line-height: 1.4;}
.products-detail .p-detail-info .products-button{ width: 100%; max-width: 250px; padding: 10px 0; margin-top: 15%; text-align: center; font-size: 15px; font-weight: 500; background: var(--blue); color: var(--white); border: 0; cursor: pointer;}
.products-detail .p-detail-info .products-button i{margin-left: 10px;}
.products-detail .p-detail-info .products-button:hover{background: var(--black);}*/
.products-detail{width: 100%;padding: 50px 0; background: var(--blue_bg); border-bottom: 5px solid var(--blue);}
.products-detail .img-warp{width: 100%;max-width: 800px;display: flex;}
.products-detail .img-warp li{background: var(--white); padding:18% 20%;}
.products-detail .smallimg{height: 100%;}
.products-detail .smallimg .small-ul{width:90px; flex-direction: column!important; overflow: hidden;}
.products-detail .smallimg .small-ul li{width: 100%; background: var(--white); margin: 5px 0; cursor: pointer;}
.products-detail .smallimg img{width: 100%;}
.products-detail .smallimg .swiper-slide-thumb-active{border:1px solid var(--grey_c);}
.products-detail .bigimg{width: 90%;margin-left: 5%; overflow: hidden;}
.products-detail .bigimg img{width: 100%;}
.products-detail .swiper-slide-thumb-active:after{display: none}


.products-detail .detail-content{ width: max-content; margin-left: 10%;}
.detail-content .d-name{ font-size: 17px; font-weight: 500;}
.detail-content .d-title{margin-top: 5px; font-size: clamp(24px, 2vw, 46px); font-weight: 600; color: var(--grey_3);}
.detail-content .d-text{margin-top: 40px;}
.detail-content .d-text ul{width: 100%;}
.detail-content .d-text ul li{width: max-content; padding: unset; padding-left: 15px; font-size: 16px; line-height: 1.8; display: block; position: relative;}
.detail-content .d-text ul li:before{content: "-";position: absolute; left: 0; top: 0;}
.detail-content .d-more{width: 260px; height: 46px; line-height: 46px;font-size: 16px; text-align: center;background: var(--blue); color: var(--white); border: 0; cursor: pointer;}
.detail-content .d-more i{margin-left: 10px;}
.detail-content .d-more:hover{background: var(--link);}

.products-information{width: 100%;}
.products-information .i-warp{padding-bottom: 15px;  border-bottom: 2px solid var(--grey_d9);}
.products-information .i-theme{font-size: 30px; color: var(--grey_3); font-weight: 500;}
.products-information .i-content{margin-top: 30px; display: flex;}
.products-information .i-text{width: 50%;}
.products-information .i-text ul{width: 100%;}
.products-information .i-text ul li{width:100%; padding: unset; padding-left: 15px; font-size: 16px; line-height: 2.4;display: block; position: relative;}
.products-information .i-text ul li p{line-height: 2.4; font-size: 16px; }
.products-information .i-text ul li:before{content: "-";line-height: 2.4; position: absolute; left: 0; top: 0;}
.products-information .i-sizeimg{width: 45%; max-width: 500px; margin-left: auto;}
.products-information .i-sizeimg .size-img{width: 100%;}
.products-information .i-sizeimg .size-img img{width: 100%;}
.products-information .i-more{width: 200px; padding: 10px 0; margin-top: 60px; font-size: 16px; text-align: center;background: var(--green); color: var(--white); border: 0; cursor: pointer; display: flex; align-items: center;justify-content: center;}
.products-information .i-more i{margin-left: 10px; font-size: 22px;}
.products-information .i-more:hover{background: var(--blue_bg);}

.products-information .i-title{font-size: 24px; font-weight: 500; color: var(--grey_3);}
.products-information .i-parameter{margin-top: 10px;}
.products-information .i-parameter table{width: 100%; min-width: 900px;}
.products-information table th{ padding: 20px 0; background: var(--blue_bg); font-weight: 600; line-height: 1.6;}
.products-information table td{ padding: 12px 0; text-align: center;border-bottom: 1px solid var(--grey_d9);}
.products-information table td strong{font-size: 16px;color: var(--grey_3);}
.products-information table tr:hover{background: var(--grey_f5);}
.products-information table th.th1{padding-bottom: 0;}
.products-information table th.th2{padding-top: 0;}
.products-information table td:nth-child(1){width: 26%}
/*.products-information table td:nth-child(2){width: 18%;}
.products-information table td:nth-child(5), .products-information table td:nth-child(6){width: 9%;}*/

.products .features{width: 100%; margin-top: 6%;}
.products .features li{line-height: 2; list-style: disc; margin-left: 20px;}
.products-parameter{width: 100%;}
.products-parameter table{border-right: 1px solid var(--grey_d9);}
.products-parameter table tr td{padding: 4px 6px;border-bottom: 1px solid var(--grey_d9); border-left: 1px solid var(--grey_d9); }
.products-parameter table tr th{padding: 6px 5px;color: var(--grey_3); text-align: left;border-left: 1px solid var(--grey_d9); border-bottom: 1px solid var(--grey_c); border-top: 1px solid var(--grey_c); background: var(--grey_e);}
.products-parameter table tr th:nth-child(2){width: 15%;}
.products-parameter table tr th:nth-child(3){width: 11%;}
.products-parameter table tr th:nth-child(4){width: 11%;}
.products-parameter table tr th:nth-child(5){width: 11%;}
.products-parameter table tr th:nth-child(6){width: 15%;}
.products-parameter table tr:nth-child(2n+1){background: var(--grey_e);}
.products-parameter table tr:hover{background: var(--white);}
.products-parameter table .no-td {padding: 0;border-left: 0; border-right: 0;}
.products-parameter table .no-tr tr:last-child td{border-bottom: 0;}
.products-parameter table .no-tr{border-right: 0;}

.porducts-detail-con{ padding: 80px 0; background: var(--grey_f5);}
.porducts-detail-con h2{font-size: 20px; line-height: 1.5; font-weight: bold; margin-top: 0; margin-bottom: 0;}
.detail-link{padding-bottom: 10px; border-bottom: 1px solid var(--grey_d);}
.porducts-detail-flex{display: flex; flex-wrap: wrap;}

.porducts-detail-application{width: 36%;margin-left: auto;}
.porducts-detail-texing{width: 36%;}
.porducts-detail-downlight {width: 20%; margin-left: auto;}
.porducts-detail-downlight a{width:100%; padding: 20px; margin-bottom: 10px; background: var(--white); display: flex;flex-direction: column;}
.porducts-detail-downlight a i{margin-left: auto; font-size: 18px;}
.porducts-detail-downlight a:hover{background: var(--link); color: var(--white);}

.suspension{ width: 50px; height: 105px; position: fixed; z-index: 2; right: 10px; bottom: 200px; display: flex; flex-direction: column;   justify-content: space-between;}
.suspension span{width: 50px; height: 50px; display: block;text-align: center; cursor: pointer; font-size: 24px;display: flex; flex-direction: column; justify-content: center; border-radius: 50%;}
.suspension .span-message{background: var(--blue); color: var(--white);}
.suspension .span-top{background: var(--grey_c); color: var(--white); }
.suspension .span-top:hover, .suspension .span-message:hover{background: var(--link);}

.side-message{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,80%);display: none;}
.side-container{width: 100%; height: 100%; display: flex; display: flex; align-items: center;justify-content: center;}
.side-container .contact-message{background: none;}
.side-container ul{grid-template-columns: 1fr!important;grid-gap:6px;}
.side-wrap{width: 90%; max-width: 500px; padding: 30px;box-shadow: 0 0px 20px rgb(0 0 0 / 30%);background: var(--white);border-radius: 10px; overflow: hidden;}
.side-message .side-head{ width: 100%; font-size: 24px;line-height: 1.2;  font-weight: 500; display: flex; justify-content: space-between;position: relative; z-index: 2;}
.side-message .contact-message input, .side-message .contact-message textarea{ padding: 10px 15px;}
.side-message .side-email a{font-weight: 500; text-decoration: underline;line-height: 22px;}
.side-message .side-close{ cursor: pointer;  font-size: 30px; color: var(--link);}

.tag{}
.tag .tag-ul{display: flex;flex-wrap: wrap;justify-content: flex-start;grid-gap: 20px 10px;}
.tag .tag-ul li a{padding: 5px 20px; line-height: 1.5; border: 1px solid var(--grey_9); border-radius: 20px;}
.tag .tag-ul li a:hover{background: var(--link); border:1px solid var(--link); color: var(--white);}
.tag-list{}
.tag-list .list-ul{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
.tag-list .list-ul li{width: 100%;padding: 20px;overflow: hidden;border: 1px solid #efefef;}
.tag-list .list-ul li a{width: 100%; font-size: 18px;line-height: 22px;font-weight: 600;}
.tag-list .list-time{width: 100%;display: block;position: relative;font-size: 14px;}
.tag-list .list-time i{margin-right: 5px;font-size: 14px;color: var(--grey_9);}
.tag-list .list-text{width: 100%;line-height: 1.4;}

@media screen and (max-width: 1400px) {
	.navbar .navbar-nav{ min-width: 500px;}
	.header .topbar{margin-left: 4%;}
}
@media screen and (max-width: 1200px) {
	.m-t-100{margin-top: 50px;}
	.index-application .a-list{display: none;}
	.index-application .a-content{width: 100%;}
	.news ul.news-item{grid-gap: 10px;}
	.products .grid{grid-gap: 10px;    grid-template-columns: 1fr 1fr 1fr;}
	.footer .footer-about{width: 50%; max-width: 500px;}
	.footer .footer-contact{width: 40%; max-width: 550px;}
	.tag-list .list-ul{grid-template-columns: 1fr 1fr;}
	.banner li, .banner .banner-img{height: 100%; overflow: hidden;}
	.banner .banner-img img{width: 100%; height: auto;}
	.footer .footer-text{ flex-direction: column;}
	.footer .footer-text p{font-size: 14px;}
	.products .pro-grid{grid-template-columns: 1fr 1fr;}
	.page-news ul.news-item{grid-template-columns: 1fr 1fr;}
	.navbar .navbar-nav {min-width: 440px;}
}

@media screen and (max-width: 1024px) {
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {line-height: 1.8; font-size: 15px;}
	.header, .top-wrap{height: 60px;}
	.navbar{    display: flex;align-items: center;}
	.header .text, .header .phone, .header .language{display: none;}
	.banner .b-flex{height: 400px;}
	.banner .b-title{font-size: 36px;}
	.banner .b-button{height: 36px;margin-top: 20px;font-size: 16px;}
	.banner .b-ul{margin-top: 10px;}
	.products .grid, .products .i-ul{grid-template-columns: 1fr 1fr 1fr;}
	.navbar .menu-button, .header .search-button{display: block;  background: none;}
	.navbar .navbar-nav{width: 100%;min-width: 100%;position: fixed;left: 0; top: 60px;border-top: 1px solid var(--grey_d9); display: none;}
	.navbar .navbar-nav:before{content: ""; background:var(--white); position: fixed;width: 100%; height: 100%;}
	.navbar .menu {height: 100%;position: relative;display: flex;flex-direction: column;width: 90%;margin: 30px auto 0;}
	.navbar .logo img{height: 50px;}
	.navbar .menu li {margin: 8px 0; display: block;}
	.navbar .menu li ul{ width: 100%;display: block!important;position: relative;margin-left: 16px;padding: 10px 0 0 0;top: 0;box-shadow: none;}
	.navbar .menu li ul li a{height: auto;line-height: initial;}
	.header .products-search{ position: fixed; top: 60px;left: 0;background: #ffffff;width: 100%; padding: 50px 0; border-top: 1px solid var(--grey_d9); display: none;}
	.header .products-search .products-search-con{width: 90%; margin: 0 auto;}
	.page-news .new-warp{padding: 5px 20px;}
	.application ul.a-item{grid-gap: 10px;}
	.footer .footer-content{padding: 50px 0 30px 0;}
	.youshi ul{grid-template-columns: 1fr 1fr;}
	.footer .footer-product:nth-child(3), .footer .footer-product:nth-child(4){display: none;}
	.footer .footer-menu{width: auto;}
	.footer .footer-product{margin-left: 50px;}
	.hezuo .hezuo-wrap{display: block;}
	.hezuo .hezuo-left{    width: 100%;max-width: 100%;margin-left: 0;}
	.hezuo .hezuo-right{width: 100%; max-width: 800px; margin: 0 auto; margin-top: 30px;}
	.news .flex{display: block;}
	.hezuo  .m-t-40{margin-top: 0;}
	.company-data ul{    justify-content: space-between;}
	.header .logo img{height: 30px;}
	.contact .flex{display: block;}
	.contact .contact-main{width: 100%;}
	.contact .contact-right{width: 100%; max-width: 100%; margin-top: 20px;}
	.contact-right  .flex, .contact-wrap .flex{display: flex;}
	.contact-message .contact-message-right{display: none;}
	.contact-message .contact-message-left{width: 100%;}
	.porducts-detail-downlight{width: 100%;}
	.porducts-detail-application, .porducts-detail-texing{margin-bottom: 20px;}
	.porducts-detail-texing, .porducts-detail-application{width: 46%;}
	.page-news .news-more a{width: 120px;}
	.page-news .news-name{font-size: 16px;}
	.news-detail .detail-title{font-size: 24px;}
	.content-wrap h2{font-size: 20px;}
	.content-wrap h3{font-size: 17px;}
	 .page-news .flex:first-child{display: block;}
	.news-detail{width: 100%;}
	.news-related{width: 100%; max-width: 100%; margin-left: 0; margin-top: 40px;}
	.detail-content .d-text, .detail-content .d-more, .products-information .i-more, .products-information .i-content{margin-top: 20px;}
	.products-information .i-parameter{overflow-x: scroll; padding-bottom: 10px;}
	.products-information table td{ padding: 6px 0;}
	.about .about-content p{font-size: 16px; line-height: 1.8;}
	.company-data li .data-name{font-size: 15px; margin-top: 5px;}
}

@media screen and (max-width: 768px) {
	.banner .pc{display: none;}
	.banner .mobile{ display: block;}
	.tag-list .list-ul{grid-template-columns: 1fr;}
	.banner .b-ul li{font-size: 18px;}
	.news .news-more{ margin: 10px 0 0;}
	.news-detail .detail-info span{margin-right: 10px;}
	.news-detail .detail-title{text-align: left;}
	.page-news .news-img, .about .about-content, .about .about-text, .banner .b-content, .index-application .ac-img, .index-application .ac-content{width: 100%; max-width: 100%;}
	.index-application .flex{flex-direction: column;}
	.index-application .ac-content{padding: 3% 4% 5% 5%;}
	.contact .contact-main, .footer .footer-content, .page-news ul.news-item li{display: block;}
	.contact .contact-message{margin-top: 50px;}
	.products .grid, .application ul.a-item, .contact-advantage .a-ul, .news ul.news-item{grid-template-columns: 1fr 1fr;}
	.company-data ul{grid-template-columns:auto auto}
	.products .p-detail-info{width: 100%; margin-top: 30px; margin-left: 0;}
	.products-parameter table{width: 100%;min-width: 700px;}
	.products-parameter table table{width: 100%; min-width:100%;}
	.products-parameter .wrap{width: 100%; overflow-x: scroll; padding-bottom: 10px;}
	.footer .footer-about, .footer .footer-contact, .products .p-detail-images, .products .p-detail-info .products-button{width: 100%;max-width: 100%;}
	.footer .m-t-20{margin-top: 10px;}
	.footer .footer-contact{margin-top: 20px;}
	.footer .footer-menu{display: none;}
	.index-about .about-text{margin-left: 0; margin-top: 10px;}
	.company-data ul{justify-content: space-around;}
	.index-application .ac-img img{width: 100%; height: auto;}
	.page-content .flex{display: block;}
	.page-link, .page-contact{    width: 100%;margin-top: 20px; margin-left: 0;}
	.products .p-choosemain{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
	.products .p-choosemain select{width: 100%;}
	.about .flex, .about .about-wrap {display: block;}
	.about .about-img{width: 100%;}
	.title-span{font-size: 36px;}
	.products .products-title h3, .youshi li h3{font-size: 16px;}
	.index-application .ac-h3, .about .about-em{font-size: 20px;}
	.ac-con{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
	.porducts-detail-texing, .porducts-detail-application{width: 100%; margin-left: 0;}
	.page-subtitle{font-size: 20px;}
	.porducts-detail-con h2{font-size: 18px;}
	.youshi li p{margin-top: 10px; font-size: 15px;}
	.about .about-content{margin-top: 20px;}
	.culture .culture-img{display: none;}
	.culture .culture-wrap{width: 100%;}
	.p-120{padding:60px 0;}
	.m-t-120{margin-top: 60px;}
	.m-t-30{margin-top: 20px;}

	.banner em{width: 100%; max-width: 100%;}
	.banner .banner-img img{width: 100%; height: auto;}
	.news .news-name a{font-size: 16px;}
	.page-news .news-more{display: none;}
	.application-detail .ad-warp{display: block;}
	.application-detail .ad-text, .application-detail .ad-img{width: 100%;}
	.application-detail .ad-img img{width:100%;}
	.application-detail .ad-text{margin-top: 20px;}
	.page-title{font-size: 22px;}
	.contact .contact-wrap strong{font-size: 16px;}
	.products-detail .container{display: block;}
	.products-detail .detail-content, .products-information .i-text{width: 100%; margin-left: 0;}
	.products-information .i-content{display: block;}
	.products-information .i-sizeimg{    width: 100%;margin-left: 0; margin-top: 30px;}
	.products-information .i-theme, .products-download .d-theme{font-size: 24px;}
	.products ul.pro-grid a{padding: 6%;}
	.products .pro-grid{grid-gap: 10px;}
	.products .pro-main{margin-top: 10px;}
	.products .pro-text ul li{font-size: 15px;}
	.a-button-bottom{display: none;}
}

@media screen and (max-width: 640px) {
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {line-height: 1.6; font-size: 14px;}
	.message ul, .contact-message ul{display: block;}
	.contact-message ul li{ margin-bottom: 8px;}
	.footer .footer-abou-img{height: 30px;}
	.company-data li .data-text .data-number{font-size: 30px;}
	.company-data li .data-name{font-size: 15px;    margin-top: 10px;}
	.company-data li .data-text .data-fuhao{font-size: 17px;}
	.p-80{padding: 50px 0;}
	.footer p.footer-tel{font-size: 26px;}
	.message input, .message textarea, .contact-message input, .contact-message textarea{font-size: 14px;}
	.culture ul{    grid-template-columns: 1fr;grid-gap: 40px 8%;}
	.culture i{font-size: 30px;}
	.footer .footer-text p{font-size: 14px;}
	.header .logo img, .footer .footer-abou-img{height: 25px;}
	.footer h2, .application-detail .ad-text > h1{font-size: 20px;}
	.youshi ul li{padding: 8%;}
	.page-news ul.news-item{grid-template-columns: 1fr;}
}

@media screen and (max-width: 550px) {
	.application ul.a-item{grid-template-columns: 1fr;}
	.h2{font-size: 28px;}
	.m-t-50{margin-top:30px;}
	.message ul{ display: flex;flex-direction: column;grid-gap: 10px;}
	.products .i-ul{grid-template-columns: 1fr 1fr;}
	.products .grid, .page-news .news-item, .news ul.news-item, .banner .b-ul ul{grid-template-columns: 1fr;}
	.page-news .news-img, .factory .f-img, .factory .f-content{width: 100%; max-width: 100%;}
	.send .s-button{margin: 0 10px;}
	.factory .f-warp, .factory .f-warp:nth-child(2n){ flex-direction: column;}
	.factory .f-content{padding: 10px 0 0 0;}
	.certificate ul{flex-wrap: wrap;}
	.index-application .ac-content{padding: 20px;}
	.youshi li i{font-size: 40px;}
	.footer .footer-text p{font-size: 14px;}
	.footer .footer-copyright{display: block;}
	.footer .footer-text{width: 100%;}
	.footer .footer-copyright .footer-copyright-span{margin-right: 0;}
	.footer .footer-language{margin-left: 0; margin-top: 10px;    width: max-content;}
	.language-up{left: 0; right: auto;}
	.banner .banner-poin{ bottom: 20px;}
	.banner h2{font-size: 26px;}
	.news-item .flex:first-child{display: block;}
	.page-news .new-warp{padding: 20px 0 0 0;}
	.header .iso{display: none;}
	.products .pro-grid{grid-template-columns:1fr;}
}
@font-face {
  font-family: "iconfont"; /* Project id 5121744 */
  src: url('iconfont.woff2?t=1770020173075') format('woff2'),
       url('iconfont.woff?t=1770020173075') format('woff'),
       url('iconfont.ttf?t=1770020173075') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-douyin:before {
  content: "\e66c";
}

.icon-shipinhao:before {
  content: "\e66d";
}