.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ta-c { text-align: center; } .flex { display: flex; } .flex-0 { flex-shrink: 0; } .w-100 { width: 100%; } .fooder-block .company-name { color: rgb(102, 102, 102); font-family: Microsoft YaHei; font-size: 12px; text-align: center; background-color: rgb(248, 249, 251); } .fooder-block .record-number { box-sizing: border-box; background-color: rgb(248, 249, 251); color: rgb(102, 102, 102); font-size: 12px; font-family: Microsoft YaHei; text-align: center; white-space: normal; text-decoration-line: none !important; } .fooder-block .ben-an { box-sizing: border-box; background-color: rgb(248, 249, 251); color: rgb(102, 102, 102); font-size: 12px; font-family: Microsoft YaHei; text-align: center; white-space: normal; text-decoration-line: none !important; } .fooder-block .ben-an-img { display: inline-block; text-decoration: none; height: 20px; line-height: 20px; } .Notice-Bulletin-warp p a { color: #999 !important } .Notice-Bulletin-warp p a:hover { color: #0077D9 !important } .equipment a { color: #505f63; } /* 清除自带样式 */ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } * { box-sizing: border-box; } html, body { min-height: 100%; } body { font-family: "Microsoft YaHei"; font-size: 14px; color: #505F63; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, li, ol { list-style: none; } a { text-decoration: none !important; } img { border: none; display: inline-block; /*width: 100%;*/ /*height: 100%;*/ } .color-444 img { width: 100%; } a:hover { color: #0077D9; } /* 添加快捷类 */ .ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .clearfix:after { content: ""; display: block; height: 0; visibility: visible; } /* 字体 */ .fontsize-18 { font-size: 18px; color: #505F63; } .fontsize-12 { font-size: 12px; color: #333; } .fontsize-14 { font-size: 14px !important; line-height: 30px; color: #505F63; } .fontsize-14-8 { font-size: 14px !important; line-height: 22px; color: #505F63; } .line-height-28-center { line-height: 28px; text-align: center; } .color-444 { color: #444; } /* 宽度 */ .width-100 { width: 100%; height: 100%; display: block; } .min-height-662 { min-height: 662px; } /* 边框 */ .border-none { border: none !important; } .box-shadow { box-shadow: none !important; } .border-1-dotted { border-bottom: 1px dotted #c8d0d2; } .border-top-1 { border-top: 1px solid #c8d0d2; } .border-top-1-f2 { border-top: 1px solid #f2f2f2 !important; } .border-right-1 { border-right: 1px solid #eeeeee !important; } .border-left-1 { border-left: 1px solid #eeeeee !important; } .border-bottom-1 { border-bottom: 1px solid #eeeeee !important; } .border-bottom-1-df { border-bottom: 1px solid #dfdfdf !important; } /* 背景色 */ .background-none-opacity-80 { background: #FFFFFF !important; opacity: 0.8; filter: alpha(opacity=80); } .bg-f8f9fb { background: #f8f9fb !important; } .bg-fafafa { background: #fafafa !important; } .bg-ffffff { background: #ffffff !important; } .bg-f2f2f2 { background: #f2f2f2 !important; } .background-none { background: none !important; } /* 填充 */ .padding-0 { padding: 0 !important; } .padding-top-0 { padding-top: 0 !important; } .padding-15 { padding: 15px !important; } .padding-15-20 { padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 20px !important; padding-right: 20px !important; } .padding-15-17-15-13 { padding: 18px 16px 12px !important; } .padding-12-0 { padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 0 !important; padding-right: 0 !important; } .container > .navbar-header { padding-bottom: 0px; } .padding-right-0 { padding-right: 0 !important; } .padding-left-0 { padding-left: 0 !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-0 { padding-right: 0 !important; } .padding-left-right-8 { padding-left: 8px !important; padding-right: 8px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-18 { padding-top: 18px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-34 { padding-top: 34px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-bottom-9 { padding-bottom: 9px !important; } .padding-bottom-4 { padding-bottom: 4px !important; } .padding-bottom-6 { padding-bottom: 6px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-11 { padding-bottom: 11px !important; } .padding-bottom-14 { padding-bottom: 14px !important; } .padding-bottom-18 { padding-bottom: 18px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-top-bottom-38 { padding-top: 38px !important; padding-bottom: 38px !important; } /* 间距 */ .margin-top-15 { margin-top: 15px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-left-30 { margin-left: -30px; } .margin-0-auto { margin: 0 auto; } /* 底部 */ .footer-contact a, .footer-contact span { color: #333; margin: 0 12px; font-size: 12px; } .record-number { color: #666; font-size: 12px; } .bread-crumb span.padding-left-right-8 { width: 10px; display: inline-block; height: 100%; background: url(../images/pt_item.png) no-repeat center; text-indent: 40000px; margin-right: 6px; } /* 头部 */ .header-nav-cont-left { color: #939393; font-size: 12px; } .header-nav-cont a { font-size: 12px; color: #939393; line-height: 24px; margin: 0 6px; } .header-nav-cont .pull-left { width: 300px; height: 35px; padding-left: 10px; border: none; border: 1px solid #E0E0E0; border-right: none; outline: none; } .small-show .header-nav-cont .left { width: 100%; padding-left: 15px; height: 34px; line-height: 34px; margin-top: 15px; margin-bottom: 20px; border: none; border: 1px solid #E0E0E0; border-right: none; border-bottom-left-radius: 34px; border-top-left-radius: 34px; outline: none; box-shadow: none; border-bottom-right-radius: 0px; border-top-right-radius: 0px; -webkit-appearance: none; } .header-nav-cont-right { position: relative; font-size: 12px; color: #939393; } .small-show .header-nav-cont-right { padding-right: 36px; } .header-nav-cont-right .pull-right { width: 40px; height: 35px; border: none; background: none; border: 1px solid #E0E0E0; border-left: none; background: url(../images/icon_searchbtn.png) no-repeat center; outline: none; } .small-show .header-nav-cont-right .right { width: 36px; height: 34px; margin-top: 15px; position: absolute; top: 0px; right: 0px; border: none; background: none; border: 1px solid #E0E0E0; border-left: none; border-bottom-right-radius: 34px; border-top-right-radius: 34px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; background: url(../images/icon_searchbtn.png) no-repeat center; outline: none; } /* pc phone */ .container.small-show { display: none; } .item-img-bg { max-width: 100%; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .item-img-bg-290 { max-width: 100%; height: 290px; /*margin-bottom: 20px;*/ background-size: cover; background-repeat: no-repeat; background-position: center center; } .main_contact_form_hidden { display: none; } @media screen and (max-width: 416px) { .item-img-bg-290 { height: 81px; } .main_contact_form_hidden { display: block; float: left; margin-right: 10px; } } .item-img-bg-1 { background-image: url(../images/banner-1.jpg); } .item-img-bg-2 { background-image: url(../images/banner-2.jpg); } .item-img-bg-3 { background-image: url(../images/banner-3.jpg); } .item-img-bg-4 { background-image: url(../images/banner-4.jpg); } .item-img-bg-5 { background-image: url(../images/banner-5.jpg); } /* 处理样式问题 */ @media (min-width: 800px) { .state-about-left-box { display: block !important; } } @media (max-width: 768px) { .header-nav-cont-left { padding-left: 100px; } .container > .navbar-header { border-bottom: 1px solid #ededed; } .img-100-100 { width: 100%; height: 100%; } .text-center-more-margin { display: block !important; } .callback-header-click, .callback-header-div, .mem-list li a { text-align: left !important; padding-left: 20px !important; } .callback-header-div { margin-bottom: 0 !important; } .state-about-left-box { display: none; } .callback-header-div-span { display: block !important; } .navbar-brand.padding-0.padding-bottom-4.margin-top-15 { margin-top: -7px !important; } .container.small-show { display: block !important; } .container.small-hide { display: none; } .navbar-nav { margin-right: 0 !important; } .item-img-bg { height: 150px !important; } } @media (max-width: 640px) { /* logo */ .navbar-brand { height: 35px; margin-top: 17px !important; } .navbar-nav .navbar-nav-li-clg a { padding: 0 !important; } .navbar-nav .navbar-nav-li-clg { display: block; line-height: 50px; border-bottom: 1px rgba(0, 0, 0, .082) solid; font-family: "方正悠黑 506L", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial; } .navbar-nav { padding: 15px 40px 0px; } .navbar-brand > img { height: 100%; } /* 产品详情 */ .productimg_l { width: 100%; } /* 左边部分 */ .side-item { padding-top: 0px; margin-bottom: 0px; } .bg-f8f9fb.padding-top-20.padding-bottom-50 { padding-top: 0px !important; } .bread-crumb { padding-top: 14px; } .article-title { padding-top: 0px; } .article-title h1 { margin-bottom: 15px; } .article-title h2 { margin-bottom: 0px; } .twoimg p { width: 100%; margin: 0; } .fourimg p { width: 46%; } .min-height-662 { min-height: 200px; } #lightbox-container-image-box { width: 100% !important; height: 100% !important; } /* 左侧菜单样式 */ .mem-list li a { padding: 10px 0px; font-size: 14px; } .mem-list li.selectt a, .mem-list li a:hover { background: #0077D9; } .side-item .top, .state-about { padding: 14px 0px; font-size: 16px; } .list-title .list-title-cont { display: inline-block; max-width: 165px; } /* 字体 */ .main .list .list-info { font-size: 12px; line-height: 16px !important; text-indent: -13px; } .main .list .list-item-clg .list-info { text-indent: -17px; } .main .list .list-title { font-size: 14px; } /* 新闻显示 */ .main .qin .list-info { max-height: 18px; overflow: hidden; } .main .qin .list-item-clg .list-info { display: none; } .main .qin .time { width: 89px !important; height: 59px !important; } .main .qin li a:nth-of-type(1) { padding-left: 109px !important; } .other-content .other-item:nth-of-type(2) { padding-top: 10px; } /* 新闻 */ .list-item-clg .ding { margin-top: 1px; } .main .qin .list-item-clg .list-item-clg-data { left: -83px; } .main .qin .list-item-clg { margin-left: 72px; padding-left: 25px; } .main .qin .list-item-clg .list-title-cont { line-height: 20px; margin-top: -2px; } .main .qin .list-item-clg .list-item-clg-data span { font-size: 14px; } } @media (max-width: 1200px) { .news-menu-right .padding-left-25 { padding-left: 9px !important; } } .navbar-nav li:hover a { color: #0077D9 !important; } .navbar-nav li a.on { color: #0077D9 !important; } .small-hide { float: right; margin-top: 10px; } .logo { /*display: inline-block;*/ } @media screen and (max-width: 365px) and (min-width: 250px) { .tab-nav li a { font-size: 18px !important; } .container1 ul li { float: left; width: 48%; margin: 10px 1% !important; } .container1 ul li a img { width: 100%; } } @media screen and (max-width: 377px) and (min-width: 250px) { .container1 ul li { float: left; width: 48%; margin: 10px 1% !important; } } @media screen and (max-width: 451px) and (min-width: 310px) { .item-img-bg-290 { margin-bottom: 20px; } .container-fluid .item .index-video { width: 100%; height: 176px; } .small-hide { display: none; } .logo img { width: 290px !important; margin-top: 5px; } .tab-nav li a { color: #333; /*font-size: 17px!important;*/ } .equipment-wap { position: relative; } .equipment-wap .mian { overflow: auto !important; position: static !important; } .zizhi, .wap-title { margin-top: 28px; } .tabe1 { width: 100% !important; } .shebeiing p { width: 48% !important; margin-left: 1%; margin-right: 1%; display: inline-block; line-height: 130% !important; } .tupain p { width: 48% !important; margin-left: 1%; margin-right: 1%; min-height: 200px; vertical-align: top; line-height: 130%; } } .wap .col-lg-4, .Showcase .col-lg-12 { padding-left: 10px !important; padding-right: 10px !important; } .article-content p img { text-align: center; } #searching { color: #000; } .img-list:after { content: ""; display: block; height: 0; visibility: visible; } .tabe tr td, .tabe1 tr td { padding: 10px 20px; } .shebeiing p { width: 33.33%; text-align: center; display: inline-block; float: left; } .tupain p { width: 50%; display: inline-block; text-align: center; float: left; } .tabe { border: 1px solid #ececec; margin: 20px auto; width: 100%; } .tabe1 { border: 1px solid #ececec; margin: 20px auto; width: 80%; } .bottom-link .col-lg-12 { padding-left: 10px !important; padding-right: 10px !important; } .padding-link { margin: 30px 0; } .img-list > div:nth-child(2) { padding: 10px 0; } .article-content .size-18 { font-size: 18px !important; font-weight: 600; }