body { margin: 0; min-width: 1280px; width: 100%; padding-top: 80px !important; }
header { width: 100%; height: 80px; position: relative; background: #052361; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4) }
@font-face { font-family: 'MyCustomFont'; src: url('./font/PingFangSC.woff2') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Titlese'; src: url('font/yingyu.otf') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Geometric'; src: url('font/Geometric415BT-BlackA.otf') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: "iconfont"; src: url('font/iconfont.eot'); src: url('font/iconfont.eot') format('embedded-opentype'), url('font/iconfont.woff') format('woff'), url('font/iconfont.ttf') format('truetype'), url('font/iconfont.svg') format('svg') }
input { border: 0; outline: 0 }
ul { list-style: none }
p { margin: 0 }
h1 { margin: 0; font-weight: normal }
h2 { margin: 0; font-weight: normal }
h3 { margin: 0; font-weight: normal }
ul { padding: 0 }
a { text-decoration: none; display: inline }
div, h1, a, h2, h3, p { font-family: 'MyCustomFont', sans-serif }
.iconfont { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-menus:before { content: '\e64c' }
.icon-menu:before { content: '\e602' }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis }
.ellipsisTwo { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.ellipsisThree { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.overall { display: flex; align-items: center; justify-content: center }
.overallse { height: 80px; display: flex; align-items: center; }
.nav { max-width: 1620px; min-width: 1280px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between }
.nav .logo img { height: 51px; margin-left: 50px }
.navList { width: 840px; display: flex; align-items: center; justify-content: space-between; }
.navList li { height: 80px; font-size: 17px; color: #FFF; font-weight: bold; line-height: 80px }
.navList li a { font-size: 18px; color: #FFF; font-weight: 500 }
.navList li:hover div { max-height: 600px }
.navList .active>a { position: relative; }
.navList .active>a::after { content: ''; position: absolute; width: 120px; height: 2px; background: #FFF; bottom: -28px; left: calc(50% - 60px) }
.navList .navMenu { width: 100%; min-width: 1280px; display: flex; overflow: hidden; z-index: 80; position: absolute; top: 80px; left: 0; max-height: 0; background: #FFF; transition: max-height .5s linear; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2) }
.navList .navMenu dl { padding-top: 0; flex-wrap: wrap; margin-right: 0 }
.navList .navMenu dt { margin-right: 22px; height: 30px; line-height: 30px }
.navList .navMenu dd { height: 50px; line-height: 50px; margin-left: 30px }
.navList .navMenu a { font-size: 16px; color: #333 }
.navList .navMenu a:hover { color: #183777 }
.navList .navMenu dt { margin-right: 30px; height: 40px; line-height: 40px }
.navList .navMenu img { width: 420px; height: 302px; text-align: center; margin: 30px 90px }
.navList .navMenu dl { padding-top: 30px; display: flex }
.navList .navMenu dt a { padding: 4px 0; font-size: 18px; color: #333; font-weight: 500 }
.navList .navMenus { width: 100%; min-width: 1280px; display: flex; overflow: hidden; z-index: 100; position: absolute; top: 80px; left: 0; max-height: 0; background: #FFFFFF; transition: max-height .5s linear; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2) }
.navList .navMenus img { width: 420px; height: 302px; text-align: center; margin: 30px 90px }
.navList .navMenus dl { padding: 30px 0 20px 0; margin-right: 40px }
.navList .navMenus dd a { padding: 4px 0; font-size: 16px; color: #999; font-weight: 500 }
.navList .navMenus dt a { font-size: 18px; color: #333; font-weight: 400 }
.navList .navMenus a:hover { color: #052361 }
.navList .navMenus ul { padding-bottom: 20px }
.navList .navMenus dd { height: 40px; line-height: 40px }
.navList .navMenus dt { height: 40px; line-height: 40px }
.overallse .phone { font-weight: normal; font-size: 24px; color: #FFF; margin-left: 50px; padding-left: 24px; background-image: url('../images/iphone.png'); background-size: 16px 23px; background-repeat: no-repeat; background-position: center left; }
.overallse .searchForm { width: 84px; height: 80px; background: #FFF; display: flex; align-items: center; justify-content: space-between; line-height: 80px; position: relative; }
.overallse .button { cursor: pointer; margin: 0 auto; width: 40px; height: 40px; background-image: url('../images/shoushuo.png'); background-repeat: no-repeat; background-size: 38px 36px; background-color: #FFFFFF; border: none;/* background-position: 10px 0px; */ }
.overallse .text { border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff; position: absolute; width: 0px; height: 50px; top: 0; right: 84px; font-size: 17px; background: #eeeeee; transition: width 1s ease; overflow: hidden; }
.overallse .searchForm:hover .text { width: 300px; padding-left: 10px; margin-left: 30px; border-left: 16px solid #ffffff; }
.navIcon { display: none }
.indexBanner img { width: 100%; }
.productWrap { width: 100%; height: 700px; background: #F7FAFF }
.productWrap .productBox { width: 1280px; margin: 0 auto }
.productList a { border-radius: 12px; flex-shrink: 0; margin-top: 60px; text-align: center; width: 310px !important; margin-right: 10px; padding-bottom: 45px; border: 1px solid #FFF; background-image: url('../images/chanpBj.png'); background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 40px; display: inline-block; }
.productList img { height: 118px; margin: 20px 0 14px 0; }
.productList .proTit h2 { font-size: 26px; color: #333; margin-bottom: 16px; font-weight: 300; }
.productList .proTit p { margin: auto; width: 80%; height: 72px; font-size: 16px; color: #707F99; line-height: 24px; }
.title { padding-top: 80px }
.title h1 { font-weight: bold; font-size: 44px; color: #333; position: relative; padding-left: 40px }
.title h1::after { content: ''; width: 16px; height: 16px; border-radius: 50%; border: 4px solid #E48010; position: absolute; left: 0; top: 19px }
.title .txt { font-family: 'Titlese', sans-serif; font-size: 30px; color: #E6E6E6; padding-left: 40px }
.swiper { width: 1280px; margin: 0 auto; }
.indexBanner { width: 100%; }
.swiper-scrollbar { left: calc(50% - 200px) !important; width: 400px !important; height: 8px !important; background: #FFF !important; border-radius: 4px !important; }
.swiper-scrollbar-drag { background: #D2DEF2; }
.caseWrap { width: 100%; height: 900px; background-image: url('../images/hangybg.png'); background-size: 100% 100%; }
.caseWrap .CaseBox { width: 1280px; margin: 0 auto; }
.CaseBox .caseItem { margin-top: 45px; display: flex; align-items: center; position: relative;}
.caseItem .caseTit { font-weight: bold; font-size: 32px; color: #333; }
.caseItem .caseTxt { width: 480px; margin-top: 20px;margin-bottom: 20px; height: 180px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8}
.caseItem .caseLeft a { cursor: pointer; width: 168px; height: 56px; background: #052361; border-radius: 28px; display: inline-block; font-size: 16px; line-height: 56px; color: #FFFFFF; padding-left: 18px; }
.caseItem .caseLeft a::after { content: "\e615"; font-size: 14px; background: #234180; border-radius: 50%; padding: 6px 5px 6px 7px; margin-left: 58px; position: relative; top: 0px; }
.caseItem .caseLeft a :last-child::after { position: absolute; content: ''; width: 7px; height: 12px; background-image: url('../images/jian.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; top: 7px; left: 11px; }
.indexCaseList .caseImages { height: 400px}
.caseItem .caseSwiper { width: 640px; height: 400px; position: relative; margin: 0 50px 0 70px; }
.caseItem .caseSwiper img { width: 640px; height: 400px;object-fit: contain; }
.caseItem .caseSwiper a { position: absolute; display: block; bottom: 0; left: 0; width: 570px; height: 58px; line-height: 58px; background: rgba(51, 51, 51, 0.5); font-size: 18px; color: #FFF; align-items: center; padding: 0 50px 0 20px; }
.caseItem .caseRight { text-align: center; width: 68px; height: 100px; background: #FFF; border-radius: 20px }
.caseItem .caseRight span { cursor: pointer }
.caseItem .caseRight .swiper-next { position: relative; }
.caseItem .caseRight .swiper-next::after { content: '\e607'; position: absolute; font-size: 24px; color: #052361; left: -11px; top: 12px; }
.caseItem .caseRight .swiper-prev { position: relative; }
.caseItem .caseRight .swiper-prev::after { content: '\e63b'; position: absolute; font-size: 24px; color: #999999; left: -11px; top: 66px; }
.caseWrap .padtop { margin-top: 50px; }
.padtop .caseIcon { cursor: pointer; position: relative; text-align: center; width: 182px !important; padding-bottom: 10px; }
.caseIcon>:nth-child(1) { display: none; }
.caseIcon p { font-size: 17px; color: #666; margin: 16px 0 20px 0; }
.caseIcon .caseLine { position: relative; width: 100%; height: 1px; background: #DDD; }

.caseIcon .caseLine::after { content: ''; position: absolute; left: calc(50% - 4px); bottom: 6px; width: 9px; height: 9px; top: -4px; background: #DDD; border-radius: 50%; }
.padtop .active>:nth-child(1) { display: inline-block; }
.padtop .caseIcon img {height: 56px;}
.padtop .active>:nth-child(2) { display: none; }
.padtop .active p { color: #052361; }
.padtop .active .caseLine { background: #052361; }
.padtop .active .caseLine:before { content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #052361; bottom: -8px; left: calc(50% - 8px); }
.padtop .active .caseLine::after { background: #052361; width: 10px; height: 10px; left: calc(50% - 5px); }
.aboutWrap { overflow: hidden; width: 100%; height: 810px; position: relative; }
.aboutWrap .aboutBox { position: relative; width: 1280px; margin: 0 auto; }
.aboutWrap .aboutBoxBg { width: 100%; min-width: 1700px; height: 276px; position: absolute; bottom: 0; }
.aboutBox .aboutImg { width: 640px; height: 495px; position: absolute; top: 80px; right: -150px; }
.aboutBox .aboutTit { font-size: 16px; color: #333; line-height: 28px; width: 700px; height: 130px; margin: 20px 0 0 0; }
.aboutBox .aboutNumber { display: flex; margin-bottom: 50px; }
.aboutNumber .NumBox { position: relative; margin-right: 96px; }
.aboutNumber .NumBox div { font-size: 72px; color: #333; }
.aboutNumber .NumBox span { font-weight: bold; font-size: 22px; color: #333; position: absolute; top: 16px; right: -26px; }
.aboutNumber .NumBox p { font-size: 16px; color: #999; position: relative; bottom: 4px; }
.aboutBox a { cursor: pointer; width: 180px; height: 56px; background: #052361; border-radius: 28px; display: inline-block; font-size: 16px; line-height: 56px; color: #FFF; padding-left: 18px; }
.aboutBox a::after { content: "\e615"; font-size: 14px; background: #234180; border-radius: 50%; padding: 6px 5px 6px 7px; margin-left: 58px; position: relative; top: 0px; }
.aboutWrap { width: 100%; height: 930px; }
.newsWrap .newsBox { width: 1280px; margin: 0 auto; }
.newsBox .newsSwiper>div { flex: 1; }
.newsWrap .newsSwiper { display: flex; margin-top: 50px; width: 100%; }
.newsSwiper ul { padding-right: 20px; height: 600px; border-right: 1px solid #EEE; }
.newsSwiper li { cursor: pointer; font-weight: bold; font-size: 18px; color: #333; margin-top: 70px; padding-left: 60px; }
.newsSwiper .active { position: relative; color: #052361; }
.newsSwiper ul .active::after { content: ''; position: absolute; width: 48px; height: 2px; background: #052361; left: 0; bottom: 13px; }
.newsSwiper li a { cursor: pointer; width: 180px; height: 56px; background: #052361; border-radius: 28px; display: inline-block; font-size: 16px; line-height: 56px; color: #FFF; padding-left: 18px; margin-top: 169px; font-weight: 400; }
.newsSwiper li a::after { content: "\e615"; font-size: 14px; background: #234180; border-radius: 50%; padding: 6px 5px 6px 7px; margin-left: 58px; position: relative; top: 0px; }
#newsSwiperTwo { display: none; }
#newsSwiperThree { display: none; }
.newsWrap .newsSwiper .swiper { width: 1046px; background: #FFF; }
.newsItem .newsItemBox { padding: 0 15px; width: 320px !important; height: 550px; }
.newsItemBox .time { font-size: 16px; color: #999; margin-bottom: 36px; }
.newsItemBox .title {height: 57px; font-weight: bold; font-size: 20px; color: #333; padding-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newsItemBox .time span { display: block; font-size: 44px; color: #333; }
.newsItemBox>.thumb { width: 320px; height: 200px; margin: 18px 0 14px 0; overflow: hidden; }
.newsItemBox .txt { font-size: 16px; color: #666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newsItemBox .more { position: relative; margin-top: 30px; }
.newsItemBox .more::after { content: '\eb94'; position: absolute; color: #333333; font-size: 32px; }
.newsItemBox .more::before { content: '\eb94'; position: absolute; color: #FFFFFF; font-size: 32px; display: none; }
.newsItemBox:hover { background: #052361 }
.newsItemBox:hover .time span { color: #FFFFFF }
.newsWrap .newsItemBox:hover .time { color: #FFFFFF }
.newsItemBox:hover .title { color: #FFFFFF }
.newsItemBox .thumb img { width: 320px; height: 200px; transition: all 0.5s;object-fit: contain; }
.newsItemBox .thumb img:hover { transform: scale(1.1); }
.newsItemBox:hover .txt { color: #FFFFFF }
.newsItemBox:hover .more::before { display: block; }
.newsItemBox:hover .more::after { display: none; }
.customerWrap { width: 100%; height: 530px; background-image: url('../images/heibai.png'); background-size: 100% 100%; }
.customerWrap .customerBox { width: 1280px; margin: 0 auto; }
.customerBox .swiper { height: 280px; margin-top: 25px; }
.customerBox .swiper-slide { height: 130px; width: 213px; }
.customerBox p { width: 213px; height: 130px; display: block; text-align: center; line-height: 130px; }
.customerBox p img { max-width: 92%; }
.tryWrap { width: 100%; height: 440px; background-image: url('../images/shengqbg.png'); background-size: 100% 100%; }
.tryWrap .tryBox { width: 1280px; margin: 0 auto; }
.tryWrap .tryFrom>:last-child { display: flex; justify-content: center; margin-top: 50px; }
.tryBox h2 { text-align: center; font-weight: bold; font-size: 50px; color: #FFF; padding: 70px 0 50px 0; }
.tryBox .layui-form-item { display: flex; min-width: 1280px; justify-content: space-between; }
.tryBox .layui-form-item:nth-of-type(2) { justify-content: center; margin-top: 40px; }
.tryBox .layui-inline { width: 32%; margin-top: 20px; display: flex; background: #FFF; align-items: center; height: 60px; position: relative; }
.tryBox .layui-form-label { font-size: 18px; color: #B2B2B2; width: auto !important; }
.tryBox .layui-input-block { margin-left: 0; position: relative; }
.tryBox .layui-input { border: none !important; font-size: 18px; }
.tryBox .layui-form-label>span { color: #E6342E; }
.tryBox .tryFrom>:last-child { display: flex; justify-content: center; margin-top: 50px; }
.tryBox .layui-btn { width: 180px; height: 56px; font-size: 18px; background: #052361; border-radius: 0; }
footer { width: 100%; background: #052361; }
.footerBox { padding-top: 50px; width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; }
.fotterLeft .footLogo img { height: 40px; }
.fotterLeft .footContent { margin-top: 32px; display: flex; }
.footContent .conTxt .footTel { font-size: 24px; color: #FFF; background-image: url('../images/iphone.png'); background-size: 16px 23px; background-repeat: no-repeat; background-position: left center; padding-left: 22px; }
.footContent .conTxt p { font-size: 16px; color: #FFF; }
.footContent .conTxt>:nth-child(2) { margin: 18px 0 12px 0; }
.footContent>.wechat { width: 100px; height: 100px; margin-left: 28px; }
.footerBox .mediaBox { display: flex; align-items: center; margin-top: 24px; }
.mediaBox p { cursor: pointer; width: 44px; height: 44px; text-align: center; }
.mediaBox .wechat { cursor: auto; position: relative; }
.mediaBox .wechat span { z-index: 66; display: none; width: 80px; height: 80px; position: absolute; top: 30px; left: calc(50% - 40px); }
.mediaBox .wechat span img { width: 80px; height: 80px; }
.mediaBox .wechat:hover span { display: block; }
.footerBox .links { position: relative; width: 200px; height: 44px; background: #031E56; border-radius: 0; display: flex; align-items: center; justify-content: space-between; padding-left: 5px; margin-top: 20px; font-size: 15px; color: #FFF; border: 0; }
.footerBox .footerNav { display: flex; justify-content: space-between; width: 700px; }
.footerNav dt { margin-bottom: 24px; text-align: center; }
.footerNav dd { margin-bottom: 24px; text-align: center; }
.footerNav dd a { font-size: 15px; color: #ACBBDB; }
.footerNav dt a { font-size: 17px; color: #FFF; }
.copyrightBox { border-top: 1px solid #183777; margin: 30px auto 0 auto; width: 1280px; display: flex; align-items: center; height: 95px; }
.copyrightBox p { font-size: 16px; color: #425E99; }
.copyrightBox a { font-size: 16px; color: #425E99; margin-left: 16px; flex: 1; }
.copyrightBox .support { font-size: 16px; color: #425E99; }
.sideBox { z-index: 99; width: 56px; position: fixed; right: 0; bottom: 10vh }
.sideBox .sideItem { box-shadow: 0 0 2px #bbb; position: relative; cursor: pointer; width: 56px; height: 53px; background: #F4F4F4; text-align: center; padding-top: 7px; margin-bottom: 3px; }
.sideItem a { display: block; font-size: 12px; padding-top: 29px; }
.sideItem:hover { background: #052361; }
.sideItem:hover a { color: #FFFFFF; }
.sideBox .top { box-shadow: 0 0 2px #bbb; margin-top: 1px; cursor: pointer; width: 56px; height: 40px; background: #E48010; text-align: center; color: #FFF; padding: 0; }
.sideBox .top a { font-weight: bold; font-size: 13px; position: relative; bottom: -15px; left: 1px; color: #FFFFFF; padding-top: 0; }
.sideBox .top::after { content: ''; position: absolute; color: #FFFFFF; top: 6px; left: 20px; width: 15px; height: 8px; background-image: url('../images/shangj.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.sideBox .top:hover { background: #E48010; }
.sideBox .kefu a::after { content: ''; position: absolute; width: 24px; height: 24px; top: 8px; left: 17px; background-image: url('../images/icon/kef.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.sideBox .kefu:hover>::after { background-image: url('../images/icon/kefb.png'); }
.sideBox .tel a::after { content: ''; position: absolute; width: 22px; height: 22px; top: 8px; left: 18px; background-image: url('../images/icon/dianha.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.tel span { display: none; padding: 0 10px; height: 50px; line-height: 50px; position: absolute; top: 6px; left: -148px; background: #FFF; color: #333; font-size: 16px !important; font-weight: bold; box-shadow: 0 0 2px #bbb; }
.sideBox .tel:hover ::after { background-image: url('../images/icon/dianhuab.png'); }
.sideBox .tel:hover span { display: block; }
.sideBox .try a::after { content: ''; position: absolute; width: 24px; height: 24px; top: 8px; left: 17px; background-image: url('../images/icon/bi.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.sideBox .try:hover ::after { background-image: url('../images/icon/qiann.png'); }
.sideBox .baoiia a::after { content: ''; position: absolute; width: 24px; height: 24px; top: 8px; left: 17px; background-image: url('../images/icon/qian.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.sideBox .baoiia:hover ::after { background-image: url('../images/icon/qiann.png'); }
.sideBox .guanzhu a::after { content: ''; position: absolute; width: 30px; height: 24px; top: 8px; left: 14px; background-image: url('../images/icon/weixh.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.sideBox .guanzhu span { display: none; width: 100px; height: 100px; position: absolute; top: -18px; left: -104px; background: #FFF; box-shadow: 0 0 2px #bbb; }
.sideBox .guanzhu span img { width: 100px; height: 100px; }
.sideBox .guanzhu:hover ::after { background-image: url('../images/icon/weixn.png'); }
.sideBox .guanzhu:hover span { display: block; }
.banner img { width: 100%; }
.mainNav { width: 1280px; margin: 0 auto; padding: 45px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.mainNav .mainTit { display: flex; align-items: baseline; }
.mainNav h1 { font-weight: bold; font-size: 48px; color: #333; position: relative; padding-left: 40px; }
.mainNav h1::after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 4px solid #E48010; left: 0; top: 22px; }
.mainNav .mainTit .eg { font-size: 20px; color: #E48010; font-weight: bold; margin-bottom: 20px; }
.mainNav .pageMenu { display: flex; align-items: center; cursor: pointer; flex-wrap: wrap; padding: 10px 0; }
.mainNav .pageMenu>:last-child { margin-right: 0 }
.mainNav li { margin-top: 10px; margin-right: 10px; width: 160px; flex-shrink: 0; height: 55px; line-height: 55px; background: #f7f7f7; text-align: center; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) }
.mainNav a { width: 100%; display: block; font-weight: bold; font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis }
.mainNav .active { margin-top: 10px; margin-right: 10px; background: #052361 !important }
.mainNav .active>a { text-align: center; color: #FFF !important }
.mainNav li:hover { background: #052361 }
.mainNav li:hover a { color: #FFF }
.mainBox { width: 1280px; margin: 0 auto; }
.page-news-list { width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.page-news-list li { width: 32%; margin-right: 1.7%; background: #F7F7F7; border-radius: 0; border: 1px solid #E5E5E5; margin-bottom: 20px; overflow: hidden; }
.page-news-list .main { padding-bottom: 40px; }
.page-news-list>:nth-child(3n) { margin-right: 0 }
.page-news-list .listScale { width: 94%; margin: 3% 3% 0 3%; overflow: hidden }
.page-news-list .listScale img { width: 100%; aspect-ratio: 450 / 285; transition: all .5s }
.page-news-list .main .tit { width: 94%; margin: 28px auto 16px auto; font-weight: 500; font-size: 24px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis }
.page-news-list .main .txt { width: 94%; font-weight: 400; font-size: 16px; color: #666; margin: auto; height: 55px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.page-news-list .main .time { font-size: 16px; color: #999; width: 94%; margin: 40px auto 0 auto }
.page-news-list li:hover { background-color: #052361 }
.page-news-list img { margin: 3% 3% 0 3%; width: 94%; aspect-ratio: 450 / 285; transition: all .5s;object-fit: contain; }
.page-news-list li:hover img { transform: scale(1.1); }
.page-news-list li:hover .main>h3 { color: #fff }
.page-news-list li:hover .main>p { color: #fff }
.page-news-list li:hover .main>div { color: #fff }
.pager { display: flex; align-items: center; justify-content: center; padding: 40px 0 60px 0; }
.pager a { color: #999; font-size: 18px; font-family: 'Geometric', sans-serif; margin: 0 10px }
.pager a:hover { color: #052361 }
.pager span { color: #052361; font-size: 18px; font-family: 'Geometric', sans-serif; margin: 0 22px; }
.crumbs { width: 1280px; margin: 0 auto; font-size: 16px; color: #999; padding-top: 60px }
.crumbs a { color: #999 }
.crumbs a:hover { color: #052361 }
.hide { overflow: auto; }
.mainBox .mainLeft { width: 72%; float: left; }
.mainBox .detailBox { min-height: 945px }
.mainBox .dtlHead h2 { font-size: 16px; color: #999; font-weight: bold; font-size: 36px; color: #333; padding: 20px 0 22px 0; display: flex; align-items: center }
.mainBox .other { font-size: 16px; color: #999; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; margin-bottom: 30px }
.mainBox .other span { margin-right: 40px; }
.mainBox .otherBtm { font-size: 16px; color: #999; padding-bottom: 30px; }
.mainBox .otherBtm span { margin-right: 40px; }
.mainBox .detail>p>img { max-width: 100%; margin: 14px auto }
.mainBox .detail img { max-width: 100%; }
.mainBox .detail p {/* text-indent: 2em; */font-size: 16px; color: #333; line-height: 32px }
.mainBox .detailImg { text-indent: 0 !important; text-align: center; }
.mainBox .detailImg>img { max-width: 100%; }
.mainBox .dtlPage { width: 96%; padding: 0 2%; display: flex; align-items: center; justify-content: space-between; height: 60px; background: #F7F7F7; margin-top: 30px; font-size: 16px; color: #999; margin-bottom: 30px; }
.mainBox .dtlPage .prev { max-width: 45%; cursor: pointer }
.mainBox .dtlPage .next { max-width: 45%; cursor: pointer }
.mainBox .dtlPage p a:hover { color: #05286d }
.mainBox .dtlPage>:last-child { text-align: right }
.mainBox .dtlPage .icon-list { width: 25px; height: 25px; display: block; background-image: url('../images/jiugong.png'); background-size: 100% 100%; background-repeat: no-repeat; }
.mainBox .mainRight { width: 23%; padding-top: 23px; float: right; }
.mainBox .title02 h3 { font-size: 32px; color: #333; margin-bottom: 20px }
.side-news-list li { margin-bottom: 20px; overflow: hidden; }
.side-news-list a { width: 100%; }
.side-news-list img { width: 100%; aspect-ratio: 40 / 25; transition: all 0.5s;object-fit: contain; }
.side-news-list .main .time { font-size: 14px; color: #999; margin: 18px 0 12px 0 }
.side-news-list .main .tit { font-size: 17px; color: #333; line-height: 32px }
.side-news-list li:hover .main .time { color: #052971 }
.side-news-list li:hover .main .tit { color: #052971 }
.side-news-list li:hover img { transform: scale(1.1); }
.mainBox .content { width: 1280px; font-size: 18px; color: #333; line-height: 36px; margin: 0 auto; margin-bottom: 70px }
.mainBox .content img { max-width: 100%; margin-top: 20px; }
.mainBox .content p span { font-weight: bold; }
/* .mainBox .content p { text-indent: 2em; } */
.mainBox .content .tit { font-weight: bold; }
.mainBox .contentImg { text-indent: 0 !important; text-align: center; }
.page-software-list { display: flex; align-items: center; flex-wrap: wrap }
.page-software-list>:nth-child(3n) { margin-right: 0 }
.page-software-list li { width: 32%; margin-right: 1.7%; padding: 36px 0 40px 0; background: #F7F7F7; border-radius: 0; border: 1px solid #E5E5E5; margin-bottom: 20px }
.page-software-list li:hover { background: #052361 }
.page-software-list li:hover div { color: #FFF }
.page-software-list li:hover .more { color: #FFF; background: #052361; border: 1px solid #FFF }
.page-software-list li:hover .more::after { color: #ffffff; }
.page-software-list li:hover .tit { color: #FFF }
.page-software-list li:hover .txt { color: #FFF }
.page-software-list li .tit { width: 90%; margin: auto; font-weight: 500; font-size: 24px; color: #333 }
.page-software-list li .txt { width: 90%; font-size: 16px; color: #666; line-height: 28px; margin: 18px auto 40px auto }
.page-software-list li .more { position: relative; width: 88px; height: 50px; padding: 0 20px; background: #FFF; border-radius: 26px; font-size: 15px; color: #05276c; border: 1px solid #FFF; padding-left: 20px; line-height: 50px; display: block; margin-left: 5% }
.page-software-list li .more::after { content: '\e65d'; position: absolute; font-size: 17px; color: #052361; right: 10px; }
.productHead { width: 100%; background-image: url('../images/xiaobg.png'); background-size: 100% 100%; text-align: center }
.productHead h2 { font-weight: bold; font-size: 48px; color: #052361; padding: 60px 0 18px 0 }
.productHead p { font-size: 18px; color: #052361 }
.productHead .headButton { padding: 40px 0 60px 0; display: flex; align-items: center; justify-content: center }
.productHead a { cursor: pointer; width: 180px; height: 56px; background: #052361; text-align: center; line-height: 56px; font-size: 18px; color: #FFF }
.productHead .headButton .back { cursor: pointer; width: 180px; height: 54px; border: 1px solid #052361; text-align: center; line-height: 56px; font-size: 18px; color: #052361; margin-left: 20px; background-color: #FFF; }
.productDetail { width: 1280px; margin: auto; padding: 40px 0 60px 0 }
.productDetail p { font-size: 18px; color: #333; line-height: 36px }
.productDetail span { font-weight: bold; padding-left: 38px }

.fdongdetail span{padding-left: 0;font-weight: normal;}

.productDetail img { max-width: 100%; margin: 20px 0 }
.productDetail .tit { text-align: center; font-size: 36px; color: #333; margin: 10px 0 20px 0 }
.productDetail .productImg { text-align: center }
.productDetail .productImg img { max-width: 100%; margin: 10px 0 }
.page-case-list li { margin: 0 auto; max-width: 1440px; height: 312px; border: 1px solid transparent;overflow: hidden; }
.page-case-list li:hover { background: #F4F8FF; border-color: #354E81 }
.page-case-list li:hover img { transform: scale(1.1) }
.page-case-list a { width: 1260px; margin: 0 auto; height: 312px; display: flex; align-items: center; justify-content: space-between;padding: 0 10px; }
.page-case-list img { width: 400px; aspect-ratio: 450 / 250; transition: all 0.5s;object-fit: contain; }
.page-case-list .main { width: 64% }
.page-case-list .tit { font-weight: bold; font-size: 32px; color: #333; width: 100% }
.page-case-list .txt { font-size: 16px; color: #333; line-height: 28px; margin-top: 10px }
.page-case-list .timeBox { display: flex; justify-content: space-between; font-size: 16px; color: #999; margin-top: 50px; margin-left: 0; }
.page-case-list .main .timeBox .more { color: #05276c; }
main>.caseItem { width: 100%; }
.detail .myVideo { display: flex; justify-content: center; padding-bottom: 30px }
.detail .myVideo video { width: 80% }
.page-download-list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap }
.page-download-list li { position: relative; cursor: pointer; width: calc(49.2% - 50px); padding: 30px 0 32px 50px; background: #F5F7FA; border-radius: 6px; margin-bottom: 20px }
.page-download-list li::after { position: absolute; content: ''; background-image: url('../images/xiazaih.png'); width: 29px; height: 28px; background-size: 100% 100%; background-repeat: no-repeat; top: 50px; right: 46px; }
.page-download-list img { width: 29px; height: 28px }
.page-download-list li>:nth-child(1) { font-size: 16px; color: #999 }
.page-download-list li>:nth-child(2) { font-size: 24px; color: #333; margin-top: 12px; width: 85%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.page-download-list li:hover { background: #052361 }
.page-download-list li:hover::after { background-image: url('../images/xiazaib.png'); }
.page-download-list li:hover>:nth-child(1) { color: #FFF }
.page-download-list li:hover>:nth-child(2) { color: #FFF }
.popBox { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100vh; overflow: auto; background: RGBA(0, 0, 0, 0.5) }
.popBox form { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; max-height: 95vh; background: #FFF; border-radius: 6px; overflow: auto; padding-bottom: 30px }
.popBox form img { cursor: pointer; width: 21px; height: 21px; position: absolute; top: 30px; right: 30px }
.popBox .tit { font-size: 30px; color: #333; text-align: center; padding: 20px 0 0 0 }
.popBox .txt { font-size: 20px; color: #999; text-align: center; margin-bottom: 25px }
.popBox .layui-form-item { display: flex; align-items: center; justify-content: space-between; width: 88%; margin: 0 auto 10px auto }
.popBox .layui-form-item:nth-of-type(5){justify-content: center;margin-top: 10px;}
.popBox .layui-inline { width: 48%; }
.popBox .layui-inline .layui-input-block { margin-left: 0 !important; }
.popBox .layui-inline .layui-form-label { font-size: 18px; color: #333; margin-bottom: 10px;width: auto;padding-left: 0;}
.popBox .layui-inline .layui-form-label span { color: #C51A1A }
.popBox .layui-input { width: 100%; height: 56px !important; font-size: 18px !important; background: #F7F7F7 !important; padding-left: 20px !important; border: 1px solid #E5E5E5 !important; }
.popBox .layui-form-text { width: 88%; display: block;}
.popBox .layui-form-text .layui-form-label { font-size: 18px; color: #333; margin-bottom: 10px;width: auto;padding-left: 0;}
.popBox .layui-form-text .layui-input-block { margin-left: 0; }
.popBox .layui-textarea { width: 100% !important; height: 160px !important; background: #F7F7F7 !important; font-size: 18px !important; padding: 20px; border: 1px solid #E5E5E5 !important; }
.popBox .layui-btn { width: 180px; height: 56px; font-size: 18px; background: #052361; border-radius: 0; }
.popBox .layui-form-text span { color: #C51A1A; }
.popBox .popBottom { display: flex; justify-content: center; }
.page-honor-list { width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; padding-bottom: 60px }
.page-honor-list li { width: 24%; margin-right: 1.2% }
.page-honor-list li:nth-child(4n) { margin-right: 0 }
.page-honor-list img:hover { transform: scale(1.02) }
.page-honor-list img { box-shadow: 0 0 6px #bbb; width: 100%; height: 430px; cursor: pointer; transition: all .5s }
.page-honor-list p { text-align: center; font-size: 18px; color: #333; padding: 20px 0 30px 0 }
.page-culture-list { width: 1280px; margin: 0 auto; padding-bottom: 70px; display: flex; flex-wrap: wrap }
.page-culture-list li { width: 32%; text-align: center; border: 1px solid #E5E5E5; height: 320px; margin-bottom: 20px; margin-right: 1.6% }
.page-culture-list li:nth-child(3n) { margin-right: 0 }
.page-culture-list img { margin-top: 25px; width: 97px; height: 111px }
.page-culture-list .tit { font-size: 26px; color: #333; margin: 14px 0 20px 0 }
.page-culture-list .txt { font-size: 18px; color: #666; width: 86%; margin: auto }
.joinList { width: 1278px; margin: 0 auto; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-top: 2px solid #052361; margin-bottom: 70px }
.joinList .joinHead { display: flex; justify-content: space-between; align-items: center; height: 70px; font-weight: bold; font-size: 18px; color: #333; padding: 0 120px; border-bottom: 1px solid #E5E5E5 }
.joinList .joinHead p { text-align: center; width: 140px }
.joinList .joinFirst .gangwei { text-align: left }
.joinList .joinHead .item { text-align: right }
.joinList .joinHead .gangwei { text-align: left }
.joinList .joinFirst .item { text-align: right }
.joinList .joinFirst p { width: 140px; text-align: center; font-size: 16px; color: #666 }
.joinList .joinFirst { cursor: pointer; padding: 0 120px; border-bottom: 1px solid #E5E5E5; display: flex; align-items: center; justify-content: space-between; height: 70px; font-size: 16px; color: #666 }
.joinList .joinFirst:hover { background: #f7f7f7 }
.joinList .joinTxt { padding: 0 120px; max-height: 0; transition: max-height .6s ease; overflow: hidden; background-color: #ffffff }
.joinList .joinTxt .tit { font-size: 16px; color: #333; font-weight: bold; line-height: 32px; margin-top: 30px }
.joinList .joinTxt .email { font-size: 16px; color: #333; font-weight: bold; line-height: 32px; margin-top: 30px; margin-bottom: 30px; }
.joinList .joinTxt>p { font-size: 16px; color: #666; line-height: 32px }
.joinList .joinDetail { background: #f7f7f7; }
.joinList .joinDetail .joinTxt { max-height: 2000px; border-bottom: 1px solid #E5E5E5 }
.contactBox { display: flex; align-items: center; justify-content: space-between; }
.contactBox .main { margin-bottom: 70px; padding-left: 86px; position: relative; }
.contactBox .contactLfet>:nth-child(1)::after { content: ''; position: absolute; width: 60px; height: 60px; background-image: url('../images/dizhis.png'); background-size: 100% 100%; background-repeat: no-repeat; top: 6px; left: 0; }
.contactBox .contactLfet>:nth-child(2)::after { content: ''; position: absolute; width: 60px; height: 60px; background-image: url('../images/lianxidianh.png'); background-size: 100% 100%; background-repeat: no-repeat; top: 6px; left: 0; }
.contactBox .contactLfet>:nth-child(3)::after { content: ''; position: absolute; width: 60px; height: 60px; background-image: url('../images/youxiang.png'); background-size: 100% 100%; background-repeat: no-repeat; top: 6px; left: 0; }
.contactBox .main img { width: 60px; height: 60px; margin-right: 20px }
.contactBox .main .tit { font-size: 24px }
.contactBox .main .txt { margin-top: 12px; font-size: 18px; color: #666 }
.contactBox .contactRjght>img { width: 220px; height: 220px }
.contactBox .contactRjght>p { font-size: 18px; color: #B2B2B2; text-align: center }
.contactMap img { width: 100%; }
.leavemessBox { width: 1280px; margin: 0 auto }
.leavemessBox .tit { font-size: 36px; color: #333 }
.leavemessBox .txt { font-size: 20px; color: #999; margin-top: 6px; margin-bottom: 70px }
.leavemessBox .layui-form-item { display: flex; justify-content: space-between; margin-bottom: 50px }
.leavemessBox .layui-inline { width: 47%; position: relative;margin-right: 0; }
.leavemessBox .layui-form-label { font-size: 18px; color: #333; margin-bottom: 8px;width: auto;padding-left: 0;}
.leavemessBox .layui-form-label>span { font-size: 18px; color: #C51A1A }
.leavemessBox .layui-input-block { margin-left: 0; position: relative }
.leavemessBox .layui-input { width: 100%; height: 68px; font-size: 18px; background: #F7F7F7; border: 1px solid #E5E5E5; padding-left: 44px; }
.leavemessBox .layui-input-block { margin-left: 0; }
.leavemessBox .layui-form-item::after {display: none;}
.leavemessBox .layui-form-item:nth-of-type(4){justify-content: center;}
.leavemessBox .layui-form-item:nth-of-type(1)>:nth-child(1)>.layui-form-label::after { content: ''; position: absolute; background-image: url('../images/iconLianxi.png'); width: 18px; height: 21px; background-size: 100% 100%; top: 69px; left: 16px; z-index: 66; }
.leavemessBox .layui-form-item:nth-of-type(1)>:nth-child(2)>.layui-form-label::after { content: ''; position: absolute; background-image: url('../images/iconDianhu.png'); width: 18px; height: 21px; background-size: 100% 100%; top: 69px; left: 16px; z-index: 66; }
.leavemessBox .layui-form-item:nth-of-type(2)>:nth-child(1)>.layui-form-label::after { content: ''; position: absolute; background-image: url('../images/iconGongshi.png'); width: 24px; height: 23px; background-size: 100% 100%; top: 69px; left: 16px; z-index: 66; }
.leavemessBox .layui-form-item:nth-of-type(2)>:nth-child(2)>.layui-form-label::after { content: ''; position: absolute; background-image: url('../images/iconEmali.png'); width: 22px; height: 19px; background-size: 100% 100%; top: 70px; left: 16px; z-index: 66; }
.leavemessBox .layui-form-text>:nth-child(1)::after { content: ''; position: absolute; background-image: url('../images/iconFabu.png'); width: 19px; height: 22px; background-size: 100% 100%; top: 68px; left: 16px; z-index: 66; }
.leavemessBox .layui-form-text { width: 1280px; font-size: 18px; position: relative;display: block; }
.leavemessBox .layui-form-text .layui-input-block { margin-left: 0 !important; }
.leavemessBox .layui-form-text .layui-textarea { width: 100%; height: 260px; background: #F7F7F7; border: 1px solid #E5E5E5; padding: 21px 44px; }
.leavemessBox .layui-btn { width: 180px; height: 56px; font-size: 18px; background: #052361; border-radius: 0 }
.searchBox { min-height: 60vh; }
.searchBox .searchForm { width: 50%; margin: 0 auto; position: relative; margin-bottom: 8vh; padding-top: 10vh }
.searchBox input { width: 100%; padding: 0 90px 0 30px; background-color: #f6f6f6; height: 46px; border: 0; border-radius: 6px; box-shadow: 0 0 8px #bbb; font-size: 16px }
.searchBox .searchBotton { position: absolute; bottom: 0; right: -120px; height: 46px; text-align: center; border: 0; background: #065ba8; color: #FFF; cursor: pointer; border-radius: 0 6px 6px 0; width: 80px; font-size: 16px }
/*搜索页面*/
.searchBox .tips, .searchBox .searchNo { margin: 10px 0px; font-size: 16px; text-align: center; }
.searchBox .tips span, .searchBox .searchNo span { color: #F00; }
.searchBox .searchList { margin: 0px 5px 20px; font-size: 16px; }
.searchBox .searchList li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #aaa; }
.searchBox .searchList li { position: relative; padding: 0 10px; line-height: 3.2; border-radius: 4px; transition: all 0.4s; border-bottom: 1px solid #eee; }
.searchBox .searchList li .timer { position: absolute; right: 10px; top: 0; color: #999; }
.searchBox .searchList li a { display: block; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchBox .searchList li:hover { box-shadow: 0 0 3px #ddd; }
 @media (min-width: 1280px) {
.nav .logo img { height: 46px; margin-left: 10px }
.overallse .searchForm { margin-left: 10px; }
.navList { width: 770px; }
.navList li a { font-size: 17px; }
.navList .active a::after { width: 90px; left: calc(50% - 45px); }
.overallse .phone { width: 142px; font-size: 18px; margin-left: 20px; }
}
 @media(min-width: 1620px) {
.overallse .searchForm { margin-left: 40px; }
.nav .logo img { margin-left: 0; }
.overallse .phone { width: 188px; font-size: 24px; margin-left: 40px; }
.navList { width: 840px }
.navList .active a::after { width: 120px; left: calc(50% - 60px) }
.navList li a { font-size: 18px }
}
 @media(max-width: 1279px) {
.nav .logo img { height: 46px; margin-left: 10px }
.navList { width: 770px; }
.navList li a { font-size: 17px }
.navList .active a::after { width: 90px; left: calc(50% - 45px); }
.overallse .phone { width: 142px; font-size: 18px; margin-left: 20px; }
}
 @media (max-width: 768px) {
body { min-width: auto; width: 100%; padding-top: 56px !important; }
header { height: 56px }
.sideBox { zoom: 0.9; }
.nav { width: 98%; height: 56px; min-width: auto; }
.nav .logo img { height: 36px; margin-left: 14px }
.nav .navIcon { padding-right: 2%; display: block; }
.overallse { height: 56px; }
.overallse .navList { display: none; z-index: 110; display: none; position: absolute; width: 92%; height: auto; background: #FFF; top: 56px; left: 0; padding: 56px 4% 40px 4%; }
.overallse .searchForm { position: absolute; height: 38px; padding: 0; display: none; top: 70px; right: 5%; z-index: 126; width: 90%; }
.overallse .text { position: relative; flex: 1; right: 0; padding-left: 10px; top: 0; height: 34px; font-size: 14px; background: #FFF; border: 1px solid #e5e5e5; margin-left: 0; }
.overallse .button { background: #e5e5e5; background-image: url('../images/fangda.png'); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center; height: 36px; width: 38px; margin-left: 0; }
.overallse .phone { display: none; }
#option { cursor: pointer; font-size: 28px; color: #FFF; }
#fork { display: none; cursor: pointer; font-size: 28px; color: #FFF; }
.overallse .navList { z-index: 110; position: absolute; width: 92%; height: auto; background: #FFF; top: 56px; left: 0; padding: 56px 4% 40px 4%; }
.overallse .navList li { height: auto; line-height: 31px; border-bottom: 1px solid #e5e5e5; padding: 8px 0; }
.navList>li a { font-size: 18px; color: #333; }
.navList .navMenu img { display: none; }
.navList .navMenus img { display: none; }
.navList .navMenu { position: relative; min-width: auto; max-height: 200px; box-shadow: none; flex-wrap: wrap; top: 0; }
.navList .navMenu dt a { font-size: 16px; color: #333; padding: 0; }
.navList .navMenu dl { padding-top: 0; flex-wrap: wrap; margin-right: 0; }
.navList .navMenus { position: relative; min-width: auto; max-height: 200px; box-shadow: none; top: 0; flex-wrap: wrap; }
.navList .navMenus img { display: none; }
.navList .navMenus dl { padding-top: 0; flex-wrap: wrap; margin-right: 22px; padding-bottom: 0; }
.navList .navMenus dt { height: 30px; line-height: 30px; }
.navList .navMenus dt a { font-size: 16px; color: #333; }
.navList dt { margin-right: 22px; height: 30px; line-height: 30px; }
.navList .active>a { color: #183777 !important; }
.navList dd { display: none; }
.title { padding-top: 20px; }
.title>h1 { font-size: 28px; padding-left: 0; }
.title .txt { display: none; }
.title h1::after { display: none; }
.swiper { width: 100%; }
.productWrap { height: auto; }
.productWrap .productBox { width: 94%; padding: 10px 3% 30px 3%; }
.productList .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between }
.productList .swiper-slide { margin-right: 0; width: 49% !important; }
.productList .swiper-slide a { width: 100% !important; margin: 20px 0 0 0; padding-bottom: 30px; }
.productList .swiper-slide a img { height: 118px; margin: 20px 0 14px 0; }
.productList .proTit h2 { font-size: 18px; margin-bottom: 6px; }
.productList .proTit p { font-size: 14px; }
.swiper-horizontal .swiper-scrollbar { display: none; }
.caseWrap { width: 100%; height: auto; padding-bottom: 20px; }
.caseWrap .CaseBox { width: 96%; padding: 0 2%; }
.caseWrap .padtop {margin-top: 30px;}
.CaseBox .swiper .caseItem { margin-top: 20px; display: inline-block; }
.caseItem .caseTit { text-align: center; font-size: 24px; }
.caseItem .caseRight { display: none; }
.caseItem .caseTxt { width: 100%; height: 130px; margin-bottom: 30px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6}
.caseItem .caseLeft a { width: 116px; height: 40px; line-height: 40px; font-size: 14px;margin-left: 2px; }
.caseItem .caseLeft a::after { margin-left: 22px; top: 0px; }
.caseItem .caseLeft { margin-bottom: 30px}
.caseItem .caseSwiper { width: 100% !important; margin: 0; height: auto !important; }
.caseItem .caseSwiper a { width: 88%; padding: 0 10% 0 2%; font-size: 16px; height: 50px; line-height: 50px; }
.indexCaseList .caseImages { height: auto; aspect-ratio: 64 / 40;margin-left: 0}
.caseItem .caseSwiper img { width: 100%; height: auto; aspect-ratio: 64 / 40; }
.padtop .caseIcon { width: 138px !important; }
.padtop .caseIcon p { font-size: 14px; }
.padtop .caseIcon img { height: 35px; }
.aboutWrap { height: auto; padding-bottom: 20px; }
.aboutWrap .aboutBox { width: 96%; padding: 0 2% 30px 2%; }
.aboutWrap .aboutBox .aboutImg { display: none; }
.aboutBox .aboutTit { width: 100%; height: auto; }
.aboutBox .aboutNumber { margin-top: 20px; margin-bottom: 30px; }
.aboutNumber .NumBox { margin-right: 12%; }
.aboutNumber .NumBox div { font-size: 34px; }
.aboutNumber .NumBox span { top: 11px; }
.aboutNumber .NumBox p { font-size: 14px; }
.aboutWrap .aboutBox a { width: 116px; height: 40px; line-height: 40px; font-size: 14px; z-index: 66; position: relative; }
.aboutBox a::after { margin-left: 22px; top: 0px; }
.aboutWrap .aboutBoxBg { width: 100%; height: auto; min-width: auto; }
.newsWrap { height: auto; }
.newsWrap .newsBox { width: 96%; padding: 0 2%; }
.newsWrap .newsSwiper { margin-top: 0; width: 100%; }
.newsWrap .newsSwiper .swiper { width: 100%; }
.newsSwiper li { text-align: center; margin-top: 40px; padding-left: 0; }
.newsSwiper ul { flex-shrink: 0; margin-bottom: 80px; padding: 0 5px 0 0; height: 520px; margin-bottom: 20px; }
.newsSwiper ul>:last-child { margin-top: 0; }
.newsSwiper ul .active::after { display: none; }
.newsSwiper li a { width: 110px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 60px; text-align: left; padding-left: 10px; }
.newsSwiper li a::after { top: -40px; right: -16px; }
.newsSwiper>div { width: 50%; flex: 1; }
#newsSwiperone { width: 100%; }
.newsWrap .newsSwiper .newsItemBox { width: 96% !important; padding: 2%; height: auto; }
.newsWrap .newsItem { width: 100% !important; }
.newsItem .newsItemBox .time { margin: 2px 0 10px 0; }
.newsItemBox .time span { font-size: 32px; }
.newsItemBox .title { width: 100%; }
.newsItemBox .thumb { width: 100%; height: auto; }
.newsItemBox .thumb img { width: 100%; height: auto; aspect-ratio: 32 / 20 }
.newsItemBox .more { margin-bottom: 50px; }
.newsItemBox .txt { font-size: 16px; color: #666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.customerWrap { height: auto; }
.customerWrap .customerBox { width: 96%; padding: 0 2% 40px 2%; }
.customerBox .swiper { height: 162px; margin-top: 20px; }
.customerBox .swiper-slide { height: 80px; width: 50%; }
.customerBox .swiper-slide>p { width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; }
.customerBox p img { max-width: 78%; }
.tryWrap { padding-bottom: 20px; height: auto; background-image: none; background: #99999996; }
.tryWrap .tryBox { width: 96%; padding: 0 2%; }
.tryWrap h2 { font-size: 30px; padding: 30px 0 20px 0; }
.tryBox .layui-form-item { display: block; min-width: 100%; }
.tryBox .layui-form-item:nth-of-type(2) { display: flex;justify-content: center; }
.tryBox .layui-form-item .layui-inline { margin-top: 20px; display: flex; background: #FFF; align-items: center; height: 60px; width: 100%; }
.tryBox .layui-input-block { margin-left: 10px !important; padding-right: 20px; flex: 1; }
.tryBox .tryFrom>:last-child { margin-top: 30px; }
.tryBox .layui-btn { width: 120px; height: 48px; font-size: 18px; }
footer { width: 100%; background: #052361; }
.footerBox { display: block; width: 94%; padding: 26px 3% 0 3%; }
.footerBox .footerNav { width: 100%; margin-top: 20px; flex-wrap: wrap; }
.footerNav dt { text-align: left; }
.footerNav dd { text-align: left; }
.footerNav dl { width: 33%; }
.copyrightBox { height: auto; width: 96%; padding: 0 2% 10px 0; display: block; }
.copyrightBox>:nth-child(1) { margin-top: 10px; }
.copyrightBox a { margin-left: 0; margin-top: 10px; }
.mainBox { width: 100%; }
.mainNav { display: block; width: 94%; padding: 30px 3% 40px 3%; }
.mainNav>.mainTit { margin: 0; }
.mainNav h1 { font-size: 24px; padding-left: 0; }
.mainNav .mainTit .eg { font-size: 16px; }
.mainNav .pageMenu { padding-bottom: 20px; flex-wrap: wrap; justify-content: space-between; margin-left: 0; padding: 0 }
.mainNav h1::after { display: none; }
.mainNav li { width: 48%; height: 40px; line-height: 40px; margin-bottom: 0; margin-right: 0 }
.mainNav li a { font-weight: bold; font-size: 14px; color: #333 }
.mainNav .active { margin-right: 0; }
.page-news-list { width: 94%; margin: 0 auto; display: block }
.page-news-list a { margin: 0 }
.page-news-list li { width: 100%; margin-right: 0; margin-bottom: 10px }
.page-news-list .main .tit { font-size: 20px; margin: 20px auto 9px auto }
.page-news-list .main .time { margin-top: 12px; font-size: 14px }
.page-news-list .main { padding-bottom: 30px }
.page-news-list .main .txt { font-size: 14px; height: 54px }
.pager { padding: 30px 0 40px 0; }
.crumbs { width: 94%; padding: 30px 3% 0 3% }
.mainBox .mainLeft { width: 94%; margin: 0 auto 0 auto; float: none; }
.mainBox .mainRight { width: 94%; margin: 0 auto; float: none; }
.mainBox .dtlHead h2 { font-size: 28px; padding-bottom: 20px; }
.mainBox .mainTit { margin: 0; }
.mainBox .content { width: 94%; margin: 0 auto; padding-bottom: 20px; }
.mainBox .content p { font-size: 17px; line-height: 30px; }
.page-software-list { display: block; width: 94%; margin: 0 auto; }
.page-software-list li { width: 100% }
.productHead { width: 100% }
.productHead h2 { font-size: 28px; padding: 40px 0 16px 0 }
.productHead p { padding: 0 3%; font-size: 17px }
.productHead .headButton { padding: 20px 0 40px 0 }
.productHead .headButton .back { width: 110px; height: 46px; line-height: 46px; font-size: 16px }
.productHead a { width: 110px; height: 46px; line-height: 46px; font-size: 16px }
.productDetail { padding: 0 2%; width: 96%; padding-bottom: 20px; }
.productDetail p { font-size: 16px; }
.page-case-list { margin-top: 20px; width: 94%; margin: 0 auto; }
.page-case-list li { height: auto; width: 100%; }
.page-case-list a { margin: 14px 0; width: 100%; height: auto; }
.page-case-list img { width: 30% }
.page-case-list .main { margin-left: 16px; padding-bottom: 0; }
.page-case-list .tit { font-size: 18px }
.page-case-list .txt { font-size: 14px; margin-top: 8px; line-height: 20px; height: 42px; }
.page-case-list .timeBox { font-size: 14px; margin-top: 10px }
.detail .myVideo video { width: 100%; }
.handle { width: 94%; margin: 0 auto; }
.page-download-list { width: 94%; margin: 0 auto; display: block }
.page-download-list li { width: calc(100% - 10px); padding: 14px 0 14px 10px; margin-bottom: 10px }
.page-download-list li img { width: 20px; height: 20px }
.page-download-list li::after { top: 27px; right: 20px; }
.page-download-list li>:nth-child(2) { margin-top: 6px; font-size: 18px }
.popBox form { width: 96%; padding-bottom: 0; }
.popBox .tit { font-size: 19px; }
.popBox .txt { font-size: 18px; color: #999; text-align: center; margin-bottom: 25px; }
.popBox form>img { top: 20px; right: 20px; }
.popBox .layui-form-item { display: block; margin-bottom: 0; }
.popBox .layui-form-item .layui-inline { margin-bottom: 0; }
.popBox .layui-form-label { font-size: 16px !important;margin-bottom: 0 !important; }
.popBox .layui-form-label>span { font-size: 16px !important; }
.popBox .layui-inline { width: 100%; }
.popBox .layui-input { font-size: 16px !important; height: 50px !important;}
.popBox .layui-textarea { width: 100%; font-size: 16px !important; padding: 14px 17px; }
.popBox .layui-form-item:nth-of-type(5) { padding-bottom: 30px; display: flex;justify-content: center;}
.popBox .layui-form-item:nth-of-type(5) .layui-btn { width: 150px !important; height: 50px !important; font-size: 16px !important; }
.page-honor-list { width: 94%; padding: 0 3% 24px 3%; justify-content: space-between }
.page-honor-list li { width: 47.8% }
.page-honor-list p { font-size: 15px }
.page-honor-list img { height: auto; aspect-ratio: 307 / 430; }
.page-culture-list { width: 94%; padding: 0 3% }
.page-culture-list li { width: 100%; margin-bottom: 10px; height: auto; padding-bottom: 16px }
.page-culture-list img { margin-top: 10px }
.page-culture-list .tit { font-size: 20px; margin: 6px 0 10px 0 }
.page-culture-list .txt { font-size: 15px }
.joinList { width: 94%; margin: 0 auto 30px auto }
.joinList .joinHead { font-size: 14px; padding: 0 2% }
.joinList .joinHead p { width: 19% }
.joinFirst { padding: 0 2% }
.joinList .joinFirst { padding: 0 2%; }
.joinList .joinFirst p { font-size: 14px }
.joinList .joinTxt { padding: 0 2% }
.joinList .joinTxt .tit { margin-top: 10px; font-size: 14px }
.joinList .joinTxt .email { margin-top: 10px; font-size: 14px; margin-bottom: 10px; }
.joinList .joinTxt p { font-size: 14px }
.contactBox { width: 94% !important; margin: 0 auto; display: block }
.contactBox .main { margin-bottom: 0px; padding-left: 60px; }
.contactBox .contactLfet>:nth-child(1)::after { width: 45px; height: 45px; top: 5px; }
.contactBox .contactLfet>:nth-child(2)::after { width: 45px; height: 45px; top: 5px; }
.contactBox .contactLfet>:nth-child(3)::after { width: 45px; height: 45px; top: 5px; }
.contactBox .main { margin-bottom: 60px; padding-left: 60px; }
.contactBox .main img { width: 45px; height: 45px }
.contactBox .main .tit { font-size: 20px }
.contactBox .main .txt { font-size: 16px; margin-top: 4px }
.contactBox .contactRjght p { width: 220px }
.contactBox .contactRjght { margin-top: 20px }
.contactMap>img { margin-top: 40px }
.leavemessBox .layui-form-item { display: block; margin-bottom: 0 }
.leavemessBox .layui-inline span { font-size: 16px }
.leavemessBox .layui-inline { width: 100%; margin-bottom: 10px;font-size: 16px; }
.leavemessBox .layui-form-text{ padding-bottom: 40px;width: 100%; }
.leavemessBox .layui-form-text>:nth-child(1) { font-size: 16px }
.leavemessBox .tit { font-size: 26px }
.leavemessBox .txt { font-size: 16px; margin-bottom: 30px }
.leavemessBox .layui-input { height: 56px; font-size: 16px; }
.leavemessBox .layui-textarea { font-size: 16px; padding: 17px 41px }
.leavemessBox .layui-btn { width: 120px; height: 48px; font-size: 18px }
.leavemessBox { width: 94%; padding: 0 3% }
.leavemessBox .layui-form-item .layui-form-label {overflow: visible;}
.leavemessBox .layui-form-item:nth-of-type(1)>:nth-child(1)>.layui-form-label::after { top: 64px;}
.leavemessBox .layui-form-item:nth-of-type(1)>:nth-child(2)>.layui-form-label::after { top: 64px;}
.leavemessBox .layui-form-item:nth-of-type(2)>:nth-child(1)>.layui-form-label::after { top: 64px;}
.leavemessBox .layui-form-item:nth-of-type(2)>:nth-child(2)>.layui-form-label::after { top: 64px;}
.leavemessBox .layui-form-text>:nth-child(1)::after { top: 67px; }
.leavemessBox .layui-form-item:nth-of-type(4){display: flex;padding-bottom: 40px;}
.searchBox { }
.searchBox .searchForm { width: 96%; padding: 5vh 2% 0 2%; }
.searchBox input { width: 87%; padding: 0 10% 0 3%; font-size: 14px; height: 40px; }
.searchBox .searchBotton { right: 1%; height: 40px; font-size: 14px; }
}