/*----------- bannar -----------*/
.ny_wrapper{background: #f5f5f5; overflow:hidden; width:100%; padding-bottom:50px;}
.contentPage{background:#fff; width:100%;box-sizing: border-box; padding:50px;box-sizing: border-box; margin-top:50px; overflow:hidden}
.ab_wrapper{background: #fff; overflow:hidden; width:100%; padding-bottom:50px;}
/*banner*/
.page-banner {width: 100%;min-height: 400px;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color:#fff; margin-top:82px}
.banner-title {font-size:45px;font-weight:500;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;}
.banner-titles{ text-align:center; color:#fff;}


.section-title {text-align: center; margin:50px 0;}
.section-title p { color: #343434; font-size: 35px; display: flex; align-items: center; justify-content: center;}
.section-title p:before,.section-title p:after { display: block; content: "——"; margin: 0 15px;color: #666;}
.section-title1 {text-align: center; margin:50px 0;}
.section-title1 p { color: #fff; font-size: 35px; display: flex; align-items: center; justify-content: center;}
.section-title1 p:before,.section-title1 p:after { display: block; content: "——"; margin: 0 15px;color: #fff;}
/*====================about=================================*/
.aboutcent{ line-height:35px; font-size:18px;}
/*荣誉列表*/
.pic-list {margin-top: 0;}
.pic-list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.75rem;}
.pic-list li {background: #fff; box-shadow: 0rem 0rem .625rem 0rem rgba(6,0,1,0.06);  padding-top:3%;}
.pic-list li .imgBox {height: 15.625rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.pic-list li .imgBox img {max-width: 100%; height: 100%; transition: .5s; object-fit: contain;}
.pic-list li .con {padding: 1rem;box-sizing: border-box; text-align: center;}
.pic-list li .con .p1 { font-size: var(--base-font);}
.pic-list li:hover .imgBox img {transform: scale(1.05);}


/* =====产品中心===== */
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex{display: flex;}
.more2 {color:var(--hovercolor);border: 1px solid var(--hovercolor); padding: .75rem 2.5rem; display: inline-block; transition: .5s;}
.proOne {padding:4.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 19%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1;margin-left: 3.5%;}
/* 左侧产品栏目 */
.proOne .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 2.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid var(--hovercolor); padding: 0 1.25rem; font-size:30px;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu ul {padding: 0 1.25rem; margin-top: 3.75rem;}
.proOne .menu li { margin-top: 1.25rem;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: .625rem 1.25rem; min-height: 40px; cursor: pointer;background: #f8f8f8;}
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;font-size:17px;}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight:200; font-size:19px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #233F94;}
.proOne .menu li .s-menu { width: 100%; padding: 2.5rem 0; padding-left: 1.575rem; padding-top: .625rem; padding-bottom: 0; display: none;}
.proOne .menu li .s-menu a { width: 100%; color: #6A6A6A;font-size:14px; position: relative;margin-bottom: 1rem;transition: all ease-out 0.3s; display: block;}
.proOne .menu li .s-menu a:hover {color: #233F94;}
.proOne .menu li .menu-li.on {background: none; color: var(--hovercolor)}
.proOne .menu li .menu-li.on a {font-family: 'popMedium';}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}
.s-menu .on{color: var(--hovercolor)!important;}
/* 左侧产品推荐 */
.proOne .menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.proOne .menu2 dd {margin-top: 1.5rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 20%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: 1.25rem;}
.proOne .menu2 dd .tit2 {transition: .5s;font-size: var(--base-font);}
.proOne .menu2 dd:hover .tit2 {color:var(--hovercolor);}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* 右侧产品列表 */
.proOne .re .info {padding-bottom: 2.5rem; border-bottom: 1px solid #EEEEEE; overflow:hidden}
.proOne .re .info .form {width: 43%; background: #EEEEEE; border-radius: 6.25rem; height: 3.75rem; min-height: 40px; float:right}
.proOne .re .info .tit{ float:left; font-size:34px;}
.proOne .re .form input {flex: 1; max-width: calc(100% - 3.75rem); height: 100%; border: 0; background:none; color: #333; padding: 0 1.25rem 0 2.5rem;}
.proOne .re .form button {cursor: pointer; background: #233F94; width: 3.75rem; height: 3.75rem; min-height: 40px; min-width: 40px; border-radius: 50%;}
.proOne .re .form button svg {width: 40%; height: 40%;}
.proOne .list {margin-top: 3.125rem;}
.proOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.75rem;}
.proOne .list li {background: #fff; box-shadow: 0rem 0rem .625rem 0rem rgba(6,0,1,0.06); }
.proOne .list li .imgBox {max-height: 15.625rem; padding: 1rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.proOne .list li .imgBox img {max-width: 100%; height: 100%; transition: .5s; object-fit: contain;}
.proOne .list li .con {padding: 1.25rem; padding-bottom: 2.5rem; box-sizing: border-box; text-align: center;}
.proOne .list li .con .p1 {color:var(--hovercolor); font-size:14px; padding-top:1.1rem}
.proOne .list li .con .p2 {line-height: 1.7;font-size:15px;}
.proOne .list li .con .more2 {margin-top: 2.125rem; font-size: var(--base-font);}
.proOne .list li:hover .imgBox img {transform: scale(1.05);}
.proOne .list li:hover .con .more2 {background:var(--hovercolor); color: #fff;}
/* 移动端样式 */
.filter-toggle {display: none;}
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #004E91;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%;}
  .filter-toggle {display: block;}
}
.layui-btn {vertical-align: middle; height: 38px;line-height: 38px;border: 1px solid transparent;padding: 0 18px;background-color:var(--hovercolor);color: #fff;white-space: nowrap;text-align: center;font-size: 14px; border-radius: 2px;cursor: pointer;user-select: none;}
/*产品详情*/
.pro-grid {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 80px;}
.pro-right{ float:left; width:100%; overflow:hidden;}
.pro-right h2{ width:100%; float:left;margin-bottom: 4%;font-weight: normal;display: block;font-size: 34px;color: #000;line-height: 40px;font-weight: normal; border-bottom:1px solid #efefef; padding:2% 0}
.pro-right p{ float:left; width:100%; padding-top:5%; line-height:30px;}
.proCon {background: #ffffff;border-radius: 0.625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42);padding: 1.5rem;box-sizing: border-box;}

.slider { width:80%; margin:auto;margin-bottom:5px; border:1px solid #ddd; padding:0 5%}
.slider img {width: 100%; height: auto; display: block;}
.thumb-slider li {cursor: pointer;opacity: 0.6;transition: all 0.3s;width:80px !important;height:auto;}
.thumb-slider li.active {opacity: 1;border: 2px solid #0066cc;}
.thumb-slider li img { width:100%; height:auto;display: block;}

.bx-wrapper .bx-viewport {box-shadow: none; border: none;left: 0;}
/*tab*/
.product-tab-wrap { width: 100%;display: flex;border: 1px solid #e8edf2;}
.product-tab-item {/*flex: 1;*/text-align: center;padding: 12px 10px; width:150px; font-size:18px;color: #0052b8; background: #fff;position: relative;cursor: pointer;transition: all 0.2s ease;}
.product-tab-item.active {background-color: #0052b8; color: #fff;}
.product-tab-item.active::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -12px;width: 0;height: 0;border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #0052b8;
	z-index: 9; }
/* ========== Tab内容容器 ========== */
.tab-content-wrap {width: 100%;padding: 30px 20px;}
.tab-content-panel { display: none;width: 100%;}
.tab-content-panel.active {display: block;}
.desc-text{font-size:var(--base-font);color: #333;line-height:2;}
.desc-text span{font-size:var(--base-font);color: #333;line-height:2;}
.desc-text p {font-size:var(--base-font);color: #333;line-height:2;}
.img-grid-box {display: grid;grid-template-columns: repeat(3, 1fr); gap: 24px;}
.img-grid-box li{width: 100%;height: auto; }
.img-grid-box li img {width: 100%;height: auto; display: block; border-radius: 4px;object-fit: cover; border:1px solid #efefef;}
.img-grid-box li p{text-align: center; line-height:40px;}
model-viewer{width: 100%;height: 600px; margin:auto}
/*表格预设*/
table {width: 100%;border-collapse: collapse;border: 1px solid #ddd; font-size:15px; margin:20px 0}
/* 单元格统一边框 */
table th,
table td {border: 1px solid #ddd; padding: 15px 10px;}
table tr:nth-child(odd) {background-color: #f5f5f5;}
table tr:nth-child(even) { background-color: #fff;}/* 偶数行透明无背景 */
/* =====新闻与活动===== */
.flex-sbw {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news {padding: 4.25rem 0 6.25rem;}
.news .box {align-items: flex-start;}
.news .left {flex: 1; margin-right: 3%;}
.news .box .top {align-items: flex-end; border-bottom: 1px solid #EEEEEE;}
.news .box .nav {margin-bottom: .625rem;}
.news .box .nav ul {display: grid; grid-template-columns: repeat(2,auto); gap: 3.125rem;}
.news .box .nav li a {padding: .875rem 2.25rem;border-radius: 6.25rem; transition: .5s; font-size: var(--font18); display: block;} 
.news .box .nav li.on a , .news .box .nav li:active a {color: #fff;background: #233f94;}
@media (any-hover: hover) {
  .news .box .nav li:hover a {color: #fff;background: #233f94;}
}
.news .form_box {width: 28%;}
.news .form_box form {display: flex; position: relative;}
.news .form_box form input { border-bottom: 1px solid #333333; padding: .625rem 0; width: 100%; padding-right: 3.75rem; box-sizing: border-box;}
.news .form_box form button {background: none;position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-bottom: .625rem;}
.news .list {margin-top: 2.625rem;}
.news .list li {border-bottom: 1px solid rgba(102, 102, 102,.2); padding: 2.5rem 0;}
.news .list li:first-child {padding-top: 0;}
.news .list li .imgBox {width: 27%; overflow: hidden;border-radius: .625rem; height: 100%;}
.news .list li .imgBox img {width: 100%; transition: .5s;}
.news .list li .info {padding: .5rem 0; width: 60%;}
.news .list li .info .p1{ font-size:22px;}
.news .list li a {display: flex; align-items: center; justify-content: space-between;}
.news .list li .time {margin-top: 2.5rem;}
.news .list li .text {margin-top: 1.25rem; color:#666666}
.news .list li .more {width: 3.625rem; height: 3.625rem; border-radius: 50%; background: #e9e9e9;}
.news .list li:hover .imgBox img {transform: scale(1.05);}
.news .list li:hover .info .p1 {color:var(--hovercolor);}
.news .list li:hover .more {background:var(--hovercolor); color: #fff; transform: rotate(180deg); transition: .5s;}
.news .right {width: 20%; position: sticky; top: 7rem;}
.news .proOne {padding: 0;}
.news .proOne .menu2 dl {margin-top: 2.75rem;}
.news .proOne .menu2 dd {padding: 1.25rem 0; margin-top: 0; border-bottom: 1px solid #E5E5E5;}
.news .proOne .menu2 dd:last-child {border-bottom: none;}
.news .menu2 dd a {align-items: initial;}
.news .proOne .menu2 dd .imgBox {width: 30%;}
.news .proOne .menu2 dd .imgBox img {height: 100%; object-fit: cover;}

/* ==新闻详情 */
.newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box; margin-top:0;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size:var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0; line-height:2;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #233f94; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 7rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#233f94; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #233f94;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}
/*行业应用*/

.cona a{ font-size:20px; font-weight: bolder;border-left: 6px var(--hovercolor) solid; padding-left: 7px;}
.arList { width: 100%; overflow: hidden; }
.arList li {width: 100%; overflow: hidden; padding: 20px 10px 20px 20px; border-bottom: 1px solid #dedede; line-height: normal; background: #f7f7f7; }
.newm { border-left: 6px #124c9e solid; padding-left: 7px; }
.arList li .newsl { width: 30%; overflow: hidden; float: left; height: auto; }
.arList li .newsr { width: 65%; overflow: hidden; float: right; }
.arList li .newsr p{line-height: 2;padding-top: 35px; opacity: 0.8; font-size:var(--base-font)}
.arList li .moren { padding: 10px 20px; border: 1px solid var(--hovercolor); display: block; float: right; margin-top: 20px; color:var(--hovercolor); }
.arList li:hover { background: #e9eaeb; }
.arList li:hover .newm { color:var(--hovercolor); }
.arList li:hover .moren { background:var(--hovercolor); color: #FFF; }
.arList li:last-child { border-bottom: none; }
.JobListItem { position: relative; }
.JobListItem .txiw { -webkit-transform: rotate(5deg); transform: rotate(5deg); position: absolute; right: 0; top: 20px; }
.wapimg { display: none; }
.pcimg { display: block; }
/*page*/
.pages { width:100%; line-height: 30px; padding: 10px 0px 10px 0; text-align: left; font-size: 12px; }
.pages span{height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; }
.pages span.disabled{border: 1px solid #dcdcdc; }
.pages span.current{ background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages  a {height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; border: 1px solid #dcdcdc;}
.pages  a:hover { background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages a.now { background: #2c2c2c; border: #0c5389 1px solid; color:#fff; }
/*newsinfo*/
.news_show_l{width:100%;float: left;overflow: hidden; color:#333;fpadding-bottom:60px;}
.news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1; text-align:center}
.news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show_l .new_show_l_text img{/*display: block;*/ max-width: 100%; margin-bottom:10px;}/*margin: 0 auto;*/

.honorlist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.honorlist li {width:23%; margin-right:2%; padding:5px;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.honorlist li:nth-child(4n) {margin-right:0px;}
.honorlist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}

/*contact*/
/*--------------------contact us-----------------------------*/
.lxlist{margin-bottom:0; overflow:hidden;box-shadow: 0rem 0rem 2.5rem 0rem rgba(202,202,202,0.52); margin-top:80px;}
.lxlist li{ float:left;border: 1px solid #eeeeee; width: 25%; padding: 50px 0;text-align: center;}
.lxlist li .img1 img{ max-width: 62px;margin: 0 auto; width: 100%;}
.lxlist li .wz1{color: #101010;font-size: 24px; margin-top: 0.5vw;margin-bottom: 1.1vw;}
.lxlist li .wz2{color: #101010;font-size: 16px;font-weight: 500;margin-bottom: 5px; font-weight:normal}
.lxlist li .wz3 p{color: #666666; font-size: 15px;line-height:1.75;}
.lxlist li:last-child .wz2{margin-top: 5px;margin-bottom: 0;}
.lxlist li:last-child{ position: relative;}
.lxhover{ display: none;position: absolute;top: 30px;left: 0;right: 0;}
.lxhover .img2{background: url(/images/contbg.png) no-repeat top center;width: 176px;height: 189px; margin: 0 auto;background-size: 100% 100%;display: flex;justify-content: flex-start; align-items: center;flex-direction: column;}
.lxhover .img2 img{margin-top: 1.3vw;max-width: 125px;width: 100%;}
.lxlist li:hover{border: 1px solid #8bb4f9;}
.lxlist li:last-child:hover .lxhover{display: block;}
.cont-grid {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
.sec2 img{width: 100%;display: block;border-radius:10px;}
.common_message{padding-top: 0rem;padding-bottom:5rem;}

.common_message .title {text-align: center; color: #111;font-weight: 500; margin-top: -0.22rem;margin-bottom: 0.52rem;}
.common_message .common_title p { font-size:15px;}
.common_message .common_title span { font-size:30px;}
.common_message .form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top: 3rem;}
.common_message .form .inp {width: 48.3%;position: relative;padding-bottom: 1rem;margin-bottom:3rem;}

.common_message .form .inp input {width: 100%;background-color: transparent;border: none;}
.common_message .form .inp::after { content: "";display: block;width: 100%;height: 1px;background-color: #111;position: absolute; bottom: 0;left: 0;}
.common_message .form .ta {width: 100%; position: relative;padding-bottom: 2rem;}
.common_message .form .ta::after {content: "";display: block;width: 100%; height: 1px;background-color: #111;position: absolute;bottom: 0;left: 0;}
.common_message .form .ta textarea { width: 100%;background-color: transparent; border: none;}
.common_message .btn {margin-top: 0.5rem;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.common_message .btn button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline; -ms-flex-align: baseline;align-items: baseline;
  padding: 1rem 2rem;
  border-radius: 1rem;
  border: solid 1px #111111;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  color: #111111; font-size:18px; margin-top:20px;
}

.common_message .btn button:hover {-webkit-transform: translateY(-4px); transform: translateY(-4px);-webkit-transition: -webkit-transform 0.3s linear;transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear;transition: transform 0.3s linear, -webkit-transform 0.3s linear;}

.common_message .btn button img {margin-left: 0.4rem;}
@media (max-width:1024px) {
   .fbt h3{font-size:26px;} 
   .fabout{width:76%;}  
   .fadd1 li h3{font-size:17px;}
}

@media (max-width:768px) {
/*bannar*/
.page-banner {min-height:130px; margin-top:0px;}
.banner-title {font-size:25px;margin-bottom:10px;letter-spacing:5px;}
.banner-titles{ display:none}
/*title*/
.section-title { margin-bottom:20px;margin-top:30px;}
.section-title p { font-size: 20px;}
.section-title1 { margin-bottom:20px;margin-top:30px;}
.section-title1 p { font-size: 20px;}
/*about*/


/*产品中心*/
/*l类别*/
.proOne .menu ul {padding: 0 0.25rem; margin-top: 2.75rem;}
.proOne .menu li .menu-li a {font-size:15px;}
.proOne .list ul {grid-template-columns: repeat(1, 1fr);gap: 2rem;}
.proOne {padding: 1rem 0;}
.proOne .box .re {flex: none; margin-left: 0;}
.proOne .re .info {padding-bottom: .5rem; border-bottom: .5px solid #EEEEEE; overflow:hidden}
.proOne .re .info .form {height: 3rem; min-height: initial;}
.proOne .re .form input {max-width: calc(100% - 3rem);}
.proOne .re .form button {width: 3rem; height: 3rem;}
.proOne .re .info .tit { display:none}
/*详情*/
.proCon {border-radius: 0.625rem;padding:.5rem;}
.proOne .re .info .form {width: 100%; margin-top:.5rem;}
.product-tab-item {padding: 10px 1px; font-size:13px;}
.proOne .list {margin-top: 1.125rem;}
.pic-list ul {grid-template-columns: repeat(1, 1fr);gap: 2rem;}
.img-grid-box {display: grid;grid-template-columns: repeat(1, 1fr); gap: 0;}
/*news*/
.news .right { display:none}
.news .box .nav {width: 100%;}
.news .box .nav ul {justify-content: center; gap: 1rem;}
.news .form_box {width: 100%; margin-top: 2rem;}
.news .right {width: 100%; margin-top: 5rem;}
.news .list {margin-top: 3rem;}
.news .list li .info { padding-top: 2rem; padding-bottom: 0;}
.news .list li .info .p1{ font-size:15px;}
.news .list li a {flex-wrap: wrap;}
.news .list li .imgBox {width: 100%;}
.news .list li .info {width: 100%;}
.news .list li .more { display:none}
.news .list li .time {margin-top: 1rem;}
/* 新闻以及案例详情 */
.newsDate {padding-bottom: 3rem;}
.newsxq-box {flex-wrap: wrap; padding-top: 0;}
.news-left {width: 100%;}
.newsxq-box .news-right{width: 100%; margin-top: 2rem; position: relative; top: 0; padding: 1.5rem;}
.news-left .newsCon {padding: 1.5rem;}
.newsxq-title strong {font-size: var(--font24);}
/*project*/
.arList li .newsl { width: 100%; float: left;}
.arList li .newsr { width: 100%; float: left; margin-top:20px }
.cona a{ font-size:16px;}
.arList li .newsr p{padding-top: 15px;}
.arList li .moren { display:none}
/*contact*/
.pubtitle{ margin: 20px 0;}
.pubtitle h3{font-size: 20px;}
.pubtitle h4{font-size: 14px;line-height: 22px; margin-top: 10px;}
.lxlist {flex-wrap: wrap; margin-bottom: 10px;}
.lxlist li{width: 100%; margin-bottom: 4%;padding: 20px 10px;}
.lxlist li .img1 img{max-width: 40px; }
.lxlist li .wz1{font-size: 16px;}
.lxlist li .wz2{ font-size: 15px;}
.lxlist li .wz3 p{ font-size: 14px;line-height: 20px;}
.cont-grid{grid-template-columns: repeat(1, 1fr);}
.common_message .form .inp {width: 100%; }
}

@media (max-width:425px) {
   .fbox1{padding:5.2vw 0;}
   .fbt h3{font-size:20px;} 
   .fabout{line-height:28px;}  
   .fadd1 li h3{font-size:15px;margin:12px 0 8px;}
   .fadd1 li h4{font-size:12px;}
  
}