/*banner样式，首页其他图片样式*/ .index img{width: 100%;} .dialog2 img{width: auto;} .slick-list {width: 100%;height: 100% } .slick-track {height: 100%} .slick-slide img {width: 100%;height: 100%;object-fit: cover;} /*banner样式，首页其他图片样式*/ #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }#baguetteBox-overlay.visible { opacity: 1; }#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }.baguetteBox-button#next-button { right: 2%; display: block !important; }.baguetteBox-button#previous-button { left: 2%; display: block !important; }.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }.baguetteBox-button svg { position: absolute; left: 0; top: 0; } /*# sourceMappingURL=baguetteBox.css.map */ /*** Swiper 3.4.2* Most modern mobile touch slider and framework with hardware accelerated transitions** http://www.idangero.us/swiper/** Copyright 2017, Vladimir Kharlampidi* The iDangero.us* http://www.idangero.us/** Licensed under MIT** Released on: March 10, 2017*/ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.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{position:relative;width:100%;height:100%;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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-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;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.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:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-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;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{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-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.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,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;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:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.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;-webkit-transition-property:opacity;-moz-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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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-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 steps(12,end) infinite;-moz-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-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none;left: 0px;right: auto;} .swiper-button-prev::before{content: "\e730";} .related-products-box .swiper-button-prev::before{content: unset} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none;right: 0px;left: auto; } .swiper-button-next::before{content: "\e731";} .related-products-box .swiper-button-next::before{content: unset} .swiper-button-next, .swiper-button-prev { font-family: "iconfont"; font-size: 18px; text-align: center; color: #333; z-index: 10; } @use "sass:math"; @use "sass:math"; @media screen and (min-width: 992px) { .n-nav, .n-nav-icon { display: none; } } @-webkit-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }0% { opacity: 0;-webkit-transform: scale(5, 5);transform: scale(5, 5); }100% { opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1); } }@-moz-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }0% { opacity: 0;-webkit-transform: scale(5, 5);-moz-transform: scale(5, 5);transform: scale(5, 5); }100% { opacity: 1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1); } }@keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }0% { opacity: 0;-webkit-transform: scale(5, 5);-moz-transform: scale(5, 5);-o-transform: scale(5, 5);transform: scale(5, 5); }100% { opacity: 1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); } } .n-nav .n-nav-icon { position: fixed; right: 5px; top: 48px; width: 30px; height: 26px; line-height: 26px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999; } .n-nav .n-nav-icon .iconfont { font-size: 22px; font-size: 2.2rem; color: #000; } .n-nav .n-nav-icon span { display: none; width: 100%; height: 2px; margin-bottom: 4px; background-color: #135277; } .n-nav .n-nav-icon.active { top: 5px; background: #666 url(../fonts/nav-close.png) no-repeat center; background-size: 30px; } .n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont { display: none; } .n-nav .n-nav-body { display: none; position: fixed; z-index: 99999; top: 0; bottom: 0; width: 100%; left: 0; overflow-y: scroll; background-color: #666; padding-top: 40px; } .n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #135277; margin: 5px 10px; } .n-nav .box-search .item-input { width: 100%; line-height: 32px; height: 32px; padding: 0 60px 0 0; } .n-nav .box-search .iconfont { font-weight: bold; background-color: #135277; width: 44px; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; z-index: 0; } .n-nav .box-search .iconfont:hover { background-color: #666; } .n-nav .box-search .item-submit { position: absolute; width: 44px; height: 32px; right: 10px; top: 5px; z-index: 1; } .n-nav .box-list { margin-top: 30px; } .n-nav .box-list > li { position: relative; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: resize; -moz-animation-name: resize; animation-name: resize; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding: 0 10px; } .n-nav .box-list > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .n-nav .box-list li { position: relative; } .n-nav .box-list li .has-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../fonts/n1.png) no-repeat center; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; } .n-nav .box-list li.active > .has-next { background: url(../fonts/n2.png) no-repeat center; background-size: contain; } .n-nav .box-list .yiji-list { display: none; } .n-nav .box-list .yiji-list li { padding-left: 12px; } .n-nav .box-list .yiji-list li .has-next { right: 0; } .n-nav .box-list .yiji-list li > a { padding: 10px 25px 10px 20px; line-height: 22px; position: relative; } .n-nav .box-list .yiji-list li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; top: 19px; left: 10px; } .n-nav .box-list .erji-list { display: none; } .n-nav .box-list .sanji-list { display: none; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing {cursor:url(grabbing.png) 8 8, move;} /* fix */ .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);} @use "sass:math"; @use "sass:math"; /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons { font-size: 0; letter-spacing: 0; text-align: center; } .owl-theme .owl-controls .owl-buttons div { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ /* Styling Pagination*/ .owl-theme .owl-controls .owl-pagination { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 40px; } @media screen and (max-width: 1259px) { .owl-theme .owl-controls .owl-pagination { margin-top: 30px; } } @media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-pagination { margin-top: 25px; } } @media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } } .owl-theme .owl-controls .owl-page { display: inline-block; vertical-align: top; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; border-radius: 50%; margin: 0 6px; font-size: 0; border: solid 1px #135277; background-color: #135277; opacity: .4;} @media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } } @media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #135277; border-color: #135277; opacity: 1;} /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } @use "sass:math"; @use "sass:math"; .slideshow { position: relative; z-index: 0; } .slideshow .wp { position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; } .slideshow .wp img { max-width: 100%; max-height: 80%; } .slideshow .item a img { width: 100%; -webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-dots { position: absolute; left: 0; bottom: 3.86667%; width: 100%; text-align: center; font-size: 0; letter-spacing: 0;} .slick-dots li { display: inline-block; vertical-align: bottom; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-size: 0; width: 12px; height: 12px; border-radius: 50%; margin: 0 7px; background-color: rgba(255,255,255,.8); border: solid 1px #FFFFFF; } .slick-dots li.slick-active { background-color: transparent; } @media screen and (max-width: 1259px) { .slick-dots li { width: 12px; height: 12px; margin: 0 6px; } } @media screen and (max-width: 991px) { .slick-dots li { width: 10px; height: 10px; margin: 0 4px; } } @media screen and (max-width: 767px) { .slick-dots li { width: 8px; height: 8px; margin: 0 2px; } } .slick-prev, .slick-next { background-color: transparent; border: 0; outline: none; cursor: pointer; position: absolute; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 17px; font-size: 1.7rem; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #F5F5F5; background-color: rgba(245, 245, 245, 0.2); color: #fff; display: none!important;} .slick-prev:hover, .slick-next:hover { background-color: #fff; color: #135277; } @media screen and (max-width: 1459px) { .slick-prev, .slick-next { width: 40px; height: 40px; line-height: 40px; } } @media screen and (max-width: 1259px) { .slick-prev, .slick-next { width: 34px; height: 34px; line-height: 34px; } } @media screen and (max-width: 991px) { .slick-prev, .slick-next { font-size: 16px; font-size: 1.6rem; width: 30px; height: 30px; line-height: 30px; } } @media screen and (max-width: 767px) { .slick-prev, .slick-next { font-size: 16px; font-size: 1.6rem; width: 28px; height: 28px; line-height: 28px; } } .slick-prev { left: 5.833333333333333%; } @media screen and (max-width: 991px) { .slick-prev { display: none !important; } } @media screen and (max-width: 767px) { .slick-prev { display: none !important; } } .slick-next { right: 5.833333333333333%; } @media screen and (max-width: 991px) { .slick-next { display: none !important; } } @media screen and (max-width: 767px) { .slick-next { display: none !important; } } .slideshow .item.slick-active.item_one img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .slideshow .item.slick-active.item_one.on img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { top: 0; left: 0; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slide iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slick-slide video { position: absolute; display: block; 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%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; } .slick-dots .slide-count { display: none; } @media screen and (max-width: 991px) { .slick-slide video { -o-object-position: inherit; object-position: inherit; -o-object-fit: inherit; object-fit: inherit; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; top: 0; } } @font-face { font-family: "iconfont"; /* Project id 2906383 */ src: url('../fonts/iconfont.woff2?t=1635748323857') format('woff2'), url('../fonts/iconfont.woff?t=1635748323857') format('woff'), url('../fonts/iconfont.ttf?t=1635748323857') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-fasong:before {content: "\e642";}.icon-up9:before {content: "\e72a";}.icon-bottom9:before {content: "\e72b";}.icon-up7:before {content: "\e722";}.icon-bottom7:before {content: "\e723";}.icon-left7:before {content: "\e724";}.icon-right7:before {content: "\e725";}.icon-up16:before {content: "\e746";}.icon-bottom16:before {content: "\e747";}.icon-left16:before {content: "\e748";}.icon-right16:before {content: "\e749";}.icon-liebiao1:before {content: "\e834";}.icon-search:before {content: "\e616";}.icon-top10:before {content: "\e7ee";}.icon-bottom10:before {content: "\e7ef";}.icon-left10:before {content: "\e7f0";}.icon-right10:before {content: "\e7f1";}.icon-list:before {content: "\e671";}.icon-sousuo:before {content: "\e60d";}.icon-liebiao:before {content: "\e755";}.icon-wrong1:before {content: "\e633";}.icon-success1:before {content: "\e89f";}.icon-dianzan:before {content: "\e60c";}.icon-dianzan1:before {content: "\e63d";}.icon-aliwangwang-aliwangwang:before {content: "\e60a";}.icon-wenhao--jishu:before {content: "\e613";} .icon-wenhao1--jishu:before {content: "\e69b";}.icon-home:before {content: "\e624";}.icon-edit:before {content: "\e611";}.icon-facebook:before {content: "\e620";}.icon-pinterest:before {content: "\e8ab";}.icon-linkedin:before {content: "\e648";}.icon-youtube:before {content: "\e6d6";}.icon-twitter:before {content: "\e607";}.icon-bigger:before {content: "\e647";}.icon-left:before {content: "\e72c";}.icon-right:before {content: "\e72d";}.icon-up1:before {content: "\e72e";}.icon-bottom1:before {content: "\e72f";}.icon-left1:before {content: "\e730";}.icon-right1:before {content: "\e731";}.icon-up:before {content: "\e73e";}.icon-bottom:before {content: "\e73f";}.icon-instagram:before {content: "\e79d";}.icon-tumblr:before {content: "\e79e";}.icon-download:before {content: "\e7a0";}.icon-download1:before {content: "\e7a7";}.icon-search4:before {content: "\e7b2";}.icon-address:before {content: "\e7bc";}.icon-email:before {content: "\e7bd";}.icon-contact:before {content: "\e7be";}.icon-whatsapp:before {content: "\e7bf";}.icon-fax:before {content: "\e7c2";}.icon-mobile:before {content: "\e7c6";}.icon-phone:before {content: "\e7c8";}.icon-tel:before {content: "\e7c7";}.icon-phone1:before {content: "\e7cb";}.icon-skype:before {content: "\e7cc";}.icon-whatsapp1:before {content: "\e7c1";}.icon-address1:before {content: "\e7c3";}.icon-contact1:before {content: "\e7c4";}.icon-email1:before {content: "\e7c5";}.icon-skype1:before {content: "\e7c9";}.icon-fax1:before {content: "\e7ca";}.icon-qq:before {content: "\e7ce";}.icon-tel1:before {content: "\e7cd";}.icon-wechat:before {content: "\e7cf";}.icon-phone2:before {content: "\e7d0";}.icon-message:before {content: "\e7da";}.icon-calendar:before {content: "\e7e1";}.icon-calendar1:before {content: "\e7e3";}.icon-top:before {content: "\e7ed";}.icon-youbian:before {content: "\e60f";}.icon-shopcart:before {content: "\e635";}.icon-shopcart1:before {content: "\e636";}.icon-shopcart2:before {content: "\e637";}.icon-shopcart3:before {content: "\e638";}.icon-shopcart4:before {content: "\e639";}.icon-shopcart5:before {content: "\e63a";}.icon-collection:before {content: "\e7aa";}.icon-collection1:before {content: "\e7ab";}.icon-collection2:before {content: "\e7ac";}.icon-collection3:before {content: "\e7ad";}.icon-collection4:before {content: "\e7ae";}.icon-zuanshi:before {content: "\e675";}.icon-shuaxin:before {content: "\e614";}.icon-xing:before {content: "\e62d";}.icon-shuaxin1:before {content: "\e652";}.icon-hongxin:before {content: "\e63b";}.icon-APP:before {content: "\e6b0";}.icon-xing1:before {content: "\e610";}.icon-kefu1:before {content: "\e603";}.icon-xingzhuang:before {content: "\e70e";}.icon-APP1:before {content: "\e600";}.icon-chakan:before {content: "\e60b";}.icon-feedback2:before {content: "\e601";}.icon-right2:before {content: "\e602";}.icon-top2:before {content: "\e8ac";}.icon-left2:before {content: "\e8ad";}.icon-bottom2-copy:before {content: "\e8ae";}.icon-zhekoubeijing:before {content: "\e612";}.icon-zhekou:before {content: "\e656";}.icon-hot:before {content: "\e65c";}.icon-dianzanhongxin:before {content: "\e732";}.icon-youhuijuan:before {content: "\e615";}.icon-sort:before {content: "\e606";}.icon-sort1:before {content: "\e63c";}.icon-feedback:before {content: "\e69e";}.icon-vk:before {content: "\e735";}.icon-kefu:before {content: "\e628";}.icon-jian2:before {content: "\e605";}.icon-jia2:before {content: "\e608";}.icon-visible:before {content: "\e604";}.icon-hidden:before {content: "\e609";}.icon-riqi:before {content: "\e681";} @use "sass:math"; @use "sass:math"; * { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; } body { background-color: #fff; color: #333; font-family: Poppins-Regular, Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; } @media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: 100%; } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; } } img { border: none; } ul li { list-style-type: none; } ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } h1, h2 { margin: 0; padding: 0; font-weight: normal; } img { max-width: 100%; border: 0px solid #ccc; } embed, video, iframe { max-width: 100%; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input, textarea, select { font-family: arial; font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none; } input:focus, textarea:focus, select:focus { outline: none; } textarea { resize: none; } .pull-left { float: left; } .pull-right { float: right; } .clear { clear: both; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* html5 */ article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; } ::-webkit-input-placeholder { color: #666; opacity: 1; } /* WebKit browsers */ :-o-placeholder { color: #666; opacity: 1; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #666; opacity: 1; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #666; opacity: 1; } /* Internet Explorer 10+ */ ::-moz-selection { color: #fff; background: #135277; } ::selection { color: #fff; background: #135277; } .self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis-2 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .self-ellipsis-3 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .self-ellipsis-4 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .self-ellipsis-5 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .relative { position: relative; } .absolute { position: absolute; } .common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .common-center { position: absolute; top: 50%; left: 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%); } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .nlazy { min-width: 20%; } .scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .layui-layer{max-width: 100%;} [class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img, [class*="-item"] .item-pics img { display: block !important; width: 100%; } [class*="-item"] .item-title { overflow: hidden; color: #333; } [class*="-item"] .item-title a { display: block; color: #333; } [class*="-item"] .item-title a:hover { color: #135277 !important; } [class*="-item"] .item-subt { overflow: hidden; color: #333; } [class*="-item"] .item-subt a { display: block; color: #333; } [class*="-item"] .item-subt a:hover { color: #135277 !important; } [class*="-item"] .item-desc { overflow: hidden; color: #666; } [class*="-item"] .item-desc a { display: block; color: #666; } [class*="-item"] .item-desc a:hover { color: #135277 !important; } .at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .item-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /* .an-btn1 start */ .an-btn1 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; } .an-btn1:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #135277; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .an-btn1 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .an-btn1:hover { border-color: #135277 !important; background-color: #135277 \9; color: #fff !important; } .an-btn1:hover .iconfont { color: #fff !important; } .an-btn1:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* .an-btn1 end */ /* .an-btn2 start */ .an-btn2 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; } .an-btn2:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .an-btn2:hover { border-color: #135277 !important; background-color: #fff \9; color: #135277 !important; } .an-btn2:hover .iconfont { color: #135277 !important; } .an-btn2:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* .an-btn2 end */ @media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #135277; } } @media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } /*-------------table start-------------------------------------------------------------------*/ .table table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; } .table table p { line-height: 22px !important; } .table table p { min-height: 22px !important; } .table table, .table table a { color: #000; } .table table tr td { padding: 5px 3px; border: 1px solid #ccc; } @media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; } .table>div { width: 900px; max-width: 900px; } .wrap.big-box.account-order .table>div { width: unset; } } /*-------------table end---------------------------------------------------------------------*/ /*-------------proslide_menubtn start--------------------------------------------------------*/ .proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 7px; right: 10px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; } .proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #135277; } @media screen and (max-width: 991px) { .proslide_menubtn { display: block; } } /*-------------proslide_menubtn end----------------------------------------------------------*/ /*-------------page-start--------------------------------------------------------------------*/ .page {overflow: hidden;font-size: 0; letter-spacing: 0; position: relative;background: #F5F5F5;padding: 13px 13px 3px;} .page a {text-align: center;display: inline-block; vertical-align: top;color: #666;min-width: 30px;padding: 0 2px;line-height: 30px; margin: 0 5px 10px; font-size: 12px; font-size: 1.2rem; } .page a .iconfont { font-size: 14px; font-size: 1.4rem; } .page a.prev { min-width: 30px; } .page a.next { min-width: 30px; } .page a:hover, .page a.page-active { background: #135277;color: #fff !important; } @media screen and (max-width: 1259px) { .page a { margin: 0 4px 10px; } } .page .title, .page select { display: inline-block; vertical-align: top; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } .page .title { margin-right: 5px; } .page select { width: 60px; height: 30px; color: #333; line-height: 28px; border: 1px solid #E5E5E5; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .page span{font-size: 14px; font-size: 1.4rem;color: #333; line-height: 30px;height: 30px; display: inline-block;vertical-align: middle;} .page span{margin-left: 15px} .page form{display: inline-block;vertical-align: middle;} .page a:nth-last-of-type(1){margin-right: 0 !important;} .page .pageEllipsis{text-align: center;display: inline-block;vertical-align: top;min-width: 32px;line-height: 32px;border-radius: 16px; margin: 0 24px 9px 0;color: #666;padding: 0 2px; font-size: 12px; font-size: 1.2rem;} /*-------------page-end--------------------------------------------------------------------*/ /*-------------pro-share start-------------------------------------------------------------*/ .pro-share { font-size: 0; letter-spacing: 0; } .pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #888; } @media only screen and (max-width: 767px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } } .pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; } /*-------------pro-share end---------------------------------------------------------------*/ /*-------------m-oths----------------------------------------------------------------------*/ .m-oths { font-size: 16px; font-size: 1.6rem; } .m-oths a { color: #333; } .m-oths a:hover { color: #135277; } .m-oths .oths-item { line-height: 30px; margin-bottom: 14px; } .m-oths .item-btn { width: 86px; height: 30px; line-height: 28px; border: solid 1px #333; color: #333; display: inline-block; text-align: center; margin-right: 16px; float: left; } .m-oths .item-info { overflow: hidden; color: #666; } @media screen and (max-width: 991px) { .m-oths { padding-top: 30px; } .m-oths .item-btn { margin-right: 10px; } } @media screen and (max-width: 767px) { .m-oths { padding-top: 20px; font-size: 14px; font-size: 1.4rem; } .m-oths .oths-item { margin-bottom: 10px; } .m-oths .item-btn { width: 66px; height: 26px; line-height: 24px; } } /*-------------bread start-----------------------------------------------------------------*/ .bread {font-size: 14px;font-size: 1.4rem;line-height: 28px;padding-top: 22px;padding-bottom:10px;overflow: hidden;position: relative;text-align: left;font-family: BarlowCondensed-SemiBold;} .bread, .bread a { color: #666; }.bread a:hover, .bread .bread-active { color: #222; } .bread.bread2{position: relative;background: url(../img/bread.png) no-repeat center center;background-size: cover;text-align: left;padding-top: 16.14583333333333%;padding-bottom: 6.354166666666667%;} .bread2 .bread-title{position: relative;text-transform: uppercase;font-size: 86px;font-family: BarlowCondensed-SemiBold;color: #FFFFFF;line-height: 92px;} .bread2 .bread-href{font-size: 14px;font-family: GemunuLibre-SemiBold;line-height: 30px;color: #FFFFFF;margin-top: 6px;} .bread2 .bread-href a{color: #FFFFFF;} .bread2 .bread-href a:hover, .bread2 .bread-href a.bread-active { color: #ddd; } @media screen and (max-width: 1779px){ .bread.bread2{padding-top: 16.145%;padding-bottom: 6.355%;} .bread2 .bread-title{font-size: 74px;line-height: 82px;} .bread2 .bread-href{font-size: 14px;line-height: 30px;margin-top: 6px;} } @media screen and (max-width: 1609px) { .bread {font-size: 14px;font-size: 1.4rem;line-height: 26px;padding-top: 20px;padding-bottom:10px;} .bread.bread2{padding-top: 16%;padding-bottom: 6%;} .bread2 .bread-title{font-size: 62px;line-height: 70px;} .bread2 .bread-href{font-size: 14px;line-height: 28px;margin-top: 6px;} } @media screen and (max-width: 1429px) { .bread {font-size: 14px;font-size: 1.4rem;line-height: 26px;padding-top: 18px;padding-bottom:8px;} .bread.bread2{padding-top: 16%;padding-bottom: 6%;} .bread2 .bread-title{font-size: 50px;line-height: 58px;} .bread2 .bread-href{font-size: 14px;line-height: 28px;margin-top: 5px;} } @media screen and (max-width: 1259px) { .bread {font-size: 14px;font-size: 1.4rem;line-height: 24px;padding-top: 16px;padding-bottom:6px;} .bread.bread2{padding-top: 15.875%;padding-bottom: 6%;} .bread2 .bread-title{font-size: 38px;line-height: 46px;} .bread2 .bread-href{font-size: 14px;line-height: 26px;margin-top: 5px;} } @media screen and (max-width: 991px) { .bread {font-size: 14px;font-size: 1.4rem;line-height: 24px;padding-top: 14px;padding-bottom:6px;} .bread.bread2{padding-top: 15.75%;padding-bottom: 6%;} .bread2 .bread-title{font-size: 26px;line-height: 34px;} .bread2 .bread-href{font-size: 14px;line-height: 24px;margin-top: 4px;} } @media screen and (max-width: 767px) { .bread {font-size: 13px;font-size: 1.3rem;line-height: 22px;padding-top: 12px;padding-bottom:6px;} .bread.bread2{padding-top: 15.625%;padding-bottom: 6%;} .bread2 .bread-title{font-size: 18px;line-height: 28px;} .bread2 .bread-href{font-size: 13px;line-height: 22px;margin-top: 4px;} } /*-------------bread end-------------------------------------------------------------------*/ .search-box ::-webkit-input-placeholder { color: #888; opacity: 1; } /* WebKit browsers */ .search-box :-o-placeholder { color: #888; opacity: 1; } /* Mozilla Firefox 4 to 18 */ .search-box ::-moz-placeholder { color: #888; opacity: 1; } /* Mozilla Firefox 19+ */ .search-box :-ms-input-placeholder { color: #888; opacity: 1; } /* Internet Explorer 10+ */ /* .search { position: relative; width: 329px; margin-right: 37px; } @media screen and (max-width: 1259px) { .search { margin-right: 20px; width: 230px; } } @media screen and (max-width: 991px) { .search { display: none; } } .search .search-box { overflow: hidden; width: 100%; height: 42px; cursor: pointer; border: solid 1px #CCCCCC; } @media screen and (max-width: 1259px) { .search .search-box { height: 36px; } } .search .search-box .iconfont { position: absolute; right: 0; top: 0; width: 52px; line-height: 42px; font-size: 16px; font-size: 1.6rem; background-color: #333; text-align: center; color: #fff; } @media screen and (max-width: 1259px) { .search .search-box .iconfont { width: 36px; line-height: 36px; } } .search .search-box .item-input { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; line-height: 40px; padding: 0 55px 0 12px; color: #888; } @media screen and (max-width: 1259px) { .search .search-box .item-input { line-height: 34px; } } .search .search-box .item-submit { position: absolute; width: 52px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; } @media screen and (max-width: 1259px) { .search .search-box .item-submit { width: 36px; } } */ .container{position: relative;width: 100%;padding: 0 15px;margin: 0 auto;} @media (min-width:768px){.container{width:750px;}} @media (min-width:992px){.container{width:980px;}} @media (min-width:1260px){.container{width:1230px;}} @media (min-width:1430px){.container{width:1400px;}} @media (min-width:1610px){.container{width:1580px;}} @media (min-width:1780px){.container{width:1754px;}} .contain{position: relative;width: 100%;padding: 0 15px;margin: 0 auto;} @media (min-width:768px){.contain{width:750px;}} @media (min-width:992px){.contain{width:980px;}} @media (min-width:1260px){.contain{width:1230px;}} .header{width: 100%;position: relative;background: #fff;font-family: "Poppins-Regular";transition: all .5s;z-index: 22;} .header-top{width: 100%;position: relative;background: #002B45;z-index:999; padding: 8px 0 7px;} .header-top-center{position: relative;font-size: 12px;font-family: Poppins-SemiBold;color: #fff;line-height: 26px;text-align: center;max-width: 600px;margin: 0 auto;} .header-top-right{font-size: 0;letter-spacing: 0;float: right;z-index: 88; } .header-top-right, .header-top-right a{color: #fff;}.header-top-right a:hover{color: #f0f0f0;} .header-top-right>div{display: inline-block;vertical-align: top;line-height: 26px;margin-right: 12px;} .header .hb-box, .header .item-btns{ font-size: 0; letter-spacing: 0;line-height: 26px;display: inline-block;vertical-align: top;} .header .hb-box > *, .header .item-btns > *{ display: inline-block; vertical-align: top; font-size: 14px;font-size: 1.4rem;line-height:26px;height:26px;font-family: Arial;color: #fff;} .header select option{color: #000;} .header .lang-box{line-height: 26px;font-size: 14px; font-size: 1.4rem;color: #fff;} .header .lang-box .iconfont{font-size: 10px;margin-left: 5px;} .header-logo{min-height: 84px;text-align: center;position: relative;height: 84px; float: left;z-index: 888;} .header-logo a{display: inline-flex;vertical-align: top;height: 100%;align-items: center;justify-content: center;} .header-logo img{max-height: 100%;display: block;} .m-hdcart{position: relative;display: inline-block;vertical-align: top;padding: 30px 0;margin-left: 30px;z-index: 8;} .m-hdcart .cart-link {position: relative;display: block;line-height: 24px;font-size: 20px;color: #000;padding-right: 16px;} .m-hdcart .cart-link .iconfont{font-size: 20px;font-size: 2rem;display: inline-block;vertical-align: top; } .m-hdcart .cart-link .title {display: block;} .m-hdcart .cart-link .num {position: absolute; right: 2px; top: -4px;min-width: 17px;line-height: 17px;font-size: 14px;display: inline-block;vertical-align: top;font-family: Arial;font-weight: 400;color: #FFFFFF;background: #EF4A1C;border-radius: 50%;padding: 0 2px;text-align: center;} .m-hdlogin{position: relative;display: inline-block;vertical-align: top;padding: 30px 0;margin-left: 30px;z-index: 88;} .m-hdlogin .sign-btn{position: relative;display: block;line-height: 24px;font-size: 20px;color: #000;} .m-hdlogin .sign-btn .iconfont{font-size: 20px;font-size: 2rem; font-weight: bold;display: inline-block;vertical-align: top; } .header .my-box { position: relative; display: inline-block;vertical-align: top;padding: 30px 0;margin-left: 30px;z-index: 88;} .header .my-box .j-nextshow{font-size: 18px;color: #000;line-height: 24px;} .header .my-box .box-list { display: none; background-color: #fff; border: solid 1px #f0f0f0; position: absolute; top: 100%; z-index: 9; width: 160px; right: 0; } .header .my-box .box-list a { display: block; padding: 5px; line-height: 20px; color: #888; font-size: 14px; font-size: 1.4rem; } .header .my-box .box-list a:hover {color: #002B45;} .m-hdsch{position: relative;display: inline-block;vertical-align: top;padding: 30px 0;z-index: 888;} .m-hdsch .sch-btn{line-height:24px; text-align:center;font-size: 20px;font-size: 2rem;color: #000;display: block; } .m-hdsch .sch-btn .iconfont{display: inline-block;vertical-align: top;} .m-hdsch .hd-sch-form {position: absolute;width: 300px;height: 36px;border: 1px solid #000000;border-radius: 18px;padding-right: 36px;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #ffffff;display: none;top: 100%;right: 0;} .m-hdsch .form-text {width: 100%;height: 34px;line-height: 34px;padding: 0 12px;font-size: 14px;font-size: 1.4rem;color: #808080;-moz-box-sizing: border-box;box-sizing: border-box;} .m-hdsch .form-btn, .m-hdsch .form-icon {position: absolute;right: 0px;top: 0px;width: 34px; line-height:34px; text-align:center;height: 34px;border-radius: 50%;} .m-hdsch .form-btn {z-index: 2;}.m-hdsch .form-icon {font-size: 16px;font-size: 1.6rem;color: #333;} .m-hdnav{font-size: 0;letter-spacing: 0;position: relative;z-index: 10;max-width: 1350px;margin: 0 auto;text-align: center;} .nav-item{width: auto;position: relative;display: inline-block;vertical-align: top; margin: 0 39px; padding: 30px 0;} .m-hdnav .nav-item > a {display: block;line-height: 24px;font-size: 12px;font-size: 1.2rem;text-transform: uppercase;position: relative;color: #000;} .m-hdnav .nav-item:hover > a, .m-hdnav .nav-item > a.current{color: #002B45;} /* .m-hdnav .nav-item > a::before{position: absolute;content: "";bottom: 0;left: 50%;transform: translateX(-50%);transition: all .5s;width: 0;height: 2px;background: #000;} */ /* .m-hdnav .nav-item:hover > a::before, .m-hdnav .nav-item > a.current::before{width: 100%;} */ .sbnav-list{position: absolute;display: none;z-index:80;} .m-hdnav .sbnav-list1{top: 100%;left: 0;width: 240px;} .m-hdnav .sbnav-list2 {top: 0px;left: 100%;width: 200px;} .m-hdnav .sbnav-list3 {top: 0px;left: 100%;width: 200px;} .nav-item:hover .sbnav-list1{display: block;} .sbnav-item1:hover .sbnav-list2{display: block;} .sbnav-item2:hover .sbnav-list3{display: block;} .m-hdnav .sbnav-wp {-moz-box-sizing: border-box;box-sizing: border-box;background-color: #fff;border: 1px solid #E5E5E5;padding:10px 0;} .m-hdnav .sbnav-item {position: relative;text-align: left;padding:0px 9px;} .m-hdnav .sbnav-item a {display: block;line-height: 32px;font-size: 16px;font-size: 1.6rem;color: #333;padding: 10px 15px;} .m-hdnav .sbnav-item a:hover, .m-hdnav .sbnav-item a.active {background: #000000;color: #FFFFFF;} .m-hdmnav {position: relative;margin-left: 30px;padding: 30px 0; z-index: 8;} .m-hdmnav .box-btn {display: block; width: 20px; line-height: 24px;font-size: 20px;font-size: 2rem;color: #000;} .m-hdmnav .box-btn .iconfont{display: inline-block;vertical-align: top;} .m-hdmnav .box-list {position: absolute;right: 0;top: 100%;width: 180px;background-color: #fff;display: none;} .m-hdmnav .list-item a {display: block;line-height: 26px;padding: 5px 10px;font-size: 14px;font-size: 1.4rem;} .m-hdmnav .list-item a:hover {color: #333;} .m-hdmnav .box-btn:hover .box-list{display: block;} .banner{position: relative;width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;} @media screen and (max-width: 1779px){ .header-top{padding: 5px 0;} .header-logo{min-height: 80px;height: 80px;} .header-top-center{font-size: 14px;line-height: 26px;} .header-top-right>div{line-height: 26px;} .header .hb-box, .header .item-btns{ line-height: 26px;} .header .hb-box > *, .header .item-btns > *{ font-size: 14px;line-height:26px;height:26px; font-size: 1.4rem;} .header .lang-box{line-height: 26px;font-size: 14px; font-size: 1.4rem;} .m-hdcart{padding: 28px 0;margin-left: 28px;} .m-hdcart .cart-link {line-height: 24px;font-size: 20px;} .m-hdcart .cart-link .iconfont{font-size: 20px;font-size: 2rem; } .m-hdlogin{padding: 28px 0;margin-left: 28px;} .m-hdlogin .sign-btn{line-height: 24px;font-size: 20px;} .m-hdlogin .sign-btn .iconfont{font-size: 20px;font-size: 2rem;} .header .my-box {padding: 28px 0;margin-left: 28px;} .header .my-box .j-nextshow{font-size: 16px;line-height: 24px;} .m-hdsch{padding: 28px 0;} .m-hdsch .sch-btn{line-height:24px;font-size: 20px;font-size: 2rem; } .m-hdnav{max-width: 1180px;} .nav-item{margin: 0 35px; padding: 28px 0;} .m-hdnav .nav-item > a {line-height: 24px;font-size: 12px;font-size: 1.2rem;} .m-hdmnav {margin-left: 28px;padding: 28px 0;} .m-hdmnav .box-btn {width: 22px; line-height: 24px;font-size: 20px;font-size: 2rem;} } @media screen and (max-width: 1609px){ .header-top{padding: 5px 0;} .header-logo{min-height: 74px;height: 74px;} .header-top-center{font-size: 14px;line-height: 24px;} .header-top-right>div{line-height: 24px;} .header .hb-box, .header .item-btns{ line-height: 24px;} .header .hb-box > *, .header .item-btns > *{ font-size: 14px;line-height:24px;height:24px; font-size: 1.4rem;} .header .lang-box{line-height: 24px;font-size: 14px; font-size: 1.4rem;} .m-hdcart{padding: 26px 0;margin-left: 24px;} .m-hdcart .cart-link {line-height: 22px;font-size: 20px;} .m-hdcart .cart-link .iconfont{font-size: 20px;font-size: 2rem; } .m-hdlogin{padding: 26px 0;margin-left: 24px;} .m-hdlogin .sign-btn{line-height: 22px;font-size: 20px;} .m-hdlogin .sign-btn .iconfont{font-size: 20px;font-size: 2rem;} .header .my-box {padding: 26px 0;margin-left: 24px;} .header .my-box .j-nextshow{font-size: 14px;line-height: 22px;} .m-hdsch{padding: 26px 0;} .m-hdsch .sch-btn{line-height:22px;font-size: 20px;font-size: 2rem; } .m-hdnav{max-width: 1030px;} .nav-item{margin: 0 30px; padding: 25px 0;} .m-hdnav .nav-item > a {line-height: 24px;font-size: 12px;font-size: 1.2rem;} .m-hdmnav {margin-left: 24px;padding: 26px 0;} .m-hdmnav .box-btn {width: 22px; line-height: 22px;font-size: 20px;font-size: 2rem;} } @media screen and (max-width: 1429px){ .header-top{padding: 4px 0;} .header-logo{min-height: 70px;height: 70px;} .header-top-center{font-size: 14px;line-height: 22px;} .header-top-right>div{line-height: 22px;} .header .hb-box, .header .item-btns{ line-height: 22px;} .header .hb-box > *, .header .item-btns > *{ font-size: 14px;line-height:22px;height:22px; font-size: 1.4rem;} .header .lang-box{line-height: 22px;font-size: 14px; font-size: 1.4rem;} .m-hdcart{padding: 24px 0;margin-left: 20px;} .m-hdcart .cart-link {line-height: 22px;font-size: 18px;} .m-hdcart .cart-link .iconfont{font-size: 18px;font-size: 1.8rem; } .m-hdlogin{padding: 24px 0;margin-left: 20px;} .m-hdlogin .sign-btn{line-height: 22px;font-size: 18px;} .m-hdlogin .sign-btn .iconfont{font-size: 18px;font-size: 1.8rem;} .header .my-box {padding: 24px 0;margin-left: 20px;} .header .my-box .j-nextshow{font-size: 14px;line-height: 22px;} .m-hdsch{padding: 24px 0;} .m-hdsch .sch-btn{line-height:22px;font-size: 18px;font-size: 1.8rem; } .m-hdnav{max-width: 880px;} .nav-item{margin: 0 24px; padding: 24px 0;} .m-hdnav .nav-item > a {line-height: 22px;font-size: 12px;font-size: 1.2rem;} .m-hdmnav {margin-left: 20px;padding: 24px 0;} .m-hdmnav .box-btn {width: 20px; line-height: 22px;font-size: 18px;font-size: 1.8rem;} } @media screen and (max-width: 1259px){ .header-top{padding: 4px 0;} .header-logo{min-height: 66px;height: 66px;} .header-top-center{font-size: 14px;line-height: 22px;} .header-top-right>div{line-height: 22px;} .header .hb-box, .header .item-btns{ line-height: 22px;} .header .hb-box > *, .header .item-btns > *{ font-size: 14px;line-height:22px;height:22px; font-size: 1.4rem;} .header .lang-box{line-height: 22px;font-size: 14px; font-size: 1.4rem;} .m-hdcart{padding: 22px 0;margin-left: 16px;} .m-hdcart .cart-link {line-height: 22px;font-size: 18px;} .m-hdcart .cart-link .iconfont{font-size: 18px;font-size: 1.8rem; } .m-hdlogin{padding: 22px 0;margin-left: 16px;} .m-hdlogin .sign-btn{line-height: 22px;font-size: 18px;} .m-hdlogin .sign-btn .iconfont{font-size: 18px;font-size: 1.8rem;} .header .my-box {padding: 22px 0;margin-left: 16px;} .header .my-box .j-nextshow{font-size: 14px;line-height: 22px;} .m-hdsch{padding: 22px 0;} .m-hdsch .sch-btn{line-height:22px;font-size: 18px;font-size: 1.8rem; } .m-hdnav{max-width: 700px;} .nav-item{margin: 0 18px; padding: 22px 0;} .m-hdnav .nav-item > a {line-height: 22px;font-size: 12px;font-size: 1.2rem;} .m-hdmnav {margin-left: 16px;padding: 22px 0;} .m-hdmnav .box-btn {width: 20px; line-height: 22px;font-size: 18px;font-size: 1.8rem;} } @media screen and (max-width: 991px) { .header-top{padding: 3px 0;} .header-logo{min-height: 64px;height: 64px;} .header-top-center{display: none;} .header-top-right>div{line-height: 22px;} .header .hb-box, .header .item-btns{ line-height: 22px;} .header .hb-box > *, .header .item-btns > *{ font-size: 13px;line-height:22px;height:22px; font-size: 1.3rem;} .header .lang-box{line-height: 22px;font-size: 13px; font-size: 1.3rem;} .m-hdcart{padding: 22px 0;margin-left: 16px;margin-right: 32px;} .m-hdcart .cart-link {line-height: 20px;font-size: 18px;} .m-hdcart .cart-link .iconfont{font-size: 18px;font-size: 1.8rem; } .m-hdlogin{padding: 22px 0;margin-left: 0;} .m-hdlogin .sign-btn{line-height: 20px;font-size: 18px;} .m-hdlogin .sign-btn .iconfont{font-size: 18px;font-size: 1.8rem;} .header .my-box {padding: 20px 0;margin-left: 16px;} .header .my-box .j-nextshow{font-size: 14px;line-height: 22px;} .m-hdsch {display: none;} .m-hdnav, .m-hdmnav {display: none;} } @media screen and (max-width: 768px){ .header-logo { max-width: 50%;} } .pro-item{display: inline-block;vertical-align: top;} .pro-item .item-box{position: relative;width: 100%;background: #F5F5F5;height: 100%;border-radius: 8px;overflow: hidden;} .pro-item .item-pic {position: relative; background: #F5F5F5;font-size: 0;letter-spacing: 0;text-align: center;} .pro-item .item-pic img{width: 100%;max-width: 100%;} .off-tip{position: absolute;right:10px;top:10px;min-width: 50px;font-size: 14px;font-family: BarlowCondensed-SemiBold;color: #135277;background: #F5F5F5;border: 1px solid #135277;border-radius: 4px;text-align: center;line-height: 22px;} .ps-tip{position: absolute;left:10px;top:10px;min-width: 50px;line-height: 22px;font-size: 14px;font-family: BarlowCondensed-SemiBold;color: #135277;background: #F5F5F5;border: 1px solid #135277;border-radius: 4px;text-align: center;} .pro-item .item-body{position: relative;width: 100%;padding: 20px 24px;} .pro-item .item-body .item-title{font-size: 18px;font-family: BarlowCondensed-SemiBold;color: #222222;line-height: 30px;text-transform: uppercase;} .pro-item .item-body .item-title a{color: #222;} .pro-item .item-body .item-price{position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 1px;} .pro-item .item-body .item-price p{font-size: 18px;line-height: 30px;font-size: 18px;color: #002B45;font-family: BarlowCondensed-SemiBold;display: inline-block;vertical-align: top;} .pro-item .item-body .item-price del{color: #999999;} .pro-item .item-backdrop {position: absolute;top: 6px;left: 50%;transform: translateX(-50%); text-align: center;z-index: 9;overflow: hidden;display: block; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; visibility: hidden; opacity: 0; } .pro-item:hover .item-backdrop { visibility: visible; opacity: 1; } .pro-item .item-backdrop .item-linkbox { font-size: 0; letter-spacing: 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s;text-align: center;} .pro-item .item-backdrop .item-linkbox .item-link {display: inline-block;vertical-align: top; position: relative;margin: 0 12px;} .pro-item .item-backdrop .item-linkbox .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; display: inline-block;width: 55px;height: 55px; line-height: 55px;font-size: 24px; font-size: 2.4rem;color: #135277;background: #FFFFFF;border-radius: 50%;text-align: center; } .pro-item .item-backdrop .item-linkbox .iconfont:hover {color: #fff; background: #135277; } .pro-item .item-backdrop .item-linkbox .item-link.active .iconfont{ color: #fff; background: #135277; } .pro-item .item-body .item-lvzs{position: relative;margin-bottom: 12px;} .pro-item .item-body .item-lv{visibility: visible; opacity: 1;transition: all .5s;} .pro-item:hover .item-body .item-lv { visibility: hidden; opacity: 0; } .pro-item.group-ex:hover .item-body .item-lv { visibility: visible; opacity: 1; } .pro-item .item-body .item-lvzs:hover .item-lv {visibility: visible; opacity: 1;} .pro-item .item-body .item-lv .level-icon{font-size: 28px;color: #135277;} .pro-item .item-body .item-lv .level-info{left: 0;right: auto;} .pro-item .item-time{visibility: visible; opacity: 1;transition: all .5s;font-size: 14px;padding-top: 2px;font-family: BarlowCondensed-SemiBold;color: #EF4A1C;line-height: 22px;} .pro-item .item-time>*{display: inline-block;vertical-align: top;} .pro-item:hover .item-time { visibility: hidden; opacity: 0; } .pro-item.group-ex:hover .item-time { visibility: visible; opacity: 1; } .pro-item .item-time span{font-size: 18px;text-transform: uppercase;margin-right: 12px;} .pro-item .j-writetime{font-size: 14px;font-family: BarlowCondensed-SemiBold;color: #EF4A1C;line-height: 22px;} .pro-item .item-body .item-rate {visibility: visible; opacity: 1;transition: all .5s;} .pro-item:hover .item-body .item-rate { visibility: hidden; opacity: 0; } .pro-item.group-ex:hover .item-body .item-rate { visibility: visible; opacity: 1; } .pro-item .item-body .item-rate .layui-rate{padding-top: 8px;padding-bottom: 8px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{color: #135277;font-size: 15px;margin-right: 2px;} .pro-item .item-body .item-rate .rate-text{font-size: 14px;font-size: 1.4rem;color: #999;line-height: 20px;} .pro-item .item-body .item-rate span.rate-text{display: inline-block;vertical-align: middle;} .pro-item .item-progress { font-size: 0; letter-spacing: 0;display: inline-block; vertical-align: top; width: 100%;visibility: visible; opacity: 1;transition: all .5s;margin-bottom: 5px;} .pro-item:hover .item-progress { visibility: hidden; opacity: 0; } .pro-item.group-ex:hover .item-progress { visibility: visible; opacity: 1; } .pro-item .item-progress > * { display: inline-block; vertical-align: middle; } .pro-item .item-progress .progress-line { overflow: hidden;max-width: 80px;height: 6px;width: 70%; margin-right: 10px;background: #F5F5F5;border: 1px solid #135277;border-radius: 3px;position: relative;} .pro-item .item-progress .progress-line span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px;background: #135277; margin: 0;} .pro-item .item-progress .progress-title{font-size: 14px;font-size: 1.4rem;color: #135277;line-height: 24px;font-family: BarlowCondensed-SemiBold;} @media screen and (max-width: 1779px) { .off-tip{right:10px;top:10px;min-width: 50px;font-size: 13px;line-height: 20px;} .ps-tip{left:10px;top:10px;min-width: 50px;line-height: 20px;font-size: 13px;} .pro-item .item-body{padding: 18px 22px;} .pro-item .item-body .item-title{font-size: 18px;line-height: 28px;} .pro-item .item-body .item-price p{font-size: 18px;line-height: 28px;} .pro-item .item-backdrop {top: 6px;left: 50%;transform: translateX(-50%);} .pro-item .item-backdrop .item-linkbox .item-link {margin: 0 8px;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 50px;height: 50px; line-height: 50px;font-size: 22px; font-size: 2.2rem; } .pro-item .item-body .item-lvzs{margin-bottom: 12px;} .pro-item .item-body .item-lv .level-icon{font-size: 26px;} .pro-item .item-time{font-size: 14px;line-height: 22px;} .pro-item .item-time span{font-size: 18px;margin-right: 10px;} .pro-item .j-writetime{font-size: 14px;line-height: 22px;} .pro-item .item-body .item-rate .layui-rate{padding-top: 7px;padding-bottom: 7px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 14px;margin-right: 2px;} .pro-item .item-body .item-rate .rate-text{font-size: 14px;font-size: 1.4rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item .item-progress .progress-title{font-size: 14px;font-size: 1.4rem;line-height: 24px;} } @media screen and (max-width: 1609px) { .off-tip{right:8px;top:8px;min-width: 48px;font-size: 13px;line-height: 20px;} .ps-tip{left:8px;top:8px;min-width: 48px;line-height: 20px;font-size: 13px;} .pro-item .item-body{padding: 16px 20px;} .pro-item .item-body .item-title{font-size: 17px;line-height: 28px;} .pro-item .item-body .item-price p{font-size: 17px;line-height: 28px;} .pro-item .item-backdrop {top: 5px;left: 50%;transform: translateX(-50%);} .pro-item .item-backdrop .item-linkbox .item-link {margin: 0 8px;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 46px;height: 46px; line-height: 46px;font-size: 20px; font-size: 2rem; } .pro-item .item-body .item-lvzs{margin-bottom: 10px;} .pro-item .item-body .item-lv .level-icon{font-size: 24px;} .pro-item .item-time{font-size: 13px;line-height: 20px;} .pro-item .item-time span{font-size: 17px;margin-right: 10px;} .pro-item .j-writetime{font-size: 13px;line-height: 20px;} .pro-item .item-body .item-rate .layui-rate{padding-top: 6px;padding-bottom: 6px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 14px;margin-right: 2px;} .pro-item .item-body .item-rate .rate-text{font-size: 14px;font-size: 1.4rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item .item-progress .progress-title{font-size: 14px;font-size: 1.4rem;line-height: 24px;} } @media screen and (max-width: 1429px) { .off-tip{right:8px;top:8px;min-width: 48px;font-size: 12px;line-height: 20px;} .ps-tip{left:8px;top:8px;min-width: 48px;line-height: 20px;font-size: 12px;} .pro-item .item-body{padding: 14px 16px;} .pro-item .item-body .item-title{font-size: 16px;line-height: 26px;} .pro-item .item-body .item-price p{font-size: 16px;line-height: 26px;} .pro-item .item-backdrop {top: 5px;left: 50%;transform: translateX(-50%);} .pro-item .item-backdrop .item-linkbox .item-link {margin: 0 6px;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 42px;height: 42px; line-height: 42px;font-size: 18px; font-size: 1.8rem; } .pro-item .item-body .item-lvzs{margin-bottom: 10px;} .pro-item .item-body .item-lv .level-icon{font-size: 22px;} .pro-item .item-time{font-size: 12px;line-height: 20px;} .pro-item .item-time span{font-size: 16px;margin-right: 8px;} .pro-item .j-writetime{font-size: 12px;line-height: 20px;} .pro-item .item-body .item-rate .layui-rate{padding-top: 6px;padding-bottom: 6px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 13px;margin-right: 1px;} .pro-item .item-body .item-rate .rate-text{font-size: 13px;font-size: 1.3rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item .item-progress .progress-title{font-size: 13px;font-size: 1.3rem;line-height: 23px;} } @media screen and (max-width: 1259px) { .off-tip{right:8px;top:8px;min-width: 48px;font-size: 12px;line-height: 20px;} .ps-tip{left:8px;top:8px;min-width: 48px;line-height: 20px;font-size: 12px;} .pro-item .item-body{padding: 12px 12px;} .pro-item .item-body .item-title{font-size: 15px;line-height: 26px;} .pro-item .item-body .item-price p{font-size: 15px;line-height: 26px;} .pro-item .item-backdrop {top: 5px;left: 50%;transform: translateX(-50%);} .pro-item .item-backdrop .item-linkbox .item-link {margin: 0 6px;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 38px;height: 38px; line-height: 38px;font-size: 18px; font-size: 1.8rem; } .pro-item .item-body .item-lvzs{margin-bottom: 10px;} .pro-item .item-body .item-lv .level-icon{font-size: 20px;} .pro-item .item-time{font-size: 12px;line-height: 20px;} .pro-item .item-time span{font-size: 15px;margin-right: 8px;} .pro-item .j-writetime{font-size: 12px;line-height: 20px;} .pro-item .item-body .item-rate .layui-rate{padding-top: 6px;padding-bottom: 6px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 12px;margin-right: 1px;} .pro-item .item-body .item-rate .rate-text{font-size: 13px;font-size: 1.3rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item .item-progress .progress-title{font-size: 13px;font-size: 1.3rem;line-height: 23px;} } @media screen and (max-width: 991px) { .off-tip{right:6px;top:6px;min-width: 48px;font-size: 12px;line-height: 20px;} .ps-tip{left:6px;top:6px;min-width: 48px;line-height: 20px;font-size: 12px;} .pro-item .item-body{padding: 10px 8px;} .pro-item .item-body .item-title{font-size: 14px;line-height: 24px;} .pro-item .item-body .item-price p{font-size: 14px;line-height: 24px;} .pro-item .item-backdrop {top: 4px;left: 50%;transform: translateX(-50%);} .pro-item .item-backdrop .item-linkbox .item-link {margin: 0 5px;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 36px;height: 36px; line-height: 36px;font-size: 16px; font-size: 1.6rem; } .pro-item .item-body .item-lvzs{margin-bottom: 10px;} .pro-item .item-body .item-lv .level-icon{font-size: 18px;} .pro-item .item-time{font-size: 12px;line-height: 20px;} .pro-item .item-time span{font-size: 14px;margin-right: 8px;} .pro-item .j-writetime{font-size: 12px;line-height: 20px;} .pro-item .item-body .item-rate .layui-rate{padding-top: 5px;padding-bottom: 5px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 12px;margin-right: 1px;} .pro-item .item-body .item-rate .rate-text{font-size: 13px;font-size: 1.3rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item .item-progress .progress-title{font-size: 13px;font-size: 1.3rem;line-height: 23px;} } @media (max-width: 767px) { .off-tip{right:4px;top:4px;min-width: 48px;font-size: 12px;line-height: 20px;} .ps-tip{left:4px;top:4px;min-width: 48px;line-height: 20px;font-size: 12px;} .pro-item .item-body{padding: 10px 8px;} .pro-item .item-body .item-title{font-size: 14px;line-height: 24px;} .pro-item .item-body .item-price p{font-size: 14px;line-height: 24px;} .pro-item .item-backdrop {top: 0px;right: 6px; left: auto;transform: translate(0, -110%);visibility: visible; opacity: 1; } .pro-item .item-backdrop .item-linkbox .item-link {margin: 0;} .pro-item .item-backdrop .item-linkbox .iconfont {width: 32px;height: 32px;line-height: 32px;font-size: 14px; font-size: 1.4rem;display: none;} .pro-item .item-backdrop .item-linkbox .iconfont.icon-collection4{display: block;} .pro-item .item-body .item-lvzs{margin-bottom: 10px;} .pro-item:hover .item-body .item-lv {visibility: visible; opacity: 1;} .pro-item .item-body .item-lv .level-icon{font-size: 18px;} .pro-item .item-time{font-size: 12px;line-height: 20px;} .pro-item:hover .item-time {visibility: visible; opacity: 1;} .pro-item .item-time span{font-size: 14px;margin-right: 8px;} .pro-item .j-writetime{font-size: 12px;line-height: 20px;} .pro-item:hover .item-body .item-rate {visibility: visible; opacity: 1;} .pro-item .item-body .item-rate .layui-rate{padding-top: 5px;padding-bottom: 5px;} .pro-item .item-body .item-rate .layui-rate li i.layui-icon{font-size: 12px;margin-right: 1px;} .pro-item .item-body .item-rate .rate-text{font-size: 13px;font-size: 1.3rem;line-height: 20px;} .pro-item .item-progress {margin-bottom: 4px;} .pro-item:hover .item-progress {visibility: visible; opacity: 1;} .pro-item .item-progress .progress-title{font-size: 13px;font-size: 1.3rem;line-height: 23px;} } .section{position: relative;width: 100%;} .sec1{position: relative;width: 100%;padding-top: 68px;padding-bottom: 96px;} .sec-title{font-size: 36px;font-family: BarlowCondensed-SemiBold;color: #002B45;line-height: 40px;text-transform: uppercase;} .sec-title a{color: #002B45;} .sec1-tbody{position: relative;font-size: 0;letter-spacing: 0;margin-top: 30px;width: calc(1724px + (100% - 1724px)/2);margin-left: auto;} .swiper-sec1{position: relative;width: 100%;padding-bottom: 30px!important;} .swiper-sec1 .swiper-slide{width: auto;} .sec1-tbody-item{position: relative;width: 100%;} .sec1-tbody-item .item-pic{position: relative;width: 100%;overflow: hidden;} .sec1-tbody-item .item-pic img{display: block;width: 100%;} .sec1-tbody-item .item-body{width: 100%;position: relative;padding-top: 14px;} .sec1-tbody-item .item-body .item-title{position: relative;text-transform: uppercase;font-size: 18px;font-family: BarlowCondensed-SemiBold;color: #002B45;line-height: 30px;} .sec1-tbody-item .item-body .item-title a{color: #002B45;} .sec1-tbody-item .item-body .item-title a:hover{color: #000;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {position: absolute;left: 0;bottom: 10px;z-index: 50;height: 3px;max-width: 100%;width: 200px;} .swiper-sec1>.sec1-pagination{position: absolute;font-size: 18px;left: 228px;bottom: 0;color: #002B45;line-height: 24px;width: auto;min-width: 40px;} .sec1-tbody .swiper-button{top: auto;margin-top: 0;bottom: 0;font-size: 16px;color: #999;line-height: 24px;height: 24px;} .sec1-tbody .swiper-button:hover{color: #002B45;} .sec1-button-next{left: 268px!important;right: unset!important;} .sec1-button-prev{left: 202px!important;right: unset!important;} .sec1 .swiper-button-next, .sec1 .swiper-container-rtl .swiper-button-prev{background-image: unset!important;} .sec1 .swiper-button-prev, .sec1 .swiper-container-rtl .swiper-button-next{background-image: unset!important;} @media (max-width: 1779px) { .sec1{padding-top: 60px;padding-bottom: 84px;} .sec-title{font-size: 32px;line-height: 36px;} .sec1-tbody{margin-top: 28px;width: calc(1550px + (100% - 1550px)/2);} .swiper-sec1{padding-bottom: 30px!important;} .sec1-tbody-item .item-body{padding-top: 12px;} .sec1-tbody-item .item-body .item-title{font-size: 18px;line-height: 30px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 10px;height: 3px;width: 192px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 220px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 16px;line-height: 24px;height: 24px;} .sec1-button-next{left: 264px!important;right: unset!important;} .sec1-button-prev{left: 200px!important;right: unset!important;} } @media (max-width: 1609px) { .sec1{padding-top: 52px;padding-bottom: 72px;} .sec-title{font-size: 28px;line-height: 32px;} .sec1-tbody{margin-top: 26px;width: calc(1370px + (100% - 1370px)/2);} .swiper-sec1{padding-bottom: 28px!important;} .sec1-tbody-item .item-body{padding-top: 10px;} .sec1-tbody-item .item-body .item-title{font-size: 16px;line-height: 28px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 10px;height: 3px;width: 184px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 212px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 14px;line-height: 24px;height: 24px;} .sec1-button-next{left: 260px!important;right: unset!important;} .sec1-button-prev{left: 196px!important;right: unset!important;} } @media (max-width: 1429px) { .sec1{padding-top: 44px;padding-bottom: 60px;} .sec-title{font-size: 24px;line-height: 30px;} .sec1-tbody{margin-top: 24px;width: calc(1200px + (100% - 1200px)/2);} .swiper-sec1{padding-bottom: 28px!important;} .sec1-tbody-item .item-body{padding-top: 10px;} .sec1-tbody-item .item-body .item-title{font-size: 16px;line-height: 28px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 10px;height: 3px;width: 184px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 210px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 14px;line-height: 24px;height: 24px;} .sec1-button-next{left: 260px!important;right: unset!important;} .sec1-button-prev{left: 196px!important;right: unset!important;} } @media (max-width: 1259px) { .sec1{padding-top: 36px;padding-bottom: 48px;} .sec-title{font-size: 20px;line-height: 26px;} .sec1-tbody{margin-top: 22px;width: calc(950px + (100% - 950px)/2);} .swiper-sec1{padding-bottom: 28px!important;} .sec1-tbody-item .item-body{padding-top: 10px;} .sec1-tbody-item .item-body .item-title{font-size: 15px;line-height: 26px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 10px;height: 3px;width: 184px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 210px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 14px;line-height: 24px;height: 24px;} .sec1-button-next{left: 256px!important;right: unset!important;} .sec1-button-prev{left: 194px!important;right: unset!important;} } @media (max-width: 991px) { .sec1{padding-top: 28px;padding-bottom: 36px;} .sec-title{font-size: 18px;line-height: 24px;} .sec1-tbody{margin-top: 20px;width: calc(720px + (100% - 720px)/2);} .swiper-sec1{padding-bottom: 28px!important;} .sec1-tbody-item .item-body{padding-top: 8px;} .sec1-tbody-item .item-body .item-title{font-size: 14px;line-height: 24px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 8px;height: 3px;width: 180px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 210px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 14px;line-height: 24px;height: 24px;} .sec1-button-next{left: 256px!important;right: unset!important;} .sec1-button-prev{left: 194px!important;right: unset!important;} } @media (max-width: 767px) { .sec1{padding-top: 20px;padding-bottom: 24px;} .sec-title{font-size: 18px;line-height: 24px;} .sec1-tbody{margin-top: 20px;width: 100%;padding: 0 15px;} .swiper-sec1{padding-bottom: 28px!important;} .sec1-tbody-item .item-body{padding-top: 8px;} .sec1-tbody-item .item-body .item-title{font-size: 14px;line-height: 24px;} .swiper-sec1.swiper-container-horizontal .swiper-scrollbar {bottom: 8px;height: 3px;width: 180px;} .swiper-sec1>.sec1-pagination{font-size: 16px;left: 210px;line-height: 24px;} .sec1-tbody .swiper-button{font-size: 14px;line-height: 24px;height: 24px;} .sec1-button-next{left: 256px!important;right: unset!important;} .sec1-button-prev{left: 194px!important;right: unset!important;} } .sec2{position: relative;width: 100%;font-size: 0;letter-spacing: 0;} .sec2-tbody{position: relative;padding-bottom: 35.625%;width: 100%;background: #000;} .sec2-tbody-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;} .sec2-tbody-img .item-pic{position: relative;width: 100%;text-align: center;} .sec2-tbody-img .item-pic img{width: 100%;} .sec2-tbody-info{position: absolute;left: 0;right: 0;bottom: 21.93%;} .sec2-tbody-box{width: 100%;position: relative;} .sec2-tbody-title{font-size: 86px;font-family: BarlowCondensed-SemiBold;color: #FFFFFF;line-height: 92px;text-transform: uppercase;} .sec2-tbody-text{font-size: 18px;font-family: BarlowCondensed-SemiBold;font-weight: 600;color: #FFFFFF;line-height: 30px;margin-top: 8px;} .sec2-tbody-title a{color: #FFFFFF;display: block;} .sec2-tbody-text a{color: #fff;display: block;} .sec2-tbody-title a:hover, .sec2-tbody-text a:hover{color: #ddd;} .sec2-tbody-title span:hover, .sec2-tbody-text span:hover{color: #ddd;} .sec2-tbody-btn{position: relative;margin-top: 8px;} .sec-tbody-btn a{display: inline-block;vertical-align: top;text-align: center; min-width: 198px;border-radius: 8px;line-height: 31px;padding: 10px 15px;font-size: 18px;font-family: BarlowCondensed-SemiBold;background: #FFFFFF;border: 1px solid #fff;color: #002B45;} .sec-tbody-btn span{display: inline-block;vertical-align: top;text-align: center; min-width: 198px;border-radius: 8px;line-height: 31px;padding: 10px 15px;font-size: 18px;font-family: BarlowCondensed-SemiBold;background: #FFFFFF;border: 1px solid #fff;color: #002B45;} .sec-tbody-btn a:hover{color: #fff;background: #002B45;} .sec-tbody-btn span:hover{color: #fff;background: #002B45;} @media (max-width: 1779px) { .sec2-tbody-info{bottom: 20%;} .sec2-tbody-title{font-size: 74px;line-height: 86px;} .sec2-tbody-text{font-size: 18px;line-height: 30px;margin-top: 8px;} .sec2-tbody-btn{margin-top: 8px;} .sec-tbody-btn a{min-width: 186px;border-radius: 8px;line-height: 30px;padding: 9px 15px;font-size: 18px;} .sec-tbody-btn span{min-width: 186px;border-radius: 8px;line-height: 30px;padding: 9px 15px;font-size: 18px;} } @media (max-width: 1609px) { .sec2-tbody-info{bottom: 18%;} .sec2-tbody-title{font-size: 62px;line-height: 74px;} .sec2-tbody-text{font-size: 17px;line-height: 28px;margin-top: 8px;} .sec2-tbody-btn{margin-top: 8px;} .sec-tbody-btn a{min-width: 174px;border-radius: 7px;line-height: 30px;padding: 8px 14px;font-size: 17px;} .sec-tbody-btn span{min-width: 174px;border-radius: 7px;line-height: 30px;padding: 8px 14px;font-size: 17px;} } @media (max-width: 1429px) { .sec2-tbody-info{bottom: 16%;} .sec2-tbody-title{font-size: 50px;line-height: 62px;} .sec2-tbody-text{font-size: 16px;line-height: 26px;margin-top: 6px;} .sec2-tbody-btn{margin-top: 6px;} .sec-tbody-btn a{min-width: 162px;border-radius: 6px;line-height: 28px;padding: 7px 12px;font-size: 16px;} .sec-tbody-btn span{min-width: 162px;border-radius: 6px;line-height: 28px;padding: 7px 12px;font-size: 16px;} } @media (max-width: 1259px) { .sec2-tbody-info{bottom: 16%;} .sec2-tbody-title{font-size: 38px;line-height: 50px;} .sec2-tbody-text{font-size: 16px;line-height: 26px;margin-top: 6px;} .sec2-tbody-btn{margin-top: 6px;} .sec-tbody-btn a{min-width: 150px;border-radius: 6px;line-height: 26px;padding: 6px 12px;font-size: 16px;} .sec-tbody-btn span{min-width: 150px;border-radius: 6px;line-height: 26px;padding: 6px 12px;font-size: 16px;} } @media (max-width: 991px) { .sec2-tbody-info{bottom: 14%;} .sec2-tbody-title{font-size: 26px;line-height: 38px;} .sec2-tbody-text{font-size: 15px;line-height: 26px;margin-top: 6px;} .sec2-tbody-btn{margin-top: 6px;} .sec-tbody-btn a{min-width: 150px;border-radius: 6px;line-height: 26px;padding: 5px 10px;font-size: 15px;} .sec-tbody-btn span{min-width: 150px;border-radius: 6px;line-height: 26px;padding: 5px 10px;font-size: 15px;} } @media (max-width: 767px) { .sec2-tbody-info{bottom: 10%;} .sec2-tbody-title{font-size: 20px;line-height: 32px;} .sec2-tbody-text{font-size: 14px;line-height: 24px;margin-top: 6px;} .sec2-tbody-btn{margin-top: 6px;} .sec-tbody-btn a{min-width: 140px;border-radius: 6px;line-height: 24px;padding: 5px 10px;font-size: 14px;} .sec-tbody-btn span{min-width: 140px;border-radius: 6px;line-height: 24px;padding: 5px 10px;font-size: 14px;} } @media (max-width: 560px) { .sec2-tbody{padding-bottom: 0;} .sec2-tbody-img{position: relative;height: auto;} .sec2-tbody-info{bottom: 0;position: relative;padding: 10px 0;} .sec2-tbody-title{font-size: 18px;line-height: 28px;} .sec2-tbody-text{font-size: 14px;line-height: 22px;margin-top: 6px;} .sec2-tbody-btn{margin-top: 6px;} .sec-tbody-btn a{min-width: 128px;border-radius: 6px;line-height: 24px;padding: 4px 10px;font-size: 14px;} .sec-tbody-btn span{min-width: 128px;border-radius: 6px;line-height: 24px;padding: 4px 10px;font-size: 14px;} } .sec3{position: relative;width: 100%;padding-top: 103px; padding-bottom: 76px;} .label .sec3:first-child { padding-top: 103px; } .label .sec3:last-child { padding-bottom: 76px; } .label .sec3:not(:first-child) { padding-top: 50px; } .sec3-tbody{position: relative;width: 100%;margin-top: 30px;} .sec3-tbody-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -8px;margin-right: -8px;padding-bottom: 75px;display: flex;flex-wrap: wrap;justify-content: center} .sec3-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 20%;padding: 0 8px;margin-bottom: 20px;align-items: end; display: flex;} .pro-item .item-box{height: unset} .sec-btn a{display: inline-block;vertical-align: top;text-align: center; min-width: 160px;line-height: 32px;border-radius: 8px;padding: 8px 15px;font-size: 18px;font-family: BarlowCondensed-SemiBold;color: #002B45;background: #FFFFFF;border: 1px solid #002B45;} .sec-btn a:hover{color: #fff;background: #002B45;} @media (max-width: 1779px) { .sec3{padding-top: 92px;padding-bottom: 64px;} .sec3-tbody{margin-top: 30px;} .sec3-tbody-list{margin-left: -6px;margin-right: -6px;padding-bottom: 68px;} .sec3-tbody-item{width: 20%;padding: 0 6px;margin-bottom: 20px;} .sec-btn a{min-width: 152px;line-height: 30px;border-radius: 8px;padding: 7px 14px;font-size: 18px;} } @media (max-width: 1609px) { .sec3{padding-top: 80px;padding-bottom: 56px;} .sec3-tbody{margin-top: 28px;} .sec3-tbody-list{margin-left: -5px;margin-right: -5px;padding-bottom: 60px;} .sec3-tbody-item{width: 20%;padding: 0 5px;margin-bottom: 18px;} .sec-btn a{min-width: 144px;line-height: 28px;border-radius: 7px;padding: 6px 12px;font-size: 17px;} } @media (max-width: 1429px) { .sec3{padding-top: 68px;padding-bottom: 48px;} .sec3-tbody{margin-top: 26px;} .sec3-tbody-list{margin-left: -8px;margin-right: -8px;padding-bottom: 52px;} .sec3-tbody-item{width: 25%;padding: 0 8px;margin-bottom: 18px;} .sec-btn a{min-width: 136px;line-height: 26px;border-radius: 7px;padding: 5px 10px;font-size: 16px;} } @media (max-width: 1259px) { .sec3{padding-top: 56px;padding-bottom: 40px;} .sec3-tbody{margin-top: 24px;} .sec3-tbody-list{margin-left: -6px;margin-right: -6px;padding-bottom: 44px;} .sec3-tbody-item{width: 25%;padding: 0 5px;margin-bottom: 16px;} .sec-btn a{min-width: 124px;line-height: 24px;border-radius: 6px;padding: 5px 10px;font-size: 16px;} } @media (max-width: 991px) { .sec3{padding-top: 44px;padding-bottom: 32px;} .sec3-tbody{margin-top: 22px;} .sec3-tbody-list{margin-left: -10px;margin-right: -10px;padding-bottom: 36px;} .sec3-tbody-item{width: 33.333333333333333%;padding: 0 10px;margin-bottom: 16px;} .sec-btn a{min-width: 124px;line-height: 24px;border-radius: 6px;padding: 4px 10px;font-size: 14px;} } @media (max-width: 767px) { .sec3{padding-top: 32px;padding-bottom: 20px;} .sec3-tbody{margin-top: 20px;} .sec3-tbody-list{margin-left: -6px;margin-right: -6px;padding-bottom: 28px;} .sec3-tbody-item{width: 33.333333333333333%;padding: 0 5px;margin-bottom: 16px;} .sec-btn a{min-width: 124px;line-height: 24px;border-radius: 6px;padding: 4px 10px;font-size: 14px;} } @media (max-width: 620px) { .sec3{padding-top: 26px;padding-bottom: 20px;} .sec3-tbody{margin-top: 20px;} .sec3-tbody-list{margin-left: -6px;margin-right: -6px;padding-bottom: 28px;} .sec3-tbody-item{width: 50%;padding: 0 5px;margin-bottom: 16px;} .sec-btn a{min-width: 124px;line-height: 24px;border-radius: 6px;padding: 4px 10px;font-size: 14px;} } .sec4{position: relative;width: 100%;font-size: 0;letter-spacing: 0;} .sec4-tbody{position: relative;padding-bottom: 33.33333333333%;width: 100%;background: #000;} .sec4-tbody-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;} .sec4-tbody-img .item-pic{position: relative;width: 100%;text-align: center;} .sec4-tbody-img .item-pics{position: relative;width: 50%;text-align: center;} .sec4-tbody-img .item-pic img{width: 100%;} .sec4-tbody-info{position: absolute;left: 0;bottom: 10%;width: 50%;} .sec4-tbody-box{position: relative;max-width: 770px;margin: 0 auto;padding: 0 15px;} .sec4-tbody-title{font-size: 48px;font-family: BarlowCondensed-SemiBold;color: #FFFFFF;line-height: 56px;text-transform: uppercase;} .sec4-tbody-title a{color: #fff;} .sec4-tbody-title a:hover,.sec4-tbody-title span:hover{color: #ddd;} @media (max-width: 1779px) { .sec4-tbody-img .item-pics{width: 50%;} .sec4-tbody-info{bottom: 10%;width: 50%;} .sec4-tbody-title{font-size: 42px;line-height: 50px;} } @media (max-width: 1609px) { .sec4-tbody-img .item-pics{width: 50%;} .sec4-tbody-info{bottom: 9%;width: 50%;} .sec4-tbody-title{font-size: 36px;line-height: 44px;} } @media (max-width: 1429px) { .sec4-tbody-img .item-pics{width: 50%;} .sec4-tbody-info{bottom: 8%;width: 50%;} .sec4-tbody-title{font-size: 32px;line-height: 40px;} } @media (max-width: 1259px) { .sec4-tbody-img .item-pics{width: 50%;} .sec4-tbody-info{bottom: 7%;width: 50%;} .sec4-tbody-title{font-size: 28px;line-height: 36px;} } @media (max-width: 991px) { .sec4-tbody-img .item-pics{width: 50%;} .sec4-tbody-info{bottom: 6%;width: 50%;} .sec4-tbody-title{font-size: 24px;line-height: 32px;} } @media (max-width: 767px) { .sec4-tbody{position: relative;padding-bottom:0;width: 100%;background: #000;} .sec4-tbody-img{position: relative;height: auto;flex-wrap: wrap;} .sec4-tbody-img .item-pics{width: 100%;} .sec4-tbody-info{bottom: 0;width: 100%;position: relative;padding: 10px 0;} .sec4-tbody-title{font-size: 20px;line-height: 28px;} } @media (max-width: 560px) {.sec4-tbody-title{font-size: 18px;line-height: 28px;}} .sec5{position: relative;width: 100%;font-size: 0;letter-spacing: 0;} .sec5-tbody{position: relative;padding-bottom: 35.625%;width: 100%;background: #000;} .sec5-tbody-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;} .sec5-tbody-img .item-pic{position: relative;width: 100%;text-align: center;} .sec5-tbody-img .item-pic img{width: 100%;} .sec5-tbody-info{position: absolute;left: 0;right: 0;bottom: 21.5%;} .sec5-tbody-box{width: 100%;position: relative;} @media (max-width: 1779px) {.sec5-tbody-info{bottom: 20%;}} @media (max-width: 1609px) {.sec5-tbody-info{bottom: 18%;}} @media (max-width: 1429px) {.sec5-tbody-info{bottom: 16%;}} @media (max-width: 1259px) {.sec5-tbody-info{bottom: 16%;}} @media (max-width: 991px) {.sec5-tbody-info{bottom: 14%;}} @media (max-width: 767px) {.sec5-tbody-info{bottom: 10%;}} @media (max-width: 560px) {.sec5-tbody{padding-bottom: 0;}.sec5-tbody-img{position: relative;height: auto;}.sec5-tbody-info{bottom: 0;position: relative;padding: 10px 0;}} .sec6{position: relative;width: 100%;padding-top: 56px;} .sec6-tbody{position: relative;width: 100%;font-size: 0;letter-spacing: 0;} .sec6-tbody-item{position: relative;width: 100%;} .sec6-tbody-item .item-videobox {width: 100%;position: relative;z-index: 88;} .sec6-tbody-item .item-videobox .item-video {position: relative;overflow: hidden;padding-bottom: 35.625%;height: 0;} .sec6-tbody-item .item-videobox .item-video iframe, .sec6-tbody-item .item-videobox .item-video video, .sec6-tbody-item .item-videobox .item-video img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .sec7{position: relative;width: 100%;padding: 88px 0 139px;} .sec7-body{position: relative;width: 100%;font-size: 0;letter-spacing: 0;margin-top: 52px;} .sec7-body-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -8px;margin-right: -8px;padding-bottom: 28px;} .sec7-body-item{position: relative;display: inline-block;vertical-align: top;width: 33.3333333333%;padding: 0 8px;margin-bottom: 20px;} .sec7-body-item .item-box{position: relative;width: 100%;} .sec7-body-item .item-box .item-pic{position: relative;width: 100%;text-align: center;z-index: 8;} .sec7-body-item .item-box .item-pic a{display: block;position: relative;} .sec7-body-item .item-box .item-pic img{width: 100%;} .sec7-body-item .item-body{position: relative;width: 100%;padding-top: 14px;} .sec7-body-item .item-body .item-date{font-size: 14px;font-family: BarlowCondensed-SemiBold;text-transform: uppercase;color: #002B45;line-height: 30px;margin-bottom: 2px;} .sec7-body-item .item-body .item-title{font-size: 24px;font-family: BarlowCondensed-SemiBold;text-transform: uppercase;color: #002B45;line-height: 36px;} .sec7-body-item .item-body .item-title a{color: #002B45;} .sec7-body-item .item-body .item-desc{font-size: 14px;margin-top: 8px;line-height: 20px;color: #555555;} .sec7-body-item .item-body .item-desc a{color: #555;} @media(max-width: 1779px) { .sec6{padding-top: 50px;} .sec7{padding: 76px 0 125px;} .sec7-body{margin-top: 48px;} .sec7-body-list{margin-left: -6px;margin-right: -6px;padding-bottom: 26px;} .sec7-body-item{width: 33.3333333333%;padding: 0 6px;margin-bottom: 20px;} .sec7-body-item .item-body{padding-top: 12px;} .sec7-body-item .item-body .item-date{font-size: 14px;line-height: 28px;} .sec7-body-item .item-body .item-title{font-size: 22px;line-height: 32px;} .sec7-body-item .item-body .item-desc{font-size: 14px;margin-top: 8px;line-height: 20px;} } @media(max-width: 1609px) { .sec6{padding-top: 44px;} .sec7{padding: 64px 0 110px;} .sec7-body{margin-top: 42px;} .sec7-body-list{margin-left: -5px;margin-right: -5px;padding-bottom: 24px;} .sec7-body-item{width: 33.3333333333%;padding: 0 5px;margin-bottom: 18px;} .sec7-body-item .item-body{padding-top: 12px;} .sec7-body-item .item-body .item-date{font-size: 14px;line-height: 26px;} .sec7-body-item .item-body .item-title{font-size: 20px;line-height: 30px;} .sec7-body-item .item-body .item-desc{font-size: 14px;margin-top: 6px;line-height: 20px;} } @media(max-width: 1429px) { .sec6{padding-top: 38px;} .sec7{padding: 52px 0 96px;} .sec7-body{margin-top: 36px;} .sec7-body-list{margin-left: -5px;margin-right: -5px;padding-bottom: 20px;} .sec7-body-item{width: 33.3333333333%;padding: 0 5px;margin-bottom: 18px;} .sec7-body-item .item-body{padding-top: 12px;} .sec7-body-item .item-body .item-date{font-size: 13px;line-height: 24px;} .sec7-body-item .item-body .item-title{font-size: 18px;line-height: 28px;} .sec7-body-item .item-body .item-desc{font-size: 13px;margin-top: 6px;line-height: 19px;} } @media(max-width: 1259px) { .sec6{padding-top: 32px;} .sec7{padding: 40px 0 80px;} .sec7-body{margin-top: 30px;} .sec7-body-list{margin-left: -4px;margin-right: -4px;padding-bottom: 20px;} .sec7-body-item{width: 33.3333333333%;padding: 0 4px;margin-bottom: 16px;} .sec7-body-item .item-body{padding-top: 12px;} .sec7-body-item .item-body .item-date{font-size: 12px;line-height: 24px;} .sec7-body-item .item-body .item-title{font-size: 16px;line-height: 26px;} .sec7-body-item .item-body .item-desc{font-size: 12px;margin-top: 6px;line-height: 18px;} } @media (max-width: 991px) { .sec6{padding-top: 26px;} .sec7{padding: 30px 0 65px;} .sec7-body{margin-top: 24px;} .sec7-body-list{margin-left: -10px;margin-right: -10px;padding-bottom: 20px;} .sec7-body-item{width: 50%;padding: 0 10px;margin-bottom: 16px;} .sec7-body-item .item-body{padding-top: 12px;} .sec7-body-item .item-body .item-date{font-size: 12px;line-height: 24px;} .sec7-body-item .item-body .item-title{font-size: 16px;line-height: 26px;} .sec7-body-item .item-body .item-desc{font-size: 12px;margin-top: 6px;line-height: 18px;} } @media (max-width: 750px) { .sec6{padding-top: 20px;} .sec7{padding: 24px 0 48px;} .sec7-body{margin-top: 20px;} .sec7-body-list{margin-left: -6px;margin-right: -6px;padding-bottom: 20px;} .sec7-body-item{width: 50%;padding: 0 6px;margin-bottom: 16px;} .sec7-body-item .item-body{padding-top: 10px;} .sec7-body-item .item-body .item-date{font-size: 12px;line-height: 24px;} .sec7-body-item .item-body .item-title{font-size: 16px;line-height: 26px;} .sec7-body-item .item-body .item-desc{font-size: 12px;margin-top: 6px;line-height: 18px;} } @media (max-width: 450px) { .sec6{padding-top: 20px;} .sec7{padding: 20px 0 36px;} .sec7-body{margin-top: 20px;} .sec7-body-list{margin-left: -4px;margin-right: -4px;padding-bottom: 20px;} .sec7-body-item{width: 100%;padding: 0 4px;margin-bottom: 16px;} .sec7-body-item .item-body{padding-top: 10px;} .sec7-body-item .item-body .item-date{font-size: 12px;line-height: 24px;} .sec7-body-item .item-body .item-title{font-size: 16px;line-height: 26px;} .sec7-body-item .item-body .item-desc{font-size: 12px;margin-top: 6px;line-height: 18px;} } .index-letter { background: #171717; padding: 38px 0 40px; margin-bottom: -1px; position: relative; } @media screen and (max-width: 1669px) { .index-letter { padding: 36px 0 38px; } } @media screen and (max-width: 1469px) { .index-letter { padding: 32px 0 34px; } } @media screen and (max-width: 1259px) { .index-letter { padding: 30px 0 32px; } } @media screen and (max-width: 991px) { .index-letter { padding: 28px 0; } } @media screen and (max-width: 767px) { .index-letter { padding: 24px 0; } } .index-letter .item-form ::-webkit-input-placeholder { color: #6C6C6C; opacity: 1; } .index-letter .item-form :-o-placeholder { color: #6C6C6C; opacity: 1; } .index-letter .item-form ::-moz-placeholder { color: #6C6C6C; opacity: 1; } .index-letter .item-form :-ms-input-placeholder { color: #6C6C6C; opacity: 1; } .index-letter-icon{position: relative;width: 100%;margin-bottom: 18px;} .index-letter-icon .iconfont{position: relative;font-size: 30px;color: #999;} .index-letter-icon .iconfont::after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);content: "";width: 9px;height: 9px;border-radius: 50%;background: #135277;} .index-letter-title{font-size: 20px;position: relative;font-family: CoreSansD57CnBold;text-transform: uppercase;color: #FFFEFE;line-height: 30px;} .index-letter .item-form { overflow: hidden; position: relative; width: 100%; max-width: 693px;text-align: left;margin: 22px auto 0;display: block;padding-right: 127px;} .index-letter .item-form div{border: 1px solid #6C6C6C;} .index-letter .item-form .item-input { display: block; width: 100%; height: 46px; line-height: 46px;padding: 0 24px; color: #fff;font-size: 16px; font-size: 1.6rem; } .index-letter .item-form .item-submit { cursor: pointer; width: 127px; height: 48px; line-height:48px;text-align: center; background: #135277;top: 0; right: 0; position: absolute;font-family: CoreSansD57CnBold;text-transform: uppercase;color: #000000;font-size: 20px; font-size: 2rem; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .index-letter .item-form .item-submit:hover { background-color: #fff; } .index-letter .item-form .error { color: #FF0000; } @media screen and (max-width: 1469px){ .index-letter-icon{margin-bottom: 16px;} .index-letter-icon .iconfont{font-size: 30px;} .index-letter-icon .iconfont::after{width: 9px;height: 9px;} .index-letter-title{font-size: 20px;line-height: 30px;} .index-letter .item-form {margin-top: 20px;padding-right: 124px;} .index-letter .item-form .item-input {height: 42px; line-height: 42px;padding: 0 20px;font-size: 16px; font-size: 1.6rem; } .index-letter .item-form .item-submit {width: 124px; height: 44px; line-height:44px;font-size: 20px; font-size: 2rem;} } @media screen and (max-width: 1259px){ .index-letter-icon{margin-bottom: 12px;} .index-letter-icon .iconfont{font-size: 28px;} .index-letter-icon .iconfont::after{width: 8px;height: 8px;} .index-letter-title{font-size: 20px;line-height: 30px;} .index-letter .item-form {margin-top: 16px;padding-right: 116px;} .index-letter .item-form .item-input {height: 38px; line-height: 38px;padding: 0 16px;font-size: 15px; font-size: 1.5rem; } .index-letter .item-form .item-submit {width: 116px; height: 40px; line-height:40px;font-size: 18px; font-size: 1.8rem;} } @media screen and (max-width: 991px) { .index-letter-icon{margin-bottom: 10px;} .index-letter-icon .iconfont{font-size: 26px;} .index-letter-icon .iconfont::after{width: 8px;height: 8px;} .index-letter-title{font-size: 18px;line-height: 28px;} .index-letter .item-form {margin-top: 14px;padding-right: 112px;} .index-letter .item-form .item-input {height: 36px; line-height: 36px;padding: 0 14px;font-size: 14px; font-size: 1.4rem; } .index-letter .item-form .item-submit {width: 112px; height: 38px; line-height:38px;font-size: 18px; font-size: 1.8rem;} } @media screen and (max-width: 767px) { .index-letter-icon{margin-bottom: 10px;} .index-letter-icon .iconfont{font-size: 24px;} .index-letter-icon .iconfont::after{width: 6px;height: 6px;} .index-letter-title{font-size: 18px;line-height: 28px;} .index-letter .item-form {margin-top: 12px;padding-right: 100px;} .index-letter .item-form .item-input {height: 34px; line-height: 34px;padding: 0 14px;font-size: 14px; font-size: 1.4rem; } .index-letter .item-form .item-submit {width: 100px; height: 36px; line-height:36px;font-size: 16px; font-size: 1.6rem;} } @media screen and (max-width: 480px) { .index-letter-icon{margin-bottom: 8px;} .index-letter-icon .iconfont{font-size: 24px;} .index-letter-icon .iconfont::after{width: 6px;height: 6px;} .index-letter-title{font-size: 18px;line-height: 28px;} .index-letter .item-form {margin-top: 10px;padding-right: 100px;} .index-letter .item-form .item-input {height: 34px; line-height: 34px;padding: 0 14px;font-size: 14px; font-size: 1.4rem; } .index-letter .item-form .item-submit {width: 100px; height: 36px; line-height:36px;font-size: 16px; font-size: 1.6rem;} } .nfooter {background: #002B45;position: relative;width: 100%;} .nfooter, .nfooter a { color: #DFDDD6; } .nfooter .footer-title{color: #DFDDD6;} .nfooter a:hover { color: #fff; } @media screen and (max-width: 767px) { .nfooter { padding-bottom: 60px; } } .nfooter .list3 .flist { width: 33.33%; } .nfooter .list4 .flist { width: 25%; } .nfooter .list5 .flist { width: 20%; } @media screen and (max-width: 1259px) { .nfooter .list5 .flist { width: 33.33%; } } .nfooter .f-top { font-size: 0; letter-spacing: 0; padding: 72px 0 96px; } @media screen and (max-width: 1779px) { .nfooter .f-top { padding: 62px 0 84px; } } @media screen and (max-width: 1609px) { .nfooter .f-top { padding: 52px 0 72px; } } @media screen and (max-width: 1439px) { .nfooter .f-top { padding: 42px 0 60px; } } @media screen and (max-width: 1259px) { .nfooter .f-top { padding: 32px 0 48px; } } @media screen and (max-width: 991px) { .nfooter .f-top { padding: 24px 0 36px; } } @media screen and (max-width: 580px) { .nfooter .f-top { padding: 16px 0 24px; } } .nfooter .f-top .flist {display: inline-block;vertical-align: top;padding-right: 20px;margin-bottom: 10px; } @media screen and (max-width: 991px) { .nfooter .f-top .flist { width: 100% !important; margin-left: 0 !important; margin-bottom: 15px; padding-right: 0; } .nfooter .f-top .flist .flist-body { margin-top: 10px; display: none; } .nfooter .f-top .flist:last-child { margin-bottom: 0; } } .nfooter .f-top .footer-title { margin-bottom: 14px; font-size: 24px; font-size: 2.4rem; line-height: 32px;text-transform: uppercase; position: relative;font-family: BarlowCondensed-SemiBold; } .nfooter .f-top .footer-title.j-nextshow { display: none; } .nfooter .f-top .footer-title.j-nextshow:before { font-family: "iconfont" !important; font-size: 14px; font-size: 1.4rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 0; content: '\e608'; } @media screen and (max-width: 1609px) { .nfooter .f-top .footer-title { margin-bottom: 12px; font-size: 22px; font-size: 2.2rem; line-height: 30px; } } @media screen and (max-width: 1439px) { .nfooter .f-top .footer-title { margin-bottom: 10px; font-size: 20px; font-size: 2rem; line-height: 28px; } } @media screen and (max-width: 1259px) { .nfooter .f-top .footer-title { margin-bottom: 8px; font-size: 18px; font-size: 1.8rem; line-height: 26px; } } @media screen and (max-width: 991px) { .nfooter .f-top .footer-title { margin-bottom: 0; font-size: 16px; font-size: 1.6rem; padding-right: 20px; display: none; }.nfooter .f-top .footer-title.j-nextshow { display: block; } } .nfooter .f-top .box-list li { font-size: 14px; font-size: 1.4rem; line-height:28px; padding: 4px 0;font-family: Poppins-Light;} .nfooter .fo-aboutext{font-size: 14px; font-size: 1.4rem; line-height:24px;margin-top: 8px;font-family: Poppins-Light;} .nfooter .f-top .foot-titles{position: relative;font-size: 30px;color: #DFDDD6;line-height: 42px;font-family: BarlowCondensed-SemiBold;} /* .nfooter .f-top .flist-list li{position: relative;} .nfooter .f-top .flist-list li .iconfont{position: absolute;left: 0;top: 0;} */ @media screen and (max-width: 1779px) { .nfooter .f-top .box-list li { font-size: 14px; font-size: 1.4rem; line-height:26px; padding: 4px 0;} .nfooter .fo-aboutext{font-size: 14px; font-size: 1.4rem; line-height:18px;margin-top: 7px;} .nfooter .f-top .foot-titles{font-size: 26px;line-height: 36px;} } @media screen and (max-width: 1609px) { .nfooter .f-top .box-list li { font-size: 14px; font-size: 1.4rem; line-height:24px; padding: 4px 0;} .nfooter .fo-aboutext{font-size: 14px; font-size: 1.4rem; line-height:18px;margin-top: 6px;} .nfooter .f-top .foot-titles{font-size: 22px;line-height: 32px;} } @media screen and (max-width: 1439px) { .nfooter .f-top .box-list li { font-size: 14px; font-size: 1.4rem; line-height:24px; padding: 4px 0;} .nfooter .fo-aboutext{font-size: 14px; font-size: 1.4rem; line-height:18px;margin-top: 3px;} .nfooter .f-top .foot-titles{font-size: 20px;line-height: 30px;} } @media screen and (max-width: 1259px) { .nfooter .f-top .box-list li { font-size: 13px; font-size: 1.3rem; line-height:23px; padding: 3px 0;} .nfooter .fo-aboutext{font-size: 13px; font-size: 1.3rem; line-height:18px;margin-top: 2px;} .nfooter .f-top .foot-titles{font-size: 18px;line-height: 28px;} } .nfooter .f-follow {font-size: 0; letter-spacing: 0;padding-top: 0px;padding-top: 25px; } .nfooter .f-follow a { display: inline-block; vertical-align: top; margin-right: 18px; margin-bottom: 10px; position: relative; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .nfooter .f-follow a:last-child { margin-right: 0 !important; } .nfooter .f-follow a:hover { margin-top: -5px; padding-bottom: 5px; } .nfooter .f-follow .iconfont {width: 30px;height: 30px;line-height: 30px; border-radius: 50%;text-align: center; font-size: 21px; font-size: 2.1rem; position: relative;display: block;color: #fff;} @media screen and (max-width: 1439px) {.nfooter .f-follow {padding-bottom: 10px;}.nfooter .f-follow a {margin-right: 14px;} .nfooter .f-follow .iconfont { width: 28px;height: 28px;line-height: 28px;font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 1259px) {.nfooter .f-follow {padding-bottom: 5px;}.nfooter .f-follow a {margin-right: 10px;} .nfooter .f-follow .iconfont { width: 26px;height: 26px;line-height: 26px;font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 991px) {.nfooter .f-follow {padding-bottom: 0px;}.nfooter .f-follow a {margin-right: 6px;} .nfooter .f-follow .iconfont { width: 24px;height: 24px;line-height: 24px;font-size: 16px; font-size: 1.6rem; } } /* .nfooter .f-follow .icon-vk { color: #00ACED;border-color: #00ACED; } .nfooter .f-follow .icon-facebook { color: #3B5999;border-color: #3B5999; } .nfooter .f-follow .icon-twitter { color: #1C96E9;border-color: #1C96E9; } .nfooter .f-follow .icon-linkedin { color: #0A66C2;border-color: #0A66C2; } .nfooter .f-follow .icon-pinterest { color: #E60023;border-color: #E60023; } .nfooter .f-follow .icon-instagram { color: #CC2366;border-color: #CC2366; } .nfooter .f-follow .icon-youtube { color: #FF0000;border-color: #FF0000; } */ .nfooter .f-top .foot-logo { margin-top: 34px; display: inline-block; } .nfooter .f-top .foot-logo img { display: block; } @media screen and (max-width: 1629px) { .nfooter .f-top .f-logo { margin-top: 30px; } } @media screen and (max-width: 1439px) { .nfooter .f-top .f-logo { margin-top: 26px; } } @media screen and (max-width: 1259px) { .nfooter .f-top .f-logo { margin-top: 22px; } } @media screen and (max-width: 991px) { .nfooter .f-top .f-logo { margin-top: 18px; } } .nfooter .item-form ::-webkit-input-placeholder { color: #DFDDD6; opacity: 1; } /* WebKit browsers */ .nfooter .item-form :-o-placeholder { color: #DFDDD6; opacity: 1; } /* Mozilla Firefox 4 to 18 */ .nfooter .item-form ::-moz-placeholder { color: #DFDDD6; opacity: 1; } /* Mozilla Firefox 19+ */ .nfooter .item-form :-ms-input-placeholder { color: #DFDDD6; opacity: 1; } .nfooter .item-form{width: 100%;position: relative;font-size: 0;letter-spacing: 0;margin-top: 20px;} .nfooter .item-form .item-form-input{width: 100%;position: relative;border-bottom: 1px solid #DFDDD6;padding: 10px 0;margin-bottom: 5px;} .nfooter .item-form .item-form-input .item-input{width: 100%;height: 32px;font-size: 16px;font-family: Poppins-Light;color: #fff;} .nfooter .item-form .item-form-input .item-submit{width: 32px;height: 32px;border-radius: 50%;font-size: 16px;color: #002B45;cursor: pointer;position: absolute;right: 0;top: 10px;z-index: 333;} .nfooter .item-form .item-form-input .iconfont{position: absolute;width: 32px;height: 32px;line-height: 32px; background: #DFDDD6;border-radius: 50%;font-size: 18px;color: #002B45;cursor: pointer;position: absolute;right: 0;top: 10px;text-align: center;} .item-form-text{font-size: 16px;line-height: 26px;position: relative;} @media screen and (max-width: 1419px){ .nfooter .item-form{margin-top: 18px;} .nfooter .item-form .item-form-top{margin-bottom: 14px;} .nfooter .item-form .item-form-top .item-input{width: calc(100% - 110px);height: 44px;font-size: 15px;} .nfooter .item-form .item-form-top .item-submit{height: 44px;width: 102px;font-size: 16px;} .item-form-text{font-size: 15px;line-height: 24px;} } @media screen and (max-width: 1259px){ .nfooter .item-form{margin-top: 16px;} .nfooter .item-form .item-form-top{margin-bottom: 12px;} .nfooter .item-form .item-form-top .item-input{width: calc(100% - 104px);height: 40px;font-size: 14px;} .nfooter .item-form .item-form-top .item-submit{height: 40px;width: 96px;font-size: 14px;} .item-form-text{font-size: 14px;line-height: 22px;} } .nfooter .f-bot {position: relative; padding: 10px 0; font-size: 14px; font-size: 1.4rem; line-height: 24px;font-family: Poppins-Light;} .nfooter .f-bot .copyright img { margin-left: 5px; vertical-align: middle; } .nfooter .f-bot .copyright .power { display: none; } .nfooter .f-bot .links { margin-bottom: 4px; } .nfooter .f-bot .links a { display: inline-block; position: relative; } .nfooter .f-bot .links a:before { position: relative; content: '|'; margin: 0 5px; } .nfooter .f-bot .links a:first-child:before { display: none; } @media screen and (max-width: 1669px) {.nfooter .f-bot {padding-bottom: 36px; }} @media screen and (max-width: 1469px) {.nfooter .f-bot {padding-bottom: 30px; }} @media screen and (max-width: 1259px) { .nfooter .f-bot { line-height: 22px;padding-bottom: 24px; } } @media screen and (max-width: 767px) { .nfooter .f-bot { font-size: 12px; font-size: 1.2rem; line-height: 20px;padding-bottom: 18px;}.nfooter .f-bot .links { display: none; } } .layui-layer-news-letter-dialog .layui-layer-content{width: 100%;height: 100%;} .layui-layer-news-letter-dialog .layui-layer-content iframe{height: 100% !important;} .big-box-ljj.letter-dialog .m-letterDialog{padding-bottom: 0;} .big-box-ljj.letter-dialog .m-letterDialog .slide{padding: 0;position: relative;width: 100%;background: #fff;overflow: auto;border-radius: 18px;display: flex;align-items: center;flex-wrap: wrap;} .letter-img{width: 48.116%;height: 100%;position: relative;text-align: center;} .big-box-ljj .slide .banner-img{max-width: 100%;max-height: 100%;height: 100%;width: 100%;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info{width: 51.884%;position: relative;background: #fff;} .big-box-ljj.letter-dialog .bot {padding: 10px 0;background-color: transparent;position: relative;width: 100%;max-width: 264px;margin: 0 auto;text-align: center;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info .bot .title{ font-size: 18px;font-family: BarlowCondensed-SemiBold;line-height: 24px;color: #222222;text-align:center;padding-bottom: 24px;} .big-box-ljj.letter-dialog .letter-info .bot .input {text-align: center;width: 100%;} .big-box-ljj.letter-dialog .letter-info .bot input {height: 50px;background: #FFFFFF;width: 100%;border: 1px solid #E0E0E0;border-radius: 25px;margin-bottom: 20px;margin-right: 0;} .big-box-ljj.letter-dialog .letter-info .bot button {width: 180px;height: 50px;font-size: 18px;font-family: BarlowCondensed-SemiBold;text-transform: uppercase;color: #FFFFFF;background: #135277;border-radius: 25px;margin: 0 auto;float: none;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-img .item-img{height: 100%;} @media screen and (max-width: 620px) { .big-box-ljj.letter-dialog .m-letterDialog .slide{border-radius: 18px;} .letter-img{width: 48.2%;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info{width: 51.8%;} .big-box-ljj.letter-dialog .bot {padding: 10px 0;max-width: 264px;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info .bot .title{ font-size: 16px;line-height: 24px;padding-bottom: 20px;} .big-box-ljj.letter-dialog .letter-info .bot input {height: 48px;border-radius: 24px;margin-bottom: 18px;} .big-box-ljj.letter-dialog .letter-info .bot button {width: 180px;height: 48px;font-size: 18px;border-radius: 24px;} } @media screen and (max-width: 560px) { .big-box-ljj.letter-dialog .m-letterDialog .slide{border-radius: 14px;} .letter-img{width: 48.2%;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info{width: 51.8%;} .big-box-ljj.letter-dialog .bot {padding: 10px 0;max-width: 240px;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info .bot .title{ font-size: 16px;line-height: 22px;padding-bottom: 20px;} .big-box-ljj.letter-dialog .letter-info .bot input {height: 44px;border-radius: 22px;margin-bottom: 18px;} .big-box-ljj.letter-dialog .letter-info .bot button {width: 160px;height: 44px;font-size: 18px;border-radius: 22px;} } @media screen and (max-width: 480px) { .big-box-ljj.letter-dialog .m-letterDialog .slide{border-radius: 12px;padding: 20px;display: block;} .letter-img{width: 100%;height: auto;max-width: 360px;margin: 0 auto !important;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info{width: 100%;} .big-box-ljj.letter-dialog .bot {padding: 10px 0;max-width: 280px;} .big-box-ljj.letter-dialog .m-letterDialog .slide .letter-info .bot .title{ font-size: 16px;line-height: 22px;padding-bottom: 20px;} .big-box-ljj.letter-dialog .letter-info .bot input {height: 44px;border-radius: 22px;margin-bottom: 18px;} .big-box-ljj.letter-dialog .letter-info .bot button {width: 160px;height: 44px;font-size: 18px;border-radius: 22px;} .layui-layer-news-letter-dialog{height: 620px !important;} } .pro-item .m-prolv{display: inline-block;vertical-align: top;line-height: 28px;} .m-prolv {position: relative;z-index: 9;text-align: left;} .m-prolv .level-icon {position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top; font-size: 20px;color: #135277;} .m-prolv .level-info {position: absolute;bottom: 100%;left: -30px;display: none;width: 190px;padding: 10px;background-color: #fff;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);-moz-box-sizing: border-box;box-sizing: border-box; z-index: 999;max-height: 240px;overflow: auto;} .m-prolv .level-item {position: relative;overflow: hidden;padding-left: 20px;line-height: 16px;font-size: 12px;font-size: 1.2rem;margin-top: 5px;} .m-prolv .level-item img {position: absolute;left: 0;top: 0;width: 16px;height: 16px;} .m-prolv .level-item:first-child {margin-top: 0;} .m-prolv .level-off {float: right;margin-left: 10px;color: #E8A802;} .m-prolv .level-text {overflow: hidden;display: block;word-break: break-all;} @media screen and (max-width: 991px) { .pro-item .m-prolv{line-height: 24px;} .m-prolv .level-icon { font-size: 16px; } } @media screen and (max-width: 660px) {.m-prolv .level-info {width: 150px;padding: 8px;}} @media screen and (max-width: 660px) {.m-prolv .level-info {width: 136px;padding: 6px;max-height: 110px;}} /*-------------about start-----------------------------------------------------------------*/ .about{padding: 20px 0 90px;} .about-top {width: 100%;position: relative;padding-bottom: 90px; } .about-tbody{width: 100%;position: relative;max-width: 1160px;margin: 0 auto;} .about-tbody-info{font-size: 14px;color: #555;line-height: 20px;font-family: GemunuLibre-SemiBold;} .about-top .box-title {font-size: 36px;position: relative;text-align: center;font-family: GemunuLibre-SemiBold;color: #002B45;line-height: 40px;padding-bottom: 16px;margin-bottom: 30px;} .about-top .box-title::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 80px;height: 4px;background: #002B45;} .about-tbody-box{position: relative;margin-top: 62px;background: #FFFFFF;padding: 32px 34px;border: 1px solid #E0E0E0;display: flex;justify-content: space-between;flex-wrap: wrap;} .about-tbody-box .about-img{display: inline-block;vertical-align: top;width: 44.5%;} .about-tbody-box .about-img .item-pic{position: relative;width: 100%;text-align: center;} .about-tbody-box .about-form {display: inline-block;vertical-align: top;width: 100%;} .about-tbody-box .about-form form{padding-top: 6px;position: relative;width: 100%;display: block;} .about-form input, .about-form textarea, .about-form button, .about-form select { display: block; width: 100%;height: 100%; padding: 0 10px; font-size: 14px; font-size: 1.4rem;line-height: 28px; color: #555;font-family: GemunuLibre-SemiBold; } .about-form input, .about-form .item-btn { height: 45px; } .about-form input, .about-form textarea {background: #FFFFFF;border: 1px solid #E0E0E0;} .about-form textarea { height: 141px;} .about-form .item-input1{ padding: 8px 0 0 0;} .about-form .item-input, .about-form .item-input1 { margin-bottom: 15px; position: relative; } .about-form .item-input { width: 48.215%; } .about-form .item-input1 { width: 100%; } .about-form .item-code{padding-right: 120px;} .about-form .item-img {width: 120px; cursor: pointer; line-height: 45px; height: 45px;font-size: 0;position: absolute;right: 0;top: 0; display: flex;align-items: center;justify-content: center;} .about-form .item-img img { max-height: 45px;height: 45px; vertical-align: middle;width: 100%; } .about-form .item-num { position: absolute; right: 5px; bottom: 5px; color: #999; } .about-form .item-btn {width: 100%;margin-bottom: 0;text-align: center;position: relative;} .about-form .item-btn input, .about-form .item-btn button { cursor: pointer; width: auto;min-width: 149px;background: #002B45; font-size: 16px; font-size: 1.6rem; border: 0; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s;font-family: Roboto-Regular;margin: 0 auto; } .about-form .item-btn input:hover, .about-form .item-btn button:hover { background-color: #29422D; } @media screen and (max-width: 1779px) { .about{padding: 18px 0 80px;} .about-top {padding-bottom: 80px; } .about-top .box-title {font-size: 32px;line-height: 36px;padding-bottom: 14px;margin-bottom: 28px;} .about-top .box-title::before{width: 72px;height: 4px;} .about-tbody-box{margin-top: 54px;} } @media screen and (max-width: 1609px) { .about{padding: 18px 0 70px;}} @media screen and (max-width: 1429px) { .about{padding: 16px 0 60px;} .about-top {padding-bottom: 70px; } .about-tbody-info{font-size: 14px;line-height: 20px;} .about-top .box-title {font-size: 28px;line-height: 34px;padding-bottom: 12px;margin-bottom: 26px;} .about-top .box-title::before{width: 64px;height: 4px;} .about-tbody-box{margin-top: 46px;padding: 30px 32px;} .about-tbody-box .about-img{width: 44.5%;} .about-tbody-box .about-form {width: 100%;} .about-tbody-box .about-form form{padding-top: 6px;} .about-form input, .about-form .item-btn { height: 45px; } .about-form textarea { height: 141px;} .about-form .item-input1{ padding: 8px 0 0 0;} .about-form .item-input, .about-form .item-input1 { margin-bottom: 15px; } .about-form .item-input { width: 48.215%; } .about-form .item-input1 { width: 100%; } .about-form .item-code{padding-right: 120px;} .about-form .item-img {width: 120px;line-height: 45px;height: 45px;} .about-form .item-img img { max-height: 45px;height: 45px; } .about-form .item-btn input, .about-form .item-btn button {min-width: 149px; } } @media screen and (max-width: 1259px) { .about{padding: 16px 0 50px;} .about-top {padding-bottom: 60px; } .about-tbody-info{font-size: 14px;line-height: 20px;} .about-top .box-title {font-size: 24px;line-height: 30px;padding-bottom: 10px;margin-bottom: 24px;} .about-top .box-title::before{width: 64px;height: 3px;} .about-tbody-box{margin-top: 38px;padding: 28px 25px;} .about-tbody-box .about-img{width: 44.6%;} .about-tbody-box .about-form {width: 100%;} .about-tbody-box .about-form form{padding-top: 0px;} .about-form input, .about-form .item-btn { height: 40px; } .about-form textarea { height: 130px;} .about-form .item-input1{ padding: 8px 0 0 0;} .about-form .item-input, .about-form .item-input1 { margin-bottom: 15px; } .about-form .item-input { width: 48.215%; } .about-form .item-input1 { width: 100%; } .about-form .item-code{padding-right: 120px;} .about-form .item-img {width: 120px;line-height: 40px;height: 40px;} .about-form .item-img img { max-height: 40px; height: 40px;} .about-form .item-btn input, .about-form .item-btn button {min-width: 142px; } } @media screen and (max-width: 991px) { .about{padding: 14px 0 40px;} .about-top {padding-bottom: 48px; } .about-tbody-info{font-size: 14px;line-height: 20px;} .about-top .box-title {font-size: 20px;line-height: 26px;padding-bottom: 8px;margin-bottom: 20px;} .about-top .box-title::before{width: 56px;height: 3px;} .about-tbody-box{margin-top: 30px;padding: 20px 15px;} .about-tbody-box .about-img{width: 100%;} .about-tbody-box .about-form {width: 100%;margin-top: 20px;} .about-tbody-box .about-form form{padding-top: 0px;} .about-form input, .about-form .item-btn { height: 40px; } .about-form textarea { height: 130px; } .about-form .item-input1{ padding: 8px 0 0 0;} .about-form .item-input, .about-form .item-input1 { margin-bottom: 15px; } .about-form .item-input { width: 48.215%; } .about-form .item-input1 { width: 100%; } .about-form .item-code{padding-right: 120px;} .about-form .item-img {width: 120px;line-height: 40px;height: 40px;} .about-form .item-img img { max-height: 40px;height: 40px; } .about-form .item-btn input, .about-form .item-btn button {min-width: 142px; } } @media screen and (max-width: 680px) { .about{padding: 12px 0 30px;} .about-top {padding-bottom: 36px; } .about-tbody-info{font-size: 14px;line-height: 20px;} .about-top .box-title {font-size: 18px;line-height: 24px;padding-bottom: 8px;margin-bottom: 20px;} .about-top .box-title::before{width: 56px;height: 3px;} .about-tbody-box{margin-top: 20px;padding: 10px 10px;} .about-tbody-box .about-img{width: 100%;} .about-tbody-box .about-form {width: 100%;margin-top: 20px;} .about-tbody-box .about-form form{padding-top: 0px;} .about-form input, .about-form .item-btn { height: 40px; } .about-form textarea { height: 130px; } .about-form .item-input1{ padding: 8px 0 0 0;} .about-form .item-input, .about-form .item-input1 { margin-bottom: 10px; } .about-form .item-input { width: 100%; } .about-form .item-input1 { width: 100%; } .about-form .item-code{padding-right: 120px;} .about-form .item-img {width: 120px;line-height: 40px;height: 40px;} .about-form .item-img img { max-height: 40px;height: 40px; } .about-form .item-btn input, .about-form .item-btn button {min-width: 142px; } } .about-3v { margin-top: 66px; } @media screen and (max-width: 1219px) { .about-3v { margin-top: 60px; } } @media screen and (max-width: 991px) { .about-3v { margin-top: 45px; } } @media screen and (max-width: 767px) { .about-3v { margin-top: 30px; } } .about-3v .box-title { font-size: 36px; font-size: 3.6rem; line-height: 1.3; text-transform: uppercase; margin-bottom: 32px; } @media screen and (max-width: 1219px) { .about-3v .box-title { font-size: 30px; font-size: 3rem; } } @media screen and (max-width: 991px) { .about-3v .box-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about-3v .box-title { font-size: 20px; font-size: 2rem; margin-bottom: 20px; } } ::-webkit-scrollbar {width: 4px;height: 4px} ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background : rgba(0,0,0,0.2);} ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);} /*-------------products-list start---------------------------------------------------------*/ .product{position: relative;padding: 30px 0 50px;} .pro-main{position: relative;width: 100%;} .pro-main .box-main {position: relative;width: 100%;} .pro-main .box-warp{position: fixed;right: 0; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);max-width: 1920px;margin: 0 auto;z-index: 9999;display: none;} .pro-main .box-slide { width: 360px;height: 100vh;position: absolute;left: 0;top:0px;background: #fff;padding: 32px;max-width: 100%;text-align: left;overflow: auto; } .box-slide-title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;font-size: 36px;text-transform: uppercase;font-family: BarlowCondensed-SemiBold;color: #000000;line-height: 44px;padding-bottom: 22px;border-bottom: 1px solid #EFEFEF;} .box-slide-title .closed{cursor: pointer;} @media screen and (max-width: 1779px) {.product{padding: 28px 0 46px;}.pro-main .box-slide { width: 360px;top: 0px;padding: 30px;}.box-slide-title{font-size: 36px;line-height: 44px;padding-bottom: 20px;}} @media screen and (max-width: 1609px) {.product{padding: 26px 0 42px;}.pro-main .box-slide { width: 360px;top: 0px;padding: 28px;}.box-slide-title{font-size: 32px;line-height: 40px;padding-bottom: 20px;}} @media screen and (max-width: 1429px) {.product{padding: 24px 0 38px;}.pro-main .box-slide { width: 360px;top: 0px;padding: 26px;}.box-slide-title{font-size: 30px;line-height: 38px;padding-bottom: 18px;}} @media screen and (max-width: 1259px) {.product{padding: 22px 0 34px;}.pro-main .box-slide { width: 350px;top: 0px;padding: 24px;}.box-slide-title{font-size: 28px;line-height: 36px;padding-bottom: 16px;}} @media screen and (max-width: 991px) {.product{padding: 20px 0 30px;}.pro-main .box-slide { width: 340px;top: 0px;padding: 22px;}.box-slide-title{font-size: 24px;line-height: 32px;padding-bottom: 14px;}} .slide-title {position: relative;font-size: 20px;font-family: Arial;font-weight: bold;color: #333333;line-height: 32px;} .slide-title a, .slide-title p {display: inline-block;vertical-align: top;position: relative;} .slide-title.slide-title2 { display: none; } .slide-title a:hover { color: #135277; } @media screen and (max-width: 1429px) { .slide-title {font-size: 18px;line-height: 30px; } } @media screen and (max-width: 1259px) { .slide-title {font-size: 16px;line-height: 28px; } } @media screen and (max-width: 991px) { .slide-title {font-size: 16px;line-height: 26px; } .slide-title { display: none; } .slide-title.slide-title2 { display: block; } } /* proslide start */ .proslide .yiji-list { margin-top: 15px; } @media screen and (max-width: 991px) { .proslide .yiji-list { display: none; } } .proslide .yiji-list > li > a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 5px 30px 5px 0; position: relative;color: #666;} .proslide .yiji-list > li > a span { margin-left: 6px; } .proslide .yiji-list > li > a span {width: 40px;position: absolute; right: 14px; top: 7px; font-size: 14px; font-size: 1.4rem; color: #ccc; } .proslide .yiji-list > li > a .iconfont { font-size: 16px; font-size: 1.6rem; position: absolute; right: 0; top: 5px; color: #666; } .proslide .yiji-list > li:hover > a, .proslide .yiji-list > li.active > a { color: #000; } .proslide .yiji-list > li:hover > a .iconfont:before, .proslide .yiji-list > li.active > a .iconfont:before { content: '\e723'; color: #000; } @media screen and (max-width: 1259px) { .proslide .yiji-list > li > a {font-size: 15px;font-size: 1.5rem;line-height: 24px; padding: 4px 28px 4px 0;} .proslide .yiji-list > li > a .iconfont { font-size: 14px; font-size: 1.4rem;top: 4px; } } @media screen and (max-width: 991px) { .proslide .yiji-list > li > a {font-size: 14px;font-size: 1.4rem;line-height: 22px; padding: 3px 24px 3px 0;} .proslide .yiji-list > li > a .iconfont { font-size: 12px; font-size: 1.2rem;top: 3px; } } .proslide .erji-list { background-color: #F6F6F6; padding: 10px 15px 20px; margin-top: 3px; } @media screen and (max-width: 1259px) { .proslide .erji-list { padding: 10px; } } .proslide .erji-list > li > a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 5px 40px 5px 0; color: #666; position: relative; } .proslide .erji-list > li > a span { width: 40px; position: absolute; right: 0; top: 7px; font-size: 14px; font-size: 1.4rem; color: #ccc; } @media screen and (max-width: 1259px) { .proslide .erji-list > li > a { font-size: 14px; font-size: 1.4rem; padding: 3px 0; }.proslide .erji-list > li > a span { width: 40px; font-size: 12px; font-size: 1.2rem; top: 3px; } } .proslide .erji-list > li:hover > a, .proslide .erji-list > li.active > a { color: #333; } .proslide .sanji-list > li > a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 5px 0 5px 22px; color: #666; } @media screen and (max-width: 1259px) { .proslide .sanji-list > li > a { font-size: 14px; font-size: 1.4rem; padding: 3px 0 3px 15px; } } .proslide .sanji-list > li:hover > a, .proslide .sanji-list > li.active > a { color: #333; } /* proslide end */ /* like-box start */ .like-box { margin-top: 40px; } @media screen and (max-width: 1259px) { .like-box { margin-top: 30px; } } .like-box .slide-title { text-transform: capitalize; } .like-box .box-list { font-size: 0; letter-spacing: 0; margin-top: 10px; } .like-box .box-list .list-item { width: 100%; display: inline-block;vertical-align: top; margin-top: 19px;} @media screen and (max-width: 1259px) { .like-box .box-list .list-item { margin-top: 15px; } } .like-box .box-list .item-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .like-box .box-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 82px; border: solid 1px #D9D9D9; border-radius: 4px; margin-right: 20px; } @media screen and (max-width: 1259px) { .like-box .box-list .item-pic { margin-right: 10px; } } .like-box .box-list .item-pic img { display: block; width: 100%; } .like-box .box-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; } .like-box .box-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 1.3; margin-bottom: 11px; } .like-box .box-list .item-price { line-height: 28px; color: #EB5B32; font-size: 20px; font-size: 2rem; } .like-box .box-list .item-price del { font-size: 12px; font-size: 1.2rem; color: #888; } @media screen and (max-width: 1259px) { .like-box .box-list .item-price { font-size: 16px; font-size: 1.6rem; } } /* like-box end */ .m-sdprofilter .box-filter { margin-top: 20px; } .m-sdprofilter .filter-title { position: relative; padding-bottom: 5px; padding-right: 30px; line-height: 26px; font-size: 16px; font-size: 1.6rem;color: #999; cursor: pointer;text-transform: uppercase;} .m-sdprofilter .filter-title .iconfont { position: absolute; right: 0; top: 0; font-size: 14px; font-size: 1.4rem; color: #666; } .m-sdprofilter .filter-title.active .iconfont { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .m-sdprofilter .filter-list { display: none; margin-top: 13px; padding-left: 0; padding-right: 0; max-height: 200px; overflow-x: hidden; overflow-y: auto; } .m-sdprofilter .filter-list li { padding: 3px 0; line-height: 24px; font-size: 14px; font-size: 1.4rem; display: flex;align-items: center;} .m-sdprofilter .filter-list li span{word-break: break-word;} .m-sdprofilter .filter-list li span, .m-sdprofilter .filter-list li input, .m-sdprofilter .filter-list li p { display: inline-block; vertical-align: middle; color: #666;} .m-sdprofilter .filter-list li input { font-size: 12px; font-size: 1.2rem; padding: 0 3px; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdprofilter .filter-list li input[type=text] { height: 26px; line-height: 24px; } .m-sdprofilter .filter-list .filtrate-search { width: 54px; border: 1px solid #ddd; } .m-sdprofilter .filter-list .go1 { width: 40px; line-height: 26px; color: #fff; text-align: center; cursor: pointer; background-color: #002B45; } .m-sdprofilter .filter-list.show { display: block; } @media screen and (max-width: 1259px) { .m-sdprofilter .box-filter { margin-bottom: 10px; } .m-sdprofilter .filter-title { font-size: 14px; font-size: 1.4rem; } } /* .pro1-list { font-size: 0; letter-spacing: 0;margin-left: -15px;margin-right: -15px;padding-bottom: 24px; } @media screen and (max-width: 1819px) { .pro1-list { margin-left: -12px;margin-right: -12px;padding-bottom: 22px; } } @media screen and (max-width: 1629px) { .pro1-list { margin-left: -10px;margin-right: -10px;padding-bottom: 20px; } } @media screen and (max-width: 1439px) { .pro1-list { margin-left: -6px;margin-right: -6px;padding-bottom: 18px; } } @media screen and (max-width: 1259px) { .pro1-list { margin-left: -10px;margin-right: -10px;padding-bottom: 16px; } } @media screen and (max-width: 991px) { .pro1-list {margin-left: -6px;margin-right: -6px;padding-bottom: 14px; } } @media screen and (max-width: 767px) { .pro1-list {margin-left: -6px;margin-right: -6px;padding-bottom: 12px; } } .pro1-list .list-item { position: relative;display: inline-block;vertical-align: top;width: 33.333333333333333%;padding: 0 15px;margin-bottom: 30px; } @media screen and (max-width: 1819px) { .pro1-list .list-item { padding: 0 12px; } } @media screen and (max-width: 1629px) { .pro1-list .list-item { padding: 0 10px; } } @media screen and (max-width: 1439px) { .pro1-list .list-item { padding: 0 6px; } } @media screen and (max-width: 1259px) { .pro1-list .list-item { padding: 0 10px;width: 50%; } } @media screen and (max-width: 991px) { .pro1-list .list-item { padding: 0 6px;width: 33.333333333333333%; } } @media screen and (max-width: 720px) { .pro1-list .list-item { width: 50%;padding: 0 6px; }} */ .pro-main-top{position: relative;margin-bottom: 30px;margin-right: -30px;font-size: 0;letter-spacing: 0;} .pro-slide-btn{position: relative;display: inline-flex;vertical-align: top;min-width: 100px;padding: 8px 18px;font-size: 18px;line-height: 27px;font-family: GemunuLibre-SemiBold;color: #002B45;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;margin-right: 20px;} .pro-slide-btn img{margin-right: 5px;} .pro-slide-btn .iconfont{position: absolute;right: 10px; } .pro-main-top .sort-box{width: 110px;margin-right: 30px;padding: 0;border: 0;margin: 0;position: relative;display: inline-block;vertical-align: top; } .pro-main-top .sort-box .sort-name{display: inline-block;vertical-align: top;position: relative;width: 100%;;padding: 8px 18px;font-size: 18px;line-height: 27px;font-family: GemunuLibre-SemiBold;color: #002B45;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;} .pro-main-top .sort-box .sort-name .iconfont{position: absolute;right: 10px; } .pro-main-top .sort-box .sort-list{position: absolute;right: 0;left: 0;top: 100%;width: 100%;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;z-index: 99;padding: 10px;padding-right: 4px; display: none;} .pro-main-top .sort-box .sort-list a{display: block;color: #666;font-family: GemunuLibre-SemiBold;} .pro-main-top .sort-box .sort-list a:hover, .pro-main-top .sort-box .sort-list a.active {color: #002B45;background: transparent;} @media screen and (max-width: 1779px) { .pro-main-top{margin-bottom: 28px;margin-right: -28px;} .pro-slide-btn{min-width: 100px;padding: 8px 18px;font-size: 18px;line-height: 26px;border-radius: 8px;margin-right: 20px;} .pro-main-top .sort-box{width: 110px;margin-right: 28px;} .pro-main-top .sort-box .sort-name{padding: 8px 18px;font-size: 18px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1609px) { .pro-main-top{margin-bottom: 26px;margin-right: -26px;} .pro-slide-btn{min-width: 100px;padding: 7px 16px;font-size: 17px;line-height: 26px;border-radius: 8px;margin-right: 20px;} .pro-main-top .sort-box{width: 110px;margin-right: 26px;} .pro-main-top .sort-box .sort-name{padding: 7px 16px;font-size: 17px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1429px) { .pro-main-top{margin-bottom: 24px;margin-right: -20px;} .pro-slide-btn{min-width: 100px;padding: 6px 14px;font-size: 16px;line-height: 26px;border-radius: 8px;margin-right: 20px;} .pro-main-top .sort-box{width: 110px;margin-right: 20px;} .pro-main-top .sort-box .sort-name{padding: 6px 14px;font-size: 16px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1259px) { .pro-main-top{margin-bottom: 20px;margin-right: -18px;} .pro-slide-btn{min-width: 100px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;margin-right: 18px;} .pro-main-top .sort-box{width: 110px;margin-right: 18px;} .pro-main-top .sort-box .sort-name{padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } @media screen and (max-width: 991px) { .pro-main-top{margin-bottom: 20px;margin-right: -12px;} .pro-slide-btn{min-width: 100px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;margin-right: 12px;} .pro-main-top .sort-box{width: 110px;margin-right: 12px;} .pro-main-top .sort-box .sort-name{padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } .pro-lists{font-size: 0;letter-spacing: 0;margin-left: -8px;margin-right: -8px;padding-bottom: 20px;display: flex;flex-wrap: wrap;} .pro-lists .pro-item{display: inline-block;vertical-align: top;width: 20%;padding: 0 8px;margin-bottom: 30px;} @media screen and (max-width: 1779px) {.pro-lists{margin-left: -5px;margin-right: -5px;padding-bottom: 18px;} .pro-lists .pro-item{width: 20%;padding: 0 5px;margin-bottom: 28px;} } @media screen and (max-width: 1609px) {.pro-lists{margin-left: -10px;margin-right: -10px;padding-bottom: 20px;} .pro-lists .pro-item{width: 25%;padding: 0 10px;margin-bottom: 30px;} } @media screen and (max-width: 1429px) {.pro-lists{margin-left: -6px;margin-right: -6px;padding-bottom: 18px;} .pro-lists .pro-item{width: 25%;padding: 0 6px;margin-bottom: 28px;} } @media screen and (max-width: 1259px) {.pro-lists{margin-left: -12px;margin-right: -12px;padding-bottom: 20px;} .pro-lists .pro-item{width: 33.33333333%;padding: 0 12px;margin-bottom: 28px;} } @media screen and (max-width: 991px) { .pro-lists{margin-left: -6px;margin-right: -6px;padding-bottom: 16px; } .pro-lists .pro-item{width: 33.333333333%;padding: 0 6px;margin-bottom: 24px;} } @media screen and (max-width: 720px) { .pro-lists{margin-left: -10px;margin-right: -10px;padding-bottom: 16px;} .pro-lists .pro-item{width: 50%;padding: 0 10px;margin-bottom: 20px;} } @media screen and (max-width: 520px) { .pro-lists{margin-left: -6px;margin-right: -6px;padding-bottom: 14px;} .pro-lists .pro-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} } .ex-title { text-align: center; font-size: 30px; font-size: 3rem; line-height: 1.3; text-transform: uppercase; margin-bottom: 43px;margin-top: 30px; } @media screen and (max-width: 1259px) { .ex-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 40px;margin-top: 28px; } } @media screen and (max-width: 991px) { .ex-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 30px;margin-top: 25px; } } @media screen and (max-width: 767px) { .ex-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px;margin-top: 22px; } } .group-ex {opacity: 0.8; background-color: #fff !important; } .group-ex .item-title a:hover { color: #333 !important; } .group-ex .item-backdrop, .group-ex .item-pic-lei, .group-ex .off-tip, .group-ex .ps-tip, .group-ex .add-cart { display: none !important; } /* .group-ex .item-guoqi{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);overflow: hidden;} .group-ex .item-guoqi span {position: absolute;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%);min-width: 70%;max-width: 100%;font-size: 18px;font-family: Roboto-Bold;text-transform: uppercase;color: #FFFFFF;line-height: 32px;padding: 44px 10px;text-align: center;-moz-box-sizing: border-box;box-sizing: border-box;} */ .group-ex .item-guoqi{font-size: 18px;margin-top: 8px;font-family: BarlowCondensed-SemiBold;color: #EF4A1C;line-height: 30px;text-transform: uppercase;} /* .group-ex .item-body {-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */ @media screen and (max-width: 1429px) {.group-ex .item-guoqi{font-size: 17px;margin-top: 8px;line-height: 28px;}} @media screen and (max-width: 1259px) {.group-ex .item-guoqi{font-size: 16px;margin-top: 7px;line-height: 26px;}} @media screen and (max-width: 991px) {.group-ex .item-guoqi{font-size: 15px;margin-top: 6px;line-height: 25px;}} @media screen and (max-width: 720px) {.group-ex .item-guoqi{font-size: 14px;margin-top: 6px;line-height: 24px;}} /*-------------products-list end-----------------------*/ /* --------------------------product-detail----------------------------------------- */ @media screen and (min-width: 992px){ .big-box-ljj .view-content .m-prob1 .prob-pic-small{width: 68px;position: relative;float: left;height:440px;padding: 20px 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list {height: 100% !important;overflow: hidden;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn {width: 68px; height: 20px;left: 0;right: 0; color: #000;transform: rotateZ(90deg);} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.prev {top: 0px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.next {bottom: 0px; top: auto;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul { width: 100%;height: 200000px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul li {margin-right: 0;margin-bottom: 10px;float: none;width: 100%;display: block;} } @media screen and (min-width: 1260px){ .big-box-ljj .view-content .m-prob1 .prob-pic-small{width: 70px;position: relative;float: left;height: 556px;padding: 20px 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list {height: 100% !important;overflow: hidden;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn {width: 76px; height: 20px;left: 0;right: 0; color: #000;transform: rotateZ(90deg);} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.prev {top: 0px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.next {bottom: 0px; top: auto;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul { width: 100%;height: 200000px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul li {margin-right: 0;margin-bottom: 16px;float: none;width: 100%;display: block;} } @media screen and (min-width: 1430px){ .big-box-ljj .view-content .m-prob1 .prob-pic-small{width: 72px;position: relative;float: left;height: 596px;padding: 20px 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list {height: 100% !important;overflow: hidden;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn {width: 72px; height: 20px;left: 0;right: 0; color: #000;transform: rotateZ(90deg);} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.prev {top: 0px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.next {bottom: 0px; top: auto;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul { width: 100%;height: 200000px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul li {margin-right: 0;margin-bottom: 16px;float: none;width: 100%;display: block;} } @media screen and (min-width: 1610px){ .big-box-ljj .view-content .m-prob1 .prob-pic-small{width: 76px;position: relative;float: left;height: 670px;padding: 20px 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list {height: 100% !important;overflow: hidden;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn {width: 76px; height: 20px;left: 0;right: 0; color: #000;transform: rotateZ(90deg);} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.prev {top: 0px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.next {bottom: 0px; top: auto;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul { width: 100%;height: 200000px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul li {margin-right: 0;margin-bottom: 22px;float: none;width: 100%;display: block;} } @media screen and (min-width: 1780px){ .big-box-ljj .view-content .m-prob1 .prob-pic-small{width: 82px;position: relative;float: left;height: 706px;padding: 20px 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list {height: 100% !important;overflow: hidden;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn {width: 82px; height: 20px;left: 0;right: 0; color: #000;transform: rotateZ(90deg);} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.prev {top: 0px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-btn.next {bottom: 0px; top: auto;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul { width: 100%;height: 200000px;} .big-box-ljj .view-content .m-prob1 .prob-pic-small .prob-pic-list ul li {margin-right: 0;margin-bottom: 20px;float: none;width: 100%;display: block;} } .big-box-ljj .view-content .m-prob1 {position: relative;} .big-box-ljj .view-content .m-prob1 .prob-pic {width: 800px;position: sticky;top: 0;left: 0;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 706px;min-height: 706px; position: relative; border: 0; float: right;} .big-box-ljj .view-content .m-prob1 .prob-info {width: 874px;background: #EEEEEE;padding: 40px 60px;border-radius: 20px;font-family: BarlowCondensed-SemiBold;} .big-box-ljj .view-content .m-prob1 .prob-info .name{position: relative;margin-bottom: 10px;} .big-box-ljj .view-content .m-prob1 .prob-info .name span{display: inline-block;vertical-align: top;min-width: 80px;text-align: center;font-size: 14px;font-family: BarlowCondensed-SemiBold;padding: 0 12px;text-transform: uppercase;color: #FFFFFF;line-height: 26px;background: #135277;border: 1px solid #135277;border-radius: 4px;} .big-box-ljj .view-content .m-prob1 .prob-info .title{font-size: 36px;color: #000;line-height: 48px;text-transform: uppercase;} .big-box-ljj .view-content .m-prob1 .prob-info .num{color: #555555;} .big-box-ljj .view-content .m-prob1 .prob-info .layui-rate-div{margin-top: 6px;} .big-box-ljj .view-content .m-prob1 .prob-info .layui-rate-div .layui-rate li i.layui-icon {margin: 0 1px;color: #135277;font-size: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .rate-text{font-size: 14px;color: #999;line-height: 18px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price{margin-top: 12px;margin-bottom: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price>*{display: inline-block;vertical-align: middle;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .select{margin-right: 20px;font-size: 16px;color: #000;height: 26px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price1{font-size: 24px;color: #135277;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price2{margin-left: 4px;color: #999;font-size: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .content .item .left { font-size: 16px;color: #333;}/***line-height: 42px;***/ .big-box-ljj .view-content .m-prob1 .prob-info .content .item .box{background: #FFFFFF;border: 2px solid #135277;border-radius: 4px;padding-top: 20px;} @media screen and (max-width: 1779px){ .big-box-ljj .view-content .m-prob1 .prob-pic {width: 760px;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 670px;min-height: 670px;} .big-box-ljj .view-content .m-prob1 .prob-info {width: 760px;padding: 32px 48px;border-radius: 18px;} .big-box-ljj .view-content .m-prob1 .prob-info .name{margin-bottom: 10px;} .big-box-ljj .view-content .m-prob1 .prob-info .name span{min-width: 80px;font-size: 14px;padding: 0 12px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .title{font-size: 32px;line-height: 44px;} .big-box-ljj .view-content .m-prob1 .prob-info .rate-text{font-size: 14px;line-height: 18px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price{margin-top: 12px;margin-bottom: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .select{margin-right: 20px;font-size: 16px;height: 26px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price1{font-size: 24px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price2{margin-left: 4px;font-size: 14px;} } @media screen and (max-width: 1609px){ .big-box-ljj .view-content .m-prob1 .prob-pic {width: 680px;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 596px;min-height: 596px;} .big-box-ljj .view-content .m-prob1 .prob-info {width: 660px;padding: 24px 36px;border-radius: 16px;} .big-box-ljj .view-content .m-prob1 .prob-info .name{margin-bottom: 10px;} .big-box-ljj .view-content .m-prob1 .prob-info .name span{min-width: 80px;font-size: 13px;padding: 0 10px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .title{font-size: 28px;line-height: 40px;} .big-box-ljj .view-content .m-prob1 .prob-info .rate-text{font-size: 14px;line-height: 18px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price{margin-top: 12px;margin-bottom: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .select{margin-right: 18px;font-size: 16px;height: 26px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price1{font-size: 22px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price2{margin-left: 4px;font-size: 14px;} } @media screen and (max-width: 1429px){ .big-box-ljj .view-content .m-prob1 .prob-pic {width: 640px;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 556px;min-height: 556px;} .big-box-ljj .view-content .m-prob1 .prob-info {width: 540px;padding: 20px 30px;border-radius: 16px;} .big-box-ljj .view-content .m-prob1 .prob-info .name{margin-bottom: 10px;} .big-box-ljj .view-content .m-prob1 .prob-info .name span{min-width: 78px;font-size: 12px;padding: 0 10px;line-height: 24px;} .big-box-ljj .view-content .m-prob1 .prob-info .title{font-size: 24px;line-height: 36px;} .big-box-ljj .view-content .m-prob1 .prob-info .rate-text{font-size: 14px;line-height: 18px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price{margin-top: 10px;margin-bottom: 10px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .select{margin-right: 18px;font-size: 14px;height: 26px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price1{font-size: 20px;line-height: 26px;} .big-box-ljj .view-content .m-prob1 .prob-info .pro-price .price2{margin-left: 4px;font-size: 14px;} } @media screen and (max-width: 1259px){ .big-box-ljj .view-content .m-prob1 .prob-pic {width: 520px;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 440px;min-height: 440px; } .big-box-ljj .view-content .m-prob1 .prob-info {width: 420px;padding: 15px;border-radius: 14px;} .big-box-ljj .view-content .m-prob1 .prob-info .title{font-size: 20px;line-height: 32px;} } @media screen and (max-width: 991px){ .big-box-ljj .view-content .m-prob1 .prob-pic {width: 640px;max-width: 100%;margin: 0 auto;position: relative;} .big-box-ljj .view-content .m-prob1 .prob-pic-big{width: 100%;height: auto; } .big-box-ljj .view-content .m-prob1 .prob-info {width: 100%;} } /* prodetail-tab */ .tab-content-item{display: none;} .tab-content .tab-content-item:nth-of-type(1){display: block;} .description{position: relative;width: 100%;} .description .m-desc{font-size: 16px;color: #666;line-height: 30px;} .pro-youtube{width: 100%;position: relative;padding: 5.42% 0;} .pro-youtube-btn{padding-top: 42px;} .Reviews-box{padding: 24px 0 36px;} @media screen and (max-width: 1429px){ .description .m-desc{font-size: 16px;line-height: 28px;} .Reviews-box{padding: 20px 0 30px;} .pro-youtube{padding: 5.25% 0;} .pro-youtube-btn{padding-top: 36px;} } @media screen and (max-width: 1259px){ .description .m-desc{font-size: 15px;line-height: 26px;} .Reviews-box{padding: 16px 0 24px;} .pro-youtube{padding: 5.125% 0;} .pro-youtube-btn{padding-top: 30px;} } @media screen and (max-width: 991px){ .description .m-desc{font-size: 14px;line-height: 24px;} .Reviews-box{padding: 14px 0 22px;} .pro-youtube{padding: 5% 0;} .pro-youtube-btn{padding-top: 24px;} } @media screen and (max-width: 560px){ .description .m-desc{font-size: 13px;line-height: 22px;} .Reviews-box{padding: 14px 0 20px;} } .prodetails-tab .tab-options { margin-bottom: 42px;position: relative; padding-top: 30px;} @media screen and (max-width: 1609px) { .prodetails-tab .tab-options { margin-bottom: 38px;padding-top: 26px; } } @media screen and (max-width: 1429px) { .prodetails-tab .tab-options { margin-bottom: 34px;padding-top: 22px; } } @media screen and (max-width: 1259px) { .prodetails-tab .tab-options { margin-bottom: 30px;padding-top: 18px; } } @media screen and (max-width: 991px) { .prodetails-tab .tab-options { margin-bottom: 28px;padding-top: 18px; } } @media screen and (max-width: 767px) { .prodetails-tab .tab-options { margin-bottom: 24px;padding-top: 14px; } } @media screen and (max-width: 560px) { .prodetails-tab .tab-options { margin-bottom: 20px;padding-top: 10px; } } .prodetails-tab .tab-options .wp { font-size:0; letter-spacing:0; } .prodetails-tab .tab-options .wp li {margin-right:42px;padding: 6px 0;line-height:32px;cursor: pointer;position: relative; display:inline-block;vertical-align: top;font-size: 24px;color: #666;font-family: BarlowCondensed-SemiBold;text-transform: uppercase;} .prodetails-tab .tab-options .wp li p { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .prodetails-tab .tab-options .wp li:hover, .prodetails-tab .tab-options .wp li.tab-active { color: #135277; } .prodetails-tab .tab-options .wp li::before{position: absolute;content: "";left: 50%;transform: translateX(-50%); bottom: 0;width: 0;height: 3px;background:#135277;transition: all .5s;} .prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 95px;} @media screen and (max-width: 1609px) {.prodetails-tab .tab-options .wp li {margin-right:38px;padding: 6px 0;line-height:30px;font-size: 22px;} .prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 82px;} } @media screen and (max-width: 1429px) { .prodetails-tab .tab-options .wp li {margin-right:34px;padding: 5px 0;line-height:28px;font-size: 20px;}.prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 70px;} } @media screen and (max-width: 1259px) { .prodetails-tab .tab-options .wp li {margin-right:30px;padding: 5px 0;line-height:28px;font-size: 18px;}.prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 58px;} } @media screen and (max-width: 991px) { .prodetails-tab .tab-options .wp li {margin-right:28px;padding: 5px 0;line-height:26px;font-size: 16px;}.prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 45px;} } @media screen and (max-width: 767px) { .prodetails-tab .tab-options .wp li {margin-right:24px;padding: 4px 0;line-height:24px;font-size: 14px;}.prodetails-tab .tab-options .wp li:hover::before, .prodetails-tab .tab-options .wp li.tab-active::before{width: 36px;} } @media screen and (max-width: 480px) { .prodetails-tab .tab-options .wp li { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; border-bottom-width: 2px; } } /* sort-box start */ .sort-box { padding: 10px 0; border-bottom: solid 1px #E8E8E8; margin-bottom: 30px; } @media screen and (max-width: 1259px) { .sort-box { margin-bottom: 24px; } } @media screen and (max-width: 991px) { .sort-box { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .sort-box { margin-bottom: 16px; } } .sort-box .sort-list { font-size: 0; letter-spacing: 0; } .sort-box .sort-list a { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666; margin-right: 30px; font-family: AvenirLTStd-Book; } .sort-box .sort-list a:hover, .sort-box .sort-list a.active { color: #135277; } @media screen and (max-width: 767px) { .sort-box .sort-list a { font-size: 14px; font-size: 1.4rem; margin-right: 20px; } } .sort-box .sort-list .sort { padding-right: 16px; position: relative; } .sort-box .sort-list .sort:before { content: ""; position: absolute; right: 8px; top: 50%; margin-top: -4.5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #CCCCCC; } .sort-box .sort-list .sort:after { content: ""; position: absolute; right: 8px; bottom: 50%; margin-bottom: -4.5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ccc; } .sort-box .sort-list .sort.active.up:before { border-bottom-color: #135277; } .sort-box .sort-list .sort.active.down:after { border-top-color: #135277; } /* sort-box end */ /*-------------5-comment list start--------------------------------------------------------*/ /* .comment{background: rgba(235, 235, 235, .5);} */ /* comment-pro start */ /* comment-pro start */ .comment-pro {position: relative;width: 100%; padding-bottom:94px; } .comment-pro .list-item{display: flex; align-items: center; flex-wrap:wrap;justify-content: space-between;} .comment-pro .item-pic {width: 50.75%;position: relative; } .comment-pro .item-pic img { display: block; width: 100%;margin: 0 auto; } .comment-pro .item-body {width: 46%;} .comment-pro .item-title { font-size: 20px;font-family: BarlowCondensed-SemiBold;font-weight: 400;color: #333333;line-height: 30px;} .comment-pro .item-desc { font-size: 16px;font-family: GemunuLibre-SemiBold;font-weight: 400;color: #666666;line-height: 30px;margin-top: 28px;} .comment-pro .item-info { font-size: 0; letter-spacing: 0; position: relative; } .comment-pro .item-price { font-size: 30px;font-family: GemunuLibre-SemiBold;font-weight: 400;color: #EF0000;line-height: 36px;margin-top: 40px;margin-bottom: 60px; } .comment-pro .item-price del { font-size: 16px; font-size: 1.6rem; color: #999; font-weight: normal; } .comment-pro .item-lv { position: static; width: auto; margin-left: 5px; margin-top: 5px; display: inline-block; vertical-align: middle;} .comment-pro .m-prolv .icon-info { min-width: 220px; max-width: 220px; margin-left: 5px; } @media screen and (max-width: 1459px) {.comment-pro {padding-bottom: 80px; } } @media screen and (max-width: 1259px) { .comment-pro {padding-bottom: 66px; } .comment-pro .item-pic {width: 50%;} .comment-pro .item-body {width: 50%;} .comment-pro .item-title { font-size: 18px;line-height: 28px;} .comment-pro .item-desc { font-size: 15px;line-height: 26px;margin-top: 14px;} .comment-pro .item-price { font-size: 24px;;line-height: 28px;margin-top: 16px;margin-bottom: 30px; } .comment-pro .item-price del { font-size: 14px; font-size: 1.4rem;} } @media screen and (max-width: 991px) { .comment-pro {padding-bottom: 52px; } .comment-pro .item-pic {width: 100%;} .comment-pro .item-body {width: 100%;padding-left: 0px;padding-top: 20px;} .comment-pro .item-title { font-size: 18px;line-height: 28px;} .comment-pro .item-desc { font-size: 14px;line-height: 24px;margin-top: 14px;} .comment-pro .item-price { font-size: 24px;;line-height: 28px;margin-top: 16px;margin-bottom: 30px; } .comment-pro .item-price del { font-size: 14px; font-size: 1.4rem;} } @media screen and (max-width: 767px) { .comment-pro {padding-bottom: 38px; } .comment-pro .item-pic {width: 100%;} .comment-pro .item-body {width: 100%;} .comment-pro .item-title { font-size: 16px;line-height: 26px; } .comment-pro .item-desc { font-size: 14px;margin-top: 14px;line-height: 24px;} .comment-pro .item-price { font-size: 20px;line-height: 26px; margin-top: 10px; } .comment-pro .item-price del { font-size: 14px; font-size: 1.4rem;} } /* comment-pro end */ .comment-main .boxs-title{font-size: 36px;font-family: BarlowCondensed-SemiBold;font-weight: 400;color: #333333;line-height: 42px;} .comtip-title{font-size: 34px;position: relative;text-align: center;margin-bottom: 40px;padding-bottom: 24px;color: #000000;line-height: 42px;font-family: BarlowCondensed-SemiBold;} .comtip-title::before{width: 80px;height: 3px;content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #000000;} .comment-main .cus-top { width: 100%;} .comment-main .cus-top .left-item { float: left; width: 220px; padding: 13px 0; margin-right: 4.08333%; } .comment-main .cus-top .left-item .layui-rate-div { font-size: 0; letter-spacing: 0; margin-bottom: 27px; margin-top: 5px; } .comment-main .cus-top .left-item .layui-rate-div > * { display: inline-block; vertical-align: middle; } .comment-main .cus-top .left-item .layui-rate-div .layui-rate { padding: 0; } .comment-main .cus-top .left-item .layui-rate-div .layui-rate li i.layui-icon { font-size: 15px; font-size: 1.5rem; margin-right: 1px;} .comment-main .cus-top .left-item .layui-rate-div .rate-text { font-size: 12px; font-size: 1.2rem; color: #999; margin-left: 8px; } .comment-main .cus-top .left-item .lines { border-right: solid 1px #DCDCDC; } .comment-main .cus-top .left-item .lines .stars-item { font-size: 0; letter-spacing: 0; margin-bottom: 5px; } .comment-main .cus-top .left-item .lines .stars-item > * { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #222; } .comment-main .cus-top .left-item .lines .stars-item .star-text { width: 40px; } .comment-main .cus-top .left-item .lines .stars-item .percent-line { width: 120px; height: 15px; background-color: #eee; margin: 0 11px 0 0; } .comment-main .cus-top .left-item .lines .stars-item .percent-line span { display: block !important; width: 0%; height: 15px; background-color: #135277; } .comment-main .cus-top .right-item { overflow: hidden; font-family: arial; position: relative;} .comment-main .cus-top .right-item .item-title { margin-top: 45px; margin-bottom: 6px; font-size: 0; letter-spacing: 0; } .comment-main .cus-top .right-item .item-title > * { display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem;font-family: GemunuLibre-SemiBold;} .comment-main .cus-top .right-item .item-title > span:first-child { margin-right: 23px; } .comment-main .cus-top .right-item .item-title .num { font-size: 40px; font-size: 4rem; color: #222; margin-right: 10px; } .comment-main .cus-top .right-item .item-title .layui-rate-div { font-size: 0; letter-spacing: 0; } .comment-main .cus-top .right-item .item-title .layui-rate-div > * { display: inline-block; vertical-align: middle; } .comment-main .cus-top .right-item .item-title .layui-rate-div .layui-rate { padding: 0; } .comment-main .cus-top .right-item .item-title .layui-rate-div .layui-rate li i.layui-icon { font-size: 15px; font-size: 1.5rem; margin-right: 1px;color: #135277; } .comment-main .cus-top .right-item .item-title .layui-rate-div .rate-text { font-size: 14px; font-size: 1.4rem; color: #AAAAAA; margin-left: 12px;font-family: GemunuLibre-SemiBold; } .comment-main .cus-top .right-item .item-subt { font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #AAAAAA; margin-bottom: 18px;font-family: GemunuLibre-SemiBold; } .comment-main .cus-top .right-item .item-btn { display: inline-block; line-height: 40px; padding: 0 33px; border-radius: 0; background-color: #135277; color: #fff; font-size: 16px; font-size: 1.6rem; text-align: center; } .comment-main .cus-top .right-item .item-btn:hover { color: #fff !important; } .clist-title { background-color: #F3F3F3; text-align: center; font-size: 30px; font-size: 3rem; line-height: 1.3; text-transform: uppercase; padding: 23px 0; margin-bottom: 72px; margin-top: 30px; } @media screen and (max-width: 1799px) { .comment-main .boxs-title{font-size: 34px;line-height: 36px;} .comtip-title{font-size: 30px;margin-bottom: 36px;padding-bottom: 22px;line-height: 36px;} .comtip-title::before{width: 72px;height: 3px;} } @media screen and (max-width: 1659px) { .comment-main .boxs-title{font-size: 32px;line-height: 36px;} .comtip-title{font-size: 30px;margin-bottom: 36px;padding-bottom: 22px;line-height: 36px;} .comtip-title::before{width: 72px;height: 3px;} } @media screen and (max-width: 1459px) { .comment-main .boxs-title{font-size: 30px;line-height: 34px;} .comtip-title{font-size: 30px;margin-bottom: 36px;padding-bottom: 22px;line-height: 36px;} .comtip-title::before{width: 72px;height: 3px;} } @media screen and (max-width: 1259px) { .boxs-title{font-size: 28px;line-height: 32px;} .comtip-title{font-size: 26px;margin-bottom: 32px;padding-bottom: 20px;line-height: 32px;} .comtip-title::before{width: 66px;height: 2px;} .comment .f-box .box-title { font-size: 20px; font-size: 2rem; line-height: 1.2; padding-bottom: 6px;margin-bottom: 14px;} .comment-main .cus-top .right-item .item-title .num { font-size: 32px; font-size: 3.2rem; } .clist-title { margin-bottom: 60px; font-size: 26px; font-size: 2.6rem; margin-top: 0; } .comment-main .cus-top{margin-top: 20px;} } @media screen and (max-width: 991px) { .boxs-title{font-size: 24px;line-height: 28px;} .comtip-title{font-size: 22px;margin-bottom: 28px;padding-bottom: 18px;line-height: 28px;} .comtip-title::before{width: 60px;height: 2px;} .comment .f-box .box-title { font-size: 18px; font-size: 1.8rem; line-height: 1.2; padding-bottom: 6px;margin-bottom: 12px;} .comment-main .cus-top{margin-top: 16px;} .comment-main .cus-top .left-item { margin-right: 15px; width: 250px; } .comment-main .cus-top .right-item .item-title { margin-top: 50px; } .comment-main .cus-top .right-item .item-title .num { font-size: 28px; font-size: 2.8rem; margin-right: 8px; } .comment-main .cus-top .right-item .item-title .layui-rate-div .rate-text { margin-left: 10px; } .comment-main .cus-top .right-item .item-btn {position: relative; line-height: 34px; padding: 0 25px; margin-bottom: 10px;} .clist-title { margin-bottom: 40px; font-size: 22px; font-size: 2.2rem; padding: 15px 0; } } @media screen and (max-width: 767px) { .boxs-title{font-size: 20px;line-height: 26px;} .comtip-title{font-size: 18px;margin-bottom: 24px;padding-bottom: 16px;line-height: 26px;} .comtip-title::before{width: 54px;height: 2px;} .comment-main .box-title { font-size: 20px; font-size: 2rem; } .comment-main .cus-top{margin-top: 12px;} .comment-main .cus-top .left-item .layui-rate-div { margin: 0 0 10px; } .comment-main .cus-top .left-item { padding: 0; margin-bottom: 20px; } .comment-main .cus-top .left-item .lines { border: 0; } .comment-main .cus-top .right-item .item-title { margin-top: 0; } .comment-main .cus-top .right-item .item-title > * { font-size: 14px; font-size: 1.4rem; } .comment-main .cus-top .right-item .item-title .num { font-size: 24px; font-size: 2.4rem; } .comment-main .cus-top .right-item .item-title .layui-rate-div .rate-text { font-size: 12px; font-size: 1.2rem; margin-left: 0; } .comment-main .cus-top .right-item .item-subt { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; } .comment-main .cus-top .right-item .item-btn { font-size: 14px; font-size: 1.4rem; padding: 0 20px; line-height: 30px; margin-bottom: 20px;} .clist-title { margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; padding: 10px 0; margin-top: 20px; } } @media screen and (max-width: 480px) { .comment-main .cus-top{margin-top: 20px;} .comment-main .cus-top .left-item { float: none;} .comment-main .cus-top .right-item .item-title > span:first-child { display: block; margin-bottom: 5px; } .comment-main .cus-top .right-item .item-title .num { font-size: 20px; font-size: 2rem; } } /*-------------5-comment list end----------------------------------------------------------*/ /*-------------6-write comment start-------------------------------------------------------*/ .write-comment {max-width: 1400px;margin: 0 auto;padding-bottom: 86px;} .write-comment .box-title {font-size: 32px;text-align: center;text-transform: uppercase;color: #000000;line-height: 42px;margin-bottom: 40px;font-family: BarlowCondensed-SemiBold;} .write-comment .write-box .left-item { float: left; width: 42%; margin-right: 3%; } .write-comment .write-box .left-item .item-pic {width: 100%; margin: 0 auto 20px; } .write-comment .write-box .left-item .item-pic img { display: block; width: 100%; } .write-comment .write-box .left-item .item-title { font-size: 18px; font-size: 1.8rem; line-height: 28px;text-transform: uppercase; margin-bottom: 8px; font-family: GemunuLibre-SemiBold;} .write-comment .write-box .left-item .item-title, .write-comment .write-box .left-item .item-title a { color: #000; } .write-comment .write-box .left-item .rate-div { font-size: 0; letter-spacing: 0; } .write-comment .write-box .left-item .rate-div > * { display: inline-block; vertical-align: middle; } .write-comment .write-box .left-item .rate-div .item-txt { font-size: 16px; font-size: 1.6rem; color: #999; line-height: 1.3; margin-right: 10px; } .write-comment .write-box .left-item .rate-div .item-rate { font-size: 0; letter-spacing: 0; } .write-comment .write-box .left-item .rate-div .item-rate > * { display: inline-block; vertical-align: middle; } .write-comment .write-box .left-item .rate-div .layui-rate { padding: 0; } .write-comment .write-box .left-item .rate-div .layui-rate li i.layui-icon { margin-right: 0;font-size: 14px;color: #135277; } .write-comment .write-box .left-item .rate-div .rate-txt { font-size: 14px; font-size: 1.4rem; color: #999; margin-left: 5px; } .write-comment .write-box .box-right {overflow: hidden; padding-top: 12px;} .write-comment .write-box .box-right input, .write-comment .write-box .box-right textarea, .write-comment .write-box .box-right button { border: solid 1px #DCDCDC; border-radius: 5px; display: block; width: 100%; padding: 0 16px; font-size: 14px; font-size: 1.4rem; color: #AAAAAA; } .write-comment .write-box .box-right input, .write-comment .write-box .box-right button { height: 46px; line-height: 44px; } .write-comment .write-box .box-right textarea { height: 136px; padding: 5px 16px; } .write-comment .write-box .box-right .item-row { margin-bottom: 18px; } .write-comment .write-box .box-right .item-txt { font-family: GemunuLibre-SemiBold; font-size: 16px; font-size: 1.6rem; line-height: 20px; color: #222; margin-bottom: 5px; } .write-comment .write-box .box-right .item-num { position: absolute; font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #AAAAAA; right: 14px; bottom: 12px; } .write-comment .write-box .box-right .item-img { float: left; cursor: pointer; line-height: 46px; font-size: 0; } .write-comment .write-box .box-right .item-img img { max-height: 46px; vertical-align: middle; } .write-comment .write-box .box-right .item-code { float: left; width: 190px; margin-right: 30px; } .write-comment .write-box .box-right .item-submit { width: 156px; float: left;margin-left: 30px; } .write-comment .write-box .box-right .item-submit input, .write-comment .write-box .box-right .item-submit button { cursor: pointer; background-color: #135277; color: #fff; border: 0; padding: 0; font-size: 16px; font-size: 1.6rem; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .write-comment .write-box .box-right .item-submit input:hover, .write-comment .write-box .box-right .item-submit button:hover { background-color: #135277;color: #fff; } .write-comment .write-box .box-right .layui-rate { padding: 0; } .write-comment .write-box .box-right .layui-rate li i.layui-icon { font-size: 20px; font-size: 2rem; } .write-comment .write-box .box-right .img-txt { font-size: 16px; font-size: 1.6rem; color: #222; line-height: 20px; margin-top: -4px; margin-bottom: 3px; } .write-comment .write-box .box-right .img-tip { line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #999; } .write-comment .write-box .box-right .img-list { padding: 27px 0 6px; overflow: hidden; } .write-comment .write-box .box-right .img-list li { width: 104px; margin-right: 13px; margin-bottom: 10px; float: left; } .write-comment .write-box .box-right .img-list li .box { display: table-cell; vertical-align: middle; width: 104px; height: 104px; border: 2px dashed #D9D9D9; border-radius: 0; text-align: center; cursor: pointer; position: relative; } .write-comment .write-box .box-right .img-list li .delete { display: none; position: absolute; top: -12px; right: -12px; } .write-comment .write-box .box-right .img-list li .jia { vertical-align: middle; display: inline-block; width: 28px; height: 28px; background-image: url("../images/jia-big.png"); background-position: center; background-repeat: no-repeat; } .write-comment .write-box .box-right .img-list li .num { position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto; width: 25px; height: 10px; background-image: url("../images/img-num1.png"); background-position: center; background-repeat: no-repeat; } .write-comment .write-box .box-right .img-list li:nth-child(2) .num { background-image: url("../images/img-num2.png"); } .write-comment .write-box .box-right .img-list li:nth-child(3) .num { background-image: url("../images/img-num3.png"); } .write-comment .write-box .box-right .img-list li .img { display: none; vertical-align: middle; } .write-comment .write-box .box-right .img-list li.on .img { display: inline-block; } .write-comment .write-box .box-right .img-list li.on .delete { display: block; } .write-comment .write-box .box-right .img-list li.on .jia { display: none; } .write-comment .write-box .box-right .img-list li.on .num { display: none; } .write-comment .write-box .box-right .img-list li .file-input { top: 0; left: 0; position: absolute; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; } @media screen and (max-width: 1669px) { .write-comment {padding-bottom: 72px;} .write-comment .box-title {font-size: 28px;line-height: 40px;margin-bottom: 36px;} } @media screen and (max-width: 1469px) { } @media screen and (max-width: 1259px) { .write-comment {padding-bottom: 58px;} .write-comment .box-title {font-size: 24px;line-height: 36px;margin-bottom: 32px;} .write-comment .write-box .left-item { margin-right: 2%; } .write-comment .write-box .left-item .item-pic { margin-bottom: 20px; } .write-comment .write-box .left-item .item-title { margin-bottom: 10px; } .write-comment .write-box .box-right {} .write-comment .write-box .box-right .item-row { margin-bottom: 15px; } .write-comment .write-box .box-right .item-code { width: 140px; margin-right: 20px; } .write-comment .write-box .box-right .item-submit { width: 140px; } .write-comment .write-box .box-right .layui-rate { margin-bottom: 0; } .write-comment .write-box .box-right .img-list { padding-top: 20px; } .write-comment .write-box .box-right .img-list li { width: 80px; } .write-comment .write-box .box-right .img-list li .box { width: 80px; height: 80px; } } @media screen and (max-width: 991px) { .write-comment {padding-bottom: 44px;} .write-comment .box-title {font-size: 20px;line-height: 32px;margin-bottom: 28px;} .write-comment {padding-bottom: 30px;} .write-comment .box-title {font-size: 18px;line-height: 28px;margin-bottom: 24px;} .write-comment .write-box .left-item { width: 100%; float: none; margin: 0 auto 30px; } .write-comment .write-box .left-item .item-pic { margin-bottom: 15px; } .write-comment .write-box .box-right {width: 100%;padding: 15px;} .write-comment .write-box .box-right .item-code { width: 320px; margin-right: 10px; } .write-comment .write-box .box-right .img-list { padding-top: 15px; } } @media screen and (max-width: 767px) { .write-comment {padding-bottom: 30px;} .write-comment .box-title {font-size: 18px;line-height: 28px;margin-bottom: 24px;} .write-comment .write-box .left-item .item-pic { margin-bottom: 10px; } .write-comment .write-box .left-item .item-title { margin-bottom: 5px;font-size: 14px;font-size: 1.4rem;line-height: 20px; } .write-comment .write-box .left-item .rate-div .item-txt { font-size: 14px; font-size: 1.4rem; margin-right: 5px; } .write-comment .write-box .left-item .rate-div .rate-txt { font-size: 12px; font-size: 1.2rem; margin-left: 3px; } .write-comment .write-box .box-right .item-txt { font-size: 14px; font-size: 1.4rem; } .write-comment .write-box .box-right .item-row { margin-bottom: 20px; } .write-comment .write-box .box-right .item-num { font-size: 12px; font-size: 1.2rem; right: 5px; bottom: 5px; } .write-comment .write-box .box-right .item-code { width: -webkit-calc(100% - 170px); width: -moz-calc(100% - 170px); width: calc(100% - 170px); } .write-comment .write-box .box-right .item-submit { margin-top: 10px; width: 100%; margin-left: 0;} .write-comment .write-box .box-right .item-row { margin-bottom: 15px; } .write-comment .write-box .box-right input, .write-comment .write-box .box-right textarea, .write-comment .write-box .box-right button { font-size: 12px; font-size: 1.2rem; padding-left: 10px; padding-right: 10px; } .write-comment .write-box .box-right input, .write-comment .write-box .box-right button { height: 32px !important; line-height: 30px !important; } .write-comment .write-box .box-right textarea { height: 100px; } .write-comment .write-box .box-right .item-img { line-height: 32px; } .write-comment .write-box .box-right .item-img img { max-height: 32px; vertical-align: middle; } .write-comment .write-box .box-right .item-code { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); } .write-comment .write-box .box-right .item-submit { width: 100%; } .write-comment .write-box .box-right .item-submit input, .write-comment .write-box .box-right .item-submit button { font-size: 14px; font-size: 1.4rem; } .write-comment .write-box .box-right .img-txt { font-size: 14px; font-size: 1.4rem; line-height: 20px; } .write-comment .write-box .box-right .img-tip { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 640px) { .write-comment {padding-bottom: 20px;} .write-comment .box-title {font-size: 16px;line-height: 24px;margin-bottom: 20px;} .write-comment .write-box .box-right .img-list { padding: 10px 0 0; } .write-comment .write-box .box-right .img-list li { margin-right: 10px; } .write-comment .write-box .box-right .img-list li .delete { width: 18px; top: -9px; right: -9px; } } /*-------------6-write comment end---------------------------------------------------------*/ /* faq */ .faq-wrap { position: relative; min-height: 300px;padding: 16px 0 5%;} .faq-slide { float: left; width: 260px; margin-bottom: 20px; z-index: 2; position: -webkit-sticky; position: sticky; left: 0; top: 0; } .faq-slide .slide-yiji { position: relative;width: 100%;border-top: 1px solid #aaa; } .faq-slide .slide-yiji > li { width: 100%; } .faq-slide .slide-yiji > li > a { display: block;position: relative; font-size: 16px;color: #999999;line-height: 28px;padding: 6px 15px;border-bottom: 1px solid #aaa;font-family: BarlowCondensed-SemiBold;} .faq-slide .slide-yiji > li:hover > a, .faq-slide .slide-yiji > li.active > a {color: #000;} .faq-title { font-size: 24px;color: #000000;line-height: 32px;position: relative;border-bottom: solid 1px #000; padding-bottom: 5px;font-family: BarlowCondensed-SemiBold; } .faq-title p, .faq-title a { display: block; line-height: 32px; position: relative;} .faq-title .iconfont {display: inline-block; position: absolute; right: 0; top: 3px;width: 24px;height: 24px;line-height: 24px;text-align: center;color: #999;font-size: 18px; font-size: 1.8rem; cursor: pointer; } .faq-title .iconfont:hover { color: #002B45; } .faq-title a:hover { color: #002B45; } .faq-title.faq-title2 { display: none; } @media screen and (max-width: 1259px) { .faq-slide {width: 250px; margin-bottom: 20px; } .faq-slide .slide-yiji > li > a { font-size: 15px;line-height: 28px;padding: 5px 14px;} .faq-title { font-size: 22px;line-height: 30px;padding-bottom: 5px; } .faq-title p, .faq-title a {line-height: 28px;} .faq-title .iconfont {top: 2px;} } @media screen and (max-width: 991px) { .faq-slide {width: 100%; margin-bottom: 20px;background-color: #FFFFFF} .faq-slide .slide-yiji > li > a { font-size: 14px;line-height: 26px;padding: 4px 12px;} .faq-title { font-size: 20px;line-height: 28px;padding-bottom: 5px; margin-bottom: 10px;} .faq-title p, .faq-title a {line-height: 28px;} .faq-title .iconfont {top: 2px;font-size: 16px; font-size: 1.6rem;} .faq-slide .slide-yiji { display: none; } .faq-slide .slide-yiji > li > a { font-size: 13px;line-height: 22px;padding: 3px 12px;} .faq-title.faq-title1 { display: none; } .faq-title.faq-title2 { display: block; } } .faq-main { float: right; width: 900px;position: relative; } .faq-list{position: relative;width: 100%;margin-bottom: 52px;} .faq-list .box-title {font-size: 24px;position: relative;font-family: BarlowCondensed-SemiBold;color: #333333;text-align: center;line-height: 32px;margin-bottom: 20px;} .faq-list .list-item {overflow: hidden;position: relative;width: 100%;border: 1px solid #E0E0E0; } .faq-list .item-title {cursor: pointer; position: relative;font-size: 20px;padding: 10px 26px;padding-right: 50px;font-family: BarlowCondensed-SemiBold;color: #333333;background: #FFFFFF;line-height: 30px;} .faq-list .item-title span{text-transform: uppercase;margin-right: 16px;} .faq-list .item-title:before { position: absolute; content: '\e608'; font-family: "iconfont" !important;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 16px; font-size: 1.6rem; display: block; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 22px; top: 50%;transform: translateY(-50%); color: #333; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .faq-list .item-title.active {color: #002B45; } .faq-list .item-title.active:before { content: "\e605"; } .faq-list .item-desc { display: none; padding: 16px 26px; position: relative; font-size: 14px;font-family: BarlowCondensed-SemiBold;color: #555;line-height: 20px;background: #FFFFFF;} .faq-list .item-desc span{text-transform: uppercase;margin-right: 16px;} .faq-list .item-desc p { min-height: 20px; } .faq-page{padding-top: 20px;} @media screen and (max-width: 1259px) { .faq-main {width: 680px;} .faq-list{margin-bottom: 40px;} .faq-list .box-title {font-size: 22px;line-height: 30px;margin-bottom: 20px;} .faq-list .item-title {font-size: 16px;padding: 8px 20px;padding-right: 44px;line-height: 28px;} .faq-list .item-title span{margin-right: 14px;} .faq-list .item-title:before { font-size: 16px; font-size: 1.6rem;right: 20px;} .faq-list .item-desc {padding: 14px 20px;font-size: 14px;line-height: 20px; } .faq-list .item-desc p { min-height: 20px; } .faq-page{padding-top: 18px;} } @media screen and (max-width: 991px) { .faq-main {width: 100%;} .faq-list{margin-bottom: 28px;} .faq-list .box-title {font-size: 20px;line-height: 28px;margin-bottom: 18px;} .faq-list .item-title {font-size: 15px;padding: 6px 18px;padding-right: 38px;line-height: 26px;} .faq-list .item-title span{margin-right: 12px;} .faq-list .item-title:before { font-size: 15px; font-size: 1.5rem;right: 20px;} .faq-list .item-desc {padding: 12px 18px;font-size: 13px;line-height: 20px; } .faq-list .item-desc p { min-height: 20px; } .faq-page{padding-top: 16px;} } @media screen and (max-width: 720px) { .faq-main {width: 100%;} .faq-list{margin-bottom: 28px;} .faq-list .box-title {font-size: 20px;line-height: 28px;margin-bottom: 18px;} .faq-list .item-title {font-size: 14px;padding: 6px 18px;padding-right: 38px;line-height: 26px;} .faq-list .item-title span{margin-right: 12px;} .faq-list .item-title:before { font-size: 15px; font-size: 1.5rem;right: 18px;} .faq-list .item-desc {padding: 12px 18px;font-size: 13px;line-height: 19px; } .faq-list .item-desc p { min-height: 19px; } .faq-page{padding-top: 16px;} } /* seckill-bar start */ .seckill-bar {font-size: 0; letter-spacing: 0;position: relative;} .seckill-bar-name{display: inline-block;vertical-align: top;position: relative;min-width: 150px;padding: 8px 18px;font-size: 18px;line-height: 27px;font-family: GemunuLibre-SemiBold;color: #002B45;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;} .seckill-bar-name .iconfont{position: absolute;right: 10px; } .seckill-bar-list{position: absolute;right: 0;left: 0;top: 100%;width: 100%;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;z-index: 99;padding: 10px;padding-right: 4px; display: none;} .seckill-bar-list a{display: block;color: #666;font-family: GemunuLibre-SemiBold;font-size: 18px;line-height: 26px;} .seckill-bar-list a:hover, .seckill-bar-list a.active {color: #002B45;background: transparent;} @media screen and (max-width: 1779px) { .seckill-bar {margin-right: 28px; } .seckill-bar-name{min-width: 148px;padding: 8px 18px;font-size: 18px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1609px) { .seckill-bar {margin-right: 26px; } .seckill-bar-name{min-width: 142px;padding: 7px 16px;font-size: 17px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1429px) { .seckill-bar {margin-right: 20px; } .seckill-bar-name{min-width: 136px;padding: 6px 14px;font-size: 16px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1259px) { .seckill-bar {margin-right: 18px; } .seckill-bar-name{min-width: 132px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } @media screen and (max-width: 991px) { .seckill-bar {margin-right: 16px; } .seckill-bar-name{min-width: 128px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } @media screen and (max-width: 460px) { .seckill-bar {margin-right: 16px;} .seckill-bar-name{min-width: 124px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } /* .seckill-bar a { display: inline-block; vertical-align: top; font-size: 14px; font-size: 1.4rem; line-height: 28px; position: relative; color: #666; margin-left: 30px; } */ /* .seckill-bar a:before { position: absolute; content: ''; left: 0; top: 4px; bottom: 4px; background-color: #999; width: 1px; } .seckill-bar a:first-child { padding-left: 0; } .seckill-bar a:last-child { padding-right: 0; } .seckill-bar a:first-child:before { display: none; } */ /* .seckill-bar a:first-child { margin-left: 0; } .seckill-bar a:hover, .seckill-bar a.active { color: #135277; } @media screen and (max-width: 1469px) { .seckill-bar a {font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 0 10px;margin-left: 26px;} .seckill-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 1259px) { .seckill-bar a {font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 0 8px;margin-left: 24px;} .seckill-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 991px) { .seckill-bar a {font-size: 13px; font-size: 1.3rem; line-height: 24px; padding: 0 6px;margin-left: 20px;}.seckill-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .seckill-bar {text-align: left;}} @media screen and (max-width: 991px) { .seckill-bar { float: left; width: 100%; text-align: left; }} */ /* @media screen and (max-width: 767px) { .seckill-bar a { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } */ /* seckill-bar end */ /* group-bar start */ .group-bar {font-size: 0; letter-spacing: 0;position: relative;margin-right: 30px; } .group-bar-name{display: inline-block;vertical-align: top;position: relative;min-width: 226px;padding: 8px 18px;font-size: 18px;line-height: 27px;font-family: GemunuLibre-SemiBold;color: #002B45;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;} .group-bar-name .iconfont{position: absolute;right: 10px; } .group-bar-list{position: absolute;right: 0;left: 0;top: 100%;width: 100%;background: #FFFFFF;border: 2px solid #002B45;border-radius: 8px;z-index: 99;padding: 10px;padding-right: 4px; display: none;} .group-bar-list a{display: block;color: #666;font-family: GemunuLibre-SemiBold;font-size: 18px;line-height: 26px;} .group-bar-list a:hover, .group-bar-list a.active {color: #002B45;background: transparent;} @media screen and (max-width: 1779px) { .group-bar {margin-right: 28px; } .group-bar-name{min-width: 220px;padding: 8px 18px;font-size: 18px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1609px) { .group-bar {margin-right: 26px; } .group-bar-name{min-width: 220px;padding: 7px 16px;font-size: 17px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1429px) { .group-bar {margin-right: 20px; } .group-bar-name{min-width: 212px;padding: 6px 14px;font-size: 16px;line-height: 26px;border-radius: 8px;} } @media screen and (max-width: 1259px) { .group-bar {margin-right: 18px; } .group-bar-name{min-width: 208px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } @media screen and (max-width: 991px) { .group-bar {margin-right: 16px; } .group-bar-name{min-width: 196px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } @media screen and (max-width: 460px) { .group-bar {margin-right: 16px;} .group-bar-name{min-width: 196px;padding: 5px 12px;font-size: 16px;line-height: 26px;border-radius: 6px;} } /* .group-bar a { display: inline-block; vertical-align: top; font-size: 14px; font-size: 1.4rem; line-height: 24px;position: relative; color: #666; margin-left: 30px;} */ /* .group-bar a:first-child { margin-left: 0; } .group-bar a:hover, .group-bar a.active { color: #135277;} @media screen and (max-width: 1469px) { .group-bar a {font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 0 10px;margin-left: 26px;} .group-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 1259px) { .group-bar a {font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 0 8px;margin-left: 24px;} .group-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 991px) {.group-bar {float: left;width: 100%;text-align: left;} .group-bar a {font-size: 13px; font-size: 1.3rem; line-height: 24px; padding: 0 6px;margin-left: 20px;}.group-bar a:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .group-bar {text-align: left;}} */ /* group-bar end */ .py-owl { overflow: hidden; } .py-owl .owl-carousel { width: 101.66667%; margin-left: -0.83333%; } .py-owl .list-item { margin: 0 1.3%; background-color: #fff; } .py-owl .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; } .py-owl .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom:56.20567375886525%; height: 0; } .py-owl2 .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 71.2280701754386%; height: 0; } .py-owl .item-videobox .item-video iframe, .py-owl .item-videobox .item-video video, .py-owl .item-videobox .item-video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .py-owl .item-videobox .item-video iframe body { margin: 0px !important; } /* .py-owl .item-body { background-color: #f5f5f5;padding: 16px 30px 18px; } @media screen and (max-width: 1629px) { .py-owl .item-body {padding: 14px 24px 16px; } } @media screen and (max-width: 1439px) { .py-owl .item-body {padding: 12px 18px 14px; } } @media screen and (max-width: 1259px) { .py-owl .item-body {padding: 10px 15px 12px; } } @media screen and (max-width: 767px) { .py-owl .item-body { padding: 10px 5px 14px; } } */ .py-owl .item-body{position: relative;padding-top: 15px;} .py-owl .item-title { font-size: 18px; font-size: 1.8rem;font-family: BarlowCondensed-SemiBold; line-height: 30px; margin-bottom: 6px;color: #135277; } @media screen and (max-width: 1259px) {.py-owl .item-body{padding-top: 12px;} .py-owl .item-title { line-height: 26px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 767px) {.py-owl .item-body{padding-top: 10px;} .py-owl .item-title { line-height: 22px; font-size: 14px; font-size: 1.4rem; } } .py-owl .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-bottom: 12px;color: #666; } @media screen and (max-width: 1259px) { .py-owl .item-desc { margin-bottom: 8px; line-height: 22px; } } @media screen and (max-width: 767px) { .py-owl .item-desc { line-height: 20px; font-size: 12px; font-size: 1.2rem; } } .py-owl .item-info { font-size: 0; letter-spacing: 0; display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .py-owl .item-info .info-item { display: inline-block; vertical-align: top; color: #999; font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-right: 15px; font-family: arial;} .py-owl .item-info .info-item:last-child { margin-right: 0; } .py-owl .item-info .iconfont { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .maylike-box { margin-top: 84px;} @media screen and (max-width: 1609px) { .maylike-box {margin-top: 72px;} } @media screen and (max-width: 1429px) { .maylike-box {margin-top: 60px;} } @media screen and (max-width: 1259px) { .maylike-box {margin-top: 48px;} } @media screen and (max-width: 991px) { .maylike-box {margin-top: 36px;} } @media screen and (max-width: 767px) {.maylike-box {margin-top: 24px;} } @media screen and (max-width: 560px) {.maylike-box {margin-top: 20px;} } .pro-youtube .box-title, .maylike-box .box-title {font-size: 36px;font-size: 3.6rem;line-height: 44px;text-transform: uppercase; padding-bottom: 24px;position: relative;font-family: BarlowCondensed-SemiBold;color: #002B45; } @media screen and (max-width: 1609px) {.pro-youtube .box-title, .maylike-box .box-title { font-size: 32px; font-size: 3.2rem;line-height: 40px;padding-bottom: 22px; } } @media screen and (max-width: 1429px) {.pro-youtube .box-title, .maylike-box .box-title { font-size: 28px; font-size: 2.8rem;line-height: 36px;padding-bottom: 20px; } } @media screen and (max-width: 1259px) {.pro-youtube .box-title, .maylike-box .box-title { font-size: 24px; font-size: 2.4em;line-height: 32px;padding-bottom: 18px;} } @media screen and (max-width: 991px) {.pro-youtube .box-title, .maylike-box .box-title { font-size: 20px; font-size: 2rem;line-height: 28px; padding-bottom: 16px; } } @media screen and (max-width: 767px) {.pro-youtube .box-title, .maylike-box .box-title { font-size: 18px; font-size: 1.8rem;line-height: 28px;} } .maylike-box .may-owl { position: relative; overflow: hidden;} .maylike-box .may-owl .owl-carousel { width: 102.25%; margin-left: -1.125%; } @media screen and (max-width: 1259px) { .maylike-box .may-owl .owl-carousel { width: 102%; margin-left: -1%; } } .maylike-box .may-owl .list-item { margin: 0 3.26%; display: block;} .maylike-box .may-owl .list-item:hover .item-btn { opacity: 1; visibility: visible; } @media screen and (max-width: 1259px) { .maylike-box .may-owl .list-item { margin: 0 3.92157%; } } @media screen and (max-width: 991px) { .maylike-box .may-owl .list-item { margin: 0 2.94118%; } } @media screen and (max-width: 640px) { .maylike-box .may-owl .list-item { margin: 0 1.96078%; } } .maylike-box .may-owl .item-pic img { display: block; width: 100%; } /* .maylike-box .may-owl .item-body { font-size: 0; padding: 13px 5px 20px; } @media screen and (max-width: 1259px) { .maylike-box .may-owl .item-body { padding: 10px 5px; } } .maylike-box .may-owl .item-title { font-size: 20px; font-size: 2rem; line-height: 1.3; margin-bottom: 11px; } @media screen and (max-width: 1259px) { .maylike-box .may-owl .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 6px; } } @media screen and (max-width: 767px) { .maylike-box .may-owl .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 4px; } } */ .maylike-box .may-owl .item-info { font-size: 0; letter-spacing: 0; position: relative; } .maylike-box .may-owl .item-info > * { display: inline-block; vertical-align: middle; } .maylike-box .may-owl .item-lv { position: static; width: auto; } .maylike-box .may-owl .item-lv .iconfont { line-height: 20px; } .maylike-box .may-owl .icon-info { right: 0; left: auto; } .maylike-box .may-owl .item-btn { max-width: 100%; display: inline-block; padding: 0 57px; border: 1px solid #2B292A; border-radius: 6px; line-height: 37px; font-family: AvenirLTStd-Medium; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; margin-top: 11px; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } @media screen and (max-width: 1259px) { .maylike-box .may-owl .item-btn { margin-top: 10px; line-height: 28px; padding: 0 30px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 991px) { .maylike-box .may-owl .item-btn { display: none !important; } } .m-probadge .box-list { font-size: 0; letter-spacing: 0; } .m-probadge .list-item { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; } .n-prot { font-size: 24px; font-size: 2.4rem; line-height: 1.3; text-align: center; text-transform: uppercase; margin-bottom: 42px; } @media screen and (max-width: 1259px) { .n-prot { margin-bottom: 40px; font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 991px) { .n-prot { margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .n-prot { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; } } .pro-3v-content{position: relative;font-size: 0;letter-spacing: 0;padding: 40px 0 20px;margin-left: -20px;margin-right: -20px;} .pro-3v-item { display: inline-block;vertical-align: top;width: 50%;padding: 0 20px;margin-bottom: 25px; } .pro-3v-item .tab-title{text-align: left;font-size: 34px;font-size: 3.4rem;color: #243912;line-height: 40px;padding: 40px 0;text-transform: uppercase;} .pro-3v-item .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; } .pro-3v-item .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 67.58620689655172%; height: 0; } .pro-3v-item .item-videobox .item-video iframe, .pro-3v-item .item-videobox .item-video video, .pro-3v-item .item-videobox .item-video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .pro-3v-item .item-videobox .item-video iframe body { margin: 0px !important; } .pro-3v-item .item-body { background-color: #F8F8F8; padding: 10px 15px 18px; } @media screen and (max-width: 1259px) { .pro-3v-item .item-body { padding: 10px; } } @media screen and (max-width: 767px) { .pro-3v-item .item-body { padding: 10px 5px; } } .pro-3v-item .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 1px; } @media screen and (max-width: 767px) { .pro-3v-item .item-title { line-height: 20px; font-size: 14px; font-size: 1.4rem; } } .pro-3v-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 22px; } @media screen and (max-width: 1259px) { .pro-3v-item .item-desc { margin-bottom: 10px; line-height: 22px; } } @media screen and (max-width: 767px) { .pro-3v-item .item-desc { line-height: 20px; font-size: 12px; font-size: 1.2rem; } } .pro-3v-item .item-info { font-size: 0; letter-spacing: 0; } .pro-3v-item .item-info .info-item { display: inline-block; vertical-align: top; color: #999; font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-right: 15px; } .pro-3v-item .item-info .info-item:last-child { margin-right: 0; } .pro-3v-item .item-info .iconfont { font-size: 12px; font-size: 1.2rem; } @media screen and (max-width: 1459px) { .pro-3v-item .tab-title{font-size: 30px;font-size: 3rem;line-height: 36px;padding: 32px 0;}} @media screen and (max-width: 1259px) { .pro-3v-item .tab-title{font-size: 26px;font-size: 2.6rem;line-height: 32px;padding: 28px 0;}.pro-3v-content{padding: 36px 0 16px;margin-left: -15px;margin-right: -15px;} .pro-3v-item {width: 50%;padding: 0 15px;margin-bottom: 25px; }} @media screen and (max-width: 991px) { .pro-3v-item .tab-title{font-size: 22px;font-size: 2.2rem;line-height: 28px;padding: 24px 0;}.pro-3v-content{padding: 30px 0 16px;margin-left: -10px;margin-right: -10px;} .pro-3v-item {width: 50%;padding: 0 10px;margin-bottom: 20px; }} @media screen and (max-width: 767px) { .pro-3v-item .tab-title{font-size: 20px;font-size: 2rem;line-height: 28px;padding: 22px 0;}.pro-3v-content{padding: 30px 0 12px;margin-left: -8px;margin-right: -8px;} .pro-3v-item {width: 50%;padding: 0 8px;margin-bottom: 20px; }} @media screen and (max-width: 420px) { .pro-3v-item {width: 100%;padding: 0 8px;margin-bottom: 20px; }} .pro-3v{margin-top: 90px;} @media screen and (max-width: 1259px) { .pro-3v { margin-top: 70px; } } @media screen and (max-width: 991px) { .pro-3v { margin-top: 50px; } } @media screen and (max-width: 767px) { .pro-3v { margin-top: 30px; } } @font-face { font-family: 'BarlowCondensed-SemiBold'; src: url('../fonts/BarlowCondensed-SemiBold.eot'); src: url('../fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BarlowCondensed-SemiBold.woff2') format('woff2'), url('../fonts/BarlowCondensed-SemiBold.woff') format('woff'), url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype'), url('../fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins-Light'; src: url('../fonts/Poppins-Light.eot'); src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.eot'); src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins-Medium'; src: url('../fonts/Poppins-Medium.eot'); src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins-SemiBold'; src: url('../fonts/Poppins-SemiBold.eot'); src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins-Regular'; src: url('../fonts/Poppins-Regular.eot'); src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'GemunuLibre-SemiBold'; src: url('../fonts/GemunuLibre-SemiBold.eot'); src: url('../fonts/GemunuLibre-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GemunuLibre-SemiBold.woff2') format('woff2'), url('../fonts/GemunuLibre-SemiBold.woff') format('woff'), url('../fonts/GemunuLibre-SemiBold.ttf') format('truetype'), url('../fonts/GemunuLibre-SemiBold.svg#GemunuLibre-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @media screen and (max-width: 1100px) { .layui-layer-iframe {overflow-y: visible !important;} } .pppnone{font-size: 14px;margin-left: 15px}