@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "PingFang SC", sans-serif,"Microsoft YaHei","微软雅黑",Arial; }

html { height: 100%; overflow-y: auto; }

body { position: relative; min-height: 100%; line-height: 1.1; margin-left: auto; margin-right: auto; color: #000; font-size: 14px; background: #fff; overflow-y: auto; }

textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type='text'], input[type='password'] { -webkit-appearance: none; }

input, textarea { outline: none; border: 1px solid #666; border-radius: 0; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; font-family: inherit; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

ul, ol { list-style-type: none; }

button { cursor: pointer; border: none; background-color: transparent; }

a { text-decoration: none; color: inherit; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

a:hover { color: #009999; }

a:active { opacity: .9; }

.clearfix:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.hide { display: none; }

.container { width: 1400px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.navbtn { display: none; position: absolute; z-index: 999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #009999; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn.navclose span:nth-child(1) { -o-transform: translateY(12px) rotate(45deg); -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }

.navbtn.navclose span:nth-child(2) { opacity: 0; }

.navbtn.navclose span:nth-child(3) { -o-transform: translateY(-12px) rotate(-45deg); -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.header .container { display: flex; flex-flow: row nowrap; justify-content: flex-end; }

.header .container:before, .header .container:after { display: none; }

.header .logo { height: 120px; line-height: 120px; margin-left: 0; margin-right: auto; font-size: 0; }

.header .logo img { padding: 8px 0; }

.header .navbar li { float: left; line-height: 120px; margin-left: 80px; }

.header .navbar li > a { display: inline-block; line-height: 1; padding-bottom: 10px; color: #242424; font-size: 16px; border-bottom: 2px solid transparent; }

.header .navbar li > a:hover { color: #009999; }

.header .navbar li.current a { color: #009999; border-color: #009999; }

.header .navbar li:first-child { margin-left: 0; }

.header .hot-tel { display: flex; flex-direction: column; justify-content: center; height: 120px; padding-left: 45px; margin-left: 85px; color: #202020; font-size: 14px; background-image: url("../img/tel.png"); background-position: left center; background-size: auto 40px; }

.header .hot-tel span { display: block; line-height: 1; margin-top: 5px; color: #ed5a12; font-size: 22px; }

.banner { position: relative; height: 505px; overflow: hidden; }

.banner .swiper-slide { background-position: center center; background-size: cover; }

.banner .pagination { position: absolute; z-index: 9; left: 0; bottom: 20px !important; text-align: center; font-size: 0; }

.banner .pagination span { opacity: 1; width: 12px; height: 12px; margin: 0 10px !important; background-color: #fff; }

.banner .pagination span.active { background-color: #009999; }

.section-solution { padding-bottom: 35px; }

.section-solution .solution-title { position: relative; text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 0; }

.section-solution .solution-title:before { content: ''; position: absolute; left: 0; top: 15px; width: 100%; height: 1px; background-color: #04214c; }

.section-solution .solution-title h3 { position: relative; z-index: 5; display: inline-block; line-height: 30px; padding-left: 20px; padding-right: 20px; color: #011842; font-size: 30px; font-weight: normal; background-color: #fff; border-left: 2px solid #011842; border-right: 2px solid #011842; }

.section-solution ul { overflow: hidden; }

.section-solution ul li { float: left; width: 50%; }

.section-solution ul li a { position: relative; display: block; height: 295px; background-position: center center; background-size: cover; }

.section-solution ul li a:hover h2 { height: 100%; font-size: 28px; }

.section-solution ul li h2 { position: absolute; z-index: 5; left: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 13.55932%; text-align: center; color: #fff; font-size: 18px; font-weight: normal; background-color: rgba(0, 0, 0, 0.7); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.section-solution ul li:last-child { clear: both; width: 100%; }

.banner-middle { height: 230px; line-height: 230px; background-color: #009999; background-position: right center; background-size: 50% 100%; }

.section-case { margin-top: 40px; overflow: hidden; }

.section-case ul { margin-left: -45px; margin-right: -45px; overflow: hidden; }

.section-case ul li { float: left; width: 33.33%; padding-left: 45px; padding-right: 45px; }

.section-case ul li a { display: block; }

.section-case ul li a:hover h2 { color: #08236f; }

.section-case ul li img { display: block; width: 100%; }

.section-case ul li h2 { line-height: 65px; text-align: center; color: #011842; font-size: 16px; font-weight: normal; }

.section-client { padding-bottom: 140px; background-image: url("../img/index_client_bg.jpg"); background-size: cover; overflow: hidden; }

.section-client .client-title { text-align: center; }

.section-client .client-title h3 { line-height: 1; letter-spacing: 4px; margin-top: 50px; color: #fff; font-size: 36px; font-weight: normal; }

.section-client .client-title span { display: block; line-height: 1; margin-top: 25px; color: #fff; font-size: 18px; }

.section-client ul { margin-top: 85px; margin-left: -17.5px; margin-right: -17.5px; overflow: hidden; }

.section-client ul li { float: left; width: 20%; padding-left: 17.5px; padding-right: 17.5px; }

.section-client ul li span { display: block;  text-align: center;  font-size: 16px;color:#fff; }

.section-client ul li img { padding: 10px; }

.inside-banner { height: 270px; background-position: center center; background-size: cover; }

.inside-wrapper { padding-bottom: 100px; }

.insidepage-sideleft { float: left; width: 18.11594%; margin-top: 55px; }

.insidepage-sideleft .inside-name { line-height: 80px; text-align: center; color: #fff; font-size: 30px; background-color: #009999; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.insidepage-sideleft ul { background-color: #009999; }

.insidepage-sideleft ul li a { display: block; line-height: 50px; text-align: center; color: #fff; font-size: 18px; }

.insidepage-sideleft ul li:hover a, .insidepage-sideleft ul li.current a { background-color: #ed5a12; }

.insidepage-sideright { float: right; width: 79.71014%; margin-top: 55px; }

.service-product-wrapper { width: 780px; margin-left: auto; margin-right: auto; margin-top: 70px; }

.service-product-wrapper .content { line-height: 2; font-size: 17px; }

.service-product-wrapper .list-column { position: relative; margin-top: 50px; margin-bottom: 100px; overflow: hidden; }

.service-product-wrapper .list-column:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 1px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px dashed #ddd; }

.service-product-wrapper .list-column li { position: relative; margin-top: 60px; margin-bottom: 60px; padding-left: 50%; }

.service-product-wrapper .list-column li:nth-child(even) { padding-right: 50%; padding-left: 0; }

.service-product-wrapper .list-column li:nth-child(even) h3 { left: 48.7%; right: auto; }

.service-product-wrapper .list-column li:nth-child(even) h3:before { content: ''; float: right; display: block; width: 20px; height: 20px; margin-right: 25px; border-radius: 100%; background-color: #ed5a12; }

.service-product-wrapper .list-column li:nth-child(even) h3:after { display: none; }

.service-product-wrapper .list-column li:nth-child(even) .info { padding-left: 0; padding-right: 80px; }

.service-product-wrapper .list-column li h3 { position: absolute; right: 48.7%; display: flex; flex-flow: row nowrap; align-items: center; height: 100%; color: #009999; font-size: 20px; }

.service-product-wrapper .list-column li h3:after { content: ''; float: right; display: block; width: 20px; height: 20px; margin-left: 25px; border-radius: 100%; background-color: #ed5a12; }

.service-product-wrapper .list-column li .info { line-height: 1.8; padding-left: 80px; color: #666; font-size: 14px; }

.service-product-wrapper .list-column li .info img { display: block; width: 100%; margin-bottom: 10px; }

.case-wrapper { padding-bottom: 120px; overflow: hidden; }

.case-wrapper .sub-nav { display: flex; flex-flow: row nowrap; justify-content: center; height: 55px; text-align: center; border-bottom: 1px solid #ddd; font-size: 0; }

.case-wrapper .sub-nav a { display: inline-flex; flex-flow: column nowrap; justify-content: center; max-width: 200px; height: 55px; line-height: 1.4; padding-left: 25px; padding-right: 25px; margin-left: -1px; color: #555; font-size: 16px; border: 1px solid #ddd; }

.case-wrapper .sub-nav a.current { color: #009999; border-bottom-color: #fff; }

.case-wrapper .sub-nav a:hover { color: #009999; }

.case-wrapper .nav-list { display: flex; flex-flow: row wrap; margin-right: -1%; }

.case-wrapper .nav-list .item { float: left; width: 32.33%; margin-right: 1%; margin-top: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border: 1px solid #ddd; -o-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; }

.case-wrapper .nav-list .item:nth-child(3n+0) { margin-right: 0; }

.case-wrapper .nav-list .item:hover { padding-top: 19px; border-top: 2px solid #009999; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }

.case-wrapper .nav-list .picture { float: left; width: 150px; height: 100%; margin-right: 15px; }

.case-wrapper .nav-list .picture img { display: block; width: 100%; }

.case-wrapper .nav-list .intro h5 { color: #333; font-size: 18px; }

.case-wrapper .nav-list .intro p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 67.2px; line-height: 1.6; margin-top: 10px; color: #666; font-size: 14px; overflow: hidden; }

.case-wrapper .nav-list .more { display: inline-block; width: 90px; line-height: 30px; text-align: center; margin-top: 10px; color: #fff; font-size: 13px; border-radius: 2px; background-color: #009999; }

.case-wrapper .search-pro-solution { margin-top: 50px; overflow: hidden; }

.case-wrapper .search-pro-solution .box-title { color: #009999; font-size: 30px; font-weight: normal; }

.case-wrapper .search-pro-solution ul { margin-top: 15px; margin-left: -15px; margin-right: -15px; overflow: hidden; }

.case-wrapper .search-pro-solution ul li { float: left; width: 20%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; }

.case-wrapper .search-pro-solution ul a { display: block; border: 1px solid #ddd; }

.case-wrapper .search-pro-solution ul a:hover { border-color: #009999; }

.case-wrapper .search-pro-solution ul a:hover .title { color: #009999; }

.case-wrapper .search-pro-solution ul .pic { display: block; height: auto; }

.case-wrapper .search-pro-solution ul .pic img { display: block; margin-left: auto; margin-right: auto; padding: 15px; }

.case-wrapper .search-pro-solution ul .title { display: block; text-align: center; margin-top: 0px; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; color: #666; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.list-news-wrapper .item { padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; border-bottom: 1px solid #dcdcdc; }

.list-news-wrapper .item .picture { float: left; display: block; width: 265px; height: 100%; margin-right: 30px; overflow: hidden; }

.list-news-wrapper .item .picture img { display: block; width: 100%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.list-news-wrapper .item .picture:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.list-news-wrapper .item .info { float: left; width: calc(100% - 295px); }

.list-news-wrapper .item .info .title { display: inline-block; max-width: 100%; line-height: 1.1; color: #011d46; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.list-news-wrapper .item .info .sub { line-height: 1; margin-top: 20px; overflow: hidden; }

.list-news-wrapper .item .info .sub span { float: left; display: block; margin-right: 25px; color: #4f4f4f; font-size: 14px; }

.list-news-wrapper .item .info .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44.8px; line-height: 1.6; margin-top: 10px; color: #767676; font-size: 14px; overflow: hidden; }

.list-news-wrapper .item .info .more { float: left; display: block; margin-top: 10px; color: #ed5a12; }

.single-wrapper { line-height: 2; font-size: 16px; }

.detail-wrapper .detail-title { text-align: center; font-size: 30px; font-weight: normal; }

.detail-wrapper .date { text-align: center; margin-top: 15px; padding-bottom: 20px; color: #999; font-size: 14px; border-bottom: 1px solid #ddd; }

.detail-wrapper .content { line-height: 2; margin-top: 30px; font-size: 16px; }

.list-pagination { margin-top: 60px; text-align: center; font-size: 0; }

.list-pagination #ctl00_Main_DataPager1 { border: none; }

.list-pagination a[disabled='disabled'] { cursor: not-allowed; }

.list-pagination span, .list-pagination a { display: inline-block; line-height: 25px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #d5d5d5; color: #454545; font-size: 14px; }

.list-pagination .on, .list-pagination a:hover { color: #fff; background-color: #009999; border-color: #009999; }

.footer { padding-top: 80px; background-color: #f7f7f7; }

.footer .container { width: 500px; }

.footer .foot-logo { float: left; width: 105px; margin-right: 50px; }

.footer .qrcode { float: left; width: 100px; text-align: center; color: #727272; font-size: 16px; }

.footer .qrcode img { display: block; width: 100%; margin-bottom: 10px; }

.footer .contact { float: right; width: 325px; }

.footer .contact h1 { color: #08236f; font-size: 20px; }

.footer .contact .intro { line-height: 1.8; margin-top: 10px; color: #646464; font-size: 16px; }

.footer .copyright { clear: both; padding-top: 30px; padding-bottom: 50px; text-align: center; color: #727272; font-size: 16px; }

/*# sourceMappingURL=../maps/style/css.css.map */