/*滚动条样式*/ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #f8f8f8; } ::-webkit-scrollbar-thumb { background: #0257c1; height: 60px; } ::-webkit-scrollbar-thumb:window-inactive { background: #0257c1; } ::-webkit-scrollbar-thumb:vertical:hover { background: #0257c1; } body { /* font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "微软雅黑";*/ font-family: "Arial","微软雅黑"; font-family: "AdobeHeitiStd-Regular"; padding-top: 50px; } @font-face { font-family: "AdobeHeitiStd-Regular"; src: url("../fonts/AdobeHeitiStd-Regular.ttf") format("truetype"), font-weight: normal; font-style: normal; } html, body { height: 100%; } .bgColorF0 { background-color: #f0f0f0; } i, em { font-style: normal; } a:focus, a:hover { text-decoration: none; } @media (max-width: 767px) { .PC_img { display: none!important; } } @media (min-width: 768px) { .min_img { display: none!important; } body { padding-top: 60px; } } @media (min-width: 1200px) { body { padding-top: 80px; } } @media (min-width: 1439px) { body { padding-top: 90px; } .container { width: 1400px; } } @media (min-width: 1600px) { .container { width: 95%; max-width: 1630px; } } .img { overflow: hidden; position: relative; margin: 0 auto; } .img img { display: block; width: 100%; -webkit-transition: all .5s; transition: all .5s; } /*搜索页面*/ .noResult { text-align: center; font-size: 16px; text-transform: uppercase; margin: 50px 0; } @media (min-width: 768px) { .noResult { font-size: 20px; } } /*foot*/ .gotop { width: 40px; height: 40px; background: url(../images/icon/gotop.png) no-repeat center; background-size: contain; position: fixed; right: -40px; bottom: 50px; z-index: 2; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; } .gotop.on { right: 5px; } .gotop:hover { background-image: url(../images/icon/gotop1.png); } .footer { background-color: #0d4198; background: -webkit-linear-gradient(#025bcd, #062854); background: linear-gradient(#025bcd, #062854); color: #c5c5c5; padding-top: 30px; } .footer a { display: inline-block; color: #c5c5c5; } .footer a:hover { color: #fff; } .copyright { border-top: 1px rgba(197,197,197,.5) solid; font-size: 12px; line-height: 20px; text-align: center; padding: 25px 0; } .foot_nav { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .foot_nav a { color: #e3e3e3; letter-spacing: 1px; padding: 0 10px; margin: 3px 0; } .foot_top { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-left: -15px; margin-right: -15px; margin-top: 30px; } .foot_top>.column { padding: 0 15px; margin-bottom: 35px; } .foot_contact p { word-break: break-all; letter-spacing: 1px; margin: 0; } .foot_contact p+p { margin-top: 10px; } .foot_contact p a { display: inline; } .foot_contact p a+a { padding-left: 10px; } .foot_wechat { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; } .foot_wechat .img { max-width: 146px; margin: 0; } .foot_wechat .span { flex: 0 0 auto; margin-right: 50px; } .foot_wechat .span img { display: block; width: 30px; margin: 0 auto; } .foot_wechat .span span { display: block; letter-spacing: 1px; text-align: center; margin-top: 5px; } @media (max-width: 767px) { .gotop { width: 30px; height: 30px; } } @media (max-width: 639px) { .foot_top>.column { width: 100%; } } @media (min-width: 768px) { .footer { padding-top: 70px; } .foot_nav { margin-left: -20px; margin-right: -20px; } .foot_nav a { font-size: 16px; padding: 0 20px; } .foot_top { margin-top: 60px; margin-bottom: 35px; flex-wrap: nowrap; } .foot_contact { width: 100%; max-width: 500px; } .foot_contact p { font-size: 16px; } .foot_contact p+p { margin-top: 24px; } .foot_wechat { flex: 0 0 auto; } .foot_wechat .img { max-width: 166px; } .foot_wechat .span img { width: 36px; } .foot_wechat .span span { font-size: 16px; line-height: 22px; } } @media (min-width: 1200px) { .foot_nav a, .foot_contact p, .foot_wechat .span span { font-size: 18px; } .foot_wechat .span img { width: 42px; } } @media (min-width: 1439px) { .foot_nav a { font-size: 20px; } } /*导航*/ .navbar-default { background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); box-shadow: 0 0 10px rgba(0,0,0,.18); border: 0; border-radius: 0; margin-bottom: 0; } .effect .navbar-default { background-color: rgba(255,255,255,.95) } .navbar-brand { height: auto; padding-top: 10px; padding-bottom: 10px; padding-right: 0; } .navbar-brand img { height: 30px; } .navbar-default .navbar-toggle { border: 0; padding-right: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #0257c1; -webkit-transition: all .5s; transition: all .5s; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .menu_close .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 6px; } .navbar-default .menu_close .icon-bar:nth-child(2) { display: none; } .navbar-default .menu_close .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-default .navbar-nav>li>a { color: #212121; } .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #0257c1; background-color: transparent; } .navbar-collapse::-webkit-scrollbar { width: 2px; height: 2px; } .header_form { width: 100%; margin: 10px 0; position: relative; } .header_form input { width: 100%; height: 24px; padding: 0 30px 0 12px; border-radius: 24px; background-color: transparent; border: 1px #454545 solid; outline: none; } .header_form button { width: 24px; height: 24px; background: url(../images/icon/icon2.png) no-repeat center; background-size: 16px; position: absolute; top: 0; right: 5px; padding: 0; border: 0; outline: none; } @media (max-width: 767px) { .header .navbar-fixed-top .navbar-collapse { max-height: initial; position: fixed; left: 0; right: 0; bottom: 0; top: 50px; background-color: rgba(255,255,255,.95); margin: 0; } } @media (min-width: 768px) { .navbar-brand { padding-top: 15px; padding-bottom: 15px; } .header .container, .header .navbar-collapse.collapse { display: flex!important; justify-content: flex-end; align-items: center; padding: 0; } .header .container { justify-content: space-between; } .header .container:before, .header .container:after, .header .navbar-collapse.collapse:before, .header .navbar-collapse.collapse:after { display: none; } .navbar-default .navbar-nav>li>a { padding: 20px 10px; } .header .dropdown-menu { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #0e7fd5; max-width: 300px; margin: 0; padding: 0 20px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .header .dropdown-menu li a { color: #fff; letter-spacing: 1px; padding: 10px 0; border-bottom: 1px rgba(246,246,246,.6) solid; } .header .dropdown-menu li:last-child a { border-bottom: 0; } .header .dropdown-menu li a:hover { background-color: transparent; color: rgba(255,255,255,.6); } .header_form { flex: 0 0 auto; max-width: 162px; /*margin-left: 10px;*/ display: none; } } @media (min-width: 992px) { .navbar-default .navbar-nav>li>a { padding-left: 12px; padding-right: 12px; } .header_form { display: block; } } @media (min-width: 1200px) { .navbar-brand { padding-top: 20px; padding-bottom: 20px; } .navbar-brand img { height: 40px; } .navbar-default .navbar-nav>li>a { font-size: 16px; padding: 30px 15px; } .header_form { margin-left: 20px; } } @media (min-width: 1439px) { .navbar-brand img { height: 50px; } .navbar-default .navbar-nav>li>a { font-size: 18px; padding: 35px 20px; } .header_form { margin-left: 40px; } } /*首页*/ .index_banner { position: relative; } .index_banner img { display: block; width: 100%; cursor: pointer; } .banner_text { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner_text img { -webkit-transition: all 1s; transition: all 1s; opacity: 0; } .banner1 .banner_text img { -webkit-transform: translateY(100%); transform: translateY(100%); } .banner2 .banner_text img { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .banner3 .banner_text img { -webkit-transform: scale(0); transform: scale(0); } .banner4 .banner_text img { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .banner5 .banner_text img { -webkit-transform: translateX(100%); transform: translateX(100%); } .index_banner .swiper-slide-active .banner_text img { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition-delay: .5s; transition-delay: .5s; } .index_banner .swiper-pagination-bullet { width: 25px; height: 2px; border-radius: 0; background-color: #0257c1; opacity: 1; margin: 0 7px !important; } .index_banner .swiper-pagination-bullet-active { background-color: #fff; } @media (max-width: 767px) { .index_banner .swiper-button-prev, .index_banner .swiper-button-next { width: 18px; height: 29px; margin-top: -15px; background-size: contain; } } .index_main { margin: 25px 0; overflow: hidden; position: relative; } .index_main .container { width: auto; max-width: none; position: relative; z-index: 2; } .index_bg { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; background-position: top center; } .index_title { padding: 0 20px; margin-bottom: 25px; } .index_title a { display: block; color: #333; position: relative; } .index_title h2 { font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 0; } @media (max-width: 767px) { .index_bg { background-size: cover; } } @media (min-width: 768px) { .index_main { margin: 50px 0; } .index_main .container { padding-left: 20px; padding-right: 20px; } .index_bg { background-attachment: fixed; } .index_title h2 { font-size: 24px; } } @media (min-width: 992px) { .index_main .container { padding-left: 36px; padding-right: 36px; } .index_title { padding: 0 40px; } } @media (min-width: 1200px) { .index_title h2 { font-size: 30px; } } @media (min-width: 1439px) { .index_main { margin: 70px 0; } .index_title h2 { font-size: 36px; } } /*首页产品*/ .index_product_list { margin-left: -10px; margin-right: -10px; } .index_product_list .column { padding: 0 10px; margin-bottom: 36px; } .index_product_list a { display: block; color: #0257c1; } .index_product_list a .text { padding: 20px 10px 0; } .index_product_list a h2 { font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_product_list a h2:after { content: ""; width: 46px; height: 4px; background-color: #58a1ff; display: block; margin-top: 10px; } .index_product_list a p { color: #929292; letter-spacing: 1.6px; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 20px 0 0; } .index_product_list a em { display: block; border: 2px #000 solid; border-radius: 42px; padding: 8px 20px; color: #000; letter-spacing: 3px; text-align: center; max-width: 120px; margin-top: 25px; } .index_product_list a:hover em { border-color: #0257c1; color: #0257c1; } .index_product_list a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 479px) { .index_product_list .column { width: 100%; } } @media (min-width: 992px) { .index_product_list { margin-left: -18px; margin-right: -18px; } .index_product_list .column { padding: 0 18px; } .index_product_list a .text { padding-top: 35px; } .index_product_list a h2 { font-size: 20px; } } @media (min-width: 1200px) { .index_product_list a h2 { font-size: 24px; } .index_product_list a h2:after { height: 8px; } .index_product_list a p { font-size: 16px; line-height: 24px; height: 48px; margin-top: 30px; } .index_product_list a em { font-size: 16px; max-width: 160px; margin-top: 35px; } } @media (min-width: 1439px) { .index_product_list a h2 { font-size: 28px; } } /*首页解决方案/新闻*/ .index_list { margin-left: -10px; margin-right: -10px; display: flex; flex-direction: row; flex-flow: wrap; } .index_list:before, .index_list:after { display: none; } .index_list>.column { padding: 0 10px; margin-bottom: 36px; overflow: hidden; } .index_list .inner { height: 100%; background-color: #f5f5f5; padding-top: 30px; overflow: hidden; } .index_list .index_title a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .index_list .index_title a em { display: block; width: 120px; letter-spacing: 3px; text-align: center; border: 2px #000 solid; border-radius: 40px; padding: 8px 20px; margin: 10px 0; } .index_list .index_title a:hover em { border-color: #0257c1; color: #0257c1; } .index_solution_list a { display: block; color: #333; } .index_solution_list a .text { padding: 30px 11.07011% 20px; } .index_solution_list a h2 { font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_solution_list a h2:after { content: ""; width: 46px; height: 4px; background-color: #58a1ff; display: block; margin-top: 10px; } .index_solution_list a p { color: #929292; letter-spacing: 1.6px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 10px 0 0; } .index_news_list { padding: 0 20px; } .index_news_list .column { margin-bottom: 30px; } .index_news_list a { color: #414141; display: flex; flex-direction: row; align-items: center; background-color: #fff; border: 1px #d0d1d1 solid; } .index_news_list a .img { flex: 0 0 auto; width: 240px; } .index_news_list a .text { width: 100%; overflow: hidden; padding: 15px 6.30631%; } .index_news_list a h2 { font-size: 16px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_news_list a p { color: #929292; line-height: 24px; height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-indent: 28px; margin: 15px 0 0; } .index_news_list a span { display: block; color: #969595; text-align: right; margin-top: 20px; } .index_list a:hover h2 { color: #0257c1; } .index_list a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .index_list .index_title a { align-items: center; } } @media (max-width: 639px) { .index_news_list a .img { width: 180px; } .index_news_list a p { height: 48px; -webkit-line-clamp: 2; margin-top: 10px; } .index_news_list a span { margin-top: 10px; } } @media (max-width: 479px) { .index_news_list a { display: block; } .index_news_list a .img { width: 100%; } } @media (min-width: 992px) { .index_list { margin-left: -18px; margin-right: -18px; } .index_list>.column { padding: 0 18px; } .index_solution_list a h2 { font-size: 20px; } .index_news_list { padding: 0 40px; } } @media (min-width: 1200px) { .index_list .index_title a em { font-size: 16px; width: 160px; } .index_solution_list a .text { padding-top: 85px; } .index_solution_list a h2 { font-size: 24px; } .index_solution_list a h2:after { height: 8px; } .index_solution_list a p { font-size: 16px; line-height: 30px; height: 60px; } .index_news_list a .img { width: 280px; } .index_news_list a p { font-size: 16px; line-height: 30px; height: 90px; text-indent: 32px; } } @media (min-width: 1439px) { .index_solution_list a h2 { font-size: 28px; } .index_news_list a .img { width: 320px; } .index_news_list a p { margin-top: 25px; } .index_news_list a em { margin-top: 30px; } } @media (min-width: 1600px) { .index_news_list a .img { width: 380px; } .index_news_list a em { margin-top: 50px; } } /*内页*/ .wrapper { min-height: calc(100vh - 470px); position: relative; } .inside_banner { overflow: hidden; position: relative; } .inside_banner img { display: block; width: 100%; } .inside_banner .banner_text img { opacity: 1; } .location_main { background-color: #ededed; color: #848585; } .location_main .container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .location_main .container:before, .location_main .container:after { display: none; } .location { color: #515151; margin-bottom: 30px; position: relative; } .location b, .location a { font-weight: normal; color: #515151; line-height: 20px; } .location a:hover { color: #0257c1; } .inside_main { padding: 30px 0; /*overflow: hidden;*/ position: relative; } .inside_main .container { position: relative; } .layout_info { min-height: 45vh; display: flex; flex-direction: row; } .layout_left { flex: 0 0 auto; width: 200px; margin-right: 30px; } .layout_right { width: 100%; overflow: hidden; } .submenu_main { position: -webkit-prefix; position: -webkit-sticky; position: sticky; top: 90px; } .submenu_title { margin-bottom: 20px; } .submenu_title h2 { font-size: 20px; font-weight: 700; margin: 0; } .submenu_title h2:after { content: ""; width: 54px; height: 4px; background-color: #58a1ff; display: block; margin-top: 10px; } .submenu>li>a { border-bottom: 1px rgba(149,149,149,.34) solid; color: #2d2d2d; letter-spacing: 1px; padding: 0 0 6px; margin-top: 25px; } .submenu>li>a:hover, .submenu>li.active>a { background-color: transparent; color: #2073dd; } .inside_title { text-align: center; margin-bottom: 30px; } .inside_title h2 { font-size: 20px; font-weight: bold; color: #023f98; margin: 0; } .inside_title span { display: block; font-size: 16px; color: rgba(153,153,153,.4); text-transform: uppercase; margin-bottom: 5px; } .title { margin-bottom: 40px; } .title1 { text-align: center; } .title span { display: inline-block; background-color: #0279d4; padding: 8px 25px; font-size: 16px; color: #fff; text-align: center; letter-spacing: 1px; border-radius: 30px; } .InfoContent { line-height: 1.71428571; text-indent: 28px; position: relative; overflow: hidden; } .InfoContent p { margin: 0; } .InfoContent img { max-width: 100%; height: auto !important; } .InfoTitle { margin-bottom: 15px; text-align: center; } .InfoTitle h4 { font-size: 18px; margin: 0; line-height: 1.71428571; } .InfoTitle .date { font-size: 12px; color: #666; margin-top: 10px; } .InfoTitle .date span { padding: 0 5px; } .goBack { text-align: center; margin-top: 30px; margin-bottom: -15px; } .goBack a { display: inline-block; color: #fff; line-height: 20px; background-color: #666; padding: 10px 30px; } .goBack a:hover { background-color: #0257c1; } .pager { text-align: right; margin: 45px 0 0; } .pager li>a, .pager li>span { border: 0; color: #333; border-radius: 0; padding: 0; margin: 2px; } .pager li>a:hover, .pager .active>a { color: #0257c1; background-color: transparent; } .info_previous_next_wrap { border-top: 1px #dad9d9 solid; padding-top: 16px; margin-top: 40px; font-size: 14px; color: #666; } .info_previous_next_wrap b { font-weight: normal; } .info_previous_next_wrap a { color: #666; text-decoration: none; } .info_previous_next_wrap a:hover { color: #0257c1; } .info_Previous, .info_Next { margin-bottom: 10px; } @media (max-width: 767px) { .layout_info { display: block; } .layout_left { width: 100%; position: fixed; left: 100%; top: 0; bottom: 0; z-index: 11; background-color: #fff; padding: 15px; display: flex; flex-direction: column; } .menu_icon { display: block; width: 28px; height: 28px; background: url(../images/icon/submenu.png) no-repeat center; background-size: contain; margin-bottom: 15px; cursor: pointer; } .submenu_close { display: block; width: 15px; height: 15px; background: url(../images/icon/close1.png) no-repeat center; background-size: contain; flex: 0 0 auto; margin: 0 auto 15px; } .submenu_main { height: 100%; overflow-y: auto; } .submenu_main::-webkit-scrollbar { width: 2px; height: 2px; } .info_previous_next_wrap { font-size: 12px; margin-top: 30px; } } @media (min-width: 768px) { .menu_icon, .submenu_close { display: none; } .inside_main { padding: 70px 0; } .inside_title { margin-bottom: 70px; } .inside_title h2 { font-size: 24px; } .inside_title span { font-size: 20px; } .title span { font-size: 18px; padding-left: 40px; padding-right: 40px; } .location { font-size: 16px; } .InfoTitle h4 { font-size: 20px; } } @media (min-width: 992px) { .layout_left { width: 240px; margin-right: 50px; } .submenu_title h2 { font-size: 26px; } .submenu_title h2:after { width: 66px; height: 6px; margin-top: 15px; } .submenu>li>a { font-size: 16px; } } @media (min-width: 1200px) { .submenu_main { top: 110px; } .inside_title h2 { font-size: 28px; } .inside_title span { font-size: 20px; } .title span { font-size: 22px; } .location { margin-bottom: 60px; } .InfoTitle { margin-bottom: 30px; } .InfoTitle h4 { font-size: 24px; } .InfoContent { font-size: 16px; text-indent: 32px; } .layout_left { width: 280px; } } @media (min-width: 1439px) { .submenu_main { top: 130px; } .inside_title h2 { font-size: 32px; } .inside_title span { font-size: 24px; } .layout_left { width: 324px; margin-right: 70px; } .InfoTitle h4 { font-size: 28px; } } /*关于*/ .about_main, .honor_main { padding: 50px 0; } .about_main .container { max-width: 1200px; } .about_main .InfoContent { color: #4b4b4b; line-height: 3; } .about_banner_text { background-color: #fff; border-radius: 10px; overflow: hidden; color: #d18f40; padding: 40px 15px; max-width: 1320px; margin: 50px auto; position: relative; display: flex; flex-direction: column; justify-content: center; } .about_banner_text:before { content: ""; width: 180px; height: 56px; background: url(../images/element1.png) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; } .about_banner_text:after { content: ""; width: 300px; height: 43px; background: url(../images/element2.png) no-repeat center; background-size: contain; position: absolute; right: 0; bottom: 0; } .about_banner_text ul { list-style: none; padding: 0; margin: 0 -15px; display: flex; flex-direction: row; flex-wrap: wrap; position: relative; z-index: 1; } .about_banner_text ul li { width: 25%; padding: 0 15px; position: relative; display: flex; flex-direction: row; justify-content: center; } .about_banner_text ul li:after { content: ""; width: 1px; height: 120px; background-color: #d18f40; position: absolute; right: 0; top: 5px; } .about_banner_text ul li:last-child:after { display: none; } .about_banner_text ul li h2 { font-size: 20px; font-weight: bold; letter-spacing: 4px; margin: 0; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .about_banner_text ul li p { line-height: 24px; letter-spacing: 4px; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; margin: 0; margin-left: 10px; } .honor_main .container { max-width: 1280px; } .honor_box .item+.item { margin-top: 15px; } .honor_title { margin-bottom: 30px; } .honor_title span { display: inline-block; font-size: 16px; letter-spacing: 1px; border-top: 1px #000 solid; border-bottom: 1px #000 solid; padding: 4px; } .honor_list { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } .honor_list:before, .honor_list:after { display: none; } .honor_list .column { padding: 0 7px; margin-bottom: 30px; } .honor_list .column1 { width: 50%; } .honor_list a { display: block; color: #221815; } .honor_list h2 { font-size: 16px; line-height: 1.4; letter-spacing: 1px; text-align: center; margin: 15px 0 0; } .honor_list1 { justify-content: space-between; } @media (max-width: 639px) { .honor_list .column { width: 33.33333%; } .honor_list .column1 { width: 66.66667%; } } @media (max-width: 479px) { .about_banner_text ul li { width: 50%; margin: 15px 0; } .about_banner_text ul li:nth-child(2n):after { display: none; } .honor_list { justify-content: center; } .honor_list .column { width: 50%; } .honor_list .column1 { width: 100%; } } @media (min-width: 768px) { .about_main, .honor_main { padding: 70px 0; } .about_banner_text { padding: 80px 30px; } .about_banner_text:before { width: 262px; height: 82px; } .about_banner_text:after { width: 418px; height: 60px; } .about_banner_text ul li h2 { font-size: 24px; } .about_banner_text ul li p { margin-left: 20px; } .honor_box .item+.item { margin-top: 30px; } .honor_title { margin-bottom: 50px; } .honor_title span, .honor_list h2 { font-size: 18px; } } @media (min-width: 992px) { .honor_list .column1 { width: 33.33333%; } } @media (min-width: 1200px) { .about_main, .honor_main { padding: 90px 0; } .about_banner_text { padding: 80px 50px; min-height: 420px; } .about_banner_text ul li:after { height: 160px; } .about_banner_text ul li h2 { font-size: 28px; } .about_banner_text ul li p { font-size: 16px; line-height: 32px; margin-left: 35px; } .honor_list .column { width: 14.28571%; } .honor_list .column1 { width: 28.57142%; } } @media (min-width: 1439px) { .about_main, .honor_main { padding: 100px 0; } .about_banner_text { min-height: 530px; } .about_banner_text ul li:after { height: 200px; } .about_banner_text ul li h2 { font-size: 34px; } .honor_list .column { width: 12.5%; } .honor_list .column1 { width: 25%; } } /*解决方案*/ .solution_list { max-width: 805px; margin: 0 auto; } .solution_list .column { margin-bottom: 50px; padding-bottom: 82px; position: relative; } .solution_list .column:after { content: ""; width: 8px; height: 32px; background: url(../images/icon/icon16.png) no-repeat center; background-size: contain; display: block; margin: 50px auto 0; position: absolute; bottom: 0; left: 50%; margin-left: -4px; animation: downTip 1s linear infinite alternate; -webkit-animation: downTip 1s linear infinite alternate; } .solution_list .column:last-child { padding-bottom: 0; } .solution_list .column:last-child:after { display: none; } .solution_list .InfoContent { padding: 0 20%; margin-top: 30px; } @-webkit-keyframes downTip { from {bottom: 10px;opacity:0.9;} to {bottom: 0px;opacity:1;} } @keyframes downTip { from {bottom: 10px;opacity:0.9;} to {bottom: 0px;opacity:1;} } @media (max-width: 639px) { .solution_list .InfoContent { padding: 0 8%; } } @media (min-width: 768px) { .solution_list .InfoContent { font-size: 16px; } } /* 产品中心 */ .product_list .column { margin-bottom: 30px; } .product_list a { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: rgba(238,238,238,.75); color: #3b3b3b; padding: 0 7.462686%; } .product_list a .img { flex: 0 0 auto; width: 39.800995%; max-width: 480px; } .product_list a .text { width: 100%; padding: 30px 0 30px 7.462686%; overflow: hidden; } .product_list a h2 { font-size: 16px; color: #0257c1; font-weight: bold; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product_list a h2:after { content: ""; width: 32px; height: 4px; background-color: #58a1ff; display: block; margin-top: 10px; } .product_list a .p { letter-spacing: 1.6px; line-height: 1.71428571; max-height: 120px; overflow: hidden; margin: 20px 0 0; } .product_list a .p p { margin: 0; } .product_list a em { display: block; color: #2073dd; text-align: center; border: 2px #2073dd solid; padding: 5px 10px; border-radius: 40px; max-width: 120px; margin-top: 25px; } .product_list a:hover em { background-color: #2073dd; color: #fff; } .product_list a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .product_details_main .layout_right { background-color: #fcfcfc; } .details_title { padding: 15px; } .details_title h2 { font-size: 20px; line-height: 1.4; margin: 0; } .details_title h2:after { content: ""; width: 32px; height: 4px; background-color: #58a1ff; display: block; margin-top: 10px; } .product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 32px; height: 32px; margin-top: -16px; border-radius: 100%; background: url(../images/icon/icon15.png) no-repeat center rgba(249,249,249,.4); background-size: 10px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2); box-shadow: 0 4px 12px rgba(0,0,0,.2); opacity: 1; } .product_swiper .swiper-button-next { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .product_swiper img { display: block; max-width: 100%; margin: 0 auto; } .product_swiper .gallery-top { background-color: rgba(238,238,238,.75); } .product_swiper .gallery-thumbs { margin-top: 18px; } .product_swiper .gallery-thumbs img { border: 1px #b5b5b5 solid; } .product_swiper .swiper-slide-thumb-active img { border-color: #fe9238; } .product_details { padding: 30px 15px; max-width: 1070px; margin: 0 auto; } .product_details .title { margin-bottom: 20px; } .product_details .title span { background-color: #0090ff; } .product_details .InfoContent { letter-spacing: 1px; text-indent: 28px; } .product_details_list1 .column { margin-bottom: 40px; } .product_details_list1 .tips { font-size: 16px; line-height: 1.71428571; font-weight: 700; } .product_details_list1 .tips p { margin: 0; } .product_details_list2 { margin: 10px 0 50px; } .product_details_list2 .column { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px #a0a0a0 solid; border-bottom: 1px #a0a0a0 solid; padding: 30px 0; } .product_details_list2 .column+.column { margin-top: -1px; } .product_details_list2 .column:nth-child(even) { flex-direction: row-reverse; } .product_details_list2 .img { width: 47.93815%; background-color: #fff; margin: 0; } .product_details_list2 .text { width: 52.06185%; padding: 15px 0; } .product_details_list2 .column:nth-child(odd) .text { padding-right: 10%; } .product_details_list2 .column:nth-child(even) .text { padding-left: 10%; } @media (max-width: 639px) { .product_list a { display: block; } .product_list a .img { width: 100%; } .product_list a .text { padding-left: 0; } .product_details_list2 .column { display: block; } .product_details_list2 .img, .product_details_list2 .text { width: 100%; } .product_details_list2 .text { padding-left: 0!important; padding-right: 0!important; } } @media (min-width: 768px) { .product_list a h2 { font-size: 20px; } .product_list a h2:after { width: 46px; height: 6px; margin-top: 15px; } .product_list a em { font-size: 16px; } .details_title { padding: 30px 15px; } .details_title h2 { font-size: 24px; } .details_title h2:after { width: 46px; height: 6px; } .product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 48px; height: 48px; margin-top: -24px; } .product_swiper .swiper-button-prev { left: 25px; } .product_swiper .swiper-button-next { right: 25px; } .product_details { padding: 50px; } .product_details .title span { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .product_list a { display: block; } .product_list a .img { width: 100%; } .product_list a .text { padding-left: 0; } .product_details_list2 .column { display: block; } .product_details_list2 .img, .product_details_list2 .text { width: 100%; } .product_details_list2 .text { padding-left: 0!important; } } @media (min-width: 992px) { .product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 64px; height: 64px; margin-top: -32px; background-size: 12px; } } @media (min-width: 1200px) { .details_title { padding: 45px 30px 30px; } .details_title h2 { font-size: 28px; } .details_title h2:after { height: 8px; } .product_details { padding-top: 50px; padding-bottom: 50px; } .product_details .InfoContent { text-indent: 32px; } .product_details_list1 { margin-left: -40px; margin-right: -40px; } .product_details_list1 .column { padding: 0 40px; } .product_details_list1 .tips { font-size: 18px; } } @media (min-width: 1439px) { .product_list a h2 { font-size: 24px; } .product_list a h2:after { height: 8px; } .product_list a .p { font-size: 16px; max-height: 135px; margin-top: 40px; } .product_list a em { font-size: 18px; max-width: 160px; margin-top: 40px; } .product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 86px; height: 86px; margin-top: -43px; background-size: 14px; } .product_details_list1 { margin-left: -100px; margin-right: -100px; } .product_details_list1 .column { padding: 0 100px; } } @media (min-width: 1600px) { .product_list a h2 { font-size: 28px; } } /*案例*/ .case_list .column { margin-bottom: 30px; } .case_list a { display: block; color: #000; text-align: center; max-width: 596px; margin: 0 auto; } .case_list a h2 { font-size: 16px; margin: 15px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .case_list a:hover h2 { color: #0257c1; } .case_list a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .case_list { margin-left: -10px; margin-right: -10px; } .case_list .column { padding: 0 10px; } } @media (max-width: 479px) { .case_list .column { width: 100%; } } @media (min-width: 1200px) { .case_list { margin-left: -30px; margin-right: -30px; } .case_list .column { padding: 0 30px; margin-bottom: 65px; } .case_list a h2 { margin-top: 30px; } } /*新闻动态*/ .news_main .pager, .news_list { max-width: 1360px; margin-left: auto; margin-right: auto; } .news_list a { display: flex; flex-direction: row; justify-content: space-between; color: #333; border-bottom: 1px #d0d0d0 solid; padding: 10px 0; } .news_list a h2 { font-size: 14px; line-height: 20px; margin: 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news_list a span { flex: 0 0 auto; display: block; margin-left: 30px; } .news_list a:hover h2 { color: #0257c1; } .news_flipster { position: relative; padding: 0 62px; margin-bottom: 50px; } .news_flipster .flip-items a { display: block; color: #000; position: relative; } .news_flipster a .img em { position: absolute; bottom: 12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(255,255,255,.7); padding: 6px 20px; border-radius: 30px; font-size: 15px; line-height: 20px; color: #3399ff; text-align: center; letter-spacing: 1.6px; width: 100%; max-width: 130px; } .news_flipster a .text, .news_flipster a .img em { visibility: hidden; opacity: 0; } .news_flipster a .text { border: 1px #d0d0d0 solid; padding: 10px 15px; margin-top: 30px; } .news_flipster a h2 { font-size: 16px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news_flipster a p { font-size: 12px; color: rgba(0,0,0,.6); line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 15px 0 0; } .news_flipster a span { display: block; color: rgba(0,0,0,.6); font-weight: bold; text-align: right; margin-top: 15px; } .news_flipster .flip-current a .text, .news_flipster .flip-current a .img em { visibility: visible; opacity: 1; } .news_flipster.flipster-carousel .flip-prev { -webkit-transform: translateX(-47%) scale(0.78); -moz-transform: translateX(-47%) scale(0.78); -o-transform: translateX(-47%) scale(0.78); -ms-transform: translateX(-47%) scale(0.78); transform: translateX(-47%) scale(0.78); } .news_flipster.flipster-carousel .flip-next { -webkit-transform: translateX(47%) scale(0.78); -moz-transform: translateX(47%) scale(0.78); -o-transform: translateX(47%) scale(0.78); -ms-transform: translateX(47%) scale(0.78); transform: translateX(47%) scale(0.78); } .news_flipster .flip-items { width: 58.08824%!important; } .news_flipster .flip-item { width: 100%; } .news_flipster .flipto-prev, .news_flipster .flipto-next { position: absolute; text-indent: -9999px; top: 25%; z-index: 1; width: 42px; height: 42px; border-radius: 100%; background: url(../images/icon/icon15.png) no-repeat center #fff; background-size: 10px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1); box-shadow: 0 4px 12px rgba(0,0,0,.1); } .news_flipster .flipto-prev { left: 10px; } .news_flipster .flipto-next { right: 10px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .news_details .InfoTitle, .news_details .InfoContent { max-width: 1250px; margin-left: auto; margin-right: auto; } .news_details_img { position: relative; max-width: 1220px; margin: 15px auto 0; } .news_details_img img { display: block; width: 100%; } .news_details_img .swiper-button-prev, .news_details_img .swiper-button-next { width: 18px; height: 29px; margin-top: -15px; background-size: contain; } @media (max-width: 767px) { .news_flipster { padding: 0; width: 90%; margin-left: auto; margin-right: auto; } .news_flipster .flip-items { width: 100%!important; } .news_flipster .flipto-prev, .news_flipster .flipto-next { width: 30px; height: 30px; background-size: 8px; } } @media (max-width: 479px) { .news_list a { display: block; } .news_list a span { margin-left: 0; margin-top: 5px; text-align: right; } } @media (min-width: 768px) { .news_flipster a .text { padding: 20px 12% 15px; } } @media (min-width: 1200px) { .news_flipster .flipto-prev, .news_flipster .flipto-next { width: 68px; height: 68px; background-size: 14px; top: 28%; } .news_flipster { padding: 0 120px; margin-bottom: 140px; } .news_flipster a .text { margin-top: 50px; } .news_flipster a h2 { font-size: 18px; } } /*我们的服务*/ .service_main .container { max-width: 1300px; } .service_box .item { overflow: hidden; } .service_box .item+.item { margin-top: 30px; } .service_box .InfoContent { margin-bottom: 30px; } .service_box .row { display: flex; flex-direction: row; flex-wrap: wrap; } .service_box .row:before, .service_box .row:after { display: none; } .service_box .row .column { margin-bottom: 30px; } .service_list1 .column>h2 { width: 64px; height: 24px; background-color: #0279d4; padding: 10px 5px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto 24px; position: relative; } .service_list1 .column>h2:after { content: ""; width: 0; height: 0; border-top: 24px #0279d4 solid; border-left: 32px transparent solid; border-right: 32px transparent solid; position: absolute; left: 0; top: 100%; z-index: -1; } .service_list1 .inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-left: -20px; margin-right: -20px; } .service_list1 .inner .span { padding: 0 20px; } .service_list1 .inner span { display: block; text-align: center; margin-top: 25px; } .service_list2 { padding: 0 30px; } .service_list2 .inner { display: flex; flex-direction: row; align-items: center; } .service_list2 .icon { flex: 0 0 auto; width: 64px; margin-right: 15px; } .service_list2 .icon img { display: block; width: 100%; } .service_list2 h2 { font-size: 16px; line-height: 1.42857143; margin: 0; } .service_list3 .p { padding: 20px 10% 0; line-height: 1.71428571; letter-spacing: 1px; } .service_list3 .p p { margin: 0; } .service_list4 h2 { font-size: 16px; color: #0279d4; text-align: center; margin: 20px 0 0; } .service_list5 .column { display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; } .service_list5 .img { width: 53.070866%; } .service_list5 .text { width: 46.929134%; padding: 0 4.724409%; } .service_list5 .title { margin-bottom: 20px; } .service_list5 .title span { min-width: 170px; padding-left: 15px!important; padding-right: 15px!important; } .service_list5 .InfoContent { text-indent: 28px; letter-spacing: 1px; line-height: 2; margin-bottom: 0; } @media (max-width: 639px) { .service_list5 .column { display: block; } .service_list5 .img, .service_list5 .text { width: 100%; } .service_list5 .img { margin-bottom: 30px; } } @media (max-width: 479px) { .service_box .row .column { width: 100%; } } @media (min-width: 768px) { .service_list1 .column>h2 { width: 82px; height: 30px; padding: 15px 10px; font-size: 18px; margin-bottom: 32px; } .service_list1 .column>h2:after { border-top-width: 32px; border-left-width: 41px; border-right-width: 41px; } .service_list1 .inner { margin-left: -35px; margin-right: -35px; } .service_list1 .inner .span { padding: 0 35px; } .service_list1 .inner span, .service_list3 .p { font-size: 16px; } .service_list2 .icon { width: 83px; margin-right: 30px; } .service_list2 h2, .service_list4 h2 { font-size: 18px; } .service_list3 { margin-left: -30px; margin-right: -30px; } .service_list3 .column { padding: 0 30px; margin-bottom: 50px!important; } .service_list5 .column { margin-bottom: 90px; } } @media (min-width: 992px) { .service_list5 .title { margin-bottom: 40px; } } @media (min-width: 1200px) { .service_list1 .inner span, .service_list3 .p { font-size: 18px; } .service_list3 { margin-left: -60px; margin-right: -60px; } .service_list3 .column { padding: 0 60px; } .service_list4 { margin-left: -22px; margin-right: -22px; } .service_list4 .column { padding: 0 22px; } .service_list5 .InfoContent { text-indent: 32px; } } @media (min-width: 1439px) { .service_list3 { margin-left: -115px; margin-right: -115px; } .service_list3 .column { padding: 0 115px; } .service_list5 .title { margin-bottom: 60px; } } /*联系我们*/ .contact_info { color: #4b4b4b; line-height: 24px; text-align: center; } .contact_info p { margin: 0; } .contact_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 30px -15px 0; } .contact_list>.column { width: 100%; padding: 0 15px; margin-bottom: 30px; } .contact_wrap p { font-size: 16px; color: #000; line-height: 24px; margin: 0; border-bottom: 2px #d8d8d8 solid; padding: 0 10px 20px; display: flex; flex-direction: row; align-items: flex-start; } .contact_wrap p+p { margin-top: 20px; } .contact_wrap p a { color: #000; } .contact_wrap p a:hover { color: #0257c1; } .contact_wrap p .icon { display: block; width: 42px; height: 42px; margin-right: 25px; } .contact_wrap p span { display: block; margin-top: 9px; } .wechat .img { border: 2px rgba(149,149,149,.24) solid; } .wechat span { display: block; font-size: 16px; text-align: center; margin-top: 20px; } .join_us { margin-top: 30px; } .join_form .item+.item { margin-top: 30px; } .join_form .item>h2 { font-size: 18px; color: #000; border-bottom: 1px #c4c4c4 solid; padding-bottom: 10px; margin: 0 0 20px; } .join_form label { display: block; font-size: 16px; color: #000; font-weight: normal; line-height: 24px; margin: 0 0 10px; } .join_form .row .column { margin-bottom: 20px; } .join_form .form-control { font-size: 16px; letter-spacing: 1px; height: 40px; border: 2px #c9cbd0 solid; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .join_form .btn { display: block; width: 100%; height: 40px; background-color: #0279d4; border: 0; border-radius: 0; font-size: 16px; color: #fff; letter-spacing: 1px; margin-top: 40px; outline: none!important; } .join_form .mobile { display: flex; flex-direction: row; } .join_form .mobile span { flex: 0 0 auto; display: block; width: 100px; height: 40px; border: 2px #c9cbd0 solid; padding: 6px 10px; margin-right: 10px; font-size: 16px; color: #9b9b9b; line-height: 24px; } .join_form .column p { color: #838383; margin: 15px 0 0; } .join_form .upload_area { position: relative; } .join_form .upload_area .file_name { display: block; background-color: #c9cbd0; min-height: 40px; padding: 10px; line-height: 20px; text-align: center; font-size: 16px; color: #4e5369; letter-spacing: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .join_form .upload_area input { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; outline: none; cursor: pointer; opacity: 0; } @media (max-width: 767px) { .wechat { max-width: 200px; margin: 0 auto; } } @media (min-width: 768px) { .contact_info { font-size: 16px; line-height: 30px; } .contact_list { margin-top: 60px; } .contact_list>.column0 { width: auto; max-width: calc(100% - 260px); } .contact_list>.column1 { flex: 0 0 auto; width: 260px; } .contact_wrap { min-width: 448px; } .contact_wrap p { font-size: 18px; line-height: 30px; } .contact_wrap p span { margin-top: 6px; } .wechat span { font-size: 18px; margin-top: 20px; } .join_us { margin-top: 50px; } .join_form .row { margin-left: -30px; margin-right: -30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .join_form .row:before, .join_form .row:after { display: none; } .join_form .row .column { padding: 0 30px; margin-bottom: 40px; } .join_form .row .col-sm-5 { max-width: 330px; } .join_form .upload_area, .join_form .form-control { max-width: 270px; } .join_form .item>h2 { font-size: 20px; } .join_form label { font-size: 18px; line-height: 30px; } .join_form .form-control, .join_form .btn { font-size: 18px; height: 50px; } .join_form .mobile span { width: 130px; height: 50px; padding: 6px 15px; font-size: 18px; line-height: 34px; } .join_form .upload_area .file_name { min-height: 50px; line-height: 30px; font-size: 18px; } } @media (min-width: 992px) { .contact_list>.column0 { padding-right: 100px; } .join_form .item+.item { margin-top: 50px; } .join_form .item .row { padding-left: 40px; } } @media (min-width: 1200px) { .contact_list { margin-top: 90px; } .contact_list>.column0 { max-width: calc(100% - 310px); } .contact_list>.column1 { width: 310px; } .wechat span { font-size: 22px; margin-top: 40px; } } /*动画*/ .fadeInUp { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; } .fadeInLeft { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: all 1s; transition: all 1s; } .fadeInRight { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .8s; transition: all .8s; } .zoomIn { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); -webkit-transition: all .8s; transition: all .8s; } .animated { opacity: 1; -webkit-transform: none; transform: none; }