/* 清除内外边距 */ @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } input, textarea { border: 2 none; box-shadow: none; outline: none; } /* 设置默认字体 */ body, button, input, select, textarea { font: 14px/22px "Microsoft YaHei"; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } * h1, * h2, * h3, * h4, * h5, * h6 { margin: 0px; } /* 重置列表元素 */ ul, ol, li { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; color: #666; word-wrap: break-word; outline: none; } /*英文换行*/ a:hover { text-decoration: none; color: #e3232f; ; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { width: 260px; height: 40px; /* 使表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } /*手机预览居中*/ body { min-width: 1200px; width: 100%; overflow: hidden; } /*设置浮动*/ .fl { float: left; } .fr { float: right; } .pr { position: relative; } .pa { position: absolute; } /*清除浮动*/ .clear { clear: both; height: 0; } .blk-main .clearlist, .blk-main .listclear { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100%; float: none; } .b-main .clearlist, .b-main .listclear { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100%; float: none; } .clearafter:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } /*全局背景色1*/ .body-color { background: #ffffff; } .bark-body-color { background: #181818; } /*Main模板*/ .blk-main { width: 1200px; margin: 0 auto; padding-bottom: 60px; } /*小模块*/ .blk-xs { width: 240px; } /*中模块*/ .blk-sm { width: 930px; } /*小版块*/ .blk { margin-bottom: 30px; } /*首页板块全局补白*/ .p { padding: 30px 0; } /*首页板块全局变量*/ .b { clear: both; } /*数据更新中的样式*/ .nodata { background: url("../images/nodata.png") no-repeat 58px 20px #fff; margin: 10px 0; padding: 80px 0 80px 220px; border: 1px solid #eee; text-transform: capitalize; } /*详情内容*/ .endit-content { line-height: 28px; } .endit-content p { margin: 15px 0; } .endit-content img { display: block; max-width: 100%; margin: 0 auto; } /*百度地图图片*/ .endit-content #map img, .endit-content #dituContent img, .endit-content #platform img { max-width: inherit; } .endit-content em, .endit-content i { font-style: italic; } .endit-content .img-p { text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center; } .endit-content .img-container {} .endit-content .img-block { text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center; } /*详情关键字飘红加粗*/ .endit-content a { color: #f00; font-weight: bold; } /*详情内容关键字加VI色*/ /*.endit-content a{color:#e3232f; font-weight: bold;}*/ /*表单弹框*/ .nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0; left: 0; z-index: 99999; } .modal-dialog { position: fixed; color: #000000; top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; } .modal-dialog .css-icon { background-image: url("../images/modal-icons.png"); } .modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: #F6EFEF; font-size: 14px; } .modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; } .modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; } .modal-dialog .modal-body { width: 100%; min-height: 125px; background: #ffffff; } .modal-dialog .modal-body .modal-body-left { width: 140px; float: left; } .modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0 0 48px; } .modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; } .modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; } .modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; } .modal-dialog .modal-body .modal-body-right .close-btn { color: #000; text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: #818079; } .modal-dialog .modal-body .modal-body-right p { line-height: 30px; } /*翻页*/ .p12-pagination-1-main { margin: 0 auto; padding: 20px 0; height: 30px; text-align: center; } .p12-pagination-1 a, .p12-pagination-1 span { vertical-align: top; display: inline-block; padding: 0 8px; height: 26px; line-height: 26px; border: 1px solid #e5e5e5; text-align: center; margin: 0 2px; background: #fff; } .p12-pagination-1 span { border: 1px solid #fff; } .p12-pagination-1 .page_curr { background: #e3232f; color: #fff; border-color: #e3232f; } .p12-pagination-1 .laypage_first, .p12-pagination-1 .laypage_last { display: none; } /* 复制属性*/ .header, .content, .footer { width: 1200px; margin: 0 auto; font-family: "Microsoft Yahei"; } .h_top { height: 198px; background: url(../images/topbg.gif) repeat-x center 0; position: relative; z-index: 2; overflow: hidden; font-family: "Microsoft Yahei"; } .t_con { height: 117px; padding: 15px 0 0; overflow: hidden; } .t_con .logo { display: inline-flex; align-items: center; justify-content: flex-start; height: 100px; } .t_con h1, .t_con h1 img { display: block; margin: 0 auto; max-height: 100px; } .t_text { font-size: 24px; color: #3d3d3d; line-height: 32px; padding: 36px 0 0 60px; } .t_text b { display: block; color: #e3232f; } .t_pho { color: #3d3d3d; line-height: 26px; font-size: 16px; padding: 22px 0 0; text-align: right; } .t_pho span { background: url(../images/t_pho.gif) no-repeat 0 0; padding: 0 0 0 28px; display: inline-block; } .t_pho b { display: block; font-family: DIN Black; font-size: 28px; line-height: 28px; color: #e3232f; } .menu { white-space: nowrap; height: 66px; line-height: 66px; overflow: hidden; font-size: 16px; } .menu ul { width: 1280px; } .menu li { float: left; } .menu li a { color: #fff; display: inline-block; padding: 0 34px; } .menu li.cur a, .menu li a:hover { text-decoration: none; z-index: 1; background: url(../images/t_ico1.gif) no-repeat center 47px #343434; font-weight: bold; } .menu li a:-webkit-any-link { display: block; } .ty-banner-1 { overflow: hidden; line-height: 0; text-align: center; } .ty-banner-1 img { display: block; margin: 0 auto; max-width: 100%; } .ty-banner-1 img.show { visibility: visible; } .p1-search-1 { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; } .p1-search-1 span { color: #444; line-height: 82px; } .p1-search-1 a { color: #444; display: inline-block; margin-right: 15px; } .p1-search-1-inp { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px; margin-top: 28px; } .p1-search-1-inp input { border: 0; } .p1-search-1-inp1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; } .p1-search-1-inp2 { width: 30px; height: 30px; background: url(../images/viskins-p1.png) no-repeat -258px -936px; float: right; cursor: pointer; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curblock { display: none; } .p12-curmbs-1 b { border-left: 10px solid #343434; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li { width: 16.66%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #eee; margin-right: -1px; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #333; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(../images/p16-icon6.png) no-repeat bottom center #e3232f; border-color: #e3232f; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; } .p12-aboutinfo-1-tit { height: 114px; line-height: 114px; font-size: 30px; text-align: center; color: #4b4a4a; } .p12-aboutinfo-1-tit span { font-size: 22px; color: #aaa; } .p12-aboutinfo-1-nr { padding: 0 0 20px; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curblock { display: none; } .p12-curmbs-1 b { border-left: 10px solid #343434; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: 'Microsoft YaHei'; padding: 0 5px; height: 46px; line-height: 46px; } .p15-infocontent-1 { margin-bottom: 30px; } .p15-infocontent-1-tit { text-align: center; font-weight: normal; margin-bottom: 40px; font-size: 28px; line-height: 40px; color: #535353; height: 40px; overflow: hidden; } .p15-infocontent-1-bool { border-bottom: 1px solid #343434; height: 20px; font-size: 12px; color: #909090; } .p15-infocontent-1-bool span { margin-right: 20px; } .p15-infocontent-1-bool span a { color: #909090; } .p15-infocontent-1-bool i { font-style: normal; float: right; display: block; width: 80px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #343434; } .p15-infocontent-1-bool i a { color: #fff; } .p15-infocontent-1-bool span { margin-right: 15px; } .p15-infocontent-1-tag span { margin-right: 10px; } .p14-info-3 { background: #f5f5f5; padding: 0 20px 8px; } .p14-info-3-tit { height: 55px; font-size: 24px; line-height: 55px; color: #4b4a4a; } .p14-info-3-list li { height: 46px; font-size: 14px; line-height: 46px; color: #4b4a4a; border-top: 1px dashed #dbdbdb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-info-3-list li a { color: #4b4a4a; } .p14-info-3-list li span { float: right; } .p14-pagination-1 dl { margin-bottom: 24px; padding-right: 40px; } .p14-pagination-1 dd { height: 32px; font-size: 14px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-pagination-1 dd b { float: right; font-weight: normal; } .p14-pagination-1 dd span { width: 60px; height: 32px; background: #a2a2a2; color: #fff; text-align: center; display: inline-block; margin-right: 10px; } .p14-pagination-1 dt { height: 1px; border-bottom: 1px dashed #b5b5b5; margin-left: 60px; padding-top: 2px; margin-bottom: 2px; } .p14-pagination-1 dd em { float: right; padding-left: 20px; font-weight: normal; } .p14-pagination-1 dl a { color: #4b4a4a; } .p14-pagination-1-href { float: right; font-size: 18px; line-height: 32px; } .p14-pagination-1-href span { display: inline-block; padding: 0 6px; margin-left: 4px; background: #343434; } .p14-pagination-1-href a { display: block; color: #fff; } .p14-pagination-1-key { min-height: 40px; border-top: 1px solid #343434; font-size: 14px; line-height: 40px; color: #575556; } .p14-pagination-1-key a { color: #575556; } .p14-pagination-1-key span { display: inline-block; margin: 0 4px; } .p15-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; } .p15-showcase-right-con { line-height: 24px; font-size: 14px; max-height: 168px; margin-bottom: 86px; overflow: hidden; } .p15-showcase-left { position: relative; width: 44.7%; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 3.3%; } .p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .p15-showcase-left-prev { left: 10px; } .p15-showcase-left-next { right: 10px; } .p15-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 28px; font-size: 14px; line-height: 16px; padding: 0 15px; } .p15-showcase-left-size em { font-style: normal; } .p15-showcase-left-pic { width: 100%; text-align: center; } .p15-showcase-left-pic li { float: left; } .p15-showcase-left-pic img { width: 100%; display: block; } .p15-showcase-right { width: 51.6%; float: left; } .p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc-cx-tel-1 { width: 50%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 2%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #e3232f; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 40px; color: #e3232f; } .fdh-01-tit { background: #e3232f; height: 80px; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit h3 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(../images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; overflow: hidden; } .fdh-01-nav-one h3 a { display: block; height: 50px; font-size: 16px; font-weight: normal; margin-right: 40px; margin-left: 20px; color: #666; } .fdh-01-nav-one h3.sidenavcur, .active h3, .fdh-01-nav-one h3:hover { background: url(../images/p14-icon2.png) no-repeat right center #e3232f; } .active h3 a { color: #fff !important; } .fdh-01-nav-one h3.sidenavcur a, .active h3, .fdh-01-nav-one h3:hover a { color: #fff; } .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #e3232f; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #e3232f; } .fdh-01-nav dd { border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } .fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a { color: #e3232f; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #343434; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cbgg-01 { background: #e3232f; text-align: center; color: #fff; } .cbgg-01-img img { width: 100%; display: block; } .cbgg-01 p { padding-top: 15px; } .cbgg-01 p img { vertical-align: middle; margin-right: 5px; } .cbgg-01 span { display: block; font-size: 28px; font-weight: bold; font-family: Arial; padding-bottom: 20px; padding-top: 10px; } .cplb-3n-ts-03-tit { height: 50px; font-size: 24px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .n-cplb-desc { background: #edeceb; padding: 10px 20px; margin-bottom: 10px; } .cplb-3n-ts-03-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #343434; } .cplb-3n-ts-03-list dl { width: 32.1%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 0.6%; } .cplb-3n-ts-03-list dt img { width: 100%; height: 299px; margin: 0 auto; display: block; border-bottom: 1px solid #dedede; object-fit: cover; } .cplb-3n-ts-03-list dd { padding: 6px 20px 5px 20px; } .cplb-3n-ts-03-list dd h4 { height: 45px; font-weight: normal; font-size: 18px; color: #154c64; text-align: center; line-height: 45px; overflow: hidden; } .cplb-3n-ts-03-list h4 a { display: block; height: 45px; color: #727272; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cplb-3n-ts-03-list dl:hover h4 a { color: #e3232f; } .cplb-3n-ts-03-list-desc { height: 40px; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 12px; overflow: hidden; } .cplb-3n-ts-03-list-deta { width: 100px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .cplb-3n-ts-03-list dl:hover { border-color: #e3232f; } .cplb-3n-ts-03-list dl:hover a { color: #e3232f; } .p14-infolist-1-list dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; overflow: hidden; } .p14-infolist-1-list dt { width: 29.5%; float: left; margin-right: 5.8%; } .p14-infolist-1-list dt img { width: 100%; height: 199px; display: block; margin: 0 auto; object-fit: cover; } .p14-infolist-1-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .p14-infolist-1-list h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-infolist-1-list dl:hover { border: 1px solid #e3232f; } .p14-infolist-1-list dl:hover h4 a { color: #e3232f; } .p14-infolist-1-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .p14-infolist-1-list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff; } .p14-infolist-1-list-deta a { color: #fff; } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta { background: #e3232f; border-color: #e3232f; } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a { color: #fff; } .p1-pro-showcase-1-txt { line-height: 30px; overflow: hidden; margin-left: 55px; float: left; width: 45%; } .p1-pro-showcase-1-txt h1 { height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; overflow: hidden; color: #333; border-bottom: 1px solid #eee; margin-bottom: 20px; } .p1-pro-showcase-1-txt-t1 { margin-bottom: 86px; overflow: hidden; } .p1-pro-showcase-1-tle { left: 40%; bottom: 0; margin-left: 55px; } .p1-pro-showcase-1-tle .p1-pho-1 { background: url(../images/VISkins-p1.png) no-repeat 0 -3px; min-height: 50px; padding-left: 44px; font-size: 20px; line-height: 30px; margin-left: 30px; margin-right: 50px; color: #e3232f; } .p1-pho-1 i { font-style: normal; } .p1-pho-1 span { display: block; font-size: 14px; line-height: 14px; color: #666; } .p1-pho-2 em { display: block; width: 122px; height: 35px; background: #e3232f; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 35px; } /* Hide from IE Mac */ .t1-clearfix { display: block; } /*图片放大镜样式*/ .prod-showcase-1 .jqzoom { border: none; padding: 0px; cursor: pointer; margin: 0px; display: block; position: relative; } .prod-showcase-1 .jqzoom img { width: 100%; margin: 0 auto; display: block; } .prod-showcase-1 .zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 369px; height: 369px; background: #ffffff; display: none; text-align: center; overflow: hidden; border: 1px solid #e8e8e8; } .prod-showcase-1 .jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); } /*图片小图预览列表*/ .t1-pro-preview { width: 40%; float: left; } .prod-showcase-1 .t1-spec-preview { width: 100%; overflow: hidden; border: 1px solid #e8e8e8; } .prod-showcase-1 .t1-spec-scroll { position: relative; z-index: 9999; overflow: hidden; clear: both; padding: 9px 0; width: 100%; border-top: 1px solid #e8e8e8; background-color: #fff; } .t1-spec-scroll .t1-prev, .t1-spec-scroll .t1-next { position: absolute; z-index: 9999; display: block; width: 18px; height: 23px; text-indent: -9999px; overflow: hidden; cursor: pointer; top: 50%; margin-top: -9px; } .prod-showcase-1 .t1-prev { left: 0; background: url(../images/p15-icon2.png) no-repeat center top; } .prod-showcase-1 .t1-next { right: 0; background: url(../images/p15-icon3.png) no-repeat center top; } .prod-showcase-1 .t1-items { padding: 0 22px; } .t1-items-swiper { position: relative; } .t1-items-swiper p { float: left; width: 30%; padding: 0 5px; } .t1-items-swiper p img { width: 100%; border: 1px solid #eee; box-sizing: border-box; } .t1-items-swiper .t1-current img { border-color: red; } .p14-prodcontent-1 { background: #fff; padding: 0; margin-bottom: 22px; } .p14-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px; } .p14-prodcontent-1-tit span { display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #343434; padding-left: 34px; background: url(../images/p14-icon11.png) no-repeat 2px center; } .p14-prodcontent-1-tit em { font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; } /*.p14-prodcontent-1-desc {*/ /* padding-left: 15px;*/ /* padding-right: 15px;*/ /*}*/ .p14-product-2-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; } .p14-product-2-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #343434; background: url(../images/p14-icon11.png) no-repeat 22px center; } .p14-product-2-tit span { margin-left: 10px; font-size: 18px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; } .p14-product-2-list dl { float: left; width: 23.8%; border: 1px solid #dfdfdf; margin-right: 1.5%; box-sizing: border-box; } .p14-product-2-list dl.p14-product-clear { margin-right: 0; } .p14-product-2-list dl img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; } .p14-product-2-list dd { padding: 10px 28px 10px 10px; margin-right: 2px; position: relative; } .p14-product-2-list h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list h3 a { color: #191919; } .p14-product-2-desc { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list dl:hover { border-color: #e3232f; } .p14-product-2-list dl:hover h3 a { color: #e3232f; } .f_bj { color: #9f9f9f; clear: both; height: 453px; font-family: "Microsoft Yahei"; background: url(../images/footbg.png) no-repeat center 0; line-height: 30px; padding: 116px 0 0; position: relative; } .f_bj a { color: #9f9f9f; } .f_nav { height: 81px; line-height: 81px; font-size: 16px; white-space: nowrap; text-align: center; border-bottom: solid 1px #404040; margin-bottom: 37px; } .f_nav a { display: inline-block; color: #fff; padding: 0 4px; height: 79px; } .f_nav a:hover { font-weight: bold; border-bottom: solid 2px #e3232f; color: #e3232f; } .f_nav em { display: inline-block; color: #686868; padding: 0 25px; font-style: normal; font-size: 14px; } .f_text { height: 102px; padding: 45px 0 0 58px; background: #1a1a1a; } .f_text li { float: left; background: url(../images/f_ico1.gif) no-repeat 0 0; padding: 0 0 0 97px; width: 370px; height: 50px; line-height: 28px; color: #9f9f9f; } .f_text li.f_text2 { background: url(../images/f_ico2.gif) no-repeat 0 0; width: 265px; } .f_text li.f_text3 { background: url(../images/f_ico3.gif) no-repeat 0 0; width: 220px; padding: 0 0 0 85px; } .f_text li span { display: block; height: 34px; font-weight: bold; color: #e3232f; font-size: 16px; line-height: 34px; } .f_text li span em { font-family: Arial; color: #6d6d6d; font-weight: normal; font-style: normal; } .f_con { display: flex; align-items: center; justify-content: center; height: 180px; } .f_logo { padding: 15px 0 0; } .f_logo img { display: block; margin: 0 auto; max-height: 100px; } .f_cont { width: 400px; padding: 15px 0 0; text-align: center; } .f_code { width: 114px; display: block; height: 111px; padding: 12px 0 0 106px; background: url(../images/f_codebg.png) no-repeat 0 0; } .f_code img { display: block; width: 84px; height: 84px; display: block; padding: 4px; background: #fff; border: solid 2px #ebebeb; } .client-2 { position: fixed; right: -170px; bottom: 20%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; } .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #e3232f; color: #fff; height: 53px; width: 230px; padding: 9px 0 0; float: left; } .client-2 .my-kefu-main { background: #e3232f; width: 97px; height: 53px; position: relative; padding: 9px 0 0; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } .clearfix:after { content: ''; visibility: hidden; font-size: 0; height: 0; display: block; clear: both; } .mainPage { width: 100%; text-align: center; } u { display: inline-block; } .mainPage u li { float: left; display: inline; height: 28px; line-height: 28px; padding: 0 10px; color: #000; font-size: 15px; margin: 0 2px; border: 1px solid #dedede; } .mainPage u li a { color: #000; } .mainPage u li.thisclass { background: #e3232f; border: 1px solid #e3232f; color: #fff; } .mainPage u li.thisclass a { color: #fff; } .pro1 {} .pro1 h2 { font-size: 30px; color: #2b2b34; text-align: center; display: block; margin: 60px auto 50px; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #ddd; width: 30%; } .pro1 h2 span { display: block; border-bottom: 3px solid #e3232f; width: 20%; margin-top: 20px; text-align: center; margin: 19px auto -1.5px; } .pro1 table { width: 100%; } .pro1 tr td { border: 1px solid #eee; padding: 10px; text-align: center; } .pro1 tr th { border: 1px solid #eee; text-align: center; } .pro1 tr:nth-child(1) { background: #f8f8f8; text-align: center; color: #e3232f; font-size: 16px; } .pro1 tr:last-child { color: #e3232f; }