/** * 人人站CMS * ============================================================================ * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。 * 网站地址: http://www.rrzcms.com * ---------------------------------------------------------------------------- * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷. * ============================================================================ */ body {font: 14px/1.5 "微软雅黑", arail, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;color: #666} p {margin: 0;font-weight: normal} h1, h2, h3, h4, h5, h6, figure {color: #444} ::-webkit-selection {color: #fff;background: #323232} ::-moz-selection {color: #fff;background: #323232} ::selection {color: #fff;background: #323232} .text-lowercase {text-transform: lowercase} .text-uppercase, .initialism {text-transform: uppercase} .text-capitalize {text-transform: capitalize} .float_bg {background: url(../images/qq_3.gif) repeat-y} a {color: #666;text-decoration: none} a:focus, a:hover {color: #f13a3a} .bg-main {background: #FF6637;border: 1px solid #FF6637 !important} .bg-main:hover, .bg-main:focus {border: 1px solid #e24515 !important;background: #e24515 !important} .button.bg-main {border-color: #FF6637 !important} .button.bg-main:hover {border-color: #e24515 !important} .passcode {border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0} .detail h2, .detail h3 {line-height: 180%} .detail h3, .detail h1 {font-size: 18px;color: #5a5a5a;font-weight: bold} .layout {overflow: hidden;width: 100%} header .layout, footer .layout {overflow: visible;width: 100%} { overflow: visible ; width: 100% } .not-animated {opacity: 0} ul, li {padding: 0;margin: 0;list-style: none} .line-big {margin-left: -15px;margin-right: -15px} .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px} #rrz-wrapper {overflow-x: hidden} #rrz-page {position: relative;z-index: 2;background: #fff;overflow-x: hidden} .rrz-heading {position: relative;z-index: 1} .rrz-heading h2 {font-size: 40px;text-align: center;margin: 0px 0px 10px;color: #333;font-weight: bold} .rrz-heading span {color: #999;line-height: 1.5;font-size: 16px} .vertical-middle {width: 100%;height: 100%;display: table} .vertical-middle > div {display: table-cell;vertical-align: middle} .zoomimgs {display: block;width: 100%;height: 0;overflow: hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover} .piczoomimgs {padding-bottom: 64%} .artzoomimgs {padding-bottom: 68%} .chazoomimgs1 {padding-bottom: 77%} .chazoomimgs2 {padding-bottom: 88%} .chazoomimgs3 {padding-bottom: 68%} .main-top {position: relative;width: 100%} #rrz-header {background: #1e1e33;padding: 15px 0} #index_box_id #rrz-header {position: absolute;top: 45px;left: 0;right: 0;width: 100%;height: 71px;z-index: 3;background: none;padding: 0} .header-box.fixed.fixed-top {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6;background: #fff} #rrz-header .navbar-head {padding: 5px 0px 0 0} #rrz-header .navbar-head img {width: 220px} #rrz-header .navbar-body .nav {} #rrz-header .navbar-body .nav li {margin: 0;padding: 0;display: inline;padding: 0} #rrz-header .navbar-body .nav li a {color: #fff;font-size: 16px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;line-height: 71px;padding: 0px 20px;transition: none} #rrz-header .navbar-body .nav li a .downward {display: none} #rrz-header .navbar-body .nav li a:hover, #rrz-header .navbar-body .nav li.current a.first-level, #rrz-header .navbar-body .nav li:hover a.first-level {color: #ff6637} #rrz-header .navbar-body .nav li ul {border: none;left: -21px;border-radius: 0;margin: 0;padding: 0;min-width: 140px;z-index: 4;border: none;top: 62px;box-shadow: none;background: #fff} #rrz-header .navbar-body .nav li ul:before {position: absolute;top: -7px;left: 62px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: ''} #rrz-header .navbar-body .nav li ul:after {position: absolute;top: -6px;left: 63px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: ''} #rrz-header .navbar-body .nav li ul li {margin: 0;padding: 0;height: auto;display: block;height: auto;border-bottom: 0px solid #ea6501} #rrz-header .navbar-body .nav li ul li a {display: block;width: 100%;padding: 0px 10px;margin: 0;text-align: left;min-width: 140px;line-height: 40px;color: #333;background: none;text-align: center;font-size: 14px;transition: none;border: none} #rrz-header .navbar-body .nav li ul li a:hover {background: #FF6D00;color: #fff;border: none} #rrz-header .navbar-body .nav li ul li ul {top: 0} #rrz-offcanvas, .rrz-nav-toggle, #rrz-page {} #rrz-offcanvas, .rrz-nav-toggle, #rrz-page {position: relative} #rrz-page {z-index: 2} #rrz-offcanvas {display: none;right: 0;overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 160px;background: #fff;padding: 0px 0px 10px 40px;border: 0} .offcanvas-visible #rrz-offcanvas {display: block} #rrz-offcanvas ul {padding: 0;margin: 0;overflow-x: hidden;border-radius: 0} #rrz-offcanvas ul li {list-style: none;position: static;width: 100%;margin: 0;padding: 0} #rrz-offcanvas ul li:hover, #rrz-offcanvas ul li.current {} #rrz-offcanvas ul li a {font-size: 12px;color: #333;text-decoration: none !important;display: block;position: relative;line-height: 34px;margin: 0;padding: 0px 0 0 2px} #rrz-offcanvas ul li a:hover, #rrz-offcanvas ul li.current a {color: #ff6637} #rrz-offcanvas ul li a::after {background: #eee;position: absolute;content: '';left: 0px;bottom: 0;right: 0;height: 1px} #rrz-offcanvas ul li ul {margin: 0;padding: 0;z-index: 6;position: relative;width: 100%;border: 0;box-shadow: 0} #rrz-offcanvas ul li ul li {margin: 0;padding: 0;display: block;border: none;line-height: 28px} #rrz-offcanvas ul li ul li a, #rrz-offcanvas ul li.current ul li a {background: #fff;color: #666;display: block;padding: 0px 20px 0px 20px;margin: 0;text-align: left;width: 100%;font-size: 12px;line-height: 28px;transition: none} #rrz-offcanvas ul li ul li a:hover {background: #ff6637;color: #fff;transition: none} #rrz-offcanvas ul li ul li a::before, #rrz-offcanvas ul li ul li a::after {background: none;height: 0;padding: 0} #rrz-offcanvas ul li ul li ul {top: 0} .rrz-nav-toggle {cursor: pointer;text-decoration: none} .rrz-nav-toggle.active i::before, .rrz-nav-toggle.active i::after {background: #fff} .rrz-nav-toggle:hover, .rrz-nav-toggle:focus, .rrz-nav-toggle:active {outline: none;border-bottom: none !important} .rrz-nav-toggle i {position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #f13a3a;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #fff;transition: all .2s ease-out} .rrz-nav-toggle i::before, .rrz-nav-toggle i::after {content: '';width: 28px;height: 4px;background: #fff;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s} .rrz-nav-toggle i::before {top: -9px} .rrz-nav-toggle i::after {bottom: -9px} .rrz-nav-toggle:hover i::before {top: -10px} .rrz-nav-toggle:hover i::after {bottom: -10px} .rrz-nav-toggle.active i {background: none} .rrz-nav-toggle.active i::before {background: none} .rrz-nav-toggle.active i::after {background: none} .rrz-nav-toggle {position: fixed;top: 13px;right: 10px;z-index: 9;display: block;display: none;cursor: pointer} .rrz-nav-toggle.active {right: 129px !important;top: 15px !important;background: url(../images/coo.gif) no-repeat left top;width: 20px;height: 23px} footer {line-height: 1.2;font-size: 15px} footer a {color: #888} footer a:hover {color: #888;text-decoration: underline} footer .foot-top {padding: 60px 0 30px;background-repeat: no-repeat;background-position: center center;background-size: cover} footer .foot-top h6 {color: #fff;font-size: 24px;margin: 82px 0 80px;font-weight: bold} footer .foot-top .foot-nav {margin-bottom: 10px} footer .foot-top .foot-nav a {margin: 0 30px;font-size: 16px} footer .foot-top .foot-contact {font-size: 16px;color: #B3B3B5} footer .foot-top .foot-contact p {font-size: 16px;overflow: hidden;line-height: 2} footer .foot-top .foot-contact p i {margin-right: 10px} footer .foot-top .foot-contact a {color: #B3B3B5} footer .foot-bot {padding: 15px 0 8px;background: #FF6537;color: #fff;font-size: 12px} footer .foot-bot .foot-link {padding: 6px 0 0px} footer .foot-bot a {color: #fff} footer .foot-bot a:hover {color: #fff;text-decoration: underline} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none} .slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none} .flexslider {margin: 0;padding: 0;position: relative;z-index: 1} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;height: 900px} .flexslider .slides > li a {display: block;height: 100%} .flexslider .slides img {width: 100%;display: block} .flex-pauseplay span {text-transform: capitalize} .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0} html[xmlns] .slides {display: block} * html .slides {height: 1%} .no-js .slides > li:first-child {display: block} .flex-control-nav {position: absolute;bottom: 10px;z-index: 2;width: 100%;text-align: center} .flex-control-nav li {margin: 0 4px;display: inline-block;zoom: 1} .flex-control-nav a {width: 11px;height: 11px;display: block;background: #555;cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} .flex-control-nav .flex-active {background: #ff6637} .flex-direction-nav {position: absolute;z-index: 3;width: 100%;top: 50%} .flex-direction-nav li a {display: block;width: 71px;height: 71px;overflow: hidden;cursor: pointer;position: absolute;margin-top: -36px;text-indent: -9999em;top: 50%;background-repeat: no-repeat;border-radius: 5px} .flex-direction-nav li a.flex-prev {left: 50px;background-position: 0 0px;background-image: url("../images/left.png");background-color: rgba(0, 0, 0, .1)} .flex-direction-nav li a.flex-next {right: 50px;background-position: 0px 0px;background-image: url("../images/right.png");background-color: rgba(0, 0, 0, .1)} .flex-direction-nav li a.flex-prev:hover {background-color: rgba(0, 0, 0, .3)} .flex-direction-nav li a.flex-next:hover {background-color: rgba(0, 0, 0, .3)} #rrz-service-list .bg-service {padding: 60px 0 45px} #rrz-service-list .item a {display: block} #rrz-service-list .item a:hover {color: #666} #rrz-service-list .content .item a .media-img {position: relative;width: 85px;height: 85px;margin: 0 auto} #rrz-service-list .content .item a .media-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 100%;margin: 0 auto;text-align: center;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear} #rrz-service-list .content .item a:hover .media-img img {-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear} #rrz-service-list .content .item a .media-img .imgs2 {opacity: 0;filter: alpha(Opacity=0)} #rrz-service-list .content .item a:hover .media-img .imgs1 {display: none} #rrz-service-list .content .item a:hover .media-img .imgs2 {opacity: 1;filter: alpha(Opacity=100)} #rrz-service-list .content .item h5 {color: #333;font-size: 20px;margin: 30px 0 22px} #rrz-service-list .content .item a:hover h5 {color: #ff6637} #rrz-service-list .content .item p.desc {font-size: 14px;line-height: 2.5em;color: #999;height: 96px;overflow: hidden} #rrz-video-list .content .item {padding: 120px 0 160px;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover} #rrz-video-list .content .item a {color: #fff;display: block} #rrz-video-list .content .item a .video-btn {background: url(../images/video-play.png) no-repeat center top;width: 85px;height: 85px;margin: 0 auto 60px;opacity: 1;filter: alpha(Opacity=100);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear} #rrz-video-list .content .item a .video-btn:hover {opacity: 0.8;filter: alpha(Opacity=80);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear} #rrz-video-list .content .item a h3 {color: rgb(255, 255, 255);font-size: 32px;margin-bottom: 8px} #rrz-video-list .content .item a .desc {font-size: 16px} #rrz-news-list .bg-news {background-color: #fff;padding: 120px 0 115px} #rrz-news-list .show-list .item {position: relative;overflow: hidden} #rrz-news-list .show-list .item a {color: #999} #rrz-news-list .show-list .item h3 {font-size: 20px;color: #333;margin: 25px 0 10px;white-space: nowrap;overflow: hidden} #rrz-news-list .show-list .item h3 a {font-size: 20px} #rrz-news-list .show-list .item a:hover h3 {color: #ff6637} #rrz-news-list .show-list .item p.desc {font-size: 14px;color: #999;line-height: 2} #rrz-advantage-list {position: relative;padding: 125px 0 150px} #rrz-advantage-list .bg-advantage-black {position: absolute;left: 0;right: 0;top: 0;bottom: 40%;background: #2E2F4D;width: 100%;height: 60%} #rrz-advantage-list .rrz-heading h2 {color: #fff;margin-bottom: 60px} #rrz-advantage-list .show-list {max-width: 1038px;margin: 0 auto} #rrz-advantage-list .show-list .item .media {background: #FF6637;color: #fff;margin: 0;height: 265px;padding: 70px 46px 0 40px} #rrz-advantage-list .show-list .item .media-left {font-size: 60px;font-weight: bold;margin: 20px 30px 0 0} #rrz-advantage-list .show-list .item .media-body h5 {font-size: 24px;color: #fff;margin-bottom: 20px} #rrz-advantage-list .show-list .item .media-body p.desc {font-size: 14px;line-height: 1.8} #rrz-quality-list .bg-quality {padding: 155px 0 155px;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover} #rrz-quality-list .show-list {max-width: 955px;margin: 0 auto} #rrz-quality-list .show-list .item {background: #27282C;margin-right: 1px;color: #fff;padding: 66px 0 20px} #rrz-quality-list .show-list .item-block:last-child .item {margin-right: 0} #rrz-quality-list .show-list .item:hover {background: #FF6537} #rrz-quality-list .show-list .item .num-txt {font-size: 18px;padding: 0px 0 20px} #rrz-quality-list .show-list .item p.desc {font-size: 16px} #rrz-quality-list .show-list .item h5 {font-size: 20px;color: #fff;margin: 2px 0 0px} #rrz-product-list .bg-product {background-color: #fff;padding: 130px 0 95px} #rrz-product-list .show-list {padding-top: 20px} .show-product .item {position: relative;overflow: hidden} .show-product .item a {color: #999} .show-product .item h3 {font-size: 20px;color: #333;margin: 25px 0 10px} .show-product .item h3 a {font-size: 20px} .show-product .item a:hover h3 {color: #ff6637} .show-product .item p.desc {font-size: 14px;color: #999;line-height: 2} .show-product .pro-item h3 {font-size: 16px;color: #333;margin: 10px 0 0px} .show-product .pro-item a:hover h3 {color: #ff6637} #rrz-content_show {padding-bottom: 20px} #rrz-content_show .content-boxs {padding: 20px 0px} #rrz-content_show .d-boxs {background: #fff} #rrz-content_show .d-pad {padding: 20px 15px} #rrz-content_show .show_body {font-size: 14px} #rrz-content_show .detail {font-size: 14px;padding-bottom: 10px;line-height: 200%} #rrz-content_show .detail h1 {font-size: 20px} #rrz-content_show .detail img {height: auto !important;max-width: 100%;vertical-align: middle;margin-bottom: 11px} #rrz-content_show .detail img {margin: 11px 0;max-width: 100%} #rrz-content_show .detail p {text-indent: 0;font-size: 14px;line-height: 200%} #rrz-content_show .qhd-title span {margin: 0 5px;font-size: 14px;color: #999} #rrz-content_show .qhd-title {border-bottom: 1px solid #eee;margin-bottom: 25px;padding-top: 6px} #rrz-content_show .qhd-title strong {font-weight: normal} #rrz-content_show .inner-nav {background: #fff;padding: 50px 0 0} #rrz-content_show .inner-nav h2 {font-size: 36px;color: #212121;font-weight: bold;margin-bottom: 35px} #rrz-content_show .inner-nav .nav {padding: 0;text-align: center} #rrz-content_show .inner-nav .nav li {display: inline-block;padding: 0;margin: 0} #rrz-content_show .inner-nav .nav li a {display: block;font-size: 16px;color: #666;line-height: 1.8;padding: 7px 32px;margin: 0;background: #f5f5f5;margin: 0 5px} #rrz-content_show .inner-nav .nav li a:hover, #rrz-content_show .inner-nav .nav li.active a {color: #fff;background: #FF6637;font-weight: normal} #rrz-content_show .inner-news-list h3 {font-size: 18px;border-bottom: 1px solid #eee;position: relative;padding: 20px 0 10px;margin: 0px 0px 10px;color: #666;text-indent: 10px} #rrz-content_show .inner-news-list ul {padding: 10px 0} #rrz-content_show .inner-news-list ul li a {display: block;padding: 10px 15px} #rrz-content_show .inner-news-list ul li a:hover {background: #f13a3a;color: #fff} #rrz-content_show #fch5co-rec-products h4 {font-size: 18px;text-align: center;border-bottom: 1px solid #ddd;position: relative;padding-bottom: 20px;margin: 40px 0px 43px;color: #666} #rrz-content_show #fch5co-rec-products h4 span {position: absolute;left: 50%;top: 6px;width: 160px;background: #f0f0f0;margin-left: -80px} .table span {margin-right: 10px} .content_detail .pager {font-size: 14px;padding: 0;margin: 0} .content_detail .pager a {border: none;color: #666} .content_detail .pager a:focus, .content_detail .pager a:hover {color: #ff6637;background: none} .content_detail .pager li {display: block;text-align: left;line-height: 200%} #rrz-content_show .pagination .active, #rrz-content_show .pagination a:hover {background: #ff6637;color: #fff} #rrz-content_show .pagination .active a {color: #fff} #rrz-content_show .pagination li {margin: 0 3px} #rrz-content_show .pagination li:first-child {width: 55px;height: 35px;line-height: 35px} #rrz-content_show .pagination li:last-child {width: 55px;height: 35px;line-height: 35px} .thisclass {width: 35px;height: 35px;line-height: 35px;background: #ff6637;color: #FFF} #rrz-content_show video {max-width: 100%} #rrz-content_show .product-detail {padding: 20px} #rrz-content_show .product-detail img {max-width: 100%;overflow: hidden;vertical-align: middle;margin: 11px 0} #rrz-content_show .product-detail .content-img {overflow: hidden;width: 90%} #rrz-content_show .product-detail .content-img img {width: 100%;overflow: hidden;vertical-align: middle} #rrz-content_show .product-detail h1 {border-bottom: 1px solid #ddd;color: #000;font-size: 24px;line-height: 33px;padding-bottom: 6px} #rrz-content_show .product-detail .p_desc {color: #666;line-height: 24px;padding: 20px 0 30px;font-size: 14px} #rrz-content_show .product-detail .kefu_bnts {background: #CCAC85;color: #FFF;width: 120px;height: 40px;line-height: 40px;text-decoration: none;font-size: 16px;display: block;text-align: center} #rrz-content_show .product-detail .kefu_bnts:hover {background: #FF5417} #rrz-content_show .product-detail .description {line-height: 28px;font-size: 14px;margin-bottom: 20px} #rrz-content_show .product-detail .description p {line-height: 28px} #rrz-content_show .product-detail .detail-title {border-bottom: 1px solid #ddd;position: relative;height: 37px} #rrz-content_show .product-detail .detail-title h2 {background: #fff;color: #555;cursor: pointer;display: inline-block;font-size: 14px;height: 36px;line-height: 36px;text-align: center;width: 126px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;border-bottom: 1px solid #fff;position: absolute;left: 0;top: 1px} #rrz-content_show .product-detail table td {text-align: center} #rrz-content_show .product-detail #quirydialog {display: none} #quirydialog .qdialog-head {font-size: 16px;border-bottom: 1px solid #ddd;padding-bottom: 7px;margin-bottom: 20px;width: 900px;padding-right: 10px} #quirydialog .field {padding-right: 10px} #rrz-content_show .about-desc {max-width: 680px;margin: 0 auto;text-align: center} #rrz-content_show .about-desc p {font-size: 16px;color: #999;line-height: 3em} #rrz-content_show .about-boxs {background: #FF6637;margin: 0;padding: 0} #rrz-content_show .about-boxs .about-img img {margin: 0;padding: 0} #rrz-content_show .about-boxs .intro {padding: 100px 0 0 54px;color: #fff;font-size: 16px} #rrz-content_show .about-boxs .intro h3 {color: #fff;font-size: 30px;font-weight: bold;margin-bottom: 45px} #rrz-content_show .about-boxs .intro p {font-size: 16px} #rrz-content_show .contact-boxs img {margin-right: 30px;vertical-align: middle} #rrz-content_show .contact-boxs p {line-height: 1.6} #rrz-content_show .contact-boxs .contact-table td {vertical-align: middle;font-size: 16px} #rrz-content_show .rec-product-list {padding: 45px 0} #rrz-content_show .rec-product-list .rec-heading h2 {color: #161616;font-size: 26px;font-weight: bold;margin-bottom: 25px} #rrz-content_show .rec-product-list .rec-heading h2 a {color: #161616} #rrz-content_show .rec-product-list .rec-heading h2 a:hover {color: #ff6637} #rrz-content_show .rec-product-list .rec-heading .desc {font-size: 14px;color: #818181;line-height: 30px;margin-bottom: 70px} #rrz-content_show .article-media li {border-top: 1px dashed #DBDBDB;padding: 28px 0 35px} .article-media .media .caldata .content {padding: 18px;background: #F2F2F2;text-align: center;margin-right: 8px} .article-media .media .caldata .content p {text-align: center} .article-media .media .caldata .content p.day {font-size: 24px;color: #666} .article-media .media .caldata .content p.mon-year {font-size: 13px} .article-media .media .media_img {width: 152px;margin-right: 20px} .article-media .media .media_img a {border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0} .article-media .media .media_img a:hover {border-color: -moz-use-text-color;border-style: none;border-width: medium;background: #fff4ce none repeat scroll 0 0} .article-media .media .media_img img {width: 150px;padding: 1px} .article-media li {margin-bottom: 12px} .article-media img {display: block;width: 150px} .article-media .media .time {color: #999} .article-media .media-body h3 {font-size: 16px;margin-bottom: 7px} .article-media .media-body h3 a {color: #666;font-size: 16px;line-height: 100%} .article-media .media-body h3 a:hover {color: #ff6637} .article-media .media-body p {color: #777;line-height: 22px;font-size: 14px} .slideshow {height: 300px;background-repeat: no-repeat;background-position: center center;background-size: cover} .slideshow .container {height: 100%;display: table;position: relative;z-index: 1} .slideshow .overlay {position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;background: #000;opacity: 0.3} .slideshow .overlay .title {position: relative;z-index: 3} .slideshow .overlay .title .bread {padding: 0 0 0 15px;margin: 0} .slideshow .overlay .title .bread li {padding: 0;margin: 0} .slideshow .overlay .title .bread li a {color: #fff} .slideshow .overlay .title .bread li a i {margin-right: 5px} .SonlineBox {width: 139px;font-size: 12px;overflow: hidden;z-index: 6} .SonlineBox .openTrigger {width: 31px;height: 130px;position: absolute;top: 0px;z-index: 1;cursor: pointer;background: #a9060e url(../images/greenopen.jpg) no-repeat} .SonlineBox .titleBox {width: 135px;height: 35px;line-height: 33px;background: #a9060e;border-bottom: 2px solid #a9060e} .SonlineBox .titleBox span {margin-left: 10px;color: #fff;font-size: 14px} .SonlineBox .contentBoxC {width: 135px;border: 2px solid #a9060e;background: #ffffff;position: absolute;z-index: 2} .SonlineBox .contentBoxC .closeTrigger {width: 25px;height: 25px;display: block;cursor: pointer;position: absolute;top: 5px;right: 5px;-webkit-transition: all 0.8s ease-out} .SonlineBox .contentBoxC .closeTrigger:hover {-webkit-transform: scale(1) rotate(360deg)} .SonlineBox .contentBoxC .listBox {overflow: hidden;margin-bottom: 10px} .SonlineBox .contentBoxC .listBox .Tlist {display: block;width: 86%;height: 22px;margin: 10px auto 0px auto;text-align: center} .SonlineBox .contentBoxC .listBox .Tlist span {float: left;line-height: 22px} .SonlineBox .contentBoxC .listBox .Tlist a {} .SonlineBox .contentBoxC .listBox .WWList {line-height: 18px;height: 18px} .SonlineBox .contentBoxC .listBox .SkypeList {line-height: 23px;height: 23px} .SonlineBox .contentBoxC .otherBox {clear: both;height: 115px;text-align: center} .SonlineBox .contentBoxC .otherBox img {width: 105px;height: 105px} .SonlineBox .contentBoxC .telBox {display: block;padding: 36px 10px 10px;color: #a9060e;font-size: 14px;line-height: 26px;font-family: '微软雅黑';background: url(../images/telbg.jpg) 0 0 no-repeat;text-align: center;font-weight: bold;word-wrap: break-word} #toolbar {display: none} @media screen and (min-width: 1221px) { .col-5-1 {float: left;width: 20% !important;padding: 0 !important} } @media (min-width: 1000px) and (max-width: 1199px) { .col-5-1 {float: left;width: 20% !important;padding: 0 !important} #article-box-id #rrz-content_show .show_content {margin-left: 30px} .flexslider .slides > li {height: 800px} #rrz-advantage-list .show-list .item .media {padding: 70px 40px 0 36px} } @media screen and (max-width: 1000px) { #quirydialog .qdialog-head {width: 600px} #rrz-header .navbar-head img {width: 200px;margin-top: 3px} #rrz-header .navbar-body .nav li a {padding: 0px 13px} #rrz-header .navbar-body .nav li ul {left: -30px} .flexslider {height: 500px} .flexslider .slides li {height: 500px} #rrz-content_show .product-detail .content-img {margin-bottom: 30px} #article-box-id #rrz-content_show .show_content {margin-left: 20px} .line-big {margin-left: -10px;margin-right: -10px} .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px} #index_box_id #rrz-header {top: 20px} #rrz-quality-list .show-list .item {margin-bottom: 1px} #rrz-advantage-list .show-list .item .media {padding: 40px 15px 0 12px;height: 188px} #rrz-advantage-list .show-list .item .media-left {font-size: 40px;margin: 20px 17px 0 0} #rrz-advantage-list .show-list .item .media-body h5 {font-size: 18px;margin-bottom: 10px} #rrz-content_show .about-boxs {background: none} #rrz-content_show .about-boxs .intro {background: #FF6637;padding: 30px 0 40px 54px} #rrz-content_show .about-boxs .about-img img {width: 100%} #rrz-content_show .about-boxs .intro h3 {margin-bottom: 15px} } @media screen and (max-width: 760px) { #quirydialog .qdialog-head {width: 360px} #rrz-offcanvas .nav {display: block;borer: none} .rrz-nav-toggle {display: block} #index_box_id #rrz-header {top: 5px} #rrz-header {padding: 8px 0} #rrz-header .navbar {height: auto} #rrz-header .navbar-head {padding: 0 0 0px 0;position: relative} #rrz-header .navbar-body {border: none} #rrz-header .icon-navicon {position: absolute;top: 50%;right: 0px;margin-top: -10px;background: none;color: #fff;font-size: 22px;border: none;transition: none;padding: 0} #rrz-header .navbar-head img {width: 140px} .flexslider {height: 300px} .flexslider .slides li {height: 300px} #article-box-id #rrz-content_show .show_content {margin-left: 0px} .slideshow {height: 180px} .flex-direction-nav {display: none} #rrz-service-list .bg-service, #rrz-news-list .bg-news, #rrz-product-list .bg-product {padding: 40px 0 10px} #rrz-video-list .content .item, #rrz-advantage-list {padding: 40px 0 30px} #rrz-video-list .content .item a .video-btn {margin: 0 auto 30px} #rrz-video-list .content .item a h3 {font-size: 24px} #rrz-video-list .content .item a .desc {font-size: 12px} #rrz-advantage-list .show-list {max-width: 444px} #rrz-advantage-list .show-list .item .media {padding: 30px 15px 0 12px;height: 171px} #rrz-advantage-list .show-list .item .media-left {font-size: 40px;margin: 20px 17px 0 0} #rrz-advantage-list .rrz-heading h2 {margin-bottom: 20px} #rrz-quality-list .bg-quality {padding: 50px 0 35px} #rrz-content_show .about-boxs .intro h3 {font-size: 22px} #rrz-content_show .about-desc p, #rrz-content_show .about-boxs .intro p {font-size: 14px} #rrz-content_show .about-desc p {line-height: 1.8} #rrz-content_show .inner-nav .nav li a {padding: 0 16px;margin: 0px 3px 5px} .blank55 {height: 55px;line-height: 1px;clear: both} #toolbar {color: #fff;width: 100%;height: 54px;position: fixed;bottom: 0;left: 0;z-index: 8;background: #000;display: block} #toolbar a {width: 100%;color: #fff;display: block;padding: 5px 0 0 0;line-height: 23px;font-size: 14px} #toolbar a span {font-size: 22px;display: block} } @media screen and (max-width: 480px) { .rrz-heading h2, #rrz-service-list h3 {font-size: 28px} .rrz-heading span {font-size: 14px} #quirydialog .qdialog-head {width: auto !important} #rrz-header .navbar-head img {width: 120px} .rrz-nav-toggle {top: 11px} .flexslider {height: 180px} .flexslider .slides li {height: 180px} .article-media .media .caldata .content {padding: 6px} .article-media .media .caldata .content p.day {font-size: 20px} .article-media .media .media_img {width: 82px;margin-right: 10px} .article-media .media .media_img img {width: 80px;padding: 1px} .article-media .media .time, .article-media .media .desc {display: none} .article-media img {width: 80px} .article-media .media-body h3 {line-height: 100%;font-size: 12px} .article-media .media-body h3 a {font-size: 14px;line-height: 150%} #rrz-content_show .inner-nav h2 {font-size: 26px} #rrz-content_show .inner-nav .nav li a {padding: 0 9px;margin: 0 2px 7px;font-size: 14px} #rrz-content_show .qhd-title, #rrz-content_show .detail h1 {line-height: 1.3} #rrz-content_show .qhd-title span {font-size: 12px} .show-product .xl6, #rrz-news-list .xl6, #rrz-advantage-list .xl6 {width: 100% !important} .slideshow {height: 120px} #rrz-quality-list .show-list .item h5 {font-size: 16px} #rrz-advantage-list .show-list .item .media {padding: 30px 15px 20px 12px;height: auto !important} #rrz-advantage-list .show-list .item {max-width: 360px;margin: 0 auto 1px} #rrz-service-list .content .item h5 {font-size: 16px;margin: 15px 0 10px} #rrz-service-list .content .item p.desc {font-size: 12px;line-height: 1.6} #rrz-quality-list .show-list .item {padding: 25px 0 20px} #rrz-content_show .about-boxs .intro {padding: 30px 0 40px 14px} #rrz-content_show .contact-boxs img {vertical-align: middle;width: 60px} #rrz-content_show .contact-boxs .contact-table td {font-size: 14px;padding: 0 5px} } .backToTop {display: none;width: 35px;height: 35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor: pointer;z-index: 9;background: #FF7F00 url(../images/icon-gotop-fixed.png) no-repeat center center} .backToTop:hover {background-color: #f60}