*{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} /*banner*/ .banner{ overflow:hidden; width:100%; height:688px; position:relative;} .banner ul{ overflow:hidden; width:100%; height:688px; position:relative} .banner li{ width:100%; height:688px; position:absolute; left:0; top:0} .banner li a{ display:block; width:100%; height:100%;} .banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;} .banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;} .banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;} .banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px;} .banner .btn span{ display:block; width:11px; height:11px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415041356408.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;} .banner .btn span.cur{ background-position:right} .banner i{ display:none; width:42px; height:72px; position:absolute; cursor:pointer;} .banner i.btn_left{ left:0; top:245px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415041321329.png) no-repeat top center;} .banner i.btn_right{ right:0; top:245px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415041211527.png) no-repeat top center;} .banner:hover i{display:block} .banner i:hover{background-position:bottom} #left_content{ width:230px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;}.auto_1440 { max-width: 1200px; margin: 0 auto; width: 100% } /* 第一屏 */ .section1 { padding-bottom: 85px } @media screen and (max-width:768px) { .section1 { padding-bottom: 30px } } .section1 .swiper-slide .content { position: relative; height: 490px; width: 100%; background-size: cover; background-position: right center; background-repeat: no-repeat } .section .list { padding: 60px 0 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; text-align: center } .section .list .img img:nth-child(2) { display: none } .section .list .img img { max-width: 41px; max-height: 41px; } .section .list .img { margin-bottom: 5px; max-height: 41px; display: flex; display: -webkit-flex; align-items: flex-end; justify-content: center; } .section .list .item { cursor: pointer; } .section1 .content { color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: column-reverse; } .section1 .content h2 { font-size: 24px; font-weight: 400; margin-bottom: 15px;color: #fff; } .section1 .content p { font-size: 14px; margin-bottom: 30px; transition: 0.3s;color: #fff; } .section .listVbox { padding: 30px 0; } @media screen and (min-width:769px) { .section .list .img { margin-bottom: 15px; } .section .listVbox { padding: 50px 0 50px; } .section1 .content p { font-size: 15px; } } .section .VscrollMin .img img:nth-child(2) { display: none } .section .VscrollMin .img img { max-height: 41px; max-width: 41px; } .section .VscrollMin .img { margin-bottom: 15px; height: 41px; display: flex; display: -webkit-flex; align-items: flex-end; justify-content: center; } .section .VscrollMin .item { cursor: pointer; } .section1 .VscrollMin .activeOn .img img:nth-child(1) { display: none } .section1 .VscrollMin .activeOn .img img:nth-child(2) { display: block; margin: 0 auto } .section1 .VscrollMin .activeOn p { color: #0d5f84;font-size: 15px;} .section1 .VscrollMin p {font-size: 15px;} .section1 .VscrollMin .item { text-align: center; } .more { font-size: 14px; line-height: 24px; display: inline-block; color: #fff; /* padding-right: 50px; background: url(../images/jiantou.png) no-repeat 90% center; */ transition: 0.3s } .more2 { font-size: 14px; line-height: 24px; display: inline-block; color: #888888; /* padding-right: 50px; background: url(../images/jiantou2.png) no-repeat 90% center; */ transition: 0.3s } .more:hover { background-position: right center } .more2:hover { background-position: right center } .section1 .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: none; opacity: 1 } .section1 .list .swiper-pagination-bullet-active .img img:nth-child(1) { display: none } .section1 .list .swiper-pagination-bullet-active .img img:nth-child(2) { display: block; margin: 0 auto } .section1 .list .swiper-pagination-bullet-active p { color: #0d5f84 } .section1 .owl-stage { margin: 0 auto; } @media screen and (max-width:768px) { .section .list { padding: 30px 0; } .section .list .swiper-pagination-bullet { margin-bottom: 10px } .section1 .swiper-slide .content { height: 300px; padding: 20px } .section1 .content h2 { font-size: 16px; margin-bottom: 15px; } .section1 .content p { font-size: 14px; margin-bottom: 20px; } .section .list { white-space: nowrap; overflow-y: auto; } .section1 .swiper-pagination-bullet { flex: 1 0 auto; padding: 0 15px; } .section .list::-webkit-scrollbar { width: 9px; height: 1px; } .section .list::-webkit-scrollbar-thumb { background: #f1f1f1; } .section .list::-webkit-scrollbar-track { background: #f8f8f8; } } @media screen and (min-width:1200px) { .more { font-size: 15px; } .more2 { font-size: 15px; } } .section1 .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; } .section1 .VscrollMax .item { overflow: hidden; display: block; font-size: 0; } .section1 .VscrollMax .item .itembox { width: 49%;padding: 0 1px; font-size: 14px; display: inline-block; vertical-align: top; } .section1 .VscrollMax .item .itembox a { display: block; position: relative; } .section1 .VscrollMax .item { justify-content: left; } .section1 .VscrollMin .owl-dots { padding-top: 20px; text-align: center; font-size: 0; } .section1 .VscrollMin .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 100%; margin: 0 5px; background: rgba(0, 0, 0, 0.3); } .section1 .VscrollMin .owl-dots .owl-dot.active { background-color: #0d5f84; } .section { padding-top: 85px } .section .h2 { font-size: 28px; text-align: center; font-weight: 400; margin-bottom: 10px; line-height: 45px; color: #333; } .section .h5 { font-size: 15px; text-align: center; color: #888888; font-weight: normal; } .section1 .itembox:hover .bgbox img { transform: scale(1.1); -webkit-transform: scale(1.1); width: 100%; } .section1 .itembox .div { position: absolute; left: 0; bottom: 0px; padding: 20px; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media (min-width:1024px) { .section1 .itembox .div { bottom: -50px; } .section1 .itembox .div .more { opacity: 0 } .section1 .itembox:hover .div .more { opacity: 1; } .section1 .itembox:hover .div { bottom: 0; } } .section1 .itembox .bgbox { overflow: hidden; } .section1 .itembox .bgbox img { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .section1 .more:hover { color: #0d5f84; } .ConWarpTxtbox { position: relative; } #ConWarpTxt { position: absolute; width: 1px; height: 1px; right: 300%; top: -70px; } @media (min-width:1024px) { #ConWarpTxt { top: -82px; } .section1 .itembox .div { padding: 50px; } } .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1} 100%{opacity:0} }.owl-height{transition:height 500ms ease-in-out} .owl-carousel .owl-item{} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease} .owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64,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") format("woff");font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:10} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{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:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} :root{--swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;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{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{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;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:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-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%;transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white{--swiper-pagination-color:#ffffff} .swiper-pagination-black{--swiper-pagination-color:#000000} .swiper-pagination-lock{display:none} .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-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{100%{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{transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;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;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{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:0px;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} .section2 .swiper-container { margin-top: 50px; margin-bottom: 85px;} .section2 .swiper-container .h2 { font-size: 24px; } @media screen and (max-width:768px) { .section2 .swiper-container .h2 { font-size: 16px; } } /* 第二屏 */ .section2 { padding-top: 0; } .section2 .swiper-container { height: auto; } .section2 .swiper-wrapper { height: auto; } .section2 .swiper-container .swiper-pagination { bottom: 40px; } .section2 .swiper-pagination { position: absolute; left: 0; right: 0; width: 100%; text-align: center; } .section2 .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; } .section2 .swiper-container .pc { display: none; } .section2 .swiper-container .img { overflow: hidden; } .section2 .swiper-container .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .section2 .swiper-container .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .section2 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #0b5d82; } @media screen and (min-width:768px) { .section2 .swiper-container .pc { display: block; } .section2 .swiper-container .wap { display: none; } } @media screen and (min-width:1024px) { .section2 .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; } } .section.section2>h3 { font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: normal; } @media screen and (max-width:768px) { .section.section2>h3 { font-size: 20px; } .section2 .swiper-slide { padding: 0 16px } .section2 .swiper-pagination { bottom: 20px } /* .section2 .swiper-container { margin-bottom: 30px } */ } .section2 .swiper-button-next, .section2 .swiper-button-prev { color: #fff; } .section2 .swiper-button-next:after, .section2 .swiper-button-prev:after { display: none; } .section2 .swiper-button-next:hover, .section2 .swiper-button-prev:hover { color: #0b5d82; } .section2 .swiper-button-next .iconfont, .section2 .swiper-button-prev .iconfont { font-size: 28px; } .section2 .btnsBox { position: absolute; left: 0; z-index: 8; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 0; -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); } .section2 .btnsBox .btns { position: relative; } .section2:hover .btnsBox { opacity: 1; } @media screen and (min-width:1600px) { .section2 .swiper-button-next .iconfont, .section2 .swiper-button-prev .iconfont { font-size: 40px; } }.pr_prev,.pr_next{opacity: 0.7; margin-top:120px; font-weight:bold; font-size:50px; width:60px; height:60px; display:inline-block; background-color:#b9b9b9; color:white; text-align:center; line-height:45px; border-radius:30px 30px; border:2px #ffffff solid;} .pr_prev:hover,.pr_next:hover{ color:#ffffff; background-color:#a1a1a1;} .pr_carousel{ width:1055px; overflow:hidden; float:left; height:400px; margin-left:10px; display:inline-block;} .pr_carousel li{display:inline-block; text-align:center; width:340px; height:400px; overflow:hidden;text-align:center; margin:15px 15px 0px 0px; } .tuijian_img{ width:333px; height:333px; display:block; text-align:center; border:1px #f0f0f0 solid; background-color:#ffffff;} .tuijian_img img{ width:330px; height:330px; font-size:0px;object-fit: contain;} .tuijian_name { font-size:14px; color:#858484; text-align:center; line-height:20px; margin-top:10px; display:inline-block;} .g-ind-tit{font-weight: bold;position:relative;font-size:36px;padding-bottom:18px;text-align:center} .g-ind-tit:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-12px;width:24px;height:3px;background-color:#370000} .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } .alcenter{text-align:center} .index-more{border:1px solid #0b5d82;color:#0b5d82;padding:5px 15px;display:inline-block;vertical-align:top;*display:inline;*zoom:1} .nat-title{position:relative;padding:30px 0} .nat-title img{display:block;margin:0 auto;height:48px} .nat-title:after{content:"";display:block;position:absolute;left:-20%;right:-20%;top:0;background-color:#ededed;height:100%;z-index:-1} .inxnature-min{padding:0 0 30px} .nathumb{position:relative;padding:0 0 0 80px} .nathumb:after{content:"";display:block;background:url(../images/wqicon2.png) no-repeat 0 0;-o-background-size:contain;background-size:contain;width:120px;height:100%;position:absolute;top:30px;left:0} .nathumb img{display:block} .natinfor{padding:30px 0 0 0} .natinfor .title{font-size:36px;line-height:14px;font-weight: bold;} .natinfor .desc{font-size:16px;line-height:32px;padding:22px 0 0 0;color: #999;} .natinfor .desc span{font-size:16px;line-height:30px;color: #999;} .natinfor .text{color:#333333} .inx-yearslist{padding:20px 0 30px} .inx-yearslist ul{margin:0 -10px} .inx-yearslist li{display:inline-block;vertical-align:top;color:#333333;font-size:14px;text-align:center;padding:0 10px} .inx-yearslist li .yLine{font-size:28px;line-height:28px;font-family:"Montserrat"} .inx-yearslist li .text{color:#666666} .index-nature{overflow:hidden} @media (min-width:768px){.nat-title{padding:40px 0} .nat-title img{height:60px} .nathumb{float:right;width:50%;margin-top:-20px} .natinfor{float:left;width:50%;padding:5% 20px 0 0} }@media (min-width:1024px){.inxnature-min{padding:0 0 125px 0} .nat-title{padding:82px 0 127px} .nat-title img{height:91px} .nathumb{margin-top:-80px;padding:0 0 0 120px} .nathumb:after{width:181px;top:80px;left:-1px} .natinfor{padding:7% 20px 0 0} .natinfor .title{font-size:36px;line-height:14px;font-weight: bold;color: #333;} .natinfor .desc{font-size:16px;line-height:32px;padding:22px 0 0 0;color: #999;} .natinfor .desc span{font-size:16px;line-height:30px;color: #999;} .natinfor .text{padding:8px 0 0 0;line-height: 24px;} .inx-yearslist{padding:38px 0 15px} .inx-yearslist ul{margin:0 -35px} .inx-yearslist li{font-size:16px;padding:0 35px} .inx-yearslist li .num{font-size:14px} .inx-yearslist li .yLine{font-size:32px;line-height:32px} .index-more{padding:10px 34px;font-size:16px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s} .index-more:hover{background-color:#0b5d82;color:#ffffff;border-color:#0b5d82} }@media (min-width:1199px){.inx-yearslist li .yLine{font-size:50px;line-height:50px} }.index-Freecollar{position:relative;background-image:url(../images/wqimg2.jpg);background-repeat:no-repeat;background-position:0 0;-o-background-size:cover;background-size:cover;height:200px} .index-Freecollar .colladr-text{position:absolute;z-index:3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#333} .index-Freecollar .colladr-text .title{font-size:22px} .index-Freecollar .colladr-text .name{font-size:18px;padding:3px 0 15px} .index-Freecollar .colladr-text .index-more{border-color:#333;color:#333} @media (min-width:768px){.index-Freecollar{height:350px} .index-Freecollar .colladr-text .title{font-size: 36px;line-height: 50px;} .index-Freecollar .colladr-text .name{font-size: 36px;line-height: 50px;} }@media (min-width:1024px){.index-Freecollar{height:450px} .index-Freecollar .colladr-text .title{font-size:24px;line-height:42px;color:#333} .index-Freecollar .colladr-text .name{font-size:36px;line-height:50px;padding:5px 0 35px;color:#162c42} .index-Freecollar .index-more:hover{border-color:#0b5d82;color:#fff} }@media (min-width:1440px){.index-Freecollar{height:680px} }.i-news{padding:60px 0 66px} .i-news .news-list{overflow: hidden;width:1200px;margin:35px auto} .i-news .news-list li{float:left;position:relative;width:369px;font-size:13px;line-height:20px;color:#999;text-align:center;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s} .i-news .news-list li .time{position:absolute;left:50%;bottom:-43.5px;width:87px;height:87px;padding:30px 0 19px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/1/11/diruo/product/product_pic/image/2021_01_22/20210122120952465.png) no-repeat center;margin-left:-43.5px;font-size:16px;line-height:18px;color:#c5ac7e;font-family:cinzel;text-align:center;-webkit-transition:all 0.5s;transition:all 0.5s} .i-news .news-list li .time p.fz20{font-size:20px;line-height:1;color: #c5ac7e;} .i-news .news-list li .time p{color: #c5ac7e;} .i-news .news-list li a.f-img{display:block;position:relative} .i-news .news-list li a.tit{display:inline-block;margin:15.7% 0 0.3%;padding:6px 0;font-size:18px;line-height:24px;color:#000;transition:all .5s} .i-news .news-list li a.tit:hover{color:#0b5d82} .i-news .news-list li p{padding:0 5px} .i-news .news-list li a.more{display:inline-block;padding:0 20px 0 5px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/1/11/diruo/product/product_pic/image/2021_01_22/20210122121141282.png) no-repeat 95% center;margin-top:34px;font-size:12px;line-height:2;color:#222;font-family:cinzel;text-transform:uppercase;-webkit-transition:all 0.5s;transition:all 0.5s} .i-news .news-list li a.more:hover{background-position:right center} .i-news .news-list li.show{opacity:1} .i-news .news-list li:nth-child(3n-1){// margin:0 30px;margin:0 46px} @media screen and (max-width:1440px){.i-news .news-list{width:95%} .i-news .news-list li{width:calc(32.33% - 20px)} .i-news .news-list li .time{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)} }.i-news .news-list li img{transition:all .5s;object-fit: contain;} .i-news .news-list li:hover img{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 0 6px rgba(0,0,0,.3)} .i-products h2,.i-news h2{padding-bottom:28px;font-size:30px;line-height:2;color:#333;text-align:center} .i-products h2 span,.i-news h2 span{display:inline-block;position:relative;padding:0 40px;font-size: 30px;} .i-products h2 span::before,.i-news h2 span::before,.i-products h2 span::after,.i-news h2 span::after{content:"";display:inline-block;position:absolute;top:29.5px;width:25px;height:1px;background:#ccc} .i-products h2 span::before,.i-news h2 span::before{left:0} .i-products h2 span::after,.i-news h2 span::after{right:0} .i-products .btn,.i-news .btn{text-align:center} .i-products .btn a,.i-news .btn a{position:relative;display:inline-block;border-top:1px solid #bea26c;border-bottom:1px solid #bea26c} .i-products .btn a::after,.i-news .btn a::after{content:"";display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:0;background:#bea26c;-webkit-transition:all 0.5s;transition:all 0.5s} .i-products .btn a span,.i-news .btn a span{display:inline-block;position:relative;z-index:2;padding:0 40px 0 15px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415101539306.png) no-repeat 85% center;font-size:13px;line-height:32px;color:#bea26c;font-family:cinzel;-webkit-transition:all 0.5s;transition:all 0.5s} .i-products .btn a:hover::after,.i-news .btn a:hover::after{height:100%} .i-products .btn a:hover span,.i-news .btn a:hover span{background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/4/2/julemei/product/product_pic/image/2021_04_15/20210415101626057.png) no-repeat 95% center;color:#fff} *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat} .container2{width:1200px;margin:0 auto;overflow:hidden;content:'';clear:both;margin-bottom: 60px;} .item1{border:15px solid white;position:relative;height:380px;display:flex;align-items:center;justify-content:center;} .clear{content:"";clear:both;overflow:hidden} .col-md-6{width:50%;float:left} .message{position:absolute;left:45px;bottom:45px} .title{color:white;font-size:28px}.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国内