@charset "utf-8"; /* CSS Document */ @media (min-width: 768px) { html { font-size: 28px !important; } } @media (min-width: 1025px) { html { font-size: 26px !important; } } @media (min-width: 1280px) { html { font-size: 28px !important; } } @media (min-width: 1366px) { html { font-size: 30px !important; } } @media (min-width: 1440px) { html { font-size: 36px !important; } } @media (min-width: 1680px) { html { font-size: 40px !important; } } .w1200 { width: 1200px; margin: 0 auto; max-width: 1200px; position: relative; display: block; z-index: 5; } .mt45 { margin-top: 45px; } .main-box { min-height: 500px; } .inner-banner { height: 260px; position: relative; } .inner-banner .banner-item { height: 260px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } .inner-banner .doc-box { position: absolute; top:50%; left:50%; text-align: right; color: #fff; display: block; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .inner-banner .doc-box b { font-size: 36px; letter-spacing: 4px; font-weight: normal; } .inner-banner .doc-box > span { font-size: 18px; margin-left: 12px; text-transform: uppercase; letter-spacing: 1.5px; } .bgcspe { background-color: #f3f4f6; } .crumbs-bg { height: 60px; background: linear-gradient(-177deg, #dfe2e9, #f9fafc 54%, #f3f5fb); background-size: cover; z-index: 1; } .crumbs-bg.fixed { position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 66; } .solu .crumbs-nav { text-align: center; display: block; } .solu .crumbs-nav li { display: inline-block; margin: 0 60px; } .crumbs-nav { display: flex; flex-flow: row nowrap; justify-content: center; } .crumbs-nav li { flex: 1; line-height: 60px; } .crumbs-nav li a { display: block; text-align: center; line-height: 60px; font-size: 16px; color: #333333; } .crumbs-nav li.active a { color: #fe9929; font-weight: bold; } .pdb140 { padding-bottom: 140px; } .inner-header-about { width: 80%; height: 78px; margin: 0 auto; } .inner-header-about .about-item { float: left; width: 25%; font-size: 18px; color: #333; letter-spacing: 0; line-height: 78px; text-align: center; } .inner-header-about .current { background: #FC8956; } .inner-header-about .current a, .inner-header-about .about-item:hover a { color: #fff; } .inner-main { margin-top: 1.6rem; } .job-main { border: 1px solid #eeeeee; background-color: #fff; } .job-header { height: 96px; line-height: 96px; background-color: #fe9929; padding: 0 70px; } .job-header li { font-weight: bold; font-size: 18px; color: #fff; } .job-header li.jobname { margin-right: 244px; } .job-header li.workplace { margin-right: 223px; } .job-header li.department { margin-right: 270px; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .icon-list-demo { width: 28px; height: 28px; background: url(../images/arrdown.png) no-repeat center center; } .icon-list-demo:hover { background: url(../images/arrdown1.png) no-repeat center center; } .job-item { padding: 0 70px; position: relative; } .job-item .job-btn { width: 128px; height: 46px; background-color: #fe9929; color: #fff; border: 1px solid #fe9929; font-size: 16px; display: block; text-align: center; line-height: 46px; position: absolute; right: 0; bottom: 60px; transition: all 0.3s linear; } .job-item .job-btn:before { content: ''; position: absolute; border: #fff solid 0px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .job-item .job-btn:hover { background-color: #fe9929; color: #fff; border: 1px solid #fe9929; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } .job-item .job-info-list { height: 90px; line-height: 90px; border-bottom: 1px solid #eeeeee; position: relative; z-index: 2; } .job-item .job-info-list .jobname { margin-right: 40px; width: 280px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; white-space: nowrap; } .job-item .job-info-list .workplace { margin-right: 43px; width: 234px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; white-space: nowrap; } .job-item .job-info-list .department { margin-right: 80px; width: 270px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; white-space: nowrap; padding-left: 10px; } .job-item .job-info-list .det { position: relative; top: 28px; left: 22px; } .job-item .jobduty { padding-top: 28px; position: relative; z-index: 2; display: none; } .job-item .jobduty .tit { font-size: 16px; font-weight: bold; width: 100px; line-height: 30px; } .job-item .jobduty .doc-desc { width: 820px; font-size: 14px; color: #333333; line-height: 30px; padding-left: 20px; } .job-item .jobduty2 { padding-bottom: 60px; position: relative; } .job-item .float-shadow { position: absolute; width: 110%; height: 100%; left: -5%; top: 0; background-color: #ffffff; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.16); -moz-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.16); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.16); z-index: 0; opacity: 0; transition: all 0.1s linear; } .job-item.active .job-info-list .jobname, .job-item.active .job-info-list .workplace, .job-item.active .job-info-list .department { font-weight: bold; } .job-item.active .job-info-list .det .icon-list-demo { width: 28px; height: 28px; background: url(../images/arrup.png) no-repeat center center; } .job-item.active .float-shadow { opacity: 1; } .job-item.active .jobduty { display: block; } .modal-open { overflow: hidden; } .pop-wrapper { position: fixed; top: 0; left: 0; z-index: 55; width: 100%; overflow-x: hidden; overflow-y: auto; } .pop-wrapper .mask { z-index: 11; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 56; } .news-category { text-align: center; margin-bottom: 38px; } .news-category a { display: inline-block; font-size: 18px; color: #333333; width: 186px; height: 60px; border-radius: 30px; line-height: 60px; margin: 0 6px; overflow: hidden; } .news-category a.active { background: url(../images/news-category-bg.png) no-repeat center center; background-position: 0 0; background-size: cover; transition: background 0.5s ease-in-out; font-weight: bold; box-shadow: 3px 4px 5px rgba(2, 29, 74, 0.14); } .news-category a.active:hover { background-position: 50% 0; } .honor-category { text-align: center; margin-bottom: 48px; } .honor-category a { display: inline-block; font-size: 18px; color: #333333; width: 186px; height: 60px; border-radius: 30px; line-height: 60px; margin: 0 6px; overflow: hidden; } .honor-category a.active { background: url(../images/news-category-bg.png) no-repeat center center; background-position: 0 0; background-size: cover; transition: background 0.5s ease-in-out; font-weight: bold; box-shadow: 3px 4px 5px rgba(2, 29, 74, 0.14); } .honor-category a.active:hover { background-position: 50% 0; } .news-item { background-color: #fff; transition: all 0.3s linear; position: relative; overflow: hidden; } .news-item:after { content: ''; position: absolute; right: 0; top: 0; width: 8px; height: 100%; background-color: #fe9929; transform: translateX(13px); transition: all 0.3s ease; } .news-item:before { content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%) rotate(270deg); width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 666; opacity: 0; transition: all 0.3s linear; } .news-item:last-child a .news-inner { border-bottom: none; } .news-item a { display: block; padding-top: 44px; } .news-item a .news-inner { margin: 0 20px; /* border-bottom: 1px solid #eeeeee;*/ } .news-item a .news-inner .tit { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; color: #333333; line-height: 50px; } .news-item a .news-inner .doc { font-size: 14px; color: #333333; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-item a .news-inner .date-view { margin-top: 32px; margin-bottom: 42px; color: #333333; font-family: 'Segoe UI'; } .news-item a .news-inner .date-view .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; font-size: 20px; position: relative; top: 1px; margin-right: 6px; } .news-item a .news-inner .date-view .view { margin-left: 68px; display: flex; flex-flow:row nowrap; align-items:center } .news-item:hover { background-color: #eeeeee; } .news-item:hover:after { transform: translateX(0); } .news-item:hover:before { right: -6px; opacity: 1; } .news-item:hover a .news-inner { border-bottom: 1px solid transparent; } .pdb100 { padding-bottom: 100px; } .news-center .global-paging { margin-top: 68px; } .global-paging { display: block; text-align: center; font-size: 0; margin-top: 24px; } .global-paging a { display: inline-block; width: 46px; height: 46px; border-radius: 3px; background-color: #e8e8e8; text-align: center; line-height: 46px; font-size: 14px; margin: 0 2px; font-weight: bold; font-family: Arial; position: relative; vertical-align: top; } .global-paging span { display: inline-block; width: 46px; height: 46px; border-radius: 3px; background-color: #e8e8e8; text-align: center; line-height: 46px; font-size: 14px; margin: 0 2px; font-weight: bold; font-family: Arial; position: relative; vertical-align: top; background-color: #333333; color: #fff; } .global-paging a.active { background-color: #333333; color: #fff; } .global-paging img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .honor-tit { margin-bottom: 32px; } .honor-tit h3 { float: left; font-size: 24px; color: #333; } .honor-tit h3 span { font-family: 'Arial'; margin-right: 6px; } .honor-tit img { float: right; position: relative; top: 15px; right: 10px; } .honor-list { width: 100%; /* max-height: 1217px;*/ overflow: hidden; } .honor-list li { width: 220px; margin-right: 25px; margin-bottom: 32px; } .honor-list li img { box-shadow: 7px 4px 16px rgba(2, 29, 74, 0.15); } .honor-list li:nth-child(5n) { margin-right: 0; } .honor-list li .honor-doc { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 32px 10%; font-size: 14px; color: #666; text-align: center; } .honor-list.show { max-height: none; } .honor-loader { display: block; height: 40px; width: 100%; line-height: 40px; text-align: center; font-size: 14px; color: #333333; background-color: #eeeeee; position: relative; } .honor-loader:hover { color: #2a2f88; } .honor-loader:after { content: ''; position: absolute; right: 50%; top: 0; transform: translateX(34%) rotate(-180deg); width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 8px solid #fff; } .honor-section { margin-bottom: 55px; } .about-t { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .about-intro { padding: 100px; background-color: rgba(255, 255, 255, 0.78); } .about-intro h3 { font-size: 30px; line-height: 36px; font-weight: normal; text-align: center; line-height: 1; } .about-intro .doc-intro { font-size: 16px; color: #333333; line-height: 36px; margin-top: 52px; } .sm-yj { margin-top: 55px; text-align: center; display: flex; flex-flow: row nowrap; justify-content: center; } .line-doll { display: inline-block; width: 1px; height: 65px; margin: 0 110px; border-right: 1px dashed #bfbfbf; } .slice-box { text-align: left; display: inline-block; margin:0 100px; } .slice-box .img-idet { padding-left: 24px; } .slice-box.scroll-watch-in-view { visibility: visible!important; animation: flip2 ease 1.5s 1 both; -webkit-animation: flip2 ease 1.5s 1 both; -moz-animation: flip2 ease 1.5s 1 both; -o-animation: flip2 ease 1.5s 1 both; } .slice-box h3 { color: #333333; font-size: 22px; font-weight: normal; text-align: left; margin-top: 22px; line-height: 1; } .slice-box p { margin-top: 10px; color: #333333; } @keyframes flip2 { 0% { opacity: 0; transform: rotateY(-125deg) translateX(-60px); -ms-transform: rotateY(-125deg) translateX(-60px); -o-transform: rotateY(-125deg) translateX(-60px); -webkit-transform: rotateY(-125deg) translateX(-120px); -moz-transform: rotateY(-125deg) translateX(-60px); } 20% { opacity: 0; } 100% { opacity: 1; transform: rotateY(0) translateX(0); -ms-transform: rotateY(0) translateX(0); -o-transform: rotateY(0) translateX(0); -webkit-transform: rotateY(0) translateX(0); -moz-transform: rotateY(0) translateX(0); } } .about-mid { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 2.7rem; padding-bottom: 2.3rem; } .about-mid-in { display: flex; flex-flow: row nowrap; justify-content: space-between; } .about-mid-in.about-mid-in2 { padding: 0 160px; padding-top: 1.95rem; } .about-mid-item { color: #333; text-align: center; width: 25%; height: 280px; background-color: #fff; display: flex; flex-flow:column nowrap; padding-top: 56px; } .about-mid-item .num-box span { font-size: 1.8rem; color:#fe9929; } .about-mid-item .num-box b { font-size: 16px; fomt-weight: normal; } .about-mid-item .num-box i { font-style: normal; font-size: 1.5rem; } .about-mid-item .doc-edit { font-size: 15px; line-height: 32px; color: #333333; margin-top: 22px; } .about-b { height: 24.0rem; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } .about-b .black-mask { position: absolute; right: 0; top: 0; width: 59%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .about-b-in { height: 100%; } .about-b-in .l-img { margin-top: 4.6rem; width: 7.175rem; } .about-b-in .r-history-container { width: 58%; color: #fff; padding: 2.0rem 0; } .about-b-in .r-history-container .history-tit { font-size: 30px; line-height: 1; margin-bottom: 2.0rem; } .history-main { height: 16.0rem; position: relative; } .history-main .mask { position: absolute; width: 100%; height: 20px; bottom: 0; left: 0; z-index: 66; padding: 0 14%; } .history-main .mask .mask-in { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .history-main > ul { padding-top: 18px; height: 100%; overflow: hidden; } .history-main .history-item { position: relative; padding-left: 40px; margin-bottom: 1rem; } .history-main .history-item-in .imgeye { position: absolute; left: 0; top: 0; } .history-main .history-item-in .doll { width: 7px; height: 7px; border-radius: 50%; background-color: #fff; margin-right: 22px; position: relative; right: 3px; top: 8px; } .history-main .line { width: 1px; height: 100%; background-color: #fff; position: absolute; left: 40px; top: 0; } .year-doc-box .year { font-size: 24px; line-height: 1; margin-bottom: 14px; } .year-doc-box .field-cont { padding-left: 64px; line-height: 36px; } .year-doc-box .field-cont .field-cout-item { position: relative; padding-left: 25px; } .year-doc-box .field-cont .field-cout-item:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 1px; background-color: #fff; } ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; width: 10px; opacity: 1; transition: none; } ._mCS_1 .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0.25); width: 10px; transition: none; } .news-detail { padding: 40px 56px 64px; background-color: #fff; } .news-bt { border-bottom: 1px solid #eeeeee; } .news-bt h3 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 30px; line-height: 50px; color: #333333; } .news-detail .date-view { margin-top: 22px; margin-bottom: 24px; color: #333333; font-family: 'Segoe UI'; } .news-detail .date-view .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; font-size: 20px; position: relative; top: 1px; margin-right: 6px; } .news-detail .date-view .view { margin-left: 68px; } .news-b { padding-top: 24px; padding-bottom: 66px; border-bottom: 1px solid #eeeeee; } .news-b .doc-edit { color: #333333; font-size: 14px; line-height: 30px; } .news-btn { padding-top: 42px; } .news-btn .news-prev { padding: 0 22px; max-width: 445px; height: 45px; line-height: 42px; border-radius: 50px; border: 1px solid #bfbfbf; font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-btn .news-prev.default { border: 1px solid #e7e7e7; } .contact-main { position: relative; margin: 0px; padding: 0; } .contact-main .map-img { width: 100%; } .blur { filter: blur(1px); } .contact .l-map { width: 528px; height: 400px; } .contact .r-contact { position: absolute; width: 582px; height: 233px; top: 39%; left: 67.3%; transform: translateX(-50%) scale(1); margin: 0 auto; padding-bottom: 36px; background:rgba(255,255,255,0.5); box-shadow:0px 2px 8px 0px rgba(0,0,0,0.2); border-radius:23px; } .contact .r-contact h3 { font-weight: 500; font-size: 20px; padding: 20px 30px; } .contact .r-contact .contact-box { font-size: 16px; line-height:22px; color: #333333; padding: 0px 30px; } .contact .r-contact .contact-box img { display: block; position: relative; top: 8px; } .contact .r-contact .contact-box span { display: block; margin-left: 17px; font-size: 16px; line-height: 38px; } .BMap_bubble_title { font-weight: bold; margin-bottom: 12px; } .BMap_bubble_content { line-height: 24px; } .inner-main .solution-list { display: flex; flex-flow: row wrap; } .inner-main .solution-list2 { display: flex; flex-flow: row wrap; } .solution-item { width: 25%; text-align: center; display: block; cursor: pointer; margin-bottom: 65px; } .solution-item .icon-item { width: 100px; height: 100px; position: relative; overflow: hidden; box-sizing: border-box; margin: 0 auto; } .solution-item .icon-item i { position: absolute; left: 0; top: 0; content: ''; width: 100px; height: 100px; border: 2px solid #d3d3d3; border-radius: 50%; visibility: hidden; box-sizing: border-box; } .solution-item .icon-item span { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; visibility: hidden; margin-top: -30px; margin-left: -30px; } .solution-item .icon-item span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; } .solution-item .icon-item span img.after { opacity: 0; transition: all 0.3s linear; } .solution-item .icon-item span img.befroe { opacity: 1; } .solution-item.scroll-watch-in-view .icon-item i { visibility: visible!important; animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both; } .solution-item.scroll-watch-in-view .icon-item span { visibility: visible!important; animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both; animation-delay: 0.9s; } .solution-item.scroll-watch-in-view .desc { visibility: visible!important; animation: icon_desc_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both; animation-delay: 0.9s; } .solution-item .desc { text-align: center; margin-top: 24px; } .solution-item .desc h3 { font-size: 20px; font-weight: bold; color: #333333; } .solution-item .desc p { font-size: 14px; text-transform: uppercase; margin-top: 8px; color: #999999; } .solution-item.scroll-watch-in-view .desc { visibility: visible!important; animation: icon_desc_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both; animation-delay: 0.9s; } .solution-item:hover .icon-item { background: #fe9929; border-radius: 50%; } .solution-item:hover .icon-item i { border: 2px solid transparent; } .solution-item:hover .icon-item span img.after { opacity: 1; } .solution-item:hover .icon-item span img.befroe { opacity: 0; } @keyframes icon { 0% { clip: rect(0, 0, 100px, 0); transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); } 100% { clip: rect(0, 100px, 100px, 0); transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @keyframes icon_show { 0% { opacity: 0; transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); } 30% { opacity: 0; } 100% { opacity: 1; transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } } @keyframes icon_desc_show { 0% { opacity: 0; transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); } 30% { opacity: 0; } 100% { opacity: 1; transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } } .scene-item { background-color: #fff; width: 31.5%; padding: 14px 14px 30px; /* margin:0 10px;*/ border: 1px solid #f3f4f6; margin-bottom: 20px; transition: all 0.3s linear; } .scene-item:nth-child(2n) { margin-right: 0; } .scene-item a { display: block; overflow: hidden; } .scene-item a .img-box { width: 100%; overflow: hidden; } .scene-item a .img-box img { transition: all 0.3s linear; } .scene-item a .doc-box { padding: 0 26px; } .scene-item a .doc-box .tit { font-size: 24px; color: #333333; text-align: center; margin-top: 45px; line-height: 1; font-weight: bold; } .scene-item a .doc-box .line-th { width: 100%; height: 1px; background-color: #e5e5e5; margin: 30px auto 0; } .scene-item a .doc-box .doc-edit { margin-top: 28px; font-size: 14px; line-height: 28px; color: #333; height:56px; overflow: hidden; } .scene-item .more-ani { float: right; margin-top: 32px; } .scene-item .more-ani em .i1 { position: absolute; left: 0; top: 0; } .scene-item .more-ani em .i2 { position: absolute; left: -150%; top: 0; } .scene-item:hover { background-color: transparent; border: 1px solid #2a2f88; } .scene-item:hover a .img-box img { transform: scale(1.2); } .scene-item:hover a .doc-box .tit { color: #2a2f88; } .scene-item:hover a .doc-box .line-th { background-color: #2a2f88; } .scene-item:hover .more-ani em .i1 { position: absolute; left: 100%; top: 0; } .scene-item:hover .more-ani em .i2 { position: absolute; left: 0; top: 0; } .case-center { display: -webkit-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .t-case-item { position: relative; width: 250px; height: 200px; margin: 0 8px; } .t-case-item img { width: 100%; } .t-case-item .doc-box { position: absolute; bottom: 32px; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #333333; } .t-case-item:hover .doc-box .tit { color: #2a2f88; } .case-item { width: 349px; border: 1px solid #f3f4f6; background-color: #fff; padding: 10px 12px 0; margin-right: 26px; margin-bottom: 30px; transition: all 0.3s linear; } .case-item:nth-child(3n) { margin-right: 0; } .case-item a { background-color: #fff; } .case-item a .doc-box .tit { height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #333333; } .case-item a .img-box { width: 325px; overflow: hidden; } .case-item a .img-box img { transition: all 0.3s linear; } .case-item:hover { background-color: transparent; border: 1px solid #2a2f88; } .case-item:hover .img-box img { transform: scale(1.2); } .case-item:hover .doc-box .tit { color: #2a2f88; } .case-item.pro-case { padding: 10px 12px 12px 12px; margin-bottom: 45px; } .case-item.pro-case a .doc-box { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .case-item.pro-case a .doc-box .l-line { width: 45px; height: 1px; background-color: #e5e5e5; } .case-item.pro-case a .doc-box .tit { padding: 0 20px; position: relative; height: 65px; line-height: 65px; } .case-item.pro-case:hover a .doc-box .l-line { background-color: #bfbfbf; } .det-nav-tit { font-size: 24px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 24px; } .det-nav-tit img { width: 42px; position:relative; bottom:2px; } .solution-detail .solu-det-nav { width: 100%; margin: 0 auto; float: left; height: 68px; line-height: 68px; position: relative; z-index: 55; /*background: linear-gradient(to right, #fff 48%, #f8faff ,#dae4fd); */ } @media screen and (max-width: 1440px){ .solution-detail { width: 1100px!important; } .solution-detail .solu-det-nav { /*padding-left: calc(50% - 500px);*/ } } .solution-detail .solu-det-main { width: 100%; } .solution-detail { position: relative; width: 1200px; margin: 0 auto; } .solution-category { display: block; float: left; width: 20%; } .solution-category:hover .category-tit, .solution-category:hover .category-tit a { color: #fe9929; /*background: #FC8956;*/ } .solution-category .category-tit .cate-img { position: relative; float: left; top: 3px; width: 23px; height: auto; max-height: 21px; margin: 0 12px; } .solution-category > .over .cate-img, .solution-category .active .cate-img, .solution-category .category-tit:hover .cate-img { display: none; } .solution-category .category-tit .over { display: none; } .solution-category .over .solu-cate-desc, .solution-category .active .over, .solution-category .category-tit:hover .over { display: block; } .solution-category > .over .over{ display: block; } .solution-category .category-tit .solu-cate-title { line-height: 25px; font-size: 16px; font-weight: bold; letter-spacing: 0; } .solution-category .active a .solu-cate-title { color: #fe9929; } .solution-category .category-tit .solu-cate-desc { line-height: 20px; font-size: 12px; font-weight: 500; color: #999999; } .solution-category .category-tit:hover .solu-cate-desc, .solution-category .over .solu-cate-desc { color: #fe9929; } .solution-category .active .solu-cate-desc, .solution-category .active:hover .solu-cate-desc { color: #fe9929; } .category-ul { display: none; position: absolute; width: 100%; height: 45px; left: 0; text-align: center; background: #FAFAFA; } .category-ul.active{ display: block; } .solution-category:hover .category-ul { display: block; z-index: 999; } .category-ul li { display: inline-block; margin-bottom: 0x; /* line-height: 32px;*/ } .category-ul li a { display: block; font-size: 14px; color: #333333; } .category-ul li a:hover { color: #fe9929; font-weight: bold; } .category-ul li a.default{ cursor: default; } .category-ul li a.default:hover{ font-weight: normal; color: #333333; } .category-ul li a i { position: relative; top: -3px; display: none; } .safe_page .category-ul li a i { position: relative; top: 0px; } .category-ul li.active span { color: #fe9929; font-weight: bold; } .category-ul li.active i { display: block; } .safe .category-ul li { margin-bottom: 60px; } .safe .category-ul li a span { width: 170px; font-size: 18px; line-height: 36px; } .solu-det-main .crumbs-bg { background: linear-gradient(-177deg, #dfe2e9, #f9fafc 54%, #f3f5fb); background-size: cover; } .solu-det-main .crumbs-nav { padding-right: 20%; } .solu-det-page .footer { position: relative; z-index: 66; } .solu-det-edit-wrap { padding-right: 0; background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px; margin-right: 0px!important; } .solu-det-edit-wrap:nth-child(2n) { background:#fff; } .sm-edit-content p strong{ font-size: 16px; } .solu-det-edit-wrap .edit-tit { font-size: 24px; color: #333; font-weight: bold; line-height: 32px; height: 32px; padding-left: 12px; position: relative; margin-bottom: 18px; text-align: center; } /* .solu-det-edit-wrap .edit-tit:after { content: ''; width: 3px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-43%); background-color: #2a2f88; }*/ .solu-det-edit-wrap .edit-content { font-size: 14px; color: #333333; line-height: 28px; text-align: justify; } .solu-det-edit-wrap .edit-content img { max-width: 90%; } .prodet .solu-det-edit-wrap { background: #fff; } .prodet .solu-det-edit-wrap:nth-child(2n) { background: #fff; } /*@media screen and (max-width: 1600px) { .solu-det-main .crumbs-nav { padding-right: 10%; } .solu-det-edit-wrap { padding-right: 10%; } } @media screen and (max-width: 1366px) { .solution-detail .solu-det-nav { width: 29%; } .solution-detail .solu-det-main { width: 71%; } .solu-det-main .crumbs-nav { padding-right: 10%; } .solu-det-edit-wrap { padding-right: 10%; } }*/ .solu .inner-main { margin-top: 50px; } .prodet .solution-category { display: inline-block; float: left; padding-left: 0px; } .teach-item { position: relative; height: 8.75rem; } .teach-item .img-bg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; } .teach-item .img-bg .img-sec { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; transition: all 0.3s linear; } .teach-item .img-bg .img-sec img { width: 100%; } .teach-item .img-bg:after { content: ''; position: absolute; width: 101%; height: 102%; left: -1px; top: -1px; background-color: #f3f4f6; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s; opacity: 1; } .teach-item .img-bg.scroll-watch-in-view:after { transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); opacity: 0; } .teach-item .img-bg.scroll-watch-in-view .img-sec { opacity: 1; } .teach-item .doc-count { position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 0 2.0rem; } .teach-item .doc-count a { display: block; height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; } .teach-item .doc-count a:hover h3 span { color: #fe9929; } .teach-item .doc-count a:hover .more-ani em .i1 { position: absolute; left: 100%; top: 0; } .teach-item .doc-count a:hover .more-ani em .i2 { position: absolute; left: 0; top: 0; } .teach-item .doc-count h3 { font-size: 24px; color: #333333; line-height: 1.6; } .teach-item .doc-count .line { margin-top: 22px; width: 0px; height: 1px; background-color: #e5e5e5; margin-bottom: 30px; transition: all 1s linear; } .teach-item .doc-count .line.animated { width: 296px; opacity: 1; } .teach-item .doc-count .doc { color: #666666; font-size: 14px; line-height: 28px; max-height: 84px; } .teach-item .doc-count .more-ani { float: left; margin-top: 1.2rem; } .teach-item .doc-count .more-ani em .i1 { position: absolute; left: 0; top: 0; } .teach-item .doc-count .more-ani em .i2 { position: absolute; left: -150%; top: 0; } .teach-item:nth-child(2n) .img-bg { position: absolute; right: 0; top: 0; left: inherit; } .teach-item:nth-child(2n) .img-bg.scroll-watch-in-view:after { transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); } .teach-item:nth-child(2n) .img-bg.scroll-watch-in-view .img-sec { opacity: 1; } .teach-item:nth-child(2n) .doc-count { position: absolute; right: inherit; left: 0; clear: both; padding-right: 2.5rem; padding-left: inherit; } .teach-item:nth-child(2n) .doc-count a { float: none; } .partner-tit { font-size: 30px; color: #333333; line-height: 1; text-align: center; padding-bottom: 40px; padding-top: 40px; } @keyframes icon2 { 0% { clip: rect(0, 0, 140px, 0); transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); } 100% { clip: rect(0, 140px, 140px, 0); transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); } } .sys-icon-wrap { text-align: center; position: relative; overflow: hidden; z-index: 3; width: 820px; margin: 0 auto; margin-bottom: 40px; } .sys-icon-wrap .line-through { width: 0; height: 1px; background-color: #e5e5e5; margin: 0 auto; position: absolute; top: 38%; z-index: -2; left: 0; transform: translateX(-100%); right: 0; } .sys-icon-wrap .sys-icon { width: 164px; margin: 0 80px; display: inline-block; position: relative; z-index: 3; background-color: #fff; } .sys-icon-wrap .sys-icon img { width: 200px; height: 200px; } .sys-icon-wrap .sys-icon i { position: absolute; left: 0; top: 0; content: ''; width: 140px; height: 140px; border: 1px solid #d3d3d3; border-radius: 50%; visibility: hidden; box-sizing: border-box; } .sys-icon-wrap .sys-icon.last { margin-right: 0; } .sys-icon-wrap .img-box { position: relative; } .sys-icon-wrap .img-box .circle { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #9b9b9b; position: absolute; } .sys-icon-wrap .img-box .circle.circle-b { top: 50%; right: -4px; background-color: #fff; z-index: 3; transform: translateY(-50%); } .sys-icon-wrap .img-box .circle.circle-a { top: 50%; left: -4px; background-color: #fff; z-index: 3; transform: translateY(-50%); } .sys-icon-wrap .sys-icon-desc { font-size: 20px; color: #333333; margin-top: 18px; text-align: center; position: relative; opacity: 1; } .sys-icon-wrap .sys-icon-desc .banner-mask { position: absolute; right: 0; top: 0; height: 100%; background: #fff; width: 100%; } .sys-icon-wrap.scroll-watch-in-view .icon1 .img-box i { visibility: visible!important; animation: icon2 cubic-bezier(0.68, 0.18, 0.13, 0.98) 1s both; } .sys-icon-wrap.scroll-watch-in-view .icon1 .banner-mask { animation: widthmove3 0.6s cubic-bezier(0, 0, 0.9, 0.56) 1s forwards; } .sys-icon-wrap.scroll-watch-in-view .icon2 .img-box i { visibility: visible!important; animation: icon2 1s cubic-bezier(0.68, 0.18, 0.13, 0.98) 1s both; } .sys-icon-wrap.scroll-watch-in-view .icon2 .banner-mask { animation: widthmove3 0.6s cubic-bezier(0, 0, 0.9, 0.56) 1.2s forwards; } .sys-icon-wrap.scroll-watch-in-view .icon3 .img-box i { visibility: visible!important; animation: icon2 1s cubic-bezier(0.68, 0.18, 0.13, 0.98) 2s both; } .sys-icon-wrap.scroll-watch-in-view .icon3 .banner-mask { animation: widthmove3 0.6s cubic-bezier(0, 0, 0.9, 0.56) 2.4s forwards; } .sys-icon-wrap.scroll-watch-in-view .line-through { width: 820px; animation: linemove 3s linear 1s both; } @keyframes linemove { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .equity { background-color: #f3f4f6; padding-bottom: 40px; } .equity-main { height: 370px; position: relative; overflow: hidden; } .equity-main .b-line { position: absolute; bottom: 0; left: 0; height: 10px; width: 100%; transition: all 0.3s ease; transform-origin: left center; transform: scaleX(0); background-color: #fe9929; } .equity-main .b-line.animated { transform: none; } .equity-item { width: 20%; height: 100%; position: relative; float: left; overflow: hidden; } .equity-item .tit-box { position: absolute; bottom: 0; left: 0; font-size: 20px; height: 74px; line-height: 60px; text-align: center; color: #333333; width: 100%; background-color: rgba(255, 255, 255, 0.8); } .equity-item .bg-img { position: absolute; width: 100%; height: 100%; animation-fill-mode: backwards; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.3s linear; } .equity-item .bg-img:hover { transform: scale(1.2); } .equity-item .bg-img.animated:hover { transform: scale(1.2); } .be-partner-item { width: 50%; height: 350px; display: flex; flex-direction: column; justify-content: top; align-items: center; justify-content: center; padding: 0 100px; transition: all 0.3s linear; } .be-partner-item:hover { background-color: #f3f4f6; } .be-partner-item h3 { font-size: 20px; color: #fe9929; line-height: 1; margin-top: 32px; } .be-partner-item .doc-center { font-size: 14px; line-height: 30px; color: #333333; text-align: center; margin-top: 22px; } .lay-form-row.bet { justify-content: left; } .lay-form-row.lt { justify-content: left; padding-left: 210px; margin-top: 26px; } .search-tips { font-size: 14px; color: #333333; text-align: center; padding-bottom: 24px; border-bottom: 1px solid #dcdcdc; } .search-form { text-align: center; padding-top: 44px; } .search-form .layui-form-item .layui-form-label { width: 120px; } .search-form .layui-form-item { width: 100%; } .search-form .layui-form-item .layui-form-item .layui-input-block { margin-left: 0; } .lt .layui-form-item .layui-input-block { width: 40%; } .search-form .layui-form-item { text-align: center; margin: 0 auto; } .bet .layui-input-block { margin-left: 14px; width: 560px; } .bet .layui-form-label { margin-right: 0; width: 120px; } .lay-form-blt { width: 650px; margin: 0 auto; } .lay-form-blt .layui-input-block { width: 555px; } .btd .partner-tit { padding-bottom: 20px; } .search-form .layui-btn { width: 184px; height: 50px; line-height: 50px; margin-left: 60px; margin-top: 20px; border: 1px solid #2a2f88; background-color: #2a2f88; opacity: 1; } .search-form .layui-btn:hover { background-color: #fe9929; border: 1px solid #fe9929; } .search-form .layui-form-select dl dd.layui-this { background-color: #2a2f88; } .btd .partner-tit { text-align: left; } .search-tips { text-align: left; } .search-result-item { font-size: 16px; color: #333333; line-height: 40px; padding: 20px 0; border-bottom: 1px solid #dcdcdc; } .search-result-item:last-child { border-bottom: none; } .search-result-item span { display: inline-block; } .search-result-item .fill-name { width: 135px; } .search-result.w1200 { z-index: 0; } .inner-banner.partnerban .doc-box b { text-align: center; display: block; text-shadow: none; color:#333; font-size: 34px } .modal2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0; -webkit-overflow-scrolling: touch; outline: 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s linear; z-index: -1; } .modal2.show { opacity: 1; z-index: 1; } .modal-dialog2 { width: 950px; margin: 200px auto; background-color: #fff; z-index: 666; transform: scale(0); transition: all 0.3s linear; } .modal-dialog2.show { transform: scale(1); } .modal-open .modal2 { overflow-x: hidden; overflow-y: auto; z-index: 6666; } .job-form h3.tit { height: 62px; line-height: 62px; text-align: center; color: #fff; background-color: #fe9929; font-size: 22px; font-weight: bold; position: relative; } .job-form h3.tit .close { width: 40px; height: 40px; position: absolute; right: 20px; top: 11px; cursor: pointer; opacity: 1; } .h40 { height: 40px; } .layui-form-inner { padding: 40px 60px; } .layui-form-inner .layui-btn.bgco { background-color: #fe9929; width: 140px; height: 50px; } .layui-form-inner .layui-btn.bgco:hover { background-color: #fe9929; border: 1px solid #fe9929; } .layui-form-inner .layui-btn-primary { width: 100px; height: 50px; } .layui-form-inner .layui-btn-primary:hover { border-color: #2a2f88; } .lay-form-row { display: flex; flex-flow: row nowrap; justify-content: space-between; } .layui-form-item { width: 380px; display: inline-block; margin-bottom: 30px; } .layui-form-item #canvas { position: relative; top: 13px; } .layui-form-item.yzmbox .layui-input-block { position: relative; top: -10px; } .layui-form-item.yzmbox .layui-input-block input { width: 150px; display: inline-block; } .layui-form-item.yzmbox .layui-input-block .yzimg { width: 80px; height: 36px; margin-left: 6px; } .layui-form-item .layui-input-block { margin-left: 80px; } .layui-form-item .layui-input-block.mg0 { margin-left: 0; } .layui-form-item .layui-form-label { font-size: 14px; color: #333; width: 75px; text-align: left; padding: 0; height: 40px; line-height: 40px; } .layui-form-item .layui-form-label.tar { text-align: right; padding-right: 9px; } .layui-form-item .layui-form-label span { color: #fd2435; position: relative; top: 2px; } .layui-form-item input { border-color: #e5e5e5; } .layui-form-item .layui-form-radio > i:hover, .layui-form-item .layui-form-radioed > i { color: #000; } .layui-form-item.oneline { width: 100%; } .layui-form-item .layui-form-select dl dd.layui-this { color: #fe9929; background-color: #fff; } .layui-form-item .layui-textarea { padding: 10px; resize: none; } .layui-form-item .layui-btn { opacity: 1; } .layui-form-item .layui-laydate .layui-this { background-color: #2a2f88 !important; } .modal3 .layui-input, .modal3 .layui-textarea { font-size: 14px; } .modal3 .layui-form-select dl dd { cursor: pointer; font-size: 14px; } .product-section { padding-bottom: 50px; position: relative; background: url(../images/productBase-features-bag.jpg) no-repeat; background-size: cover; } .product-title { padding: 50px 10px 30px; font-weight: normal; font-size: 30px; line-height: 46px; color: #252b3a; text-align: center; color: #ffffff; } .product-wrapper { max-width: 1200px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .product-features .product-body { margin: 0px 25px; } .product-features .product-body:after { content: ""; width: 100%; height: 3px; background: url(../images/productBase-features-model.png) no-repeat; background-size: 100% auto; background-position: center; position: absolute; top: 50px; left: 0; z-index: 0; } /*li*/ .features-item { position: relative; float: left; } .features-slide .features-item > * { text-align: center; } .features-item h3 { font-size: 16px; line-height: 28px; margin-bottom: 50px; color: #ffffff; opacity: 0.7; transition: all 0.1s; } .features-item i { position: absolute; width: 75%; height: 33px; background: url(../images/productBase-features-timeline.png) no-repeat; background-size: contain; background-position: right center; left: -25%; margin-left: 10px; top: 35px; z-index: 3; } .features-item .features-info { display: block; margin: 0 auto; padding: 10px 40px; transition: all 0.3s; border-radius: 2px; } .features-item .features-info .features-info-i { font-size: 14px; color: #A0A2A8; line-height: 24px; margin-bottom: 10px; } .features-item .features-info .features-info-s { font-size: 16px; color: #FFFFFF; line-height: 24px; overflow: hidden; } .features-item.dark i { background: url(../images/productBase-features-timeline-dark.png) no-repeat; background-size: contain; background-position: right center; } /*鼠标悬浮效果*/ .features-item:hover h3 { font-size: 22px; line-height: 28px; opacity: 0.9; } .features-item:hover i { width: 75%; margin-left: 13px; background: url(../images/productBase-features-timeline-hover.png) no-repeat; background-size: contain; background-position: right center; } .features-item:hover a { background: url(../images/productBase-features-info.png) no-repeat; background-size: 100% 100%; } /*左右按钮*/ .product-features .swiper-button-prev { width: 30px; height: 40%; left: -15px; top: 50%; background: none; z-index: 666; position: absolute; transform: translateY(-50%); } .product-features .swiper-button-prev:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productBase-features-left.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px; } .product-features .swiper-button-next { width: 30px; height: 40%; right: -15px; top: 50%; background: none; transform: translateY(-50%); } .product-features .swiper-button-next:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productBase-features-right.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px; } .case-item a .doc-box .tit { font-size: 14px; font-weight: bold; height: 55px; line-height: 55px; } .case-item.pro-case a .doc-box .tit { height: 50px; line-height: 50px; } .case-item.pro-case { padding: 10px 12px 10px 12px; margin-bottom: 35px; } .partner-tit { font-size: 24px; color: #2e2e3e; font-weight: 450; line-height: 1; } .sys-icon-wrap .sys-icon-desc { font-size: 14px; font-weight: bold; } .about-intro h3 { font-size: 24px; } .about-intro .doc-intro { font-size: 14px; color: #333333; line-height: 28px; margin-top: 32px; } .slice-box h3 { font-size: 18px; } .slice-box p { font-size: 14px; margin-top: 12px; } .about-intro { padding: 60px; padding-bottom: 20px } .about-t { /*height: 450px;*/ } .about-mid-item .doc-edit { font-size: 14px; } @media (max-width: 1440px) { .about-mid-item .doc-edit{ font-size: 12px!important; } } .features-item .features-info .features-info-s { font-size: 14px; } .honor-tit h3 { font-size: 22px; } .honor-category a { display: inline-block; font-size: 16px; color: #333333; width: 160px; height: 50px; border-radius: 30px; line-height: 50px; margin: 0 6px; overflow: hidden; } .news-category a { display: inline-block; font-size: 16px; color: #333333; width: 160px; height: 50px; border-radius: 30px; line-height: 50px; margin: 0 6px; overflow: hidden; } .news-item a { padding-top: 20px; height: 160px; } .news-item a .news-inner .date-view { margin-top: 30px; margin-bottom: 32px; font-size: 14px; } .news-item a .news-inner .tit { font-size: 16px; font-weight: 600; line-height: 32px; } .job-header { height: 80px; line-height: 80px; } .job-header li { font-size: 16px; } .job-item .job-info-list .jobname { font-size: 15px; } .job-item .job-info-list .workplace { font-size: 15px; } .job-item .job-info-list .department { font-size: 15px; } .job-item .job-info-list { height: 80px; line-height: 80px; } .solution-list, .solution-list2 { width: 90%; } .equity-item .tit-box { font-size: 14px; height: 60px; line-height: 52px; } .equity-main .b-line { height: 5px; } .be-partner-item h3 { font-size: 18px; color:#fe9929; } .solution-item .desc h3 { font-size: 16px; } .solution-item .desc { margin-top: 18px; } .scene-item a .doc-box .tit { font-size: 18px; margin-top: 20px; } .scene-item a .doc-box .line-th { margin-top: 16px; } .scene-item a .doc-box .doc-edit { margin-top: 20px; } .crumbs-nav li a { font-size: 14px; } .about-mid { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 60px; padding-bottom: 60px; } .about-mid-item .doc-edit { height: 95px; line-height: 26px; background: #FAFAFA; padding: 8px 43px; } .about-mid-item .first-child { margin-left: 16px; border-top-left-radius: 45px; border-bottom-left-radius: 45px; } .about-mid-item .last-child { margin-right: 16px; border-top-right-radius: 45px; border-bottom-right-radius: 45px; } .product-title { font-size: 24px; } .job-item .jobduty .doc-desc { font-size: 12px; line-height: 26px; } .contact .r-contact .contact-box span { font-size: 16px; } .teach-item { /*height: 12rem;*/ } .teach-item .doc-count h3 { font-size: 20px; } .teach-item .doc-count .line { margin-top: 14px; margin-bottom: 20px; } .solution-item .desc p { font-size: 12px; margin-top: 8px; } .solution-item { margin-bottom: 45px; } /* .pdb100 { padding-bottom: 20px; }*/ .pdb140 { padding-bottom: 100px; } .news-bt h3 { font-size: 24px; } .det-nav-tit { font-size: 20px; } .safe .category-ul li a span { font-size: 16px; } .solu-det-edit-wrap .edit-tit { font-size: 18px; } @media screen and (max-width: 1280px) { .solution-list, .solution-list2 { width: 92%; } } .fix .solu-det-main .crumbs-nav { padding-right: 0; } .fix .crumbs-nav li { flex: none; margin: 0 60px; } .imgloading{height:auto;} .footer-bd-in{ display: flex; } .scene-center{ display: flex; flex-flow: row wrap; justify-content: space-between; } .scene-center::after{ content:''; width: 33.333%; } .num-box em{ font-size: 1.5rem; color:#fe9929; } .news-list{ display: flex; flex-flow: row wrap; justify-content: space-between; } .news-item{ width: 590px; margin-bottom: 20px; } .news-images{ width: 200px; height: 120px; position: relative; flex:0 0 200px; } .news-inner{ display: flex; flex-flow: row nowrap; justify-content: space-between; } .news-images .images{ position: absolute; left:0; width: 100%; top:0; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .news-doc-wrapper{ flex:1; min-width: 0; padding-left: 5%; } /*.solu-det-edit-wrap{ margin-right: 27%; }*/ .about-nav { background-color: #fff; } @media screen and (max-width: 1440px){ .w1200{ width: 1100px; } .news-item { width: 545px; margin-bottom: 20px; } .news-images { width: 5rem; height: 120px; position: relative; flex: 0 0 5rem; } .honor-list li { width: 200px; margin-right: 25px; margin-bottom: 32px; } .job-header li.jobname { margin-right: 185px; } .job-item .job-info-list .jobname { width: 212px; } .job-item .job-info-list .det{ left:10px; } .contact .l-map{ width: 474px } } .be-partner-item .iconfont{ color:rgb(42,47,136); font-size:131px; transition:all 0.3s linear; } .be-partner-item:hover .iconfont{ color:rgb(254,153,41); } .news-item a .news-inner .tit{ line-height:24px; white-space:inherit; height:48px; overflow:hidden; } .news-item a .news-inner .doc{ font-size: 14px; color: #333333; line-height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: inherit; height:48px; overflow:hidden; margin-top:5px; } .news-item a{ height:180px; } .news-images { height: 140px; } .news-item a .news-inner .date-view { margin-top: 18px; margin-bottom: 27px; font-size: 12px; display: flex; flex-flow:row nowrap; align-items:center } .news-item a .news-inner .date-view .date{ display: flex; flex-flow:row nowrap; align-items:center } } .news-item a .news-inner .date-view .view{ } .solution-category .category-tit i{ font-size: 22px; margin-right: 20px; position: relative; top:2px; font-weight: normal; } .solution-category .category-tit.active{ font-size: 18px; color: #FC8956; font-weight: bold; } .category-ul li{ position: relative; line-height: 45px; padding: 0 8px; } /* .category-ul li.active:after{ content: ""; position: absolute; width: 100%; height: 32px; background: url(../images/qbyy.png) no-repeat center center; background-size: contain; left: -65px; top: 0; z-index: -2; } */ .solution-category .category-tit.active{ position: relative; color: #fe9929; } .solution-category .category-tit { font-size: 18px; height: 68px; font-weight: bold; display: block; padding: 13px 0; max-width: 200px; margin: 0 auto; } /* .solution-category .category-tit.active:after{ content: ''; position: absolute; right:-6px; top:50%; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 11px solid #fff; border-left: 11px solid transparent; border-right:11px solid transparent; transform:translateY(-50%) rotate(90deg);; } */ .solution-category .category-tit .icon-changjing{ font-size: 30px; position: relative; top:4px; right: 3px; margin-right: 10px; } .solution-category .category-tit i.icon-hangye{ font-size: 22px; } .solution-category .category-tit i.icon-anli{ font-size: 28px; margin-right: 12px; top:4px; } .footer-bd-in .r-support .ft-bot .phone-address .phone-number .iconfont{ font-size: 20px; margin-right: 14px; margin-bottom: 3px; } .footer-bd-in .r-support .ft-bot .phone-address .address.en{ position: relative; right:3px; } .footer-bd-in .r-support .ft-bot .phone-address .address.en .iconfont{ font-size: 28px; position: relative; right: 11px; top: 6px; } .about-center { width: 1200px; margin: 0 auto; background-color: #fff; } .about-mid-item:hover .num-box span{ color:#fd922a; } .about-mid-item:hover .num-box em{ color:#fd922a; } .about-mid{ padding-top: 24px; } @media screen and (max-width:1440px){ .w1200, .about-center { width: 1100px; } .about-mid-item { height: 260px; padding-top: 46px; } .about-mid{ padding-top: 24px; } } .safe .solution-category .category-tit{ display:flex; flex-flow:row nowrap; align-items: center; margin-bottom:50px; } .safe .solution-category .category-tit i{ font-size: 26px; } .safe .solution-category .category-tit.active i{ color:#2a2f88; } .safe .solution-category .category-tit.active a{ color:#2a2f88 } .be-partner-item:nth-child(2) .iconfont{ font-size: 124px; margin-top: 22px; } #cssfixjob .modal2 .layui-form-item{ margin-bottom:18px; } #cssfixjob .modal3 .layui-form-item .layui-form-label.tar{ padding-right: 5px; } .be-partner-item{ height:100%; padding-bottom:30px; } .img-cover-wrap65{ position: relative; height:210px; } .img-cover-wrap65 .before{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 1; transition:all 0.3s linear; } .img-cover-wrap65 .after{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0; transition:all 0.3s linear; } .be-partner-item:hover .img-cover-wrap65 .before{ opacity: 0; } .be-partner-item:hover .img-cover-wrap65 .after{ opacity: 1; } .be-partner-wrap { } .edit-det-box-wrapper { padding-bottom: 85px; background-color: #f9f9f9; } .solut-det-wrapper .tit { font-size: 29px; color: #F141414; text-align: center; padding-top: 23px; padding-bottom: 40px; } .solut-det-619 { padding-top: 40px; padding-right: 58px; padding-left: 70px; padding-bottom: 40px; padding-bottom: 0; } .solut-det-619 .solut-det-tit { font-size: 22px; color: #F141414; padding-bottom:40px; position: relative; } .solut-det-619 .solut-det-tit:after { content: ''; width: 13px; height: 10px; opacity: 0.9; position: absolute; left: -32px; top: 9px; background-color: #fea23d; } .solut-det-619.wrap .solut-det-editbox{ flex-flow: row wrap; } .solut-det-619 .solut-det-editbox { background-color: #fff; display: flex; flex-flow: row nowrap; } .solut-det-619 .solut-det-editbox img{ max-width:100%; } .solut-det-619 .solut-det-editbox .img-box { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 323px; height: 100%; } .solut-det-619 .solut-det-editbox .doc-edit { flex: 1; padding: 8px 28px; color: #8e8e8e; font-size: 16px; line-height: 26px; } .solut-det-one .solut-det-editbox .doc-edit { padding-left: 50px!important; } .solut-det-editbox-solut { background-color: #fff; flex-flow: row nowrap; min-height: 100px; position: relative; } .solut-det-editbox-solut .img-box { width: 120px; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #fe9929; } .solut-det-editbox-solut .img-box .icon-mix { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .solut-det-editbox-solut .doc-edit { flex: 1; padding: 16px 42px; color: #8e8e8e; font-size: 16px; line-height: 26px; padding-left: 160px; } .solut-det-editbox-solut .doc-edit ul > li { list-style: disc; } .solut-det-application { text-align: center; position: relative; } .solut-det-application img { text-align: center; } .edit-gourp .doc-edit { width: fit-content; color: #8e8e8e; font-size: 16px; line-height: 26px; max-width: 280px; text-align: left; position: absolute; left: 10px; top: 100px; } .edit-gourp .doc-edit.doc-edit2 { left: 680px; max-width: 390px; top: 20px; } .solut-det-application-list { display: flex; flex-flow: row wrap; /*padding-left: 90px;*/ margin-top: 50px; justify-content: space-around; } .solut-det-application-list .application-list-item { width: 22%; background-color: #fff; padding: 60px 18px 40px; position: relative; margin-right: 0px; margin-bottom:60px } .solut-det-application-list .application-list-item:last-child { margin-right: 0; } .solut-det-application-list .application-list-item img { position: absolute; left: 50%; width: 62px; height: 62px; margin-left: -31px; top: -31px; margin-bottom: -62px; } .solut-det-application-list .application-list-item h4 { font-size: 20px; color: #7c7c7c; text-align: center; } .solut-det-application-list .application-list-item .edit-box { font-size: 16px; color: #8e8e8e; line-height: 27px; margin-top: 28px; } @media screen and (max-width: 1440px){ .solut-det-wrapper{ width:1100px; } .edit-gourp .doc-edit.doc-edit2{ left:620px; } .contact .r-contact { position: absolute; width: 582px; height: 233px; top: 33%; left: 67.3%; transform: translateX(-50%) scale(0.8); } } .solution-detail .solu-det-nav { display: flex!important; justify-content: space-between!important; } .product-boxs { display: flex; flex-direction: column; padding: 0 16px; } .product-boxs .l-pro-select { display: flex; justify-content: space-between; } .product-boxs .l-pro-select .select-item { flex: 1; width: auto!important; padding-left: 0!important; } .product-boxs .l-pro-select .select-item:nth-child(3), .product-boxs .l-pro-select .select-item:nth-child(6) { position: relative; left: -20px; } .product-boxs .l-pro-select .select-item:nth-child(3) { left: -25px; } .product-boxs .r-pro-select-wrap { display: flex; justify-content: space-between; } .product-boxs .r-pro-select-wrap .r-pro-select { width: 147px!important; padding: 0 0 0 10px; } .product-boxs .r-pro-select-wrap .r-pro-select:nth-child(3), .product-boxs .r-pro-select-wrap .r-pro-select:nth-child(6) { position: relative; left: -20px; } .product-boxs .r-pro-select-wrap .r-pro-select:nth-child(3) { left: -25px; } .about-center .cert-ls, .about-center .honor-ls { display: flex; flex-flow: row wrap; justify-content: center; width: 95%; margin: 0 auto; } .about-center .honor-ls { width: 100%; } .honor-ls li { margin-bottom: 20px; margin-right: 20px; width: 250px; height: auto; } .honor-ls li .honor-ls-img { box-sizing: border-box; padding: 16px 8px; width: 100%; height: auto; -webkit-box-shadow: 0 4px 8px 10px rgb(137 137 137 / 35%) inset; box-shadow: 0 4px 8px 10px rgb(137 137 137 / 35%) inset; } .honor-ls li .honor-ls-img img { width: 100%; height: auto; } .honor-ls li .honor-ls-name { line-height: 30px; max-height: 60px; font-size: 14px; text-align: center; } .honor-ls li:nth-child(4n) { margin-right: 0; } /*2022/01/24 sg*/ .layui-input-block #UpLoad1{ width: 100%; height: 40px; display: block; overflow: hidden; font-size: 14px; line-height: 24px; padding: 7px 18px; color: #333; background-color: #fcfcfc; background-repeat: no-repeat; border: solid 1px #ccc; box-shadow: none; -webkit-box-shadow: none; outline: 0; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; } .job-item .job-info-list .workplace{ width: 510px; } .job-item .job-info-list .department{ display: none; }