html,body{margin:0; width: 100%; height: 100%; background: #f6f7f8; position: relative;}
*{padding: 0; margin: 0; list-style-type: none; font-size: 14px; color: rgb(50,50,50); text-decoration: none; box-sizing: border-box; font-family:"Arial","Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
a,span,p,a:hover {font-size: 12px; line-height: 22px; color: rgb(50,50,50); display: block; color: inherit; text-decoration: none; outline: none; cursor: pointer}
ul,li{list-style: none;}
input , textarea , button {outline: none; padding: 5px; resize: none;}
/***** 【全局共用的】 *****/
/* Btn */
.btn {color: white !important; border:none; background: #BA0102; display:flex; justify-content: center; align-items: center; }
.btn:hover {background:#1F2A62;display: flex;}
.btnRound {width: 48px; height: 48px; font-size: 18px; opacity: 0.5; border-radius: 50%; border:1px solid rgb(150,150,150); display: flex; justify-content: center; align-items: center;}t > div:nth-child(2) > div > div:nth-child(4) a {width: 100px; height: 36px; color: white; margin: 20px; display: flex; justify-content: center; align-items: center; }
.btnRound:hover {opacity: 1;}
/* 文本域 */
input , textarea , select{ height: 40px; font-size: 14px; border: 1px solid rgba(150,150,150,0.5); border-radius: 3px; outline: none; padding: 5px; }
input {height: 44px;}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder { color:rgba(100,100,100,0.5); font-size:18px; }
input:focus,textarea:focus{border:1px solid#1F2A62;}
.linkimg:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease;}
/* List Pagination ，分页器 */
.Pagination , .Pagination form , .Pagination ul {width: 100%; max-width: 1200px; margin: 10px auto; display: flex; justify-content:center;}
.Pagination ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center; align-items: center; margin: auto 5px; border:1px solid #e6e6e6; background: white; display: block;}
.Pagination ul li a:hover,.Pagination li .active { color: white; background:#1F2A62; cursor: pointer;}
.wrapBg2 {background: #eef0f3; overflow: hidden;}
/* banner */
.Banner{width: 100%; position: relative;}
.Banner > div { width: 100%; height: 100%; padding: 1%; display: flex; justify-content: space-between; align-items: center; flex-flow: column; position: absolute; }
.Banner .pageTitle {width: 100%; height: 67%; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.Banner .pageTitle p { line-height: 40px; font-size: 40px; color: white; padding: 3% 5%; background: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100% ) ; display: flex; justify-content: center; align-items: center;}
.Banner .pageTitle span { width: 60px; height: 2px; display: block; background: white;}
.Banner img{ width: 100%; max-height: 100%;}
/* 产品导航 */
.productNav { position: fixed; width: 80%; height: 100%; top: 0; right: 0; z-index: 1003; background: rgba(0, 0, 0, .9); padding: 50px 0 0; color: #999; -webkit-transition: .4s; transition: .4s; -webkit-transform: translateX(100%); transform: translateX(100%); }
.productNav-show { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); }
.productNav-close {width: 24px;height: 24px; background: url(../images/close.png) no-repeat; background-size: contain;position: absolute;right: 16px;top: 14px;cursor: pointer;}
.productNav .NavBox {width: 100%; height: 100%; overflow-y: auto; padding: 0 20px; display: flex; justify-content: space-around; }
.productNav .NavBox::-webkit-scrollbar-thumb {background: rgba(150, 150, 150, .5); border-radius: 4px;}
.productNav .NavBox > ul { width: 32%; margin-bottom: 30px; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0;}
.productNav .NavBox > ul > li {width: auto; margin-bottom: 20px; display: block; height: auto; }/**/
.productNav .NavBox > ul > li.active ul > li {display:block;}
.productNav .NavBox > ul li div {color: rgba(255,255,255,0.5); display: flex; align-items: baseline;}
.productNav .NavBox > ul li div i {width: 16px; height: 16px; font-size: 14px; font-style: normal; color: rgba(255,255,255,0.5); display: flex; justify-content: center;align-items: center; overflow: hidden; }
.productNav .NavBox > ul a { color: rgba(255,255,255,0.65); margin-right: 5px; display:flex; align-items: center; text-decoration:none; }
.productNav .NavBox > ul > li > div > a {font-size: 20px; color: rgba(255,255,255,0.5); }
.productNav .NavBox > ul > li > ul > li {display: none; padding-left: 20px; flex-flow: column; margin: 10px auto; }/**/
.productNav .NavBox > ul > li > ul > li {margin-bottom: 10px; font-size: 14px;}
.productNav .NavBox > ul > li > ul > li div a {font-size: 18px;}
.productNav .NavBox > ul > li > ul > li > ul {display: none; padding: 5px 5px 5px 20px; } /**/
.productNav .NavBox > ul > li > ul > li > ul > li {margin-bottom: 8px ;}
.productNav .NavBox > ul > li > ul > li.active > ul {display:block;}
.productNav .NavBox > ul > li > ul > li a { display: inline-block; font-size: 16px;}
.productNav .NavBox > ul > li > ul > li a span {color: red; margin-left: 5px; font-style: normal; display: inline-block;}
.productNav .NavBox li.active > div > a ,.productNav .NavBox li:hover > div > a {color: rgba(255,255,255,1);}
/*============ 首页 =============*/
.wrapBg{background: rgb(255,255,255); overflow: hidden;}
.homeBanner1 .ShortcutProdNav { width: 100%; height: auto; padding:1% 0.5%; bottom: 0px; background: rgba(0,0,0,0.3); display: grid; -webkit-box-pack: justify; justify-content: space-between; grid-template-columns: repeat(auto-fill,19%); position: absolute; }
.homeBanner1 .ShortcutProdNav li { height: 50px; font-size: 18px; color: white; border-top: 3px solid #BA0102; margin: 1% 0.5% ; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer;}
.homeBanner1 .ShortcutProdNav li a {font-size: 18px;}
.homeBanner1 .ShortcutProdNav .active { border-top-color: white;}
.homeBanner1 .homeBannerImg img {display: none; margin: auto;}
.homeBanner1 .homeBannerImg .active img {display: block;}
/* Home Product , 首页的产品表 */
.contentBox {max-width: 96%; height: auto; margin: 2% auto 0; overflow: hidden;}
.HomeContentNav {width:100%; padding:30px 0; margin: auto; display: flex; justify-content: space-between; align-items: center; overflow: hidden;
border-bottom: #EAEAEA 1px solid;
}
.HomeContentNav > div {width: auto; height: 100%; display: flex; align-items: center; }
.HomeContentNav > div p {font-size: 22px; font-weight:bold; color:rgb(50,50,50,50); margin-right: 10px;}
.HomeContentNav > div span { font-size: 18px; color: rgb(200,200,200); font-family: initial; text-transform:uppercase;}
.HomeContentNav .More {width: 70px; height: 30px; padding: 0 5px; }
.contentList {width: 100%; display: grid; -webkit-box-pack: justify; justify-content: space-between; grid-template-columns: repeat(auto-fill,33%);}
.contentList .active li {display: block;}
.contentList .ProductItems {width: 100%; margin-bottom: 10px; border: 1px solid #EAEAEA; overflow: hidden; }
.contentList .ProductItems > div:nth-child(1) { width: 100%; height: 260px; text-align: center; padding: 10px; background:#fff; border-bottom: 0px solid rgb(230,235,240); display: flex;justify-content: center; overflow: hidden;}
.contentList .ProductItems > div:nth-child(1):hover {background: #fff;}
.contentList .ProductItems > div:nth-child(1) img{ width: 90%; margin: auto;}
.contentList .ProductItems .ProductTitle { width: auto; text-align:center; padding:10% 3%; background: white; display: flex; justify-content: space-between; }
.contentList .ProductItems .ProductTitle p {width: 100%; color: rgb(115,115,115);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden;}
.contentList .ProductItems .ProductTitle div:nth-child(1) {width: auto ; display: flex; align-items: center; overflow: hidden;}
.contentList .ProductItems .ProductTitle div:nth-child(2) {width: 15%; display: flex; min-width: 20px;}
.contentList .ProductItems .ProductTitle span { color: rgb(200,200,200); margin: auto; }
.contentList .ProductItems .ProductTitle a { font-size: 12px; line-height: 16px; color: #727272; font-weight: 800;}
.contentList .ProductItems .ProductTitle a:hover ,.ProductItems:hover p {color:#1F2A62;}
.contentList .ProductItems:hover{border: 2px solid rgba(80,140,230,0.2);}
/* 首页的产品应用 */
.prodApplied .contentList , .Partner .contentList {grid-template-columns: repeat(auto-fill,24%); padding-bottom: 15px;}
.prodApplied .contentList .ProductItems { height:auto; text-align: center; background:rgb(240,240,240); border-bottom: 1px solid rgba(230,235,240,0); position: relative;}
.prodApplied .contentList .ProductItems > div:nth-child(1) {height: auto; padding: 0;}
.prodApplied .contentList .ProductItems .ProductTitle { width: 100%; height: 100%; border:none; background: linear-gradient(to top,rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80%) ; display: flex; align-items: flex-end; position: absolute; z-index: 99; }
.prodApplied .contentList .ProductItems .ProductTitle p {color: white;}
.prodAppliedI.contentList ntro {width: 100%; height: auto; padding: 30px; border: 1px solid rgb(220,220,220); background: white; overflow: hidden; }
.prodApplied .contentList .ProductItems { border: 3px solid rgba(40,160,225,0); position: relative; overflow:inherit;}
.prodApplied .contentList .ProductItems img{ width: 100% !important; max-width: 100% ;}
.prodApplied .ProductItems.active , .prodApplied .ProductItems:hover {border: 3px solid rgba(40,160,225,1); position: relative;}
.prodApplied .ProductItems.active::after { position: absolute; z-index: 99; left: 48%; bottom: -10px; content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid rgba(40,160,225,1); }
.introTitle {display: flex; justify-content: flex-start; }
.prodAppliedIntro { width: 100%; height: auto; padding: 30px; border: 1px solid rgb(220,220,220); background: white; overflow: hidden; }
.prodAppliedIntro li {display: none;}
.prodAppliedIntro .active { display: block; }
.prodAppliedIntro li > div > {display: flex; justify-content: flex-start; }
.prodAppliedIntro li > div:nth-child(1) span {width: 5px; height: 22px; display: block; background:#1F2A62; margin: 0 10px 0 0; }
.prodAppliedIntro li > div:nth-child(1) p {font-size: 22px; font-weight:bold; color:rgb(50,50,50,50); margin-right: 10px;}
.introContent { margin: 15px 0px 15px; overflow: hidden;;}
.introContent > div {margin: 10px auto; display: flex; overflow: hidden;}
.introContent > div:nth-child(1) h4 {font-size: 16px; margin: 5px 0; white-space: nowrap;}
.introContent > div:nth-child(1) ul li {padding: 5px 20px 5px 5px; float: left; display: flex; justify-content: flex-start; align-items: center;}
.introContent > div:nth-child(1) ul li span { width: 16px; height: 16px; color: white; border-radius: 50%; margin-right: 5px; display: flex; justify-content: center; align-items: center; background: rgb(200,200,200);}
.prodAppliedIntro .btn {width: 130px; height: 40px; margin: 15px 0px 15px; overflow: hidden;}
/*Home Abouct , 首页的关于我们*/
.About{max-width: 1200px; padding-top: 50px; display: flex; justify-content:space-between; overflow: hidden; }
.About > div {width: 50%; display: flex; flex-flow: column;}
.About .timeFounded {width: 160px; height: 160px; color: white; background:#1F2A62; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.About .timeFounded p { width: 70%; font-size: 20px; }
.About .timeFounded span { width: 70%; font-size: 40px; line-height: 40px; font-family: 'DIN Medium','Bahnschrift', 'Microsoft YaHei UI', Arial, Helvetica, sans-serif;}
.About .companyIntro {width: 90%; margin-bottom: 30px;}
.About .companyIntro h2 {height: 60px; line-height: 60px; margin: 20px 0; font-size: 32px; font-weight: normal; color:rgb(50,50,50,50); border-bottom: 1px solid rgb(220,220,220); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.About .companyIntro span { height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; }
.About .companyIntro p {line-height: 28px; color: rgb(150,150,150); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; text-indent: 2em; text-align: justify; overflow: hidden;}
.About .btn {width: 140px; height: 40px; display: flex; justify-content: center; align-items: center;}
.About > div:nth-child(2) > div {width: 100%; text-align: center; display: grid; grid-template-columns: repeat(auto-fill,50%); overflow: hidden; }
.About > div:nth-child(2) > div > div { height:300px;display: flex; justify-content: center; align-items: center; flex-flow: column; overflow: hidden;}
.About .slogan {height: 200px !important;}
.About .ServiceCentre p:nth-child(1) {font-size: 24px; color: rgba(255,255,255,0.5); margin: 10px;}
.About .ServiceCentre p:nth-child(2) {font-size: 16px; color: rgba(255,255,255,0.2); margin: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.About .ServiceCentre { padding: 20px 5px; color: white; background: rgb(67,75,86);}
.About .slogan:nth-child(4) a {color: white; background: rgb(67,75,86); padding: 2% 8%; margin: 5%;}
.About .slogan:nth-child(4) i { font-style: normal; text-transform: uppercase; color: rgba(150,150,150,0.5); margin: 1%}
/* 为什么选择本司 */
.homeBanner2 {width: 100%; max-height: 600px; padding: 50px; background: url(../images/banner_home2.jpg) no-repeat center; display:flex; justify-content: center; align-items: center; }
.homeBanner2 .contentBox {margin: auto;}
.homeBanner2 .contentBox > div:nth-child(1) { display: flex; justify-content: center; align-items: center; flex-flow: column; margin-bottom: 25px ; overflow: hidden; }
.homeBanner2 .contentBox > div:nth-child(1) p { font-size: 28px; border-bottom: 1px solid rgba(200,200,200,0.5); padding: 20px 0; }
.homeBanner2 .contentBox > div:nth-child(1) span {width: 48px; height: 3px; background:#1F2A62; margin-top: -2px; overflow: hidden; }
.advantageList {width: 1200px; max-width: 100%; display: grid; grid-template-columns: repeat(auto-fill,24%) ; justify-content:space-between; }
.advantageList > div {width: auto; height: 350px; margin-bottom: 15px; padding: 20px; color: white; background: rgba(67,75,86,0.85); display:flex; justify-content: center; align-items: center; flex-flow: column; }
.advantageList > .active {background: rgba(40,160,225,0.85); }
.advantageList > div > div {width: 60px; height: 60px; }
.advantageList > div img { margin: auto; }
.advantageList > div span { margin: 20px auto 30px; font-size: 52px; font-family: 'DIN Medium','Bahnschrift', 'Microsoft YaHei UI', Arial, Helvetica, sans-serif;}
.advantageList > div span i { font-size: 30px; color: white; font-style: normal; vertical-align: text-top;}
.advantageList > div p { opacity: 0.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
/* 首页的新闻 */
.homeNews {display: flex; justify-content:space-between; }
.homeNews > div {display: flex; justify-content:space-between; flex-flow: column;}
.homeNews > div p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.homeNews > div:nth-child(1) {width: 22%; position: relative;}
.homeNews > div:nth-child(1) > div:nth-child(1) {position: absolute; width: 90px; height: 90px; background: rgba(67,75,86,1); display: flex; justify-content: center; align-items: center;}
.homeNews > div:nth-child(1) > div:nth-child(1) p { line-height: 14px; font-size: 22px; color: white; margin: auto; overflow:inherit;;}
.homeNews .btnRound {border:1px solid rgb(150,150,150); margin: 0;}
.homeNews > div:nth-child(2) {width: 32%;}
.homeNews .btn {width: 100px; height: 40px;}
.homeNews .newsList1 { height: 80%; padding: 8% 0; display:flex; justify-content: center; align-items: center; flex-flow: column;}
.homeNews .newsList1 > div { height: 50%; display:flex; justify-content: center; flex-flow: column; }
.homeNews > div:nth-child(2) > div > div:hover {padding: 3%; background: rgb(230,235,240);}
.homeNews > div:nth-child(2) > div > div:hover p {font-weight: bold; font-size: 16px;}
.homeNews > div:nth-child(2) > div > div span { line-height: 30px; color: rgb(150,150,150); font-weight:100; font-size: 16px; font-family: 'DIN Medium','Bahnschrift', 'Microsoft YaHei UI', Arial, Helvetica, sans-serif;}
.homeNews .newsList2 {width: 40%;}
.homeNews .newsList2 > div {height: 30%; display: flex; justify-content:space-between; align-items: center; border: 2px solid rgba(220,220,220,0.5); background: white; }
.homeNews .newsList2 > div:hover {border: 2px solid#1F2A62;}
.homeNews .newsList2 > div > div {width: 20%; text-align: center;}
.homeNews .newsList2 > div > div span { font-family: 'DIN Medium','Bahnschrift', 'Microsoft YaHei UI', Arial, Helvetica, sans-serif;}
.homeNews .newsList2 > div > div span:nth-child(1) {font-size: 40px; line-height: 40px;}
.homeNews .newsList2 > div > div span:nth-child(2) {font-size: 20px; line-height: 20px;}
.homeNews .newsList2 > div > p {width: 80%; padding: 0 3%; border-left: 2px solid rgba(220,220,220,0.5); }
/* 首页的服务流程 */
.serviceProcess {height: auto; display: flex; justify-content: center; align-items: center; background: white;}
.serviceProcess img {margin: auto; }
/* 首页的合作伙伴 */
.Partner {padding-bottom: 50px;}
/* .Partner .contentList li { height: 130px; border: 1px solid rgb(240,240,240); background: white; display: flex; justify-content: center; align-items: center;} */
/* .Partner .contentList li img {margin: auto; max-width: 95%;} */
.Partner ul > li { padding: 0 5px 20px; }
.Partner ul > li > a {height: 120px; padding: 5px; border: 1px solid rgb(240,240,240); background: white; display: flex; justify-content: center; align-items: center; cursor: default;}
.Partner ul > li > a img {margin: auto; max-width: 90%;}
/*============ 公司概况页 =============*/
.aboutBanner .pageTitle p , .productBanner .pageTitle p , .SupportBanner .pageTitle p { color: rgb(255,255,255);background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.3) 70%, rgba(255,255,255,0) 100% )}
.aboutBanner .pageTitle span , .productBanner .pageTitle span , .SupportBanner .pageTitle span { background: rgb(255,255,255);}
.aboutIntro { display: flex; justify-content: space-between; align-items: center; flex-flow: column;}
.aboutIntro > div , .aboutIntro > div:nth-child(1) > div { margin: 10px 0; overflow: hidden;}
.aboutIntro > div:nth-child(1) > div:nth-child(1) p {font-size: 24px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.aboutIntro > div:nth-child(1) > div:nth-child(1) span {font-size: 16px; line-height: 32px; color: rgb(150,150,150); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.aboutIntro > div:nth-child(1) > div:nth-child(2) p { line-height: 28px; text-indent: 2em; text-align: justify; margin: 10px 0; }
/*============ 产品列表页 =============*/
.productBanner > div > div:nth-child(2) { width: 60%; display: flex; justify-content: space-around; align-items: center; }
.productBanner > div > div:nth-child(2) > div { width:180px; height: 180px; padding-bottom: 10px; display: flex; justify-content: center; align-items: flex-end; overflow: hidden;}
.prodcenterFilter { padding-bottom: 20px; overflow: hidden; display: flex; flex-flow: column;}
.prodcenterFilter .pFilter1 {grid-template-columns: repeat(auto-fill,8%) !important; margin-bottom: 10px;}
.prodcenterFilter .pFilter1 li {height: 36px; padding: 3px; margin: 0 5px 5px 0; background: rgb(235,235,235); display: flex; justify-content: center; align-items: center; }
.prodcenterFilter .pFilter1_en { margin-bottom: 10px;}
.prodcenterFilter .pFilter1_en li {height: 36px; padding:0 10px; float: left; margin: 0 5px 5px 0; background: rgb(235,235,235); display: flex; justify-content: center; align-items: center; }
.prodcenterFilter li a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.prodcenterFilter .pFilter2 ul li { height:auto; padding: 2px 10px; margin: 0 5px 5px 0; display: flex; justify-content: center; align-items: center; float: left; }
.prodcenterFilter .active {color: white; background: rgb(40,140,200) !important; }
.prodcenterFilter .active:hover , .prodcenterFilter li:hover { color: white !important; background:#1F2A62 !important; }
/*====== 产品详情 ===== */
.contDetails > li {background: white; padding: 20px; display: none;}
.contDetails > li.active {display: block;}
.productDetails .contentTab {display: flex; margin: 10px auto;}
.productDetails .contDetails h4 {width: 100%; font-size: 16px; margin: 20px auto 10px; line-height: 40px; border-bottom:1px solid rgb(200,200,200,0.5);}
.productDetails .contDetails h5 {line-height: 40px; }
.productDetails .contentSummary { margin: 20px 0; background: white; padding: 20px; display:flex; justify-content:space-between ;}
.productDetails .contentSummary li , .productDetails .contDetails > li li {font-size: 14px; color: rgb(100,100,100); line-height: 24px; list-style: inside circle;}
.productDetails .contentSummary > div:nth-child(2) > div:nth-child(1) > p:nth-child(2) {text-indent: 0; color: rgb(150,150,150);}
.productDetails .contentSummary p , .productDetails .contDetails p { line-height: 28px; text-indent: 2em; text-align: justify; margin: 10px 0; }
.productDetails .contentSummary > div:nth-child(1) { width: 48%; max-width: 590px; max-height: 370px; border:1px solid rgba(200,200,200,0.5); background: white; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.productDetails .contentSummary > div:nth-child(2) { width: 48%; max-width: 570px; max-height: 370px; }
.contentTab li { width: 120px; height: 40px; margin-right:10px ; background: rgba(200,200,200,0.5); display:flex; justify-content: center; align-items: center; cursor: pointer;}
.contentTab li:hover , .contentTab .active {background:rgb(40,160,225); color: white;}
/*======= 应用领域页 =======*/
.productApplied .ProductimgBox {padding: 0 !important;}
.productApplied .ProductItems .ProductTitle { height: auto !important; }
.productApplied .ProductItems .ProductimgBox {height:auto !important;}
.productApplied .contentTitele { height: 60px; margin: 10px 0; }
.productApplied .contentTitele p {font-size: 24px; }
.productApplied .ProductItems .ProductTitle p {text-align: center !important;}
.productApplied .ProductItems img {width: 100% !important;}
/*============ 新闻中心页 =============*/
.newsList { width: 100%;text-align: center; padding: 50px 0; display: flex; flex-direction: column; overflow: hidden; }
.newsList .newsListTab {display: flex; justify-content: flex-start; align-items: center; }
.newsList .newsListTab li { width: 120px; height: 40px; padding: 3px; margin: 5px 15px 5px 0px; background: rgb(235,235,235); display: flex; justify-content: center; align-items: center;}
.newsList .newsListTab li:hover { color: white !important; background:#1F2A62 !important; }
.newsList .newsListTab .active { color: white; background: rgb(40,140,200) !important; }
.newsListBox {width: 100%; max-width: 1200px; padding: 20px 0; margin: 20px auto; display: flex; flex-direction: column;}
.newsListBox li { padding: 20px 30px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items:flex-start; border: 3px solid white; background:white; overflow: hidden; box-sizing: border-box; }
.newsListBox li:hover{border: 3px solid rgba(80,140,230,0.3);}
.newsListBox li:hover h4 {font-weight:bold !important; color: rgb(40,140,225);}
.newsListBox li > div{ display: flex; overflow: hidden;}
.newsListBox li div:nth-child(2) { width: 65%; padding: 10px 0; }
.newsListBox li div:nth-child(1) { width:33%; }
.newsListBox li div:nth-child(1) img{min-width: 100%; max-height: 100%; height: 100%; margin: auto; }
.newsListBox li div:nth-child(2) div:nth-child(1) { width: 80%; text-align: left; padding: 0 2%; overflow: hidden;}
.newsListBox li div:nth-child(2) div:nth-child(1) h4 { font-size: 18px; font-weight: normal; margin-bottom: 3%; text-overflow: ellipsis; -webkit-box-orient: vertical; text-align: justify; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; }
.newsListBox li div:nth-child(2) div:nth-child(1) p { font-size: 14px; color: #999; text-align: justify; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden;}
.newsListBox li div:nth-child(2) div:nth-child(2) { width: 20%; min-width: 80px; font-weight: normal; color: #999; text-align: right; }
.newsListBox li div:nth-child(2) div:nth-child(2) h3 {font-size: 26px; font-weight: normal; color: rgb(100, 100, 100);}
.newsListBox li div:nth-child(2) div:nth-child(2) h5 {font-size: 14px; font-weight: normal;}
/*==== 新闻详情 ==== */
.newsBanner .pageTitle p { color: rgb(255,255,255);background: linear-gradient( to right, rgba(150,150,150,0) 0%, rgba(150,150,150,0.5) 20%, rgba(150,150,150,0.5) 80%, rgba(150,150,150,0) 100% )}
.newsBanner .pageTitle span { background: rgb(255,255,255);}
.newsArticle {width: 100%; text-align: center; padding: 5% 0; display: flex; overflow: hidden; background: rgb(240,241,242);}
.newsArticle p {font-size: 14px; color:#333; text-align: left;}
.newsArticle article {width: 100%; max-width: 1200px; margin: 20px auto; display: flex; flex-direction: column; }
.newsArticle article div:nth-child(2) { width: 100%; max-width: 1200px; display: flex; justify-content: space-between;}
.newsArticleHeader{ height: 130px; text-align: left;}
.newsArticleHeader h2 {font-size: 28px; height: 60px; line-height: 60px; margin: auto 0; }
.newsArticleHeader p {height: 50px; line-height: 50px; color:#666; }
.newsArticleText {width: 70%; max-width: 930px; overflow:hidden;}
.newsForeword { padding: 5px 20px; background: rgba(255,255,255,0.5);}
.newsArticleText p { line-height: 28px; text-indent: 2em; text-align: justify; margin: 20px auto; }
.newsArticleText span img {max-width: 100%;}
.newsArticle aside {width: 26%; max-width: 360px; overflow: hidden;}
.newsArticle aside > div { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
.newsArticle aside span {width: 30%; height: 1px; background: rgba(150,150,150,0.2);}
.newsArticle aside h4 { font-size: 22px; font-weight: normal;}
.newsArticle aside ul li { background: white; margin-bottom: 10px;}
.newsArticle aside ul li div{ max-height:180px; overflow: hidden;}
.newsArticle aside ul li img {height: 100%; margin: auto; }
.newsArticle aside ul li p {padding: 5px 5px 10px;}
.newsArticle aside ul li:hover {background: #e8e8e8;}
.newsArticle aside ul li:hover p{color: rgb(80,140,230);}
/*============ 服务中心页 =============*/
.Support { width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.Support > div {width: 100%; max-width: 1200px; padding: 3%; margin: 0 auto 30px; ; display: flex; text-align: left; background: white;}
.Support > div:nth-child(1) > div:nth-child(1) { margin-right:2%;}
.Support > div:nth-child(1) > div:nth-child(2) img { width: auto; }
.Support > div:nth-child(1) > div:nth-child(1) h3 {margin-bottom: 20px; font-size: 26px; color:#1F2A62; font-weight: normal;}
.Support > div:nth-child(1) > div:nth-child(1) p {height: 240px; color: rgb(50,50,50); line-height: 32px; text-indent: 2em; text-align: justify; margin: 10px 0; overflow: auto;}
.Support form {width: 100%; max-width: 1200px; padding: 3%; display: flex; flex-flow: column; background: white; overflow: hidden;}
.Support h4 {width: 100%; height: 44px; line-height: 44px; font-size: 18px; font-weight: normal; text-align: center; }
.Support form > * {width: 100%;}
.Support form ul { width: 100%; display: flex; justify-content:space-between;}
.Support form ul li{width: 32%; }
.Support form strong { color: red;}
.Support form ul li input{width: 100%; height: 40px; margin: 10px 0 ;}
.Support form textarea{width: 100%; height: 100px; margin: 10px 0;}
.Support .btn {width: 380px; max-width: 100%; height: 48px; font-size: 16px; }
.Support > div:nth-child(2) {flex-flow: column;}
.Support > div:nth-child(2) > div img {width: 100%; margin: auto; }
/*============ 联系页 =============*/
.contactUs { width: 100%; text-align: center; display: flex; flex-direction: column; overflow: hidden; margin: 20px 0; }
.contactUs > div:nth-child(1) {width: 100%; max-width: 1200px; padding: 20px 10px; margin: 0 auto 30px; ; display: flex; text-align: left; background: white;}
.contactUs > div:nth-child(1) > div { margin-right:8%; padding: 10px;}
.contactUs > div:nth-child(1) > div h4 {margin-bottom: 20px;}
.contactUs > div:nth-child(1) > div p {color: rgb(100,100,100);}
.contactUs form {width: 100%; max-width: 1200px; padding: 3%; margin: 0 auto 30px; display: flex; flex-flow: column; background: white; overflow: hidden;}
.contactUs form h4 {width: 100%; height: 44px; line-height: 44px; font-size: 18px; text-align: left;}
.contactUs form ul { width: 100%; display: flex; justify-content:space-between;}
.contactUs form ul li{width: 32%; }
.contactUs form ul li input{width: 100%; height: 40px; margin: 10px 0 ;}
.contactUs form textarea{width: 100%; height: 100px; margin: 10px 0;}
.contactUs .btn {width: 380px; height: 48px; font-size: 16px; }
#navMap{width: 100%; height: 500px; }
#windowMap { font-size: 16px; font-weight: bold; line-height: 1.5em; background: #fff; padding: 5px 15px; }
/*============ 招聘中心页 =============*/
.recruitCont , .recruitCont .itemFilter { margin-bottom: 30px; display: flex; justify-content: flex-start; flex-flow: column; overflow: hidden;}
.recruitCont , .recruitCont .itemFilter h3 {font-size: 20px;}
.recruitCont .itemFilter h4 {height: 40px; line-height: 40px;}
.recruitCont .itemFilter > div {width: 100%; display: flex; justify-content: flex-start; margin: 5px 0; }
.recruitCont .itemFilter > div > div { margin-right: 10px; display: flex; justify-content: flex-end; flex-flow: column;}
.recruitCont .itemFilter > div > div p {margin: 5px 0;}
.recruitCont .itemFilter > div > div:nth-child(1) select {width: 300px;}
.recruitCont .itemFilter > div > div:nth-child(2) select {width: 360px;}
.recruitCont .itemFilter .btn {width: 140px; height: 40px; font-size: 16px;}
.recruitCont .itemCard { border:1px solid rgba(200,200,200,0.5); margin-bottom: 15px; }
.itemCardBox {margin-bottom: 20px;}
.itemCardBox .active .itemDetails { display: block;}
.recruitCont .itemConent { width: 100%; max-width: 1200px; height: 136px; padding: 32px; background: white; display: flex; justify-content: space-between; align-items: center;}
.recruitCont .itemConent > div:nth-child(1) { width: 60%; display: flex; justify-content: flex-start; flex-flow: column; padding: 10px 0 }
.recruitCont .itemConent > div:nth-child(1) > div { width: 100%; display: flex; justify-content: flex-start; }
.recruitCont .itemConent > div:nth-child(1) h4 {font-size: 20px; font-weight: normal; line-height: 36px;}
.recruitCont .itemConent > div:nth-child(1) p {line-height: 28px; color: rgb(100,100,100); margin-right: 8%;}
.recruitCont .itemConent > div:nth-child(2) { width: 40%; display: flex; justify-content: flex-end; padding: 10px 0 }
.recruitCont .itemConent > div:nth-child(2) > div:nth-child(1) { padding: 0 5%; display: flex; align-items: flex-end; flex-flow: column; }
.recruitCont .itemConent > div:nth-child(2) > div:nth-child(1) span { font-size: 20px; color: red;}
.recruitCont .itemConent > div:nth-child(2) > div:nth-child(1) p { color: rgb(150,150,150);}
.recruitCont .btnFold {width: 100px; display: flex; justify-content: center; align-items: center; }
.recruitCont .btnFold p { color: rgb(100,100,100);}
.recruitCont .btnFold span { font-size: 24px; color: rgb(100,100,100); padding: 4px; display: block;}
.recruitCont .itemDetails {width: 100%; max-width: 1200px; height: auto; padding: 30px 40px; background: white; border-top:1px solid rgba(200,200,200,0.3); display: none;}
.recruitCont .itemDetails > div { margin: 10px 0; }
.recruitCont .itemDetails h5 {line-height: 32px;}
.recruitCont .itemDetails > div ul {margin-left: 20px;}
.recruitCont .itemDetails li {font-size: 14px; color: rgb(100,100,100); line-height: 24px; list-style: outside circle;}
@media screen and (max-width: 1024px) {
.contentBox {padding: 30px 20px !important;}
/* 首页 */
.wrapBg { padding: 0 20px;}
.banner2 { height: auto; padding: 0 20px; }
.banner2 .contentBox {padding: 30px 0px !important;}
.advantageList > div {height: 200px;}
.serviceProcess {height: auto; padding: 0 !important;}
.wrapBg .contentBox {padding: 0 !important;}
.homeBanner1 .contentList li {height: 40px;}
.homeBanner2 {padding: 0px;}
.contentList .ProductItems > div:nth-child(1) {height: 200px;}
.About .timeFounded {width: 120px; height: 120px;}
.About .companyIntro h2 {height: 40px; line-height: 40px;font-size: 24px;}
.About .companyIntro p {line-height: 24px;}
/* 首页Banner ProdNav */
.productNav { width: 100%;}
/* 概况 */
.About > div:nth-child(2) > div > div {height: 240px;}
.About .slogan {height: 160px !important;}
.aboutIntro {margin: auto !important;}
/* 产品页 */
.Banner .pageTitle {height: 50%;}
.Banner .pageTitle p { font-size: 32px; height: 32px; line-height: 32px;}
.Banner .pageTitle span {opacity: 0.7;}
.productBanner > div > div:nth-child(2) > div { width:120px; height: 120px;}
/* 新闻中心 */
.newsList { padding: 0 20px !important; }
.newsListBox { padding: 0 !important; }
.newsListBox li { padding: 15px 20px; margin-bottom: 15px;}
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
.contentBox {padding: 10px !important;}
.HomeContentNav {padding: 20px 0;}
/* 首页 */
.prodAppliedIntro { padding: 20px;}
.introContent > div:nth-child(1) p {justify-content: center; flex-flow:column;}
.advantageList > div span {font-size: 40px; margin: 10px auto 20px;}
.contentList .ProductItems > div:nth-child(1) {height: 160px;}
.homeBanner1 .ShortcutProdNav li a {font-size: 14px;}
.homeBanner1 .contentList li {height: 32px;}
.Partner ul > li {padding: 0 5px 10px;}
.Partner ul > li > a {height: 80px;}
/* 产品页 */
.Banner .pageTitle {height: 50%;}
.Banner .pageTitle p { font-size: 28px; height: 32px; line-height: 32px;}
.Banner .pageTitle span {opacity: 0.7;}
.productBanner > div > div:nth-child(2) > div { width:80px; height: 80px;}
.prodcenterFilter .pFilter1 {grid-template-columns: repeat(auto-fill,10%) !important; margin-bottom: 10px;}
.prodcenterFilter .pFilter1 li {height: auto;}
.prodcenterFilter .pFilter2 ul li { padding: 2px 5px; margin: 0 2px 2px 0;}
/* 技术支持 */
.Support > div:nth-child(1) { flex-flow: column; text-align: center; margin-left: 0 !important;}
.Support > div:nth-child(1) > div:nth-child(1) p {height: auto; line-height: 28px;}
.Support > div:nth-child(1) > div:nth-child(2) { margin: auto; max-width: 100%; overflow: hidden;}
.Support > div:nth-child(1) > div:nth-child(2) img { margin: auto; max-width: 100%; }
/* 人才招聘 */
.recruitCont .itemFilter > div > div:nth-child(1),.recruitCont .itemFilter > div > div:nth-child(2) {width: 36%;}
.recruitCont .itemFilter > div > div:nth-child(1) select , .recruitCont .itemFilter > div > div:nth-child(2) select { width:auto;}
/* 联系我们 */
.aboutContent {padding: 10px !important; margin: 10px auto;}
.contactUs { margin: 10px 0; }
.contactUs > div:nth-child(1) { flex-flow: column; }
.contactUs > div:nth-child(1) > div {margin-right: 0px; display: flex; justify-content: center; text-align: center; flex-flow: column;}
.contactUs > div:nth-child(1) > div b {margin-right: 20px; }
.contactUs > div:nth-child(1) > div div {justify-content: center;}
.contactUs > div:nth-child(1) { margin: 0 auto 10px;}
}
@media screen and (max-width: 576px) {
.HomeContentNav {padding: 15px 0 10px;}
.HomeContentNav > div p {font-size: 18px;}
.HomeContentNav .btn {height: 24px;}
/* 首页 */
.wrapBg {padding: 0 10px;}
.homeBanner1 .contentList li {height: 20px; line-height: 20px; font-size: 14px; border-top: 1px solid#1F2A62; margin: 3% 1%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.Banner .pageTitle p {font-size: 28px;}
.introContent > div { flex-flow: wrap;}
.introContent > div:nth-child(1) p { flex-flow: nowrap; padding: 5px 0;}
.advantageList {grid-template-columns: repeat(auto-fill,48%) ; }
.advantageList > div {height: auto; padding: 10px ;}
.contentList .ProductItems > div:nth-child(1) {height: 120px;}
.prodApplied .contentList , .Partner .contentList {grid-template-columns: repeat(auto-fill,48%); padding-bottom: 15px;}
.prodAppliedIntro .btn {height: 32px; margin: 5px 0;}
.prodAppliedIntro li > div:nth-child(1) p { font-size: 18px; }
.homeBanner2 .contentBox > div:nth-child(1) p {font-size: 20px; padding: 10px 0;}
.Partner ul > li > a {height: 48px;}
.homeNews {display: none;}
.banner2 {height: auto;}
.advantageList > div > div { width: 32px; height: 32px;}
.advantageList > div span { margin: 5px auto 5px; font-size: 24px;}
.advantageList > div span i {font-size: 14px;}
.product .contentList {grid-template-columns: repeat(auto-fill,48%);}
.About {display: none; }
/* 首页Banner ProdNav */
.productNav .NavBox {justify-content: flex-start; flex-flow: column;}
.productNav .NavFirst {width: auto;}
.productNav .NavFirst li {margin-bottom:10px ;}
.productNav .NavFirst > li > div > a {font-size: 18px;}
.productNav .NavFirst > li > .NavSecondary li {margin-bottom: 10px;}
/* 产品页 */
.Banner .pageTitle {height: 50%;}
.Banner .pageTitle p { font-size: 16px; height: 28px; line-height: 28px;}
.Banner .pageTitle span { width: 30px; height: 1px; opacity: 0.7;}
.productBanner > div > div:nth-child(2) > div { width:60px; height: 60px;}
.wrapBg .contentBox { margin: 20px auto; }
.prodcenterFilter .pFilter1 {grid-template-columns: repeat(auto-fill,20%) !important; margin-bottom: 5px;}
.prodcenterFilter .pFilter2 ul li {height: auto; padding: 2px 5px; margin: 0 1px 1px 0;}
.ProductItems .ProductimgBox {height: 120px;}
.About .companyIntro h2 {font-size: 24px;}
.About .companyIntro span {font-size: 16px;}
.About .companyIntro p {line-height: 24px; text-indent: 2em;}
/* 产品详情 */
.productDetails .contentSummary {flex-flow: column;}
.productDetails .contentSummary div {width: 100% !important; margin-top: 10px;}
/* 产品应用 */
.productApplied .contentTitele { height: auto; }
.productApplied .contentTitele p {font-size: 20px;}
/* 新闻中心 */
.newsListBox li div:nth-child(1) {width: 100%;}
.newsListBox li div:nth-child(2) {width: 100%;}
.newsListBox li { padding: 10px 15px !important; flex-flow: column;}
.newsListBox li div:nth-child(2) div:nth-child(1) {display: flex; justify-content: center; align-items: center; flex-flow: column;}
.newsListBox li div:nth-child(2) div:nth-child(1) p {-webkit-line-clamp: 1;}
/* 技术服务 */
.Support form ul { flex-flow: column;}
.Support form ul li {width: 100%;}
.Support > div:nth-child(1) > div:nth-child(1) { margin-right:0%;}
/* 人才招聘 */
.recruitCont {padding: 20px 10px !important; margin: 10px auto;}
.recruitCont .itemFilter .btn {width: 80px;}
.recruitCont .itemConent { height: auto; padding: 20px !important; flex-flow: column;}
.recruitCont , .recruitCont .itemFilter{ margin-bottom: 15px;}
.recruitCont .itemConent > div:nth-child(1) {width: 100%;}
.recruitCont .itemConent > div:nth-child(1) p {margin-right: 5%;}
.recruitCont .itemConent > div:nth-child(2) {width: 100%; border-top: 1px solid rgba(200,200,200,0.2); justify-content: space-between;}
.recruitCont .itemConent > div:nth-child(2) > div:nth-child(1) {justify-content: center;}
.recruitCont .itemCard {margin-bottom: 10px;}
.recruitCont .itemDetails {padding: 20px;}
}
@media screen and (max-width: 320px) {
.HomeContentNav .More {width: auto; }
.contentList .ProductItems > div:nth-child(1) {height: 96px;}
.newsListBox li div:nth-child(2) div:nth-child(2) h3 {font-size: 20px;}
.prodcenterFilter .pFilter1 {grid-template-columns: repeat(auto-fill,25%) !important; margin-bottom: 5px;}
}
/* 分页 */
.page ul {
list-style: none; /* 移除列表项前面的圆点 */
padding: 0;
margin: 0;
display: flex; /* 使用 Flexbox 让项目水平排列 */
align-items: center; /* 垂直居中对齐 */
gap: 8px; /* 设置每个分页项之间的间距 */
}
.page form{
display: flex;
justify-content:center;
align-items:center;
border: 0px red solid;
}
.page li{
margin:0 5px;
border:0px blue solid;
}
.page li a {
display: flex;
justify-content: center;
align-items: center;
width: 36px; /* 设置按钮宽度 */
height: 36px; /* 设置按钮高度，与宽度相同形成正方形 */
border: 1px solid #d9d9d9; /* 浅灰色边框 */
color: #595959; /* 文字颜色 */
text-decoration: none; /* 移除下划线 */
font-size: 14px;
font-family: Arial, sans-serif;
box-sizing: border-box; /* 确保边框和内边距不会增加元素的总尺寸 */
transition: all 0.3s ease; /* 添加平滑的过渡效果 */
}
/* 鼠标悬停时的样式 */
.page li a:hover:not(.active) {
border-color: #ff4d4f; /* 悬停时边框变红 */
color: #ff4d4f; /* 悬停时文字变红 */
}
/* 当前激活页码的样式 (对应图中的红色方块) */
.page li a.active {
background-color: #c00000; /* 深红色背景 */
border-color: #c00000; /* 边框颜色与背景一致 */
color: #ffffff; /* 白色文字 */
font-weight: bold;
}
/* 禁用状态的样式 (可选，用于首页/末页等不可点击的情况) */
.page li a.disabled {
background-color: #f5f5f5;
border-color: #d9d9d9;
color: #bfbfbf;
cursor: not-allowed;
pointer-events: none; /* 阻止点击事件 */
}