@charset "utf-8"; /* CSS Document */ body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #555; 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 .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 } .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; } .media img { width: 600px; max-width: 100%; margin-right: 20px; } .media .media-body h5 { font-weight: bold; font-size: 30px; line-height: 40px; margin-bottom: 40px; } .media .media-body p { line-height: 25px; } .media .media-body p b{ font-size: 16px; } .navbar-brand { width: 280px; height: 70px; background: url(../images/logo-pc.png) no-repeat 20px 10px; } .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: #d82828; } .main-nav nav .navbar-nav .nav-item a { text-transform: capitalize; color: #555; padding: 40px 26px 40px; 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: #d82828; } .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: #d82828!important; padding-left: 0; padding-right: 0; width: 140px; } .main-nav nav .navbar-nav .nav-item .cat_nav { width: 140px; } .main-nav nav .navbar-nav .nav-item .dropdown-menu li { border-bottom: 0; line-height: 20px; } .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; } @media(max-width:1441px) { .navbar-brand { width: 235px; background: url(../images/logo-pc.png) no-repeat center 16px; } .main-nav nav .navbar-nav .nav-item a { /*padding: 49px 10px 36px;*/ 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; } .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: #d82828 } .other-side .lang { float: right; 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: #d82828 } .banner { } .ban-pc { display: block; } .ban-mobile { display: none; } .ban-mobile img { width: 100%; height: auto; } .ban-pc .swiper-pagination-bullet-active { background: #d82828!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%; } .index-tech { padding: 70px 0; } .index-tech .media .media-body { line-height: 25px; } /*首页*/ .index-tit { text-align: center; width: 100%; overflow: hidden; margin-bottom: 40px; } .index-tit h1 { display: block; color: #1b1b1c; font-size: 28px; } .index-tit h2 { font-size: 30px; margin-bottom: 12px; color: #000000; } .index-tit em { display: block; color: #8c8d8e; } .title-text { display: none; } .index-about { background: #f3f3f3; padding: 70px 0; } .index-about .txt { line-height: 29px; font-size: 16px; margin-bottom: 20px; } .index-about .txt .introduce{ padding-top: 40px; line-height: 35px; text-align: left;} @media(max-width:990px){ .index-about .txt .introduce { padding-top: 0px; } .index-about .txt video{ height: 290px; margin-bottom: 20px;} } .numCount { margin: 30px -10px; } .numCount li { float: left; width: 33.33%; text-align: center; } .numCount li .item { margin: 0 10px; } .numCount li .item .indt { font-size: 16px; color: #222; } .numCount li .item .indc { color: #868787; } .numCount li .numU { line-height: 1.3; } .numCount li .numCX { font-size: 65px; color: #d82828; font-weight: bold; } .numCount li .numU .unitC { font-size: 100%; line-height: 1.3; margin-left: 0.3em; } .numCount li .numU em { font-size: 40px; color: #d82828; } @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-reason { margin-left: auto; margin-right: auto; max-width: 1920px; width: 100%; padding: 70px 0; } .igood-25 { width: 100%; height: 25px; } .igood-35 { width: 100%; height: 35px; } @media (max-width: 768px) { } @media (max-width: 640px) { .index-reason { width: 88%; } } .index-reason .row { margin-left: 0; margin-right: 0; } .index-reason .row > * { padding-left: 0; padding-right: 0; } @media (min-width: 769px) { .index-reason li { 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-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; overflow: hidden; position: relative; } .index-reason li .img, .index-reason li .content { width: 50%; } .index-reason li::before { content: ''; display: block; width: 0px; height: 0px; border: 12px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; } .index-reason li:hover { background: #d82828; color: #fff; } .index-reason li:hover h3 { color: #fff; } .index-reason li:hover p::before { background: #fff; } .index-reason .row:nth-child(1) li::before { border-right-color: #fff; left: 50%; margin-left: -24px; } .index-reason .row:nth-child(1) li:hover::before { border-right-color: #d82828; } .index-reason .row:nth-child(2) li::before { border-left-color: #fff; left: 50%; } .index-reason .row:nth-child(2) li:nth-child(1)::before { border-color: transparent transparent transparent #fff; margin-left: 0; } .index-reason .row:nth-child(2) li:nth-child(1):hover::before { border-color: transparent transparent transparent #d82828; } .index-reason .row:nth-child(2) li:hover::before { border-left-color: #d82828; } } @media (min-width: 769px) and (max-width: 992px) { .index-reason .row:nth-child(1) li:nth-child(2)::before { border-color: transparent transparent transparent #fff; left: 50%; margin-left: 0; } .index-reason .row:nth-child(1) li:nth-child(2):hover::before { border-color: transparent transparent transparent #d82828; } } @media (min-width: 769px) and (max-width: 992px) { .index-reason .row:nth-child(2) li:nth-child(1)::before { border-color: transparent #fff transparent transparent; left: 50%; margin-left: -24px; } .index-reason .row:nth-child(2) li:nth-child(1):hover::before { border-color: transparent #d82828 transparent transparent; } } .index-reason .content { padding: 8% 40px 0; position: relative; } .index-reason h3 { font-size: 24px; margin-bottom: 20px; color: #d82828; } .index-reason .info p { margin-top: 16px; padding-left: 20px; position: relative; line-height: 25px; } .index-reason .info p::before { content: ''; display: block; width: 8px; height: 8px; background: #d82828; border-radius: 50%; position: absolute; left: 0; top: 7px; } @media (min-width: 1200px) { .index-reason .img { overflow: hidden; } .index-reason .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; max-width: 100%; } .index-reason .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); } } @media (max-width: 1600px) { .index-reason .content { padding: 5% 3% 0; } .index-reason .row:nth-child(2) .content { padding-top: 4%; } .index-reason .info p { margin-top: 6px; } } @media (max-width: 1360px) { .index-reason .content { padding: 4% 3% 0; } .index-reason .row:nth-child(2) .content { padding-top: 2%; } .index-reason h3 { font-size: 22px; } } @media (max-width: 1200px) { .index-reason li .content { width: 100%; } .index-reason li .img { display: none; } .index-reason h3 { font-size: 20px; margin-bottom: 10px; } .index-reason .info { font-size: 13px; } .index-reason .info p { margin-top: 4px; padding-left: 14px; } .index-reason .info p::before { width: 6px; height: 6px; } } @media (max-width: 992px) { .index-reason h3 { font-size: 26px; margin-bottom: 20px; text-align: center; } .index-reason .info { font-size: 14px; } .index-reason .info p { margin-top: 10px; } } @media (max-width: 768px) { .index-reason img { width: 100%; } .index-reason li { margin-bottom: 1rem; } } @media (max-width: 480px) { .index-reason .content { padding-top: 0.6rem !important; position: relative; background: rgba(255, 255, 255, 0.9); } .index-reason h3 { font-size: 20px; margin: 0.2rem 0; text-align: center; font-weight: bold; } .index-reason .info { /* padding-top: 10px; */ position: relative; margin-left: -0.2rem; } .index-reason .info p { margin-top: 6px; } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg { display: none !important } } /*产品检索*/ .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: #d82828; color: #fff; } @media(max-width:990px) { .search_ctrl .search_row .col-lg-3 { display: none; } } /*首页产品*/ .index-pro { background: #f3f3f3; padding: 70px 0; } .index-pro.swiper-pagination-bullet-active { background: #d82828!important; } .index-pro.swiper-pagination-bullet { width: 12px!important; height: 12px!important; border-radius: 6; background: #999; opacity: 1!important; margin: 0 5px } .index-pro.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important; } .index-pro.col-sm-6 { width: 50%; } .index-pro-con { /*padding-top: 30px;*/ } .index-pro-con .pic { width: 100%; overflow: hidden; } .index-pro-con .pic img { width: 100%; } .index-pro-con dd { display: block; margin-bottom: 20px; } .index-pro-con dd img { width: 100%; } .index-pro-con dd .img { overflow: hidden; } .index-pro-con dd img, .index-pro-con .pic img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index-pro-con dd:hover img, .index-pro-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); } .index-pro-con dd .txt { padding: 10px; text-align: center; background: #fff; } .index-pro-con dd .txt span { display: block; font-size: 16px; margin-bottom: 5px; line-height: 25px; height: 25px; font-weight: bold; overflow: hidden; } .index-pro-con dd .txt span a { color: #111; } .index-pro-con dd .txt em { display: block; line-height: 20px; height: 60px; overflow: hidden; font-size: 14px; color: #999; } .index-pro-con dd .txt em a { color: #7a7a7a; } .index-pro.basemore { margin-top: 0.4rem; } @media (min-width: 640px) { .index-pro.hd { margin-bottom: 0.54rem; position: relative; height: 70px; } .index-pro.ihd { position: absolute; } .index-pro.pnext { position: absolute; right: 0; bottom: 0; z-index: 555; } } .index-pro.pnext { width: 2.44rem; height: 0.52rem; z-index: 555; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; background: #fff; } .index-pro.pnext .pbtn { width: 50%; height: 0.52rem; background: #fff; } .index-pro.pnext .next, .index-pro.pnext .prev { cursor: pointer; } .index-pro.pnext .prev { background: url(../images/icl_on.png) no-repeat center #e6e6e6; } .index-pro.pnext .next { background: url(../images/icr_on.png) no-repeat center; } @media (max-width: 639px) { .index-pro.pnext { margin: 0 auto; } .index-pro.hd { margin-bottom: 20px; } .index-pro.ihd { text-align: center; margin-bottom: 20px; } .index-pro.ihd ._line { background: #fff; display: none; } .index-pro.ihd .en { padding-right: 23px; display: inline-block; } .index-pro.ihd .en::after { content: ''; display: block; width: 20px; height: 1px; background: #000; opacity: 0.4; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; right: 0; } } /*首页应用领域*/ .index-ly { padding: 0px 0 30px 0; } .index-ly .index-tit span, .index-ly .index-tit em { color: #fff; } .index-ly-con { width: 100%; overflow: hidden; padding: 0 1px; } .index-ly-con .cover-box { position: relative; display: block; overflow: hidden; } .index-ly-con .cover-box .show_pic { overflow: hidden; } .index-ly-con .cover-box .img { max-width: 100%; } .index-ly-con .cover-tip { width: 100%; height: 30px; transition: all 0.4s ease 0s; z-index: 3; } .index-ly-con .cover-tip .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; } .index-ly-con .cover-tip .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; margin-top: 5px; } .index-ly-con .cover-box:hover .cover-tip { opacity: 1; } .index-ly-con .cover-box:hover .coverimg { transform: scale(1.05, 1.05); } .index-ly-con .cover-box img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index-ly-con .cover-box: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); } .swiper-good .swiper-pagination { line-height: 1; font-size: 0; bottom: 0; } .swiper-good a { display: block; position: relative; } .swiper-good .img { background: #e5eaf0; transition: 0.3s; } .swiper-good .img img { display: block; } .swiper-good .info { position: absolute; left: 0; right: 0; bottom: 0; height: 1rem; text-align: center; transition: 0.3s; padding: 0.2rem 0; line-height: 1.6; } .swiper-good .tit { font-size: 24px; } .swiper-good .type { font-size: 16px; color: #999; } .swiper-good li { padding: 20px 17px 30px; width: 29vw; } .swiper-good li .img { display: block; width: 100%; } @media (min-width: 992px) { .swiper-good li:hover .img { background: #fff; } .swiper-good li:hover .img { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .swiper-good li:hover .info { background: linear-gradient(90deg, #53b255, #38a9bf); color: #fff; } .swiper-good li:hover .info .type { color: #fff; } } @media (max-width: 1700px) { .swiper-good .tit { font-size: 20px; } .swiper-good .type { font-size: 14px; } } @media (max-width: 992px) { .swiper-good li { width: 33vw; padding: 20px 10px 40px; } .swiper-good .info { position: static; } } @media (max-width: 640px) { .swiper-good li { width: 50vw; padding: 20px 10px 40px; } } @media (max-width: 480px) { .swiper-good li { padding: 20px 6% 30px; width: 100vw; } .swiper-good .tit { font-size: 14px; } .swiper-good .type { font-size: 12px; } } .about-sc-swiper { padding: 0.86rem 0 1.3rem; } @media (min-width: 768px) { .about-sc-swiper li .info { bottom: -0.68rem; transition: 0.3s; } .about-sc-swiper li a { overflow: hidden; } .about-sc-swiper li a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .about-sc-swiper li a: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); } .about-sc-swiper li a:hover .info { bottom: 0; } } /*首页新闻*/ .index-news { padding: 70px 0; background: #f2f3f5; } .index-news-menu { padding: 20px 0 40px 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; background: #FFFFFF; } .index-news-menu li a { font-size: 16px; color: #676767; } .index-news-menu li:hover { display: block; background: #d82828; border: 1px solid #d82828; } .index-news-menu li:hover a { color: #fff; } .index-news-swiper { } .index-news-swiper dd { } .index-news-swiper dd .img { overflow: hidden; } .index-news-swiper dd img { width: 100%; } .index-news-swiper dd img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index-news-swiper dd: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 dd .txt { padding: 10px 0; } .index-news-swiper dd .txt span { display: block; font-size: 16px; font-weight: bold; line-height: 25px; overflow: hidden; text-align: center; height: 25px; } .index-news-swiper dd .txt p { line-height: 22px; margin-top: 10px; font-size: 14px; } .index-news-swiper dd .txt span a { color: #252525; } .index-news-swiper dd .txt em { display: block; color: #7a7a7a; margin-top: 10px; text-align: center; } .index-news-swiper .hd { margin-top: 35px; } .index-news-swiper .swiper-pagination-bullet-active { background: #d82828!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; } .index-news-swiper .col-sm-6 { width: 50%; } /*底部*/ .foot-link { width: 100%; background: #fff; line-height: 36px; color: #3d3d3d; } .foot-link a { color: #3d3d3d; margin-right: 5px; } .foot-link a:hover { color: #000; } .foot { width: 100%; overflow: hidden; background: #1c1f26; } .foot-con { padding: 66px 0; overflow: hidden; } .foot-con .tit { margin-bottom: 19px; color: #fff; font-size: 22px; } .foot-con .add, .foot-con .email, .foot-con .http { line-height: 20px; margin-bottom: 11px; color: #7e7e7e; } .foot-con .tel { line-height: 20px; color: #fff; } .foot-con .tel span { display: block; margin-bottom: 11px; color: #7e7e7e; } .foot-con .tel p { padding-left: 65px; margin-bottom: 11px; color: #7e7e7e; } .foot-con dl { display: block; } .foot-con dl dt { margin-bottom: 20px; font-weight: normal!important; color: #fff; display: block; font-size: 22px; } .foot-con dl dd { display: block; } .foot-con dl dd a { color: #7e7e7e; } .foot-con dl dd a.nav-link { padding: 0.5rem 0px; } .foot-con i { margin-right: 10px; color: #fff; } .foot-con .fl { width: 100% } .weixin { margin-top: 15px; } .weixin img { display: block; margin: 0 auto; } .weixin span { display: block; margin-top: 15px; color: #fff; text-align: center; } .foot-fx { width: 80%; overflow: hidden; padding-top: 24px; margin: 0 auto; } .foot-fx img { margin: 0 8px; float: left; } .foot-txt { line-height: 20px; padding-top: 20px; text-align: center; background: #17191f; } .foot-copy { line-height: 30px; padding-bottom: 20px; text-align: center; background: #17191f; } /*内页*/ .inner-ban { width: 100%; height: 520px; } .inner-ban img { display: none; } .video_ban { background: url("../images/video_ban.jpg") no-repeat center; } .about_ban { background: url("../images/about_ban.jpg") no-repeat center; } .Advantage_ban { background: url("../images/Advantage_ban.jpg") no-repeat center; } .pro_ban { background: url("../images/pro_ban1.jpg") no-repeat center; } .field_ban { background: url("../images/field_ban.jpg") no-repeat center; } .news_ban { background: url("../images/news_ban.jpg") no-repeat center; } .inner { width: 100%; overflow: hidden; background: #fff; padding: 10px 0; } .show_pro { padding: 100px 0; } .map { width: 100%; margin-top: 30px; } .inner-menu { width: 100%; height: 128px; background: #d82828; display: block; } .inner-menu .tit { float: left; padding-top: 35px; color: #fff; } .inner-menu .tit p { margin-bottom: 13px; font-size: 35px; } .inner-menu .tit h1 { margin-bottom: 13px; font-size: 35px; } .page-nav { width: 70%; float: right; padding-top: 40px; } .page-nav ul { display: table; width: 100%; } .page-nav ul > * { display: table-cell; vertical-align: middle; } .page-nav a { display: inline-block; text-align: left; color: #fff; } .page-nav li { text-align: right; } .page-nav li:hover a, .page-nav .active a { color: #ffffff; } .page-nav .id { position: relative; } .page-nav .id::after { content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 30px; height: 1px; border-bottom: 1px solid #fff; } .page-nav span { font-size: 18px; margin-top: 5px; display: block; } @media (max-width: 1200px) { .page-nav { width: 80%; } .page-nav span { font-size: 15px; } } .m-ins-navbox { display: none; } .papg-menu { width: 100%; overflow: hidden; background: #d82828; display: block; } .papg-menu li { width: 228px; line-height: 67px; text-align: center; font-size: 16px; float: left; overflow: hidden; } .papg-menu li a { color: #fff; } @media (max-width: 991px) { .papg-menu { display: none; } } .pro_menu { overflow: visible; } .papg-menu ul li .dropdown-menu a { color: #000; } .inner_menu { width: 1200px; height: 50px; margin: 0 auto;/* background: #f2f2f2;*/ } .inner_menu ul { display: block; margin-left: 0px; float: left; } .inner_menu ul li { float: left; margin-right: 50px; background: url(../images/dd.jpg) no-repeat 0 20px; text-indent: 20px; } .inner_menu ul li a { line-height: 50px; color: #333; display: block; } .inner_menu ul li a:hover { text-decoration: underline; } .inner_menu { } .inner_menu .row>ul>li { position: relative; width: 160px; margin-right: 0px; overflow: visible; text-align: left; } .inner_menu .row>ul>li a { color: #fff; } .inner_menu ul li ul { position: absolute; float: none; background: #fff; margin-left: 0px; border: #ccc solid 1px; box-shadow: 2px 2px 2px rgba(0,0,0,.5); z-index: 999; width: 150px; left: -0px; zoom: 1; overflow: hidden; display: none; } .inner_menu .row>ul>li ul li a { color: #000; } .inner_menu ul li ul li { float: none; background: none; margin-right: 0px; text-align: left; text-indent: 15px; line-height: 30px; height: 30px; border-bottom: #ccc solid 1px; margin: 3px 4px; } .inner_menu ul li ul li a { line-height: 28px; color: #333; } .inner_menu ul li ul li:last-child { border-bottom: none; } .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*/ .pro-top { margin-bottom: 20px; overflow: hidden; } .pro-top img { width: 100%; } .pro-main { margin-bottom: 20px; overflow: hidden; background: #fff; } .pro-main .pic { width: 100%; } .pro-main .pic img { } .pro-main .con { padding: 50px 50px 40px 50px; } .pro-main .tit_1 { font-size: 26px; font-weight: bold; color: #000; margin-bottom: 22px; } .pro-main .tit_2 { font-size: 18px; line-height: 32px; color: #333; margin-bottom: 20px; } .pro-main .txt { line-height: 32px; color: #999; } .pro-main .txt i { font-size: 12px; margin-right: 10px; } /*关于我们*/ .inner-about { width: 100%; overflow: hidden; padding: 10px 0; background: #fff; } .inner-about .con { margin: 30px 0; line-height: 30px; } .inner-about .con p { font-size: 16px; margin-bottom: 10px; } .inner-about .img { overflow: hidden; } .inner-about .img img { width: 100%; } .inner-about .txt { line-height: 28px; } .item_quality .col-md-4 img { border: #ccc solid 1px; width: 100%; } .item_quality .col-md-4 p { text-align: center; margin-bottom: 10px; } /*企业文化*/ .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: #d82828; 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-left: 8%; padding-right: 8%; padding-top: 43px; } .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: #d82828; 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: #d82828; 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: #d82828; } .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; } } /*活力团队*/ .inner-td { width: 100%; overflow: hidden; padding: 90px 0 55px 0; } .inner-td-swiper { margin-top: 55px; } .inner-td ul { white-space: nowrap; } .inner-td li { text-align: center; display: inline-block; margin-bottom: 30px; } .inner-td .img { overflow: hidden; } .inner-td .img img { max-width: 80%; margin-bottom: 5px; } .inner-td .txt { text-align: center; width: 100%; padding-top: 40px; font-size: 18px; color: #555454; } @media (min-width: 1201px) { .inner-td li { width: 25%; } } @media (max-width: 1200px) { .inner-td .swiper-pagination { font-size: 0; bottom: 0; } .inner-td li { width: 25%; } .inner-td .img img { margin-bottom: 3px; } } @media (max-width: 991px) { .inner-td-swiper { margin-top: 20px; } } @media (max-width: 768px) { .inner-td li { width: 50%; } } @media (max-width: 640px) { .inner-td li { width: 50%; } } .inner-td .hd { margin-top: 54px; height: 33px; width: 277px; margin: 0 auto; } .inner-td .pnext { width: 277px; height: 33px; z-index: 555; display: inline-block; margin: 0 auto; } .inner-td .pnext .pbtn { width: 50%; height: 33px; background: #fff; } .inner-td .pnext .next, .inner-td .pnext .prev { cursor: pointer; } .inner-td .pnext .prev { width: 33px; height: 33px; float: left; background: url(../images/icl_on.jpg) no-repeat; } .inner-td .pnext .next { width: 33px; height: 33px; float: right; background: url(../images/icr_on.jpg) no-repeat; } @media (max-width: 639px) { .inner-td .pnext { margin: 0 auto; } .inner-td .hd { margin-bottom: 20px; } } /*研发环境*/ .inner-yf { width: 100%; overflow: hidden; padding: 90px 0 55px 0; } .inner-yf-swiper { margin-top: 55px; position: relative; } .inner-yf-txt { padding: 22px 150px 50px 150px; width: 100%; text-align: center; line-height: 28px; font-size: 16px; color: #909090; } .inner-yf ul { white-space: nowrap; } .inner-yf li { text-align: center; margin-bottom: 30px; width: 33.33%; padding: 0 30px; } .inner-yf li:hover .txt { display: block; background: #cb252b; } .inner-yf .img { overflow: hidden; } .inner-yf .img img { width: 100%; } .inner-yf .txt { text-align: center; width: 100%; line-height: 68px; font-size: 24px; color: #fff; background: #9cadb7; } @media (max-width: 1200px) { .inner-yf .swiper-pagination { font-size: 0; bottom: 0; } .inner-yf li { width: 33.33%; } } @media (max-width: 991px) { .inner-yf { padding: 30px 0 20px 0; } .inner-yf-swiper { margin-top: 20px; } .inner-yf-txt { padding: 22px 10px 30px 10px; font-size: 14px; } .inner-yf li { width: 100%; padding: 0; } .inner-yf .txt { font-size: 18px; } } .inner-yf .pnext .next, .inner-yf .pnext .prev { cursor: pointer; } .inner-yf .pnext .prev { width: 42px; height: 42px; background: url(../images/yfl_on.jpg) no-repeat; position: absolute; left: 10px; top: 35%; z-index: 9999; } .inner-yf .pnext .next { width: 42px; height: 42px; background: url(../images/yfr_on.jpg) no-repeat; position: absolute; right: 10px; top: 35%; z-index: 9999; } /*生产设备*/ .inner-s { width: 100%; overflow: hidden; padding: 80px 0; background: #f1f1f1; } .inner-s-swiper { margin-top: 55px; } .inner-s ul { } .inner-s li { width: 50vw; padding: 39px; background: #fff; margin: 0 44px; } .inner-s .img { overflow: hidden; } .inner-s .img img { width: 100%; } .inner-s .txt { padding-top: 50px; overflow: hidden; } .inner-s .txt span { display: block; font-size: 24px; color: #404246; margin-bottom: 32px; } .inner-s .txt p { line-height: 28px; } @media (max-width: 1200px) { .inner-s .swiper-pagination { font-size: 0; bottom: 0; } } @media (max-width: 991px) { .inner-s { padding: 30px 0 20px 0; } .inner-s-swiper { margin-top: 20px; } .inner-s li { margin: 0 5px; width: 86vw; padding: 20px; } .inner-s .txt { padding-top: 20px; } .inner-s .prev { top: 20%!important; } .inner-s .next { top: 20%!important; } } .inner-s .prev { width: 42px; height: 42px; background: url(../images/yfl_on.jpg) no-repeat; position: absolute; top: 50%; left: calc((25% - 44px - 24px)); z-index: 9999; } .inner-s .next { width: 42px; height: 42px; background: url(../images/yfr_on.jpg) no-repeat; position: absolute; top: 50%; right: calc((25% - 44px - 24px)); z-index: 9999; } /*专利证书*/ .inner-zs { width: 100%; overflow: hidden; padding: 107px 48px; background: url("../images/inner-zs-bg.jpg") no-repeat center; } .inner-zs-top { } .inner-zs-top .txt { color: #fff; } .inner-zs-top .txt .t-1 { margin-bottom: 11px; font-size: 40px; } .inner-zs-top .txt .t-2 { margin-bottom: 11px; } .inner-zs-top .txt .t-3 { margin-bottom: 16px; line-height: 40px; font-size: 28px; font-weight: bold; } .inner-zs-top .txt .t-4 { font-size: 16px; } .inner-zs-top .pic { float: right; margin-top: 127px; } .inner-zs-swiper { margin-top: 74px; } .inner-zs ul { } .inner-zs li { text-align: center; display: inline-block; margin-bottom: 30px; } .inner-zs .img { overflow: hidden; } .inner-zs .img img { width: 88%; margin-bottom: 5px; } @media (min-width: 1201px) { .inner-zs li { width: 20%; } } @media (max-width: 1200px) { .inner-zs .swiper-pagination { font-size: 0; bottom: 0; } .inner-honor li { width: 25%; } } @media (max-width: 991px) { .inner-zs { padding: 30px 15px; } .inner-zs-swiper { margin-top: 20px; } .inner-zs-top .pic img { width: 100%; } .inner-zs-top .txt .t-1 { margin-bottom: 11px; font-size: 30px; } .inner-zs-top .txt .t-2 { margin-bottom: 11px; } .inner-zs-top .txt .t-3 { margin-bottom: 16px; line-height: 25px; font-size: 16px; font-weight: bold; } .inner-zs-top .txt .t-4 { font-size: 14px; line-height: 25px; } .inner-zs-top .pic { float: right; margin-top: 127px; } } @media (max-width: 768px) { .inner-zs li { width: 50%; } } @media (max-width: 640px) { .inner-zs li { width: 50%; } } .inner-zs .hd { margin-top: 54px; height: 33px; width: 277px; margin: 0 auto; } .inner-zs .pnext { width: 277px; height: 33px; z-index: 555; display: inline-block; margin: 0 auto; } .inner-zs .pnext .pbtn { width: 50%; height: 33px; background: #fff; } .inner-zs .pnext .next, .inner-zs .pnext .prev { cursor: pointer; } .inner-zs .pnext .prev { width: 33px; height: 33px; float: left; background: url(../images/icl_on.png) no-repeat; } .inner-zs .pnext .next { width: 33px; height: 33px; float: right; background: url(../images/icr_on.png) no-repeat; } @media (max-width: 639px) { .inner-zs .pnext { margin: 0 auto; } .inner-zs .hd { margin-bottom: 20px; } } /*合作伙伴*/ .inner-hz { width: 100%; overflow: hidden; padding: 152px 0 139px 0; background: url("../images/inner-hz-bg.jpg") no-repeat center; } .inner-hz .img { overflow: hidden; } .inner-hz .img img { width: 100%; } .inner-hz .txt { margin-top: 130px; padding: 0 33px; } .inner-hz .t-1 { margin-bottom: 11px; font-size: 40px; color: #1b1b1c; } .inner-hz .t-2 { color: #8c8d8e; } .inner-hz .t-3 { margin-top: 40px; line-height: 29px; font-size: 16px; color: #6c6c6c; } @media (max-width: 991px) { .inner-hz { padding: 0 0 30px 0; } .inner-hz .img { margin-top: 50px; } .inner-hz .t-1 { font-size: 30px; } .inner-hz .txt { margin-top: 50px; padding: 0 10px; } } /*视频中心*/ .inner-video { padding: 97px 0; } .inner-video .video-con { padding: 55px 0; } .inner-video .video-con .info { margin-bottom: 50px; } .inner-video .video-con .info .img { overflow: hidden; } .inner-video .video-con .info .img img { width: 100%; } .inner-video .video-con .info .txt { background: #d82828; text-align: center; line-height: 68px; font-size: 24px; } .inner-video .video-con .info .txt a { color: #fff; } .inner-video .video-con .info:hover .txt a { display: block; background: #cb252b; } @media (max-width: 991px) { .inner-video { padding: 50px 0; } .inner-video .video-con { padding: 30px 0; } .inner-video .video-con .info { margin-bottom: 30px; } .inner-video .video-con .info .txt { line-height: 50px; font-size: 18px; } } /*行业领域*/ .inner-field { width: 100%; overflow: hidden; padding: 80px 0; } .inner-field .tit { width: 100%; font-size: 40px; margin-bottom: 35px; color: #1b1b1c; } .inner-field .txt { font-size: 16px; line-height: 26px; } .inner-field .img { overflow: hidden; } .inner-field .img img { float: right; } @media (max-width: 991px) { .inner-field { padding: 30px 0; } .inner-field .tit { font-size: 30px; margin-bottom: 25px; } .inner-field .txt { font-size: 14px; } .inner-field .img img { float: none; width: 100%; } } .other-pro { width: 100%; overflow: hidden; padding: 90px 0; background: #efefef; } .other-pro .other-pro-con { margin-top: 55px; } .other-pro .other-pro-con .con { margin-bottom: 20px; } .other-pro .other-pro-con .con .img { overflow: hidden; } .other-pro .other-pro-con .con .txt { padding: 20px 25px; background: #fff; width: 100%; text-align: center; } .other-pro .other-pro-con .con .txt span { display: block; margin-bottom: 12px; font-size: 22px; } .other-pro .other-pro-con .con .txt span a { color: #111; } .other-pro .other-pro-con .con .txt em { display: block; line-height: 24px; height: 73px; } .other-pro .other-pro-con .con:hover .txt { display: block; background: #d82828; } .other-pro .other-pro-con .con:hover .txt span a, .other-pro .other-pro-con .con:hover .txt em { color: #fff; } @media (max-width: 991px) { .other-pro { padding: 40px 0; background: #efefef; } .other-pro .other-pro-con { margin-top: 35px; } .other-pro .other-pro-con .con .txt span { font-size: 14px; line-height: 20px; } .other-pro .other-pro-con .con .txt em { display: none; } .other-pro .other-pro-con .col-sm-6 { width: 50%; } .other-pro .other-pro-con .con .img img { width: 100%; } } .index-pic { margin-top: 30px; margin: 0 auto; text-align: center; } .index-pic img { border: 1px solid #d6d6d6; max-width: 100%; } .inner-pro { width: 100%; overflow: hidden; padding: 10px 0; background: #fff; } .inner-pro .inner-pro-con { margin-top: 40px; } .inner-pro .inner-pro-con .prolist { background: #fff; } .inner-pro .inner-pro-con .txt { line-height: 30px; } .inner-pro .inner-pro-con .txt p, .inner-pro .inner-pro-con .txt center { margin: 10px 0; font-size: 15px; } .inner-pro .inner-pro-con .txt strong { font-size: 16px; } .inner-pro .inner-pro-con .txt p a { color: #0056b3; } .inner-pro .inner-pro-con .con { margin-bottom: 50px; margin-right: 10px; border: #ccc solid 1px; } .inner-pro .inner-pro-con .con .img { overflow: hidden; } .inner-pro .inner-pro-con .con .img img { width: 100%; } .inner-pro .inner-pro-con .con .txt { padding: 10px; background: #fff; width: 100%; text-align: center; } .inner-pro .inner-pro-con .con .txt span { display: block; line-height: 30px; height: 30px; font-size: 16px; margin-bottom: 5px; font-weight: bold; overflow: hidden; } .inner-pro .inner-pro-con .con .txt span a { color: #111; } .inner-pro .inner-pro-con .con .txt em { display: block; line-height: 20px; height: 60px; overflow: hidden; color: #888; } .inner-pro .inner-pro-con .con:hover .txt { display: block; background: #d82828; } .inner-pro .inner-pro-con .con:hover .txt span, .inner-pro .inner-pro-con .con:hover .txt em, .inner-pro .inner-pro-con .con:hover .txt span a { color: #fff; } @media (max-width: 991px) { .inner-pro { padding: 40px 0; background: #fff; } .inner-pro .inner-pro-con { margin-top: 35px; } .inner-pro .inner-pro-con .con { margin-bottom: 20px; } /*.inner-pro .inner-pro-con .txt img{ width:100%;}*/ .inner-pro .inner-pro-con .con .txt span { font-size: 14px; line-height: 25px; } /*.inner-pro .inner-pro-con .con .txt em {display: none;}*/ .inner-pro .inner-pro-con .col-sm-6 { width: 50%; } .inner-pro .inner-pro-con .con .img img { width: 100%; } } /*Contact Page Style*/ .contact-lx { width: 100%; padding-bottom: 50px; overflow: hidden; background: #f4f6f8; } .contact-lx i { margin-right: 15px; color: #d82828; } .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 #d82828; border-radius: 100px; color: #d82828; 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: #d82828; color: #FFFFFF; } .contact-form-content span { font-size: 20px; text-transform: uppercase; margin-top: -3px; } .con-info-txt p { font-size: 16px; } .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 { margin-top: 80px; width: 100%; } .contact-form-content .contact-form-wrap { width: 100%; } .contact-form-content .contact-form-wrap .contact-form-inner { width: 100%; } .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: #d82828; border-color: #d82828; border-radius: 25px; color: #fff; } .btn-brand:hover { background-color: #d8d8d8; border-color: #d8d8d8; } /*NEWS*/ .inner-news { padding: 10px 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: 30px; padding: 20px; height: 170px; } .news-list .con:hover { background: #d82828; color: #fff; } .news-list .con:hover .pic { border-right: 1px solid #fff; } .news-list .con:hover .txt .tit a { color: #fff; } .news-list .con .pic { padding-right: 20px; border-right: 1px solid #cfcfcf; width: 35%; text-align: center; float: left; display: block; } .news-list .con .pic img { width: 100%; max-height: 130px; } .news-list .con .txt { width: 62%; float: right; } .news-list .con .txt .tit { font-size: 16px; display: block; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-list .con .txt span { display: block; margin-top: 5px; } .news-list .con .txt span a { color: #111; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-list .con .txt em { line-height: 20px; height: 60px; margin-top: 8px; overflow: hidden; display: block; } .news-info { width: 100%; overflow: hidden; background: #fff; padding: 50px 30px; } .news-info h1 { font-size: 24px; line-height: 40px; text-align: center; } .news-info .rightwrap { width: 100%; } .news-info em { /* display: block; */ /* font-weight: normal; */ /* margin-bottom: 14px; */ /* color: #505050; */ /* font-size: 18px; */ /* line-height: 30px; */ } .news-info .entry-meta { padding: 10px 0; color: #666; line-height: 20px; font-size: 14px; text-align: center; } .news-info .contwrap { font-size: 15px; padding-top: 20px; padding-bottom: 40px; line-height: 30px; } .news-info .contwrap p a { color: #0056b3; } .news-info .contwrap img { display: block; margin: 0 auto; max-width: 100%; } .news-info .rightwrap h2 { display: block; font-weight: bold; padding: 12px 14px; line-height: 23px; margin-bottom: 10px; background: #d82828; font-size: 16px; color: #fff; } .news-info .rightwrap ul { width: 100%; } .news-info .rightwrap li { width: 100%; padding-bottom: 14px; padding-top: 7px; border-bottom: 1px solid #dadada; } .news-info .rightwrap li img { float: left; width: 105px; height: 70px; margin-right: 10px; } .news-info .rightwrap li span { display: block; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 5px; } .news-info .rightwrap li em { display: block; line-height: 20px; color: #666; } .news-info .rightwrap li:last-child { border-bottom: none; } .news-info .rightwrap li a { color: #444; font-size: 14px; } .news-info .rightwrap li a:hover { color: #d82828; } .news-info .rightwrap li .post-date { display: block; line-height: 21px; font-size: 13px; color: #555; margin-top: 1px; } .news-info .paging { width: 100%; overflow: hidden; padding: 50px 0; width: 100%; } .news-info .paging .fl { font-size: 15px; line-height: 30px; } .news-info i { margin-right: 5px; } .news-info .paging a { color: #555; } .news-info .paging a:hover { color: #d82828; } .news-info .paging .return { border: 1px solid #ddd; display: block; height: 34px; line-height: 34px; margin-top: 10px; text-align: center; width: 100px; font-size: 14px; } .news-info .paging .return:hover { border: 1px solid #d82828; background-color: #d82828; color: #fff; } /*JOB*/ .joblist { clear: both; } .job-txt { font-size: 16px; color: #2a3b96; line-height: 35px; } .job-txt a { color: #2a3b96; } .job-tit { width: 100%; background: #2a3b96; height: 50px; display: block; } .job-tit li { float: left; line-height: 50px; color: #fff; font-size: 16px; text-align: center; } .job-tit .tit-1 { width: 270px; } .job-tit .tit-2 { width: 200px; } .job-tit .tit-3 { width: 220px; } .job-tit .tit-4 { width: 180px; } .jonav li { width: 25%; } .jot { background: #fff; } .jot:hover { background: #e9ebf4; } .joa { background: #e9ebf4; } .jotxs:hover .jot { background: #e9ebf4; } .jot span { display: block; width: 14%; float: left; line-height: 47px; height: 47px; overflow: hidden; font-size: 16px; } .jot span:first-child { padding-left: 4%; width: 26%; } .jod > span { color: #989898; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .jotxs { position: relative; border-bottom: 1px solid #ccc; overflow: hidden; } .jos { display: none; padding-right: 1px; } .jos .bodr { border: 1px solid #eee; background: #fff; 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: #333; } .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; } .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: #db0303; 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; } @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 span { 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: 50px; } @media only screen and (max-width: 767.98px) { .product-description-review { margin-top: 60px; } } .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; } .product-description-review .tab-tit span { width: 186px; display: block; text-align: center; background: #d82828; } .product-description-review .tab-content { padding: 20px 0; line-height: 25px; } @media only screen and (max-width: 767.98px) { .product-description-review .tab-content { padding: 25px 15px; } } .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: 64%; margin-left: 10px; } .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: 80px; } .ban-pro-mobile { display: block; } .ban-pro-pc { display: none; } .show_pro .col-12 { padding: 0; } .index-tit h1 { font-size: 22px; } .index-pro-con li { margin-top: 20px; } .index-pro-con dd .txt { padding: 5px; } .index-pro-con dd .txt span { font-size: 15px; margin-bottom: 0px; } .index-pro-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: 100px; margin: 0 2px; } .index-news .row { margin: 0 -10px; } .index-news-swiper dd .txt { padding: 10px 0; } .index-news-swiper dd .txt span { font-size: 14px; line-height: 20px; height: 40px; } .index-news-swiper dd .txt em { font-size: 12px; } .index-news-swiper dd .txt p { font-size: 12px; line-height: 20px; } .index-pro { padding: 30px 0; } .index-about { padding: 30px 0; } .index-about .txt { height: auto; line-height: 29px; padding: 10px 0 0 0; text-align: center; } .numCount { margin: 20px -10px; } .numCount li { width: 50%; margin-bottom: 20px; text-align: center; } .numCount li .item .indt { font-size: 14px; } .inner-ban {height: 200px;} .inner-ban img { display: block; } .about_ban, .Advantage_ban, .video_ban, .field_ban, .pro_ban, .news_ban { background: url("../images/pro_ban2.jpg") no-repeat center; } .inner-about { padding: 40px 0; } .inner-about .con { margin-top: 0; } .inner-about .con img { width: 100%; } .inner-qywh { padding: 40px 0; } .inner-qywh .con { margin-top: 30px; } .inner-qywh .con .qywh-box .txt { padding: 30px 0; } .show_pro { padding: 50px 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 { display: none; } .foot-copy { font-size: 12px; padding: 20px 10px; line-height: 20px; } /*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; } /*products*/ .pro-main .pic img { width: 100%; } .pro-main .con { padding: 20px; } .pro-main .tit_1 { font-size: 20px; margin-bottom: 15px; } .pro-main .tit_2 { font-size: 16px; margin-bottom: 15px; } /********内页菜单*********/ .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; height: auto; } .news-list .con .pic{ display: none; } .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; } .inner { padding: 30px 0; } .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; } } .pages { margin-bottom: 20px; } /*相关产品+资讯*/ .list_related { padding-top: 10px; clear: both; margin-bottom: 10px; } .left_h { background: url(../images/title_line.jpg) left bottom no-repeat; font-size: 18px; display: block; padding-bottom: 10px; } .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 { margin: 10px 0; padding: 0 15px; font-size: 15px; float: left; clear: both; width: 100%; } .related_news li { color: #898989; background: url(../images/li.png) no-repeat left 15px; line-height: 30px; height: 35px; overflow: hidden; padding: 5px 0px; padding-left: 14px; 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; } .related_news_img { margin: 15px 0; float: left; clear: both; width: 100%; } .related_news_img li { float: left; overflow: hidden; padding: 0 15px 0 0; margin-bottom: 15px; } .related_news_img li img { width: 33%; float: left; height: 144px; margin-right: 2%; border: #ccc solid 1px; } .related_news_img li .txt { float: left; width: 65%; } .related_news_img li span { display: block; font-size: 15px; line-height: 25px; max-height: 25px; font-weight: bold; overflow: hidden; } .related_news_img li span a:hover { text-decoration: none; color: #337ab7; } .related_news_img li p { line-height: 20px; max-height: 80px; margin-top: 5px; overflow: hidden; color: #999; } @media screen and (max-width: 991px) { .location, .foot-link { display: none; } .related_news_img li img { height: 70px; } .related_news_img li .txt { } .related_news_img li span { max-height: 50px; font-weight: normal; } .related_news_img li p { display: none; } } @media screen and (max-width:480px) { .txt table, .txt video, .txt img { width: 100%; } .index-ly-con .cover-tip .stit { font-size: 15px; } } @media(max-width:1400px) and (min-width:1200px) { .container { width: 100%; max-width: 100%; } } .pic .col-6 img { width: 100%; } @media(max-width:990px) { .pic .col-6 { padding-left: 5px; padding-right: 5px; } .media { display: block; } .media img { margin-bottom: 10px; margin-right: 0; } .col-md-6 { padding-right: 0 !important; } }