/** * 人人站CMS * ============================================================================ * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。 * 网站地址: http://www.rrzcms.com * ---------------------------------------------------------------------------- * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷. * ============================================================================ */ body {font-family: "微软雅黑", arail, 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';position: relative;font-weight: 400;background-color: #fff;color: #666;font-size: 12px} 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: #006f3c} .bg-main {background: #2B2B2B;border: 1px solid #2B2B2B !important} .bg-main:hover, .bg-main:focus {border: 1px solid #026d9a !important;background: #c00 !important} .button.bg-main {border-color: #2B2B2B !important} .button.bg-main:hover {border-color: #c00 !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} .clear {clear: both} 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 {color: rgb(53, 53, 53);font-size: 50px;font-weight: normal;margin: 0 auto 7px;text-transform: uppercase;line-height: 50px} .rrz-heading span {font-size: 18px;color: #666;display: block;margin-top: 8px} .rrz-heading .imgs {background: url(../images/title-img.png) no-repeat center top;height: 50px;width: 100%} .container {max-width: 1060px} .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: 75%} .artzoomimgs {padding-bottom: 64%} .chazoomimgs1 {padding-bottom: 100%} .chazoomimgs2 {padding-bottom: 88%} .chazoomimgs3 {padding-bottom: 68%} .main-top {position: relative;width: 100%} #rrz-header .head-middle {padding: 20px 0px;background: #E8F4D3} #rrz-header .head-middle .logo img {width: 210px} #rrz-header .search-top {margin-top: 16px} #rrz-header .search-top input {border: 1px solid #006F3C;height: 26px;line-height: 26px;padding: 0px 11px;width: 190px;border-right: none;float: left;border-top-left-radius: 5px;border-bottom-left-radius: 5px} #rrz-header .search-top button {height: 26px;line-height: 100%;border: 1px solid #006F3C;background: none;border-left: none;font-weight: normal;font-size: 14px;color: #006F3C;float: left;background: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px} #rrz-header .header-box {background: #006F3C} .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 .header-box .nav {margin-top: -1px} #rrz-header .header-box .nav li {margin: 0;padding: 0;display: inline-block;padding: 0 0px} #rrz-header .header-box .nav li a {color: rgb(234, 234, 234);font-size: 16px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;line-height: 40px;padding: 0px 38px;transition: none} #rrz-header .header-box .nav li a .downward {display: none} #rrz-header .header-box .nav li a:hover, #rrz-header .header-box .nav li.currents a.first-level, #rrz-header .header-box .nav li:hover a.first-level {color: #fff;background: #8CC224} #rrz-header .header-box .nav li ul {border: none;left: 0px;border-radius: 0;margin: 0;padding: 0;min-width: 140px;z-index: 4;border: none;top: 40px;box-shadow: none;background: #8CC224} #rrz-header .header-box .nav li ul li {margin: 0;padding: 0;height: auto;display: block;height: auto;border-top: 1px solid #80b51a} #rrz-header .header-box .nav li ul li a {display: block;width: 100%;padding: 0px 10px;margin: 0;text-align: left;min-width: 140px;line-height: 38px;color: #fff;background: none;text-align: center;font-size: 16px;transition: none;border: none} #rrz-header .header-box .nav li ul li a:hover {background: #006F3C;color: #fff;border: none} #rrz-header .header-box .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: #006f3c} #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: #006f3c;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: #000} .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: #c40000;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out} .rrz-nav-toggle i::before, .rrz-nav-toggle i::after {content: '';width: 28px;height: 4px;background: #000;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: 29px;right: 10px;z-index: 9;display: block;display: none;cursor: pointer} .rrz-nav-toggle.active {right: 129px !important;top: 15px !important;background: url(../img/coo.gif) no-repeat left top;width: 20px;height: 23px} footer {background: #006F3C;color: #fff;padding: 15px 0} footer a {color: #fff} footer a:hover {color: #fff;text-decoration: underline} footer .addr {padding-bottom: 7px} footer .foot-top .foot-link {padding: 6px 0 0px} .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 {-webkit-backface-visibility: hidden;height: 500px} .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: 12px;height: 12px;display: block;background: #fff;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: #006F3C} .flex-direction-nav {display: none;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: 10px;background-position: 0 0px;background-image: url(../img/left.png);background-color: rgba(0, 0, 0, .1)} .flex-direction-nav li a.flex-next {right: 10px;background-position: 0px 0px;background-image: url(../img/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-middle-list .bg-middle {padding: 20px 0 5px} .rrz-middle-list .news-list {margin-left: 30px} .rrz-middle-list .news-list h3 {background: #006f3c none repeat scroll 0 0;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;text-align: center;color: #fff} .rrz-middle-list .news-list .show-list {background: #eee;padding: 12px;height: 210px;overflow: hidden} .rrz-middle-list .news-list .show-list ul li {line-height: 1.8;padding: 5px 0 5px 13px;background: url(../img/dot.png) no-repeat left center} .rrz-middle-list .news-list .show-list ul li a {font-size: 14px;display: block;white-space: nowrap;overflow: hidden} .rrz-middle-list .about-us .title {background: #006F3C no-repeat center 20px;height: 250px;overflow: hidden;color: #fff} .rrz-middle-list .about-us .title h3 {color: #fff;font-size: 18px;font-weight: bold;margin-top: 40px} .rrz-middle-list .about-us .title p.more {margin-top: 40px} .rrz-middle-list .about-us .title p.more a {display: inline-block;width: 70px;height: 24px;line-height: 24px;color: #fff;border: 1px solid #83B39D} .rrz-middle-list .about-us .about-content {background: #eee;padding: 15px 15px 20px;line-height: 2.2;font-size: 14px;height: 250px;overflow: hidden} .rrz-middle-list .about-us .about-content p {line-height: 2.2;font-size: 14px} .rrz-product-list .bg-product {padding: 0px 0 30px} .rrz-product-list .heading h2 {font-size: 22px;font-weight: bold;color: #006f3c;margin-bottom: 30px;position: relative;z-index: 0;width: 100%;height: 22px} .rrz-product-list .heading h2:after {position: absolute;left: 0;right: 0;top: 16px;width: 100%;height: 2px;background: url(../img/pro-title.jpg) no-repeat center top;background-size: cover;z-index: -1;content: ""} .rrz-product-list .container {} .rrz-product-list .show-list {position: relative;margin: 0 -14px} .rrz-product-list .show-list .owl-carousel-carousel {} .rrz-product-list .show-list .item {margin: 0 14px;overflow: hidden} .rrz-product-list .show-list .item .portfolio-img {overflow: hidden;width: 100%} .rrz-product-list .show-list .item a h3 {font-size: 14px;white-space: nowrap;margin: 12px 0} .rrz-product-list .show-list .item a:hover h3 {color: #006f3c} .rrz-product-list .show-list .owl-controls .owl-buttons div {position: absolute;top: 30%;width: 27px;height: 27px;line-height: 27px;font-size: 0px;padding: 0;margin: 0;background: #ccc;opacity: 1;text-align: left;border-radius: 50%} .rrz-product-list .show-list .owl-controls .owl-buttons div:before {display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;vertical-align: baseline;line-height: 27px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 22px} .rrz-product-list .show-list .owl-controls .owl-prev {left: -35px;text-indent: 5px} .rrz-product-list .show-list .owl-controls .owl-prev:before {content: "\f104"} .rrz-product-list .show-list .owl-controls .owl-next {right: -35px;text-indent: 5px} .rrz-product-list .show-list .owl-controls .owl-next:before {content: "\f105"} .rrz-product-list .show-list .owl-controls .owl-prev:hover, .rrz-product-list .show-list .owl-controls .owl-next:hover {background: #7E7E7E} .show-product a {color: #37474f;display: block;background: #fff} .show-product a .media-img {transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;width: 100%;overflow: hidden} .show-product a:hover {color: #000;text-decoration: none} .show-product a:hover .media-img {opacity: 0.6} .show-product a .content {} .show-product a .content h3 {margin: 8px 0px 0px;font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap} .show-product a .content p.desc {font-size: 14px;color: #999;line-height: 1.6;height: 50px;overflow: hidden} .show-product a .content p.more {border: 1px solid #e22835;padding: 6px 15px;font-size: 14px;line-height: 1.5;display: inline-block;margin-top: 25px} .show-product a .content p.more:hover {background: #e22835;color: #fff} .show-product a:hover h3 {color: #c40000} #rrz-content_show {padding: 20px 0 40px} #rrz-content_show .inner-title {padding: 70px 0 50px} #rrz-content_show .inner-title h2 a {color: #333} #rrz-content_show .show_body {font-size: 14px} #rrz-content_show .detail {font-size: 14px;padding: 0px 0;line-height: 2} #rrz-content_show .content_detail .detail {} #rrz-content_show .detail a {color: rgb(89, 89, 89)} #rrz-content_show .detail a:hover {color: #c40000} #rrz-content_show .detail h1 {font-size: 18px;text-align: left;font-weight: normal;text-align: center} #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 .content-img img {} #rrz-content_show .detail p {text-indent: 0;font-size: 14px;line-height: 2} #rrz-content_show .detail .description {padding: 0px;font-size: 14px} #rrz-content_show .qhd-title {text-align: center} #rrz-content_show .qhd-title span {margin: 0 5px;font-size: 12px;color: #a3afb7} #rrz-content_show .qhd-title {border-bottom: 1px solid #ededed;margin-bottom: 25px} #rrz-content_show .qhd-title strong {font-weight: normal} #rrz-content_show .contact-box h2 {font-size: 16px;font-weight: bold} #rrz-content_show .title {border-bottom: 1px solid #E4E3E3;height: 30px;line-height: 20px;text-align: left} #rrz-content_show .title h2 {display: inline-block;font-size: 18px;font-weight: normal;line-height: 60px;margin: 0;overflow: hidden;padding: 0;word-break: break-all;color: #555;text-indent: 8px} #rrz-content_show .title h2 a {color: #555} #rrz-content_show .title .bread {padding: 0px 0 0;font-size: 14px;color: #999} #rrz-content_show .title .bread a {font-size: 12px;color: #666} #rrz-content_show .title .bread a:hover {color: #ff2100} #rrz-content_show .title .bread a i {display: inline-block;margin-right: 5px} #rrz-content_show .leftbar {position: relative;padding-right: 30px} #rrz-content_show .leftbar h3 {background: #3ba059 none repeat scroll 0 0;border-bottom: 3px solid #ccc;color: #fff;font-family: "微软雅黑";font-size: 17px;font-weight: bold;height: 42px;line-height: 42px;padding-left: 22px} #rrz-content_show .leftbar h3 a, #rrz-content_show .leftbar h3 a:hover {color: #fff} #rrz-content_show .leftbar .nav {border: 1px solid #ccc} #rrz-content_show .leftbar .nav li {background: #fff none repeat scroll 0 0;border-bottom: 1px solid #ccc;padding: 5px 0} #rrz-content_show .leftbar .nav li a {background: #fff url(../img/dot.png) no-repeat scroll 19px center;color: #666;display: block;font-size: 14px;line-height: 16px;padding-left: 33px} #rrz-content_show .leftbar .nav li a:hover, #rrz-content_show .leftbar .nav li.active a {color: #ff2100} #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: #999;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 .detail .jishutedian img {margin: 0} .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: #c40000;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: #2b2b2b;color: #fff} #rrz-content_show .pagination .active a {color: #fff} #rrz-content_show .pagination li {margin: 0 3px} #rrz-content_show video {max-width: 100%} #rrz-content_show .article-media li {border-bottom: 1px dashed #DCDCDC;padding: 5px 0 18px} #rrz-content_show .article-media li:last-child {border-bottom: none} .article-media .media .caldata .content {padding: 12px;background: #f2f2f2;text-align: center;margin-right: 8px;color: #666} .article-media .media .caldata .content p {text-align: center} .article-media .media .caldata .content p.day {font-size: 24px;color: #666;font-weight: bold;padding-bottom: 5px} .article-media .media .caldata .content p.mon-year {font-size: 13px} .article-media .media .media_img {width: 120px;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: 120px} .article-media li {margin-bottom: 12px} .article-media .media .time {color: #bbb;font-size: 12px;display: inline-block;margin-top: 6px} .article-media .media-body h3 {font-size: 15px;margin-bottom: 8px} .article-media .media-body h3 a {color: #666;font-weight: normal;font-size: 15px;line-height: 100%} .article-media .media-body h3 a:hover {color: #c40000} .article-media .media-body p {color: #a6a6a6;line-height: 22px;font-size: 12px} .slideshow {height: 250px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative} .slideshow h3 {position: absolute;top: 50%;margin-top: -18px;color: #fff;font-size: 36px;height: 36px;left: 0;right: 0;text-align: center;text-shadow: 0 0 15px rgb(0, 0, 0)} .slideshow h3 a {color: #fff} .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: #0fa6eb url(../images/greenopen.jpg) no-repeat} .SonlineBox .titleBox {width: 135px;height: 35px;line-height: 33px;background: #0fa6eb;border-bottom: 2px solid #0fa6eb} .SonlineBox .titleBox span {margin-left: 10px;color: #fff;font-size: 14px} .SonlineBox .contentBoxC {width: 135px;border: 2px solid #0fa6eb;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: #0fa6eb;font-size: 14px;line-height: 26px;font-family: '微软雅黑';background: url(../img/telbg.jpg) 0 0 no-repeat;text-align: center;font-weight: bold;word-wrap: break-word} #toolbar {display: none} @media (max-width: 1199px) and (min-width: 1001px) { .flexslider .slides > li {height: 420px} .slideshow {height: 220px} } @media screen and (max-width: 1000px) { #quirydialog .qdialog-head {width: 600px} #rrz-header .header-box .nav li a {padding: 0 20px} #rrz-header .header-box .nav li ul li a {text-align: left;text-indent: 10px} footer .foot-link a {margin: 0 0 0 4px} .slideshow {height: 320px} .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} .flexslider .slides > li {height: 320px} .slideshow {height: 180px} .rrz-middle-list .news-list {margin-left: 20px} .rrz-middle-list .about-us .about-content {padding: 15px 12px 20px} .rrz-middle-list .about-us .about-content, .rrz-middle-list .about-us .about-content p {line-height: 1.9} } @media screen and (max-width: 760px) { .rrz-heading h2 {font-size: 28px;margin: 0 auto} .rrz-heading span {font-size: 14px;margin: 0} #quirydialog .qdialog-head {width: 360px} #rrz-offcanvas .nav {display: block;borer: none} .rrz-nav-toggle {display: block} #rrz-header .navbar {height: auto} #rrz-header .navbar-head {padding: 0 0 10px 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 .head-middle .logo {text-align: center} #rrz-header .head-middle .logo img {width: 160px;margin-top: 12px} #rrz-header .head-middle {padding: 0px 0 12px;margin: 7px 0} #article-box-id #rrz-content_show .show_content {margin-left: 0px} .rrz-middle-list .about-us .title {height: auto;padding-bottom: 30px} .rrz-middle-list .news-list .show-list, .rrz-middle-list .about-us .about-content {height: auto} .rrz-middle-list .news-list {margin-left: 0px} .flexslider {display: none} .rrz-middle-list .bg-middle {padding: 0px 0 0px} .rrz-middle-list .margin-large-bottom {margin-bottom: 15px !important} .flexslider .slides > li {height: 200px} .slideshow {display: none;height: 130px} #rrz-content_show {padding: 0px 0 20px} footer .text-center {text-align: left !important} .rrz-product-list .show-list {margin: 0} .mobile-product a h3 {font-size: 14px;margin: 7px 0 0} .mobile-product a:hover h3 {color: #c40000} .show-product .margin-large-bottom, #rrz-content_show .detail .jishutedian .margin-large-bottom {margin-bottom: 20px !important} .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 span {padding: 0 10px} #quirydialog .qdialog-head {width: auto !important} #rrz-header .navbar-head img {width: 120px} .rrz-nav-toggle {top: 15px} #rrz-content_show .detail h1 {font-size: 14px;font-weight: bold;margin: 0} footer .foot-link {display: none} #rrz-content_show .qhd-title span {font-size: 12px} .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: 14px} .article-media .media-body h3 a {font-size: 14px;line-height: 150%} .slideshow {height: 90px} .flexslider .slides > li {height: 180px} } @media screen and (max-width: 280px) { .jishutedian .xl6, .show-product .xl6, .rrz-product-list .show-list .xl6 {width: 100% !important} } .backToTop {display: none;width: 35px;height: 35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor: pointer;z-index: 9;background: #8CC224 url(../img/icon-gotop-fixed.png) no-repeat center center} .backToTop:hover {background-color: #689d03}