*{margin:0px; padding:0px; font-size:14px;font-family:Microsoft YaHei; color:#4a4a4a;} img{border:0px; display:inline-block; font-size:0px; position:relative;} a{text-decoration:none;} body { margin:0px; padding:0px; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse:collapse; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#333;} .pager{font-size:14px; padding:0 10px; color:#999; line-height:25px; display:inline-block;background-color:#eee; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#0b5d82; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#333; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5{ font-weight:normal;} #top{background-color:#ffffff;} #top_box{margin:0 auto; text-align:center; overflow:hidden; width:1200px; height: 120px;} .border{border:1px #cecece dashed; margin:10px auto; clear:both;} #logo{ float:left; position:absolute;top: 2px;} #top_right{ float:right;margin-right:5px;} #top_right span{ color:#996633; line-height:26px;} .page_left{ width:235px; float:left;} .page_right{width:920px; float:right; border:1px #d3d3d3 solid;} .left_a{background-image:url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/4/19/zssjch/news/news_pic/image/2017_04_22/20170422023516186.png);background-repeat:no-repeat; background-position:15px center; margin-top:3px; height:35px; line-height:35px; display: block; border-bottom:1px #f4f4f4 solid; text-indent:40px; color:#616161;} .left_a:hover{ background-image:url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/4/19/zssjch/news/news_pic/image/2017_04_22/20170422022510204.png); border-bottom:1px #9e4341 solid; color:#973835; } #weizhi{ float:right; height:43px; line-height:43px; color:#fff; margin-right:20px;} #weizhi a{ color:#fff;} #weizhi .icon{ font-size:18px; color:#fff; display:inline-block; width: 12px; height:43px; margin-right:5px;} .weixin:hover{cursor: pointer;} @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_5fahio9shp7.eot'); src: url('//at.alicdn.com/t/font_781842_5fahio9shp7.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_5fahio9shp7.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_5fahio9shp7.woff') format('woff'), url('//at.alicdn.com/t/font_781842_5fahio9shp7.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_5fahio9shp7.svg#iconfont') format('svg'); } #navigation{ background-color:#fff; height:120px; } #navigation_box{ margin:0 auto; width:974px; height:120px; text-align:left; } .navigation_a{ width:100%; height:120px; color:#3c393a;; font-size:16px; line-height:120px; text-align:center; display:inline-block; } .navigation_a:hover{ color:#333;background-color: #fff;border: 1px solid #e5e5e5;border-top:0px} .nav_li{ width:118px; text-align:center; display:inline-block; list-style:none; } .nav_li:hover>.navigation_a{color:#333;background-color: #f6f6f6;border-bottom: 5px solid #0b5d82;} .nav_li ul{ display:none; position:absolute;margin: 0; padding: 0; z-index:99999;border-radius: 0 0 6px 6px;background-color: #f6f6f6;top: 153px;border-bottom: 0px;overflow: hidden;text-align: left;} .nav_li ul li{ list-style:none; padding: 10px 30px 10px 23px; border-bottom: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .nav_li ul li:hover{color:#ffffff;padding: 10px 30px 10px 23px; background-color:#fff;border-left: 10px #0b5d82 solid} .navigation2_a {color:#727272; font-size:14px; line-height:25px; text-align:center; display:inline-block;} .web{width:1200px;margin:0px auto; position:relative;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix{*zoom:1;} ul, li { list-style: none;} .comm_left{width:230px;height:auto;float: left;} .comm_left .comm_btn{display:none} .comm_left .comm_head{width:100%;height:112px;background-image:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415043847666.png);background-repeat:no-repeat;background-size:100%;display:flex;justify-content:flex-start;align-items:center;} .comm_left .comm_head span{margin-left:58px;font-size:24px;color:#0b5d82} .comm_left .comm_ul{width:100%;height:auto} .comm_left .comm_ul .comm_li{width:100%;height:70px;cursor:pointer;font-size:16px;color:#666666;position:relative;text-indent:68px;transition:0.5s} .comm_left .comm_ul .comm_li a{width:100%;height:100%;display:block;display:flex;justify-content:flex-start;align-items:center} .comm_left .comm_ul .comm_li .triangle_btn{width:0px;height:0px;border-bottom:11px solid #8d7732;border-top:0px solid transparent;border-right:0px solid transparent;border-left:14px solid transparent;position:absolute;top:0px;left:-14px;opacity:0;transition:0.5} .comm_left .comm_ul .comm_li::after{content:"";width:4px;height:4px;background-color:#c9c9c9;border-radius:4px;position:absolute;top:50%;margin-top:-2px;left:0px} .comm_left .comm_ul .comm_liActive{background:#bea26c;color:#FFFFFF;font-size:18px} .comm_left .comm_ul .comm_liActive .triangle_btn{opacity:1} .comm_left .comm_ul .comm_liActive a{color:#FFFFFF;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center} .comm_left .comm_ul .comm_liActive::after{width:6px;height:22px;color:#FFFFFF;margin-top:-10px;left:38px;border-radius:30px;background-color:#FFFFFF} .comm_right{width:920px;height:auto;margin-top:20px;float: right;} .comm_right .right_head{width:100%;height:90px;border-bottom:1px solid #e9e9e9;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center} .comm_right .right_head .rHead_title{font-size:22px;color:#666666;position:relative} .comm_right .right_head .rHead_title::after{content:"";width:42px;height:2px;background-color:#0b5d82;position:absolute;bottom:-31px;left:0px} .comm_right .right_head .rHead_ul{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap} .comm_right .right_head .rHead_ul .rHead_li{font-size:14px;color:#999999} .comm_right .right_head .rHead_ul .rHead_li span:first-child{cursor:pointer} .comm_right .right_head .rHead_ul .rHead_li span:last-child{margin:0px 5px} .comm_right .right_head .rHead_ul .rHead_liActive{color:#0b5d82} .comm_right .right_head .rHead_ul .rHead_liActive span:first-child{cursor:initial} .comm_right .right_head .rHead_ul .rHead_liActive span:last-child{display:none} .comm_right .right_cont{width:100%;height:auto;padding-top:1px;line-height:35px} .comm_right .right_cont .page_div{text-align:center} .chanpin_info{text-align:center; margin:20px auto; min-height:248px;} .chanpin_info>img{ max-width:100%;} .chanpin_list{ width:215px; float:left; text-align:center; margin:20px 8px 10px 2px; background: linear-gradient(to right,#cccccc, #aaaaaa);} .chanpin_list:hover{background: linear-gradient(to right,#926d4a, #66513d);} .chanpin_list:hover h2{ color:#ffffff;} .chanpin_img{ width:209px; height:209px; overflow:hidden; margin:3px 3px 0px; display:block; text-align:center;} .chanpin_img a{ width:209px; height:209px;} .chanpin_img a img{ width:209px; height:209px;} .chanpin_name{ width:215px; height:40px; text-align:center; } .chanpin_name h2{line-height:40px; height:40px; text-align:center; color:#1f1f1f; font-size:15px; overflow:hidden;} h1{line-height:40px; text-align:center; color:#1f1f1f; font-size:16px;} .ch_t{ cursor:pointer; font-size:14px; color:#ffffff; text-align:center; line-height:40px; width:120px; display:inline-block} .ch_ts{ min-height:270px; display:none } .ch_ts:first-child{ display:block;} .np_box{ line-height:30px; text-align:left; font-size:14px; margin:0px auto; display:inline-block; margin-right:30px; } .np_box a{font-size:14px;} .np_box a:hover{color:#0090da;} .rich_box .rich_title{width:100%;height:69px;background-color:#f4f4f4;font-size:18px;color:#333;display:flex;justify-content:flex-start;align-items:center;text-indent:15px;font-weight:600;margin-top:60px} .rich_box .rich_div{width:100%;height:auto;padding:50px 0px} .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-invisible-blank-slide{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} }@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} }.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .dis-t, .dis-m, .dis-b { display: inline-block; } .rid31.page-box { background: #fff; } /*loaction*/ .rid31 .location .R { position: static; } .rid31 .location { background: #efefef; } .location { font-size: 0; background: #fff; color: #888; /*height: 60px;*/ line-height: 60px; } .location img { width: 14px; margin-right: 5px; } .location .L { /*width: calc(100% - 300px);*/ } .location .R { /*position: absolute; top: 0; right: 0; */ text-align:right;} .location .w-836 { position: relative; } b { font-weight: normal; } * { margin: 0; border: 0; padding: 0; } .dis-m { vertical-align: middle; } /*page-public*/ .w-836 { width: 1200px; margin: 0 auto; } .content-box { display: inline-block; padding-bottom: 6.5%; vertical-align: top; width: 100%; } .content-box .w-836 { margin-top: 3%; } #NavigationList_d4 ul, .NavList_a1 ul { overflow: hidden; } #NavigationList_d4 li, .NavList_a1 li { float: left; } #NavigationList_d4, .NavList_a1 { font-size: 14px; color: #666; } #NavigationList_d4 a:before, .NavList_a1 a:before { transition: 0.3s ease 0s; z-index: -1; content: ''; position: absolute; width: 0; height: 100%; opacity: 0; left: 0; top: 0; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(196,24,47,1)), color-stop(100%, rgba(233,166,53,1))); } #NavigationList_d4 a, .NavList_a1 a { text-transform: capitalize; transition: 0.3s ease 0s; display: block; padding: 0 1.4vw; position: relative; z-index: 1; } #NavigationList_d4 a.on, .NavList_a1 a.on { color: #fff; } #NavigationList_d4 a.on:before, .NavList_a1 a.on:before { width: 100%; opacity: 1; } .PosList_a1 { font-size: 14px; text-transform: capitalize; } /*pro-title*/ .title-box { width: 100%; font-size: 0; margin-top: 2.5%; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .title-box>div { width: 50%; } .title-box>.R { text-align: right; color: #888; } .title-box>.R img { width: 23px; } .title-box>.R span { font-size: 14px; margin-left: 5px; } .title-box>.R a { font-size: 16px; height: 28px; line-height: 28px; border-radius: 14px; margin-left: 20px; } .title-box>.R a.on { padding: 0 20px; color: #fff; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(227,30,37,1)), color-stop(100%, rgba(214,100,60,1))); } .pro-title { color: #333; text-transform: uppercase; } .pro-title p { font-size: 40px;} .pro-title span { display: block; font-size: 20px; margin-top: 5px; } .title-box .L { padding-bottom: 5px; } /*product_list*/ .NavigationList_a1_2ndGrade { display: none; background: #f6f6f6; border-bottom: 4px solid #dfdede; } .NavigationList_a1_1stGrade { cursor: pointer; position: relative; z-index: 1; transition: 0.3s ease 0s; height: 50px; line-height: 50px; color: #444; font-size: 18px; text-align: center; border-top: 1px solid #d7d7d7; box-sizing: border-box; } .ClassList_a1 { border-bottom: 1px solid #d7d7d7; width: 100%; } .NavigationList_a1_2ndGrade a:before { content: ''; position: absolute; z-index: -1; width: 0; height: 100%; opacity: 0; transition: 0.3s ease 0s; left: 0; top: 0; background: #e0e0e0; } .NavigationList_a1_2ndGrade a { padding: 0 3%; font-size: 0; display: block; text-align: center; height: 50px; line-height: 50px; z-index: 1; position: relative; } .NavigationList_a1_2ndGrade a span { font-size: 16px; color: #444; max-width: calc(96% - 30px); line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .NavigationList_a1_2ndGrade a.on:before { width: 100%; opacity: 1; } .NavigationList_a1_2ndGrade a i { max-width: 30px; margin-right: 4%; height: 60%; } .content-box .NavigationList_a1_2ndGrade a i img, .NavigationList_a1_2ndGrade a img { max-width: 30px; height: 100%; width: auto; } .NavigationList_a1_1stGrade.on, .content-box.rid31 .L .B p { color: #fff; background: rgba(198,33,53,1); background: #bea26c; } .NavigationList_a1_1stGrade:before, .NavigationList_a1_1stGrade:after { content: ''; position: absolute; width: 18px; height: 2px; background: #444; top: 50%; margin-top: -1px; right: 7%; transition: 0.3s ease 0s; } .NavigationList_a1_1stGrade:before { transform: rotateZ(90deg); } .NavigationList_a1_1stGrade.on:before, .NavigationList_a1_1stGrade:hover:before { transform: rotate(0deg); } .NavigationList_a1_1stGrade.on:before, .NavigationList_a1_1stGrade.on:after { background: #efefef; } .content-box.rid31 .R { float: right; width: 77.3%; } .ProductList_b2 ul { padding-bottom: 3%; overflow: hidden; border-bottom: 1px solid #efefef; } .ProductList_b2 li:nth-child(3n+1) { margin-left: 0; } .ProductList_b2 li { margin-bottom: 2%; text-align: center; float: left; color: #555; width: 32.2%; margin-left: 1.7%; } .ProductList_b2 li a { transition: 0.3s ease 0s; display: block; } .ProductList_b2 .picimg { text-align: center; font-size: 0; border-radius: 6px; position: relative; z-index: 1; height: 14.5vw; overflow: hidden; border: 1px solid #efefef;} .content-box .ProductList_b2 li a img { width: auto; max-width: 100%; max-height: 100%; height: auto; margin: 0 auto; } .ProductList_b2 img { transition: 0.5s linear 0s; max-width: 100%;} .ProductList_b2 h3 { font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; margin-top: 4%; } .ProductList_b2 li a:hover img { transform: scale(1.1); } .rid31 .page { margin-top: 5%; text-align: right; } .rid31.page-box { background: #fff; } .content-box.rid31 .L { width: 18.75%; float: left; } .pro-bottom p { margin-top: 20px; text-transform: capitalize; } .pro-bottom img { display: inline-block; vertical-align: top; max-width: 16%; max-height: 2.9vw; } .pro-bottom i { display: block; } .pro-bottom ul { display: flex; background: #f3f3f3; overflow: hidden; padding: 2% 0; align-items: flex-end; } .pro-bottom li { width: 16.6666%; text-align: center; color: #999; font-size: 18px; } .content-box.rid31 .L .B p, .pro-detail .proR .mob-a { display: block; font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; border-radius: 0; width: 100%; margin-top: 0; box-shadow: none; } .content-box.rid31 .L .B { margin-top: 20%; border: none; padding-top: 0; } .pro i { display: block; position: relative; z-index: 1; margin: 10px 10px 0; height: calc(100% - 0px); overflow: hidden; } .pro a img { height: 100%; width: 100%; transition: 0.5s linear 0s;object-fit: contain;} .pro a { height: 100%; z-index: 1; position: relative; border-radius: 4px; display: block; box-sizing: border-box; border: 1px solid #eaeaea; overflow: hidden; } .pro h3 { width: 84%; white-space: nowrap; font-weight: normal; font-size: 14px; color: #fff; position: absolute; z-index: 1; bottom: 2%; left: 8%; line-height: normal; overflow: hidden; text-overflow: ellipsis; } .pro a i:before { z-index: 1; content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.1); top: 0; left: 0; } .pro { height: 30vw; margin-top: 7%; } .pro a:hover img { transform: scale(1.1); } #left_content{ width:230px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;}.indexbottom{width:100%;font-size:13px;background:#0b5d82;} .indexbottomalink{width:1200px;height:320px;overflow:hidden} .indexbottomalink dl{padding-top:54px} .indexbottomalink dl dd{width:198px;float:left} .indexbottomalink dl dd.thislast{margin-right:0} .indexbottomalink dl dd h4{color:#fff;font-size:16px;line-height:22px;text-transform:uppercase;padding-bottom:19px} .indexbottomalink dl dd h4 a{color:#fff;} .indexbottomalink dl dd p{line-height:30px;height:30px;overflow:hidden;color: #7ba6bb;} .indexbottomalink dl dd p a{color:#7ba6bb;} .indexbottomalink dl dd p a:hover{color:#fff;} .indexbottomalink dt{width:142px;float:right;text-align:center;color:#707070;font-size:14px} .indexbottomalink dt p{padding-top:10px} .footcontact{float:right} .footcontact span{display:inline-block;padding-left:50px;color:#ccc} .footcontact span.footcontacttitle{font-weight:bold;font-size:16px;color:#fff;padding-left:0px} .indexbottomcopy{height:54px;line-height:54px;color:#ccc;} .indexbottomcopy a{color:#ccc;} .indexbottomcopy span{color:#ccc;font-family:Arial;font-size:13px;float:right} .indexbottomalink dl dd.thislast{margin-right:0;width:278px;color:#7ba6bb;} .fd-bot{border-top: 1px solid #40748e;} .tel{float:right;text-align:right} .tel span{padding-left:24px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415042353568.png) left center no-repeat;color:#fff;} .tel p{font-family:ff-syl;font-size:32px;color:#fff;line-height:40px} .container{max-width:100%} @media (min-width:1600px){.container{width:1440px} }@media (max-width:1200px){.container{width:1170px} #index-body .i-about .list li{width:22%} }@media (max-width:992px){.container{width:970px} }@media (max-width:768px){.container{width:750px} }.com-width{margin-right:auto;margin-left:auto;width:1200px} .footer-right{margin-top:15px;width:100%;font-size:14px;color:#7ba6bb;} .floatr{float:right} .floatl{float:left}.footer-right div{color:#7ba6bb;} .footer-right > div{width:45%;text-align:center;margin-left:10px} .footer-right > div .img{width:120px;height:120px;background-color:#555;margin:auto;margin-bottom:auto;margin-bottom:10px}.fast-nav{position:fixed;top:100px;right:20px;display:none;z-index:999} .fast-nav .list{width:102px;cursor:pointer;background-color:#fff;border-radius:0px 0px 51px 51px;box-shadow:10px 0px 50px 20px rgba(153,153,153,0.24)} .fast-nav .fast-list{width:102px;cursor:pointer;background-color:#fff;border-radius:0px 0px 51px 51px;box-shadow:10px 0px 50px 20px rgba(177,177,177,0.2)} .fast-nav .online{height:110px;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415040508807.png") no-repeat;background-position:center 30px;text-align:center;line-height:150px} .fast-nav .online:hover{background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/16/grgdoors/product/product_pic/image/2021_03_29/20210329024125660.png") no-repeat;color:#fff;background-color:#0b5d82;background-position:center 30px} .fast-nav .order{height:101px;border:1px solid #e6e6e6;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415040428989.png") no-repeat;background-position:center 30px;text-align:center;line-height:150px} .fast-nav .order:hover{background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/16/grgdoors/product/product_pic/image/2021_03_29/20210329025855073.png") no-repeat;color:#fff;background-color:#0b5d82;background-position:center 30px} .fast-nav .focus{height:104px;border:1px solid #e6e6e6;border-top:none;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415040517152.png") no-repeat;background-position:center 30px;text-align:center;line-height:150px} .fast-nav .focus:hover{background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/16/grgdoors/product/product_pic/image/2021_03_29/20210329024047660.png") no-repeat;color:#fff;background-position:center 30px;background-color:#0b5d82} .fast-nav .up{height:60px;display:block;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415040702169.png") no-repeat;background-position:center 30px} .fast-nav .erweima{visibility:hidden;width:123px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:31px 10px 20px 10px;border:1px solid #e6e6e6;align-items:center;position:absolute;top:10px;left:-138px;box-sizing:border-box} .fast-nav .erweima .name{text-align:center;border-bottom:1px solid #e6e6e6;padding-bottom:20px;padding-top:10px;margin-bottom:10px} .fast-nav .erweima .last{border-bottom:none} .fast-nav .erweima img{width:100px;}
2020最新国产不卡a国内