 html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@import url('https://fonts.font.im/css?tenantId=231676&viewType=1&v=000&family=Oswald'); @font-face {font-family:'OswaldB'; src:url('/upload/font/OswaldB.otf?tenantId=231676&viewType=1&v=000') format('opentype');} @font-face {font-family:'MontserratL'; src:url('/upload/font/MontserratL.otf?tenantId=231676&viewType=1&v=000') format('opentype');} @font-face {font-family:'MontserratR'; src:url('/upload/font/MontserratR.otf?tenantId=231676&viewType=1&v=000') format('opentype');} @font-face {font-family:'RalewayB'; src:url('/upload/font/RalewayB.ttf?tenantId=231676&viewType=1&v=000') format('truetype');} @font-face {font-family:'DINCond'; src:url('/upload/font/DINCond.otf?tenantId=231676&viewType=1&v=000') format('opentype');} @font-face {font-family:'PoppinsB'; src:url('/upload/font/PoppinsB.ttf?tenantId=231676&viewType=1&v=000') format('truetype');} @font-face {font-family:'PoppinsM'; src:url('/upload/font/PoppinsM.ttf?tenantId=231676&viewType=1&v=000') format('truetype');} @font-face {font-family:'PoppinsR'; src:url('/upload/font/PoppinsR.ttf?tenantId=231676&viewType=1&v=000') format('truetype');}   ::-webkit-scrollbar { width: 5px; }  ::-webkit-scrollbar-track { background: #d7d7d7; border-radius: 6px; }  ::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; }  ::-webkit-scrollbar-thumb:hover { background: #01708e; } @keyframes rotate360 { form { transform: rotate(0); } to { transform: rotate(360deg); } } a:hover{ color:#01708e;} body div, span, font, p, td {font-family:"微软雅黑" !important;} *{word-break:unset!important;} hr{border-bottom:dashed 1px #dcdcdc !important;} h1 span{font-family:"PoppinsB" !important; font-weight: normal !important;} h2 span, h3 span{font-family:"PoppinsM" !important; font-weight: normal !important;} @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: #01708e; border-color: #01708e; color: #fff; } .p_page .pre:hover { color: #fff; background: #01708e; border-color: #01708e; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #01708e; border-color: #01708e; color: #fff; } .p_page .next:hover { background: #01708e; border-color: #01708e; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #01708e; border-color: #01708e; } .p_page .pageNum:hover { color: #fff; border-color: #01708e; cursor: pointer; text-decoration: none; background-color: #01708e; } .p_page .pageNum.active { text-decoration: none; background-color: #01708e; color: #fff; border-color: #01708e; } } @media screen and (max-width: 768px) { .p_pagebox .NumBox {display: none !important;} .p_pagebox {width: 100%;text-align: center;} .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important;cursor: default;} .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre {width: 48%;margin-right:2%;background-color: #01708e;} .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #01708e; background-color: #01708e; cursor: pointer; } .p_pagebox .pre:active { background-color: #01708e; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #01708e; } .p_pagebox .next:hover { background-color: #01708e; } .p_pagebox .next:active { background-color: #01708e; } } .lantern{ margin-left:55px !important; margin-right:55px !important; } #c_portalResProduct_list-15907231707965831.d_CommonInteractionA, #c_portalResProduct_list-15907231707965831.d_CommonInteractionB{ width:0px !important;} .p_CommonSwitchBtnA, .p_CommonSwitchBtnB{text-align: center !important; background: rgba(57,57,57,.3) !important; height: 40px !important; width:40px !important; border-radius: 40px !important; font-size:18px !important; line-height:40px !important;} .p_CommonSwitchBtnA:active, .p_CommonSwitchBtnA:hover, .p_CommonSwitchBtnB:active, .p_CommonSwitchBtnB:hover{ background:rgba(236,123,26,0.7) !important; color:#fff !important;} .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover{background-color:#01708e !important;} .p_CommonSquareNumBtn{background-color:#666 !important;border-radius:16px;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:none !important;} .e_FlowCommonStyleBox-001 .stylebox_top, .e_FlowCommonStyleBox-001 .stylebox_title{ background:#3c3c3c !important;} .e_ContentMajorStyleBox-001 .stylebox_top{ background:#3c3c3c !important;} .e_ContentMajorStyleBox-001 .stylebox_title{ background:none!important;} .e_SideMajorStyleBox-001 .stylebox_top{ background:#01708e !important;} .e_SideMajorStyleBox-001 .stylebox_title{ background:none!important;} #c_portalResNews_detail-15857306763291957 .e_ContentMajorStyleBox-001 .stylebox_top{background:#01708e !important;} .ad-tit{font-family:'PoppinsB' !important;} @media only screen and (max-width:1440px) and (min-width:1280px){}  #w_grid-1628817905157.div2{ width:100%!important; background:#fff !important; box-shadow: 0 0 20px rgba(0,0,0,.2)!important; display:inline-block; position:fixed; top:0; z-index: 999 !important; min-height:80px !important; } #w_grid-1628817905157.div2 #w_fimg-1628819083605{ max-width: 250px !important; margin-top: 15px !important; transition: all .5s; -webkit-transition: all .5s;} #w_grid-1628817905157.div2 #c_portalResnav_main-16288199696320191 .yj_li .yj_name{ line-height: 80px !important;} #w_grid-1628817905157.div2 #w_grid-1628820494779{ margin-top:25px !important;} #w_grid-1628817905157.div2 #c_portalResnav_main-16288199696320191 .yj_li:hover .ej_ul{ top:75px !important;}  #w_grid-1603262610001{ background:#002731 !important;} #w_grid-1628845272236{ background:#000f13 !important;} #w_common_text-1628820507644{ background:url(/img/top_yy.png?tenantId=231676&viewType=1&v=000) no-repeat 33% center !important; text-indent:40px !important;} #w_fimgbox-1628837605182 #w_fbtn-1628838003652{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628837605182:hover #w_fbtn-1628838003652{ display:block !important; } #w_fimgbox-1628838586945 #w_fbtn-1628838586967{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628838586945:hover #w_fbtn-1628838586967{ display:block !important; } #w_fimgbox-1628838585913 #w_fbtn-1628838585935{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628838585913:hover #w_fbtn-1628838585935{ display:block !important; } #w_fimgbox-1628838696187 #w_fbtn-1628838696223{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628838696187:hover #w_fbtn-1628838696223{ display:block !important; } #w_fimgbox-1628838696205 #w_fbtn-1628838696242{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628838696205:hover #w_fbtn-1628838696242{ display:block !important; } #w_fimgbox-1628838696196 #w_fbtn-1628838696261{ display:none !important; transition: all .5s; -webkit-transition: all .5s;} #w_fimgbox-1628838696196:hover #w_fbtn-1628838696261{ display:block !important; } #w_grid-1628840241735, #w_grid-1628841251624, #w_grid-1628841264852, #w_grid-1628841256517, #w_grid-1628841261914, #w_grid-1628841263643{transition: all .5s ease !important; margin-top:5% !important;} #w_grid-1628840241735:hover, #w_grid-1628841251624:hover, #w_grid-1628841264852:hover, #w_grid-1628841256517:hover, #w_grid-1628841261914:hover, #w_grid-1628841263643:hover {transform: translateY(-10px)!important;} #w_grid-1628842050486> div > .p_gridbox > .p_gridCell:nth-child(2n+1):before { content: ""; position: absolute; background: none; width: 40%; height: calc(90% + 0px); top: 0px; margin: 0%; border: solid 15px #f0f0f0; } #w_grid-1603345379629{ background:url(/img/abg.jpg?tenantId=231676&viewType=1&v=000) no-repeat left top!important; } #w_common_text-1629076569361:before { content: ""; width: 8px; height: 40px; background: #01708e; position: absolute; top: 3%; left: 0; } #w_grid-1628839450487:before { content: ""; position: absolute; background: none; width: 90%; top:60%; margin-left: 5%; border-top:dashed #cacaca 1px; } #w_grid-1628839450487> div > .p_gridbox > .p_gridCell:nth-child(6n+1):before, #w_grid-1628839450487> div > .p_gridbox > .p_gridCell:nth-child(6n+2):before, #w_grid-1628839450487> div > .p_gridbox > .p_gridCell:nth-child(6n+3):before, #w_grid-1628839450487> div > .p_gridbox > .p_gridCell:nth-child(6n+4):before, #w_grid-1628839450487> div > .p_gridbox > .p_gridCell:nth-child(6n+5):before {content: "";position: absolute;background: url(/img/icon_dzx.png?tenantId=231676&viewType=1&v=000) no-repeat center center;width: 21%;top: 45%;height: 24px;margin-left: 6%;} .products-tab .pro-btn{ display:none !important; } @media only screen and (max-width:1440px) and (min-width:1280px){ .products-tab .tab-btns .text .tit{ font-size:24px !important; } } #content_box-1629265022874 { background: #fff!important; box-shadow: 0 0 10px #000 !important;} #office { width: 100%; margin: 0 auto; border-right: medium none; overflow: hidden; border-left: solid 1px #dcdcdc; border-bottom: medium none; border-top: solid 1px #dcdcdc;} #office td { line-height:40px; padding: 0px; font-size: 18px; text-align: center; border-bottom: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc;} #office tr:first-child { background: #01708e !important; color:#fff !important; font-weight:bold;} #office tr:nth-of-type(2n+2){ background:#f3f3f3;} #office tr:first-child td:nth-child(1){ width:15% !important;} #office tr:first-child td:nth-child(2){ width:55% !important;} #office tr:first-child td:nth-child(3), #office tr:first-child td:nth-child(4){ width:15% !important;} #w_common_text-1628845475184{ background:url(/img/foot_tel.png?tenantId=231676&viewType=1&v=000) no-repeat left center !important;text-indent:55px !important;} #w_common_text-1628845475184.reset_style { color:#fff !important; text-decoration:none !important;} #w_common_text-1628845475184.reset_style a{ color:#fff !important; text-decoration:none !important;} #w_common_text-1628845475184.reset_style a:hover{ color:#009bc5 !important; text-decoration:underline !important;} #w_common_text-1628820507644.reset_style { color:#333 !important; text-decoration:none !important;} #w_common_text-1628820507644.reset_style a{ color:#333 !important; text-decoration:none !important;} #w_common_text-1628820507644.reset_style a:hover{ color:#01708e !important; text-decoration:underline !important;} #w_common_text-1605496096318.reset_style { color:rgba(255,255,255,.5) !important; text-decoration:none !important;} #w_common_text-1605496096318.reset_style a{ color:rgba(255,255,255,.5) !important; text-decoration:none !important;} #w_common_text-1605496096318.reset_style a:hover{ color:#01708e !important; text-decoration:underline !important;} #w_common_text-1566200272228.reset_style { color:rgba(255,255,255,.5) !important; text-decoration:none !important;} #w_common_text-1566200272228.reset_style a{ color:rgba(255,255,255,.5) !important; text-decoration:none !important;} #w_common_text-1566200272228.reset_style a:hover{ color:#01708e !important; text-decoration:underline !important;}  #w_grid-1629266109202 #w_fimg-1629266332420 img, #w_grid-1629266429756 #w_fimg-1629266429772 img, #w_grid-1629266430704 #w_fimg-1629266430719 img {transition: all 1s ease;transform: perspective(800px) rotateY(0deg);-webkit-transform: perspective(800px) rotateY(0deg);-moz-transform: perspective(800px) rotateY(0deg); opacity:0.6;} #w_grid-1629266109202:hover #w_fimg-1629266332420 img, #w_grid-1629266429756:hover #w_fimg-1629266429772 img, #w_grid-1629266430704:hover #w_fimg-1629266430719 img {transition: all 1s ease;transform: perspective(800px) rotateY(360deg);-webkit-transform: perspective(800px) rotateY(360deg);-moz-transform: perspective(800px) rotateY(360deg); opacity:1;}   #w_fimg-1605498028549 img {opacity:1px;-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-o-transform:scale(1.00);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;} #w_fimg-1605498028549:hover img {opacity:1px;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;} #w_fimg-1605511849628 img {opacity:0.3;-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-o-transform:scale(1.00);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;} #w_fimg-1605511849628:hover img {opacity:1;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;}   #mapContainer{width:100%; height:450px;} #tip{height:30px;background-color:#fff;padding-left:10px;padding-right:10px;position:absolute;font-size:12px;right:10px;bottom:20px;border-radius:3px;line-height:30px;border:1px solid #ccc;} div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius:5px 5px 0 0;} div.info-top div {display: inline-block;color: #333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;text-align:left; font-family:Arial, Helvetica, sans-serif;} div.info-top img {position: absolute;top:10px;right: 10px;transition-duration: 0.25s;} div.info-top img:hover{box-shadow: 0px 0px 5px #000;} div.info-middle {font-size:12px;padding:10px;line-height:21px;text-align:left; font-family:Arial, Helvetica, sans-serif;} div.info-bottom {height:0px;width:100%;clear:both;text-align:center;} div.info-bottom img{position: relative;z-index:104;} @media only screen and (max-width: 768px){ #w_fimg-1566009283683{max-width:120px !important; } .lantern{ margin-left:0 !important; margin-right:0 !important; } .p_CommonSwitchBtnA, .p_CommonSwitchBtnB{ display:none !important;} #w_grid-1628820494779{ margin-top:15px !important;} #w_fimg-1628819083605{ margin-top:20px !important; margin-bottom:20px !important;} #c_portalResnav_main-16288199696320191 .show_btn{ margin-top:10px !important;}  #w_grid-1628817905157.div2{ width:100%!important; background:#fff !important; box-shadow: 0 0 20px rgba(0,0,0,.2)!important; display:inline-block; position:fixed; top:0; z-index: 999 !important; min-height:65px !important; } #w_grid-1628817905157.div2 #w_fimg-1628819083605{ margin-top:20px !important; transition: all .5s; -webkit-transition: all .5s;} #w_grid-1628817905157.div2 #w_grid-1628820494779{ margin-top:15px !important;} #w_grid-1628817905157.div2 #c_portalResnav_main-16288199696320191 .yj_li .yj_name{ line-height: 25px !important;}  #w_grid-1628842050486> div > .p_gridbox > .p_gridCell:nth-child(2n+1):before { content: ""; position: absolute; background: none; width: 100%; height: calc(75% + 0px); top: 0px; margin: 0%; border: solid 15px #f0f0f0; } #w_common_text-1628837250352 h3 span, #w_common_text-1628839450476 h3 span, #w_common_text-1628842062096 h3 span, #w_common_text-1628844145666 h3 span{ font-size:20px !important;} #w_common_text-1628843687011 p span{ font-size:26px !important;} #w_fimg-1629266429772 img, #w_fimg-1629266332420 img, #w_fimg-1629266430719 img{ max-width: 40px !important;} #w_common_text-1629266429776 p span, #w_common_text-1629266208269 p span, #w_common_text-1629266430723 p span{ font-size:18px !important;} #w_grid-1603349389723, #w_grid-1603345379629, #w_grid-1629079344584, #w_grid-1629079357810, #w_grid-1629079392810{width:90% !important; margin:20px auto !important;} #w_common_text-1629076569361{ margin-bottom:20px !important;} #w_common_text-1629076569361:before { content: ""; width: 8px; height: 31px !important; background: #01708e; position: absolute; top: 3%; left: 0; } #w_grid-1603350439838{ margin:20px auto !important;} #w_fimg-1619508614125{ max-width: 250px !important;} #c_portalResMessage_form-16292656794352165{ margin:30px auto !important;} #w_grid-1605508574912{ width:100% !important;} #w_fimg-1605496790616{ margin:0 auto !important;} #w_grid-1605505597867{ min-height:200px !important; background-size: 140% !important;} #w_grid-1605507379376{ margin-top:-8% !important;} #w_common_text-1605499208811 p span, #w_common_text-1605509648435 p span, #w_common_text-1605511305509 p span{ font-size:30px !important;} #w_common_text-1605507943028 p span{ font-size:35px !important;} #w_common_text-1605509734065{ width:100%!important;} #w_grid-1605499188227{ background:url(/img/pro_bg.jpg?tenantId=231676&viewType=1&v=000) no-repeat center center !important; background-size:cover !important; } #w_common_text-1605508533399{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; } #w_grid-1619504399364{ margin-left:0 !important; margin-top:20px !important;} #w_common_text-1619504399377 p span{ font-size:20px !important;} #content_box-1605498083971-0, #content_box-1605498083971-1, #content_box-1605498083971-2{ margin-bottom:15px !important;} #content_box-1605498083971-1, #content_box-1605498083971-2{ width:48% !important; margin:0 1% !important; clear:none !important;} #w_common_text-1585733292587 p span{ font-size:20px !important;} #w_grid-1603264243711{ width:95%!important; margin:0 auto !important; } #w_grid-1619508682237{ margin:0 auto 30px !important; } #w_fimg-1619508614125{ margin:20px auto !important; } #w_fimg-1605496790616{ max-width:145px !important; } #w_common_text-1605496096318{ text-align:center !important; margin-bottom:20px !important;} #w_fimg-1603263207719{margin: 0 auto 30px !important;} #w_grid-1603263483040{ width:80% !important; margin: 0 auto !important; } #w_common_text-1603263832694 p { font-size:24px !important; text-align:center !important; } #w_common_text-1603263832694 p span { font-size:24px !important; } #w_common_text-1603264251067{ background:none !important; text-indent:0px !important; text-align:center !important;} #w_common_text-1603264381542{ background:none !important; text-indent:0px !important; text-align:center !important;} #w_common_text-1603264382571{ background:none !important; text-indent:0px !important; text-align:center !important;} #w_common_text-1603264383416{ background:none !important; text-indent:0px !important; text-align:center !important;} #w_grid-1603339287160{ width:100% !important;} }  .por { position: relative;} .poa { position: absolute;} .pof { position: fixed;} .poa-f {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .products-tab{ margin-top: 1.25rem; } .products-tab .pc-box{ position: relative; } .products-tab .bg-tab{ overflow: hidden; box-shadow: 0 3px 35px rgba(82,83,87,.35); } .products-tab .bg-tab img{ width: 100%; } .products-tab .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .4; filter: alpha(opacity=40); z-index: 3; } .products-tab .tab-btns{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; overflow: hidden; } .products-tab .tab-btns .con-box{ display: block; height: 100%; box-sizing: border-box; border-right: 1px solid rgba(246,242,243,.1); } .products-tab .tab-btns .text{ position: absolute; top: 50%; left: 0; transform: translateY(calc(-50% + 1.25rem)); width: 100%; text-align: center; transition: all .3s; } .products-tab .tab-btns .text .tit{ font-size:32px; line-height:36px; color: #fff; } .products-tab .tab-btns .text .desc{ font-size: .45rem; line-height: .5rem; color: #fff; opacity: .4; filter: alpha(opacity=40); margin-top: .25rem; } .products-tab .tab-btns .text .more-btn{ width: 100%; margin: 50px auto 0; opacity: 0; filter: alpha(opacity=0); transition: all .3s; } .products-tab .tab-btns .text .wait{ font-size: .5rem; line-height: .6rem; margin-top: 1.25rem; color: #fff; } .products-tab .tab-btns .black{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0; filter: alpha(opacity=0); transition: all .3s; } .products-tab .tab-btns .swiper-slide.cur .text{ transform: translateY(-50%); } .products-tab .tab-btns .swiper-slide.cur .text .more-btn{ opacity: 1; filter: alpha(opacity=100); } .products-tab .tab-btns .swiper-slide.cur .black{ opacity: 1; filter: alpha(opacity=100); } .products-tab .pro-btn{ margin-top: 1.5rem; text-align: center; position: static; font-size: 0; } .products-tab .swiper-button-disabled{ display: none; } .products-tab .m-box{ display: none; } .order-prev, .order-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 70px; background-color: rgba(0,0,0,.4); background-repeat: no-repeat; background-position: center; z-index: 3; transition: all .3s; } .order-prev{ background-image: url('order-prev.png?tenantId=231676&viewType=1&v=000'); left: 0; } .order-next{ background-image: url('order-next.png?tenantId=231676&viewType=1&v=000'); right: 0; } .pro-btn .swiper-pagination-bullet { display: inline-block; *display: inline; zoom: 1; width: 12px; height: 12px; margin: 0 .2rem; background-color: #cbcbcb; border-radius: 100%; transition: all .3s; } .pro-btn .swiper-pagination-bullet-active{ background-color: #d8134a; } .products-tab .pro-btn{ margin-top: 60px; text-align: center; position: static; font-size: 0; }  .swiper-slide, .swiper-wrapper { height: 100%; position: relative; transform-style: preserve-3d; width: 100%; } .swiper-pagination, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-slide{  } .swiper-slide, .swiper-wrapper { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-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: 0 0 auto; flex-shrink: 0; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -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; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; } .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-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-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-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-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-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-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; width: 105%; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { display: inline-block; width: 13px; height: 13px;  margin-right: 17px;  } .swiper-pagination-bullet img{ width: 82%; padding: 0 9%; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #9c9c9c;  } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-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; -moz-transform-style: preserve-3d; -ms-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,left top,right 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: -moz-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,right top,left 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: -moz-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 top,left bottom,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: -moz-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 bottom,left top,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: -moz-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-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .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-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter:blur(50px); } .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0; } .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-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%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s step-end infinite; -moz-animation: swiper-preloader-spin 1s step-end infinite; animation: swiper-preloader-spin 1s step-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%; -webkit-background-size: 100%; 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 { 0% { -webkit-transform: rotate(0); } 8.33333333% { -webkit-transform: rotate(30deg); } 16.66666667% { -webkit-transform: rotate(60deg); } 25% { -webkit-transform: rotate(90deg); } 33.33333333% { -webkit-transform: rotate(120deg); } 41.66666667% { -webkit-transform: rotate(150deg); } 50% { -webkit-transform: rotate(180deg); } 58.33333333% { -webkit-transform: rotate(210deg); } 66.66666667% { -webkit-transform: rotate(240deg); } 75% { -webkit-transform: rotate(270deg); } 83.33333333% { -webkit-transform: rotate(300deg); } 91.66666667% { -webkit-transform: rotate(330deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 8.33333333% { transform: rotate(30deg); } 16.66666667% { transform: rotate(60deg); } 25% { transform: rotate(90deg); } 33.33333333% { transform: rotate(120deg); } 41.66666667% { transform: rotate(150deg); } 50% { transform: rotate(180deg); } 58.33333333% { transform: rotate(210deg); } 66.66666667% { transform: rotate(240deg); } 75% { transform: rotate(270deg); } 83.33333333% { transform: rotate(300deg); } 91.66666667% { transform: rotate(330deg); } 100% { transform: rotate(360deg); } }