@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.news-list .box .tit, .solution-list .swiper-slide .tit, .prod-list .tit, .case-list .swiper-slide a span, .page-vr-list .box .tit, .page-prod-list .box .tit, .page-news-list .box .con .tit, .page-solution-list .con .tit, .page-solution-list .con .desc, .page-case-list .tab-tit li a, .solu-tech .box .tit, .solu-advantage .list .box .tit, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */
/* page */
body { font-family: "微软雅黑"; background: #f8faff; }
body.index { background: #ffffff; }
h1, h2, p, ul, ol, h3, div { padding: 0; margin: 0; font-weight: normal; }
h1:focus, h2:focus, p:focus, ul:focus, ol:focus, h3:focus, div:focus { outline: none; }
a[href] { text-decoration: none; color: #333333; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
.top-wrap { margin-bottom: 0; background: #FFFFFF; border: 0; }
.logo .navbar-brand { width: 40%; margin-left: 15px; padding: 5px 0; font-size: 0; }
.logo .navbar-brand a { height: 100%; display: block; background: url(../images/logo.png) no-repeat center left; background-size: contain; }
.search-wrap { display: none; }
#nav-menu > ul > li > a { color: #333333; }
#nav-menu > ul > li.active > a { color: #ffffff; background: #00a2f3; }
#nav-menu > ul > li .sec-menu { padding-left: 10%; }
#nav-menu > ul > li .sec-menu li { line-height: 22px; }
#nav-menu > ul > li .sec-menu li.active > a { font-weight: bold; color: #00a2f3; }
#banner { margin-top: 50px; }
#banner .swiper-slide a { display: block; }
#banner .swiper-slide img { width: 100%; }
#banner .swiper-pagination { width: 30%; margin: auto; left: 0; right: 0; background: rgba(255, 255, 255, 0.1); border-radius: 10px; }
#banner .swiper-pagination .swiper-pagination-bullet { background: #cccccc; opacity: 1; border: 2px solid #ffffff; }
#banner .swiper-pagination .swiper-pagination-bullet-active { background: #00a2f3; }
.tit01 { margin-top: 20px; margin-bottom: 15px; }
.tit01:after { content: ''; display: block; width: 40px; height: 2px; background: #00a2f3; margin-top: 10px; }
.tit01 h2 { margin-bottom: -12px; font-weight: bold; color: #00a2f3; }
.tit01 p { line-height: 24px; color: rgba(0, 161, 233, 0.1); text-transform: uppercase; font-size: 24px; font-weight: bold; }
.txt { line-height: 22px; }
.more01 { margin-top: 15px; margin-bottom: 15px; text-align: center; }
.more01 a { width: 120px; line-height: 36px; display: inline-block; background: #00a2f3; color: #ffffff; }
.about-wrap .about-l .txt { max-height: 242px; color: #666666; overflow: hidden; }
.about-wrap .img { display: none; }
.news-wrap { margin-top: 25px; padding-bottom: 25px; background: url(../images/news-bg.jpg) no-repeat center; background-size: cover; }
.news-wrap .tit01:after { display: none; }
.news-wrap .tit01 .tit-l:after { content: ''; display: block; width: 40px; height: 2px; background: #ffffff; margin-top: 10px; }
.news-wrap .tit01 .tit-l h2 { color: #ffffff; }
.news-wrap .tit01 .tit-l p { color: rgba(255, 255, 255, 0.1); }
.news-wrap .tab-tit { margin-top: 10px; text-align: center; }
.news-wrap .tab-tit a { width: 30%; line-height: 36px; margin: 0 5px; display: inline-block; background: #ffffff; color: #2d57d1; font-weight: bold; }
.news-wrap .tab-tit a.active { background: #00a2f3; color: #ffffff; }
.news-wrap .tab-con .tab-box { display: none; }
.news-wrap .tab-con .imgs { display: none; }
.news-wrap .tab-con .news-list { display: none; }
.news-list { background: #ffffff; padding: 15px; }
.news-list .box { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.news-list .box a { display: block; }
.news-list .box .tit { margin-bottom: 8px; }
.news-list .box .txt { height: 44px; overflow: hidden; color: #666666; text-indent: 32px; }
.news-list .box:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.solution-wrap { background: url(../images/solution-bg.jpg) no-repeat center; background-size: cover; overflow: hidden; padding-bottom: 20px; }
.solution-wrap .solution-list { padding-bottom: 30px; }
.solution-wrap .solution-list .swiper-pagination { bottom: 0; }
.solution-wrap .solution-list .swiper-pagination .swiper-pagination-bullet { background: #ffffff; opacity: 1; }
.solution-wrap .solution-list .swiper-pagination .swiper-pagination-bullet-active { background: #00a2f3; }
.solution-wrap .swiper-button-next, .solution-wrap .swiper-button-prev { display: none; }
.solution-list .swiper-slide a { padding: 25px 15px; background: #ffffff; display: block; text-align: center; }
.solution-list .swiper-slide a:after { content: ''; width: 35px; height: 35px; background: url(../images/more2.png) no-repeat; background-size: contain; display: block; margin: 0 auto; margin-top: 15px; }
.solution-list .swiper-slide .icon { height: 40px; }
.solution-list .swiper-slide .icon2 { display: none; }
.solution-list .swiper-slide .tit { margin-top: 15px; margin-bottom: 15px; font-weight: 500; }
.solution-list .swiper-slide .tit:after { content: ''; width: 40px; height: 2px; background: #00a2f3; margin: 0 auto; margin-top: 12px; display: block; }
.solution-list .swiper-slide .txt { height: 66px; overflow: hidden; color: #666666; }
.tit02:after { content: ''; display: block; width: 40px; height: 2px; background: #ffffff; margin-top: 15px; }
.tit02 p { font-size: 18px; font-weight: bold; text-transform: uppercase; }
.tit02 h2 { margin-top: 5px; font-weight: bold; }
.product-wrap { background: #1f44ae; padding: 20px 0; color: #ffffff; }
.product-wrap .tit02 p { color: rgba(255, 255, 255, 0.1); }
.product-wrap .prod-l .txt { margin-top: 15px; max-height: 88px; overflow: hidden; }
.product-wrap .prod-l .more01 a { background: #ffffff; color: #999999; }
.product-wrap .prod-list { margin-top: 15px; padding-bottom: 1px; }
.prod-list { overflow: hidden; }
.prod-list .box {padding: 20px 15px 15px 15px;background: #2d57d1;border: 10px solid #5e88ff;margin-bottom: -10px;}
.prod-list .box.box02, .prod-list .box.box03 { background: #1d3a99; }
.prod-list .box.box04 {margin-bottom: 0px;}
.prod-list .tit { font-weight: bold; margin-bottom: 15px; }
.prod-list .tit:after { content: ''; display: block; width: 40px; height: 2px; background: #ffffff; margin-top: 15px; }
.prod-list .tit a { color: #ffffff; }
.prod-list .list { margin-left: -15px; padding-right: 50px; }
.prod-list .list a { margin-left: 15px; margin-bottom: 5px; color: #ffffff; display:block; }
.prod-list .img { text-align: right; border-radius: 50%; overflow: hidden; }
.prod-list .img img { width: 50px; height: 50px; }
.case-wrap { padding-bottom: 25px; background: url(../images/case-bg.jpg) no-repeat center; background-size: cover; }
.case-wrap .swiper-button-prev, .case-wrap .swiper-button-next { display: none; }
.case-list .swiper-slide { width: 200px; }
.case-list .swiper-slide a { height: 0; padding-top: 70%; position: relative; display: block; }
.case-list .swiper-slide a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-list .swiper-slide a span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 10px; z-index: 2; font-weight: bold; top: auto; line-height: 36px; color: #ffffff; text-align: center; background: linear-gradient(to bottom, rgba(45, 87, 209, 0), rgba(45, 87, 209, 0.8)); }
.footer-wrap { background: #e5e5e5; padding-top: 15px; color: #666666; }
.footer-wrap a { color: #666666; }
.f-nav { padding-bottom: 10px; font-size: 0; border-bottom: 1px solid #dcdcdc; }
.f-nav a { width: 33%; font-size: 14px; display: inline-block; position: relative; text-align: center; }
.f-nav a:after { content: ''; width: 2px; height: 14px; background: url(../images/f-nav.png) no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; left: auto; margin: auto; }
.f-nav a:nth-child(3n):after { display: none; }
.footer { margin-top: 15px; }
.footer .f-r { margin-top: 15px; text-align: center; overflow: hidden; }
.footer .f-r img { max-width: 100%; }
.footer .f-r .tit { width: 45%; float: left; margin-top: 20px; }
.footer .f-r .qr { float: right; width: 45%; }
.f-contact .tit { margin-bottom: 7px; font-weight: 500; color: #00a2f3; }
.f-contact .txt { color: #666666; }
.f-contact .txt p { margin-bottom: 5px; }
.f-contact .txt p img { margin-right: 10px; }
.f-copyright { margin-top: 20px; background: #dcdcdc; padding: 15px 0; }
.friend { width: 100%; margin-top: 15px; position: relative; }
.friend .toggle { display: block; width: 100%; line-height: 36px; padding-left: 20px; color: #333333; text-decoration: none; background: url(../images/arr2.png) #ffffff no-repeat 96% center; text-align: left; border-radius: 4px; }
.friend .list { position: absolute; left: 0; right: 0; bottom: 38px; background: #ffffff; display: none; padding: 8px 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.friend .list a { line-height: 36px; padding: 0 20px; white-space: nowrap; display: block; text-overflow: ellipsis; color: #333333; overflow: hidden; }
.page-banner { margin-top: 50px; }
.page-banner img { width: 100%; }
.crumbs-menus { background: #ffffff; }
.crumbs-menus .crumbs { display: none; }
.crumbs-menus .menus { font-size: 0; padding: 10px 0; }
.crumbs-menus .menus a { width: 33%; line-height: 24px; font-size: 14px; font-weight: 500; display: inline-block; }
.crumbs-menus .menus a.active { color: #00a2f3; }
.main { margin-top: 20px; padding-bottom: 40px; }
.page-tit { margin-bottom: 20px; }
.page-tit h2 { color: #00a2f3; font-weight: 500; }
.page-tit:after { content: ''; width: 50px; height: 2px; margin-top: 10px; background: #00a2f3; display: block; }
.page-honor-list { position: relative; }
.page-honor-list .swiper-slide { width: 150px; }
.page-honor-list .swiper-slide .img { height: 0; padding-top: 144.29%; position: relative; display: block; }
.page-honor-list .swiper-slide .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-honor-list .swiper-button-next, .page-honor-list .swiper-button-prev { width: 30px; height: 30px; }
.page-honor-list .swiper-button-next { right: 0; background: url(../images/honor-r.png); background-size: contain; }
.page-honor-list .swiper-button-prev { left: 0; background: url(../images/honor-l.png); background-size: contain; }
.page-vr-list .box, .page-prod-list .box { margin-bottom: 20px; }
.page-vr-list .box a, .page-prod-list .box a { display: block; }
.page-vr-list .box .img, .page-prod-list .box .img { height: 0; padding-top: 64%; position: relative; display: block; }
.page-vr-list .box .img img, .page-prod-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-vr-list .box .tit, .page-prod-list .box .tit { line-height: 36px; text-align: center; font-size: 16px; }
.page-news-list .box { margin-bottom: 15px; }
.page-news-list .box a { padding: 15px; display: block; background: #dceef9; }
.page-news-list .box .img { height: 0; padding-top: 73.68%; position: relative; display: block; }
.page-news-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-news-list .box .con { margin-top: 10px; }
.page-news-list .box .con .tit { font-weight: 500; margin: 10px 0; }
.page-news-list .box .con .txt { height: 44px; overflow: hidden; }
.side { display: none; }
.text-title { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; }
.text-title h1 { font-size: 18px; line-height: 24px; }
.text-title p { margin-top: 8px; color: #999999; }
.page-solution-list .box { background: #ffffff; padding: 20px 0; }
.page-solution-list .box01, .page-solution-list .box03 { background: #eeeeee; }
.page-solution-list a { display: block; color: #333333; }
.page-solution-list .img { height: 0; padding-top: 53.84%; position: relative; display: block; }
.page-solution-list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-solution-list .con { margin-top: 15px; }
.page-solution-list .con .tit { margin-bottom: 10px; font-weight: 500; }
.page-solution-list .con .desc { font-weight: 500; }
.page-solution-list .con .txt { margin-top: 8px; color: #555555; height: 44px; overflow: hidden; }
.page-solution-list .con .more { margin-top: 10px; background: #00a2f3; color: #ffffff; width: 120px; line-height: 36px; text-align: center; font-size: 12px; }
.main.solution, .main.prod, .main.prod-show { background: #ffffff; padding-bottom: 0; margin-top: 0; }
.main.solution .detail-box p, .main.prod .detail-box p, .main.prod-show .detail-box p { margin-bottom: 0; }
.main.prod, .main.prod-show { background: #f8f8f8; }
.main.prod .page-tit02, .main.prod-show .page-tit02, .main.prod .page-tit04, .main.prod-show .page-tit04 { text-align: center; }
.page-case-list { padding: 15px; background: #ffffff; }
.page-case-list .imgs { display: none; }
.page-case-list .tab-tit { max-height: 234px; overflow-y: auto; }
.page-case-list .tab-tit li { line-height: 26px; }
.page-case-list .tab-tit li a { padding-left: 25px; background: url(../images/case-li.png) no-repeat center left; }
.page-tit04 h2 { text-align: left; }
.detail-box { color: #666666; }
.detail-box p { margin-bottom: 15px; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.detail-box img { max-width: 100%; height: auto !important; }
.BMap_Marker img, #allmap img { max-width: none; }
.main.case .text-title { padding-bottom: 0; margin-bottom: 15px; border-bottom: 0; }
.main.case .text-title h1 { font-weight: bold;color: #00a2f3; }
.case-det { padding: 10px; margin-bottom: 15px; border-radius: 4px; background: #00a2f3; color: #ffffff; }
.case-det p { margin-bottom: 0; }
.page-about .img { height: 0; padding-top: 63.15%; position: relative; display: block; }
.page-about .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-about .img img { width: 100%; }
.page-about .con { margin-top: 15px; }
.page-about .con .tit { color: #00a2f3; font-weight: 500; }
.page-about .con .txt { margin-top: 10px; }
.about-honor { margin-top: 25px; }
.about-honor li { margin-bottom: 20px; box-shadow: 0 0 30px rgba(221, 221, 221, 0.15); }
.about-honor li a { display: block; }
.about-honor li .img { height: 0; padding-top: 66%; position: relative; display: block; }
.about-honor li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.about-honor li .img img { border-radius: 20px; }
.about-culture .list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.about-culture .list .box { width: 48%; padding: 20px 18px; margin-bottom: 15px; background: #ffffff; border-radius: 20px; box-shadow: 0 0 30px rgba(221, 221, 221, 0.15); }
.about-culture .list .icons { text-align: right; }
.about-culture .list .icons img { height: 40px !important; }
.about-culture .list .icons .icon2 { display: none; }
.about-culture .list .tit { color: #00a2f3; font-weight: 500; margin-top: 12px; }
.about-culture .list .txt { margin-top: 10px; color: #333333; }
.main.contact { margin-top: 0; padding-bottom: 0; }
.page-tit02, .page-tit04 { padding-top: 20px; padding-bottom: 15px; overflow: hidden; }
.page-tit02 h2, .page-tit04 h2 { font-weight: bold; color: #333;}
.page-tit03 { margin-bottom: 15px; }
.page-tit03 h3 { line-height: 24px; font-weight: bold; }
.solu-background .txt { padding: 10px 12px; background: #00a2f3; text-align: justify; color: #ffffff; border-radius: 20px; }
.solu-background .img { margin-top: 15px; text-align: center; }
.solu-background .img img { max-width: 100%; }
.solu-summary { margin-top: 20px; }
.solu-summary .img img { width: 100%; }
.solu-summary .con { background: #f3f7ff; padding: 15px; }
.solu-summary .con .page-tit03:after { content: ''; width: 40px; height: 2px; background: #00a2f3; display: block; margin-top: 10px; }
.solu-framework { margin-top: 20px; }
.solu-framework .txt img { max-width: 100%; }
.solu-num { margin-top: 20px; padding-top: 20px; padding-bottom: 10px; background: #f3f7ff; }
.solu-num .box { margin-bottom: 20px; }
.solu-num .txt img { max-width: 100%; }
.solu-tech { padding: 20px 0 10px 0; background: #00a2f3; color: #ffffff; }
.solu-tech .list { width: 100%; overflow: hidden; }
.solu-tech .box { width: 33%; margin-bottom: 10px; float: left; text-align: center; }
.solu-tech .box .icon { max-width: 100%; height: 80px; }
.solu-tech .box .tit { margin-top: 5px; }
.solu-charactor { padding-top: 22px; padding-bottom: 10px; background: #f3f7ff; }
.solu-charactor .con p { margin-bottom: 10px; }
.solu-charactor .con img { max-width: 100%; }
.solu-advantage { margin-top: 20px; padding-bottom: 10px; }
.solu-advantage .list { display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between; }
.solu-advantage .list .box { width: 48%; padding: 15px; margin-bottom: 15px; background: #f3f7ff; border: 2px solid #00a2f3; }
.solu-advantage .list .box .icon { height: 40px; }
.solu-advantage .list .box .tit { margin-top: 10px; font-size: 16px; font-weight: 500; color: #00a2f3; }
.solu-advantage .list .box .tit:after { content: ''; display: block; width: 40px; height: 2px; background: #00a2f3; margin-top: 15px; }
.solu-advantage .list .box .txt { margin-top: 15px; font-size: 13px; }
.solu-advantage .list .box { border-radius: 12px; }
.page-prod { margin-top: 10px; padding-bottom: 30px; }
.page-prod .tab-tit { border-bottom: 1px solid #c3c3c3; white-space: nowrap; overflow-x: auto; }
.page-prod .tab-tit a { padding: 0 8px; padding-bottom: 10px; font-weight: bold; display: inline-block; position: relative; color: #333333;}
.page-prod .tab-tit a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: auto; height: 2px; }
.page-prod .tab-tit a.active { color: #00a2f3;text-decoration: none; }
.page-prod .tab-tit a.active:after { display: block; background: #00a2f3; }
.page-prod .tab-con { margin-top: 20px; }
.page-prod .tab-con .tab-box { display: none; }
.page-prod .tab-con .con .img { text-align: center; }
.page-prod .tab-con .con .img img { width: 60px; }
.page-prod .tab-con .con .txt { margin-top: 15px; }
.page-prod .tab-con .con .txt img { max-width: 100%; }
.prod-table tbody tr th, .prod-table tbody tr td { border-color: #00a2f3; text-align: center; vertical-align: middle; }
.prod-table tr th { background: #ecf2ff; color: #00a2f3; font-weight: bold; }
.prod-table tr td { vertical-align: middle; }
.page-prod .tab-con .tab-box.tab6 { text-align: center; }
.prod-advan { padding-top: 15px; padding-bottom: 10px; background: #00a2f3; color: #ffffff; }
.prod-advan .advan-l .tit { margin-bottom: 8px; font-weight: bold; }
.prod-advan .advan-l .txt p { font-weight: bold; }
.prod-advan .img { display: none; }
.prod-honor { margin-top: 15px; }
.prod-honor img { max-width: 100%; }
.prod-advan-txt { margin-top: 15px; padding-top: 15px; padding-bottom: 15px; background: #00a2f3; color: #ffffff; }
.prod-advan-txt p { font-weight: bold; }
.page-tit05 { padding-top: 20px; padding-bottom: 20px; }
.page-tit05:after { content: ''; display: block; width: 40px; height: 2px; background: #00a2f3; margin-top: 15px; }
.page-tit05 h2 { font-weight: bold; color: #333;}
.prod-feature { background: #ffffff; }
.prod-feature .con p { margin-bottom: 10px; }
.prod-feature .con img { max-width: 100%; }
.prod-feature .feat-con { margin-bottom: 18px; }
.prod-feature .feat3 .txt { padding: 15px; background: #f3f7ff; border-radius: 10px; }
.prod-feature .feat3 .txt h3 { font-weight: bold; font-size: 15px; line-height: 20px; margin-bottom: 10px; }
.prod-feature .feat3 .txt h4 { margin-bottom: 0; font-size: 14px; font-weight: normal; }
.prod-feature .feat3 .txt p { color: #666666; }
.prod-feature .feat4 .con .box { padding: 15px; margin-bottom: 10px; overflow: hidden; background: #00a2f3; color: #ffffff; border-radius: 10px; }
.prod-feature .feat4 .con .box img { width: 30px; margin-right: 15px; float: left; }
.prod-feature .feat4 .con .box p { overflow: hidden; }
.prod-feature .feat6 { margin-bottom: 0; padding: 20px 0; background: url(../images/prod-feature6-bg.jpg) no-repeat center; background-size: cover; color: #ffffff; }
.prod-feature .feat6 .txt { max-height: 152px; padding: 10px; background: #ffffff; border-radius: 10px; color: #00a2f3; overflow-y: auto; }
.prod-feature .feat6 .txt p { margin-bottom: 0; }
.prod-feature .feat7, .prod-feature .feat8, .prod-feature .feat9, .prod-feature .feat10 { margin-bottom: 0; padding-top: 20px; background: #f5f7f6; overflow: hidden; }
.prod-feature .feat9 .con { background: #f0f0f0; overflow: hidden; }
.prod-feature .feat10 { padding-bottom: 15px; }
.prod-option, .prod-friend { background: #ffffff; }
.prod-option .con p, .prod-friend .con p { margin-bottom: 15px; text-align: center; }
.prod-option .con img, .prod-friend .con img { max-width: 100%; }
.prod-friend { padding-bottom: 20px; }
.turn-page { margin-top: 30px; }
.turn-page p { background: #ffffff; margin-bottom: 15px; }
.turn-page p a { padding: 8px 10px; }
.turn-page p a:hover { color: #00a2f3; }
.turn-page p a .item1 { color: #999999; }
.turn-page p a .item2 { color: #666666; }
.page { clear: both; padding: 20px 0 20px; text-align: center; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #00a2f3; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #00a2f3; border: 1px solid #00a2f3; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
 @media screen and (min-width: 768px) {
.navbar > .container .navbar-brand { margin-left: 0; }
.logo { width: 17%; }
.logo .navbar-brand { width: 100%; }
#nav-menu { float: right; }
#nav-menu > ul > li > a { padding: 15px 12px; }
#banner .swiper-pagination { height: 30px; padding-top: 8px; border-radius: 15px; }
#banner .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 10px; border-width: 4px; }
.prod-list { overflow: hidden; }
.prod-list .box {width: 50%;margin-right: -10px;float: left;}
.prod-list .box.box03, .prod-list .box.box04 {margin-bottom: 0px;}
.prod-list .list { height: 75px; overflow: hidden; }
.case-list .swiper-slide { width: 300px; }
.f-nav a { width: 16%; }
.f-nav a:nth-child(3n):after { display: block; }
.footer { overflow: hidden; }
.f-contact { width: 45%; float: left; }
.footer .f-r { width: 20%; margin-top: 0; float: right; }
.footer .f-r .tit, .footer .f-r .qr { width: 100%; float: none; }
.footer .f-r .tit { margin-top: 0; margin-bottom: 15px; }
.f-contact .tit { margin-bottom: 10px; }
.f-contact .txt p { margin-bottom: 10px; }
.f-copyright .copy-l { width: 60%; float: left; }
.friend { width: 20%; margin-top: 0; float: right; }
.crumbs-menus .menus { text-align: center; padding-bottom: 10px; }
.crumbs-menus .menus a { width: auto; margin: 0 10px; }
.page-honor-list .swiper-slide { width: 220px; }
.page-vr-list, .page-prod-list { overflow: hidden; margin-left: -2%; }
.page-vr-list .box, .page-prod-list .box, .page-vr-list li, .page-prod-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-news-list .box a { overflow: hidden; }
.page-news-list .box .img { width: 33.33%; padding-top: 24.56%; margin-right: 20px; float: left; }
.page-news-list .box .con { overflow: hidden; }
.page-news-list .box .con:after { content: ''; width: 38px; height: 38px; background: url(../images/more2h.png); background-size: contain; display: block; margin-top: 10px; }
.page-solution-list .img { width: 48.75%; padding-top: 26.247%; margin-right: 20px; float: left; }
.page-solution-list .con { overflow: hidden; }
.page-solution-list .con .tit { font-size: 20px; }
.page-solution-list .box01 .img, .page-solution-list .box03 .img { float: right; margin-right: 0; margin-left: 20px; }
.page-about { overflow: hidden; }
.page-about .img { width: 47.5%; margin-right: 5.625%; padding-top: 30%; float: left; }
.page-about .con { overflow: hidden; }
.page-about .con .tit { font-size: 18px; }
.page-about .con .txt { max-height: 150px; overflow-y: auto; }
.about-honor { overflow: hidden; margin-left: -2%; }
.about-honor .box, .about-honor li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.solu-summary { overflow: hidden; background: #f3f7ff; }
.solu-summary .img { height: 0; padding-top: 29.57%; position: relative; display: block; width: 50%; float: left; }
.solu-summary .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.solu-summary .con { padding: 18px 20px; overflow: hidden; }
.solu-summary .con .txt { max-height: 132px; overflow-y: auto; }
.solu-tech .box { width: 16.66%; }
.solu-charactor .con p { margin-bottom: 15px; }
.solu-advantage .list .box { width: 24%; }
.page-prod .tab-tit { font-size: 0; }
.page-prod .tab-tit a { width: 16.66%; padding-bottom: 12px; font-size: 16px; text-align: center; }
.page-prod .tab-con .con { overflow: hidden; }
.page-prod .tab-con .con .img { width: 21.56%; float: left; }
.page-prod .tab-con .con .txt { margin-top: 0; overflow: hidden; }
.prod-table .tit1 { width: 17%; }
.prod-table .tit2 { width: 15.46%; }
.prod-feature .feat3 .txt { padding: 20px; }
.prod-feature .feat4 .con .box img { width: 40px; }
#nav-menu > ul > li .sec-menu { display: none; }
.prod-feature .feat9 .con { padding-bottom: 20px; }
}
 @media screen and (min-width: 992px) {
body { overflow-x: hidden; }
.index .top-wrap { background: none; }
#banner { margin-top: 0; }
#nav-menu { float: left; margin-left: 15%; }
.index #nav-menu > ul > li > a { color: #ffffff; }
.search-wrap { margin-top: 14px; display: block; float: right; }
.index .search-wrap .toggle { background: url(../images/search.png) no-repeat center; }
.search-wrap { position: relative; }
.search-wrap .toggle { width: 22px; height: 22px; display: block; background: url(../images/search2.png) no-repeat center; background-size: 20px; }
.search-wrap .search-form { display: none; position: absolute; width: 200px; right: 0; margin-top: 24px; font-size: 0; }
.search-wrap .search-form .sear-txt { border: 0; height: 30px; padding: 0 5px; width: 75%; font-size: 14px; }
.search-wrap .search-form .sear-btn { width: 25%; font-size: 14px; height: 30px; background: #00a2f3; border: 0; color: #ffffff; }
#banner .swiper-pagination { width: 180px; bottom: 30px; }
.tit01 h2 { font-size: 22px; }
.about-wrap { background: url(../images/about-bg.jpg) no-repeat center left; background-size: cover; }
.about-wrap .container { width: 100%; padding-right: 0; }
.about-wrap .container:before { content: ''; width: 47.91%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.about-wrap .about-l { width: 45%; padding-top: 2%; float: left; }
.about-wrap .img { display: block; float: right; width: 52.08%; height: 0; padding-top: 41.66%; position: relative; display: block; }
.about-wrap .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.news-wrap { margin-top: 0; }
.about-wrap .about-l .txt { max-height: 176px; }
.about-wrap .about-l .more01 { text-align: left; }
.about-wrap .about-l .more01 a { text-align: center; }
.news-wrap { padding: 30px 0; }
.news-wrap .tit01 { overflow: hidden; }
.news-wrap .tit-l { float: left; }
.news-wrap .tab-tit { width: 30%; text-align: right; float: right; }
.news-wrap .tab-tit a { text-align: center; }
.news-wrap .tab-con .tab-box { overflow: hidden; }
.news-wrap .tab-con .tab-box.active { display: block; }
.news-wrap .tab-con .tab-box.active .imgs, .news-wrap .tab-con .tab-box.active .news-list { display: block; }
.news-wrap .tab-con .imgs { width: 50%; float: left; display: block; }
.news-wrap .tab-con .imgs li { display: none; }
.news-wrap .tab-con .imgs li a { height: 0; padding-top: 73.84%; position: relative; display: block; }
.news-wrap .tab-con .imgs li a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.news-wrap .tab-con .news-list { width: 50%; padding: 27px; float: right; }
.news-list .box { padding-bottom: 19px; margin-bottom: 19px; }
.news-list .box:last-child { padding-bottom: 0; margin-bottom: 0; }
.news-list .box .tit { margin-bottom: 10px; }
.news-list .box a:hover .tit { color: #00a2f3; }
.tit01 { margin-bottom: 20px; }
.more01 { margin-top: 24px; }
.solution-wrap, .product-wrap, .case-wrap { padding: 30px 0; }
.product-wrap .prod-l .more01 { text-align: left; }
.product-wrap .prod-l .more01 a { text-align: center; }
.product-wrap .prod-l .more01 a:hover { color: #00a2f3; }
.product-wrap .prod-list { margin-top: 35px; }
.prod-list .tit { font-size: 18px; margin-bottom: 24px; }
.prod-list .box {padding: 33px 42px 28px 40px;}
.prod-list .tit:after { margin-top: 22px; }
.prod-list .list { height: 96px; }
.prod-list .list a { margin-bottom: 12px; }
.case-list .swiper-slide { width: 350px; }
.solution-list .swiper-slide a:hover .tit { color: #00a2f3; }
.solution-list .swiper-slide a:hover:after { background-image: url(../images/more2h.png); }
.f-nav a:last-child:after { display: none; }
.f-nav a:hover { color: #00a2f3; }
.friend .toggle { cursor: pointer; }
.friend .list a:hover { color: #00a2f3; }
.index .top-wrap { transition: background-color linear .2s; }
.index .top-wrap.active { background: #ffffff; }
.index .top-wrap.active #nav-menu > ul > li.active a { color: #ffffff; }
.index .top-wrap.active #nav-menu > ul > li > a { color: #333333; }
.index .top-wrap.active .search-wrap .toggle { background-image: url(../images/search2.png); }
.news-wrap .tab-con .imgs li a, .page-vr-list .box, .page-prod-list .box, .page-news-list .box a, .page-solution-list a, .page-case-list .imgs li a, .solution-list .swiper-slide a, .case-list .swiper-slide a { overflow: hidden; }
.news-wrap .tab-con .imgs li a .img, .page-vr-list .box .img, .page-prod-list .box .img, .page-news-list .box a .img, .page-solution-list a .img, .page-case-list .imgs li a .img, .solution-list .swiper-slide a .img, .case-list .swiper-slide a .img { overflow: hidden; }
.news-wrap .tab-con .imgs li a img, .page-vr-list .box img, .page-prod-list .box img, .page-news-list .box a img, .page-solution-list a img, .page-case-list .imgs li a img, .solution-list .swiper-slide a img, .case-list .swiper-slide a img { transition: all linear .6s; }
.news-wrap .tab-con .imgs li a:hover img, .page-vr-list .box:hover img, .page-prod-list .box:hover img, .page-news-list .box a:hover img, .page-solution-list a:hover img, .page-case-list .imgs li a:hover img, .solution-list .swiper-slide a:hover img, .case-list .swiper-slide a:hover img { transform: scale(1.05); }
.news-wrap .tab-con .imgs li a:hover .tit, .page-vr-list .box:hover .tit, .page-prod-list .box:hover .tit, .page-news-list .box a:hover .tit, .page-solution-list a:hover .tit, .page-case-list .imgs li a:hover .tit, .solution-list .swiper-slide a:hover .tit, .case-list .swiper-slide a:hover .tit { color: #00a2f3; }
.crumbs-menus .menus a { font-size: 16px; margin: 0 14px; }
.crumbs-menus .menus a:hover { color: #00a2f3; }
.main { margin-top: 40px; }
.page-tit { margin-bottom: 100px; }
.page-tit h2 { font-size: 24px; }
.page-tit:after { margin-top: 18px; }
.content { margin-top: 0; }
.page-honor-list .swiper-slide { width: 298px; }
.page-news-list .box { margin-bottom: 20px; }
.page-news-list .box a { padding: 30px; }
.page-news-list .box a:hover { background: #00a2f3; color: #ffffff; }
.page-news-list .box a:hover .con .tit { color: #ffffff; }
.page-news-list .box a:hover .con:after { background-image: url(../images/more3h.png); }
.page-news-list .box .con .time { font-size: 20px; }
.page-news-list .box .con .tit { font-size: 20px; margin: 20px 0; }
.page-news-list .box .con .txt { font-size: 16px; line-height: 26px; height: 52px; }
.page-news-list .box .con:after { width: 48px; height: 48px; margin-top: 17px; }
.page-news-list .box .img { margin-right: 30px; }
.reco-list li a:hover .tit { color: #00a2f3; }
.text-title { padding-bottom: 15px; }
.text-title h1 { font-size: 24px; line-height: 30px; }
.text-title p { margin-top: 14px; }
.detail-box { line-height: 24px; }
.turn-page { margin-top: 70px; padding-bottom: 60px; overflow: hidden; }
.turn-page p { max-width: 48%; margin-bottom: 0; }
.turn-page .turn-l { float: left; }
.turn-page .turn-r { float: right; }
.turn-page a:hover .item1, .turn-page a:hover .item2 { color: #00a2f3; }
.main.solution, .main.prod, .main.prod-show { margin-top: 0; }
.page-solution-list .box { padding: 40px 0; }
.page-solution-list .con .tit { margin-bottom: 18px; font-size: 26px; }
.page-solution-list .con { margin-top: 20px; }
.page-solution-list .con .desc { font-size: 16px; }
.page-solution-list .con .txt { margin-top: 15px; height: 88px; }
.page-solution-list .con .more { margin-top: 20px; }
.page-case-list { overflow: hidden; }
.page-case-list .imgs { width: 50%; margin-right: -3.75%; display: block; float: left; }
.page-case-list .imgs li { display: none; }
.page-case-list .imgs li:first-child { display: block; }
.page-case-list .imgs li a { height: 0; padding-top: 75%; position: relative; display: block; }
.page-case-list .imgs li a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-case-list .tab-tit { width: 49.95%; max-height: 367px; float: right;/*定义滚动条轨道 内阴影+圆角*//*定义滑块 内阴影+圆角*/ }
 .page-case-list .tab-tit::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: rgba(0, 0, 0, 0);
}
 .page-case-list .tab-tit::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 background-color: rgba(0, 0, 0, 0.1);
}
 .page-case-list .tab-tit::-webkit-scrollbar-thumb {
 border-radius: 10px;
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
 background-color: rgba(0, 0, 0, 0.3);
}
.page-case-list .tab-tit li { line-height: 45px; }
.page-case-list .tab-tit li a { padding-left: 16.279%; font-size: 18px; background-position: 11.62% center; }
.page-case-list .tab-tit li:hover { background: #00a2f3; position: relative; }
.page-case-list .tab-tit li:hover a { font-weight: bold; color: #ffffff; background-image: url(../images/case-li2.png); }
.page-about .con .tit { font-size: 22px; }
.page-about .con .txt { margin-top: 18px; max-height: 245px;/*定义滚动条轨道 内阴影+圆角*//*定义滑块 内阴影+圆角*/ }
 .page-about .con .txt::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: rgba(0, 0, 0, 0);
}
 .page-about .con .txt::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 background-color: rgba(0, 0, 0, 0.1);
}
 .page-about .con .txt::-webkit-scrollbar-thumb {
 border-radius: 10px;
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
 background-color: rgba(0, 0, 0, 0.3);
}
.about-honor { margin-top: 46px; }
.about-culture .list .tit { font-size: 20px; }
.about-culture .list .box { width: 48%; padding: 22px 60px; }
.about-culture .list .box:hover { background: #00a2f3; color: #ffffff; }
.about-culture .list .box:hover .icons .icon1 { display: none; }
.about-culture .list .box:hover .icons .icon2 { display: inline-block; }
.about-culture .list .box:hover .tit, .about-culture .list .box:hover .txt { color: #ffffff; }
.page-tit02, .page-tit04 { padding-top: 40px; padding-bottom: 30px; }
.page-tit02 h2, .page-tit04 h2 { font-size: 24px; }
.page-tit03 h3 { font-size: 20px; }
.solu-background .txt { padding: 15px 20px; line-height: 26px; }
.solu-background .img { margin-top: 20px; }
.solu-summary, .solu-framework { margin-top: 30px; }
.solu-summary .con { padding: 24px 20px; }
.solu-summary .con .txt { max-height: 180px; }
 .solu-summary .con .txt::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: rgba(0, 0, 0, 0);
}
 .solu-summary .con .txt::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 background-color: rgba(0, 0, 0, 0.1);
}
 .solu-summary .con .txt::-webkit-scrollbar-thumb {
 border-radius: 10px;
 box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
 background-color: rgba(0, 0, 0, 0.3);
}
.solu-num { margin-top: 30px; padding-top: 30px; }
.solu-tech { padding-bottom: 20px; }
.solu-tech .box { margin-bottom: 0; }
.solu-tech .box .icon { height: 146px; }
.page-tit03 { margin-bottom: 20px; }
.solu-tech .box .tit { margin-top: 10px; font-size: 16px; }
.solu-advantage .list .box { padding: 15px 20px; }
.solu-advantage .list .box .tit { font-size: 18px; margin-top: 14px; }
.solu-advantage .list .box .icon { height: 60px; }
.prod-advan .advan-l { width: 69.23%; float: left; }
.prod-advan .img { width: 25.77%; float: right; display: block; }
.prod-advan .img img { width: 100%; }
.prod-advan .advan-l .tit { margin-bottom: 15px; font-size: 24px; }
.prod-advan { padding-top: 30px; padding-bottom: 25px; }
.prod-advan .advan-l { margin-top: 6%; }
.prod-advan .advan-l .txt { font-size: 15px; }
.prod-honor, .prod-advan-txt { margin-top: 26px; }
.prod-advan-txt { border-radius: 10px; padding: 30px; margin-bottom: 26px; line-height: 24px; }
.page-tit05 h2 { font-size: 24px; }
.prod-feature .feat3 .txt { padding: 26px 30px; }
.prod-feature .feat3 .txt h3 { font-size: 16px; }
.prod-feature .con p { margin-bottom: 15px; }
.prod-feature .feat-con { margin-bottom: 25px; }
.prod-feature .feat4 .con .box { padding: 26px; font-size: 16px; display: flex; align-items: center; }
.prod-feature .feat4 .con .box img { width: 52px; height: auto; margin-right: 32px; }
.prod-feature .feat4 .con .box p { margin-bottom: 0; }
.prod-feature .feat6 { padding: 36px 0; }
.prod-feature .feat6 .txt { padding: 20px; }
.prod-feature .feat6 { margin-bottom: 0; }
.prod-feature .feat7, .prod-feature .feat8, .prod-feature .feat9, .prod-feature .feat10 { padding-top: 30px; margin-bottom: 0; }
#nav-menu > ul > li { position: relative; }
#nav-menu > ul > li .sec-menu { width: 120px; position: absolute; background: #ffffff; left: 50%; padding-left: 0; transform: translateX(-50%); padding: 5px 0; border-top: 2px solid #00a2f3; margin-top: -2px; }
#nav-menu > ul > li .sec-menu li { line-height: 26px; text-align: center; }
#nav-menu > ul > li .sec-menu li a { display: block; color: #808080; }
#nav-menu > ul > li .sec-menu li a:hover { color: #00a2f3; }
#nav-menu > ul > li:hover > a { color: #00a2f3; }
#nav-menu > ul > li:hover .sec-menu { display: block; }
.index .top-wrap.active #nav-menu > ul > li:hover > a { color: #00a2f3; }
.index .top-wrap.active #nav-menu > ul > li:hover .sec-menu { display: block; }
.about-wrap .img { overflow: hidden; }
.about-wrap .img img { transition: all linear 3s; }
.about-wrap .img:hover img { transform: scale(1.1); }
.prod-list .box .img { overflow: hidden; }
.prod-list .box .img img { transition: all linear 1s; }
.prod-list .box:hover .img img { transform: scale(1.05); }
.solution-list .swiper-slide a:hover { background: #00a2f3; }
.solution-list .swiper-slide a:hover .icon1 { display: none; }
.solution-list .swiper-slide a:hover .icon2 { display: inline-block; }
.solution-list .swiper-slide a:hover .tit, .solution-list .swiper-slide a:hover .txt { color: #ffffff; }
.solution-list .swiper-slide a:hover .tit:after { background: #ffffff; }
.solution-list .swiper-slide a:hover:after { background-image: url(../images/more3h.png); }
}
 @media screen and (min-width: 1200px) {
body { font-size: 16px; }
.container { width: 1200px; }
.top-wrap { height: 100px; }
.logo { width: 162px; height: 50px; margin-top: 25px; }
.logo .navbar-brand { padding: 0; }
#nav-menu > ul > li > a { padding: 40px 20px; }
#nav-menu > ul > li.active > a { background: none; }
.search-wrap { margin-top: 40px; }
.about-wrap .about-l { padding-top: 6%; }
.news-wrap .tab-con .news-list { padding: 41px 40px; }
.news-list .box { padding-bottom: 20px; margin-bottom: 20px; }
.news-list .box .tit { margin-bottom: 18px; font-size: 18px; }
.news-list .box .txt { line-height: 26px; height: 52px; }
.solution-list .swiper-slide .tit { font-size: 18px; }
.product-wrap { background: url(../images/product-bg.jpg) no-repeat center; background-size: cover; }
.product-wrap .prod-l { width: 20%; margin-top: 2%; float: left; }
.product-wrap .prod-list { width: 73.84%; margin-top: 0; float: right; }
.solution-wrap, .product-wrap, .case-wrap { padding: 42px 0; }
.tit01 h2, .tit02 h2 { font-size: 26px; }
.product-wrap .prod-l .txt { line-height: 30px; max-height: 180px; }
.tit02:after { margin-top: 20px; }
.product-wrap .prod-l .txt { margin-top: 24px; }
.product-wrap .more01 { margin-top: 40px; }
.more01 { font-size: 14px; }
.prod-list .box {position: relative;}
.prod-list .img { position: absolute; right: 24px; bottom: 28px; }
.prod-list .img img { width: 80px; height: 80px; }
.case-list .swiper-slide { width: 500px; }
.f-nav a { font-size: 16px; }
.footer-wrap { padding-top: 25px; }
.f-nav { padding-bottom: 23px; }
.footer { margin-top: 30px; }
.f-contact { width: 55%; }
.f-contact .tit { font-size: 18px; margin-bottom: 14px; }
.search-wrap .search-form { width: 230px; }
.search-wrap .search-form .sear-txt { padding: 0 14px; height: 34px; }
.search-wrap .search-form .sear-btn { height: 34px; }
.index .top-wrap.active #nav-menu > ul > li.active a { color: #00a2f3; }
.page-honor-list .swiper-container { width: 1120px; }
.crumbs-menus .crumbs { width: 30%; float: left; display: block; color: #999999; line-height: 44px; }
.crumbs-menus .crumbs a { color: #666666; }
.crumbs-menus .crumbs a:hover { color: #00a2f3; }
.crumbs-menus .menus { width: 60%; float: right; text-align: right; }
#nav-menu > ul > li.active > a { color: #00a2f3; }
.main-l { width: 75%; float: left; }
.side { width: 23.75%; float: right; display: block; }
.page-news-list .box .con .tit { margin: 13px 0; }
.side-tit { background: #f0f0f0; margin-bottom: 1px; }
.side-tit h2 { line-height: 50px; font-size: 18px; padding: 0 15px; }
.side-tit h2:after { content: ''; width: 22px; height: 28px; margin-left: 10px; margin-top: -5px; background: url(../images/hot.png); display: inline-block; vertical-align: middle; }
.reco-list { background: #f0f0f0; padding: 15px 15px 5px 15px; }
.reco-list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f8faff; }
.reco-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.reco-list li a { display: block; }
.reco-list li span { display: block; }
.reco-list li .tit { line-height: 26px; height: 52px; overflow: hidden; }
.reco-list li .time { color: #666666; margin-top: 10px; }
.text-title { padding-bottom: 40px; margin-bottom: 40px; }
.text-title h1 { font-size: 30px; line-height: 40px; }
.text-title p { margin-top: 25px; }
.detail-box { line-height: 28px; }
.detail-box p { margin-bottom: 25px; }
.turn-page p a { padding: 12px 16px; }
.page-solution-list .img { margin-right: 40px; }
.page-solution-list .con { padding-right: 30px; }
.page-solution-list .box01 .img, .page-solution-list .box03 .img { margin-left: 40px; }
.page-solution-list .box01 .con, .page-solution-list .box03 .con { padding-right: 0; padding-left: 30px; }
.page-solution-list .con .tit { margin-bottom: 24px; }
.page-solution-list .con .txt { line-height: 26px; height: 106px; }
.page-solution-list .con .more { font-size: 14px; }
.page-case-list { width: 1200px; margin: 0 auto; padding: 0; }
.page-case-list .tab-tit { max-height: 450px; }
.page-case-list .tab-tit li { line-height: 54px; }
.main.case .text-title { margin-bottom: 30px; }
.case-det { padding: 15px; margin-bottom: 30px; border-radius: 12px; }
.case-det p { margin-bottom: 0; }
.about-culture .list { overflow: hidden; margin-left: -2%; display: block; }
.about-culture .list .box, .about-culture .list li { width: 23%; float: left; margin-bottom: 20px; margin-left: 2%; }
.about-culture .list .box { padding: 38px 34px; }
.about-culture .list .icons img { height: 54px !important; }
.about-culture .list .tit { font-size: 24px; margin-top: 20px; }
.about-culture .list .txt { margin-bottom: 0; margin-top: 14px; height: 66px; overflow: hidden; }
.main.about { background: url(../images/p-about-bg.png) no-repeat center; background-size: cover; }
.solu-background .txt { padding: 27px 40px; line-height: 32px; }
.solu-background .txt p { font-weight: bold; }
.solu-background .img { margin-top: 30px; }
.page-tit02 h2, .page-tit04 h2 { font-size: 32px; }
.page-tit03 h3 { font-size: 26px; }
.page-tit03 { margin-bottom: 26px; }
.solu-summary .con { padding: 78px 40px 40px 40px; }
.solu-summary .con .page-tit03:after { margin-top: 20px; }
.solu-summary .con .txt { line-height: 26px; max-height: 150px; }
.solu-summary, .solu-framework, .solu-num, .solu-advantage { margin-top: 40px; }
.solu-num { padding-top: 40px; padding-bottom: 20px; }
.solu-num .box { margin-bottom: 30px; }
.solu-num .box .txt { line-height: 26px; }
.solu-tech .list { width: 1200px; }
.solu-tech { padding: 40px 0 30px 0; }
.solu-tech .box .tit { margin-top: 15px; }
.solu-charactor { padding: 40px 0; }
.solu-charactor .con p { margin-bottom: 20px; }
.solu-advantage { padding-bottom: 40px; }
.solu-advantage .list .box { margin-bottom: 0; }
.page-prod .tab-con { margin-top: 50px; }
.page-prod .tab-con .con .txt { line-height: 30px; }
.page-prod .tab-con .con .img img { width: auto; max-width: 100%; }
.page-prod { padding-bottom: 60px; }
.page-prod .tab-tit a { font-size: 20px; padding-bottom: 18px; }
.prod-advan .advan-l .tit { font-size: 28px; margin-bottom: 22px; }
.prod-advan .advan-l .txt { font-size: 16px; }
.prod-advan .advan-l { margin-top: 8%; }
.prod-honor, .prod-advan-txt { margin-top: 35px; }
.prod-advan-txt { margin-bottom: 50px; padding: 35px 40px; line-height: 30px; font-size: 18px; }
.page-tit05 { padding-top: 40px; padding-bottom: 30px; }
.page-tit03 h3 { line-height: 26px; }
.page-tit05 h2 { font-size: 30px; }
.prod-feature .con p { margin-bottom: 20px; }
.prod-feature .feat3 .con p { margin-bottom: 20px; }
.prod-feature .feat-con { margin-bottom: 30px; }
.prod-feature .feat4 .con .box { padding: 26px 40px; }
.prod-feature .feat6 .txt { padding: 20px 60px; line-height: 30px; }
.prod-feature .feat6, .prod-feature .feat7, .prod-feature .feat8, .prod-feature .feat9, .prod-feature .feat10 { margin-bottom: 0; }
.prod-friend { padding-bottom: 50px; }
#nav-menu > ul > li .sec-menu { width: 140px; padding: 10px 0; }
#nav-menu > ul > li .sec-menu li { line-height: 40px; font-size: 14px; }
.search-wrap .search-form { margin-top: 52px; }
}
 @media screen and (min-width: 1280px) {
.prod-table { width: 1280px; margin: 0 auto; }
.prod-table tbody tr th, .prod-table tbody tr td { padding: 22px 0; font-size: 20px; }
}
 @media screen and (min-width: 1300px) {
.container { width: 1300px; padding: 0; }
#nav-menu > ul > li > a { padding: 40px 30px; font-size: 18px; font-weight: 500; }
#nav-menu { margin-left: 15%; }
#banner .swiper-pagination { padding-top: 4px; }
.about-wrap .container { position: relative; }
.about-wrap .about-l { width: 800px; height: 400px; position: absolute; background: rgba(255, 255, 255, 0.9); z-index: 2; left: 5%; top: 0; bottom: 0; margin: auto; padding-top: 3%; padding-left: 50px; padding-right: 50px; }
.tit01 { margin-top: 0; margin-bottom: 40px; }
.tit01:after { margin-top: 13px; }
.tit01 h2 { margin-bottom: -26px; font-size: 30px; }
.tit01 p { line-height: 40px; font-size: 50px; }
.txt { line-height: 30px; }
.news-wrap { padding-top: 100px; padding-bottom: 60px; }
.news-wrap .tit01 { margin-bottom: 60px; }
.news-wrap .tit01 .tit-l:after { margin-top: 13px; }
.news-wrap .tab-tit a { width: 150px; line-height: 50px; font-size: 20px; }
.news-list .box .txt { line-height: 30px; height: 60px; }
.news-wrap .tab-con .news-list { padding: 47px 40px; }
.news-list .box { padding-bottom: 21px; margin-bottom: 25px; }
.more01 { margin-top: 40px; }
.more01 a { width: 140px; line-height: 48px; }
.solution-wrap { padding-top: 100px; }
.solution-list .swiper-slide a { padding: 60px 50px; }
.solution-list .swiper-slide .icon { height: 70px; }
.solution-list .swiper-slide .tit { font-size: 24px; margin-top: 28px; }
.solution-list .swiper-slide .tit:after { margin-top: 24px; }
.solution-list .swiper-slide .txt { height: 90px; }
.solution-list .swiper-slide a:after { margin-top: 30px; width: 48px; height: 48px; }
.solution-wrap { padding-bottom: 86px; }
.solution-wrap .solution-list { padding-bottom: 54px; }
.solution-wrap .solution-list .swiper-pagination .swiper-pagination-bullet { width: 18px; height: 8px; border-radius: 4px; }
.solution-wrap .solution-list .swiper-pagination .swiper-pagination-bullet-active { width: 40px; transition: width linear .3s; transform-origin: center left; }
.product-wrap { padding: 100px 0; }
.tit02 p { font-size: 24px; }
.tit02 h2 { font-size: 30px; }
.product-wrap .prod-l { margin-top: 46px; }
.tit02 h2 { margin-top: 10px; }
.tit02:after { margin-top: 30px; }
.prod-list .tit { font-size: 24px; margin-bottom: 28px; }
.prod-list .list { height: 108px; padding-right: 102px; }
.prod-list .box {padding: 50px 30px;}
.prod-list .list a { margin-bottom: 18px; }
.prod-list .img { right: 30px; bottom: 37px; }
.prod-list .img img { width: 100px; height: 100px; }
.case-wrap { padding: 100px 0; position: relative; }
.case-wrap .tit01 { margin-bottom: 60px; }
.case-list .swiper-slide { width: 650px; }
.case-list .swiper-slide a { padding-top: 390px; }
.case-list .swiper-slide a span { font-size: 20px; height: 80px; padding-top: 30px; }
.swiper-button-prev, .swiper-button-next { display: block; width: 60px; height: 60px; margin-top: 28px; }
.swiper-button-prev { background: url(../images/l-hover.png); }
.swiper-button-next { background: url(../images/r-hover.png); }
.case-wrap .swiper-button-prev, .case-wrap .swiper-button-next, .solution-wrap .swiper-button-next, .solution-wrap .swiper-button-prev { display: block; opacity: .3; }
.case-wrap .swiper-button-prev:hover, .case-wrap .swiper-button-next:hover, .solution-wrap .swiper-button-next:hover, .solution-wrap .swiper-button-prev:hover { opacity: 1; }
.solution-wrap { position: relative; }
.footer-wrap { padding-top: 50px; background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; }
.f-nav { padding-bottom: 50px; text-align: center; }
.f-nav a { width: auto; padding: 0 60px; }
.footer { margin-top: 60px; }
.f-contact .tit { font-size: 20px; margin-bottom: 40px; }
.f-contact .txt { font-size: 14px; }
.f-contact .txt p img { margin-right: 20px; }
.footer .f-r { text-align: right; }
.footer .f-r .tit { margin-bottom: 28px; }
.f-copyright { margin-top: 35px; padding: 10px 0; font-size: 14px; }
.friend { width: 140px; }
.friend .toggle { line-height: 40px; padding-left: 33px; color: #666666; background-position: 80% center; }
.friend .list { width: 200px; bottom: 44px; left: auto; right: 0; }
.f-copyright .copy-l { padding-top: 11px; }
.page-honor-list .swiper-container { width: 1150px; }
.page-honor-list .swiper-button-prev, .page-honor-list .swiper-button-next { margin-top: 0; width: 48px; height: 48px; }
.main { padding-bottom: 150px; }
.crumbs-menus .crumbs { line-height: 80px; }
.crumbs-menus .menus { padding: 0; }
.crumbs-menus .menus a { line-height: 80px; font-weight: bold; }
.crumbs-menus .menus a.active { position: relative; }
.crumbs-menus .menus a.active:after { content: ''; width: 60px; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: #00a2f3; }
.container-fluid { width: 1300px; padding: 0; }
.page-tit h2 { font-size: 40px; }
.page-vr-list .box, .page-prod-list .box { margin-bottom: 58px; }
.page-vr-list .box .tit, .page-prod-list .box .tit { font-size: 18px; line-height: 18px; padding-top: 20px; }
.main { background: none; }
.main.vr:after { content: ''; width: 100%; height: 319px; background: url(../images/vr-bg.png) center bottom; position: absolute; margin-top: -319px; z-index: -1; left: 50%; margin-left: -50%; }
.page { padding-bottom: 100px; }
.footer-wrap { clear: both; }
.content { overflow: hidden; }
.page-banner { margin-top: 100px; }
.page-case-list { margin-bottom: 40px; }
.page-case-list .tab-tit { max-height: 402px; }
.page-case-list .tab-tit { margin-top: 24px; margin-bottom: 24px; }
.main.vr { padding-bottom: 0; }
.main.vr .content { padding-bottom: 100px; }
.main.about:after { z-index: 0; }
.about-culture .list .box { position: relative; z-index: 1; }
.page-tit02, .page-tit04 { padding-top: 40px; padding-bottom: 30px; }
.solu-advantage { padding-bottom: 40px; }
.page-prod { padding-bottom: 60px; }
.main.prod-show .container { width: 1300px; }
.main.prod-show .page-tit04 { padding-top: 75px; padding-bottom: 80px; }
.main.prod-show .page-tit04 h2 { font-size: 48px; }
.main.prod-show .page-tit03 { margin-bottom: 30px; }
.prod-advan .advan-l { margin-top: 50px; }
.prod-advan .advan-l .tit { font-size: 40px; }
.prod-advan .advan-l .txt { line-height: 48px; font-size: 22px; }
.prod-honor { margin-top: 50px; }
.prod-advan-txt { margin-top: 40px; margin-bottom: 100px; font-size: 22px; line-height: 48px; padding: 45px 70px; border-radius: 20px; }
.prod-feature { padding-top: 70px; }
.prod-feature .page-tit05 { margin-bottom: 38px; }
.page-tit05 h2 { font-size: 40px; }
.page-tit05:after { width: 80px; height: 6px; margin-top: 20px; }
.prod-feature .feat-con .page-tit03 h3 { font-size: 32px; line-height: 34px; }
.prod-feature .con p { margin-bottom: 40px; }
.prod-feature .con { font-size: 20px; line-height: 42px; }
.prod-feature .feat-con { margin-bottom: 50px; }
.prod-feature .feat3 { margin-bottom: 90px; }
.prod-feature .feat3 .con p { margin-bottom: 60px; }
.prod-feature .feat3 .txt { padding: 40px; }
.prod-feature .feat3 .txt p { font-size: 20px; margin-bottom: 0; line-height: 42px; }
.prod-feature .feat3 .txt h3 { font-size: 22px; margin-bottom: 20px; }
.prod-feature .feat3 .txt h4 { font-size: 20px; margin-top: 20px; }
.prod-feature .feat4 .page-tit03 { margin-bottom: 70px; }
.prod-feature .feat4 .con .box { padding: 32px 50px; margin-bottom: 20px; }
.prod-feature .feat4 .con .box img { width: 80px; margin-right: 50px; }
.prod-feature .feat4 .con .box p { font-size: 20px; line-height: 48px; }
.prod-feature .feat6 { padding-top: 68px; padding-bottom: 60px; }
.prod-feature .feat6 .page-tit03 { margin-bottom: 40px; }
.prod-feature .feat6 .txt { line-height: 42px; max-height: none; padding: 17px 70px; }
.prod-feature .feat6, .prod-feature .feat7, .prod-feature .feat8, .prod-feature .feat9, .prod-feature .feat10 { margin-bottom: 0; }
.prod-feature .feat7 { padding-top: 80px; }
.prod-feature .feat8 .page-tit03, .prod-feature .feat9 .page-tit03 { margin-bottom: 58px; }
.prod-feature .feat10 { padding-top: 100px; padding-bottom: 30px; }
.prod-feature .feat10 .page-tit03 { margin-bottom: 50px; }
.prod-option, .prod-friend { padding-top: 70px; }
.prod-option .page-tit05, .prod-friend .page-tit05 { margin-bottom: 50px; }
.prod-option .con, .prod-friend .con { font-size: 20px; }
.prod-option .con p, .prod-friend .con p { margin-bottom: 50px; }
.prod-friend { padding-top: 30px; padding-bottom: 60px; }
.prod-friend .page-tit05 { margin-bottom: 30px; }
.about-wrap .about-l .tit01 { margin-bottom: 20px; }
.about-wrap .about-l .more01 { margin-top: 30px; }
}
 @media screen and (min-width: 1420px) {
.main.solution .container, .main.prod .container, .main.prod-show .container { width: 1420px; }
.page-tit02, .page-tit04 { padding-top: 70px; padding-bottom: 60px; }
.page-tit02 h2, .page-tit04 h2 { font-size: 58px; }
.page-tit03 { margin-bottom: 35px; }
.page-tit03 h3 { font-size: 36px; color: #333;}
.solu-background .txt { line-height: 40px; padding: 40px 40px; font-size: 18px; }
.solu-background .img { margin-top: 60px; }
.solu-summary, .solu-framework, .solu-num, .solu-advantage { margin-top: 90px; }
.solu-summary .con { padding-top: 100px; }
.solu-summary .con .page-tit03:after { width: 70px; margin-top: 35px; }
.solu-summary .con .txt { font-size: 18px; line-height: 36px; }
.solu-num { padding-top: 80px; padding-bottom: 60px; }
.solu-num .box { margin-bottom: 60px; }
.solu-num .box .page-tit03 { margin-bottom: 35px; }
.solu-num .box .txt { font-size: 18px; line-height: 36px; }
.solu-tech { padding-top: 220px; padding-bottom: 350px; }
.solu-tech .page-tit03 { margin-bottom: 90px; }
.solu-tech .box { width: 180px; margin-left: 68px; }
.solu-tech .box.box01 { margin-left: 0; }
.solu-tech .box .icon { width: 100%; height: 180px; }
.solu-tech .box .tit { font-size: 24px; margin-top: 20px; }
.solu-charactor { padding-top: 130px; padding-bottom: 100px; }
.solu-charactor .page-tit03 { margin-bottom: 60px; }
.solu-charactor .con { font-size: 18px; line-height: 36px; }
.solu-advantage { padding-bottom: 148px; }
.solu-advantage .page-tit03 { margin-bottom: 70px; }
.solu-advantage .list .box { width: 340px; height: 400px; padding: 40px 36px; }
.solu-advantage .list .box .icon { height: 70px; }
.solu-advantage .list .box .tit { margin-top: 34px; font-size: 28px; }
.solu-advantage .list .box .txt { line-height: 36px; margin-top: 20px; font-size: 17px; }
.main.prod .page-tit02 h2, .main.prod-show .page-tit02 h2, .main.prod .page-tit04 h2, .main.prod-show .page-tit04 h2 { font-size: 48px; }
.page-prod { padding-bottom: 200px; }
.page-prod .tab-tit a { font-size: 24px; padding-bottom: 35px; }
.page-prod .tab-con { margin-top: 80px; }
.page-prod .tab-con .con .txt { line-height: 36px; }
}
 @media screen and (min-width: 1600px) {
.container-fluid { width: 1600px; }
.main { margin-top: 70px; }
.crumbs-menus .menus a { margin: 0 22px; }
.page-vr-list, .page-prod-list { margin-left: -50px; }
.page-vr-list .box, .page-prod-list .box { width: 500px; margin-left: 50px; }
.page-news-list .box .img { margin-right: 40px; }
.page-news-list .box .con { margin-top: 0; }
.page-news-list .box .con .time { font-size: 24px; }
.page-news-list .box .con .tit { font-size: 24px; margin-top: 30px; margin-bottom: 20px; }
.page-news-list .box .con .txt { font-size: 18px; line-height: 36px; height: 72px; }
.side-tit h2 { line-height: 80px; padding-left: 30px; font-size: 24px; }
.reco-list { padding-left: 30px; padding-right: 30px; padding-bottom: 50px; }
.reco-list li { padding-bottom: 22px; }
.reco-list li .tit { line-height: 36px; height: 72px; font-size: 18px; }
.detail-box { font-size: 18px; line-height: 40px; }
.turn-page { font-size: 18px; padding-bottom: 164px; }
.turn-page p a { padding: 22px 40px; }
.page-solution-list .box { padding: 70px 0; }
.page-solution-list .box01, .page-solution-list .box03 { background: url(../images/l-solu-bg.jpg) no-repeat center; background-size: cover; }
.page-solution-list .con { margin-top: 40px; padding-right: 55px; }
.page-solution-list .con .tit { font-size: 36px; }
.page-solution-list .con .desc { font-size: 20px; }
.page-solution-list .con .txt { font-size: 18px; line-height: 36px; margin-top: 40px; height: 142px; }
.page-solution-list .con .more { width: 140px; line-height: 46px; margin-top: 26px; }
.page-solution-list .img { margin-right: 60px; }
.page-solution-list .box01 .img, .page-solution-list .box03 .img { margin-left: 60px; }
.page-solution-list .box01 .con, .page-solution-list .box03 .con { padding-left: 55px; }
.main.solution, .main.prod, .main.prod-show { padding-bottom: 0; }
.page-case-list { width: 1600px; }
.page-case-list { margin-bottom: 130px; }
.page-case-list .tab-tit { max-height: 552px; }
.page-case-list .tab-tit li { line-height: 80px; }
.page-case-list .tab-tit li a { font-size: 24px; }
.main.case .text-title { margin-bottom: 50px; }
.main.case .text-title h1 { font-size: 40px; line-height: 50px; }
.case-det { padding: 25px 40px; margin-bottom: 50px; }
.page-about .con .tit { font-size: 40px; }
.page-about .con .txt { margin-top: 40px; line-height: 40px; max-height: 363px; color: #333333; }
.page-about .con .txt p { margin-bottom: 0; }
.about-honor { margin-top: 120px; margin-left: -50px; }
.about-honor li { width: 500px; margin-left: 50px; }
.about-culture { margin-top: 60px; }
.about-culture .page-tit { margin-bottom: 40px; }
.about-culture .list .txt { line-height: 36px; margin-top: 20px; }
.main.prod .container, .main.prod-show .container { width: 1600px; }
.main.prod .page-tit02, .main.prod-show .page-tit02, .main.prod .page-tit04, .main.prod-show .page-tit04 { padding-bottom: 120px; }
.main.prod-show .container { width: 1300px; }
}
 @media screen and (min-width: 1700px) {
.swiper-button-prev { left: 5%; }
.swiper-button-next { right: 5%; }
}
 @media screen and (min-width: 1800px) {
.about-wrap .about-l { height: 600px; padding-top: 100px; left: 12%; }
.about-wrap .about-l .txt { line-height: 36px; height: 216px; max-height: 216px; }
.about-wrap .about-l .tit01 { margin-bottom: 40px; }
.about-wrap .about-l .more01 { margin-top: 40px; }
}
 @media screen and (min-width: 1900px) {
.about-wrap .about-l { left: 13.54%; }
.swiper-button-prev { left: 10%; }
.swiper-button-next { right: 10%; }
}
/*搜索页面*/
.tips { margin-top: 8px; font-size: 14px; text-align: center; }
.tips span { color: #F00; }
.searchNo { margin-top: 10px; font-size: 16px; text-align: center; }
.searchNo span { color: #F00; }
.searchList { margin-bottom: 20px; }
.searchList li { position: relative; padding: 0 10px; line-height: 3.2; border-radius: 4px; transition: all 0.4s; }
.searchList li .timer { position: absolute; right: 10px; top: 0; color: #999; font-size: 14px; }
.searchList li a { display: block; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchList li:hover { box-shadow: 0 0 3px #ddd; }