#app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; min-width: 350px; } .topofSty,.fixedSty{ position: fixed; width: 100%; height: 60px; line-height: 60px; z-index: 666; color: #ffffff; text-align: center; } .topofSty{ background-color: rgba(0,0,0,0.3); } .fixedSty{ background-color: rgba(0,0,0,0.8); } .activeNav,.activeSty{ display: inline-block; padding: 0px 20px; text-align: center; font-size: 16px; cursor: pointer; } .activeNav{ font-weight: 600; } .activeSty{ font-weight: 500; } .logoType{ position: absolute; height: 41px; width: 184px; left: 66px; top: 10px; } .navnigSty{ display: inline-block; } .phoneSty{ position: absolute; height: 60px; line-height: 60px; right: 66px; display: inline-block; } .titleSty{ width: 100px; font-size: 20px; height: 60px; line-height: 60px; margin: 0px auto; } .navSty{ position: absolute; width: 24px; height: 24px; right: 20px; top: 18px; } /* 移动端导航样式 */ .maskSty{ position: fixed; left: 0px; right: 0px; top: 60px; bottom: 0px; background-color: rgba(0,0,0,0.5); overflow: hidden; } .menuSty{ position: absolute; right: 0px; background-color: #ffffff; top: 0px; bottom: 0px; font-size: 18px; padding-top: 30px; } .menuSty>div{ width: 100%; height: 50px; line-height: 50px; color: #000000; } .menuSty>div.activeSel{ font-weight: 600; } /* 中间区域 */ .centerSty{ width: 100%; } /* 底部区域 */ .bottomofSty{ width: 100%; height: 220px; background-color: #26292E; color: #ffffff; } .bottomofSty p, .bottomofSty span{ font-size: 12px; } .confootSty{ width: 1200px; height: 170px; margin: 0px auto; } .conlogo{ float: left; margin-top: 50px; width: 320px; height: 100px; text-align: center; } .conlogo>p{ width: 184px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #999999; } .logoSty{ text-align: left; width: 100%; line-height: 25px; margin-top: 10px; } .logoSty>p>span{ display: inline-block; } .logoSty>p>i{ font-style: normal; } .conlogoSty{ float: right; margin-top: 50px; height: 100px; } .codeSty{ display: inline-block; width: 210px; height: 100%; text-align: left; border-right: 1px solid rgba(255,255,255,0.3); } .codeSun{ display: inline-block; width: 70px; margin-right: 30px; text-align: center; vertical-align: top; } .codeSun>img{ width: 70px; height: 70px; margin-bottom: 13px; } .contactSty{ display: inline-block; width: 185px; height: 100%; text-align: left; padding-left: 5px; vertical-align: top; } .contactSty>.contactSun{ height: 33px; line-height: 33px; cursor: pointer; } .contactSun:first-child{ color: #E4E620; } .contactSun>span{ display: inline-block; height: 18px; line-height: 18px; margin-left: 5px; } .contactSun>span,.contactSun>img{ vertical-align: middle; } .contactSun>img{ width: 18px; height: 14px; } .recordSty{ width: 100%; height: 50px; background-color: #191a1c; } .recordSun{ width: 1200px; height: 50px; margin: 0px auto; } .recordSun>span{ display: block; line-height: 50px; } .footRight>a{ font-style: normal; cursor: pointer; color: #E4E620; } /* 媒体查询开始 */ .topbig{ position: relative; display: block; } .topSmall{ position: relative; display: none; } /* 限制屏幕在1200以上 */ @media screen  and (min-width: 800px) { .recordSun>.footLeft{ float: left; } .recordSun>.footRight{ float: right; } } /* 限制屏幕在1200-1280 */ @media (min-width: 1200px) and (max-width: 1280px) { .logoType{ left: 30px; } .phoneSty{ right: 40px; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .conlogo{ width: 300px; } .confootSty,.recordSun{ width: 700px; } .logoType{ left: 20px; } .phoneSty{ display: none; } .topofSty,.fixedSty{ text-align: right; } .activeNav,.activeSty{ padding: 0px 10px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .topbig{ display: none; } .topSmall{ display: block; } .logoType{ left: 20px; } .bottomofSty{ height: 300px; } .confootSty{ width: 400px; height: 300px; } .conlogo{ width: 100%!important; } .conlogoSty,.conlogo{ margin-top: 30px; } .conlogoSty{ float: left!important; } .codeSun{ text-align: center; } .recordSty{ height: 80px; text-align: center; } .recordSun{ padding-top: 10px; width: 100%; text-align: center; } .menuSty{ width: 300px; } .recordSun>.footLeft,.recordSun>.footRight{ height: 30px; line-height: 30px; clear:both!important; } } /* 限制屏幕在0-400 */ @media screen  and (max-width: 490px) { .titleSty{ display: none; } } @media screen  and (max-width: 414px) { .topbig,.titleSty{ display: none; } .topSmall{ display: block; } .logoType{ left: 20px; } .bottomofSty{ height: 300px; } .confootSty{ width: 335px; height: 300px; } .conlogoSty,.conlogo{ width: 100%!important; margin-top: 30px; text-align: left; } .recordSty{ height: 80px; text-align: center; } .recordSun{ padding-top: 10px; width: 100%; text-align: center; } .codeSty{ display: inline-block; width: 160px; height: 100%; text-align: left; border-right: 1px solid rgba(255,255,255,0.3); } .codeSun{ display: inline-block; width: 70px; margin-right: 7px; text-align: center; vertical-align: top; } .codeSun>img{ width: 70px; height: 70px; } .contactSty{ width: 170px; padding-left: 0px; } .menuSty{ width: 220px; } .recordSun>.footLeft,.recordSun>.footRight{ height: 30px; line-height: 30px; clear:both!important; } } /* 公共样式处理 */ .codeSty,.contactSty,.recordSun{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .index[data-v-4e74986c] { width: 100%; height: auto; } /* 轮播图 */ .lunbo[data-v-4e74986c]{ width: 100%; position: relative; } .lunbo ul[data-v-4e74986c]{ position: relative; top:0px; width: 100%; } .lunbo ul li[data-v-4e74986c]{ position: absolute; left: 0px; top: 0px; width: 100%; height: auto; } .imgclas[data-v-4e74986c]{ display: inline-block; width: 100%; height: 100%; } .mmedcla[data-v-4e74986c]{ position: absolute; width: 205px; height: 50px; top: 410px; left: 330px; cursor: pointer; } .insoin[data-v-4e74986c]{ position: absolute; width: 100%; height: 20px; line-height: 20px; text-align: center; } .insoin>span[data-v-4e74986c]{ display: inline-block; height: 4px; background-color: #FFFFFF; width: 40px; margin-right: 5px; z-index: 222; } .insoin>span[data-v-4e74986c]:last-child{ margin: 0px; } .spancla[data-v-4e74986c]{ background-color: #ff7a73!important; } /* 内容区域 */ .calculate[data-v-4e74986c]{ background-color: #efefef; } .calcSty[data-v-4e74986c]{ margin: 0 auto; width: 1200px; height: 108px; } .calculDaug[data-v-4e74986c]{ float: left; text-align: left; width: 270px; margin-right: 40px; height: 108px; padding: 20px 0px; } .calculDaug[data-v-4e74986c]:last-child{ margin-right: 0px!important; } .calcuSty[data-v-4e74986c]{ width: 90px; height: 68px; margin-right: 20px; vertical-align: middle; } .calSunSty[data-v-4e74986c]{ text-align: left; display: inline-block; vertical-align: middle; } .calSunSty>h4[data-v-4e74986c]{ font-size: 16px; font-weight: 600; line-height: 30px; } .calSunSty>span[data-v-4e74986c]{ font-size: 14px; } /* 产品服务 */ .productSty[data-v-4e74986c]{ background-color: #ffffff; width: 100%; padding: 60px 0px; } .serviceSty[data-v-4e74986c]{ width: 1200px; margin: 0 auto; height: 540px; overflow: hidden; border-top: 1px solid #e5e5e5; -webkit-box-shadow:-2px 0 5px -1px #e5e5e5, 0px 0px 0px 0px, 0 2px 5px -1px #e5e5e5,  2px 0 5px -1px #e5e5e5; box-shadow:-2px 0 5px -1px #e5e5e5, 0px 0px 0px 0px, 0 2px 5px -1px #e5e5e5,  2px 0 5px -1px #e5e5e5; } .serviceSty>div[data-v-4e74986c]{ margin-right: 3px; } .serviceSty>div[data-v-4e74986c]:last-child{ margin-right: 0px!important; } .selevisSty[data-v-4e74986c],.serviunSty[data-v-4e74986c]{ float: left; height: 100%; } .selevisSty[data-v-4e74986c]{ width: 425px; } .serviunSty[data-v-4e74986c]{ width: 152px; } .noactiSty[data-v-4e74986c],.activiSty[data-v-4e74986c]{ height: 160px; padding: 45px 0px 40px; background-color: #f7f7f7; } .activiSty[data-v-4e74986c]{ background: url(/static/img/serve.169b7bd.png) no-repeat; background-size: 100% 100%; } .noactiSty>img[data-v-4e74986c],.activiSty>img[data-v-4e74986c]{ width: 80px; height: 40px; } .sedivSty[data-v-4e74986c],.notseSty[data-v-4e74986c]{ margin-top: 22px; font-size: 16px; } .sedivSty[data-v-4e74986c]{ color: #ffffff; } .noactiSty[data-v-4e74986c]{ cursor: pointer; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .sevcentSty[data-v-4e74986c]{ position: relative; width: 153px; height: 375px; margin-top: 5px; border-right: 1px solid #e5e5e5; } .selevisSty>.sevcentSty[data-v-4e74986c]{ width: 426px; text-align: left; } .titleNavSty[data-v-4e74986c]{ height: 60px; line-height: 60px; font-size: 14px; cursor: pointer; } .titleNavSty[data-v-4e74986c]:hover{ font-weight: 600; } .titHsty[data-v-4e74986c]{ float: left; margin: 36px 0px 20px 36px; font-size: 18px; } .centSty[data-v-4e74986c]{ float: left; margin: 0px 36px 80px; line-height: 30px; height: 210px; width: 354px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } .btnSty[data-v-4e74986c]{ position: absolute; display: block; bottom: 36px; left: 36px; text-align: center; width: 123px; height: 32px; line-height: 32px; border-radius: 16px; border: 1px solid #1c8ffd; color: #1c8ffd; cursor: pointer; } /* 案例展示 */ .caseSty[data-v-4e74986c]{ width: 100%; background: url(/static/img/case_bj.13461b4.jpg) no-repeat; background-size: cover; background-position: top center; padding: 40px 0px 40px; } .headTitle[data-v-4e74986c]{ height: 105px; width: 1200px; margin: 0px auto 40px; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.1); } .headTitle>h2[data-v-4e74986c]{ height: 70px; line-height: 70px; font-size: 34px; font-weight: 600; } .headTitle>p[data-v-4e74986c]{ font-size: 14px; } .headTitle>span[data-v-4e74986c]{ display: block; width: 150px; height: 3px; background-color: #ff8941; margin:  20px auto 0px; } .caseCent[data-v-4e74986c]{ width: 1200px; height: auto; margin: 0 auto; } .caseIntSty[data-v-4e74986c]{ display: inline-block; position: relative; width: 31%; height: auto; font-size: 0px; margin-right: 3.5%; margin-bottom: 36px; cursor: pointer; } .caseIntSty>img[data-v-4e74986c]{ width: 100%; } .casepSty[data-v-4e74986c]{ position: absolute; bottom: 0px; width: 100%; font-size: 14px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background-color:rgba(2,53,110, 0.7); } .casepStyApp[data-v-4e74986c]{ position: absolute; bottom: 0px; width: 100%; font-size: 12px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: rgba(2,53,110, 0.7); } @media screen and (min-width: 1200px) { .caseIntSty[data-v-4e74986c]:nth-child(3n){ margin-right: 0px!important; } .casepStyApp[data-v-4e74986c]{ display: none; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .calcSty[data-v-4e74986c]{ width: 600px; height: 216px; } .calculDaug[data-v-4e74986c]{ float: left; margin-right: 30px; } .calculDaug[data-v-4e74986c]:nth-child(2n){ margin-right: 0px!important; } .headTitle[data-v-4e74986c],.caseCent[data-v-4e74986c]{ width: 730px; } .caseIntSty[data-v-4e74986c]{ width: 350px; margin-right: 30px; } .caseIntSty[data-v-4e74986c]:nth-child(2n){ margin-right: 0px; } .casepStyApp[data-v-4e74986c]{ display: none; } .serviceSty[data-v-4e74986c]{ width: 730px; height: 330px; } .serviceSty>div[data-v-4e74986c]:nth-child(3n){ margin-right: 0px!important; } .serviceSty .selevisSty[data-v-4e74986c],.serviceSty .serviunSty[data-v-4e74986c]{ float: left; width: 230px; margin-right: 20px; height: 160px; overflow: hidden; margin-bottom: 10px; background-color: #f7f7f7; } } /* 限制屏幕在414-800 */ @media screen and (max-width: 800px) { .calcSty[data-v-4e74986c]{ width: 350px; height: 320px; padding-top: 30px; } .calculDaug[data-v-4e74986c]{ float: left; text-align: center; width: 160px; height: 130px; margin-right: 30px; margin-bottom: 30px; padding: 0px; } .calcuSty[data-v-4e74986c]{ margin-right: 0px; margin-bottom: 10px; } .calSunSty[data-v-4e74986c]{ text-align: center; } .calculDaug[data-v-4e74986c]:nth-child(2n){ margin-right: 0px!important; } .calSunSty[data-v-4e74986c]{ display: block; } .headTitle[data-v-4e74986c],.caseCent[data-v-4e74986c]{ width: 330px; } .caseIntSty[data-v-4e74986c]{ width: 155px; margin-right: 20px; } .caseIntSty[data-v-4e74986c]:nth-child(2n){ margin-right: 0px!important; } .casepStyApp[data-v-4e74986c]{ display: block; } .serviceSty[data-v-4e74986c]{ width: 330px; height: 500px; } .serviceSty>div[data-v-4e74986c]:nth-child(2n){ margin-right: 0px!important; } .serviceSty .selevisSty[data-v-4e74986c],.serviceSty .serviunSty[data-v-4e74986c]{ float: left; width: 155px; margin-right: 20px; height: 160px; overflow: hidden; margin-bottom: 10px; background-color: #f7f7f7; } } /* 公共样式处理 */ .calculDaug[data-v-4e74986c],.serviceSty>div[data-v-4e74986c],.activiSty[data-v-4e74986c],.noactiSty[data-v-4e74986c]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .aboutus[data-v-27a697bf] { width: 100%; height: auto; background-color: #f7f8fc; } .banderSty[data-v-27a697bf]{ position: relative; width: 100%; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-27a697bf]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } .breadParent[data-v-27a697bf]{ padding: 20px 0px 1px; background-color: #f6f8fa; } /* 内容区域 */ .baoutNav[data-v-27a697bf]{ vertical-align: top; display: inline-block; width: 150px; margin-right: 25px; line-height: 40px; font-size: 16px; text-align: left; background-color: #ffffff; margin-bottom: 40px; } .navListSty[data-v-27a697bf]{ display: block; width: 100%; height: 50px; line-height: 50px; cursor: pointer; text-align: center; border-bottom: 1px solid #f7f7f7; } .navListSty[data-v-27a697bf]:last-child{ margin-right: 0px!important; } .aboutCentSty[data-v-27a697bf]{ display: inline-block; width: 1015px; padding: 0px 0px 50px; background-color: #f7f8fc; vertical-align: top; } /* 关于我们 */ .aboutoTop[data-v-27a697bf],.aboutoBot[data-v-27a697bf]{ width: 100%; height: 365px; text-align: left; margin: 0 auto; background-color: #ffffff; } .aboutoTop[data-v-27a697bf]:hover,.aboutoBot[data-v-27a697bf]:hover,.honorSty[data-v-27a697bf]:hover{ -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .aboutoTop:hover .aboutoImg>img[data-v-27a697bf],.aboutoBot:hover .aboutoImg>img[data-v-27a697bf],.honorSty:hover .honImg>img[data-v-27a697bf]{ -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: scale(1.1); transform: scale(1.1); } .aboutoImg[data-v-27a697bf]{ display: inline-block; width: 410px; height: 365px; padding: 20px; overflow: hidden; } .aboutoImg>img[data-v-27a697bf]{ width: 100%; height: auto; } .topSunSty[data-v-27a697bf]{ display: inline-block; width: 600px; height: 365px; overflow: hidden; background-color: #ffffff; padding: 50px 40px; font-size: 16px; line-height: 30px; } .aboutoCent[data-v-27a697bf]{ width: 100%; margin: 60px 0px; background-color: #ffffff; } .centPanSty[data-v-27a697bf]{ width: 100%; height: 85px; padding: 100px 0px 80px; margin: 0 auto; } .separate[data-v-27a697bf]{ width: 25%; float: left; height: 85px; overflow: hidden; } .separate>h3[data-v-27a697bf]{ color: #0875c0; } .separate>h3>span[data-v-27a697bf]{ font-size: 60px; font-weight: 600; } .separate>h3>sub[data-v-27a697bf]{ font-size: 30px; } .separate>span[data-v-27a697bf]{ font-size: 16px; line-height: 25px; color: #333333; } .topSunCopySty[data-v-27a697bf]{ display: inline-block; width: 600px; height: 365px; overflow: hidden; background-color: #ffffff; padding: 50px 40px; font-size: 16px; line-height: 25px; } .topSunCopySty>img[data-v-27a697bf]{ float: left; width: 130px; height: 155px; margin-top: 50px; margin-right: 35px; } .copySty[data-v-27a697bf]{ float: left; width: 322px; font-size: 14px; text-align: left; } .copySty>div>h4[data-v-27a697bf]{ line-height: 30px; font-size: 16px; font-weight: 600; } .copySty>div[data-v-27a697bf]{ margin-bottom: 30px; } .copySty>div[data-v-27a697bf]:last-child{ margin-bottom: 0px!important; } /* 我们的优势 */ .introductSty[data-v-27a697bf]{ width: 1010px; height: 100px; margin: 0px auto; padding: 0px 150px; line-height: 30px; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,0.1) } .advantage[data-v-27a697bf]{ width: 1010px; height: auto; padding-top: 20px; margin: 0px auto; } .advantFsty[data-v-27a697bf]{ position: relative; display: inline-block; font-size: 0px; width: 48%; margin-right: 4%; margin-top: 20px; } .advantFsty[data-v-27a697bf]:nth-child(2n){ margin-right: 0px!important; } .advantFsty>img[data-v-27a697bf]{ width: 100%; height: auto; } .leftBotSty[data-v-27a697bf]{ position: absolute; left: 0px; bottom: 40px; font-size: 18px; text-align: left; color: #ffffff; } .leftBotSty>p[data-v-27a697bf]{ font-weight: 600; padding-left: 30px; } .leftBotSty>span[data-v-27a697bf]{ display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; margin-bottom: 14px; border-radius: 2px; } .spanSty0[data-v-27a697bf],.spanSty2[data-v-27a697bf]{ background-color: #ff7800; color: #FFFFFF; } .spanSty1[data-v-27a697bf],.spanSty3[data-v-27a697bf]{ background-color: #0d74bf; color: #FFFFFF; } .locaSty[data-v-27a697bf]{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(2,53,110, 0.7); font-size: 16px; color: #ffffff; text-align: left; padding: 50px 50px 0px; } .locaSty>h3[data-v-27a697bf]{ font-size: 18px; font-weight: 600; margin-bottom: 25px; } .locaSunSty[data-v-27a697bf]{ line-height: 25px; max-height: 175px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } /* 资质证书 */ .qualificat[data-v-27a697bf]{ width: 1010px; margin: 0px auto; text-align: left; } .certificate0[data-v-27a697bf]{ margin-bottom: 40px; } .certificate>h4[data-v-27a697bf]{ line-height: 40px; } .describeSty[data-v-27a697bf]{ line-height: 30px; text-align: left; } .certifiSty[data-v-27a697bf]{ position: relative; margin-top: 20px; display: inline-block; font-size: 0px; width: 320px; height: 220px; margin-right: 25px; cursor: -webkit-zoom-in; cursor: zoom-in; text-align: center; } .certifiSty>img[data-v-27a697bf]{ max-width: 100%; height: 100%; } .cerpact[data-v-27a697bf],.cerpsty[data-v-27a697bf]{ position: absolute; left: 0px; bottom: 0px; color: #ffffff; font-size: 14px; width: 100%; text-align: center; height: 30px; line-height: 30px; } .cerpact[data-v-27a697bf]{ background-color: rgba(0,0,0,0.8); } .cerpsty[data-v-27a697bf]{ background-color: rgba(0,0,0,0.3); } /* 公司荣誉 */ .honorSty[data-v-27a697bf]{ width: 1010px; margin: 0 auto; height: 190px; text-align: left; margin-bottom: 40px; } .honorSty[data-v-27a697bf]:last-child{ margin-bottom: 0px; } .honImg[data-v-27a697bf]{ float: left; width: 340px; height: 190px; overflow: hidden; } .honImg>img[data-v-27a697bf]{ width: 100%; height: 100%; } .honocentSty[data-v-27a697bf]{ float: left; height: 190px; width: 665px; background-color: #ffffff; font-size: 14px; vertical-align: top; padding: 15px 40px; } .titlehSty[data-v-27a697bf]{ padding-top: 10px; font-size: 16px; line-height: 30px; font-weight: 600; color: #000000; } .hospanhSty[data-v-27a697bf]{ line-height: 35px; color: #999999; } .honodivSty[data-v-27a697bf]{ line-height: 30px; color: #333333; max-height: 90px; overflow: hidden; margin-top: 10px; } /* 优质团队 */ .teamTitle[data-v-27a697bf]{ width: 1010px; height: 70px; margin: 0px auto; padding: 0px 150px; line-height: 30px; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,0.1) } .distribut[data-v-27a697bf]{ width: 1010px; height: 430px; margin: 45px auto; overflow: hidden; } .dislistSty[data-v-27a697bf]{ float: left; width: 50%; height: 100%; text-align: center; } .dislistSty>p[data-v-27a697bf]{ font-size: 18px; font-weight: 600; margin-bottom: 30px; } .dislistSty>img[data-v-27a697bf]{ width: 317px; } .imgListSty[data-v-27a697bf]{ width: 1010px; height: 370px; margin: 0px auto; } .imgsty0[data-v-27a697bf]{ width: 650px; margin-right: 20px; vertical-align: top; } .imgparenSty[data-v-27a697bf]{ display: inline-block; width: 335px; height: 100%; vertical-align: top; } .imgsty1[data-v-27a697bf]{ margin-bottom: 20px; } .imgsty1[data-v-27a697bf],.imgsty2[data-v-27a697bf]{ width: 100%; height: 175px; vertical-align: top; } /* 合作伙伴 */ .cooperat[data-v-27a697bf]{ position: relative; display: inline-block; font-size: 0px; width: 237px; height: 107px; margin-right: 20px; margin-bottom: 20px; } .cooperat>img[data-v-27a697bf]{ width: 100%; height: 100%; } .coopersty[data-v-27a697bf]{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; font-size: 17px; padding: 0px 20px; display: table; text-align: center; background-color: rgba(2,53,110, 0.7); } .coopersty>div[data-v-27a697bf]{ display: table-cell; vertical-align: middle; line-height: 30px; } .centsixSty[data-v-27a697bf]{ line-height: 25px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; } @media screen and (min-width: 1200px) { .navActivSty[data-v-27a697bf]{ height: 50px; line-height: 50px; background-color: #023169; color: #ffffff; } .cooperat[data-v-27a697bf]:nth-child(4n+1){ margin-right: 0px!important; } } @media screen and (min-width: 1200px) { .certificate0 .certifiSty[data-v-27a697bf]:nth-child(3n), .certificate1 .certifiSty[data-v-27a697bf]:nth-child(3n){ margin-right: 0px!important; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-27a697bf]{ height: 300px; } .banderSty>img[data-v-27a697bf]{ height: 130px; } .baoutNav[data-v-27a697bf]{ width: 120px; } .navListSty[data-v-27a697bf]{ margin-right: 30px; } .navActivSty[data-v-27a697bf]{ height: 50px; line-height: 50px; background-color: #023169; color: #ffffff; } .aboutCentSty[data-v-27a697bf],.aboutoTop[data-v-27a697bf],.aboutoBot[data-v-27a697bf],.centPanSty[data-v-27a697bf]{ width: 550px; } .separate>h3>span[data-v-27a697bf]{ font-size: 50px; } .aboutoTop[data-v-27a697bf],.aboutoBot[data-v-27a697bf]{ height: 680px; text-align: center; } .aboutoImg[data-v-27a697bf]{ width: 100%; height: 365px; } .topSunSty[data-v-27a697bf]{ width: 100%; text-align: left; height: 310px; line-height: 25px; padding: 50px 30px; } .topSunCopySty[data-v-27a697bf]{ width: 100%; text-align: left; height: 310px; padding: 50px 30px; } .topSunCopySty>img[data-v-27a697bf]{ display: none; } .separate>h3>span[data-v-27a697bf]{ font-size: 50px; font-weight: 600; } .separate>h3>sub[data-v-27a697bf]{ font-size: 26px; } /* 我们的优势 */ .introductSty[data-v-27a697bf]{ width: 550px; padding: 0px 20px; line-height: 25px; height: 110px; } .advantFsty[data-v-27a697bf]{ width: 100%; } .advantage[data-v-27a697bf]{ width: 550px; } .leftBotSty>span[data-v-27a697bf]{ width: 100px; height: 35px; line-height: 35px; margin-bottom: 10px; font-size: 14px; } .leftBotSty>p[data-v-27a697bf]{ padding-left: 10px; font-size: 14px; } /* 资质证书 */ .qualificat[data-v-27a697bf]{ width: 550px; } .certifiSty[data-v-27a697bf]{ width: 265px; height: 180px; margin-right: 20px; } .certifiSty[data-v-27a697bf]:nth-child(2n){ margin-right: 0px!important; } /* 公司荣誉 */ .honorSty[data-v-27a697bf]{ width: 550px; height: 135px; margin-bottom: 35px; } .honImg[data-v-27a697bf]{ width: 210px; height: 135px; } .honocentSty[data-v-27a697bf]{ width: 340px; height: 135px; padding: 10px 20px; } .titlehSty[data-v-27a697bf]{ line-height: 20px; } .honodivSty[data-v-27a697bf]{ line-height: 20px; max-height: 40px; } /* 优质团队 */ .teamTitle[data-v-27a697bf]{ width: 550px; padding: 0px 50px; } .distribut[data-v-27a697bf]{ width: 550px; height: 380px; margin: 30px auto; } .dislistSty>img[data-v-27a697bf]{ width: 250px; } .imgListSty[data-v-27a697bf]{ width: 550px; height: 500px; } .imgsty0[data-v-27a697bf]{ width: 550px; margin-bottom: 7px; } .imgparenSty[data-v-27a697bf]{ width: 100%; height: 180px; } .imgsty1[data-v-27a697bf]{ margin-right: 30px; } .imgsty1[data-v-27a697bf],.imgsty2[data-v-27a697bf]{ float: left; width: 260px; height: 180px; } /* 合作伙伴 */ .cooperat[data-v-27a697bf]{ width: 173px; height: 80px; margin-right: 15px; } .cooperat[data-v-27a697bf]:nth-child(3n+1){ margin-right: 0px!important; } .coopersty[data-v-27a697bf]{ font-size: 16px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-27a697bf]{ height: 300px; } .banderSty>img[data-v-27a697bf]{ height: 90px; } .baoutNav[data-v-27a697bf]{ display: block; width: 375px; height: 120px; padding-top: 20px; line-height: 40px; font-size: 14px; margin: 0px auto; text-align: center; background-color: rgba(0,0,0,0); } .navListSty[data-v-27a697bf]{ display: inline-block; width: 110px; margin-right: 10px; height: 35px; line-height: 35px; text-align: center; border-radius: 18px; background-color: #e5e5e5; padding: 0px; margin-bottom: 15px; } .navListSty[data-v-27a697bf]:nth-child(3n){ margin-right: 0px; } .navActivSty[data-v-27a697bf]{ background-color: #1f8df9; color: #ffffff; font-weight: 600; } .aboutCentSty[data-v-27a697bf]{ width: 375px; padding: 0px 0px 20px; } .centPanSty[data-v-27a697bf]{ width: 375px; height: 170px; padding: 50px 0px 40px; } .aboutoTop[data-v-27a697bf],.aboutoBot[data-v-27a697bf]{ width: 375px; height: 645px; text-align: center; } .aboutoTop[data-v-27a697bf]{ height: 730px!important; } .aboutoBot[data-v-27a697bf]{ height: 600px!important; } .aboutoImg[data-v-27a697bf]{ width: 100%; height: auto; } .topSunSty[data-v-27a697bf]{ text-align: left; width: 370px; height: 380px; line-height: 25px; padding: 20px 20px; font-size: 14px; } .topSunCopySty[data-v-27a697bf]{ width: 370px; text-align: left; height: 260px; padding: 20px 20px; } .topSunCopySty>img[data-v-27a697bf]{ display: none; } .separate[data-v-27a697bf]{ width: 50%; } .separate>h3>span[data-v-27a697bf]{ font-size: 40px; font-weight: 600; } .separate>h3>sub[data-v-27a697bf]{ font-size: 18px; } /* 我们的优势 */ .introductSty[data-v-27a697bf]{ width: 370px; height: 160px; padding: 0px 35px; font-size: 14px; } .advantage[data-v-27a697bf]{ width: 375px; } .advantFsty[data-v-27a697bf]{ width: 100%; margin-top: 20px; margin-right: 0px!important; } .leftBotSty>span[data-v-27a697bf]{ width: 100px; height: 35px; line-height: 35px; margin-bottom: 10px; font-size: 14px; } .leftBotSty>p[data-v-27a697bf]{ padding-left: 10px; font-size: 14px; } .locaSty[data-v-27a697bf]{ font-size: 12px; padding: 20px 15px; } .locaSty>h3[data-v-27a697bf]{ font-size: 14px; margin-bottom: 15px; } .locaSunSty[data-v-27a697bf]{ line-height: 18px; max-height: 128px; } /* 资质证书 */ .qualificat[data-v-27a697bf]{ width: 375px; } .certificate>h4[data-v-27a697bf]{ height: 30px; line-height: 30px; margin-bottom: 0px; } .certifiSty[data-v-27a697bf]{ width: 180px; margin-top: 10px; margin-right: 15px; } .certifiSty[data-v-27a697bf]:nth-child(2n+2){ margin-right: 0px!important; } .cerpsty[data-v-27a697bf],.cerpact[data-v-27a697bf]{ font-size: 12px; background-color: rgba(0,0,0,0.5); } /* 公司荣誉 */ .honorSty[data-v-27a697bf]{ width: 375px; height: 430px; margin-bottom: 35px; } .honorSty[data-v-27a697bf]:last-child{ margin-bottom: 30px; } .honImg[data-v-27a697bf]{ width: 100%; height: auto; } .honocentSty[data-v-27a697bf]{ overflow: hidden; width: 100%; height: auto; padding: 10px 20px; } .titlehSty[data-v-27a697bf]{ line-height: 25px; } .honodivSty[data-v-27a697bf]{ line-height: 20px; max-height: 100px; } /* 优质团队 */ .teamTitle[data-v-27a697bf]{ width: 370px; padding: 0px 30px; } .distribut[data-v-27a697bf]{ width: 370px; height: 840px; margin: 15px auto; } .dislistSty[data-v-27a697bf]{ width: 100%; height: 50%; } .dislistSty>img[data-v-27a697bf]{ width: 300px; } .imgListSty[data-v-27a697bf]{ width: 370px; height: 330px; } .imgsty0[data-v-27a697bf]{ width: 370px; margin-right: 0px; margin-bottom: 20px; } .imgparenSty[data-v-27a697bf]{ width: 370px; height: auto; } .imgsty1[data-v-27a697bf]{ margin-bottom: 0px; margin-right: 20px; } .imgsty1[data-v-27a697bf],.imgsty2[data-v-27a697bf]{ float: left; width: 175px; height: auto; } /* 合作伙伴 */ .cooperat[data-v-27a697bf]{ width: 165px; height: 75px; } .cooperat[data-v-27a697bf]:nth-child(2n+1){ margin-right: 0px!important; } .coopersty[data-v-27a697bf]{ height: 75px; font-size: 14px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-27a697bf]{ height: 250px; } .banderSty>img[data-v-27a697bf]{ height: 75px; } .baoutNav[data-v-27a697bf]{ display: block; width: 330px; height: 120px; padding-top: 20px; line-height: 40px; font-size: 12px; margin: 0px auto; text-align: center; background-color: rgba(0,0,0,0); } .navListSty[data-v-27a697bf]{ display: inline-block; width: 100px; margin-right: 10px; height: 35px; line-height: 35px; text-align: center; border-radius: 18px; background-color: #e5e5e5; padding: 0px; margin-bottom: 15px; } .navListSty[data-v-27a697bf]:nth-child(3n){ margin-right: 0px; } .navActivSty[data-v-27a697bf]{ background-color: #1f8df9; color: #ffffff; font-weight: 600; } .aboutCentSty[data-v-27a697bf]{ width: 330px; padding: 0px 0px 20px; } .aboutoTop[data-v-27a697bf],.aboutoBot[data-v-27a697bf]{ width: 330px; height: 650px; text-align: center; } .aboutoTop[data-v-27a697bf]{ height: 730px!important; } .aboutoBot[data-v-27a697bf]{ height: 550px!important; } .aboutoImg[data-v-27a697bf]{ width: 330px; height: auto; margin-bottom: 20px; } .topSunSty[data-v-27a697bf]{ text-align: left; width: 330px; height: 400px; line-height: 25px; padding: 20px 20px; font-size: 14px; } .topSunCopySty[data-v-27a697bf]{ width: 330px; text-align: left; height: 230px; padding: 20px 20px; margin-bottom: 20px; } .topSunCopySty>img[data-v-27a697bf]{ display: none; } .copySty[data-v-27a697bf]{ width: 290px; font-size: 12px; } .copySty>div[data-v-27a697bf]{ margin-bottom: 15px; } .copySty>div>h4[data-v-27a697bf]{ font-size: 14px; } .centPanSty[data-v-27a697bf]{ width: 330px; height: 170px; padding: 50px 0px 40px; } .separate[data-v-27a697bf]{ width: 50%; } .separate>h3>span[data-v-27a697bf]{ font-size: 34px; font-weight: 600; } .separate>h3>sub[data-v-27a697bf]{ font-size: 16px; } /* 我们优势 */ .introductSty[data-v-27a697bf]{ width: 330px; height: 160px; padding: 0px 15px; font-size: 13px; } .advantage[data-v-27a697bf]{ width: 330px; } .advantFsty[data-v-27a697bf]{ width: 100%; margin-top: 20px; margin-right: 0px!important; } .leftBotSty>span[data-v-27a697bf]{ width: 100px; height: 35px; line-height: 35px; margin-bottom: 10px; font-size: 14px; } .leftBotSty>p[data-v-27a697bf]{ padding-left: 10px; font-size: 14px; } .locaSty[data-v-27a697bf]{ font-size: 12px; padding: 20px 15px; } .locaSty>h3[data-v-27a697bf]{ font-size: 14px; margin-bottom: 15px; } .locaSunSty[data-v-27a697bf]{ line-height: 18px; max-height: 128px; } /* 资质证书 */ .qualificat[data-v-27a697bf]{ width: 335px; } .certifiSty[data-v-27a697bf]{ width: 160px; margin-top: 10px; margin-right: 15px; } .certificate>h4[data-v-27a697bf]{ height: 30px; line-height: 30px; margin-bottom: 0px; } .certifiSty[data-v-27a697bf]:nth-child(2n+2){ margin-right: 0px!important; } .cerpsty[data-v-27a697bf],.cerpact[data-v-27a697bf]{ font-size: 12px; background-color: rgba(0,0,0,0.5); } /* 公司荣誉 */ .honorSty[data-v-27a697bf]{ width: 330px; height: 440px; margin-bottom: 35px; } .honorSty[data-v-27a697bf]:last-child{ margin-bottom: 30px; } .honImg[data-v-27a697bf]{ width: 100%; height: auto; } .honocentSty[data-v-27a697bf]{ overflow: hidden; width: 100%; height: auto; padding: 10px 20px; } .titlehSty[data-v-27a697bf]{ line-height: 25px; } .honodivSty[data-v-27a697bf]{ line-height: 20px; max-height: 100px; } /* 优质团队 */ .teamTitle[data-v-27a697bf]{ width: 330px; padding: 0px 15px; } .distribut[data-v-27a697bf]{ width: 330px; height: 780px; margin: 10px auto; } .dislistSty[data-v-27a697bf]{ width: 100%; height: 50%; } .dislistSty>img[data-v-27a697bf]{ width: 270px; } .imgListSty[data-v-27a697bf]{ width: 330px; height: 300px; } .imgsty0[data-v-27a697bf]{ width: 330px; margin-right: 0px; margin-bottom: 20px; } .imgparenSty[data-v-27a697bf]{ width: 330px; height: auto; } .imgsty1[data-v-27a697bf]{ margin-bottom: 0px; margin-right: 20px; } .imgsty1[data-v-27a697bf],.imgsty2[data-v-27a697bf]{ float: left; width: 155px; height: auto; } /* 合作伙伴 */ .cooperat[data-v-27a697bf]{ width: 160px; margin-right: 10px; height: 75px; } .cooperat[data-v-27a697bf]:nth-child(2n+1){ margin-right: 0px!important; } .coopersty[data-v-27a697bf]{ height: 75px; font-size: 12px; } } /* 公共样式处理 */ .banderSty[data-v-27a697bf],.navListSty[data-v-27a697bf],.navActivSty[data-v-27a697bf],.topSunSty[data-v-27a697bf],.topSunCopySty[data-v-27a697bf],.introductSty[data-v-27a697bf],.locaSty[data-v-27a697bf], .honocentSty[data-v-27a697bf],.coopersty[data-v-27a697bf],.teamTitle[data-v-27a697bf]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .product[data-v-6668b012] { width: 100%; height: auto; } .banderSty[data-v-6668b012]{ position: relative; width: 100%; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-6668b012]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } .baoutNav[data-v-6668b012]{ width: 1200px; height: 66px; line-height: 66px; font-size: 16px; margin: 0px auto; } .navListSty[data-v-6668b012]{ display: inline-block; padding: 0px 10px; margin-right: 50px; cursor: pointer; font-size: 18px; } .navActivSty[data-v-6668b012]{ height: 66px; border-bottom: 2px solid #000000; line-height: 65px; font-weight: 700!important; } .navListSty[data-v-6668b012]:last-child{ margin-right: 0px!important; } /* 内容区域 */ .aboutCentSty[data-v-6668b012]{ padding: 50px 0px 50px; background-color: #f6f8fa; } .breadParent[data-v-6668b012]{ padding: 20px 0px 1px; } .centerductSty[data-v-6668b012]{ width: 1200px; margin: 0px auto; text-align: left; } /* 解决方案 */ .cenLisSty[data-v-6668b012]{ width: 100%; height: 300px; overflow: hidden; margin-bottom: 30px; } .cenLisSty .censunSty[data-v-6668b012],.centImgSty[data-v-6668b012]{ float: left; } .cenLisSty:nth-child(2n) .censunSty[data-v-6668b012],.cenLisSty:nth-child(2n) .centImgSty[data-v-6668b012]{ float: right; } .centImgSty[data-v-6668b012]{ width: 370px; height: 300px; line-height: 300px; overflow: hidden; text-align: center; background-color: #ffffff; padding: 0px 30px; } .centImgSty>img[data-v-6668b012]{ max-width: 100%; max-height: 100%; cursor: -webkit-zoom-in; cursor: zoom-in; vertical-align: middle; } .censunSty[data-v-6668b012]{ width: 825px; height: 300px; background-color: #ffffff; } .titlehSty[data-v-6668b012]{ font-size: 16px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .centdivSty[data-v-6668b012]{ height: auto; line-height: 26px; max-height: 156px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #333333; } .downbtnSty[data-v-6668b012]{ display: block; margin-top: 10px; width: 110px; height: 30px; text-align: center; line-height: 30px; border: 1px solid rgba(27,142,249,0.7); color:rgba(27,142,249,0.7); border-radius: 16px; cursor: pointer; } .cenLisSty:hover .centImgSty>img[data-v-6668b012]{ -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: scale(1.1); transform: scale(1.1); } .cenLisSty[data-v-6668b012]:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 1200px){ .centerductSty .cenLisSty:nth-child(2n) .censunSty[data-v-6668b012]{ padding: 30px 20px 30px 50px!important; } .centerductSty .cenLisSty:nth-child(2n-1) .censunSty[data-v-6668b012]{ padding: 30px 50px 30px 20px!important; } .centerductSty .cenLisSty:nth-child(2n) .centImgSty[data-v-6668b012]{ padding-right: 40px!important; } .centerductSty .cenLisSty:nth-child(2n-1) .centImgSty[data-v-6668b012]{ padding-left: 40px!important; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-6668b012]{ height: 300px; } .banderSty>img[data-v-6668b012]{ height: 130px; } .baoutNav[data-v-6668b012],.centerductSty[data-v-6668b012],.cenLisSty[data-v-6668b012]{ width: 700px; } .aboutCentSty[data-v-6668b012]{ padding: 40px 0px 40px; } .cenLisSty[data-v-6668b012]{ height: 210px; } .centImgSty[data-v-6668b012]{ width: 200px; height: 210px; line-height: 200px; } .censunSty[data-v-6668b012]{ width: 500px; height: 210px; padding: 10px 15px; } .titlehSty[data-v-6668b012]{ line-height: 25px; margin: 0px 0px 5px; } .centdivSty[data-v-6668b012]{ line-height: 20px; height: auto; max-height: 120px; } .downbtnSty[data-v-6668b012]{ margin-top: 5px; height: 28px; line-height: 28px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-6668b012]{ height: 300px; } .banderSty>img[data-v-6668b012]{ height: 90px; } .baoutNav[data-v-6668b012],.centerductSty[data-v-6668b012],.cenLisSty[data-v-6668b012]{ width: 375px; } .aboutCentSty[data-v-6668b012]{ padding: 30px 0px 30px; } /* 解决方案 */ .cenLisSty[data-v-6668b012]{ height: auto; } .centImgSty[data-v-6668b012]{ width: 375px; height: 210px; line-height: 210px; } .censunSty[data-v-6668b012]{ width: 375px; height: auto; padding: 10px 15px; } .titlehSty[data-v-6668b012]{ line-height: 25px; margin-bottom: 10px; } .centdivSty[data-v-6668b012]{ line-height: 20px; height: auto; height: 120px; } .downbtnSty[data-v-6668b012]{ margin-top: 10px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-6668b012]{ height: 250px; } .banderSty>img[data-v-6668b012]{ height: 75px; } .baoutNav[data-v-6668b012],.centerductSty[data-v-6668b012],.cenLisSty[data-v-6668b012]{ width: 330px; } .aboutCentSty[data-v-6668b012]{ padding: 20px 0px; } /* 解决方案 */ .cenLisSty[data-v-6668b012]{ height: auto; } .centImgSty[data-v-6668b012]{ width: 330px; height: 200px; line-height: 200px; } .censunSty[data-v-6668b012]{ width: 330px; height: auto; padding: 10px 15px; } .titlehSty[data-v-6668b012]{ line-height: 25px; margin-bottom: 10px; } .centdivSty[data-v-6668b012]{ line-height: 20px; height: auto; height: 120px; } .downbtnSty[data-v-6668b012]{ margin-top: 10px; } } .saleSty[data-v-6668b012]{ cursor: move; -webkit-transform: scale(1); transform: scale(1); } /* 公共样式处理 */ .banderSty[data-v-6668b012],.navListSty[data-v-6668b012],.navActivSty[data-v-6668b012],.censunSty[data-v-6668b012]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .customer[data-v-65227aee] { width: 100%; height: auto; } .banderSty[data-v-65227aee]{ position: relative; width: 100%; height: 400px; background-image: url(/static/img/customer.0e5ea2e.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-65227aee]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } /* 内容区域 */ .aboutCentSty[data-v-65227aee]{ padding: 20px 0px 50px; background-color: #f6f8fa; } /* 资质证书 */ .qualificat[data-v-65227aee]{ width: 1200px; margin: 0px auto; text-align: left; } .quahSty[data-v-65227aee]{ margin: 20px 0px 50px; font-weight: 700; font-size: 36px; text-align: center; } .cooperat[data-v-65227aee]{ position: relative; display: inline-block; font-size: 0px; width: 285px; height: 130px; margin-right: 20px; margin-bottom: 20px; } .cooperat>img[data-v-65227aee]{ width: 100%; height: 100%; } .coopersty[data-v-65227aee]{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; font-size: 17px; padding: 0px 20px; display: table; text-align: center; background-color: rgba(2,53,110, 0.7); } .coopersty>div[data-v-65227aee]{ display: table-cell; vertical-align: middle; line-height: 30px; } @media screen and (min-width: 1200px) { .cooperat[data-v-65227aee]:nth-child(4n+1){ margin-right: 0px!important; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-65227aee]{ height: 300px; } .banderSty>img[data-v-65227aee]{ height: 130px; } .qualificat[data-v-65227aee]{ width: 700px; } .cooperat[data-v-65227aee]{ width: 220px; height: 100px; } .cooperat[data-v-65227aee]:nth-child(3n+1){ margin-right: 0px!important; } .coopersty[data-v-65227aee]{ height: 100px; font-size: 16px; } .quahSty[data-v-65227aee]{ margin: 20px 0px 35px; font-size: 30px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-65227aee]{ height: 300px; } .banderSty>img[data-v-65227aee]{ height: 90px; } /* 资质证书 */ .qualificat[data-v-65227aee]{ width: 375px; } .cooperat[data-v-65227aee]{ width: 180px; height: 83px; margin-right: 15px; } .cooperat[data-v-65227aee]:nth-child(2n+1){ margin-right: 0px!important; } .coopersty[data-v-65227aee]{ height: 83px; font-size: 14px; } .quahSty[data-v-65227aee]{ margin: 20px 0px 30px; font-size: 26px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-65227aee]{ height: 250px; } .banderSty>img[data-v-65227aee]{ height: 75px; } /* 资质证书 */ .qualificat[data-v-65227aee]{ width: 330px; } .cooperat[data-v-65227aee]{ width: 160px; margin-right: 10px; height: 75px; } .cooperat[data-v-65227aee]:nth-child(2n+1){ margin-right: 0px!important; } .coopersty[data-v-65227aee]{ height: 75px; font-size: 12px; } .quahSty[data-v-65227aee]{ margin: 20px 0px 30px; font-size: 26px; } } /* 公共样式处理 */ .banderSty[data-v-65227aee],.aboutCentSty[data-v-65227aee],.coopersty[data-v-65227aee]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .case[data-v-809d7fc4] { width: 100%; height: auto; } .banderSty[data-v-809d7fc4]{ position: relative; width: 100%; height: 400px; background-image: url(/static/img/case.952e2e7.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-809d7fc4]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } /* 内容区域 */ .aboutCentSty[data-v-809d7fc4]{ padding: 20px 0px 50px; background-color: #f6f8fa; } .casepaSty[data-v-809d7fc4]{ width: 1200px; height: auto; margin: 0px auto; padding: 10px 0px; } .casecopySty[data-v-809d7fc4]{ text-align: left; } /* 导航区域 */ .navListSty[data-v-809d7fc4]{ display: inline-block; font-size: 0px; width: 15%; height: 40px; line-height: 40px; background-color: #ffffff; color: #666666; border: 1px solid #666666; text-align: center; margin-right: 2%; cursor: pointer; border-radius: 3px; } .spanNavSty[data-v-809d7fc4]{ font-size: 16px; } .activeSty[data-v-809d7fc4]{ color: #FFFFFF!important; border-color: #0f89fd; background-color: #0f89fd; } /* 内容区域 */ .caseListSty[data-v-809d7fc4]{ display: inline-block; font-size: 0px; width: 380px; height: auto; margin-right: 30px; margin-top: 30px; } .imgIntrod[data-v-809d7fc4]{ position: relative; width: 100%; height: auto; cursor: pointer; overflow: hidden; } .imgIntrod>img[data-v-809d7fc4]{ width: 100%; height: auto; } .tablesty[data-v-809d7fc4]{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(2,53,110, 0.7); color: #ffffff; font-size: 16px; line-height: 25px; padding: 40px 35px; } .tablecell[data-v-809d7fc4]{ height: auto; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .centsrab[data-v-809d7fc4]{ -webkit-line-clamp: 2!important; } .eqcodeimg[data-v-809d7fc4]{ margin-top: 10px; width: 80px; height: 80px; } .nameSty[data-v-809d7fc4]{ width: 100%; height: 60px; line-height: 20px; text-align: left; background-color: #ffffff; padding: 20px 10px 0px; font-size: 16px; cursor: pointer; } .nameSty>img[data-v-809d7fc4]{ float: right; width: 18px; height: 16px; margin-top: 2px; } @media screen and (min-width: 1200px){ .navListSty[data-v-809d7fc4]:last-child{ margin-right: 0px!important; } .caseListSty[data-v-809d7fc4]:nth-child(3n){ margin-right: 0px!important; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-809d7fc4]{ height: 300px; } .banderSty>img[data-v-809d7fc4]{ height: 130px; } .casepaSty[data-v-809d7fc4]{ width: 700px; } .navListSty[data-v-809d7fc4]{ width: 32%!important; margin-right: 2%; margin-bottom: 20px; } .navListSty[data-v-809d7fc4]:nth-child(3n){ margin-right: 0px!important; } /* 内容区域 */ .caseListSty[data-v-809d7fc4]{ width: 340px; margin-right: 20px; } .caseListSty[data-v-809d7fc4]:nth-child(2n){ margin-right: 0px; } .tablesty[data-v-809d7fc4]{ padding: 40px 35px; } .nameSty[data-v-809d7fc4]{ padding: 15px 10px 0px; height: 50px; line-height: 15px; } .nameSty>img[data-v-809d7fc4]{ width: 16px; height: 14px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-809d7fc4]{ height: 300px; } .banderSty>img[data-v-809d7fc4]{ height: 90px; } .casepaSty[data-v-809d7fc4]{ width: 375px; } .navListSty[data-v-809d7fc4]{ width: 180px; margin-right: 15px; margin-bottom: 20px; } .navListSty[data-v-809d7fc4]:last-child{ margin-bottom: 0px!important; } .navListSty[data-v-809d7fc4]:nth-child(2n){ margin-right: 0px!important; } /* 内容区域 */ .caseListSty[data-v-809d7fc4]{ width: 370px; margin-right: 0px; } .nameSty[data-v-809d7fc4]{ padding: 15px 10px 0px; height: 50px; line-height: 15px; } .nameSty>img[data-v-809d7fc4]{ width: 16px; height: 14px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-809d7fc4]{ height: 250px; } .banderSty>img[data-v-809d7fc4]{ height: 75px; } .casepaSty[data-v-809d7fc4]{ width: 330px; } .navListSty[data-v-809d7fc4]{ width: 160px; margin-right: 10px; margin-bottom: 15px; } .navListSty[data-v-809d7fc4]:last-child{ margin-bottom: 0px!important; } .navListSty[data-v-809d7fc4]:nth-child(2n){ margin-right: 0px!important; } /* 内容区域 */ .caseListSty[data-v-809d7fc4]{ width: 330px; margin-right: 0px; } .nameSty[data-v-809d7fc4]{ padding: 15px 10px 0px; height: 50px; line-height: 15px; } .nameSty>img[data-v-809d7fc4]{ width: 16px; height: 14px; } } /* 公共样式处理 */ .banderSty[data-v-809d7fc4],.navListSty[data-v-809d7fc4],.nameSty[data-v-809d7fc4],.tablesty[data-v-809d7fc4]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .recruiting[data-v-3f267738] { width: 100%; height: auto; } .banderSty[data-v-3f267738]{ position: relative; width: 100%; height: 400px; background-image: url(/static/img/recruit.00524f9.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-3f267738]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } /* 内容区域 */ .aboutCentSty[data-v-3f267738]{ padding: 20px 0px 50px; background-color: #f6f8fa; } .casepaSty[data-v-3f267738]{ width: 1200px; height: auto; margin: 0px auto; text-align: left; } .recruSty[data-v-3f267738]{ position: relative; display: inline-block; font-size: 0px; width: 285px; height: 340px; margin-right: 20px; margin-top: 45px; margin-bottom: 35px; background-color: #ffffff; border: 1px solid #e8e8e8; padding: 50px 30px 0px; cursor: pointer; } .recruActive[data-v-3f267738],.recruActive .recruHeadSty[data-v-3f267738]{ border: 1px solid #0f89fd; } .recruHeadSty[data-v-3f267738]{ position: absolute; width: 100px; height: 100px; text-align: center; line-height: 100px; top: -50px; left: 50%; margin-left: -50px; border-radius: 50%; background-color: #ffffff; border: 1px solid #e8e8e8; } .recruHeadSty>img[data-v-3f267738]{ margin-top: 21px; width: 58px; height: 58px; } .recruhSty[data-v-3f267738]{ text-align: center; height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; font-weight: 600; } .recruSpanSty[data-v-3f267738]{ height: 20px; font-size: 13px; line-height: 20px; margin: 0px auto 50px; color: #999999; text-align: center; } .recruImgSty[data-v-3f267738]{ width: 100%; position: absolute; top: 95px; width: 225px; max-height: 50px; } .recruDivSty[data-v-3f267738]{ width: 100%; font-size: 16px; line-height: 30px; color: #666666; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height: 150px; } @media screen and (min-width: 1200px){ .recruSty[data-v-3f267738]:nth-child(4n){ margin-right: 0px; } } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-3f267738]{ height: 300px; } .banderSty>img[data-v-3f267738]{ height: 130px; } .casepaSty[data-v-3f267738]{ width: 700px; } /* 内容区域 */ .recruSty[data-v-3f267738]{ width: 220px; height: 300px; padding: 50px 20px 0px; } .recruSty[data-v-3f267738]:nth-child(3n){ margin-right: 0px!important; } .recruSpanSty[data-v-3f267738]{ margin-bottom: 40px; } .recruImgSty[data-v-3f267738]{ top: 100px; width: 180px; } .recruDivSty[data-v-3f267738]{ font-size: 14px; line-height: 25px; height: 125px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-3f267738]{ height: 300px; } .banderSty>img[data-v-3f267738]{ height: 90px; } .casepaSty[data-v-3f267738]{ width: 375px; } /* 内容区域 */ .recruSty[data-v-3f267738]{ width: 180px; height: 285px; padding: 50px 10px 0px; margin-right: 15px; } .recruSty[data-v-3f267738]:nth-child(2n){ margin-right: 0px!important; } .recruhSty[data-v-3f267738]{ font-size: 14px; } .recruSpanSty[data-v-3f267738]{ margin-bottom: 30px; } .recruImgSty[data-v-3f267738]{ top: 100px; width: 160px; } .recruDivSty[data-v-3f267738]{ font-size: 12px; line-height: 25px; height: 125px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-3f267738]{ height: 250px; } .banderSty>img[data-v-3f267738]{ height: 75px; } .casepaSty[data-v-3f267738]{ width: 330px; } /* 内容区域 */ .recruSty[data-v-3f267738]{ width: 330px; height: 340px; margin-right: 0px; } .recruImgSty[data-v-3f267738]{ top: 100px; width: 270px; } .recruDivSty[data-v-3f267738]{ font-size: 14px; line-height: 30px; height: 150px; } } /* 公共样式处理 */ .banderSty[data-v-3f267738],.recruSty[data-v-3f267738],.recruHeadSty[data-v-3f267738]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .recruitinfor[data-v-875a08f6] { width: 100%; height: auto; } .banderSty[data-v-875a08f6]{ position: relative; width: 100%; height: 400px; background-image: url(/static/img/recruit.00524f9.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-875a08f6]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } /* 内容区域 */ .aboutCentSty[data-v-875a08f6]{ padding: 20px 0px 50px; background-color: #f6f8fa; } .casepaSty[data-v-875a08f6]{ width: 1200px; height: auto; text-align: left; margin: 0px auto; padding: 10px 0px; } .cenTitleSty[data-v-875a08f6]{ line-height: 30px; font-size: 16px; } .cenTitleSty>h3[data-v-875a08f6]{ margin: 20px 0px; font-size: 16px; } .cenTitleSty h3>span[data-v-875a08f6],.cenTitleSty h3>img[data-v-875a08f6]{ vertical-align: middle; } .cenTitleSty h3>span[data-v-875a08f6]{ margin-left: 10px; font-weight: 600; } .delivery[data-v-875a08f6]{ width: 223px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; margin-top: 60px; color: #1c8ffd; border: 1px solid #1c8ffd; border-radius: 30px; margin: 60px auto 0px; cursor: pointer; } .delivery>img[data-v-875a08f6]{ width: 16px; margin-right: 10px; vertical-align: middle; } .introduce>h3[data-v-875a08f6]{ width: 100%; font-size: 24px; line-height: 30px; margin-bottom: 15px; font-weight: 600; } .inforSty[data-v-875a08f6]{ line-height: 30px; margin-bottom: 20px; font-size: 16px; color: #666666; } .inforSty>p[data-v-875a08f6]{ min-width: 140px; text-align: left; display: inline-block; margin-right: 20px; } .popups[data-v-875a08f6]{ width: 540px; height: 180px; padding-top: 40px; } .closeSty[data-v-875a08f6]{ position: absolute; width: 15px; height: 15px; top: 20px; right: 20px; cursor: pointer; } .centerSty[data-v-875a08f6]{ width: 350px; margin: 0px auto; line-height: 30px; font-size: 14px; } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-875a08f6]{ height: 300px; } .banderSty>img[data-v-875a08f6]{ height: 130px; } .casepaSty[data-v-875a08f6]{ width: 700px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-875a08f6]{ height: 300px; } .banderSty>img[data-v-875a08f6]{ height: 90px; } .casepaSty[data-v-875a08f6],.popups[data-v-875a08f6]{ width: 375px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-875a08f6]{ height: 250px; } .banderSty>img[data-v-875a08f6]{ height: 75px; } .casepaSty[data-v-875a08f6]{ width: 330px; } .popups[data-v-875a08f6]{ width: 300px; } .centerSty[data-v-875a08f6]{ width: 230px; } } /* 公共样式处理 */ .banderSty[data-v-875a08f6]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .contact[data-v-6bf64ad2] { width: 100%; height: auto; } .banderSty[data-v-6bf64ad2]{ position: relative; width: 100%; height: 400px; background-image: url(/static/img/contact.0f46ec5.png); background-repeat: no-repeat; background-size: cover; background-position: top center; } .banderSty>img[data-v-6bf64ad2]{ position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; width: auto; height: 158px; margin: auto; } /* 内容区域 */ .aboutCentSty[data-v-6bf64ad2]{ padding: 20px 0px 50px; background-color: #f6f8fa; } .casepaSty[data-v-6bf64ad2]{ width: 1200px; height: auto; margin: 0px auto; padding: 10px 0px; text-align: left; } .centsty0[data-v-6bf64ad2],.centsty2[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ width: 390px; height: 145px; background-color: #ffffff; color: #000000; display: inline-block; font-size: 0px; text-align: center; padding-top: 20px; vertical-align: middle; cursor: pointer; } .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ margin-right: 15px; } .centImgSty[data-v-6bf64ad2]{ width: 40px; height: 40px; } .centSunSty[data-v-6bf64ad2]{ margin: 15px 100px 0px; font-size: 14px; line-height: 25px; } .centmap[data-v-6bf64ad2]{ margin-top: 20px; height: 400px; width: 100%; } .addnameSty[data-v-6bf64ad2]{ height: 40px; line-height: 40px; font-size: 22px; color: #000000; font-weight: 600; } .ressunsty[data-v-6bf64ad2]{ margin-top: 30px; color: #333333; font-size: 16px; } .ressunsty>p[data-v-6bf64ad2],.ressunsty>span[data-v-6bf64ad2]{ line-height: 35px; } #bdmap[data-v-6bf64ad2]{ float: left; height: 100%; width: 55%; margin-right: 2%; } .addresSty[data-v-6bf64ad2]{ float: left; height: 100%; width: 43%; padding: 50px 30px; background-color: #ffffff; } .centSpen[data-v-6bf64ad2]{ color: #666666; } .centpSty[data-v-6bf64ad2]{ font-size: 18px; color: #000000; } .centsty0[data-v-6bf64ad2]:hover,.centsty1[data-v-6bf64ad2]:hover,.centsty2[data-v-6bf64ad2]:hover{ -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } /* 限制屏幕在800-1200 */ @media (min-width: 800px) and (max-width: 1200px) { .banderSty[data-v-6bf64ad2]{ height: 300px; } .banderSty>img[data-v-6bf64ad2]{ height: 130px; } .casepaSty[data-v-6bf64ad2]{ position: relative; width: 700px; } /* 内容区域 */ .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2],.centsty2[data-v-6bf64ad2]{ width: 225px; } .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ margin-right: 10px; } .centSunSty[data-v-6bf64ad2]{ margin: 20px 20px 0px; } .centmap[data-v-6bf64ad2]{ height: 700px; } #bdmap[data-v-6bf64ad2]{ height: 400px; width: 100%; margin-right: 0px; } .addresSty[data-v-6bf64ad2]{ height: 270px; width: 100%; padding: 30px 30px; margin-top: 30px; } .ressunsty[data-v-6bf64ad2]{ margin-top: 20px; } } /* 限制屏幕在414-800 */ @media (min-width: 414px) and (max-width: 800px) { .banderSty[data-v-6bf64ad2]{ height: 300px; } .banderSty>img[data-v-6bf64ad2]{ height: 90px; } .casepaSty[data-v-6bf64ad2]{ width: 375px; } /* 内容区域 */ .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2],.centsty2[data-v-6bf64ad2]{ width: 100%; } .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ margin-bottom: 20px; } .centSunSty[data-v-6bf64ad2]{ margin: 15px 10px 0px; } .centmap[data-v-6bf64ad2]{ height: 610px; } #bdmap[data-v-6bf64ad2]{ height: 350px; width: 100%; margin-right: 0px; } .addresSty[data-v-6bf64ad2]{ height: 230px; width: 100%; padding: 15px 15px; margin-top: 30px; font-size: 14px; } .ressunsty[data-v-6bf64ad2]{ margin-top: 10px; } .ressunsty>p[data-v-6bf64ad2],.ressunsty>span[data-v-6bf64ad2]{ line-height: 25px; font-size: 14px; } } /* 限制屏幕在414以下 */ @media screen and (max-width: 414px) { .banderSty[data-v-6bf64ad2]{ height: 250px; } .banderSty>img[data-v-6bf64ad2]{ height: 75px; } .casepaSty[data-v-6bf64ad2]{ width: 330px; } /* 内容区域 */ .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2],.centsty2[data-v-6bf64ad2]{ width: 100%; } .centsty0[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ margin-bottom: 20px; } .centSunSty[data-v-6bf64ad2]{ margin: 30px 20px 0px; } .centmap[data-v-6bf64ad2]{ height: 560px; } #bdmap[data-v-6bf64ad2]{ height: 300px; width: 100%; margin-right: 0px; } .addresSty[data-v-6bf64ad2]{ height: 230px; width: 100%; padding: 15px 15px; margin-top: 30px; font-size: 14px; } .ressunsty[data-v-6bf64ad2]{ margin-top: 10px; } .ressunsty>p[data-v-6bf64ad2],.ressunsty>span[data-v-6bf64ad2]{ line-height: 25px; font-size: 14px; } } /* 公共样式处理 */ .banderSty[data-v-6bf64ad2],.centsty0[data-v-6bf64ad2],.centsty2[data-v-6bf64ad2],.centsty1[data-v-6bf64ad2]{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,dl,dt, dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside, canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary, time,mark,audio,video,input { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; font-family: "Microsoft YaHei"; } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,menu,nav,section { display: block; } body { line-height: 1; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* custom */ a { color: #7e8c8d; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; } li { list-style: none; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); border-radius: 6px; } body,html { position: relative; font-family: "Microsoft YaHei"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left; color: #2c3e50; margin: 0rem; padding: 0rem; font-size: 14px; width: 100%; height: 100%; overflow: hidden; } button,input { outline: 0; } body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type="number"] { -moz-appearance: textfield; } /* table的简单样式 */ .owntable { border-top: 1px solid #ADADAD; border-left: 1px solid #ADADAD; } .owntable .thead>tr>th, .owntable .tbody>tr>td { border-right: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; } /* 告警显示/隐藏的过渡效果不一样*/ /* 横向 */ .fade-enter-active, .fade-leave-active { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .fade-enter, .fade-leave-to { -webkit-transform: translateX(750px); transform: translateX(750px); } .fade-enter-to, .fade-leave { -webkit-transform: translateX(0px); transform: translateX(0px); } /* 纵向 */ .fxetop-enter-active, .fxetop-leave-active { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .fxetop-enter, .fxetop-leave-to { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .fxetop-enter-to, .fxetop-leave { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } /* 轮播图动画 */ .image-enter-active { -webkit-transition: all 0.7s linear; transition: all 0.7s linear } .image-leave-active { -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } .image-enter-to { -webkit-transform: translateX(0); transform: translateX(0); } .image-enter { -webkit-transform: translateX(100%); transform: translateX(100%); } .image-leave { -webkit-transform: translateX(0); transform: translateX(0); } .image-leave-to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* 移入移出4个方位 */ /* 右 */ .right-enter-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease } .right-leave-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .right-enter-to { -webkit-transform: translateX(0); transform: translateX(0); } .right-enter { -webkit-transform: translateX(100%); transform: translateX(100%); } .right-leave { -webkit-transform: translateX(0); transform: translateX(0); } .right-leave-to { -webkit-transform: translateX(100%); transform: translateX(100%); } /* 左 */ .left-enter-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease } .left-leave-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .left-enter-to { -webkit-transform: translateX(0); transform: translateX(0); } .left-enter { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .left-leave { -webkit-transform: translateX(0); transform: translateX(0); } .left-leave-to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* 上 */ .top-enter-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease } .top-leave-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .top-enter-to { -webkit-transform: translateY(0); transform: translateY(0); } .top-enter { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .top-leave { -webkit-transform: translateY(0); transform: translateY(0); } .top-leave-to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* 下 */ .bottom-enter-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease } .bottom-leave-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bottom-enter-to { -webkit-transform: translateY(0); transform: translateY(0); } .bottom-enter { -webkit-transform: translateY(100%); transform: translateY(100%); } .bottom-leave { -webkit-transform: translateY(0); transform: translateY(0); } .bottom-leave-to { -webkit-transform: translateY(100%); transform: translateY(100%); } /* 弹出窗口样式 */ .wicket { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: auto; z-index: 3333; background-color: rgba(0, 0, 0, 0.5); } .popups { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; background-color: #FFFFFF; } .popups,.restrict { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .breadCrumbs{ width: 1200px; margin: 0px auto; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 25px; color: #666666; text-align: left; } .breadCrumbs .routStyCla{ color: #000000; cursor: pointer; } .breadCrumbs .spanisty{ margin: 0px 6px; } @media (min-width: 800px) and (max-width: 1200px) { .breadCrumbs{ width: 700px; font-size: 15px; } } @media (min-width: 414px) and (max-width: 800px) { .breadCrumbs{ width: 375px; font-size: 14px; margin-bottom: 20px; } } @media screen and (max-width: 414px) { .breadCrumbs{ width: 330px; font-size: 12px; margin-bottom: 15px; } } .viewer-toolbar,.viewer-title{ display: none!important; } .animation_brake { -webkit-animation: break 0.8s cubic-bezier(0.42, 0.83, 0.71, 0.85); animation: break 0.8s cubic-bezier(0.42, 0.83, 0.71, 0.85); } @-webkit-keyframes break { 0% { opacity: 0; -webkit-transform: translateX(-900px) skewX(0deg); transform: translateX(-900px) skewX(0deg); } 10% { opacity: 0; -webkit-transform: translateX(-480px) skewX(0deg); transform: translateX(-480px) skewX(0deg); } 80% { -webkit-transform: skewX(0deg); transform: skewX(0deg) } 90% { -webkit-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes break { 0% { opacity: 0; -webkit-transform: translateX(-900px) skewX(0deg); transform: translateX(-900px) skewX(0deg); } 10% { opacity: 0; -webkit-transform: translateX(-480px) skewX(0deg); transform: translateX(-480px) skewX(0deg); } 80% { -webkit-transform: skewX(0deg); transform: skewX(0deg) } 90% { -webkit-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } }/*! * Viewer.js v1.11.6 * https://fengyuanchen.github.io/viewerjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2023-09-17T03:16:35.830Z */ .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-size: 280px; color: transparent; display: block; font-size: 0; height: 20px; line-height: 0; width: 20px; } .viewer-zoom-in::before { background-position: 0 0; content: 'Zoom In'; } .viewer-zoom-out::before { background-position: -20px 0; content: 'Zoom Out'; } .viewer-one-to-one::before { background-position: -40px 0; content: 'One to One'; } .viewer-reset::before { background-position: -60px 0; content: 'Reset'; } .viewer-prev::before { background-position: -80px 0; content: 'Previous'; } .viewer-play::before { background-position: -100px 0; content: 'Play'; } .viewer-next::before { background-position: -120px 0; content: 'Next'; } .viewer-rotate-left::before { background-position: -140px 0; content: 'Rotate Left'; } .viewer-rotate-right::before { background-position: -160px 0; content: 'Rotate Right'; } .viewer-flip-horizontal::before { background-position: -180px 0; content: 'Flip Horizontal'; } .viewer-flip-vertical::before { background-position: -200px 0; content: 'Flip Vertical'; } .viewer-fullscreen::before { background-position: -220px 0; content: 'Enter Full Screen'; } .viewer-fullscreen-exit::before { background-position: -240px 0; content: 'Exit Full Screen'; } .viewer-close::before { background-position: -260px 0; content: 'Close'; } .viewer-container { bottom: 0; direction: ltr; font-size: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .viewer-container::-moz-selection, .viewer-container *::-moz-selection { background-color: transparent; } .viewer-container::-moz-selection, .viewer-container *::-moz-selection { background-color: transparent; } .viewer-container::selection, .viewer-container *::selection { background-color: transparent; } .viewer-container:focus { outline: 0; } .viewer-container img { display: block; height: auto; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .viewer-canvas { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .viewer-canvas > img { height: auto; margin: 15px auto; max-width: 90% !important; width: auto; } .viewer-footer { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; } .viewer-navbar { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; } .viewer-list { -webkit-box-sizing: content-box; box-sizing: content-box; height: 50px; margin: 0; overflow: hidden; padding: 1px 0; } .viewer-list > li { color: transparent; cursor: pointer; float: left; font-size: 0; height: 50px; line-height: 0; opacity: 0.5; overflow: hidden; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; width: 30px; } .viewer-list > li:focus, .viewer-list > li:hover { opacity: 0.75; } .viewer-list > li:focus { outline: 0; } .viewer-list > li + li { margin-left: 1px; } .viewer-list > .viewer-loading { position: relative; } .viewer-list > .viewer-loading::after { border-width: 2px; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px; } .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover { opacity: 1; } .viewer-player { background-color: #000; bottom: 0; cursor: none; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .viewer-player > img { left: 0; position: absolute; top: 0; } .viewer-toolbar > ul { display: inline-block; margin: 0 auto 5px; overflow: hidden; padding: 6px 3px; } .viewer-toolbar > ul > li { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; float: left; height: 24px; overflow: hidden; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; width: 24px; } .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-toolbar > ul > li:focus { -webkit-box-shadow: 0 0 3px #fff; box-shadow: 0 0 3px #fff; outline: 0; position: relative; z-index: 1; } .viewer-toolbar > ul > li::before { margin: 2px; } .viewer-toolbar > ul > li + li { margin-left: 1px; } .viewer-toolbar > ul > .viewer-small { height: 18px; margin-bottom: 3px; margin-top: 3px; width: 18px; } .viewer-toolbar > ul > .viewer-small::before { margin: -1px; } .viewer-toolbar > ul > .viewer-large { height: 30px; margin-bottom: -3px; margin-top: -3px; width: 30px; } .viewer-toolbar > ul > .viewer-large::before { margin: 5px; } .viewer-tooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; color: #fff; display: none; font-size: 12px; height: 20px; left: 50%; line-height: 20px; margin-left: -25px; margin-top: -10px; position: absolute; text-align: center; top: 50%; width: 50px; } .viewer-title { color: #ccc; display: inline-block; font-size: 12px; line-height: 1.2; margin: 5px 5%; max-width: 90%; min-height: 14px; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; white-space: nowrap; } .viewer-title:hover { opacity: 1; } .viewer-button { -webkit-app-region: no-drag; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; height: 80px; overflow: hidden; position: absolute; right: -40px; top: -40px; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; width: 80px; } .viewer-button:focus, .viewer-button:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-button:focus { -webkit-box-shadow: 0 0 3px #fff; box-shadow: 0 0 3px #fff; outline: 0; } .viewer-button::before { bottom: 15px; left: 15px; position: absolute; } .viewer-fixed { position: fixed; } .viewer-open { overflow: hidden; } .viewer-show { display: block; } .viewer-hide { display: none; } .viewer-backdrop { background-color: rgba(0, 0, 0, 0.5); } .viewer-invisible { visibility: hidden; } .viewer-move { cursor: move; cursor: -webkit-grab; cursor: grab; } .viewer-fade { opacity: 0; } .viewer-in { opacity: 1; } .viewer-transition { -webkit-transition: all 0.3s; transition: all 0.3s; } @-webkit-keyframes viewer-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes viewer-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .viewer-loading::after { -webkit-animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.5); border-radius: 50%; content: ''; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1; } @media (max-width: 767px) { .viewer-hide-xs-down { display: none; } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none; } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none; } }