@charset "utf-8"; /* CSS Document */ body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #5f5f5f; font: 14px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; } body, html { scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; } ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 14px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } p { margin: 0; padding: 0; } /* 重置表单元素 */ legend { color: #5f5f5f; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ :hover { text-decoration: none !important; } html { overflow-y: scroll; } :link { text-decoration: none; color: #5f5f5f; } :visited { text-decoration: none; color: #5f5f5f; } .fl { float: left; } .fr { float: right; } [data-mfp-src], .btn-img-popup { cursor: -webkit-zoom-in; cursor: zoom-in; } /*======================公用样式=======================*/ .wrap { width: 100%; } .logo { float: left; } .navbar-area { } .navbar-light .pc-logo { width: 220px; height: 90px; background: url(../images/logo.png) no-repeat; } .navbar-light .navbar-brand img { float: left; margin-left: -15px } .sticky-nav { position: fixed; top: 0; left: 0; right: 0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); margin: auto; z-index: 999; background: #fff; -webkit-animation: .9s ease-in-out 5s normal none 1 running fadeInDown; animation: .9s ease-in-out 5s normal none 1 running fadeInDown; -webkit-transition: .9s; transition: .9s; width: 100%!important } @media(max-width:990px) { .sticky-nav { position: static; } } .sticky-nav .nav-top { width: 100%; border-radius: 0 } .sticky-nav .main-nav { -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1) } .main-nav { position: relative; top: 0; left: 0; padding: 0; width: 100%; z-index: 999; height: auto; } .main-nav .navbar { padding: 0; } .main-nav nav .navbar-nav .nav-item { padding: 0; } .main-nav nav .navbar-nav .nav-item .active, .main-nav nav .navbar-nav .nav-item:hover a { color: #fff; background: #20308f; } .main-nav nav .navbar-nav .nav-item a { text-transform: capitalize; color: #404040; padding: 42px 27px; margin: 0; } .main-nav nav .navbar-nav .nav-item a i { font-size: 10px } .main-nav nav .navbar-nav .nav-item a :focus, .main-nav nav .navbar-nav .nav-item a:hover { color: #fff } .main-nav nav .navbar-nav .nav-item a.active { color: #fff!important; background: #20308f; } .main-nav nav .navbar-nav .nav-item a.active i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .main-nav nav .navbar-nav .nav-item a:hover i { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .7s; transition: .7s } .main-nav nav .navbar-nav .nav-item a .active::before { -webkit-transform: scale(1); transform: scale(1) } .main-nav nav .navbar-nav .nav-item .dropdown-menu { border: 0; border-radius: 0; background-color: #20308f!important; padding-left: 0; padding-right: 0; width: 168px; } .main-nav nav .navbar-nav .nav-item .dropdown-menu li { text-align: center; line-height: 18px; border-bottom: 0 } .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child { border-bottom: 0 } .main-nav nav .navbar-nav .nav-item .dropdown-menu li a { position: relative; -webkit-transition: .7s; transition: .7s; font-size: 14px; } .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before { width: 100% } .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover { color: #fff; background: #cb252b; } .main-nav nav .navbar-nav .nav-item .dropdown-menu li ul.nth3 {width: 240px;} .main-nav nav .navbar-nav .nav-item .dropdown-menu li ul.nth3 li {width: 50%; float: left;} .mobile-nav .mean-container .mean-nav ul li a .active { color: #2ca6e0 } .mean-container a.meanmenu-reveal { color: #373e58 } .mean-container a.meanmenu-reveal span { background-color: #20308f } .other-side .lang { float: right; margin-top: 8px; margin-right: 5px; display: block; } .other-side .lang a { color: #fff; } .other-side .lang img { margin-left: 10px; } .lang-mobile { display: none; } .other-side .modal-menu { float: right; margin-left: 20px; margin-top: 3px } .other-side .modal-menu a { color: #64acff; font-size: 20px; font-weight: 700; width: 40px; height: 40px; line-height: 40px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); text-align: center } .other-side .modal-menu a:hover { color: #20308f } .banner { } .banner img { width: 100%; display: block; } .ban-pc { display: block; } .ban-mobile { display: none; } .ban-mobile img { width: 100%; height: auto; } .ban-pc .swiper-pagination-bullet-active { background: #20308f!important; } .ban-pc .swiper-pagination-bullet { width: 12px!important; height: 12px!important; border-radius: 6; background: #fff; opacity: 1!important; margin: 0 5px } .ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 47px!important; } .a-main { } .a-main img { width: 100%; } .ban-pro-pc { display: block; } .ban-pro-mobile { display: none; } .ban-pro-mobile img { width: 100%; height: auto; } .ban-pro-pc .swiper-pagination-bullet-active { background: #2ca6e0!important; } .ban-pro-pc .swiper-pagination-bullet { width: 50px!important; height: 3px!important; border-radius: 0; background: #fff; opacity: 1!important; margin: 0 5px } .ban-pro-pc .swiper-pagination { bottom: 47px!important; left: 45%; } /*产品检索*/ .search_ctrl { margin-bottom: 20px; margin-top: 20px; } .search_ctrl .search_row .col-lg-3 { line-height: 40px; font-size: 22px; text-align: right; padding-right: 4px; color: #000000; } .search_ctrl .search_row .btn-outline-secondary { width: 140px; background: #163271; color: #fff; } @media(max-width:990px) { .search_ctrl .search_row .col-lg-3 { display: none; } } /*首页标题*/ .index-title { position: relative; padding-top: 25px; margin-bottom: 40px; text-align: center; } .index-title em { position: absolute; left: 0; top: 0; width: 100%; font-size: 90px; color: #e9e9e9; text-transform: uppercase; font-weight: bold; } .index-title h2 { font-size: 40px; position: relative; z-index: 10; letter-spacing: 4px; color: #000; font-weight: bold; } /*首页*/ .index-about { background: url("../images/index_about_bg.jpg") repeat-x top; } .index-about-main { padding: 90px 0; } .in-title { position: relative; padding-top: 25px; margin-bottom: 40px; } .in-title em { position: absolute; left: 0; top: 0; width: 100%; font-size: 90px; color: #eee; text-transform: uppercase; font-weight: bold; } .in-title h2 { font-size: 40px; position: relative; z-index: 10; letter-spacing: 4px; color: #000; font-weight: bold; } .index-about .txt { line-height: 30px; font-size: 16px; } .index-about .more { margin-top: 30px; line-height: 43px; text-align: center; width:340px; } .index-about .more a { color: #fff; font-size: 16px; width: 150px; border-radius: 22px; background: #20308f; display: inline-block; margin-right: 15px; } .index-about .more a.shop{background: #ee7c36;margin-right:0px;} .index-about-video { } .index-about-video img { width: 100%; } .index-about-video video { margin-top: 100px; width: 100%; } @media(max-width:990px) { .index-about-video video { margin-top: 0px; } } .numCount { margin: 60px -10px; } .numCount li { float: left; width: 20%; text-align: center; } .numCount li .item { margin: 0 10px; } .numCount li .item .indt { font-size: 16px; color: #000; } .numCount li .item .indc { color: #868787; font-size: 16px; } .numCount li .numU { line-height: 1.3; } .numCount li .numCX { font-size: 55px; color: #000; font-weight: bold; } .numCount li .numU .unitC { font-size: 100%; line-height: 1.3; margin-left: 0.3em; } .numCount li .numU em { font-size: 16px; color: #000; } @media (max-width:800px) { .numCount li .numCX { font-size: 24px; } .numCount li .numU em { font-size: 24px; } } @media (max-width:640px) { .numCount li .numCX { font-size: 7vw; } } @media (max-width:480px) { .numCount { font-size: 0.5vw; } } .index-pro { width: 100%; background: #f2f2f2; } .index-pro-main { padding: 66px 0 100px 0; } /*首页产品*/ .left_banner { right: 0px; top: 50px; height: 500px; width: 53%; background-color: #20308f; /* border-radius: 10px; */ } .left_banner span, .left_banner p, .left_banner a { margin-left: 150px; text-align: left; color: #fff; } .left_banner span { font-size: 30px; margin-top: 110px; display: block; } .left_banner .box_i { margin-top: 20px; } .left_banner p { margin-top: 5px; width: 60%; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; position: relative; /*max-height:90px;*/ /* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ margin-bottom: 30px; } .left_banner a { display: block; font-size: 16px; width: 153px; line-height: 41px; border: 1px solid #fff; border-radius: 20px; margin-top: 10px; color: #fff; font-weight: 100; text-align: center; } .left_banner a .imgg { height: 22px; width: 27px; margin: -4px 4px; } #flash { width: 100%; margin: 50px auto; position: relative; } #flash #play { width: 100%; height: 535px; list-style: none; top: 0px; left: 0px; } #flash #play li { display: none; position: absolute; top: 0px; left: 0px; width: 100%; } #flash #play li:first-child { display: block; } #flash #play #img { top: 110px; left: 0px; width: 53%; padding: 0 63px; background: #fff; overflow: hidden; z-index: 9; } #button { position: absolute; bottom: -90px; left: 27%; list-style: none; } #button li { margin-left: 4px; float: left; background: rgb(229, 229, 229); } #button li:first-child div { background: rgb(64, 64, 64); } #button li div { width: 45px; height: 2px; /* border-radius: 3%; */ display: inline-block; background-color: #f2f2f2; /* border: 2px solid #404040; */ opacity: 0.9; margin-left: 10px; } #prev, #next { padding: 45px 0px 45px 0px; position: absolute; top: 55%; margin-top: -53px; background-color: rgba(242, 242, 242, .3); } #prev:hover, #next:hover { opacity: 0.8; } #prev { left: -60px; } #next { right: -60px; } #prev img, #next img { width: 42px; } .pc-box-text { display: block; } @media screen and (max-width: 1366px) { #flash { width: 1100px; } #flash #play { width: 1100px; } #flash #play li { width: 1100px; } } @media screen and (max-width: 1236px) { #flash { width: 90%; } #flash #play { width: 100%; } #flash #play li { width: 100%; } } @media screen and (min-width: 1106px) { .left_banner { position: absolute; } #flash #play #img { position: absolute; } } @media screen and (max-width: 1106px) { #flash { width: 76%; } .left_banner span, .left_banner p, .left_banner a { margin-left: 50px; } #flash #play #img { width: 100%; padding: 0; } .left_banner { width: 100%; } .left_banner p { width: 80%; } #flash .play-img { width: 90%; margin: auto; } .left_banner { height: auto; padding-bottom: 10px; } .left_banner span { margin-top: 0; text-align: center; } .left_banner a { margin-top: -20px; } .left_banner .box_i { margin-top: 0; } } @media all and (max-width: 800px) { .left_banner a { margin-top: -30px; } #flash #play { height: 560px; } .left_banner span, .left_banner p, .left_banner a { margin-left: 25px; } #flash .play-img { width: 85%; margin: auto; } #prev, #next { padding: 20px 0px 20px 0px; top: 40%; } #prev img, #next img { width: 30px; } .play-text { position: absolute; top: 87px; padding-top: 2px; } } @media all and (max-width: 991px) { #flash .play-img { z-index: 999; position: relative; } .play-text { z-index: 0; } #button { display: none; } } @media all and (max-width: 768px) { .left_banner span, .left_banner p, .left_banner a { margin-left: 25px; } .left_banner a { display: none; } #flash .play-img { width: 85%; margin: auto; } #flash #play { height: 650px; } #prev, #next { padding: 20px 0px 20px 0px; top: 40%; } #button { position: absolute; bottom: -15px; left: 39%; list-style: none; } #prev img, #next img { width: 25px; } .play-text { position: absolute; top: 99%; padding-top: 2px; } } @media all and (max-width: 700px) { .left_banner p { line-height: inherit; } /*.more_mid .more_left .bofangqi{*/ /* left: 0;*/ /*}*/ .pc-box-text { } #flash #play #img { height: auto; } #button { position: initial; width: 180px; margin: 28px auto 100px; } #flash #play { height: 468px; } } @media all and (min-width: 700px) { .pc-box-text { display: block; } } @media all and (max-width: 631px) { .play-text { position: absolute; top: 60%; padding-top: 2px; display: block; } .left_banner span { font-size: 18px; } #flash #play { height: 416px; } } @media all and (max-width: 600px) { #flash #play { height: 396px; } } @media all and (max-width: 556px) { #flash #play { height: 383px; } } @media all and (max-width: 536px) { .left_banner p { font-size: 12px; line-height: 20px; } .left_banner span { text-align: left; font-size: 14px; font-weight: bold; padding: 100px 0 5px; } #flash { margin-top: 30px; } } @media all and (max-width: 490px) { #flash { width: 86%; } #prev, #next { z-index: 15; margin-top: -68px; } #next { right: 0; } #prev { left: 0; } } @media all and (max-width: 445px) { #flash #play { height: 360px; } } @media all and (max-width: 400px) { #flash { width: 100%; } #flash #play { height: 350px; } #prev, #next { } } /*首页合作伙伴*/ .index-hz { padding: 70px 0; } .index-hz .pic { margin-top: 35px; } .index-hz .pic img { width: 100%; } /*首页行业应用*/ .index-industry { padding-top: 49px; background: #f2f2f2; } .index-industry-main { margin-top: 40px; } .swiper-about { height: 70vh; position: relative; } .swiper-about li { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .swiper-about li::after { content: ''; display: block; position: absolute; width: 100%; height: 70vh; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); transition: 0.2s; z-index: 1; } .swiper-about li .link { position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 55; } @media (min-width: 993px) { .swiper-about li { width: 25vw; } } @media (max-width: 992px) { .swiper-about li { width: 33.33vw; } } @media (max-width: 768px) { .swiper-about li { width: 50vw; } } @media (max-width: 640px) { .swiper-about li { width: 100vw; } } .swiper-about .info { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; width: 70%; z-index: 2; color: #fff; text-align: center; } .swiper-about .info > * { transition: ease-in 0.6s; } .swiper-about .info .pic { margin: 0 auto; } .swiper-about .info .pic img { vertical-align: middle; } .swiper-about .info .cn { font-size: 32px; transition: 0.3s ease-in; padding: 23px 0 13px 0; } .swiper-about .info .en { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; color: #fff; } .swiper-about .info .desc { font-size: 18px; overflow: hidden; transition-duration: 0.4s; opacity: 0; } @media (min-width: 768px) { .swiper-about .info .add { color: #01b0ff; font-size: 32px; margin-bottom: 10px; display: block; text-align: center; transition: ease-in-out 0.3s; } } @media (min-width: 768px) { .swiper-about li:Hover::after { opacity: 0; } .swiper-about li:Hover .info .add { opacity: 0; } .swiper-about li:Hover .info .more { opacity: 1; } .swiper-about li:Hover .info .desc { opacity: 1; line-height: 1.5; margin-bottom: 40px; } } @media (max-width: 768px) { .swiper-about .info .add { transform: scale(0) translateY(-100px); } .swiper-about .info .more { width: 60px; height: 60px; line-height: 60px; text-align: center; } .swiper-about .info .desc { opacity: 1; line-height: 1.5; margin-bottom: 40px; } } .swiper-about .pnext { width: 47px; height: 47px; text-align: center; background-color: #20308f; font-size: 18px; line-height: 47px; color: #a7a7a7; cursor: pointer; transition: all 0.2s ease-in-out; color: #fff; } .swiper-about .pnext:hover { color: #fff; background-color: #6073e0; outline: none; } @media (min-width: 993px) { .swiper-about .pnext { display: none; } } .swiper-about .swiper-button-disabled { opacity: 0.5; } .swiper-about .pnextbox { position: absolute; right: 0; bottom: 0; width: 94px; height: 47px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; z-index: 55; } /*首页新闻*/ .index-news { padding: 66px 0; } .index-news-menu { padding: 40px 0 60px 0; display: inline-block; margin: 0 auto; } .index-news-menu li { width: 198px; height: 42px; line-height: 42px; border: 1px solid #d7d7d7; text-align: center; float: left; margin: 0 14px; } .index-news-menu li a { font-size: 16px; color: #676767; } .index-news-menu li:hover { display: block; background: #20308f; border: 1px solid #20308f; } .index-news-menu li:hover a { color: #fff; } .index-news-swiper { } .index-news-swiper .top-new { padding: 20px; border: 1px solid #dfdfdf; overflow: hidden; } .index-news-swiper .top-new .img { overflow: hidden; } .index-news-swiper .top-new img { width: 100%; height: auto; } .index-news-swiper .top-new img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index-news-swiper .top-new:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .index-news-swiper .top-new .intro { padding-top: 19px; } .index-news-swiper .top-new .intro .time { padding: 12px; background: #20308f; text-align: center; float: left; display: block; width: 20%; } .index-news-swiper .top-new .intro .time span { font-size: 40px; font-weight: bold; color: #fff; margin-bottom: 10px; display: block; } .index-news-swiper .top-new .intro .time em { color: #fff; display: block; } .index-news-swiper .top-new .intro .con { width: 77%; float: right; margin-top: 4px; } .index-news-swiper .top-new .intro .tit { font-size: 16px; margin-bottom: 5px; } .index-news-swiper .top-new .intro .tit a { color: #111; } .index-news-swiper .top-new .intro .txt { display: block; line-height: 22px; } .index-news-swiper .new-list { } .index-news-swiper .new-list li { background: #f6f6f6; overflow: hidden; display: block; margin-bottom: 10px; padding: 20px; border: 1px solid #dfdfdf; } /*.index-news-swiper .new-list li:hover {background: linear-gradient(to right, #20308f, #585f83); color: #fff;} .index-news-swiper .new-list li:hover .time {border-right:1px solid #fff;} .index-news-swiper .new-list li:hover .time span,.index-news-swiper .new-list li:hover .time em {color: #fff;} .index-news-swiper .new-list li:hover .txt span a {color: #fff;}*/ .index-news-swiper .new-list li .time { padding: 10px; background: #20308f; text-align: center; float: left; display: block; } .index-news-swiper .new-list li .time span { font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 5px; display: block; } .index-news-swiper .new-list li .time em { color: #fff; display: block; } .index-news-swiper .new-list li .txt { width: 88%; float: right; } .index-news-swiper .new-list li .txt span { font-size: 16px; display: block; margin-top: 2px; margin-bottom: 8px; } .index-news-swiper .new-list li .txt span a { color: #000; } .index-news-swiper .new-list li .txt em { line-height: 22px; display: block; } .index-news-swiper .hd { margin-top: 35px; } .index-news-swiper .swiper-pagination-bullet-active { background: #20308f!important; } .index-news-swiper .swiper-pagination-bullet { width: 12px!important; height: 12px!important; border-radius: 6; background: #999; opacity: 1!important; margin: 0 5px } .index-news-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important; } @media screen and (max-width:991px) { .index-news-swiper .top-new { padding: 10px; margin-bottom: 10px; } .index-news-swiper .top-new .intro .time { display: none; } .index-news-swiper .top-new .intro .con { width: 100%; float: none; margin-top: 0; } .index-news-swiper .new-list li { padding: 10px; } .index-news-swiper .new-list li .time { display: none; } .index-news-swiper .new-list li .txt { width: 100%; float: none; margin-top: 0; } .index-news-swiper .new-list li .txt span { font-size: 16px; } } /*底部*/ .foot-link { width: 100%; background: #e4e2e3; line-height: 25px; padding: 5px 0; color: #3d3d3d; } .foot-link a { color: #3d3d3d; margin-right: 5px; } .foot-link a:hover { color: #000; } .foot { width: 100%; overflow: hidden; background: #171717; } .foot-con { padding: 66px 0; overflow: hidden; } .foot-contact { float: left; } .foot-con .tit { margin-bottom: 19px; color: #fff; font-size: 16px; } .foot-con .tel { line-height: 20px; color: #fff; font-size: 18px; margin-bottom: 25px; } .foot-con .tel i { margin-right: 14px; } .foot-con .txt { line-height: 24px; color: #fff; } .foot-con .tel p { padding-left: 65px; margin-bottom: 11px; } .foot-bg { background: url("../images/foot-bg.png") no-repeat top right; } .foot-con dl { display: block; } .foot-con dl dt { margin-bottom: 20px; color: #fff; display: block; font-size: 16px; font-weight: bold; } .foot-con dl dd { display: block; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot-con dl dd a { color: #6b6b6b; } .foot-con i { margin-right: 10px; color: #fff; } .foot-con .fl { width: 50% } .weixin { margin-top: 40px; float: right; } .weixin img { display: block; margin: 0 auto; } .foot-copy { color: #6b6b6b; line-height: 22px; border-top: 1px solid #2d2d2d; text-align: center; background: #171717; } /*内页*/ .inner-ban { width: 100%; height: 499px; } .inner-ban img { display: none; } .job_ban { background: url("../images/job_ban.jpg") no-repeat center; } .about_ban { background: url("../images/about_ban.jpg") no-repeat center; } .contact_ban { background: url("../images/contact_ban.jpg") no-repeat center; } .pro_ban { background: url("../images/pro_ban.jpg") no-repeat center; } .service_ban { background: url("../images/service_ban.jpg") no-repeat center; } .news_ban { background: url("../images/news_ban.jpg") no-repeat center; } .app_ban { background: url("../images/app_ban.jpg") no-repeat center; } .show_pro { padding: 100px 0 20px; } .map { width: 100%; } /*内页菜单*/ .crumbs-box { position: relative; z-index: 5; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); font-size: 16px } .w1370 { width: 88vw; max-width: 1370px; margin-left: auto; margin-right: auto; } .crumbs-box .inner { position: relative; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .crumbs-box .inner:before { position: absolute; top: 0; right: 100%; display: block; width: 40vw; height: 100%; background: #20308f; content: "" } .crumbs-box nav { position: relative; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center } .crumbs-box nav h5 { position: relative; margin-right: 30px; padding-right: 60px; padding-left: 30px; height: 80px; background: #20308f; color: #fff; text-transform: uppercase; line-height: 80px; cursor: pointer; font-size: 24px; } .crumbs i { padding: 0 5px; } @media (max-width:640px) { .crumbs-box nav h5 { margin-right: 10px; padding-right: 50px; padding-left: 0; height: 60px; } } .crumbs-box nav h5 i { position: absolute; top: 50%; right: 20px; color: #fff; font-size: 28px; transform: translateY(-50%) } .crumbs-box h5 { display: -webkit-flex; display: flex; display: -webkit-box; display: box; line-height: 1.4!important; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center } .crumbs-box nav h6 { color: #2e2d2d } @media (max-width:768px) { .crumbs-box nav h6 { font-size: 14px } } .crumbs-box .dropinfo { display: none; padding: 20px 0; background: #20308f; color: #fff } .crumbs-box .dropinfo a { position: relative; display: inline-block; margin-right: .3rem; padding: 5px 0px; margin-left: 30px; color: #fff; font-size: 16px } .crumbs-box .dropinfo a:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 1px; background: #fff; content: ""; opacity: .8; transition: all .4s ease 0s } .crumbs-box .dropinfo .active:after, .crumbs-box .dropinfo a:hover:after { width: 100% } @media (max-width:768px) { .crumbs-box .dropinfo a { margin-bottom: 5px; font-size: 12px; } } .crumbs { color: #999; margin-right: 30px; } .crumbs .icon-shouye { color: #20308f; font-size: 18px } .crumbs a { color: #999 } .crumbs a:hover { color: #20308f } .crumbs .icon-right { padding: 0 5px; font-size: 14px } .crumbs.s2 { padding: .26rem 0; height: auto; line-height: 1.5 } @media (max-width:991px) { .crumbs-box nav h5 { font-size: 18px; } } .filters { width: 100%; overflow: hidden; background: #fff; } .filters .filter-tabs { position: relative; float: left; } .filters li { position: relative; display: inline-block; line-height: 30px; padding: 10px 55px; cursor: pointer; color: #666; font-weight: 500; font-size: 16px; top: 0; font-family: "Roboto", sans-serif; } .filters a:hover, .filters a:focus { text-decoration: underline; } .filters li:last-child { margin-right: 0; } .filters .filter.active, .filters .filter:hover { background: #2ca6e0; color: #fff !important; } .filters .filter:hover a { color: #fff; } .filters .filter.active a { color: #fff; background: #2ca6e0; } /*products*/ .inner-tit { margin-top: 50px; } .inner-tit span { display: block; font-size: 36px; font-weight: bold; margin-bottom: 12px; color: #1b1b1c; } .inner-tit em { color: #8c8d8e; display: block; margin-bottom: 18px; } .inner-tit .line { width: 58px; height: 4px; background: #20308f; } /*关于我们*/ .inner-about-w { width: 100%; height: 516px; background: #f7f7f7; } .inner-about { width: 100%; overflow: hidden; margin-top: 40px; padding-bottom: 70px; color: #4d4d4d; font-size: 16px; line-height: 30px; } .inner-about p{ font-size: 16px; padding-bottom: 20px; } .inner-about ul.styles li { float: left; width: 19%; margin-right: 1%; text-align: center; line-height: 16px; margin-top: 1%; margin-bottom: 1%; height: 378px; } .inner-about ul.styles li img { width: 100%; margin-bottom: 10px; } .inner-about ul.styles li p { line-height: 20px; } .inner-about ul.styles li:nth-child(5n) { margin-right: 0px; } @media(max-width:990px) { .inner-about ul.styles li { width: 48%; margin-right: 2%; height: 286px; } .inner-about ul.styles li:nth-child(2n) { margin-right: 0px; } } .inner-about nav { width: 100%; clear: both; } .company-box { margin-right: auto; margin-bottom: 1rem; margin-left: auto; width: 88%; max-width: 1400px; } .company-box .inner { position: relative; } @media (min-width:992px) { .company-box .inner .data, .company-box .inner .map { width: 49%; } .company-box .inner .map { position: absolute; top: 57%; right: 0; z-index: 1; max-height: none; transform: translateY(-50%); } } .company-box .data { position: relative; padding-top: 110px; background: #20308f; color: #fff; } .company-box .data::before { position: absolute; top: 0; right: 0; display: block; width: 100vw; background: linear-gradient(to right, #20308f, #3d3a7b, #ed7903); height: 516px; content: ''; } .company-box .data em { display: inline-block; } .company-box .data span { font-size: 18px; } .company-box .data li { position: relative; float: left; margin-bottom: 50px; width: 50%; } .company-box .data li .desc{ margin: 5px 0 0 5px; } /*.company-box .data li::before{position:absolute;top:10px;left:-35px;display:block;width:16px;height:4px;background:#fff;content:'';}*/ .company-box .data .tit { font-size: 16px; } .company-box .data .val { font-size: 48px; font-family: medium; } .inner-about-video { width: 900px; height: 500px; margin: 20px auto; } .inner-about-video video{width:100%; height: auto;} @media (max-width:992px) { .inner-about-w { height: 100%; } .company-box .data .val { font-size: 34px; } .company-box .data::before { background: linear-gradient(to right, #20308f, #ed7903); height: 426px; } .company-box .inner .map { display: none; } .company-box .data { padding-top: 60px; } .inner-about-video { max-width: 100%; height: 250px; } .inner-about-video img { width: 100%; } } @media (max-width:640px) { .company-box { width: 100%; } .company-box .data { margin-bottom: 50px; margin-left: 50px; } .company-box .data li { margin-bottom: 60px; } .company-box .data li::before { left: -10px; width: 5px; } .company-box .data .desc { font-size: 12px; } .company-box .map { display: block; margin: 0 auto; max-width: 88%; } } /*客户服务*/ .service-inner { padding: 50px 0; background: #fff; } .service-inner .tit { font-size: 40px; font-weight: bold; color: #000; margin-bottom: 50px; text-align: center; } .service-inner .txt { font-size: 16px; line-height: 30px; } .partner-inner { padding: 60px 0; width: 100%; background: #fcfcfc; } .partner-inner .tit { font-size: 40px; font-weight: bold; color: #000; margin-bottom: 50px; text-align: center; } .partner-inner .pic { margin-top: 35px; } .partner-inner .pic img { width: 100%; } .job-inner { padding: 80px 0; } /*行业应用*/ .industry-inner { padding: 80px 0; } .industry-inner .con { border: 1px solid #e5e5e5; margin-bottom: 40px; } .industry-inner .con .pic { overflow: hidden; } .industry-inner .con .pic img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 100%; height: 278px; } @media(max-width:990px) { .industry-inner .con .pic img { height: auto; } } .industry-inner .con .pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .industry-inner .con .info { padding: 20px; } .industry-inner .con .info .tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; height: 30px; } .industry-inner .con .info .tit a { color: #0a0a0a; } .industry-inner .con .info .txt { line-height: 28px; color: #737373; height: 84px; font-size: 15px; overflow: hidden; margin-bottom: 10px; } @media(max-width:990px) { .industry-inner .con .info .txt { height: 140px; } } .industry-inner .con .info .time { line-height: 26px; color: #737373; } .industry-inner .con .info .more { border: 1px solid #20308f; border-radius: 50%; color: #20308f; position: relative; right: 0; bottom: 0; margin-top: 10px; margin-left: 85%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; line-height: 40px; height: 40px; width: 40px; } .industry-inner .con .info .more i { width: 100%; height: 100%; position: absolute; background-image: url(../images/arr3.png); background-repeat: no-repeat; background-size: contain; background-position: center center; background-size: 28px; } .industry-inner .con .info:hover .more { background-color: #20308f; color: #FFFFFF; } .industry-inner .con .info:hover { box-shadow: 0 10px 10px rgba(0,0,0,.1) } .industry-inner .con .info:hover .more { background: #20308f } .industry-inner .con .info:hover .more i { animation: downico 1.5s ease-out infinite; background-image: url(../images/arr.png) } /*企业文化*/ .inner-qywh { width: 100%; overflow: hidden; padding: 75px 0; background: #f1f1f1; } .inner-qywh .con { margin-top: 52px; } .inner-qywh .con .qywh-box { background: #fff; } .inner-qywh .con .qywh-box .txt { padding: 50px 0; width: 100%; text-align: center; } .inner-qywh .con .qywh-box .txt .t-1 { font-size: 20px; color: #303031; margin-bottom: 13px; } .inner-qywh .con .qywh-box .txt .line { width: 30px; height: 1px; background: #6d82a7; margin: 0 auto; } .inner-qywh .con .qywh-box .txt .t-2 { margin-top: 26px; font-size: 24px; color: #303031; } .inner-qywh .con .qywh-box .img { overflow: hidden; } .inner-qywh .con .qywh-box .img img { width: 100%; } /*荣誉资质*/ .inner-honor { width: 100%; overflow: hidden; padding: 90px 0 55px 0; background: url("../images/inner-honor-bg.jpg") no-repeat center; } .inner-honor-txt { padding: 22px 0 55px 0; width: 100%; text-align: center; line-height: 28px; font-size: 18px; color: #909090; } .inner-honor-swiper { margin-top: 55px; } .inner-honor ul { white-space: nowrap; } .inner-honor li { text-align: center; display: inline-block; margin-bottom: 30px; } .inner-honor .img { overflow: hidden; } .inner-honor .img img { max-width: 80%; margin-bottom: 5px; } @media (min-width: 1201px) { .inner-honor li { width: 20%; } } @media (max-width: 1200px) { .inner-honor .swiper-pagination { font-size: 0; bottom: 0; } .inner-honor li { width: 25%; } .inner-honor .img img { margin-bottom: 3px; } } @media (max-width: 991px) { .inner-honor-swiper { margin-top: 20px; } } @media (max-width: 768px) { .inner-honor li { width: 50%; } } @media (max-width: 640px) { .inner-honor li { width: 50%; } } .inner-honor .hd { margin-top: 54px; height: 33px; width: 277px; margin: 0 auto; } .inner-honor .pnext { width: 277px; height: 33px; z-index: 555; display: inline-block; margin: 0 auto; } .inner-honor .pnext .pbtn { width: 50%; height: 33px; background: #fff; } .inner-honor .pnext .next, .inner-honor .pnext .prev { cursor: pointer; } .inner-honor .pnext .prev { width: 33px; height: 33px; float: left; background: url(../images/icl_on.png) no-repeat; } .inner-honor .pnext .next { width: 33px; height: 33px; float: right; background: url(../images/icr_on.png) no-repeat; } @media (max-width: 639px) { .inner-honor .pnext { margin: 0 auto; } .inner-honor .hd { margin-bottom: 20px; } } /*发展历程*/ .faz { width: 100%; background: url("../images/abm4bj_06.jpg") no-repeat center; } .abM4 { padding-top: 43px; } .abM4 .inner-tit { margin-top: 0; } .abM4Tit { color: #333; font-size: 48px; } .abM4Bri { color: #505050; line-height: 30px; padding-top: 20px; font-size: 22px; } .nianCon { width: 823px; padding-bottom: 36px; } .history_info { width: 100%; } .nianConP1 { font-size: 24px; color: #1b1b1c; padding-right: 50px; position: relative; display: inline-block; } .niancontxt { width: 690px; height: 200px; padding-top: 10px; line-height: 30px; font-size: 20px; } .nianConP1:before { content: ''; width: 35px; height: 2px; background: #1b1b1c; position: absolute; right: 0; top: 50%; } .nianConP2 { font-size: 22px; color: #333; line-height: 40px; } .abM4Con { padding-top: 50px; } .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { display: block; width: 35px; height: 35px; margin: 0; } .ms-skin-default .ms-nav-next { background: #000; left: initial; right: 0; top: initial; bottom: 90px; background: url("../images/xiajt.png") no-repeat center bottom; } .ms-skin-default .ms-nav-prev { background: #000; left: initial; right: 0; top: -40px; background: url("../images/shangjt.png") no-repeat center top; } .ms-skin-default .ms-nav-next:hover { background-position: center top; } .ms-skin-default .ms-nav-prev:hover { background-position: center bottom; } .ms-inner-controls-cont, .ms-container { position: initial!important; } .ms-thumb-frame .ms-thumb { font-size: 22px; color: #959595; text-align: right; } .ms-thumb-frame-selected .ms-thumb { font-size: 36px; color: #20308f; } .master-slider { overflow: initial; } @media (max-width: 991px) { .abM4 { padding-left: 2%; padding-right: 2%; padding-top: 12px; } .niancontxt { width: 33%; line-height: 30px; font-size: 14px; } .abM4Tit { font-size: 32px; } .abM4Bri { font-size: 16px; } } .search-i { margin-top: 30px; width: 268px; border: 1px solid #eee; float: right; margin-bottom: 10px; } .search-i .search-form { position: relative } .search-i .search-form .search-input { display: block; width: 100%; height: 40px; line-height: initial; border: 1px solid #eee; color: #373737; outline: 0; -webkit-transition: .5s; transition: .5s; /* padding-top: 4px; */ padding-left: 10px; } .search-i .search-form .search-button { position: absolute; right: 0; top: 0; height: 40px; background: 0 0; border: 0; width: 50px; outline: 0; -webkit-transition: .5s; transition: .5s; padding: 0; cursor: pointer; } .search-i .search-btn { -webkit-transition: all .5s; transition: all .5s; font-size: 16px; color: #373737 } .search-i .search-btn:hover { color: #0d3372 } .search-i .search-btn:hover i { color: #0d3372 } .inner-pro { width: 100%; overflow: hidden; padding: 60px 0; } .inner-pro .con { margin-bottom: 37px; } .inner-pro .con .img { overflow: hidden; } .inner-pro .con .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 100%; } .inner-pro .con .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .inner-pro .con .txt { line-height: 60px; background: #20308f; width: 100%; text-align: center; } .inner-pro .con .txt a { font-size: 18px; color: #fff; } .inner-pro .con:hover .txt a { display: block; background: #f17d00; } @media (max-width: 991px) { .inner-pro { padding: 40px 0; } .inner-pro .con { margin-bottom: 20px; } .inner-pro .con .txt { line-height: 45px; } .inner-pro .con .txt a { font-size: 14px; color: #fff; } .inner-pro .col-md-6 { width: 50%; } .inner-pro .con .img img { width: 100%; } } /*====================== Contact Page Style ========================*/ .inner-contact { padding: 90px 0; font-size: 16px; } .contact-lx { width: 100%; padding-bottom: 50px; overflow: hidden; background: #f4f6f8; } .contact-lx i { margin-right: 15px; color: #20308f; } .contact-info-item { border: 1px solid #e1e1e1; text-align: center; padding: 60px 20px; margin-top: 30px; line-height: 20px; } .contact-info-item .con-info-icon { border: 1px solid #20308f; border-radius: 100px; color: #20308f; font-size: 35px; margin: 0 auto 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; line-height: 60px; height: 60px; width: 60px; } .contact-info-item .con-info-txt h4 { font-size: 18px; margin-top: -2px; } .contact-info-item:hover .con-info-icon { background-color: #20308f; color: #FFFFFF; } .contact-form-content span { font-size: 20px; text-transform: uppercase; margin-top: -3px; } .input-item { margin-top: 30px; } .input-item input, .input-item textarea { border: 1px solid #e1e1e1; display: block; padding: 12px 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; } .input-item input:focus, .input-item textarea:focus { border-color: #eeb644; } .input-item .nice-select { border-color: #e1e1e1; height: 50px; padding-left: 15px; line-height: 50px; } .input-item .nice-select .list { max-height: 200px; overflow: auto; } .input-item .btn-brand { font-size: 14px; border-radius: 2px; margin-top: 10px; letter-spacing: 1.6px; } .contact-form-content { width: 100%; margin-top: 80px; } .contact-map { height: 500px; } .contact-map img { width: 100%; } @media only screen and (max-width: 767.98px) { .contact-map { height: 300px; } } .btn-brand { background-color: #20308f; border-color: #20308f; border-radius: 25px; color: #fff; } .btn-brand:hover { background-color: #d8d8d8; border-color: #d8d8d8; } /*NEWS*/ .inner-news { padding: 40px 0; } .news-box { margin-bottom: 50px; background: #e9e9e9; width: 100%; overflow: hidden; margin-top: 55px; } .news-box .t-1 { height: 27px; line-height: 27px; } .news-box .t-1 .time { float: left; margin-right: 13px; padding: 0 70px 0 30px; } .news-box .tit { height: 40px; font-size: 28px; font-weight: bold; margin-top: 50px; padding: 0 70px 0 30px; } .news-box .tit a { color: #111; text-decoration: underline; } .news-box .txt { line-height: 28px; padding: 0 70px 0 30px; } .news-img { width: 100%; height: auto; } .news-list { } .news-list .con { background: #e9e9e9; overflow: hidden; display: block; margin-bottom: 40px; padding: 12px 36px; } .news-list .con:hover { background: #6d82a7; color: #fff; } .news-list .con:hover .time { border-right: 1px solid #fff; } .news-list .con:hover .time span, .index-news .con .new-list li:hover .time em { color: #fff; } .news-list .con:hover .txt span a { color: #fff; } .news-list .con .time { padding: 7px 34px 7px 0; border-right: 1px solid #cfcfcf; text-align: center; float: left; display: block; } .news-list .con .time span { font-size: 55px; font-weight: bold; color: #343434; margin-bottom: 9px; display: block; } .news-list .con .txt { width: 80%; float: right; } .news-list .con .txt span { font-size: 18px; display: block; margin-top: 5px; margin-bottom: 8px; } .news-list .con .txt span a { color: #111; text-decoration: underline; } .news-list .con .txt em { line-height: 22px; display: block; } .news-info { width: 100%; overflow: hidden; background: #fff; padding: 50px 30px; } .news-info .rightwrap { } .news-info h1 { display: block; text-align: center; margin-bottom: 20px; color: #505050; font-size: 24px; line-height: 30px; } .news-info .entry-meta { text-align: center; overflow: hidden; color: #a8a8a8; line-height: 20px; font-size: 14px; } .news-info .contwrap { font-size: 15px; padding-top: 10px; padding-bottom: 40px; color: #555; line-height: 30px; } .news-info .contwrap p{ margin: 10px 0; } .news-info .contwrap h2{ font-size: 16px; font-weight: bold; margin: 10px 0; } .news-info .contwrap img { display: block; margin: 0 auto; max-width: 100%; } .news-info .rightwrap h6 { display: block; font-weight: bold; padding: 12px 14px; line-height: 28px; margin-bottom: 10px; background: #20308f; font-size: 18px; color: #fff; } .news-info .rightwrap ul { width: 100%; } .news-info .rightwrap li { width: 100%; padding-bottom: 14px; padding-top: 7px; padding-left: 14px; border-bottom: 1px solid #dadada; } .news-info .rightwrap li:last-child { border-bottom: none; } .news-info .rightwrap li a { color: #555; display: inline-block; font-size: 15px; line-height: 28px; height: 28px; overflow: hidden; } .news-info .rightwrap li a:hover { color: #20308f; } .news-info .rightwrap li .post-date { display: block; line-height: 21px; font-size: 13px; color: #555; margin-top: 1px; } .paging { width: 100%; overflow: hidden; padding: 20px 0; } .paging .fl { font-size: 14px; line-height: 22px; } .paging p{ padding: 5px 0; } .paging i { margin-right: 10px; } .paging a { color: #666; } .paging a:hover { color: #20308f; } .paging .return { border: 1px solid #ddd; display: block; height: 34px; line-height: 34px; margin-top: 10px; text-align: center; width: 100px; font-size: 14px; } .paging .return:hover { border: 1px solid #20308f; background-color: #20308f; color: #fff; } /*产品列表页*/ .intro_info .img { /*border:#ccc solid 1px; box-shadow: 2px 2px 3px rgba(0,0,0,.5);*/ padding: 2px; } .intro_info h1.tit { font-size: 40px; line-height: 50px; font-weight: bold; color: #000; } .intro_info .intro_txt { line-height: 30px; margin-top: 20px; font-size: 16px; } @media(max-width:990px) { .intro_info h1.tit { margin-top: 10px; font-size: 20px; } .intro_info .intro_txt { font-size: 14px; } } .w-simImg .image-w .img { box-shadow: 2px 2px 3px rgba(0,0,0,.6); border: #ccc solid 1px; } .img_list ul li .caption-text-in a.more { width: 136px; line-height: 35px; text-align: center; border: 1px solid #fff; border-radius: 20px; margin: 15px auto 0; font-weight: bold; color: #fff; display: none; } .img_list ul li .w-simImg :hover .caption-text-in a.more { display: block; } .img_list ul li .txt { background: #20308f; color: #fff; padding: 5px; } .img_list ul li .txt p { text-align: center; height: 25px; line-height: 25px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .img_list ul li .txt p.pname { overflow: hidden; line-height: 30px; height: 30px; font-size: 16px; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .img_list ul li .txt p.pname a { color: #fff; } .img_list ul li .txt:hover { background: #f17d00; } @media(max-width:990px) { .img_list ul li .txt p.pname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px; line-height: 22px; font-size: 15px; width: 100%; } .img_list ul li .txt p { font-size: 14px; } } @-webkit-keyframes forward { 0% { height: 0px; padding-top: 0px; } 100% { background: rgba(0,0,0,.8); height:100%; padding-top:40px; } } @keyframes forward { 0% { height: 0px; padding-top: 0px; } 100% { background: rgba(0,0,0,.8); height:100%; padding-top:40px; } } /* 改变 opacity 属性,持续1秒 */ .hot_pro_con .main .img img { width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .hot_pro_con .main .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .hot_pro_con .main:hover .txt { display: block; background: #f17d00; } .pro_main { margin-bottom: 30px; margin-top: 20px; clear: both; } .hot_pro_con-tit { font-size: 35px; text-align: center; margin-bottom: 30px; color: #000; } .pro_main .tit, .hot_pro_con .hot_pro_con-tit { font-size: 28px; text-align: center; margin-bottom: 30px; color: #000; } .pro_main .txt { line-height: 30px; font-size: 16px; } .pro_main .txt .cat_info .col-xs-12 video { width: 100%; } .pro_main .txt .cat_info .col-xs-12 { line-height: 30px; } .pro_main .txt p a { color: #2440b3; } @media(max-width:990px) { .pro_main .txt .cat_info .col-xs-12 { width: 100%; } .pro_main .txt .cat_info .col-xs-12 { line-height: 28px; } .search-i { width: 100%; margin-top: 10px; } .pro_main { } .pro_main .tit { padding-top: 20px; font-size: 24px; } } .simImg_spec .image-w .img img { width: 100%; } .pro-news { margin-bottom: 30px; } .pro-news-tit { font-size: 30px; text-align: center; margin-bottom: 25px; } .pro-news-box { } .pro-news-box .main { margin-bottom: 20px; padding: 15px; background: #f6f6f6; overflow: hidden; } .pro-news-box .main img { width: 25%; float: left; margin-right: 10px; border: #ccc solid 1px; } .pro-news-box .main .t-1 { height: 27px; line-height: 27px; } .pro-news-box .main .t-1 .time { float: left; margin-right: 13px; } .pro-news-box .main .tit { margin: 0 0 5px; } .pro-news-box .main .tit a { color: #000; font-size: 15px; font-weight: bold; } .pro-news-box .main .txt { line-height: 25px; } .pro-news-box .main .txt p { max-height: 68px; line-height: 23px; overflow: hidden; } @media(max-width:990px) { .pro-news-box .main { margin-bottom: 0px; padding: 5px 25px; } .pro-news-box .main .tit { text-align: center; } .pro-news-box .main img { width: 94%; margin: 2% 3%; padding-top: 0px; border: #ccc solid 1px; } } /*JOB*/ .joblist { } .jonav li { width: 25%; } .jot { background: #eee; } .jot:hover { background: #20308f; } .joa { background: #20308f; } .jotxs:hover .jot { background: #20308f; } .jot span { display: block; width: 14%; float: left; line-height: 47px; height: 47px; overflow: hidden; font-size: 20px; } .jot span:first-child { padding-left: 4%; width: 26%; } .jod > span { color: #666; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .jotxs { position: relative; margin-bottom: 30px; overflow: hidden; } .jos { display: none; padding-right: 1px; } .jos .bodr { border: 1px solid #eee; overflow: hidden; padding: 30px 5% 30px 5%; border-top: 0; line-height: 30px; } .jos .bodr span { /*display: block; border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;*/ } .jotxs .line { background: #000; display: block; position: absolute; } .jotxs .line_1 { width: 21px; height: 1px; top: 23px; left: 15px; } .jotxs .line_2 { width: 1px; height: 21px; top: 13px; left: 25px; } .jotxs .arrow { width: 55px; height: 47px; position: absolute; top: 0; right: 0; transition: 300ms; -webkit-transition: 300ms; } .jotxs:hover .jod > span, .jotxs.act .jod > span { color: #fff; } .jotxs.act .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .jo2 { } .jos a { color: #666 } select.selbox { width: 100%; height: 48px; line-height: 48px; padding: 0px; outline: none; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; cursor: pointer; display: block; font-size: 14px; padding-left: 14px; border: 1px solid #ddd; color: #666 } .no-csstransitions select.selbox { padding-left: 0; background-image: none; } select.selbox option { padding: 2px 12px; } select.selbox:hover { color: #323232; } .jobview { width: 100%; margin-top: 30px; margin-bottom: 50px; } .jobview .list { margin-top: 30px; } .jobview .list dd { width: 48.5%; display: block; margin-bottom: 20px; margin-right: 3%; float: left } .jobview .list dt { width: 100%; display: block; } .jobview .list dd:nth-child(2n+2) { margin-right: 0 } .jobview .list .txt { background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 100%; font: 14px/1.8 "microsoft yahei"; border: 1px solid #ddd; color: #999 } .jobview .list .txt2 { height: 200px; margin-bottom: 0px; } .jobview .list .btn { text-align: center; margin: 20px auto; } .jobview .list .fromBtn { display: inline-block; width: 100%; max-width: 150px; margin: 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #0769b2; border: 0px; border-radius: 5px; margin-right: 20px; cursor: pointer } .jobview .list .fromBtn:hover { background-color: #045b9c; } .search_info { width: 100%; height: 58px; overflow: hidden; background: #f6f6f6; border-radius: 30px; margin-top: 26px; } .search_info_txt { display: inline; float: left; width: 80%; height: 58px; } .search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #a2a2a2; float: left; width: 100%; height: 58px; line-height: 58px; overflow: hidden; text-indent: 40px; } .search_info_btn { float: left; width: 20%; height: 54px; position: relative; } .search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; float: left; width: 100%; height: 54px; overflow: hidden; cursor: pointer; position: relative; z-index: 9999; } .search_info_btn i { position: absolute; top: 20px; left: 20px; font-size: 18px; } .list-pro-r { } .pro-pic { width: 100%; overflow: hidden; margin-bottom: 20px; } .pro-pic img { width: 100%; height: auto; } .list-pro-r .con { display: block; padding: 0; margin-bottom: 20px; overflow: hidden; background: #fff; } .list-pro-r .con img { display: block; width: 100%; } .list-pro-r .con:hover { background: #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .list-pro-r .con:hover .txt em a { color: #cc0202; } .list-pro-r .con .txt { padding: 12px 0 30px 0; text-align: center; } .list-pro-r .con .txt span { display: block; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 16px; } .list-pro-r .con .txt em { display: block; color: #666; font-weight: bold; } .list-pro-r .con .txt em a { color: #666; } .list-pro-r .con .txt span a { color: #000; } /*-------------------------------- Magnific JS Customization ----------------------------------*/ .ht-mfp { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .ht-mfp.mfp-bg { background: rgba(0, 0, 0, 0.4); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .ht-mfp .mfp-content { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media only screen and (min-width: 1200px) { .ht-mfp .mfp-content { max-width: 70%; } } .ht-mfp .mfp-content .mfp-close { display: none; } .ht-mfp .mfp-close { background-color: #db0303; color: #FFFFFF; padding: 0; text-align: center; opacity: 0; top: 50px; right: 50px; height: 50px; width: 50px; line-height: 50px; } @media only screen and (max-width: 767.98px) { .ht-mfp .mfp-close { top: 30px; right: 30px; height: 40px; width: 40px; line-height: 40px; } } .ht-mfp .mfp-close:hover { background-color: #db0303; } .ht-mfp .mfp-arrow { background-color: #20308f; opacity: 1; margin-left: 15px; height: 55px; width: 55px; } .ht-mfp .mfp-arrow:before { display: none; } .ht-mfp .mfp-arrow:after { content: '\f104'; color: #FFFFFF; font-family: "FontAwesome"; font-size: 25px; line-height: 40px; text-align: center; margin: 0; padding: 0; border: 0; position: absolute; width: 100%; height: 100%; } .ht-mfp .mfp-arrow-right { margin-left: auto; margin-right: 15px; } .ht-mfp .mfp-arrow-right:after { content: '\f105'; } .ht-mfp .mfp-arrow:hover { background-color: #000; } .ht-mfp.zoom-animate.mfp-bg { opacity: 0; } .ht-mfp.zoom-animate .mfp-content { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .ht-mfp.zoom-animate.mfp-ready.mfp-bg { opacity: 0.9; } .ht-mfp.zoom-animate.mfp-ready .mfp-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ht-mfp.zoom-animate.mfp-removing .mfp-content { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .ht-mfp.zoom-animate.mfp-removing.mfp-bg { opacity: 0; } .ht-mfp.zoom-animate.mfp-removing .mfp-close { opacity: 0; } /*================================ Single Product Page Style ==================================*/ @media only screen and (max-width: 767.98px) { .product-thumb-area { margin-bottom: 30px; } } .product-thumb-area .pro-thumb-item img { margin: auto; max-width: 100%; } .product-thumb-area .product-details-thumbnail { border: 1px solid #e1e1e1; text-align: center; position: relative; } .product-thumb-area .product-details-thumbnail .btn-large-view { background-color: rgba(255, 255, 255, 0.9); bottom: 20px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #1b1b1c; display: block; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 22px; padding: 10px 0; position: absolute; text-align: center; width: 136px; } .product-thumb-area .product-details-thumbnail .btn-large-view i { margin-left: 3px; vertical-align: middle; } .product-thumb-area .product-details-thumbnail-nav { margin-top: 10px; } .product-thumb-area .product-details-thumbnail-nav .pro-thumb-item { border: 1px solid #e1e1e1; text-align: center; cursor: pointer; } .product-thumb-area .product-details-thumbnail-nav .slick-list { margin: 0 -5px; } .product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide { margin: 0 5px; } @media only screen and (min-width: 1200px) { .prod-details-info-content { padding-left: 20px; } } .prod-details-info-content h1 { display: block; font-size: 30px; color: #070104; margin-bottom: 18px; } .prod-details-info-content p { line-height: 29px; } @media only screen and (max-width: 767.98px) { .prod-details-info-content span { font-size: 24px; font-weight: 500; margin-bottom: 10px; } } .prod-details-info-content .price { font-size: 18px; margin-top: 10px; margin-bottom: 33px; } @media only screen and (max-width: 767.98px) { .prod-details-info-content .price { font-size: 20px; margin-bottom: 20px; } } .prod-details-info-content .price-amount { font-size: 18px; font-weight: 500; vertical-align: middle; } .product-config { margin: 40px 0; } .product-config .table { margin-bottom: 0; } .product-config .table-bordered td, .product-config .table-bordered th { border-color: #e1e1e1; } .product-config .table th { font-size: 18px; font-weight: 500; } .product-config .table .config-option a { color: #1b1b1c; font-size: 16px; font-weight: 500; margin-right: 10px; } .product-config .table .config-option a:last-child { margin-right: 0; } .product-config .table .config-option a:hover { color: #db0303; } .product-meta { margin-top: 40px; } .product-meta span:not(.sku) { display: block; font-size: 16px; margin-bottom: 15px; } .product-meta span:not(.sku):last-child { margin-bottom: 0; } .product-meta a { color: #1b1b1c; margin-right: 5px; font-size: 15px; vertical-align: middle; } .product-meta a:last-child { margin-right: 0; } .product-meta a:hover { color: #db0303; } .pro-qty { border: 1px solid #e1e1e1; display: inline-block; position: relative; width: 150px; } @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) { .pro-qty { width: 120px; } } .pro-qty input { font-weight: 600; border: none; text-align: center; padding: 12px 45px; outline: none; width: 100%; } .pro-qty a { color: #000000; font-size: 22px; font-weight: 600; text-align: center; position: absolute; top: 0; line-height: 50px; height: 100%; width: 35px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .pro-qty a { width: 35px; line-height: 54px; } } @media only screen and (max-width: 767.98px) { .pro-qty a { width: 35px; line-height: 48px; } } .pro-qty a:hover { background-color: #db0303; border-color: #db0303; color: #FFFFFF; } .pro-qty a.inc { right: 0; border-left: 1px solid #e1e1e1; } .pro-qty a.dec { left: 0; border-right: 1px solid #e1e1e1; } .product-description-review { margin-top: 10px; } @media only screen and (max-width: 767.98px) { .product-description-review { margin-top: 60px; } .product-description-review img { width: 100%; height: auto; } } .product-description-review .desc-review-tab-menu { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-description-review .desc-review-tab-menu li { width: 100%; } .product-description-review .desc-review-tab-menu li a { background-color: #1b1b1c; border-right: 2px solid #ddd; color: #FFFFFF; display: block; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 1; padding: 20px 0; } .product-description-review .desc-review-tab-menu li a:last-child { border: none; } .product-description-review .desc-review-tab-menu li a.active { background-color: #db0303; } @media only screen and (max-width: 767.98px) { .product-description-review .desc-review-tab-menu li a { font-size: 15px; font-weight: 500; padding: 10px 0; } } .product-description-review .tab-tit { line-height: 40px; background: #c7c7c7; color: #fff; font-size: 18px; display: none; } .product-description-review .tab-tit span { width: 186px; display: block; text-align: center; background: #20308f; } .product-description-review .tab-content { padding: 20px 0; line-height: 30px; } .product-description-review .tab-content p,.product-description-review .tab-content table,.product-description-review .tab-content center{ font-size: 16px; margin-bottom:20px; } .product-description-review .tab-content strong.title11 { font-size: 18px; background: url("../images/b-1.jpg") no-repeat 0px 0px; color: #fff; display: block; width: 100%; line-height: 50px; text-indent: 130px; } @media only screen and (max-width: 767.98px) { .product-description-review .tab-content { padding: 10px 0; } } .product-rating-wrap .average-rating { margin-bottom: 30px; } .product-rating-wrap .average-rating h6 { font-weight: 400; font-size: 22px; margin-bottom: 3px; } .product-rating-wrap .display-ratings .rating-item { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-rating-wrap .display-ratings .rating-item:last-child { margin-bottom: 0; } .product-rating-wrap .display-ratings .rating-item .rating-author-pic { max-width: 50px; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; border-radius: 2px; overflow: hidden; margin-right: 10px; } .product-rating-wrap .display-ratings .rating-item .rating-author-txt { border: 1px solid #e1e1e1; border-radius: 2px; padding: 15px; -webkit-flex-basis: calc(100% - 60px); -ms-flex-preferred-size: calc(100% - 60px); flex-basis: calc(100% - 60px); max-width: calc(100% - 60px); } .product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 { font-size: 14px; margin-top: 0; font-family: "Poppins", sans-serif; display: inline-block; } .product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time { vertical-align: middle; margin-left: 5px; font-size: 13px; } .product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star { color: #db0303; font-size: 14px; margin-bottom: 5px; } .product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i { margin-right: 5px; } .product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child { margin-right: 0; } .product-rating-wrap .rating-form-wrapper { margin-top: 60px; } .product-rating-wrap .rating-form-wrapper h3 { font-size: 24px; font-weight: 500; margin-top: -5px; margin-bottom: 20px; } .product-rating-wrap .rating-form-wrapper .rating-form h5 { font-weight: 400; font-size: 18px; margin-bottom: 8px; } .product-rating-wrap .rating-form-wrapper .rating-form .rating-star i { color: #ccc; margin-right: 10px; } .product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child { margin-right: 0; } .product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i { color: #ccc; } .product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i { cursor: pointer; color: #db0303; } .product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea { background-color: #FFFFFF; border: 1px solid #e1e1e1; display: block; padding: 12px 20px; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus { border-color: #db0303; } @media (max-width: 1024px) { .homeAboutCont, .homeAboutCont-r { margin: 2% 0 0 2%; padding-bottom: 6px; } .homeInforCont { margin: 2% 0 0 2%; padding-bottom: 6px; } .homeInforCont h3 { font-size: 18px; line-height: 30px; } .homeInforCont p { margin-bottom: 6px; line-height: 22px; } .index-cybj-top .txt { font-size: 12px; } } @media screen and (max-width:991px) { .logo { padding-top: 0; } .logo img { width: 170px; } .lang-mobile { display: block; position: absolute; top: 28px; right: 70px; z-index: 999; } .lang-mobile img { margin-left: 5px; } .other-side .lang { display: none; } .carousel-inner > .item > img { max-width: 180%!important; } .other-side { display: none; } .list-pro-tit { display: none; } .search_info { margin-top: 0; margin-bottom: 30px; } .hot-pro { padding: 20px 0; } .hot-pro-cat { padding: 0; } .hot-pro-cat span { width: 30%; margin-right: 12px; margin-bottom: 10px; line-height: 30px; } #myscroll ul li { margin: 0; } .ban-pc { display: none; } .ban-mobile { display: block; padding-top: 70px; overflow: hidden; } .ban-pro-mobile { display: block; } .ban-pro-pc { display: none; } .show_pro .col-12 { padding: 0; } .inner-contact, .industry-inner, .job-inner, .service-inner { padding: 30px 0; } .inner-tit { margin-top: 30px; } .inner-tit span { font-size: 26px; } .index-about-main { padding: 20px 0; } .in-title { margin-bottom: 20px; } .in-title em { font-size: 80px; } .in-title span { font-size: 36px; } .index-about-video { padding-top: 30px; } .index-pro-main { padding: 20px 0; } .index-title { margin-bottom: 20px; } .index-title em { font-size: 50px; } .index-title span { font-size: 30px; } .iproject-con li { margin-top: 20px; } .iproject-con dd .txt { padding: 12px; } .iproject-con dd .txt span { font-size: 16px; } .iproject-con dd .txt em { font-size: 12px; display: none; } .index-ly-con { padding: 0 5px; } .index-ly-con .col-sm-6 { width: 50%; } .index-ly-con .col-sm-6 img { width: 100%; } .index-ly-con .cover-box { margin-bottom: 20px; } .index-news-menu { padding: 30px 0; } .index-news-menu li { width: 85px; margin-right: 15px; margin-left: 0px; } .index-news-menu li:last-child { margin-right: 0px; } .index-news .row { margin: 0 -10px; } .index-news-swiper dd .txt { padding: 25px 0 10px 0; } .index-news-swiper dd .txt span { font-size: 14px; line-height: 20px; } .index-about { padding: 30px 0; } .index-about .txt { height: auto; line-height: 29px; padding: 10px 0 0 0; } .numCount { margin: 30px -10px; } .numCount li { width: 50%; margin-bottom: 20px; text-align: left; } .numCount li .item .indt { font-size: 14px; } .hidden-xs { display: none; } .inner-ban { height: 100%; padding-top: 70px; overflow: hidden; } .inner-ban img { display: block; width: 100%; } .about_ban, .Advantage_ban, .video_ban, .field_ban, .pro_ban, .news_ban { background-image: none; } .inner-qywh { padding: 40px 0; } .inner-qywh .con { margin-top: 30px; } .inner-qywh .con .qywh-box .txt { padding: 30px 0; } .show_pro { padding: 20px 0; } .webzi .tit-1 { position: absolute; top: 95px; left: 0; font-size: 24px; } .webzi .tit-3 { position: absolute; top: 125px; left: 0; font-size: 18px; } .webzi .down-ico { position: absolute; top: 150px; left: 0; } .webzi .link { position: absolute; top: 150px; left: 0; } .webzi .location { position: absolute; top: 220px; left: 0; font-size: 14px; } .pro-pic { margin-top: 20px; } .index-cybj { padding: 30px 0; } .index-news { padding: 30px 0; } .index-news-main .con { margin-bottom: 10px; } .index-news-main .con .tit { margin-top: 16px; margin-bottom: 10 } .index-news-main .con .txt { margin-bottom: 24px; } .index-news .tit h2 { font-size: 24px; } .foot-con { padding: 20px 0; } .foot-con .weixin { width: 141px; float: none; } .foot-fx { width: 100%; } .foot-con dl { display: none; } .foot-txt, .foot-copy { font-size: 12px; } .foot-copy { padding: 20px 10px; line-height: 20px; } .weixin { display: none; } .foot-con .tel { color: #fff; font-size: 18px; margin-bottom: 25px; } .foot-link { display: none; } /*zltm*/ .zltm { margin-bottom: 30px; } .zltm .pic img { width: 100%; } .zltm .con { padding: 20px 10px; } .zltm .tit_1 { height: 36px; font-size: 24px; } .zltm .tit-2 { font-size: 18px; color: #777; margin-bottom: 22px; } .zltm .line { margin-bottom: 23px; } /*dzcj*/ .dzcj .tit { margin-bottom: 30px; } .dzcj .tit span { font-size: 24px; margin-bottom: 23px; } .dzcj .tit p { font-size: 18px; margin-bottom: 23px; } .hzal-lx .txt { padding-top: 116px; font-size: 24px; color: #fff; margin-bottom: 30px; } /*case*/ .nav-tabs li { width: 100px; margin-right: 10px; } .case-top .con { padding: 28px 15px; } .case-top .tit_1 { height: 53px; font-size: 24px; } /********内页菜单*********/ .m-ins-navbox { width: 100%; height: 38px; background-color: #fff; position: relative; z-index: 11; display: block; } .m-ins-navbox.fixed { position: fixed; top: 0; left: 0; z-index: 11; } .m-ins-navbox .left { width: 15%; cursor: pointer; float: left; } .m-ins-navbox .left .ico { display: block; width: 100%; height: 38px; background: url(../images/ico_35.png) no-repeat center #cc0000; background-size: auto 50%; } .m-ins-navbox .ret-subbox { position: absolute; top: 38px; width: 100%; background-color: #cc0000; left: 0; z-index: 2; display: none; } .m-ins-navbox .ret-subbox a { display: block; width: 100%; padding-left: 5%; height: 38px; line-height: 38px; color: #fff; font-size: 14px; background: url(../images/ico_38.png) no-repeat 92% center; background-size: auto 35%; } .m-ins-navbox .right { width: 85%; position: relative; float: right; } .m-ins-navbox .right .tit { display: block; width: 95%; padding-left: 5%; font-size: 14px; color: #000; line-height: 38px; background: url(../images/ico_36.png) no-repeat 93% center; background-size: auto 50%; cursor: pointer; } .m-ins-navbox .right .subbox { width: 100%; position: absolute; top: 38px; background-color: #fff; z-index: 2; display: none; left: 0; } .m-ins-navbox .right .subbox a { display: block; width: 95%; padding-left: 5%; line-height: 38px; height: 38px; border-top: 1px solid #e5e5e5; background: url(../images/ico_37.png) no-repeat 92% center; background-size: auto 35%; } .inner-menu { display: none; } .core { padding: 30px 0; } .core_tit .t-1 { margin-bottom: 10px; font-size: 20px; } .core_tit .t-2 { margin-bottom: 5px; font-size: 20px; } .core_con_fr .core-top { padding: 14px 0; overflow: hidden; } .core_con_fr .core-s { font-size: 30px; margin-right: 5px; } .core_con_fr .core-txt { margin-top: 10px; margin-left: 0; line-height: 37px; color: #333; } .core_con_fr .core-tit .core-tit-1 { line-height: 20px; margin-bottom: 5px; font-size: 16px; color: #333; } .core_con_fr .core-tit .core-tit-2 { color: #666; font-size: 12px; } .top-news img { width: 100%; } .top-news .con { padding: 30px 10px; } .top-news .con .tit { margin-bottom: 27px; font-size: 24px; color: #333; } .news-img { margin-left: 0; } .news-box .tit { font-size: 16px; } .new-pro { width: 100%; height: auto; margin-top: 0; } .new-pro-pic { margin-top: 0; } .list-pro { display: none; } .webzi { width: 100%; } .webzi .t1 { width: 140px; line-height: 25px; position: absolute; top: 70px; left: 0; font-size: 18px; } .webzi .line { position: absolute; top: 130px; left: 0; } .webzi .t2 { display: none; } .webzi .location { position: absolute; top: 200px; left: 0; } .inner-news { padding: 40px 0; } .news-box .t-1 .time { margin-right: 0; padding: 0 10px; } .news-box .tit { font-size: 16px; font-weight: bold; margin-top: 30px; padding: 0 10px; } .news-box .txt { line-height: 28px; padding: 0 10px 30px 10px; } .news-info { padding: 20px 10px; } .news-box { margin: 20px 0; } .news-list .con { padding: 12px; margin-bottom: 15px; } .news-list .con .time { margin-bottom: 18px; } .news-list .con .txt { width: 100%; float: none; } .news-list .con .txt span { font-size: 16px; margin-bottom: 15px; } .news-list .con .time { display: none; } .down-info { padding: 20px 10px; } .down-info li { height: 40px; } .down-info li span { line-height: 40px; font-size: 12px; } .down-info li span i { font-size: 16px; margin-right: 10px; } .down-info li em { display: none; } .down-info li o { display: none; } .filters li { padding: 10px 18px; font-size: 14px; } .product-item { margin-bottom: 20px; } .product-item img { width: 100%; } .contact-form-content { padding: 20px; } .contact-fl, .contact-fr { padding: 0; margin-top: 30px; } .contact-form-content .tit span { font-size: 24px; } input.contact_sub { width: 180px!important; height: 40px!important; line-height: 40px; } input.gbk_5 { width: 150px!important; left: 0; top: 300px; } .contact-fr .vdimgck { left: 170px; top: 302px; } .job-tit { display: none; } } /*相关产品+新闻*/ .list_related { margin: 30px 0; width: 100%; overflow: hidden; } .left_h { font-size: 30px; color: #1b1b1c; text-align: center; display: block; padding-bottom: 30px; } .related_product { clear: both; font-size: 15px; padding: 20px 0; float: left; width: 100%; } .related_product li img { width: 100%; border: 1px solid #ddd; } .related_product li span { display: block; max-height: 44px; line-height: 22px; margin: 5px 0; text-align: center; overflow: hidden; } .related_product li span a:hover { color: #337ab7; } .related_news { float: left; clear: both; width: 100%; } .related_news li { color: #898989; background: url(../images/li.png) no-repeat left 15px; line-height: 30px; height: 40px; font-size: 16px; float: left; overflow: hidden; padding: 5px 0px; padding-left: 10px; border-bottom: 1px dashed #e3e2e2; } .related_news li a { text-overflow: ellipsis; overflow: hidden; display: inline-block; } .related_news li a:hover { text-decoration: none; color: #337ab7; } .related_news li span { float: right; margin-right: 10px; } @media screen and (max-width: 991px) { .related_news li span { display: none; } .left_h { font-size: 20px; } } .back-to-top { background: #20308f; position: fixed; bottom: 60px; width: 40px; height: 40px; border-radius: 3px; right: 10px; display: none; } .back-to-top i { font-size: 34px; color: #fff; text-align: center; display: block; width: 100%; line-height: 40px; } @media(max-width:990px) { .back-to-top { display: block; } } @media(max-width:1400px) and (min-width:1200px) { .container { width: 100%; max-width: 100%; } } .down { padding-bottom: 75px; } .down li {width: 100%; height: 85px; border-bottom: 1px solid #ddd;} .down li span {display: block; line-height: 85px; float: left; font-size: 18px; } .down li span a {color: #131313;} .down li span i { font-size: 20px; margin-right: 20px;} .down li em {display: block; width: 100px; line-height: 48px; text-align: center; margin-top: 25px; background: #eaeaea; float: right; font-size: 18px;} .down li em a {color: #939393; display: block;} .down li:hover span a {color: #333;} .down li:hover em a {color: #fff; background: #13439d;} .inner_table{ overflow:scroll; } .inner_table .tableHtml{overflow-x: scroll; width:160%;} .inner_table.w_700 .tableHtml{ width:200%;} .inner_table .tableHtml table{ border-collapse:collapse; } .inner_table .tableHtml table td{line-height:21px; padding:0px 2px;} p.table_title{line-height: 25px;} p.table_title i{ font-size:16px; color:#171c61; line-height: 25px;} p.table_title i.fa-hand-o-down{color:red; padding: 0px 7px;} p.table_title strong{ font-size: 20px; text-indent: 10px;line-height: 25px; margin-right: 10px;}