/*body*/ .tcdPageCode span.current {float:left;} .border_0{border:0 !important;} .border_top_0{border-top:0 !important;} .margin_top_0{margin-top:0 !important;} .banner img { width: 100%; } .img_width_100 img{max-width:100%;} .carousel { height: auto; margin-bottom: 10px; } .carousel-inner { height: auto; } .carousel-inner .container { padding: 0; } .carousel-inner .container img { width: 100%; } .navbar-nav { float: left; margin: 0; margin-left: 20px; } .menu_head a{color:#000;} .menu_head{ height: 31px; line-height: 34px; border-bottom:1px dotted #aaa; padding-left: 20px; text-align:left; background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/08/c2d1fb20dac144bc84d8fdfc58c1470b/8dd68b0fb4cf45ddb93105566aa3cdc7.jpg) no-repeat; font-weight: bold; margin-bottom: 2px;} .newbox_content.lxs { text-align: left; padding-left: 5px; height:200px; background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/6b7e626ccd7f41948821638a88127c2f.jpg) no-repeat bottom right; } .menu_body {padding-left:20px;} .menu_body a{height: 31px; color:#000; line-height: 34px; display:block; border-bottom:1px dotted #aaa; background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/08/c2d1fb20dac144bc84d8fdfc58c1470b/8dd68b0fb4cf45ddb93105566aa3cdc7.jpg) no-repeat; text-align:left; font-weight:bold; padding-left:30px; } .abtp { float: left; padding: 15px 10px 0 10px; } .abtp img{ border: 2px solid #cfcfcf; padding: 1px; } .abwz { padding: 10px; } .abwz p { margin-bottom: 0; line-height: 23px; } .blue12 { color: #1a86cf; } .pl710 { padding-right: 10px; float: right; } .hui14 { color: #9e9e9e; font-size: 14px; float:left; } .pro { line-height: 25px; } .warpper { text-align: left; } .ico { background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/703af87e2a1d43e38517a69ee1280082.jpg) no-repeat left; padding-left: 15px; } .hei14-b { font-size: 14px; font-weight: bold; float:left; } .pro { height: 26px; line-height: 25px; border: 1px solid #cfcfcf; padding-left: 15px; margin: 0px 0px; margin-top:10px; } .carousel-inner { margin-top: 10px; } .navbar-inverse { margin: 0; background: url("http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/555b6ae098e24c94a4e7839f42798416.jpg") repeat-x; } .navbar-inverse .container { padding: 0; } .navbar-collapse { padding: 0; } .navbar-inverse .navbar-nav > li { width: 106px; text-align: center; font-weight:bold; } .navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 14px; line-height: 35px; } .navbar-inverse .navbar-nav > li > a:hover { background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/01ee7bdcd9fa4ec58d4d0778f3778c1f.jpg); color:#1a86cf; } .nav > li > a { padding: 0px; } .navbar-inverse .navbar-brand { font-size: 14px; color: #fff; } .nav-inverse { padding: 0 0; } .top { width: 1160px; height: 100px; padding: 10px; margin: 0 auto; } .top .phone { text-align: right; padding-right: 10px; } .top .phone { text-align: right; margin-top: 10px; } .top .toplink a { color: #474747; } body { font: 12px/1.5 tahoma,arial,宋体; text-align: center; background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/4edb0b21e4d84eb5a00f1128b2512406.jpg) repeat-x top #fff; } body .column { padding-left: 5px; padding-right: 5px; } /*nav(菜单布局)*/ nav .module-context .module-view .nav { } /*header start (页头布局)*/ header .module-context .module-view .nav { } /*Content(内容布局)*/ .container .module-context .module-view, .container-fluid .module-context .module-view { } /*更多*/ .more { float: right; margin-right: 10px; color: #ff6600; font-weight: normal; font-size: 12px; } /*标题*/ .b-title { width: 100%; height: 26px; line-height: 26px; padding-left: 28px; font-size: 14px; background: #ccc; } .b-title b { float: left; font-size: 14px; color: #ffffff; } /*块盒子*/ .newbox { width: 100%; height: auto; margin-bottom: 10px; background-color: #ffffff; } /*块盒子内容*/ .newbox_content { width: 100%; background-color: #ffffff; border: 1px solid rgb(221, 221, 221); margin-top:10px; text-align:left; } .newbox_content ol { width: 100%; padding: 0px 10px 10px 10px; } .newbox_content ol li { width: 100%; overflow: hidden; height: 30px; padding-left: 10px; list-style: none; background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/27/2a5d6a6cdb164045bff6d04ded620b75/62374520935048edac889e43451fab36.jpg) no-repeat left; padding: 4px 17px; border-bottom: 1px dotted #cfcfcf; } } .newbox_content ol li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #444444; } .newbox_content ol li a:hover { color: #f27b04; text-decoration: underline; } .newbox_content .fr_date { float: right; color: #626262; } /*新闻列表页*/ .newbox_content ul { width: 100%; padding: 10px; } .newbox_content ul li { width: 98%; height: 30px; line-height: 30px; padding-left: 10px; list-style: none; border-bottom: #aaaaaa dotted 1px; } .newbox_content ul li { border-bottom: dotted 1px #aaaaaa; height: 27px; line-height: 26px; } .newbox_content ul li a { color: #444444; } .newbox_content ul li a:hover { color: #f27b04; text-decoration: underline; } /*产品列表cui*/ .products_class_content ul { padding: 0; } .products_class_content ul li > div { border-bottom: 1px solid #ddd; height: 36px; line-height: 36px; display: block; padding-left: 15px; cursor: pointer; background: url(http://q.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/03/03/5fb4033acdee47ffb7da519b0c1db6b0/30358e0372e843cb82b0af229e366ead.gif) #f4f4f4 no-repeat right 10px center; } .products_class_content ul li > p { border-bottom: 1px solid #ddd; height: 30px; line-height: 30px; margin-bottom: 0; padding-left: 30px; display: none; } .mr-10 { float: right; color: #626262; margin-right: 10px; } .split { padding-left: 0px; padding-right: 8px; } .fl { float: left; } /*友情链接*/ .friend_link { width: 100%; background-color: #ffffff; border: 1px solid rgb(221, 221, 221); border-top: none; padding-bottom: 15px; } .friend_link_li { width: 112px; float: left; border: 1px solid #ddd; margin: 15px 0 0 15px; position: relative; } .friend_link_li a { color: #fff; } .friend_link_li img { width: 100%; } .friend_link_li div { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding-top: calc( 50% - 40px ); z-index: 2; background: rgba(0, 0, 0,0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } /*新闻内容页(详细页)*/ .n_title { /*height: 30px;*/ padding: 15px 10px; border-bottom: 1px dotted #c6c6c6; /*width: 100px;*/ /*width: 100%;*/ text-align: center; font: bold 18px/22px "微软雅黑"; } .mt-10 { margin-top: 10px; } .gray { color: #626262; } .n_time { width: 100%; text-align: center; } .line-28 { font-size: 14px; line-height: 28px; } .m-10 { margin: 10px; } /*产品列表块*/ .newbox_content .ke { margin: 7px 0 7px 5px; padding: 9px 0 0 9px; width: 185px; overflow: hidden; position: relative; text-align: center; float: left; background: url(images/bgk.png) no-repeat; } .newbox_content .ke a { display: block; text-align: center; color: #000000; line-height: 30px; text-decoration: none; } .newbox_content .ke a.pic { width: 162px; text-align: center; margin: 0px; } .newbox_content .ke a.pic img{ height:120px !important; padding: 1px; border: 1px solid #cfcfcf } .newbox_content .ke span { top: auto; bottom: 0; background: #fff; font-weight:bold; color: #000; margin-top: 3px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0); display: block; width: 170px; height: 28px; line-height: 28px; } .newbox_content .ke:hover span { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } /*分页*/ .paginator { clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0 auto; font: 14px Arial,Helvetica,sans-serif; color: #666; padding-top: 10px; float: right; } .paginator A { border-right: #c4c4c4 1px solid; padding-right: 8px; border-top: #c4c4c4 1px solid; display: block; padding-left: 8px; background: #fff; float: left; border-left: #c4c4c4 1px solid; color: #0169cd; margin-right: 4px; border-bottom: #c4c4c4 1px solid; text-decoration: none; height: 20px; line-height: 20px; } .paginator A:link { border-right: #c4c4c4 1px solid; padding-right: 8px; border-top: #c4c4c4 1px solid; display: block; padding-left: 8px; background: #fff; float: left; border-left: #c4c4c4 1px solid; color: #0169cd; margin-right: 4px; border-bottom: #c4c4c4 1px solid; text-decoration: none; height: 20px; line-height: 20px; } .paginator A:visited { border-right: #c4c4c4 1px solid; padding-right: 8px; border-top: #c4c4c4 1px solid; padding-left: 8px; background: #fff; border-left: #c4c4c4 1px solid; color: #0169cd; border-bottom: #c4c4c4 1px solid; text-decoration: none; height: 20px; line-height: 20px; } .paginator A:hover { border-right: #fe7300 1px solid; padding-right: 8px; border-top: #fe7300 1px solid; padding-left: 8px; background: #fff; border-left: #fe7300 1px solid; color: #fe7300; border-bottom: #fe7300 1px solid; text-decoration: none; height: 20px; line-height: 20px; } .paginator A:active { border-right: #fe7300 1px solid; padding-right: 8px; border-top: #fe7300 1px solid; padding-left: 8px; background: #fff; border-left: #fe7300 1px solid; color: #fe7300; border-bottom: #a62021 1px solid; text-decoration: none; height: 20px; line-height: 20px; } .paginator .break { padding-right: 6px; padding-left: 6px; padding-bottom: 6px; border-top-style: none; padding-top: 6px; border-right-style: none; border-left-style: none; height: 12px; text-decoration: none; border-bottom-style: none; } .paginator .this-page { border-right: #fff 1px solid; padding-right: 8px; border-top: #fff 1px solid; display: block; padding-left: 8px; background: #fff; float: left; padding-bottom: 2px; border-left: #fff 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: none; color: #fe7300; font-weight: bold; } /*当为第一页时的上一页按钮*/ .firstbtn { border-top-width: 0px !important; padding-right: 0px; padding-left: 0px; border-left-width: 0px !important; font-size: 12px; border-bottom-width: 0px !important; padding-bottom: 0px; width: 26px; color: #666; line-height: 22px; margin-right: 4px; padding-top: 0px; height: 22px; text-align: left; border-right-width: 0px !important; } /*当为最后一页时的下一页按钮*/ .finalbtn { border-top-width: 0px !important; padding-right: 0px; padding-left: 0px; border-left-width: 0px !important; font-size: 12px; border-bottom-width: 0px !important; padding-bottom: 0px; width: 63px; color: #666; text-indent: 7px; line-height: 22px; padding-top: 0px; height: 22px; text-align: left; border-right-width: 0px !important; } .firstbg, .firstbg a, .firstbg a:link, .firstbg a:visited, .firstbg a:hover { font-size: 12px; color: #999; height: 20px; line-height: 20px; display: block; } /*图片幻灯*/ .carousel { height: 350px; background: #fff /*a25c98*/; } .carousel .item { height: 350px; background: #fff; } /*footer(页脚布局)*/ footer .module-context .module-view .nav { } /*留言 */ .Message-style { font-size: 12px; padding: 0px 10px 10px 10px; border: 1px solid #dddddd; padding-top: 10px; background: #FFF; } .Message-style span { width: 100%; height: 30px; background: #eaedf4; display: block; color: #ccc; font-weight: bold; line-height: 30px; padding-left: 10px; } .Message-style .message-title { margin-left: 50px; margin-top: 10px; } .Message-style .message-title em { font-style: normal; color: #313131; font-weight: bold; margin-top: 5px; font-size: 12px; } .Message-style .message-title u { text-decoration: none; font-size: 12px; color: #626262; } .Message-style .message-content { margin-left: 50px; } .Message-style .message-content b { color: #313131; font-weight: bold; margin-top: 5px; font-size: 12px; } .Message-style .message-content input { width: 478px; height: 80px; margin-top: 10px; } .Message-style .message-content em { font-style: normal; font-size: 12px; color: #626262; } .Message-style .message-link { margin-top: 10px; margin-left: 50px; } .Message-style .message-link em { font-size: 12px; color: #313131; font-weight: bold; font-style: normal; } .Message-style .message-link b { font-weight: normal; font-size: 12px; color: #626262; } .Message-style .message-button input { width: 151px; height: 39px; border: none; } .Message-style .message-button { margin-left: 50px; margin-top: 20px; } .Message-style .message-link-title { font-size: 12px; margin-top: 20px; background: #FFF; } .Message-style .message-link-title span { width: 100%; height: 30px; background: #eaedf4; display: block; color: #ccc; font-weight: bold; line-height: 30px; padding-left: 10px; } /*留言结束 */ /*新闻图文*/ .newbox_content_img ul { padding: 0; } .newlist-Img .fl { float: left; } .newlist-Img .fr { float: right; } .newlist-Img ul, li { padding: 0; margin: 0; list-style: none; } .newlist-Img a { color: #666; text-decoration: none; } .newlist-Img li { border-bottom: 1px dashed #dbd5c7; margin-bottom: 10px; } .newlist-Img .pic { /*width: 20%;*/ width: 40%; margin-top: 10px; padding-bottom: 10px; } .newlist-Img .pic img { width: 100%; } .newlist-Img .title { /*width: 77%;*/ width: 58%; padding-bottom: 10px; } .newlist-Img .title h3 { } .newlist-Img .title p { line-height: 28px; font-size: 14px; } .newlist-Img .tag { /*text-align: right;*/ color: #999; font-size: 12px; margin-bottom: 10px; } /*新闻图文结束*/ /*产品推荐选项卡*/ .clear { clear: both; } .re_products_classify ul { margin-bottom: 0 !important; } .re_products_classify ul li { float: left; padding: 0 30px !important; height: 40px; line-height: 40px; text-align: center; cursor: pointer; box-sizing: border-box; font-family: "微软雅黑"; color:#999; } .re_products_classify ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; box-sizing: border-box; } .re_products_left_title { float: left; font-family: "微软雅黑"; font-size: 16px; font-weight: bold; color:#666; } .re_products_title :after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; box-sizing: border-box; } .re_products_title { height: 40px; line-height: 40px; border-bottom: 1px solid #d93a21; box-sizing: border-box; } .re_products_classify { float: right; } .re_products_content { display: none; } .re_products_classify ul li.active { border-top: 2px solid #d93a21; border-right: 1px solid #d93a21; border-left: 1px solid #d93a21; border-bottom: 1px solid #fff; color: #d93a21; box-sizing: border-box; } .re_products_content ul{ list-style:none; margin:0; padding:0; } .re_products_content ul li { width: calc((100% - 15 * 3px) / 4); float: left; border: 1px solid #ddd; padding-bottom: 15px ; margin-right: 15px; margin-top: 15px; transition: all 0.4s ease-out 0s; box-sizing: border-box; background:#fff; } .re_products_content ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; box-sizing: border-box; } .re_products_content_img { width: 100%; text-align: center; margin-bottom: 10px; box-sizing: border-box; } .re_products_content_img img { max-width: 100%; box-sizing: border-box; } .re_products_content ul li a { text-decoration: none; } .re_products_content ul li:hover { margin-top: 0px; box-sizing: border-box; } .re_products_content ul li:nth-child(4n-0) { margin-right: 0; box-sizing: border-box; } .re_products_content ul li:nth-child(4n-3) { clear: both; box-sizing: border-box; } .best_p { line-height: 30px; padding: 0 15px 0 15px; box-sizing: border-box; } .best_p1 { line-height: 22px; padding: 0 15px 0 15px; box-sizing: border-box; height:46px; overflow:hidden; } /*字体颜色*/ .fc_333 { color: #333; } .fc_red { color: #f23030; } .fc_fff { color: #fff !important; } .fc_999 { color: #999; } .fc_red { color: #d93a21; } /*字体大小*/ .font_12 { font-size: 12px; } .font_20 { font-size: 20px; } /*产品轮播*/ .swiper-container { width: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet { width: 15px !important; height: 15px !important; border-radius: 0 !important; background: #ccc !important; } .swiper-pagination-bullet-active { background: #fff !important; } .swiper-pagination { text-align: right !important; padding-right: 10px !important; } /*新闻选项卡*/ .news_tab { border: 1px solid #ddd; width: 100%; margin-top: 15px; } .news_tab_title { line-height: 40px; height: 40px; width: 100%; box-sizing: border-box; } .news_tab_title ul { width: 100%; height: 40px; border-bottom: 1px solid #ddd; box-sizing: border-box; list-style: none !important; margin: 0; padding: 0; } .news_tab_title ul li { float: left; border-right: 1px solid #ddd; /*border-bottom:1px solid #ddd;*/ padding: 0 30px !important; height: 40px; font-family: "微软雅黑"; color: #666; cursor: pointer; list-style: none !important; } .news_tab_title ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; box-sizing: border-box; } .news_tab_title ul li.active { border-bottom: 1px solid #fff !important; border-top: 2px solid red; box-sizing: border-box; font-weight: bold; } .news_tab_content { display: none; width: 100%; padding: 15px; box-sizing: border-box; font-family: "微软雅黑"; } .news_tab_content ul { list-style: none !important; margin:0; padding:0; } .news_tab_content ul li { line-height: 30px; height: 30px; background: url(images/cui_bg.png) no-repeat; background-position: -68px -330px; padding-left: 10px; box-sizing: border-box; list-style: none !important; } .news_tab_content ul li span:first-child { width: 80px; float: right; color: #999; text-align:right; } .news_tab_content ul li span:last-child { color: #666; margin-right: 80px; display: block; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .news_tab_content ul li a:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; box-sizing: border-box; } .news_tab_content ul li a { display: block; text-decoration: none; } /*资质荣誉*/ .newbox_content .case { width: 310px; float: left; margin: 20px 0 0 80px; text-decoration: none; } .newbox_content .case a { display: block; text-align: center; } .newbox_content .case span { display: block; width: 310px; text-align: center; font-size: 14px; font-weight: bold; margin-top:15px; } .newbox_content .case img { width: 310px; height: 230px; border: 3px solid #d8d8d8; } span.disabled { float: left; }