.nav {padding-left: 0;margin-bottom: 0;list-style: none;}.nav > li {position: relative;display: block;}.nav > li > a {position: relative;display: block;padding: 10px 15px;}.nav > li > a:hover,.nav > li > a:focus {text-decoration: none;background-color: #eeeeee;}@media (min-width: 768px) {.navbar-header {float: left;}}.navbar-collapse {padding-right: 15px;padding-left: 15px;overflow-x: visible;border-top: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}.navbar-collapse.in {overflow-y: auto;}@media (min-width: 992px) {.navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}.navbar-collapse.in {overflow-y: visible;}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}}.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;right: 0;left: 0;z-index: 1030;}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {max-height: 340px;}@media (max-device-width: 480px) and (orientation: landscape) {.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {max-height: 200px;}}@media (min-width: 768px) {.navbar-fixed-top,.navbar-fixed-bottom {border-radius: 0;}}.navbar-fixed-top {top: 0;border-width: 0 0 1px;}.navbar-fixed-bottom {bottom: 0;margin-bottom: 0;border-width: 1px 0 0;}.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse {margin-right: -15px;margin-left: -15px;}@media (min-width: 768px) {.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse {margin-right: 0;margin-left: 0;}}.navbar-static-top {z-index: 1000;border-width: 0 0 1px;}@media (min-width: 768px) {.navbar-static-top {border-radius: 0;}}.navbar-brand {float: left;height: 50px;padding: 15px 15px;font-size: 18px;line-height: 20px;}.navbar-brand:hover,.navbar-brand:focus {text-decoration: none;}.navbar-brand > img {display: block;}@media (min-width: 768px) {.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {margin-left: -15px;}}.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-right: 15px;margin-top: 8px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}.navbar-toggle:focus {outline: 0;}.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}@media (min-width: 768px) {.navbar-toggle {display: none;}}.navbar-nav {margin: 7.5px -15px;}.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}@media (max-width: 767px) {.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}.navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}.navbar-nav .open .dropdown-menu > li > a:hover,.navbar-nav .open .dropdown-menu > li > a:focus {background-image: none;}}@media (min-width: 768px) {.navbar-nav {float: left;margin: 0;}.navbar-nav > li {float: left;}.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}}.navbar-nav > li > .dropdown-menu {margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {margin-bottom: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.navbar-btn {margin-top: 8px;margin-bottom: 8px;}.navbar-btn.btn-sm {margin-top: 10px;margin-bottom: 10px;}.navbar-btn.btn-xs {margin-top: 14px;margin-bottom: 14px;}.navbar-text {margin-top: 15px;margin-bottom: 15px;}@media (min-width: 768px) {.navbar-text {float: left;margin-right: 15px;margin-left: 15px;}}@media (min-width: 768px) {.navbar-left {float: left !important;}.navbar-right {float: right !important;margin-right: -15px;}.navbar-right ~ .navbar-right {margin-right: 0;}}.navbar-default {background-color: #f8f8f8;border-color: #e7e7e7;}.navbar-default .navbar-brand {color: #777;}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color: #5e5e5e;background-color: transparent;}.navbar-default .navbar-text {color: #777;}.navbar-default .navbar-nav > li > a {color: #777;}.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #333;background-color: transparent;}.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {color: #555;background-color: #e7e7e7;}.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:hover,.navbar-default .navbar-nav > .disabled > a:focus {color: #ccc;background-color: transparent;}.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {color: #555;background-color: #e7e7e7;}@media (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;background-color: transparent;}.navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555;background-color: #e7e7e7;}.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #ccc;background-color: transparent;}}.navbar-default .navbar-toggle {border-color: #ddd;}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #ddd;}.navbar-default .navbar-toggle .icon-bar {background-color: #888;}.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: #e7e7e7;}.navbar-default .navbar-link {color: #777;}.navbar-default .navbar-link:hover {color: #333;}.navbar-default .btn-link {color: #777;}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {color: #333;}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {color: #ccc;}.navbar-inverse {background-color: #222;border-color: #080808;}.navbar-inverse .navbar-brand {color: #9d9d9d;}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {color: #fff;background-color: transparent;}.navbar-inverse .navbar-text {color: #9d9d9d;}.navbar-inverse .navbar-nav > li > a {color: #9d9d9d;}.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color: #fff;background-color: transparent;}.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {color: #fff;background-color: #080808;}.navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus {color: #444;background-color: transparent;}.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {color: #fff;background-color: #080808;}@media (max-width: 767px) {.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {border-color: #080808;}.navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #080808;}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #9d9d9d;}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff;background-color: transparent;}.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff;background-color: #080808;}.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #444;background-color: transparent;}}.navbar-inverse .navbar-toggle {border-color: #333;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #333;}.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {border-color: #101010;}.navbar-inverse .navbar-link {color: #9d9d9d;}.navbar-inverse .navbar-link:hover {color: #fff;}.navbar-inverse .btn-link {color: #9d9d9d;}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {color: #fff;}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {color: #444;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} /*** 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";} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none;right: 0px;left: auto; } .swiper-button-next::before{content: "\e731";} .swiper-button-next, .swiper-button-prev { font-family: "iconfont"; font-size: 18px; text-align: center; color: #333; z-index: 10; } .zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;} .zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url();background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;} .zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;} .zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;} .zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;} .zoomWrapper{position:relative;border:1px solid #C6C6C6;z-index:110;} .zoomWrapperTitle{display:block;background:#C6C6C6;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);} .zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;} .zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;} .zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;} /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ #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; -.h1-text amoz-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; } .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 {}/* 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);}/* Owl Carousel Owl Demo Theme v1.3.3 *//* 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: 30px; }@media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } }@media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-pagination { margin-top: 10px; } }.owl-theme .owl-controls .owl-page { display: inline-block; vertical-align: top; }.owl-theme .owl-controls .owl-page span { display: block; width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; font-size: 0; border: solid 2px #fff; }@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: #fff; }/* 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; }.cer-owl { position: relative; margin-left: -12px; margin-right: -12px;padding-bottom: 66px;}.cer-owl .owl-buttons {display: none !important; }.cer-owl .owl-btns { font-size: 0; letter-spacing: 0; }.cer-owl .owl-btns .owl-btn { display: inline-block; vertical-align: top; font-size: 14px; line-height: 31px; color: #666; cursor: pointer; position: absolute; bottom: 0; width: 33px;height: 33px;border: 1px solid #686868; }.cer-owl .owl-btns .owl-btn:hover { background: #252525;color: #fff;border-color: #252525; }.cer-owl .owl-btns .owl-btn.disabled { color: #666; cursor: auto; }.cer-owl .owl-btns .item-prev { left: 50%;transform: translateX(-120%); }@media screen and (max-width: 991px) { .cer-owl .owl-btns .item-prev { margin-right: 5px; } }.cer-owl .owl-btns .item-next { right: 50%;transform: translateX(120%); }.cer-owl .list-item { margin: 0 4%; }@media screen and (max-width: 1199px) { .cer-owl .list-item { margin: 0 5.17241%; } }.cer-owl .item-img img { display: block; width: 100%; }@media screen and (max-width: 991px) { .cer-owl .item-backdrop { display: none; } }.cer-owl .item-backdrop:before { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }.cer-owl .item-backdrop .iconfont { font-size: 34px;color: #fff; position: relative; } @font-face { font-family: 'poppinsbold'; src: url('../font/font-family/poppins-bold-webfont.eot'); src: url('../font/font-family/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/font-family/poppins-bold-webfont.woff2') format('woff2'), url('../font/font-family/poppins-bold-webfont.woff') format('woff'), url('../font/font-family/poppins-bold-webfont.ttf') format('truetype'), url('../font/font-family/poppins-bold-webfont.svg#poppinsbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'poppinsregular'; src: url('../font/font-family/poppins-regular-webfont.eot'); src: url('../font/font-family/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/font-family/poppins-regular-webfont.woff2') format('woff2'), url('../font/font-family/poppins-regular-webfont.woff') format('woff'), url('../font/font-family/poppins-regular-webfont.ttf') format('truetype'), url('../font/font-family/poppins-regular-webfont.svg#poppinsregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } * { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%;} body {margin: 0 auto;font-family: 'poppinsregular',arial;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;color: #333;} ::selection { color: #fff; background: #0261AE;} .bold{font-family: 'poppinsbold';} img {border: none; vertical-align: middle; max-width: 100%;} 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;} 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-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none;font-family: "poppinsregular";} input:focus, textarea:focus, select:focus { outline: none; } textarea { resize: none; } .h1, .h2, .h3, h1, h2, h3{margin: 0;padding: 0;font-weight: normal;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; display: inline-block; } a:hover,a.active,a:focus {color: #0261AE;text-decoration: none;transition: 0.5s ease-in-out;} a:hover {text-decoration: none;color: #0261AE;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; } a:link{text-decoration: none;} a:visited{text-decoration: none;} a, button {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;text-decoration: none;background-color: transparent;border: 0;cursor: pointer;} embed, video, iframe {max-width: 100%;} .mar0{margin: 0 !important;}.padd0{padding: 0 !important;} .mln {margin-left: auto !important} .iconfont{font-size: 20px; text-align: center; line-height: 1; } .flo-left{float: left;}.flo-right{float: right;}.clear{clear: both;} .pull-left { float: left !important; } .pull-right { float: right !important; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .posi-rela{position: relative;}.posi-abso{position: absolute;}.posi-fix{position: fixed;} .text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;} .contain{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.contain{width:750px;}} @media (min-width:992px){.contain{width:980px;}} @media (min-width:1260px){.contain{width:1230px;}} .contain14{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.contain14{width:750px;}} @media (min-width:992px){.contain14{width:980px;}} @media (min-width:1260px){.contain14{width:1230px;}} @media (min-width:1460px){.contain14{width:1430px;}} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left: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:1360px){.container{width:1340px;}} .flex{display: flex;}.block{display: block;}.inblock{display: inline-block;} .self-ellipsis {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis a{display: block; 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-2 a {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-3 a {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;} a.pic{display: block; text-align: center; position: relative; overflow: hidden;} .pic img {-webkit-transition: all 550ms;-o-transition: all 550ms;-moz-transition: all 550ms;transition: all 550ms;} .pic: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);} .picimgs a {position: relative;display: block;overflow: hidden;} .picimgs:hover a::before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, .2);} .picimgs a::before,.picimgs a::after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(255, 255, 255, 0);transition: all 0.7s ease-in-out;} .picimgs:hover a::after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, .2);} .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%); } .item-table {display: table;table-layout: fixed;width: 100%;height: 100%;} .item-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;} .item-backdrop .iconfont {font-size: 26px;color: #fff;position: relative;} /* .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: #; -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: #51CB93 !important; background-color: #51CB93 \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: #0261AE; -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: #0261AE !important; background-color: #0261AE \9; color: #fff !important; } .an-btn2:hover .iconfont { color: #fff !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.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background-color: #0261AE; } } @media screen and (max-width: 991px){.an-bd1 .item-backdrop{display: none;}} @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; } } .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;} @font-face { font-family: "iconfont"; /* Project id 1768807 */ src: url('../font/font-icon/iconfont.woff2?t=1634973307282') format('woff2'), url('../font/font-icon/iconfont.woff?t=1634973307282') format('woff'), url('../font/font-icon/iconfont.ttf?t=1634973307282') format('truetype'); } @font-face { font-family: "iconfont"; /* Project id 2894554 */ src: url('../font/font-icon2/iconfont.woff2?t=1642146652976') format('woff2'), url('../font/font-icon2/iconfont.woff?t=1642146652976') format('woff'), url('../font/font-icon2/iconfont.ttf?t=1642146652976') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-size: 20px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .iconteam:before {content: "\e6ed";}.iconyuanzi:before {content: "\e6ea";}.iconxitongkaifa:before {content: "\e6eb";}.iconcaidan-shengchanshebei:before {content: "\e6ec";}.icona-pinterest1:before {content: "\e6e8";}.iconyiwancheng:before {content: "\e6e5";}.iconquanbu:before {content: "\e6e0";}.iconbianji:before {content: "\e6e1";}.iconweixiu:before {content: "\e6e2";}.iconfenxiang:before {content: "\e6e3";}.iconxinxi:before {content: "\e6e4";}.iconshougongfangshitianxiebufuzhangxiangtiaojiebiao:before {content: "\e6e6";}.iconshezhi:before {content: "\e6e7";}.icona-shouji1:before {content: "\e6df";}.iconbiaoqian_o:before {content: "\e6dd";}.iconshouxinchengnuo:before {content: "\e6d9";}.iconweijizhi:before {content: "\e6db";}.iconzuanshi_o:before {content: "\e6de";}.iconfaq:before {content: "\e6cf";}.iconbaoxiu:before {content: "\e6d0";}.iconkefu:before {content: "\e6d1";}.icondingdan:before {content: "\e6d2";}.iconyunshu:before {content: "\e6d3";}.iconup_s:before {content: "\e6cd";}.icona-weixin1:before {content: "\e6ce";}.iconshouji:before {content: "\e6cc";}.iconsubmit-o:before {content: "\e6ca";}.iconsubmit:before {content: "\e6cb";}.icona-40youxiang:before {content: "\e6c2";}.icona-xiazai1:before {content: "\e6c8";}.iconshangchuan:before {content: "\e6c9";}.iconyoushuangjiantou:before {content: "\e6c4";}.iconyoujiantou:before {content: "\e6c5";}.iconchangjiantou:before {content: "\e6c6";}.icongouwuche-xuanzhong:before {content: "\e6c7";}.iconyunxiazai_o:before {content: "\e6ba";}.iconcuowu:before {content: "\e6bb";}.icontuanduiguanliicon:before {content: "\e6bc";}.iconzhihuihuanbao_gongchang:before {content: "\e6bd";}.iconlaji:before {content: "\e6be";}.icona-youjiantou1:before {content: "\e6bf";}.iconzuoshuangjiantou:before {content: "\e6c0";}.iconzuanshi:before {content: "\e6c1";}.iconzhiliangguanli:before {content: "\e6c3";} .icon-sousuo4:before {content: "\e610";}.icon-sousuo:before {content: "\e616";}.icon-sousuo1:before {content: "\e65b";}.icon-up7:before {content: "\e722";}.icon-bottom7:before {content: "\e723";}.icon-left7:before {content: "\e724";}.icon-right7:before {content: "\e725";}.icon-instagram1:before {content: "\e640";}.icon-vk:before {content: "\e735";}.icon-jia2:before {content: "\e608";}.icon-jian2:before {content: "\e600";}.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-right1:before {content: "\e731";}.icon-left1:before {content: "\e730";}.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";} .slick-list,.slick-slider,.slick-track {position: relative;display: block}.slick-loading .slick-slide,.slick-loading .slick-track {visibility: hidden}.slick-slider {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 {position: relative;}.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 {object-position: inherit;object-fit: inherit;width: 100%;height: 100%;transform: translate(0, 0);left: 0;top: 0;}} /* mm-menu */ .mm-search-form{position: relative;background-color: #EFEFEF; border-radius: 20px; padding: 6px 0;}.mm-search{position: relative; padding: 0 15px; }.mm-search-form input{font-size: 16px; color: #333; line-height: 28px; width: 100%; }.mm-search .search-btn{position: absolute; top: 10px; right: 10px;background-color: transparent; border: 0;font-size: 0;width: 20px;}.mm-search .side-mm-keyword{max-height: 32px;height: 32px;padding: 0 16px;} .mm-search .iconfont{position: absolute; top: 15px; right: 10px;color: #666;} .m_nav{position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 2000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%); }.m_nav.open{transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0); } @media (min-width:992px){.m_nav.open{transform: translateX(100%);}} .m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}.m_nav .logo{width: 100%;margin:0 auto;}.m_nav .logo img{display: block;margin:10px auto;}.m_nav .ul{margin-top: 30px; padding: 0 20px;}.m_nav .ul>li{padding: 3px 0px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;} .m_nav.open .ul>li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}.m_nav .ul li:nth-child(7) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;} ul.topnav li {text-align: left; position:relative;} ul.topnav li a {padding: 5px;padding-left: 0px;color: #333;display: block; font-size: 14px;line-height: 28px; padding-right:50px;} ul.topnav ul {display: none;} ul.topnav ul li {clear: both;padding: 2px 0;} ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-weight: normal;outline: 0;} ul.topnav ul li a:hover {} ul.topnav ul ul li a {padding-left: 40px;} ul.topnav ul ul ul li a {padding-left: 60px;} ul.topnav span { display:block; position:absolute; right:0px; top:6px; width:24px; height:24px; background:#333; cursor:pointer; border-radius:5px;} ul.topnav span:before{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px;} ul.topnav span:after{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;} ul.topnav span.yizi:after{ transform:rotate(0deg);} ::-webkit-input-placeholder {color:#999;opacity:1} :-o-placeholder {color:#999;opacity:1 } ::-moz-placeholder {color:#999;opacity:1 } :-ms-input-placeholder {color:#999;opacity:1 } .h0-text{font-size: 18px;line-height: 30px;}.h1-text{font-size: 16px;line-height: 30px;}.h2-text{font-size: 16px;line-height: 28px;}.h3-text{font-size: 16px;line-height: 26px;}.h4-text{font-size: 14px;line-height: 26px;}.h5-text{font-size: 14px;line-height: 24px;} .h1-text a,.h1-text a span,.h1-text a strong,.h1-text a em{color:#0261AE;} .h0-text p{min-height: 30px; line-height: 30px;}.h1-text p{min-height: 30px; line-height: 30px;}.h2-text p{min-height: 28px; line-height: 28px;} @media (min-width:992px) and (max-width:1259px){.h0-text{font-size: 16px;line-height: 28px;}.h1-text{font-size: 15px;line-height: 28px;}.h0-text p{min-height: 28px;line-height: 28px;}.h1-text p{min-height: 28px;line-height: 28px;}.h2-text{font-size: 15px;line-height: 26px;}.h2-text p{min-height: 26px;line-height: 26px;}.h3-text{font-size: 15px;line-height: 24px;}.h4-text{font-size: 13px;line-height: 24px;}.h5-text{font-size: 13px;line-height: 22px;}} @media (max-width:991px){.h0-text{font-size: 15px;line-height: 26px;}.h1-text{font-size: 14px;line-height: 26px;}.h0-text p{min-height: 26px;line-height: 26px;}.h1-text p{min-height: 26px;line-height: 26px;}.h2-text{font-size: 14px;line-height: 24px;}.h2-text p{min-height: 24px;line-height: 24px;}.h3-text{font-size: 14px;line-height: 22px;}.h4-text{font-size: 12px;line-height: 22px;}.h5-text{font-size: 12px;line-height: 20px;}} @media (max-width:660px){.h0-text{font-size: 14px;line-height: 26px;}.h1-text{font-size: 14px;line-height: 24px;}.h0-text p{min-height: 26px;line-height: 26px;}.h1-text p{min-height: 24px;line-height: 24px;}.h2-text{font-size: 13px;line-height: 22px;}.h2-text p{min-height: 22px;line-height: 22px;}.h3-text{font-size: 13px;line-height: 20px;}.h4-text{font-size: 12px;line-height: 20px;}.h5-text{font-size: 12px;line-height: 18px;}} .m-kf {position: fixed;z-index: 99;right: 0px;top: 50%;} .m-kf .kf-item {position: relative;display: block;font-size: 0;width: 53px;line-height: 53px; border-radius: 5px;margin-bottom: 1px;font-size: 20px;color: #0261AE;text-align: center;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 32, 56, 0.1);} .m-kf .iconfont{ font-size: 20px; color: #0261AE;} .m-kf .icon-whatsapp1 {color: #3AC34C;} /* .m-kf .icon-wechat{color: #02b234;} */ .m-kf .kf-item:hover{color: #fff !important;background-color: #0261AE;right: 0px; } .m-kf .kf-item:hover .iconfont{ color: #fff !important;} .m-kf .kf-item.active{background-color: #0261AE} .m-kf .kf-wx {position: absolute;display: none;bottom: 0;right: 100%;width: 100px;font-size: 0;line-height: 0;} .m-kf .kf-wx img{width: 100%;} .m-kf .gotop {cursor: pointer;} .getop{cursor: pointer;width: 48px;height: 48px;background: #118a3e;border-radius: 50%;right: 0;text-align: center;align-items: center;justify-content: center;display: flex;right: 48px;bottom: -100px;transition: all 0.8s ease 0s;} .getop .iconfont{ font-size: 20px; color: #fff;} .getop.bottom{bottom: 200px;} /* @media screen and (max-width: 1400px){.getop{right: 0;}.getop.bottom{bottom: 120px;}} */ @media screen and (min-width: 801px) {/* .m-kf .gotop {display: none;} */} @media screen and (max-width: 800px) { .m-kf {right: 0;top: auto;bottom: 0;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-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;width: 100%;background-color: #0261AE;} .m-kf .kf-item {width: 20%;text-align: center;line-height: 60px;font-size: 26px;background-color: #0261AE !important;} .m-kf .iconfont{color: #fff !important; font-size: 24px;} .m-kf .kf-item2 {position: relative;}.m-kf .kf-wx {bottom: 100%;right: auto;left: 0;}.m-kf .gotop {width: 20%;line-height: 60px;font-size: 20px;font-size: 2rem;color: #fff;text-align: center;display: block;}.g-ft {padding-bottom: 63px;}/*.footer{margin-bottom: 60px;} .getop{display: none;} */.getop{right: 0;} } .form-search{position: absolute;top: 100%;right: 0;width: 260px;background: #f5f5f5;padding: 4px;visibility: hidden;opacity: 0;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; border-radius: 10px;} .form-search.active {visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);} .form-search input[type="search"] {font-size: 18px;background-color: #E5E5E5;font-weight: 400;line-height: 30px;margin: 0 0 10px;margin: 0;color: #333333;padding: 8px 10px;border: none;width: 90%;outline: none;background: transparent;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .form-search input[type="submit"] {background: transparent;border: none;float: right;width: 10%; height: 46px;position: relative;z-index: 2;} .search-btn {position: absolute;right: 10px;top: 2px;border: 0;width: 20px;height: 20px;font-size: 16px; color: #333;} .nav-search .form-search .iconfont{color: #666;position: absolute;right: 10px;top: 15px;} .navbar-toggle {padding: 5px 6px;margin-top: 15px;margin-bottom: 0px;margin-right: 0; border: 0px;} .navbar-default .navbar-toggle .icon-bar {width: 32px;height: 4px;border-radius: 2px; background-color: #0261AE;} .navbar-toggle .icon-bar+.icon-bar{margin-top: 5px;} .navbar-default{background-color: #fff; border: 0; transition: all .5s;} .navbar-header{height: auto;margin: 0!important;} .navbar-brand{height:95px; padding: 26px 0px 25px;margin: 0!important;}.navbar-brand img{height: 100%;} .navbar-collapse .navbar-nav{margin-right: 95px;font-family: 'poppinsbold';} .navbar-collapse .navbar-nav>li{padding: 27px 25px 32px;} .navbar-collapse .navbar-nav>li>a{font-size: 20px;color: #333;line-height: 36px;position: relative;padding: 0;text-align: center;} .navbar-collapse .navbar-nav>li>a::before{width: 6px;height: 6px;border-radius: 50%;content: "";position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);} .navbar-collapse .navbar-nav>li:hover>a, .navbar-collapse .navbar-nav>li>a.active{color: #0261AE;} .navbar-collapse .navbar-nav>li:hover>a::before, .navbar-collapse .navbar-nav>li>a.active::before{background: #0261AE;} .navbar-collapse .navbar-nav>li.nav-search{position: relative;height: 100%;padding: 34px 0 41px 4px;} .navbar-collapse .navbar-nav>li.nav-search a{display: block;border: 0;padding: 0;line-height: 20px;} .navbar-collapse .navbar-nav>li.nav-search a::before{width: 0;} .nav-search .iconfont{font-size: 20px; color: #0261AE; font-weight: bold;line-height: 20px;display: inline-block;vertical-align: top;} .language{position: absolute; bottom: 0; right: 15px; top: 0;height: 100%; } .lange{padding: 35px 0 42px; height: 100%;font-size: 0;letter-spacing: 0; color: #666666;cursor: pointer;;} .lange img{vertical-align: top;display: inline-block; max-width: 19px; max-height: 19px;margin-right: 8px;} .lange span{vertical-align: top;display: inline-block;font-size: 14px;line-height: 18px;} .lange .iconfont{font-size: 8px;color: #999; margin-left: 4px;display: inline-block;line-height: 18px;} .lange-xl{position: absolute; right: 0; top: 100%; width: 220px; background-color: #fff; padding: 10px; border-radius: 5px; display: none;}.lange-xl .langes{display: block; font-size: 16px; line-height: 30px; padding: 5px 0; /*text-align: center;*/ padding: 7px 12px; } .xzlange{ background-color: rgba(140,130,186,0.1); color: #0261AE; } .banner{position: relative;margin-top: 95px;} .dropdown{position: absolute;display: none;font-family: "poppinsregular";} .menu2{left: 50%;transform: translateX(-50%); top: 100%;width: 228px;padding: 5px 0 4px;background: #F9F9F9;z-index: 6;} .navbar-collapse .navbar-nav>li:nth-of-type(3) .menu2{width: 188px;} .dropdown>li{padding: 3px 0;position: relative;} .dropdown>li>a{position: relative;padding-left: 16px;} .menu2>li>a::before{content: "";position: absolute;top: -8px;bottom: -7px;width: 100%;z-index: -1;left: 0;right: 0;} .menu2>li>a:hover{color: #fff !important;} .menu2>li>a:hover::before{background: #0261AE;} .menu3, .menu4{left: 100%;top: 0;width: 242px;padding: 5px 4px;background: #F9F9F9;} .Lev1:hover .menu2{display: block;} .Lev2:hover .menu3{display: block;} .Lev3:hover .menu4{display: block;} @media (min-width:1260px) and (max-width:1359px){ .navbar-brand{height:90px; padding: 24px 0px 22px;} .navbar-collapse .navbar-nav{margin-right: 90px;} .navbar-collapse .navbar-nav>li{padding: 27px 22px 29px;} .navbar-collapse .navbar-nav>li>a{font-size: 18px;line-height: 34px;} .navbar-collapse .navbar-nav>li>a::before{bottom: -7px;} .navbar-collapse .navbar-nav>li.nav-search{padding: 32px 0 38px 4px;} .lange{padding: 32px 0 40px;}.banner{margin-top: 90px;} } @media (min-width:992px) and (max-width:1259px){ .navbar-brand{height:75px; padding: 21px 0px 20px;} .navbar-collapse .navbar-nav{margin-right: 70px;} .navbar-collapse .navbar-nav>li{padding: 21px 14px 22px;} .navbar-collapse .navbar-nav>li>a{font-size: 16px;line-height: 32px;} .navbar-collapse .navbar-nav>li.nav-search{padding: 27px 0 30px;margin-left: -4px;} .navbar-collapse .navbar-nav>li.nav-search a{line-height: 18px;} .nav-search .iconfont{font-size: 18px;line-height: 18px;} .navbar-collapse .navbar-nav>li>a::before{bottom: -6px;} .banner{margin-top: 75px;}.lange{padding: 28px 0 29px;} } @media (max-width:991px){.navbar-brand{height:60px; padding: 12px 0;}.navbar-collapse{display: none !important;}.navbar-default .navbar-toggle{display: block !important;}.container>.navbar-header{width: 100%; margin: 0 !important;}.banner{margin-top: 60px!important;}.language{ right: 60px; }.lange{padding: 21px 0 ;}} .banner1{position: relative;padding-bottom: 38.02083333333333%; overflow: hidden;} @media (max-width:460px){.navbar-brand{height:60px; padding: 15px 0;}} .slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;} .slide .slideItem .banner-img{width:100%;} .slide .carouse .slideItem{ width:100%; position:absolute;} .slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; } .slide .dotList{ position: absolute; left: 0; bottom: 17px; width: 100%; text-align: center; margin-top: 20px; font-size: 0;letter-spacing: 0;} .slide .carousel-control{position: absolute;top: 50%;margin-top: -22px;font-size: 16px;line-height: 44px;width: 44px;height: 44px;color: #0261AE;background: rgba(255,255,255,.7);border-radius: 50%; z-index:999;text-align: center;} .slide .carousel-control .iconfont{font-size: 16px;line-height: 44px;} .slide .carousel-control.left{left:10px; cursor:pointer;} .slide .carousel-control.right{ right:10px; cursor:pointer;} .slide .carousel-control:hover { background: rgba(2, 97, 174, .4);color: #fff; } .slide .dotList ul li{cursor: pointer; display: inline-block; font-size: 0px; margin-left: 5px; margin-right: 5px; border: none;outline: none;width: 14px;height: 14px;background: #FFFFFF;border-radius: 50%;} .slide .dotList ul li.active{background:#0E51A3;} .slide .slidedetail{display:none;} .slide .slide-count { display: none; } @media (min-width:992px) and (max-width:1259px){.slide .dotList{bottom: 10px;}.slide .dotList ul li{margin-left: 5px; margin-right: 5px; width: 14px;height: 14px;}.slide .carousel-control{margin-top: -20px;font-size: 15px;line-height: 40px;width: 40px;height: 40px;}.slide .carousel-control .iconfont{font-size: 15px;line-height: 40px;}} @media (max-width:991px){.slide .dotList{bottom: 8px;}.slide .dotList ul li{margin-left: 4px; margin-right: 4px; width: 12px;height: 12px;}.slide .carousel-control{margin-top: -18px;font-size: 14px;line-height: 36px;width: 36px;height: 36px;}.slide .carousel-control .iconfont{font-size: 14px;line-height: 36px;}} @media (max-width:520px){.slide .dotList{bottom: 6px;}.slide .dotList ul li{margin-left: 3px; margin-right: 3px; width: 10px;height: 10px;border-width: 1px;}.slide .carousel-control{margin-top: -16px;font-size: 13px;line-height: 32px;width: 32px;height: 32px;}.slide .carousel-control .iconfont{font-size: 13px;line-height: 32px;}} .section{position: relative;} .sec1{width: 100%;position: relative;padding-top: 73px;padding-bottom: 87px;} .sec-title{font-size: 42px;color: #333333;line-height: 46px;position: relative;padding-bottom: 21px;} .sec-title::before{width: 63px;height: 4px;background: #0261AE;content: "";bottom: 0;left: 0;position: absolute;} .sec1-title{text-align: center;} .sec1-title::before{left: 50%;transform: translateX(-50%);} .sec1-title::after{width: 230px;height: 1px;content: "";bottom: 1px;left: 50%;position: absolute;transform: translateX(-50%);background: #0261AE;} .sec1-swiper{padding-top: 40px;position: relative;width: 100%;} .swiper-sec1{width: 100%;height: 100%;position: relative;} .swiper-sec1 .swiper-slide{position: relative;} .swiper-sec1 .swiper-slide::before{background: #E1E1E1;position: absolute;right: -4px;top: 0;bottom: 0;width: 1px;height: 100%;content: "";} .swiper-sec1 .swiper-button{font-size: 30px;color: #888888;} .swiper-sec1 .swiper-button:hover{color: #0261AE;} .sec1-box{width: 100%;position: relative;text-align: center;} .sec1-box-name{font-size: 20px;color: #333333;line-height: 40px;padding-top: 4px;} .sec1-box-href{padding-top: 12px;text-align: center;} .sec1-box-href a{text-align: center;display: inline-block;width: 100%;max-width: 160px;height: 40px;border: 1px solid #0261AE;border-radius: 20px;font-size: 16px;color: #0261AE;line-height: 38px;} .sec1-box-href a:hover{background: #0261AE;color: #fff;} .sec2{width: 100%;position: relative;padding-top: 85px;padding-bottom: 47px;background: url(../img/sec2-bgi.jpg) no-repeat center center;background-size: cover;} .sec2-list{font-size: 0;letter-spacing: 0;margin-left: -22px;margin-right: -22px;} .sec2-list-item{width: 33.3333333333333%;display: inline-block;vertical-align: top;padding: 0 22px;margin-bottom: 29px;} .sec2-list-item1{padding-right: 16px;} .sec2-title{padding-top: 15px;} .sec2-title::after{width: 146px;height: 1px;content: "";bottom: 1px;left: 0;position: absolute;background: #0261AE;} .sec2-text{padding-top: 34px;color: #666;} .sec2-text a{color: #666;}.sec2-text a:hover{color: #0261AE;} .sec2-href{margin-top: 32px;} .sec2-href a{text-align: center;display: inline-block;width: 145px;height: 40px;border: 1px solid #0261AE;border-radius: 20px;font-size: 16px;color: #0261AE;line-height: 38px;} .sec2-href a:hover{background: #0261AE;color: #fff;} .sec2-item-img{width: 100%;position: relative;background: #FFFFFF;border-radius: 6px;max-width: 370px;margin: 0 auto;overflow: hidden;} .sec2-item-img-hover{position: absolute;left: 0;right: 0;bottom: -100%;padding: 9px 20px;background: rgba(17, 138, 62, .7);transition: all .5s;} .sec2-item-title{font-size: 20px;color: #FFFFFF;line-height: 26px;} .sec2-item-text{padding-top: 4px;color: #fff;} .sec2-item-img:hover .sec2-item-img-hover{bottom: 0;} .sec3{padding-top: 75px;padding-bottom: 60px;position: relative;} .sec3-list{font-size: 0;letter-spacing: 0;padding-top: 41px;margin-left: -22.5px;margin-right: -22.5px;} .sec3-list-item{width: 33.333333333333%;display: inline-block;vertical-align: top;padding: 0 22.5px;margin-bottom: 18px;} .sec3-item-box{width: 100%;position: relative;background: #F8FAFF;} .sec3-item-box:hover{background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.15);} .sec3-item-info{padding: 14px 15px 30px;} .sec3-item-name{position: relative;color: #333;} .sec3-item-date{font-size: 14px;color: #999999;line-height: 30px;margin-top: 6px;} .sec3-item-text{margin-top: 6px;color: #666;} .sec3-item-text a{color: #666;} .sec3-item-text a:hover{color: #0261AE;} .sec4{background: url(../img/sec4-bgi.jpg) no-repeat right center;background-size: cover;background-color: #E7F2F6;padding-top: 6.25%;padding-bottom: 7.03125%;} .sec4-left{display: inline-block;vertical-align: top;width: 43%;} .sec4-title::before{width: 0;} .sec4-name{padding-top: 21px;} .sec4-text{padding-top: 24px; color: #666;} .sec4-text a{color: #666;}.sec4-text a:hover{color: #0261AE;} .sec4-href{margin-top: 57px;} .sec4-href a{background: #0261AE;color: #fff;} .sec4-href a:hover{background: #fff;color: #0261AE;} .sec5{background: url(../img/sec5-bgi.png) no-repeat center center;background-size: cover;padding-top: 3.33333333333333%;padding-bottom: 3.14236111111111%;} .sec5-tbody{display: flex;align-items: center;justify-content: space-between;margin-left: -15px;margin-right: -15px;} .sec5-tbody-item-icon img{width: 49px;} .sec5-tbody-item-icon .iconfont{font-size: 49px;color: #fff;} .sec5-tbody-item{text-align: center;padding: 0 15px;} .sec5-tbody-item-name{padding-top: 30px;color: #fff;} .sec5-tbody-item-name a{color: #fff;} @media (min-width:1260px) and (max-width:1459px){ .sec1{padding-top: 65px;padding-bottom: 75px;} .sec-title{font-size: 36px;line-height: 40px;padding-bottom: 18px;} .sec-title::before{width: 56px;height: 4px;} .sec1-title::after{width: 196px;} .sec1-swiper{padding-top: 36px;} .sec2{padding-top: 75px;padding-bottom: 40px;} .sec3{padding-top: 70px;padding-bottom: 56px;} .sec3-list{padding-top: 36px;} .sec3-item-info{padding: 14px 15px 20px;} .sec2-title::after{width: 126px;} } @media (min-width:992px) and (max-width:1259px){ .sec1{padding-top: 48px;padding-bottom: 56px;} .sec-title{font-size: 32px;line-height: 36px;padding-bottom: 16px;} .sec-title::before{width: 52px;height: 4px;} .sec1-title::after{width: 188px;} .sec1-swiper{padding-top: 30px;} .swiper-sec1 .swiper-button{font-size: 26px;} .sec1-box-name{font-size: 18px;line-height: 36px;padding-top: 4px;} .sec1-box-href{padding-top: 10px;} .sec1-box-href a{max-width: 156px;height: 36px;border-radius: 18px;font-size: 16px;line-height: 34px;} .sec2{padding-top: 60px;padding-bottom: 32px;} .sec2-list{margin-left: -15px;margin-right: -15px;} .sec2-list-item{width: 33.3333333333333%;padding: 0 15px;margin-bottom: 20px;} .sec2-list-item1{padding-right: 5px;} .sec2-title{padding-top: 5px;} .sec2-title::after{width: 120px;} .sec2-text{padding-top: 20px;} .sec2-href{margin-top: 18px;} .sec2-href a{width: 140px;height: 36px;border-radius: 18px;font-size: 16px;line-height: 34px;} .sec2-item-img-hover{padding: 6px 15px;} .sec2-item-title{font-size: 18px;line-height: 24px;} .sec2-item-text{padding-top: 4px;} .sec3{padding-top: 60px;padding-bottom: 48px;} .sec3-list{padding-top: 28px;margin-left: -16px;margin-right: -16px;} .sec3-list-item{width: 33.333333333333%;padding: 0 16px;margin-bottom: 14px;} .sec3-item-info{padding: 12px 12px 20px;} .sec3-item-date{font-size: 14px;line-height: 28px;margin-top: 4px;} .sec3-item-text{margin-top: 4px;} .sec4-left{width: 100%;max-width: 516px;} .sec4-title::before{width: 0;} .sec4-name{padding-top: 16px;} .sec4-text{padding-top: 20px;} .sec4-href{margin-top: 48px;} .sec5-tbody{margin-left: -10px;margin-right: -10px;} .sec5-tbody-item-icon img{width: 46px;} .sec5-tbody-item-icon .iconfont{font-size: 46px;} .sec5-tbody-item{padding: 0 10px;} .sec5-tbody-item-name{padding-top: 26px;} } @media (max-width:991px){ .sec1{padding-top: 36px;padding-bottom: 42px;} .sec-title{font-size: 28px;line-height: 32px;padding-bottom: 14px;} .sec-title::before{width: 48px;height: 3px;} .sec1-title::after{width: 160px;} .sec1-swiper{padding-top: 20px;} .swiper-sec1 .swiper-button{font-size: 24px;} .sec1-box-name{font-size: 18px;line-height: 36px;padding-top: 4px;} .sec1-box-href{padding-top: 10px;} .sec1-box-href a{max-width: 156px;height: 36px;border-radius: 18px;font-size: 16px;line-height: 34px;} .sec2{padding-top: 50px;padding-bottom: 30px;} .sec2-list{margin-left: -15px;margin-right: -15px;} .sec2-list-item{width: 50%;padding: 0 15px;margin-bottom: 20px;} .sec2-list-item1{width: 100%;} .sec2-title{padding-top: 0px;text-align: center;} .sec2-title::before{left: 50%;transform: translateX(-50%);} .sec2-title::after{width: 120px;left: 50%;transform: translateX(-50%);} .sec2-text{padding-top: 20px;} .sec2-href{margin-top: 18px;} .sec2-href a{width: 140px;height: 36px;border-radius: 18px;font-size: 16px;line-height: 34px;} .sec2-item-img-hover{padding: 6px 15px;} .sec2-item-title{font-size: 16px;line-height: 22px;} .sec2-item-text{padding-top: 4px;} .sec2-item-img .sec2-item-img-hover{bottom: 0;} .sec3{padding-top: 45px;padding-bottom: 36px;} .sec3-list{padding-top: 28px;margin-left: -6px;margin-right: -6px;} .sec3-list-item{width: 33.333333333333%;padding: 0 6px;margin-bottom: 10px;} .sec3-item-info{padding: 12px 12px 20px;} .sec3-item-date{font-size: 14px;line-height: 28px;margin-top: 4px;} .sec3-item-text{margin-top: 4px;} .sec4-left{width: 100%;max-width: 516px;} .sec4-title::before{width: 0;} .sec4-name{padding-top: 16px;} .sec4-text{padding-top: 20px;} .sec4-href{margin-top: 40px;} .sec5-tbody{margin-left: -10px;margin-right: -10px;} .sec5-tbody-item-icon img{width: 40px;} .sec5-tbody-item-icon .iconfont{font-size: 40px;} .sec5-tbody-item{padding: 0 10px;} .sec5-tbody-item-name{padding-top: 16px;} } @media (max-width:660px){ .sec1{padding-top: 30px;padding-bottom: 35px;}.sec-title{font-size: 24px;line-height: 30px;padding-bottom: 14px;}.sec-title::before{width: 48px;height: 3px;}.sec1-title::after{width: 160px;}.sec1-swiper{padding-top: 20px;} .sec2{padding-top: 40px;padding-bottom: 20px;}.sec2-list{margin-left: -10px;margin-right: -10px;}.sec2-list-item{width: 50%;padding: 0 10px;margin-bottom: 20px;}.sec2-list-item1{width: 100%;}.sec2-item-title{font-size: 14px;line-height: 20px;} .sec3{padding-top: 45px;padding-bottom: 36px;}.sec3-list{padding-top: 20px;margin-left: -6px;margin-right: -6px;}.sec3-list-item{width: 50%;padding: 0 6px;margin-bottom: 10px;}.sec3-item-info{padding: 10px 10px 16px;}.sec3-item-date{font-size: 14px;line-height: 28px;margin-top: 4px;}.sec3-item-text{margin-top: 4px;}.sec4{background-color: rgba(255,255,255,.2);} .sec4-left{width: 100%;max-width: 516px;}.sec4-title::before{width: 0;}.sec4-name{padding-top: 12px;}.sec4-text{padding-top: 16px;}.sec4-href{margin-top: 30px;}.sec4-text a {color: #444;}.sec4-text a:hover{color: #0261AE;} .sec5-tbody{margin-left: -10px;margin-right: -10px;flex-wrap: wrap;}.sec5-tbody-item-icon img{width: 36px;}.sec5-tbody-item-icon .iconfont{font-size: 36px;}.sec5-tbody-item{padding: 0 10px;display: inline-block;vertical-align: top;width: 50%;margin-top: 10px;}.sec5-tbody-item-name{padding-top: 10px;} } @media (max-width:375px){.sec2-list-item{width: 100%;}} .footer{position: relative;padding-top: 58px;background: #F5F5F5;}.footer1{background: #fff;} .zong{font-size: 0;letter-spacing: 0;position: relative;margin-bottom: 92px;} .fo1, .fo2, .fo3, .fo4{display: inline-block;vertical-align: top;} .fo1{width: 33.66666666666667%;} .fo2{width: 28%;}.fo3{width: 23.16666666666667%;} .fo4{width: 15.16666666666666%;} .fo-logo{padding-top: 5px;} .fo-text{margin-top: 20px;color: #888888;max-width: 282px;} .fo-list{margin-top: 17px;} .fo-list-item{padding: 3px 0;position: relative;padding-left: 28px;color: #0261AE;} .fo-list-item a{color: #0261AE;} .fo-list-item .iconfont{font-size: 18px;position: absolute;left: 0;top: 9px;} .fo-biao{font-size: 24px;color: #333333;line-height: 30px;} .fo-nav{margin-top: 18px;color: #888888;} .fo-nav a{display: block;color: #888;} .fo-nav a:hover{color: #0261AE;} .ggaotu{padding-top: 24px;margin-bottom: 40px;} .ggaotu .ggaotu-item{display: inline-block;vertical-align: top;padding-bottom:15px;} .ggaotu .ggaotu-item:nth-of-type(1){margin-right: 48px;} .shejiao{font-size: 0;letter-spacing: 0;padding-top: 18px;margin-left: -5px;margin-right: -5px;} .shejiao a{display: inline-block;vertical-align: top;width: 37px;text-align: center;line-height: 36px;font-size: 21px;color: #fff;height: 36px;border-radius: 50%;margin: 0 5px 10px;} .shejiao a.icon-linkedin{background: #1E93D6;} .shejiao a.icon-facebook{background: #236DC8;} .shejiao a.icon-youtube{background: #E22B27;} .shejiao a.icona-pinterest1{background: #D50000;} .foot-bottom{background: #F5F5F5;text-align: center;padding-top: 16px;padding-bottom: 14px;color: #888;} .Links{margin-top: 6px;}.Links a{margin-right: 15px;}.foot-bottom a{color: #888;} .foot-bottom a:hover{color: #0261AE;} .foot-Cook{display: none;position: fixed;padding: 16px 0;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.61);bottom: 0;width: 100%;background: #fff;z-index: 88;} .foot-Cook-box{position: relative;padding-right: 100px;} .foot-Cook-href{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .foot-Cook-href a{display: inline-block;width: 90px;padding: 2.5px;background: #0261AE;border-radius: 18px;color: #fff;border: 1px solid #0261AE;text-align: center;} .foot-Cook-href a:hover{background: #fff;color: #0261AE;} @media (min-width:992px) and (max-width:1259px){ .footer{padding-top: 50px;} .zong{margin-bottom: 80px;} .fo1{width: 32.5%;} .fo2{width: 27%;}.fo3{width: 23%;} .fo4{width: 17.5%;} .fo-logo{padding-top: 4px;} .fo-text{margin-top: 18px;max-width: 264px;} .fo-list{margin-top: 16px;} .fo-list-item{padding: 2px 0;padding-left: 24px;} .fo-list-item .iconfont{font-size: 16px;top: 6px;} .fo-biao{font-size: 20px;line-height: 28px;} .fo-nav{margin-top: 16px;} .ggaotu{padding-top: 20px;margin-bottom: 30px;} .ggaotu .ggaotu-item{padding-bottom:10px;} .ggaotu .ggaotu-item:nth-of-type(1){margin-right: 36px;} .shejiao{padding-top: 18px;margin-left: -5px;margin-right: -5px;} .shejiao a{width: 32px;line-height: 32px;font-size: 18px;height: 32px;margin: 0 5px 8px;} .foot-bottom{padding-top: 12px;padding-bottom: 10px;} .Links{margin-top: 4px;} .foot-Cook{padding: 12px 0;} .foot-Cook-box{padding-right: 90px;} .foot-Cook-href a{width: 84px;padding: 2px;border-radius: 16px;} } @media (max-width:991px){ .footer{padding-top: 40px;}.fo-hidden{display: none;} .zong{margin-bottom: 60px;} .fo1{width:50%;}.fo2{width: 50%;}.fo3{width: 50%;}.fo4{width: 50%;} .fo-logo{padding-top: 4px;}.fo-text{margin-top: 18px;max-width: 264px;}.fo-list{margin-top: 16px;}.fo-list-item{padding: 2px 0;padding-left: 24px;}.fo-list-item .iconfont{font-size: 16px;top: 6px;} .fo-biao{font-size: 20px;line-height: 28px;}.fo-nav{margin-top: 16px;}.ggaotu{padding-top: 18px;margin-bottom: 20px;}.ggaotu .ggaotu-item{padding-bottom:10px;}.ggaotu .ggaotu-item:nth-of-type(1){margin-right: 24px;}.shejiao{padding-top: 18px;margin-left: -5px;margin-right: -5px;}.shejiao a{width: 32px;line-height: 32px;font-size: 18px;height: 32px;margin: 0 5px 8px;} .foot-bottom{padding-top: 10px;padding-bottom: 10px;}.Links{margin-top: 4px;}.foot-Cook{padding: 8px 0;}.foot-Cook-box{padding-right: 90px;}.foot-Cook-href a{width: 76px;padding: 2px;border-radius: 14px;} } @media (max-width:560px){ .footer{padding-top: 20px;}.fo-hidden{display: none;} .zong{margin-bottom: 30px;} .fo1{width:100%;}.fo2{width: 100%;}.fo3{width: 100%;}.fo4{width: 100%; /*text-align: center;*/ } .fo-logo{padding-top: 0px; /*text-align: center;*/ } /*.fo-text{max-width: 300px;margin: 10px auto;}*/ .fo-list{margin-top: 16px;display: none;} .fo-list-item{padding: 2px 0;padding-left: 24px;} .fo-list-item .iconfont{font-size: 16px;top: 6px;} .fo-biao{font-size: 20px;line-height: 28px;} .fo-nav{margin-top: 16px;} .ggaotu{padding-top: 18px;margin-bottom: 20px;} .ggaotu .ggaotu-item{padding-bottom:10px;} .ggaotu .ggaotu-item:nth-of-type(1){margin-right: 24px;} .shejiao{padding-top: 18px;margin-left: -5px;margin-right: -5px;} .shejiao a{width: 32px;line-height: 32px;font-size: 18px;height: 32px;margin: 0 5px 8px;} .foot-bottom{padding-top: 10px;padding-bottom: 10px;} .Links{margin-top: 4px;} .foot-Cook{padding: 8px 0;} .foot-Cook-box{padding-right: 0px;} .foot-Cook-href{position: relative;top: 0;transform: translateY(0);} .foot-Cook-href a{width: 76px;padding: 2px;border-radius: 14px;} } .banners{position: relative;background: url(../img/banners.jpg) no-repeat center center;background-size: cover;padding-top: 4.6875%;padding-bottom: 5.15625%;} .banner-address{font-size: 18px;color: #FFFFFF;line-height: 40px;padding-bottom: 12px;}.banner-address a{display: inline;color: #fff;} .banner-address a:hover{color: #0261AE !important;cursor: pointer !important;} /*.banner-address a:nth-last-of-type(1){color: #0261AE;}*/ .banner-page-name{font-size: 38px;color: #FFFFFF;line-height: 40px;} .pro-tbody{position: relative;padding-top: 62px;padding-bottom: 72px;} .pro-tbody-name{width: 100%;position: relative;padding-left: 18px;background: #F5F5F5;font-size: 22px;color: #333333;line-height: 45px;padding-right: 56px;}.pro-tbody-name a{display: block;} .pro-tbody-name a.more{position: absolute;right: 0;top: 0; padding-right: 12px;font-size: 14px;font-family: 'poppinsregular';color: #999999;}.pro-tbody-name a.more:hover{color: #0261AE;} .pro-tbody-list{padding: 35px 0;font-size: 0;letter-spacing: 0;margin-left: -20px;margin-right: -20px;} .pro-tbody-item{width: 25%;display: inline-block;vertical-align: top;padding: 0 20px;} .pro-tbody-item-box{width: 100%;position: relative;} .pro-tbody-box-img{width: 100%;position: relative;background: #FFFFFF;border: 1px solid #EDEDED;} .pro-tbody-box-name{padding: 5px 25px;color: #333;text-align: center;} @media (min-width:992px) and (max-width:1259px){ .banner-address{font-size: 16px;line-height: 36px;padding-bottom: 10px;} .banner-page-name{font-size: 32px;line-height: 36px;} .pro-tbody{padding-top: 54px;padding-bottom: 64px;} .pro-tbody-name{padding-left: 16px;font-size: 20px;line-height: 42px;} .pro-tbody-name a.more{padding-right: 10px;font-size: 14px;} .pro-tbody-list{padding: 30px 0;margin-left: -16px;margin-right: -16px;} .pro-tbody-item{width: 25%;padding: 0 16px;} .pro-tbody-box-name{padding: 5px 15px;} } @media (max-width:991px){ .banner-address{font-size: 15px;line-height: 32px;padding-bottom: 10px;} .banner-page-name{font-size: 28px;line-height: 32px;} .pro-tbody{padding-top: 40px;padding-bottom: 50px;} .pro-tbody-name{padding-left: 16px;font-size: 20px;line-height: 40px;} .pro-tbody-name a.more{padding-right: 10px;font-size: 13px;} .pro-tbody-list{padding: 20px 0;margin-left: -16px;margin-right: -16px;} .pro-tbody-item{width: 33.3333333333333333%;padding: 0 16px;margin-bottom: 10px;} .pro-tbody-box-name{padding: 4px 10px;} } @media (max-width:620px){ .banners{padding-top: 6%;padding-bottom: 7%;} .banner-address{font-size: 14px;line-height: 28px;padding-bottom: 10px;} .banner-page-name{font-size: 24px;line-height: 28px;} .pro-tbody{padding-top: 20px;padding-bottom: 30px;} .pro-tbody-name{padding-left: 16px;font-size: 20px;line-height: 38px;} .pro-tbody-name a.more{padding-right: 10px;font-size: 13px;} .pro-tbody-list{padding: 20px 0;margin-left: -12px;margin-right: -12px;} .pro-tbody-item{width: 50%;padding: 0 12px;margin-bottom: 10px;} .pro-tbody-box-name{padding: 3px 5px;} } .pro-tbody2{position: relative;padding-top: 58px;padding-bottom: 112px;} .pro-tbody-right{float: right;width: 73.33333333333333%;} .pro-tbody-left{float: left;width: 23.43333333333333%;} .pro-title{font-size: 26px;color: #0261AE;line-height: 32px;} .pro-left-title{font-size: 26px;text-transform: uppercase;color: #0261AE;line-height: 32px;}.pro-left-title a{color: #0261AE;} .pryiji{margin-top: 11px;position: relative;padding-bottom: 53px;} .pryiji>li{padding-bottom: 3px;} .pryiji>li>div{ display:block; background: #E9E9E9; font-size:18px; font-size:1.8rem; line-height:35px;padding: 5px 0; position:relative;padding-left: 8px;padding-right:20px;cursor: pointer;} .pryiji>li>div>a{display:block;} .pryiji>li>div:before{ content:""; position:absolute; width:12px; height:2px; background:#595959; right:6px; top:50%; margin-top:-1px;z-index: 10;cursor: pointer;} .pryiji>li>div:after{ content:""; position:absolute; width:12px; height:2px; background:#595959; right:6px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;z-index: 10;cursor: pointer;} .prerji{background: #F5F5F5;padding: 0 8px;} .prerji>li+li{border-top: 1px solid #E6E6E6;} .prerji>li>a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px;padding: 5px 0; color:#666;position:relative;} .prerji>li.xiaji{padding-right: 20px;} .prerji>li.xiaji:before{ content:""; position:absolute; width:13px; height:3px; background:#ccc; right:0px; top:23px; margin-top:-1px;z-index: 2;} .prerji>li.xiaji:after{ content:""; position:absolute; width:13px; height:3px; background:#ccc; right:0px; top:23px; margin-top:-1px; transform:rotate(90deg); transition:0.5s;z-index: 2;} .prsanji{padding-left:8px;background: #F5F5F5;} .prsanji>li>a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; padding: 2px 0; color:#666;} .pryiji>li:hover>div{color: #fff;background: #0261AE;} .pryiji>li:hover>div>a{color: #fff;background: #0261AE;} .pryiji>li:hover>div:after, .prerji>li.xiaji:hover:after{ transform:rotate(0deg) !important;background:#fff;} .prerji li:hover>a{ color:#0261AE; } .dangyi>div{ color: #fff!important;background: #0261AE!important;} .dangyi>div>a{ color: #fff!important;background: #0261AE!important;} .danger>a{ color:#0261AE !important;} .dangsan>a{ color:#0261AE !important;} .dangyi>div:after, li.xiaji.danger:after{ transform:rotate(0deg) !important;background:#fff!important;} .pro-box{position: relative;width: 100%;margin-top: 8px;} .pro-box .pro-text{color: #666;height: 90px;line-height: 30px;overflow: hidden;} .pro-box .pro-text.on{height: auto!important;} .pro-more{margin-top: 7px;position: relative;} .pro-more a{display: inline-block;position: relative;color: #0261AE;} .pro-more a::before{content: "";position: absolute;width: 100%;height: 1px;background: #0261AE;bottom: 5px;} .pro-list{font-size: 0;letter-spacing: 0;padding-bottom: 52px;} .pro-list-item{padding-top: 34px;padding-bottom: 41px;border-bottom: 1px solid #EDEDED;position: relative;} .pro-list-item-img{display: inline-block;vertical-align: middle;width: 29.54545454545455%;background: #FFFFFF;border: 1px solid #EDEDED;} .pro-list-item-info{display: inline-block;vertical-align: middle;width: 70.45454545454545%;padding-left: 52px;} .pro-list-item-title{font-size: 20px;color: #333333;line-height: 32px;} .pro-list-item-text{font-size: 14px;color: #666;margin-top: 30px;} .pro-list-item-text a{color: #666;}.pro-list-item-text a:hover{color:#0261AE; } .pro-list-item-href{margin-top: 55px;} .pro-list-item-href .check{ display: inline-block; width: 18px; height: 18px; background: url("../images/chec1.png") no-repeat center; background-size: 100% 100%; position: relative; margin-top: 10px; } .pro-list-item-href .check.active{ background-image: url("../images/check2.png"); } .pro-list-item-href input{display: inline-block;vertical-align: top;width: 10px;margin-top: 13px;} .pro-list-item-href .link{width: 128px;display: inline-block;vertical-align: top;height: 35px;line-height: 33px; border: 1px solid #BFBFBF;border-radius: 4px;text-align: center;margin-left: 14px;color: #999;} .pro-list-item-href .link:hover{background: #0261AE;color: #fff;border-color: #0261AE;} .m-page{font-size: 0;letter-spacing: 0;width: 100%;position: relative;text-align: center;} .m-page a{display: inline-block;vertical-align: top;width: 29px;height: 29px;line-height: 29px;font-size: 16px;color: #999999;margin: 0 5px 10px;} .m-page span{display: inline-block;vertical-align: top;width: 29px;height: 29px;line-height: 29px;font-size: 16px;color: #999999;margin: 0 5px 10px;} .m-page a:hover, .m-page a.active{background: #0261AE;color: #fff;} .m-page .page-from{display: inline-block;vertical-align: top;padding-right: 14px;background: url(../img/jian.jpg) no-repeat right center;} .m-page .page-from .page-btn{line-height: 29px;font-size: 16px;color: #0261AE;padding: 0 8px;} .pro-left-list{margin-top: 10px;border-top: 1px solid #F0F0F0;padding-top: 6px;font-size: 0;letter-spacing: 0;margin-left: 0px;margin-right: -5px;} .pro-left-item{width: 100%;padding: 0 5px;display: inline-block;vertical-align: top;margin-top: 18px;} .pro-left-item-img{width: 39.6551724137931%;display: inline-block;vertical-align: middle;} .pro-left-item-info{width: 60.3448275862069%;display: inline-block;vertical-align: middle;padding-left: 12px;} @media (min-width:992px) and (max-width:1259px){ .pro-tbody2{padding-top: 48px;padding-bottom: 90px;} .pro-tbody-right{width: 68%;} .pro-tbody-left{width: 29%;} .pro-title{font-size: 24px;line-height: 30px;} .pro-left-title{font-size: 24px;line-height: 30px;} .pro-box{margin-top: 6px;} .pro-box .pro-text{height: 84px;line-height: 28px;} .pro-more{margin-top: 5px;} .pro-list{padding-bottom: 46px;} .pro-list-item{padding-top: 30px;padding-bottom: 37px;} .pro-list-item-img{width: 36%;} .pro-list-item-info{width: 64%;padding-left: 36px;} .pro-list-item-title{font-size: 20px;line-height: 32px;} .pro-list-item-text{font-size: 14px;margin-top: 20px;} .pro-list-item-href{margin-top: 40px;} .pro-list-item-href input{width: 10px;margin-top: 12px;} .pro-list-item-href a{width: 128px;dheight: 34px;line-height: 32px; margin-left: 12px;} .m-page a{width: 28px;height: 28px;line-height: 28px;font-size: 16px;} .m-page .page-from .page-btn{line-height: 2*px;font-size: 16px;padding: 0 8px;} .pro-left-list{margin-top: 10px;padding-top: 6px;} .pro-left-item{width: 100%;margin-top: 18px;} .pro-left-item-img{width: 40%;} .pro-left-item-info{width: 60%;padding-left: 12px;} } @media (max-width:991px){ .pro-tbody2{padding-top: 36px;padding-bottom: 70px;} .pro-tbody-right{width:100%;} .pro-tbody-left{width: 100%;margin-top: 20px;} .pro-title{font-size: 20px;line-height: 28px;} .pro-left-title{font-size: 20px;line-height: 28px;} .pro-box{margin-top: 6px;} .pro-box .pro-text{height: 78px;line-height: 26px;} .pro-more{margin-top: 5px;} .pro-list{padding-bottom: 40px;} .pro-list-item{padding-top: 26px;padding-bottom: 32px;} .pro-list-item-img{width: 36%;} .pro-list-item-info{width: 64%;padding-left: 36px;} .pro-list-item-title{font-size: 18px;line-height: 30px;} .pro-list-item-text{font-size: 14px;margin-top: 20px;} .pro-list-item-href{margin-top: 40px;} .pro-list-item-href input{width: 10px;margin-top: 12px;} .pro-list-item-href a{width: 128px;dheight: 34px;line-height: 32px; margin-left: 12px;} .m-page a{width: 28px;height: 28px;line-height: 28px;font-size: 16px;} .m-page .page-from .page-btn{line-height: 2*px;font-size: 16px;padding: 0 8px;} .pro-left-list{margin-top: 10px;padding-top: 6px;} .pro-left-item{width: 50%;margin-top: 18px;} .pro-left-item-img{width: 40%;} .pro-left-item-info{width: 60%;padding-left: 12px;} } @media (max-width:660px){ .pro-tbody2{padding-top: 20px;padding-bottom: 50px;} .pro-box .pro-text{height: 75px;line-height: 25px;} .pro-list{padding-bottom: 30px;} .pro-list-item{padding-top: 20px;padding-bottom: 26px;} .pro-list-item-img{width: 40%;} .pro-list-item-info{width: 60%;padding-left: 26px;} .pro-list-item-href{margin-top: 30px;} .pro-left-list{margin-top: 10px;padding-top: 6px;} .pro-left-item{width: 50%;margin-top: 18px;} .pro-left-item-img{width: 40%;} .pro-left-item-info{width: 60%;padding-left: 12px;} } @media (max-width:480px){ .pro-tbody2{padding-top: 20px;padding-bottom: 40px;} .pro-box .pro-text{height: 72px;line-height: 24px;} .pro-list{padding-bottom: 20px;} .pro-list-item{padding-top: 20px;padding-bottom: 20px;} .pro-list-item-img{width: 100%;} .pro-list-item-info{width: 100%;padding-left: 0px;} .pro-list-item-href{margin-top: 20px;} .pro-left-list{margin-top: 10px;padding-top: 6px;} .pro-left-item{width: 100%;margin-top: 18px;} .pro-left-item-img{width: 40%;} .pro-left-item-info{width: 60%;padding-left: 12px;} } .product-detail{padding-top: 63px;padding-bottom: 115px;} .pro-detail-box{padding: 35px 0;background: #F5F5F5;} .pro-detail-img{position: relative;float: left;width: 40%;margin-right: 10%;} .swiper-pro{width: 100%;position: relative;} .swiper-pro .swiper-slide{width: 100%!important;position: relative;padding-bottom: 100%;background: #fff;} .swiper-pro .swiper-slide .pic{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;} .swiper-pro .swiper-button{height: 22px;font-size: 22px;color: #D1D1D1;margin-top: -11px;} .swiper-pro .swiper-button:hover{color: #0261AE;} .pro-detail-info{padding-top: 16px;position: relative;overflow: hidden;} .pro-detail-title{font-size: 22px;color: #333333;line-height: 40px;position: relative;padding-bottom: 17px;border-bottom: 1px solid #DADADA;} .pro-share{margin-top: 21px;line-height: 24px;font-size: 0;letter-spacing: 0;} .share-title{display: inline-block;vertical-align: top;font-size: 14px;color: #666666;line-height: 24px;} .pro-share .share-pic{display: inline-block;vertical-align: top;margin-right: 8px;} .share-an{display: inline-block;height: 24px;} .pro-desc{padding-top: 16px;color: #666;font-size: 14px;min-height: 270px;} .pro-item-btns{padding-top: 25px;font-size: 0;letter-spacing: 0;} .items-btn{width: 207px;height: 45px;border: 1px solid #0261AE;border-radius: 23px;;text-align: center;line-height: 43px;font-size: 22px;color: #0261AE;margin-right: 20px;}.items-btn.active{background: #0261AE;color: #fff;}.items-btn2{width: 145px;margin-right: 0;}.items-btn2 .iconfont{font-size: 21px;margin-right: 11px;} .pro-detail-tbody{position: relative;padding-top: 40px;} .pro-detail-menu{font-size: 0;letter-spacing: 0;border-bottom: 1px solid #0261AE;} .pro-detail-menu-item{display: inline-block;vertical-align: top;width: auto;margin-right: 80px;position: relative;font-size: 22px;color: #333;line-height: 40px;padding-bottom: 6px;border-bottom: 2px solid transparent;margin-bottom: -1px;} .pro-detail-menu-item.active, .pro-detail-menu-item:hover,.pro-detail-menu-item.active a, .pro-detail-menu-item:hover a{color: #0261AE;border-color: #0261AE;} .pro-detail-information{position: relative;width: 100%;} .pro-info-item{display: none;position: relative;} .pro-info-item.active{display: block;} .pro-info-item-text{padding-top: 28px;color: #666;padding-bottom: 17px;} .pro-info-item-text strong{font-size: 20px;color: #0261AE;font-family: "poppinsbold";font-weight: 400;display: block;margin-bottom: 8px;padding-top: 4px;} .pro-info-item-text table{border-collapse: collapse;border: 1px solid #d0cece;max-width: 787px;margin-top: 5px;width: 100%;} .pro-info-item-text table tr, .pro-info-item-text table tr td{ padding: 5px 3px; border: 1px solid #d0cece;padding-left: 20px; font-size: 16px;line-height: 26px;} .pro-info-item-text table tr td:nth-of-type(1){background-color: #ddebf7;} .tags{position: relative;padding-bottom: 66px;} .tags-title{position: relative;font-size: 32px;color: #0261AE;line-height: 40px;} .tags-title::before{content: "";position: absolute;left: 0;width: 100%;top: 50%;height: 1px; background: #ECECEC;} .tags-title>div{position: relative;background: #fff;display: inline-block;padding-right: 3px;} .tags-href{margin-top: 7px;color: #666;} .tags-href a{display: inline;color: #666;} .tags-href a:hover{color: #0261AE;} .pro-deta-title{font-size: 34px;padding-bottom: 14px;} .project-list{font-size: 0;letter-spacing: 0;position: relative;padding-top: 45px;margin-left: -22.5px;margin-right: -22.5px;/*padding-bottom: 65px;*/} .project-list-item{display: inline-block;vertical-align: top;width: 25%;padding: 0 22.5px;margin-bottom: 16px;} .project-item-box{width: 100%;position: relative;} .project-item-img{width: 100%;position: relative;overflow: hidden;} .project-item-info{padding: 15px 16px 25px;width: 100%;background: #F8FAFF;} .project-item-title{font-size: 18px;color: #333333;line-height: 30px;} .project-item-text{margin-top: 5px;color: #666;} .project-item-text a{color: #666;}.project-item-text a:hover{color: #0261AE;} .Related-swiper{position: relative; margin-top: 42px;padding: 0 29px;padding-bottom: 65px;} .swiper-related{width: 100%;position: relative;} .slide-rela-img{width: 100%;background: #FFFFFF;border: 1px solid #EDEDED;} .slide-rela-text{margin-top: 5px;text-align: center;} .Related-swiper .swiper-button{height: 22px;font-size: 22px;color: #666;margin-top: -11px;} .Related-swiper .swiper-button:hover{color: #0261AE;} .case-right-list{margin-bottom: 38px;} .news-right-name{margin-top: -6px;} .news-right-date{margin-top: 6px;color: #999;} @media (min-width:992px) and (max-width:1259px){ .product-detail{padding-top: 56px;padding-bottom: 100px;} .pro-detail-box{padding: 30px 0;} .pro-detail-img{float: left;width: 46%;margin-right: 4%;} .swiper-pro .swiper-button{height: 20px;font-size: 20px;margin-top: -10px;} .pro-detail-info{padding-top: 0px;} .pro-detail-title{font-size: 20px;line-height: 36px;padding-bottom: 11px;} .pro-share{margin-top: 15px;line-height: 24px;} .share-title{font-size: 14px;line-height: 24px;} .pro-share .share-pic{margin-right: 8px;}.share-an{height: 24px;} .pro-desc{padding-top: 16px;font-size: 14px;min-height: 252px;} .pro-item-btns{padding-top: 20px;} .items-btn{width: 160px;height: 40px;border-radius: 20px;;line-height: 38px;font-size: 18px;margin-right: 14px;}.items-btn2{width: 120px;margin-right: 0;}.items-btn2 .iconfont{font-size: 20px;margin-right: 8px;} .pro-detail-tbody{padding-top: 40px;} .pro-detail-menu-item{margin-right: 60px;font-size: 20px;line-height: 36px;} .pro-info-item-text{padding-top: 24px;padding-bottom: 14px;} .pro-info-item-text strong{font-size: 18px;margin-bottom: 8px;padding-top: 4px;} .pro-info-item-text table tr, .pro-info-item-text table tr td{padding-left: 16px; font-size: 15px;line-height: 26px;} .tags{padding-bottom: 54px;} .tags-title{font-size: 28px;line-height: 36px;} .tags-href{margin-top: 6px;} .pro-deta-title{font-size: 30px;padding-bottom: 12px;} .project-list{padding-top: 38px;margin-left: -15px;margin-right: -15px;/*padding-bottom: 52px;*/} .project-list-item{width: 25%;padding: 0 15px;margin-bottom: 16px;} .project-item-info{padding: 12px 10px 22px;} .project-item-title{font-size: 18px;line-height: 28px;} .project-item-text{margin-top: 5px;} .Related-swiper{ margin-top: 36px;padding: 0 26px;padding-bottom: 52px;} .slide-rela-text{margin-top: 5px;} .Related-swiper .swiper-button{height: 20px;font-size: 20px;margin-top: -10px;} .case-right-list{margin-bottom: 30px;} .news-right-name{margin-top: -5px;} .news-right-date{margin-top: 5px;} } @media (max-width:991px){ .product-detail{padding-top: 48px;padding-bottom: 80px;} .pro-detail-box{padding: 24px 0;} .pro-detail-img{float: none;width: 100%;margin-right: 0%;max-width: 480px;margin: 0 auto;} .swiper-pro .swiper-button{height: 20px;font-size: 20px;margin-top: -10px;} .pro-detail-info{padding-top: 20px;} .pro-detail-title{font-size: 18px;line-height: 32px;padding-bottom: 10px;} .pro-share{margin-top: 15px;line-height: 22px;} .share-title{font-size: 13px;line-height: 22px;} .pro-share .share-pic{margin-right: 8px;}.share-an{height: 22px;} .pro-desc{padding-top: 16px;font-size: 14px;min-height: auto;} .pro-item-btns{padding-top: 20px;} .items-btn{width: 160px;height: 36px;border-radius: 18px;;line-height: 34px;font-size: 16px;margin-right: 14px;margin-bottom: 10px;}.items-btn2{width: 120px;margin-right: 0;}.items-btn2 .iconfont{font-size: 20px;margin-right: 8px;} .pro-detail-tbody{padding-top: 20px;} .pro-detail-menu-item{margin-right: 50px;font-size: 18px;line-height: 32px;} .pro-info-item-text{padding-top: 16px;padding-bottom: 10px;} .pro-info-item-text strong{font-size: 16px;margin-bottom: 8px;padding-top: 4px;} .pro-info-item-text table tr, .pro-info-item-text table tr td{padding-left: 12px; font-size: 14px;line-height: 24px;} .tags{padding-bottom: 44px;} .tags-title{font-size: 24px;line-height: 32px;} .tags-href{margin-top: 6px;} .pro-deta-title{font-size: 26px;padding-bottom: 10px;} .project-list{padding-top: 30px;margin-left: -15px;margin-right: -15px;/*padding-bottom: 44px;*/} .project-list-item{width: 50%;padding: 0 15px;margin-bottom: 16px;} .project-item-info{padding: 12px 10px 18px;} .project-item-title{font-size: 18px;line-height: 28px;} .project-item-text{margin-top: 5px;} .Related-swiper{ margin-top: 28px;padding: 0 20px;padding-bottom: 44px;} .slide-rela-text{margin-top: 5px;} .Related-swiper .swiper-button{height: 20px;font-size: 20px;margin-top: -10px;} .case-right-list{margin-bottom: 24px;} .news-right-name{margin-top: -4px;} .news-right-date{margin-top: 4px;} } @media (max-width:660px){.product-detail{padding-top: 36px;padding-bottom: 60px;}.pro-detail-box{padding: 18px 0;}.pro-detail-menu-item{margin-right: 30px;font-size: 16px;line-height: 28px;}.tags-title{font-size: 20px;line-height: 28px;}.pro-deta-title{font-size: 22px;padding-bottom: 8px;}.case-right-list{margin-bottom: 16px;}} @media (max-width:520px){.product-detail{padding-top: 28px;padding-bottom: 50px;}.pro-detail-box{padding: 18px 0;}.pro-detail-menu-item{margin-right: 20px;font-size: 16px;line-height: 28px;}.tags-title{font-size: 18px;line-height: 28px;}.pro-deta-title{font-size: 20px;padding-bottom: 6px;}.project-list{padding-top: 20px;margin-left: -5px;margin-right: -5px;padding-bottom: 30px;}.project-list-item{width: 50%;padding: 0 5px;margin-bottom: 12px;}.pro-detail-menu{margin-right: -20px;}} @media (max-width:460px){.product-detail{padding-top: 20px;padding-bottom: 40px;}.pro-detail-box{padding: 16px 0;}.pro-detail-menu-item{margin-right: 0px;font-size: 15px;line-height: 28px;width: 50%;text-align: center;}.project-list-item{width: 100%;padding: 0 5px;margin-bottom: 12px;}.pro-detail-menu{margin-right:0px;}} .pro-info-list{padding-top: 15px;padding-bottom: 62px;} .pro-info-list-item{position: relative;padding-top: 12px;border-bottom: 1px solid #D1D1D1;} .info-list-item-box{position: relative;padding-left: 36px;padding-right: 152px;padding-bottom: 16px;} .info-list-item-box>.iconfont{position: absolute;left: 0;font-size: 26px;color: #6B6B6B;top: 12px;line-height: 26px;}.info-list-item-box:hover>.iconfont{color: #0261AE;} .info-item-body{padding-top: 12px;width: 100%;max-width: 768px;} .info-list-item-title{font-size: 18px;color: #333333;line-height: 26px;} .info-list-item-text{font-size: 14px;color: #666;margin-top: 12px;}.info-list-item-text a{color: #666;display: block;}.info-list-item-text a:hover{color: #0261AE;} .info-list-item-href{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .info-list-item-href a{width: 152px;height: 40px;border: 1px solid #0261AE;border-radius: 20px;text-align: center;line-height: 38px;font-size: 16px;color: #0261AE;text-transform: uppercase;} .info-list-item-href a:hover{background: #0261AE;color: #fff;} @media (min-width:992px) and (max-width:1259px){ .pro-info-list{padding-top: 12px;padding-bottom: 54px;} .pro-info-list-item{padding-top: 10px;} .info-list-item-box{padding-left: 32px;padding-right: 140px;padding-bottom: 12px;} .info-list-item-box>.iconfont{font-size: 24px;top: 10px;line-height: 24px;} .info-item-body{padding-top: 10px;} .info-list-item-title{font-size: 16px;line-height: 24px;} .info-list-item-text{font-size: 14px;margin-top: 10px;} .info-list-item-href a{width: 140px;height: 38px;border-radius: 19px;line-height: 36px;font-size: 15px;} } @media (max-width:991px){ .pro-info-list{padding-top: 10px;padding-bottom: 48px;} .pro-info-list-item{padding-top: 8px;} .info-list-item-box{padding-left: 28px;padding-right: 136px;padding-bottom: 8px;} .info-list-item-box>.iconfont{font-size: 20px;top: 6px;line-height: 20px;} .info-item-body{padding-top: 6px;} .info-list-item-title{font-size: 16px;line-height: 20px;} .info-list-item-text{font-size: 13px;margin-top: 8px;} .info-list-item-href a{width: 136px;height: 34px;border-radius: 17px;line-height: 32px;font-size: 14px;} } @media (max-width:660px){.info-list-item-box{padding-left: 28px;padding-right: 0px;padding-bottom: 8px;}.info-list-item-href{position: relative;top: 0;transform: translateY(0);margin-top: 10px;}} .position-list{font-size: 0;letter-spacing: 0;padding: 22px 0;margin-left: -20px;margin-right: -20px;} .Acce-list{font-size: 0;letter-spacing: 0;padding: 14px 0 42px;margin-left: -20px;margin-right: -20px;} .position-list-item{display: inline-block;vertical-align: top;text-align: center;width: 25%;padding: 0 20px;margin-bottom: 26px;} .Acce-list-item{display: inline-block;vertical-align: top;text-align: center;width: 25%;padding: 0 20px;margin-bottom: 2px;} .position-item-img .pic{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;} .position-item-img{width: 100%;position: relative;overflow: hidden;text-align: center;padding-bottom: 100%;} .position-item-text{text-align: center;} @media (min-width:992px) and (max-width:1259px){ .position-list{padding: 20px 0;margin-left: -16px;margin-right: -16px;} .position-list-item{width: 25%;padding: 0 16px;margin-bottom: 22px;} .Acce-list{padding: 12px 0 36px;margin-left: -16px;margin-right: -16px;} .Acce-list-item{width: 25%;padding: 0 16px;margin-bottom: 4px;} } @media (max-width:991px){ .position-list{padding: 16px 0;margin-left: -16px;margin-right: -16px;} .position-list-item{width: 33.33333333333%;padding: 0 16px;margin-bottom: 20px;} .Acce-list{padding: 10px 0 24px;margin-left: -16px;margin-right: -16px;} .Acce-list-item{width: 33.33333333333333%;padding: 0 16px;margin-bottom: 8px;} } @media (max-width:680px){ .position-list{padding: 12px 0;margin-left: -10px;margin-right: -10px;} .position-list-item{width: 50%;padding: 0 10px;margin-bottom: 16px;} .Acce-list{padding: 8px 0 20px;margin-left: -10px;margin-right: -10px;} .Acce-list-item{width: 50%;padding: 0 10px;margin-bottom: 8px;} } .acces-top{width: 100%;position: relative;padding-bottom: 70px;} .acces-top-right{float: right;width: 23.33333333333333%;} .acces-top-left{float: left;width: 68.75%;} .acces-top-img{position: relative;width: 100%;background: #F8F8F8;} .acces-top-info{margin-top: -5px;position: relative;width: 100%;} .cces-top-info-title{font-size: 22px;color: #333333;line-height: 30px;} .cces-top-info-text{color: #666;margin-top: 9px;} .cces-top-info-text a{color: #666;}.cces-top-info-text a:hover{color: #0261AE;} .cces-top-info-href{margin-top: 21px;} .cces-top-info-href a{display: inline-block;text-align: center;padding: 7.5px 23px;border-radius: 23px;background: #0261AE;color: #fff;} .acces-tbody{font-size: 0;letter-spacing: 0;margin-left: -18px;margin-right: -18px;margin-bottom: 60px;border-bottom: 1px solid #E6E6E6;padding-bottom: 44px;} .acces-tbody-item{width: 50%;padding: 0 18px;display: inline-block;vertical-align: top;} .acces-tbody-item-name{width: 100%;line-height: 45px;background: #F5F5F5;font-size: 20px;color: #333333;padding: 0 18px;} .acces-tbody-list{padding-top: 8px;padding-left: 18px;} .acces-tbody-list .acces-tbody-list-item{display: block;padding: 3px 0;} @media (min-width:992px) and (max-width:1259px){ .acces-top{padding-bottom: 60px;} .acces-top-right{width: 30%;} .acces-top-left{width: 68.75%;} .acces-top-info{margin-top: -4px;} .cces-top-info-title{font-size: 20px;line-height: 28px;} .cces-top-info-text{margin-top: 8px;} .cces-top-info-href{margin-top: 16px;} .cces-top-info-href a{padding: 7px 20px;border-radius: 21px;} .acces-tbody{margin-left: -10px;margin-right: -10px;margin-bottom: 40px;padding-bottom: 36px;} .acces-tbody-item{width: 50%;padding: 0 10px;} .acces-tbody-item-name{line-height: 42px;font-size: 18px;padding: 0 16px;} .acces-tbody-list{padding-top: 6px;padding-left: 16px;} .acces-tbody-list .acces-tbody-list-item{padding: 2px 0;} } @media (max-width:991px){ .acces-top{padding-bottom: 40px;} .acces-top-right{width: 36%;margin-left: 20px;} .acces-top-left{width: 100%;float: none;} .acces-top-info{margin-top: -4px;} .cces-top-info-title{font-size: 20px;line-height: 28px;} .cces-top-info-text{margin-top: 8px;} .cces-top-info-href{margin-top: 12px;} .cces-top-info-href a{padding: 6px 16px;border-radius: 19px;} .acces-tbody{margin-left: -10px;margin-right: -10px;margin-bottom: 40px;padding-bottom: 28px;} .acces-tbody-item{width: 100%;padding: 0 10px;} .acces-tbody-item-name{line-height: 42px;font-size: 18px;padding: 0 16px;} .acces-tbody-list{padding-top: 6px;padding-left: 16px;margin-bottom: 10px;} .acces-tbody-list .acces-tbody-list-item{padding: 2px 0;} } @media (max-width:580px){ .acces-top{padding-bottom: 30px;} .acces-top-right{width: 42%;margin-left: 20px;} .acces-top-left{width: 100%;float: none;} .acces-top-info{margin-top: -4px;} .cces-top-info-title{font-size: 18px;line-height: 26px;} .cces-top-info-text{margin-top: 8px;} .cces-top-info-href{margin-top: 12px;} .cces-top-info-href a{padding: 5px 12px;border-radius: 17px;} .acces-tbody{margin-left: -10px;margin-right: -10px;margin-bottom: 40px;padding-bottom: 28px;} .acces-tbody-item-name{line-height: 38px;font-size: 16px;padding: 0 16px;} .acces-tbody-list .acces-tbody-list-item{padding: 0;} } @media (max-width:460px){ .acces-top{padding-bottom: 30px;} .acces-top-right{width: 100%;margin-left: 0px;float: none;} .acces-top-left{width: 100%;float: none;} .acces-top-info{margin-top: 15px;} .cces-top-info-title{font-size: 18px;line-height: 26px;} .cces-top-info-text{margin-top: 8px;} .cces-top-info-href{margin-top: 12px;} .cces-top-info-href a{padding: 5px 12px;border-radius: 17px;} .acces-tbody{margin-left: -10px;margin-right: -10px;margin-bottom: 30px;padding-bottom: 20px;} .acces-tbody-item-name{line-height: 36px;font-size: 15px;padding: 0 12px;} } .pro-Acces-tbody2{padding-top: 57px;position: relative;padding-bottom: 111px;} .pro-Acces-title{font-size: 22px;color: #333333;line-height: 32px;} .pro-Acces-text{color: #666;line-height: 30px;height: 60px;overflow: hidden;}.pro-Acces-text.on{height: auto !important;} .pro-Acces-lists{margin-left: -14px;margin-right: -14px;font-size: 0;letter-spacing: 0;padding-top: 36px;margin-bottom: -1px;} .pro-Acces-lists-item{width: 25%;padding-left: 14px;padding-right: 13px;margin-bottom: 58px;display: inline-block;vertical-align: top;} .pro-Acces-items-img{width: 100%;position: relative;overflow: hidden;background: #FFFFFF;border: 1px solid #EDEDED;} .pro-Acces-items-info{width: 100%;padding-top: 10px;} .pro-Acces-items-name{font-size: 18px;color: #333333;line-height: 30px;} .pro-Acces-items-text, .pro-Acces-items-text a{color: #666;}.pro-Acces-items-text a:hover{color: #0261AE;} .pro-Acces-items-href{margin-top: 10px;font-size: 0;letter-spacing: 0;} .pro-Acces-items-href input{width: 10px;display: inline-block;vertical-align: middle;margin-right: 14px;} .pro-Acces-items-href a{display: inline-block;vertical-align: middle;width: 128px;text-align: center;line-height: 33px;font-size: 16px;color: #999999;border: 1px solid #BFBFBF;border-radius: 4px;} .pro-Acces-items-href a:hover{color: #fff;background: #0261AE;border-color: #0261AE;} @media (min-width:992px) and (max-width:1259px){ .pro-Acces-tbody2{padding-top: 48px;padding-bottom: 96px;} .pro-Acces-title{font-size: 20px;line-height: 30px;} .pro-Acces-text{line-height: 28px;height: 56px;} .pro-Acces-lists{margin-left: -8px;margin-right: -8px;padding-top: 30px;} .pro-Acces-lists-item{width: 25%;padding: 0 8px;margin-bottom: 48px;} .pro-Acces-items-info{padding-top: 8px;} .pro-Acces-items-name{font-size: 18px;line-height: 28px;} .pro-Acces-items-href{margin-top: 8px;} .pro-Acces-items-href input{width: 10px;margin-right: 10px;} .pro-Acces-items-href a{width: 120px;line-height: 30px;font-size: 16px;} } @media (max-width:991px){ .pro-Acces-tbody2{padding-top: 36px;padding-bottom: 80px;} .pro-Acces-title{font-size: 18px;line-height: 28px;} .pro-Acces-text{line-height: 26px;height: 52px;} .pro-Acces-lists{margin-left: -8px;margin-right: -8px;padding-top: 30px;} .pro-Acces-lists-item{width: 33.333333333333333%;padding: 0 8px;margin-bottom: 36px;} .pro-Acces-items-info{padding-top: 8px;} .pro-Acces-items-name{font-size: 18px;line-height: 28px;} .pro-Acces-items-href{margin-top: 8px;} .pro-Acces-items-href input{width: 10px;margin-right: 10px;} .pro-Acces-items-href a{width: 120px;line-height: 30px;font-size: 16px;} } @media (max-width:660px){ .pro-Acces-tbody2{padding-top: 28px;padding-bottom: 60px;} .pro-Acces-title{font-size: 18px;line-height: 28px;} .pro-Acces-text{line-height: 26px;height: 52px;} .pro-Acces-lists{margin-left: -8px;margin-right: -8px;padding-top: 30px;} .pro-Acces-lists-item{width: 50%;padding: 0 8px;margin-bottom: 30px;} .pro-Acces-items-info{padding-top: 8px;} .pro-Acces-items-name{font-size: 16px;line-height: 26px;} .pro-Acces-items-href{margin-top: 8px;} .pro-Acces-items-href input{width: 10px;margin-right: 8px;} .pro-Acces-items-href a{width: 120px;line-height: 28px;font-size: 14px;} } @media (max-width:360px){ .pro-Acces-tbody2{padding-top: 20px;padding-bottom: 40px;}.pro-Acces-lists{margin-left: -8px;margin-right: -8px;padding-top: 20px;}.pro-Acces-lists-item{width: 100%;padding: 0 8px;margin-bottom: 20px;} } .about-top{width: 100%;position: relative;background: #FFFFFF;box-shadow: 0px 7px 8px 0px rgba(167, 167, 167, 0.2);} .about-menu{width: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 0;letter-spacing: 0;flex-wrap: wrap;} .about-menu-item{display: inline-block;vertical-align: top;width: auto;position: relative;} .about-menu-item a{padding: 20px 30px;font-size: 20px;line-height: 36px;text-align: center;position: relative;} .about-menu-item:hover a, .about-menu-item.active a{background: #0261AE;color: #fff;} .about-menu-item a::before{content: ""; position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 50%); border-left: 20px solid transparent;border-right: 20px solid transparent;transition: all .5s;} .about-menu-item:hover a::before, .about-menu-item.active a::before{border-top: 20px solid #0261AE;} .Profile-tbody{padding-top: 57px;padding-bottom: 52px;} .about-title{font-size: 42px;padding-bottom: 20px;} .about-video{padding-top: 54px;position: relative;padding-bottom: 61px;} .item-videobox {width: 100%;overflow: hidden;margin: 0 auto;} .about-video .item-videobox .item-video {position: relative;overflow: hidden;padding-bottom: 41.666666666667%;height: 0;} .item-videobox .item-video iframe, .item-videobox .item-video video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .profile-tbody-name{font-size: 22px;color: #333333;line-height: 30px;} .profile-tbody-text{color: #666;padding-top: 20px;padding-bottom: 42px;} .History-tbody-text{margin-top: 60px;padding-bottom: 52px;} .factory-tbody-text{margin-top: 60px;padding-bottom: 46px;} .profile-tbody-list{padding-top: 71px;font-size: 0;letter-spacing: 0;} .profile-tbody-item{width: 100%;margin-bottom: 69px;} .profile-tbody-img{width: 44%;display: inline-block;vertical-align: top;text-align: center;} .profile-tbody-info{width: 47%;display: inline-block;vertical-align: top;padding-top: 46px;} .profile-tbody-info-title{font-size: 24px;color: #0261AE;line-height: 32px;} .profile-tbody-info-text{margin-top: 48px;color: #666;} .profile-tbody-item:nth-of-type(odd) .profile-tbody-img{float: right;} .profile-tbody-item:nth-of-type(even) .profile-tbody-img{float: left;} .profile-tbody-item:nth-of-type(even) .profile-tbody-info{float: right;} .profile-tbody-item:nth-of-type(odd) .profile-tbody-info{float: left;} @media (min-width:992px) and (max-width:1259px){ .about-menu-item a{padding: 16px 20px;font-size: 18px;line-height: 32px;} .Profile-tbody{padding-top: 50px;padding-bottom: 48px;} .about-title{font-size: 36px;padding-bottom: 18px;} .about-video{padding-top: 48px;padding-bottom: 54px;} .profile-tbody-name{font-size: 20px;line-height: 28px;} .History-tbody-text{margin-top: 50px;padding-bottom: 44px;} .factory-tbody-text{margin-top: 50px;padding-bottom: 40px;} .profile-tbody-text{padding-top: 18px;padding-bottom: 36px;} .profile-tbody-list{padding-top: 62px;} .profile-tbody-item{margin-bottom: 60px;} .profile-tbody-img{width: 46%;} .profile-tbody-info{width: 48%;padding-top: 42px;} .profile-tbody-info-title{font-size: 22px;line-height: 30px;} .profile-tbody-info-text{margin-top: 36px;} } @media (max-width:991px){ .about-menu-item a{padding: 12px 14px;font-size: 15px;line-height: 28px;} .Profile-tbody{padding-top: 40px;padding-bottom: 36px;} .about-title{font-size: 30px;padding-bottom: 16px;} .about-video{padding-top: 36px;padding-bottom: 40px;} .profile-tbody-name{font-size: 18px;line-height: 28px;} .profile-tbody-text{padding-top: 18px;padding-bottom: 30px;} .profile-tbody-list{padding-top: 54px;} .History-tbody-text{margin-top: 30px;padding-bottom: 20px;} .factory-tbody-text{margin-top: 30px;padding-bottom: 20px;} .profile-tbody-item{margin-bottom: 48px;} .profile-tbody-img{width: 46%;} .profile-tbody-info{width: 48%;padding-top: 10px;} .profile-tbody-info-title{font-size: 20px;line-height: 30px;} .profile-tbody-info-text{margin-top: 20px;} } @media (max-width:750px){ .about-top{display: none;} .about-menu-item a{padding: 10px;font-size: 15px;line-height: 28px;} .Profile-tbody{padding-top: 20px;padding-bottom: 16px;} .about-title{font-size: 24px;padding-bottom: 16px;} .about-video{padding-top: 36px;padding-bottom: 40px;} .profile-tbody-name{font-size: 18px;line-height: 28px;} .profile-tbody-text{padding-top: 18px;padding-bottom: 30px;} .profile-tbody-list{padding-top: 44px;} .profile-tbody-item{margin-bottom: 40px;} .profile-tbody-img{width: 100%;} .profile-tbody-info{width: 100%;padding-top: 10px;} .History-tbody-text{margin-top: 20px;padding-bottom: 16px;} .factory-tbody-text{margin-top: 20px;padding-bottom: 14px;} } .factory-swiper{background: #FFFFFF;border: 7px solid #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);position: relative;} .factory-swiper .swiper-button{width: 42px;height: 42px;line-height: 42px;margin: 0 10px;margin-top: -21px;font-size: 22px;color: #0261AE;background: rgba(255,255,255,.6);border-radius: 50%;} .factory-swiper .swiper-button:hover{background: rgba(2, 97, 174, .6);color: #fff;} .factory-list{padding-top: 35px;font-size: 0;letter-spacing: 0;/* margin-left: -24px;margin-right: -24px; */padding-bottom: 70px;} /* .factory-list-item{display: inline-block;vertical-align: top;width: 25%;padding: 0 27px;margin-bottom: 20px;} */ .factory-list img{background: #FFFFFF;border: 4px solid #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);} .Honor-tbody{padding-bottom: 115px;} .Honor-tbody-list{font-size: 0;letter-spacing: 0;margin-left: -100px;margin-right: -100px; padding-top: 51px;padding-bottom: 12px;} .Honor-tbody-item{display: inline-block;vertical-align: top;width: 33.33333333333%;padding: 0 100px;margin-bottom: 40px;} .Honor-tbody-box{background: #FFFFFF;/* border: 8px solid #E8EDEF; */box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);position: relative;} .Honor-tbody-item .item-title{text-align: center;margin-top: 15px;} .Honor-tbody-item .item-backdrop .iconfont{ font-size: 24px;color: #fff; position: relative; display: block;text-align: center;} .Partner-list{font-size: 0;letter-spacing: 0;display: flex;align-items: center;flex-wrap: wrap;padding-top: 90px;margin-bottom: -20px;} .Partner-item{display: inline-block;vertical-align: top;width: 25%;min-height: 90px;margin-bottom: 74px;} @media (min-width:992px) and (max-width:1259px){ .factory-swiper{border-width: 6px;} .factory-swiper .swiper-button{width: 38px;height: 38px;line-height: 38px;margin: 0 8px;margin-top: -19px;font-size: 20px;} .factory-list{padding-top: 30px;/* margin-left: -20px;margin-right: -20px; */padding-bottom: 60px;} .factory-list-item{width: 25%;padding: 0 20px;margin-bottom: 20px;} .factory-list img{border-width: 3px;} .Honor-tbody{padding-bottom: 95px;} .Honor-tbody-list{margin-left: -50px;margin-right: -50px; padding-top: 40px;padding-bottom: 10px;} .Honor-tbody-item{width: 33.33333333333333%;padding: 0 50px;margin-bottom: 30px;} .Honor-tbody-item .item-title{margin-top: 12px;} .Honor-tbody-item .item-backdrop .iconfont{font-size: 22px;} .Partner-list{padding-top: 80px;margin-bottom: -20px;} .Partner-item{width: 33.33333%;min-height: 80px;margin-bottom: 60px;} } @media (max-width:991px){ .factory-swiper{border-width: 5px;} .factory-swiper .swiper-button{width: 34px;height: 34px;line-height: 34px;margin: 0 7px;margin-top: -17px;font-size: 19px;} .factory-list{padding-top: 20px;/* margin-left: -10px;margin-right: -10px; */padding-bottom: 46px;} .factory-list-item{width: 25%;padding: 0 10px;margin-bottom: 16px;} .factory-list img{border-width: 2px;} .Honor-tbody{padding-bottom: 75px;} .Honor-tbody-list{margin-left: -16px;margin-right: -16px; padding-top: 40px;padding-bottom: 10px;} .Honor-tbody-item{width: 33.333333333333%;padding: 0 16px;margin-bottom: 30px;} .Honor-tbody-item .item-title{margin-top: 12px;} .Honor-tbody-item .item-backdrop .iconfont{font-size: 22px;} .Partner-list{padding-top: 60px;margin-bottom: -10px;} .Partner-item{width: 33.3333%;min-height: auto;margin-bottom: 50px;} } @media (max-width:720px){ .factory-swiper{border-width: 5px;} .factory-swiper .swiper-button{width: 30px;height: 30px;line-height: 30px;margin: 0 6px;margin-top: -15px;font-size: 16px;} .factory-list{padding-top: 15px;/* margin-left: -5px;margin-right: -5px; */padding-bottom: 36px;} .factory-list-item{width: 25%;padding: 0 5px;margin-bottom: 16px;} .factory-list img{border-width: 2px;} .Honor-tbody{padding-bottom: 50px;} .Honor-tbody-list{margin-left: -10px;margin-right: -10px; padding-top: 30px;padding-bottom: 10px;} .Honor-tbody-item{width: 33.3333333333333%;padding: 0 10px;margin-bottom: 20px;} .Honor-tbody-item .item-title{margin-top: 10px;} .Honor-tbody-item .item-backdrop .iconfont{font-size: 20px;} .Partner-list{padding-top: 40px;margin-bottom: -10px;} .Partner-item{width: 50%;min-height: auto;margin-bottom: 40px;} } @media (max-width:520px){ .factory-swiper{border-width: 5px;} .factory-swiper .swiper-button{width: 30px;height: 30px;line-height: 30px;margin: 0 6px;margin-top: -15px;font-size: 16px;} .factory-list{padding-top: 15px;margin-left: -10px;margin-right: -10px;padding-bottom: 20px;} .factory-list-item{width: 50%;padding: 0 10px;margin-bottom: 16px;} .factory-list-item img{border-width: 2px;} .Honor-tbody{padding-bottom: 30px;} .Honor-tbody-list{margin-left: -10px;margin-right: -10px; padding-top: 30px;padding-bottom: 10px;} .Honor-tbody-item{width: 50%;padding: 0 10px;margin-bottom: 20px;} .Honor-tbody-item .item-title{margin-top: 10px;} .Honor-tbody-item .item-backdrop .iconfont{font-size: 18px;} .Partner-list{padding-top: 20px;margin-bottom: -10px;} .Partner-item{width: 50%;min-height: auto;margin-bottom: 30px;} } .career-list{width: 100%;position: relative;/*padding-top: 30px;*/padding-bottom: 52px;} .career-list-item{width: 100%;position: relative;margin-bottom: 17px;font-size: 0;letter-spacing: 0;} .career-list-item-box{width: 100%;position: relative;padding: 25px 24px 1px;background: #F5F5F5;border-radius: 5px;} .career-list-item-name{position: relative;padding-right: 26px;cursor: pointer;} .career-item-title{font-size: 20px;line-height: 30px;} .career-list-item-name.active .career-item-title, .career-list-item-name.active .career-item-title a{color: #0261AE;} .career-list-item-name .iconfont{position: absolute;top: 9px;right: 14px;font-size: 12px;color: #0261AE;} .career-item-add{color: #666666;margin-top: 18px;padding-bottom: 14px;} .career-list-item-text{border-top: 1px solid #E2E2E2;padding-bottom: 31px;display: none;} .career-item-desc{padding-top: 19px;color: #666;} .career-item-desc a{color: #666;} .career-item-desc a:hover{color: #0261AE;} .career-item-href{margin-top: 27px;} .career-item-href a{width: 100%;max-width: 145px;text-align: center;font-size: 16px;color: #0261AE;line-height: 38px;border: 1px solid #0261AE;border-radius: 20px;display: inline-block;box-sizing: border-box;} .career-item-href a:hover{background: #0261AE;color: #fff;} @media (min-width:992px) and (max-width:1259px){ .career-list{padding-top: 24px;padding-bottom: 44px;} .career-list-item{margin-bottom: 16px;} .career-list-item-box{padding: 20px 20px 1px;} .career-list-item-name{padding-right: 24px;} .career-item-title{font-size: 18px;line-height: 28px;} .career-list-item-name .iconfont{top: 8px;right: 10px;} .career-item-add{margin-top: 14px;padding-bottom: 12px;} .career-list-item-text{padding-bottom: 28px;} .career-item-desc{padding-top: 16px;} .career-item-href{margin-top: 24px;} .career-item-href a{max-width: 136px;font-size: 16px;line-height: 34px;border-radius: 18px;} } @media (max-width:991px){ .career-list{padding-top: 16px;padding-bottom: 36px;} .career-list-item{margin-bottom: 14px;} .career-list-item-box{padding: 16px 14px 1px;} .career-list-item-name{padding-right: 24px;} .career-item-title{font-size: 16px;line-height: 26px;} .career-list-item-name .iconfont{top: 8px;right: 10px;} .career-item-add{margin-top: 10px;padding-bottom: 12px;} .career-list-item-text{padding-bottom: 20px;} .career-item-desc{padding-top: 12px;} .career-item-href{margin-top: 16px;} .career-item-href a{max-width: 136px;font-size: 16px;line-height: 34px;border-radius: 18px;} } .knows-tbody{padding-top: 26px;padding-bottom: 48px;position: relative;} .knowledge-tbody{padding-top: 26px;width: 100%;padding-bottom: 61px;} .know-tbody-left{float: left;width: 70%;} .know-tbody-right{float: right;width: 23.33333333333333%;padding-top: 38px;} .know-tbody-list{font-size: 0;letter-spacing: 0;padding-bottom: 51px;} .know-tbody-list-item{width: 100%;position: relative;padding-top: 43px;padding-bottom: 36px;border-bottom: 1px solid #E5E5E5;} .know-tbody-img{width: 33.92857142857143%;display: inline-block;vertical-align: top;} .know-tbody-info{width: 66.07142857142857%;display: inline-block;vertical-align: top;margin-top: -6px;padding-left: 22px;} .know-tbody-title{font-size: 20px;color: #333333;line-height: 30px;} .know-tbody-date{color: #999999;margin-top: 7px;} .know-tbody-text{margin-top: 9px;color: #666;} .know-tbody-text a{color: #666;}.know-tbody-text a:hover{color: #0261AE;} .know-tbody-href{margin-top: 19px;} .know-tbody-href a{width: 145px;display: inline-block;height: 40px;border: 1px solid #0261AE;border-radius: 20px;font-size: 16px;text-align: center;color: #0261AE;line-height: 38px;} .know-tbody-href a:hover{background: #0261AE;color: #fff;} .ktr-title{font-size: 26px;text-transform: uppercase;color: #0261AE;line-height: 30px;}.ktr-title a{color: #0261AE;} .ktryiji{margin-top: 11px;border-top: 2px solid #0261AE;margin-bottom: 40px;} .ktryiji>li{padding: 9px 0 8px;border-bottom: 1px solid #E5E5E5;position: relative;} .ktryiji>li.ktrdian>a{color: #0261AE;} .ktr-contact{width: 100%;background: #0261AE;padding-top: 25px;padding-bottom: 18px;margin-bottom: 46px;} .ktr-con-name{text-align: center;color: #fff;font-size: 18px;line-height: 30px;} .ktr-con-box{padding: 10px 19px;} .ktr-item-inputs{width: 100%;overflow: hidden;height: 41px;background: #FFFFFF;border-radius: 6px;position: relative;padding-left: 7px;margin-bottom: 10px;} .ktr-item-inputs input{width: 100%;height: 100%;font-size: 14px;} .ktr-item-inputs2{padding-right: 78px;margin-bottom: 13px;} .ktr-item-inputs2 .ktr-item-img{position: absolute;right: 0;top: 0;bottom: 0;width: 98px;background: #f3fbfe;} .ktr-item-input-btn{margin-bottom: 0;border: 1px solid #FFFFFF;background: #0261AE;} .ktr-item-input-btn input{font-size: 16px;color: #fff;} .ktr-follow{background: #F5F5F5;width: 100%;padding: 16px 21px 5px 18px;} .ktr-follow-mame{font-size: 22px;text-transform: uppercase;color: #0261AE;line-height: 32px;text-align: center;} .ktr-follow-list{font-size: 0;letter-spacing: 0;width: 100%;padding-top: 19px;} .ktr-follow-item{display: flex;align-items: center;position: relative;justify-content: space-between;margin-bottom: 16px;} .ktr-follow-item .iconfont{display: inline-block;vertical-align: middle;width: 37px;line-height: 36px;font-size: 20px;height: 36px;color: #fff;border-radius: 50%;} .ktr-follow-item .ktr-text{display: inline-block;vertical-align: middle;margin-left: 4px;} .ktr-follow-item .ktr-btn{width: 70px;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: center;height: 22px;border-radius: 4px;text-transform: uppercase;} .ktr-follow-item:nth-of-type(1) .iconfont, .ktr-follow-item:nth-of-type(1) .ktr-btn{background: #1E93D6;} .ktr-follow-item:nth-of-type(2) .iconfont, .ktr-follow-item:nth-of-type(2) .ktr-btn{background: #236DC8;} .ktr-follow-item:nth-of-type(3) .iconfont, .ktr-follow-item:nth-of-type(3) .ktr-btn{background: #E22B27;} .ktr-follow-item:nth-of-type(4) .iconfont, .ktr-follow-item:nth-of-type(4) .ktr-btn{background: #D50000;} .ktr-btns{font-size: 0;letter-spacing: 0;margin-left: -7px;margin-right: -7px;padding-top: 39px;} .ktr-item-btn{display: inline-block;vertical-align: top;max-width: 146px;width: 50%;padding: 0 7px;margin-bottom: 10px;} .ktr-item-btn .btna{display: block;width: 100%;height: 40px;border: 1px solid #0261AE;border-radius: 20px;text-align: center;line-height: 38px;color: #0261AE;font-size: 18px;} .ktr-item-btn .btna:hover{background: #0261AE; color: #fff;} .ktr-item-btn .iconfont{font-size: 18px;line-height: 38px;margin-right: 10px;} @media (min-width:992px) and (max-width:1259px){ .knows-tbody{padding-top: 20px;padding-bottom: 40px;} .knowledge-tbody{padding-top: 20px;padding-bottom: 50px;} .know-tbody-left{float: left;width: 68%;} .know-tbody-right{float: right;width: 29%;padding-top: 30px;} .know-tbody-list{padding-bottom: 51px;} .know-tbody-list-item{padding-top: 43px;padding-bottom: 36px;} .know-tbody-img{width: 35%;} .know-tbody-info{width: 65%;margin-top: -5px;padding-left: 18px;} .know-tbody-title{font-size: 18px;line-height: 28px;} .know-tbody-date{margin-top: 6px;} .know-tbody-text{margin-top: 8px;} .know-tbody-href{margin-top: 10px;} .know-tbody-href a{width: 140px;height: 38px;border-radius: 19px;font-size: 16px;line-height: 36px;} .ktr-title{font-size: 24px;line-height: 28px;} .ktryiji{margin-top: 10px;margin-bottom: 32px;} .ktryiji>li{padding: 7px 0 6px;} .ktr-contact{padding-top: 22px;padding-bottom: 16px;margin-bottom: 40px;} .ktr-con-name{font-size: 16px;line-height: 28px;} .ktr-con-box{padding: 8px 15px;} .ktr-item-inputs{height: 40px;padding-left: 6px;margin-bottom: 10px;} .ktr-item-inputs2{padding-right: 78px;margin-bottom: 13px;} .ktr-item-inputs2 .ktr-item-img{width: 78px;} .ktr-item-input-btn input{font-size: 16px;} .ktr-follow{padding: 16px 18px 5px;} .ktr-follow-mame{font-size: 20px;line-height: 30px;} .ktr-follow-list{padding-top: 18px;} .ktr-follow-item{margin-bottom: 14px;} .ktr-follow-item .iconfont{width: 36px;line-height: 36px;font-size: 20px;height: 36px;} .ktr-follow-item .ktr-text{margin-left: 4px;} .ktr-follow-item .ktr-btn{width: 66px;font-size: 14px;line-height: 22px;height: 22px;} .ktr-btns{margin-left: -7px;margin-right: -7px;padding-top: 39px;} .ktr-item-btn{max-width: 146px;width: 50%;padding: 0 7px;margin-bottom: 10px;} .ktr-item-btn .btna{height: 40px;border-radius: 20px;line-height: 38px;font-size: 18px;} .ktr-item-btn .iconfont{font-size: 18px;line-height: 38px;margin-right: 10px;} } @media (max-width:991px){ .knows-tbody{padding-top: 16px;padding-bottom: 32px;} .knowledge-tbody{padding-top: 16px;padding-bottom: 40px;} .know-tbody-left{float: left;width: 100%;} .know-tbody-right{float: right;width: 100%;padding-top: 38px;} .know-tbody-list{padding-bottom: 40px;} .know-tbody-list-item{padding-top: 32px;padding-bottom: 28px;} .know-tbody-img{width: 35%;} .know-tbody-info{width: 65%;margin-top: -5px;padding-left: 18px;} .know-tbody-title{font-size: 18px;line-height: 28px;} .know-tbody-date{margin-top: 6px;} .know-tbody-text{margin-top: 8px;} .know-tbody-href{margin-top: 10px;} .know-tbody-href a{width: 128px;height: 34px;border-radius: 17px;font-size: 14px;line-height: 32px;} .ktr-title{font-size: 22px;line-height: 26px;} .ktryiji{margin-top: 10px;margin-bottom: 32px;} .ktryiji>li{padding: 7px 0 6px;} .ktr-contact{padding-top: 22px;padding-bottom: 16px;margin-bottom: 40px;} .ktr-con-name{font-size: 16px;line-height: 28px;} .ktr-con-box{padding: 8px 15px;} .ktr-item-inputs{height: 40px;padding-left: 6px;margin-bottom: 10px;} .ktr-item-inputs2{padding-right: 78px;margin-bottom: 13px;} .ktr-item-inputs2 .ktr-item-img{width: 78px;} .ktr-item-input-btn input{font-size: 16px;} .ktr-follow{padding: 16px 18px 5px;} .ktr-follow-mame{font-size: 20px;line-height: 30px;} .ktr-follow-list{padding-top: 18px;} .ktr-follow-item{margin-bottom: 14px;} .ktr-follow-item .iconfont{width: 36px;line-height: 36px;font-size: 20px;height: 36px;} .ktr-follow-item .ktr-text{margin-left: 4px;} .ktr-follow-item .ktr-btn{width: 66px;font-size: 14px;line-height: 22px;height: 22px;} .ktr-btns{margin-left: -7px;margin-right: -7px;padding-top: 39px;text-align: center;} .ktr-item-btn{max-width: 146px;width: 50%;padding: 0 7px;margin-bottom: 10px;} .ktr-item-btn .btna{height: 40px;border-radius: 20px;line-height: 38px;font-size: 18px;} .ktr-item-btn .iconfont{font-size: 18px;line-height: 38px;margin-right: 6px;} } @media (max-width:600px){ .knows-tbody{padding-top: 12px;padding-bottom: 20px;} .know-tbody-img{width: 40%;} .know-tbody-info{width: 60%;margin-top: -5px;padding-left: 18px;} .ktr-title{font-size: 22px;line-height: 26px;} } @media (max-width:460px){ .know-tbody-img{width: 100%;} .know-tbody-info{width: 100%;margin-top: 15px;padding-left: 18px;} .ktr-title{font-size: 22px;line-height: 26px;} } .knows-title{font-size: 26px;color: #333333;line-height: 40px;padding-top: 29px;} .knows-date{padding-top: 10px;font-size: 14px;color: #999;line-height: 16px;padding-bottom: 17px;} .knows-date .iconfont{font-size: 16px;margin-right: 6px;} .knows-desc{border-top: 1px solid #E5E5E5;padding-top: 21px;padding-bottom: 15px;border-bottom: 1px solid #E6E6E6;color: #333;} .fanpian{color: #666;padding-top: 14px;} .fanpian .fanpians{color: #666;margin-top: 2px;} .fanpian .fanpians span{color: #666;} .fanpian .fanpians.no{color: #999;} @media (min-width:992px) and (max-width:1259px){ .knows-title{font-size: 24px;line-height: 36px;padding-top: 25px;} .knows-date{padding-top: 8px;font-size: 14px;line-height: 16px;padding-bottom: 16px;} .knows-date .iconfont{font-size: 16px;margin-right: 4px;} .knows-desc{padding-top: 20px;padding-bottom: 12px;} .fanpian{padding-top: 18px;} } @media (max-width:991px){ .knows-title{font-size: 20px;line-height: 30px;padding-top: 10px;} .knows-date{padding-top: 8px;font-size: 13px;line-height: 15px;padding-bottom: 12px;} .knows-date .iconfont{font-size: 15px;margin-right: 4px;} .knows-desc{padding-top: 18px;padding-bottom: 10px;} .fanpian{padding-top: 16px;} } .project{position: relative;padding-top: 63px;padding-bottom: 112px;} .case-list{font-size: 0;letter-spacing: 0;margin-left: -22.5px;margin-right: -22.5px;padding-bottom: 4px;} .case-list-item{width: 33.3333333333%;display: inline-block;vertical-align: top;padding: 0 22.5px;margin-bottom: 55px;} .case-item-box{width: 100%;position: relative;} .case-item-img{width: 100%;position: relative;overflow: hidden;} .case-item-info{background: #F8FAFF;padding: 15px 16px 25px;} .case-item-title{font-size: 18px;color: #333333;line-height: 30px;min-height: 60px;} .case-item-text{margin-top: 5px; color: #666;min-height: 78px;}.case-item-text a{color: #666;}.case-item-text a:hover{color: #0261AE;} @media (min-width:992px) and (max-width:1259px){ .project{padding-top: 54px;padding-bottom: 96px;}.case-list{margin-left: -15px;margin-right: -15px;padding-bottom: 4px;}.case-list-item{width: 33.3333333333%;padding: 0 15px;margin-bottom: 44px;}.case-item-info{padding: 12px 14px 20px;}.case-item-title{font-size: 17px;line-height: 28px;min-height: 56px;}.case-item-text{margin-top: 4px;min-height: 72px;} } @media (max-width:991px){ .project{padding-top: 44px;padding-bottom: 80px;}.case-list{margin-left: -18px;margin-right: -18px;padding-bottom: 4px;}.case-list-item{width: 50%;padding: 0 18px;margin-bottom: 32px;}.case-item-info{padding: 10px 10px 18px;}.case-item-title{font-size: 16px;line-height: 26px;min-height: 52px;}.case-item-text{margin-top: 4px;min-height: 66px;} } @media (max-width:660px){ .project{padding-top: 36px;padding-bottom: 60px;}.case-list{margin-left: -10px;margin-right: -10px;padding-bottom: 4px;}.case-list-item{width: 50%;padding: 0 10px;margin-bottom: 24px;}.case-item-info{padding: 6px 10px 16px;}.case-item-title{font-size: 16px;line-height: 26px;min-height: 52px;}.case-item-text{margin-top: 4px;min-height: 60px;} } @media (max-width:520px){ .project{padding-top: 28px;padding-bottom: 45px;}.case-list{margin-left: -8px;margin-right: -8px;padding-bottom: 4px;}.case-list-item{width: 50%;padding: 0 8px;margin-bottom: 24px;}.case-item-info{padding: 4px 6px 12px;}.case-item-title{font-size: 16px;line-height: 24px;min-height: 48px;} } @media (max-width:420px){.project{padding-top: 20px;padding-bottom: 30px;}.case-list-item{width: 100%;padding: 0 8px;margin-bottom: 20px;}} .project-tbody{padding-top: 59px;position: relative;padding-bottom: 116px;} .project-detail{padding-bottom: 94px;} .project-title{font-size: 24px;color: #333333;line-height: 36px;padding-bottom: 4px;} .project-right{padding-top: 2px;} .project-desc{border-top: 1px solid #E5E5E5;padding-top: 20px;padding-bottom: 9px;border-bottom: 1px solid #E6E6E6;} .project-desc img{margin-top: 21px;margin-bottom: 9px;} @media (min-width:992px) and (max-width:1259px){ .project-tbody{padding-top: 50px;padding-bottom: 100px;} .project-detail{padding-bottom: 80px;} .project-title{font-size: 22px;line-height: 32px;padding-bottom: 4px;} .project-right{padding-top: 2px;} .project-desc{padding-top: 20px;padding-bottom: 8px;} .project-desc img{margin-top: 20px;margin-bottom: 8px;} } @media (max-width:991px){ .project-tbody{padding-top: 40px;padding-bottom: 80px;} .project-detail{padding-bottom: 62px;} .project-title{font-size: 20px;line-height: 30px;padding-bottom: 4px;} .project-right{padding-top: 18px;} .project-desc{padding-top: 18px;padding-bottom: 6px;} .project-desc img{margin-top: 18px;margin-bottom: 8px;} } @media (max-width:660px){ .project-tbody{padding-top: 30px;padding-bottom: 60px;} .project-detail{padding-bottom: 44px;} .project-title{font-size: 20px;line-height: 30px;padding-bottom: 4px;} .project-right{padding-top: 16px;} .project-desc{padding-top: 16px;padding-bottom: 4px;} .project-desc img{margin-top: 16px;margin-bottom: 6px;} } .news{padding-top: 24px;position: relative;padding-bottom: 111px;} .news-list{position: relative;font-size: 0;letter-spacing: 0;padding-bottom: 65px;} .news-list-item{padding-top: 39px;padding-bottom: 45px;border-bottom: 1px solid #E5E5E5;} .news-item-box{display: flex;align-items: center;width: 100%;} .news-item-img{width: 26.66666666666667%;background: #EEEEEE;display: inline-block;vertical-align: middle;} .news-item-info{width: 73.33333333333333%;display: inline-block;vertical-align: middle;padding-left: 50px;} .news-item-title{font-size: 20px;color: #333333;line-height: 32px;} .news-item-date{margin-top: 10px;line-height: 24px;font-size: 14px;color: #999999;}.news-item-date .iconfont{font-size: 16px;margin-right: 6px;} .news-item-text{margin-top: 15px;position: relative;color: #666;} .news-item-text a{color: #666;}.news-item-text a:hover{color: #0261AE;} .news-item-href{margin-top: 27px;} .news-item-href a{display: inline-block;vertical-align: top;width: 145px;height: 40px;border: 1px solid #0261AE;border-radius: 20px;text-align: center;line-height: 38px;font-size: 16px;color: #0261AE;} .news-item-href a:hover{background: #0261AE;color: #fff;} .news-tbody{padding-top: 59px;position: relative;padding-bottom: 112px;} .news-desc{border-top: 1px solid #E5E5E5;padding-top: 20px;padding-bottom: 15px;border-bottom: 1px solid #E6E6E6;} @media (min-width:992px) and (max-width:1259px){ .news{padding-top: 20px;padding-bottom: 98px;} .news-list{padding-bottom: 56px;} .news-list-item{padding-top: 32px;padding-bottom: 36px;} .news-item-img{width: 32.42105263157895%;} .news-item-info{width: 67.57894736842105%;padding-left: 40px;} .news-item-title{font-size: 18px;line-height: 30px;} .news-item-date{margin-top: 8px;line-height: 20px;font-size: 14px;}.news-item-date .iconfont{font-size: 16px;margin-right: 6px;} .news-item-text{margin-top: 15px;} .news-item-href{margin-top: 24px;} .news-item-href a{width: 140px;height: 36px;border-radius: 18px;line-height: 34px;font-size: 16px;} .news-tbody{padding-top: 50px;padding-bottom: 96px;} .news-desc{padding-top: 16px;padding-bottom: 12px;} } @media (max-width:991px){ .news{padding-top: 16px;padding-bottom: 75px;} .news-list{padding-bottom: 48px;} .news-list-item{padding-top: 28px;padding-bottom: 32px;} .news-item-img{width: 39.58%;} .news-item-info{width: 60.42%;padding-left: 30px;} .news-item-title{font-size: 16px;line-height: 28px;} .news-item-date{margin-top: 6px;line-height: 18px;font-size: 13px;}.news-item-date .iconfont{font-size: 15px;margin-right: 4px;} .news-item-text{margin-top: 12px;} .news-item-href{margin-top: 20px;} .news-item-href a{width: 132px;height: 34px;border-radius: 17px;line-height: 32px;font-size: 14px;} .news-tbody{padding-top: 42px;padding-bottom: 78px;} .news-desc{padding-top: 12px;padding-bottom: 9px;} } @media (max-width:660px){ .news{padding-top: 12px;padding-bottom: 50px;}.news-list{padding-bottom: 40px;}.news-list-item{padding-top: 20px;padding-bottom: 24px;}.news-item-img{width: 45%;}.news-item-info{width: 55%;padding-left: 24px;}.news-item-title{font-size: 16px;line-height: 28px;}.news-item-date{margin-top: 6px;line-height: 18px;font-size: 13px;}.news-item-date .iconfont{font-size: 15px;margin-right: 4px;}.news-item-text{margin-top: 10px;}.news-item-href{margin-top: 14px;}.news-item-href a{width: 132px;height: 32px;border-radius: 16px;line-height: 30px;font-size: 14px;}.news-tbody{padding-top: 36px;padding-bottom: 66px;}.news-desc{padding-top: 10px;padding-bottom: 8px;} } @media (max-width:520px){ .news{padding-top: 12px;padding-bottom: 40px;}.news-list{padding-bottom: 30px;}.news-item-img{width: 50%;}.news-item-info{width: 50%;padding-left: 20px;}.news-item-title{font-size: 16px;line-height: 28px;}.news-item-date{margin-top: 6px;line-height: 16px;font-size: 13px;}.news-item-date .iconfont{font-size: 14px;margin-right: 4px;}.news-item-text{margin-top: 10px;}.news-item-href{margin-top: 10px;}.news-item-href a{width: 120px;height: 28px;border-radius: 14px;line-height: 26px;font-size: 13px;}.news-tbody{padding-top: 30px;padding-bottom: 54px;} } @media (max-width:440px){ .news{padding-top: 12px;padding-bottom: 30px;}.news-list{padding-bottom: 20px;}.news-list-item{padding-top: 20px;padding-bottom: 20px;}.news-item-box{display: block;}.news-item-img{width: 100%;}.news-item-info{width: 100%;padding-left: 0;padding-top: 16px;}.news-item-title{font-size: 16px;line-height: 28px;}.news-item-href a{width: 120px;height: 32px;border-radius: 14px;line-height: 30px;font-size: 13px;}.news-tbody{padding-top: 20px;padding-bottom: 36px;} } .about-bgi{background: url(../img/banners2.jpg) no-repeat center center;background-size: cover;} .news-bgi{background: url(../img/banners3.jpg) no-repeat center center;background-size: cover;} .Contact-bgi{background: url(../img/banners4.jpg) no-repeat center center;background-size: cover;} .contact{padding-bottom: 121px;} .contacts-tbody{position: relative;padding-top: 58px;padding-bottom: 85px;} .contact-title{font-size: 28px;color: #0261AE;line-height: 40px;} .contacts-tbody-left{float: left;width: 49.5%;} .contacts-tbody-right{float: right;width: 35.83333333333333%;padding-top: 6px;} .contacts-tbody-right-box{width: 100%;background: #FFFFFF;box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.2);border-radius: 10px;padding: 43px 30px 42px 29px;} .cons-tbody-text{margin-top: 9px;color: #666666;} .con-tbody-list{position: relative;padding-top: 38px;} .con-tbody-item{position: relative;padding-left: 38px;margin-bottom: 38px;} .con-item-icon{position: absolute;left: 0;top: 10px;} .con-item-icon .iconfont{font-size: 23px;color: #333;} .con-item-name{font-size: 18px;line-height: 22px;} .contact-box{position: relative;padding-top: 11px;} .con-item-inputs{position: relative;width: 100%;margin-bottom: 8px;font-size: 0;list-style: 0;} .con-item-inputs .placeholder{color: #666;margin-bottom: 5px;} .con-item-inputs input{height: 44px;width: 100%;font-size: 16px;color: #333;border: 1px solid #C7C7C7;border-radius: 4px;padding: 5px 8px;} .con-item-inputs textarea{height: 151px;width: 100%;font-size: 16px;color: #333;border: 1px solid #C7C7C7;border-radius: 4px;padding: 5px 8px;line-height: 28px;} .con-item-CAP{width: 100%;position: relative;border: 1px solid #C7C7C7;border-radius: 4px;padding-right: 120px;} .con-item-img{position: absolute;right: 0;top: 0;bottom: 0;width: 118px; background: #f3fbfe;}.con-item-img a{max-height: 100%;}.con-item-img img{max-height: 100%;} .con-item-CAP input{border: 0;} .con-item-inputs1{margin-bottom: 15px;} .con-item-inputs2{margin-bottom: 25px;} .con-item-input-btn{margin-bottom: 0;} .con-item-input-btn input{height: 50px;background: #0261AE;border-color: #0261AE;color: #fff;font-size: 16px;} @media (min-width:992px) and (max-width:1259px){ .contact{padding-bottom: 100px;} .contacts-tbody{padding-top: 50px;padding-bottom: 74px;} .contact-title{font-size: 24px;line-height: 36px;} .contacts-tbody-left{float: left;width: 52%;} .contacts-tbody-right{float: right;width: 40%;padding-top: 6px;} .contacts-tbody-right-box{border-radius: 9px;padding: 36px 26px;} .cons-tbody-text{margin-top: 8px;} .con-tbody-list{padding-top: 32px;} .con-tbody-item{padding-left: 32px;margin-bottom: 32px;} .con-item-icon{top: 10px;} .con-item-icon .iconfont{font-size: 20px;} .con-item-name{font-size: 17px;line-height: 20px;} .contact-box{padding-top: 10px;} .con-item-inputs{margin-bottom: 8px;} .con-item-inputs .placeholder{margin-bottom: 5px;} .con-item-inputs input{height: 42px;font-size: 14px;} .con-item-inputs textarea{height: 150px;font-size: 14px;line-height: 26px;} .con-item-CAP{padding-right: 115px;} .con-item-img{width: 115px;} .con-item-inputs1{margin-bottom: 10px;} .con-item-inputs2{margin-bottom: 20px;} .con-item-input-btn{margin-bottom: 0;} .con-item-input-btn input{height: 46px;font-size: 16px;} } @media (max-width:991px){ .contact{padding-bottom: 80px;} .contacts-tbody{padding-top: 40px;padding-bottom: 58px;} .contact-title{font-size: 22px;line-height: 32px;} .contacts-tbody-left{float: left;width: 100%;} .contacts-tbody-right{float: right;width: 100%;padding-top: 12px;} .contacts-tbody-right-box{border-radius: 8px;padding: 30px 24px;} .cons-tbody-text{margin-top: 8px;} .con-tbody-list{padding-top: 20px;} .con-tbody-item{padding-left: 30px;margin-bottom:20px;} .con-item-icon{top: 10px;} .con-item-icon .iconfont{font-size: 20px;} .con-item-name{font-size: 16px;line-height: 20px;} .contact-box{padding-top: 10px;} .con-item-inputs{margin-bottom: 8px;} .con-item-inputs .placeholder{margin-bottom: 5px;} .con-item-inputs input{height: 42px;font-size: 14px;} .con-item-inputs textarea{height: 150px;font-size: 14px;line-height: 26px;} .con-item-CAP{padding-right: 115px;} .con-item-img{width: 115px;} .con-item-inputs1{margin-bottom: 10px;} .con-item-inputs2{margin-bottom: 20px;} .con-item-input-btn{margin-bottom: 0;} .con-item-input-btn input{height: 46px;font-size: 16px;} } @media (max-width:660px){ .contact{padding-bottom: 60px;} .contacts-tbody{padding-top: 32px;padding-bottom: 40px;} .contact-title{font-size: 20px;line-height: 30px;} } @media (max-width:460px){ .contact{padding-bottom: 30px;} .contacts-tbody{padding-top: 20px;padding-bottom: 30px;} } .gallery-top .swiper-slide{padding-top: 43px;position: relative;box-sizing: border-box;} .gallery-top .swiper-slide.swiper-slide-active{margin-right: 0px!important; margin-left: -30px;padding: 0;position: relative;} .History-time{position: relative;width: 100%; padding-bottom: 65px;} .gallery-thumbs{width: 100%;position: relative;padding: 0 19px 82px;} .gallery-thumbs::before{position: absolute;left: 19px;right: 19px;height: 1px;background: #D6D6D6;opacity: 0.6;content: "";bottom: 82px;} .swiper-pro .swiper-slide{width: 100%!important;} .gallery-thumbs .swiper-button{font-size: 25px;color: #666;} .gallery-thumbs .swiper-button:hover{opacity: 0.8;color: #0261AE;} .gallery-thumbs .swiper-slide{text-align: center;position: relative;} .gallery-thumbs .swiper-slide::before{width: 18px;height: 18px;background: #FFFFFF;border: 2px solid #D6D6D6;border-radius: 50%;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 50%);content: "";box-sizing: border-box;} .gallery-thumbs .swiper-slide.swiper-slide-active::before{position: absolute;left: 50%;transform: translateX(-50%);top: 100%;width: 1px;height: 82px;background: #0056A3;content: "";border: 0;} .gallery-thumbs .swiper-slide.swiper-slide-active::after{width: 27px;height: 27px;background: url(../img/yuan.jpg) no-repeat center center; border-radius: 50%;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 50%);content: "";box-sizing: border-box;background-size: 100% 100%;} .gallery-thumbs .swiper-slide-year{font-size: 24px;color: #666666;line-height: 32px;position: relative;padding-bottom: 24px;cursor: pointer;} .gallery-thumbs .swiper-slide.swiper-slide-active .swiper-slide-year{color: #0261AE;} .gallery-top .swiper-slide-box{position: relative;background: #FFFFFF;border: 1px solid #DADADA;padding: 40px 36px 36px;box-sizing: border-box;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-box{padding: 38px 48px 66px;border-color: #0261AE;} .swiper-slide-img{opacity: .8;width: 100%;position: relative;} .swiper-slide-info{padding-top: 16px;} .swiper-slide-year{font-size: 30px;color: #999999;line-height: 34px;text-align: center;} .swiper-slide-text{font-size: 14px;height: 81px;overflow: hidden;color: #999999;line-height: 27px;margin-top: 10px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-img{opacity: 1;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-info{padding-top: 18px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-year{font-size: 34px;color: #0261AE;line-height: 38px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-text{font-size: 16px;height: 120px;overflow: hidden;color: #333333;line-height: 30px;margin-top: 12px;} @media (min-width:1260px){.gallery-top .swiper-slide.swiper-slide-active{width: 440px!important;}} @media (min-width:992px) and (max-width:1259px){ .gallery-top .swiper-slide{padding-top: 40px;} .gallery-top .swiper-slide.swiper-slide-active{width: 343.334px!important;margin-left: -20px;} .History-time{padding-bottom: 50px;} .gallery-thumbs{padding: 0 18px 75px;} .gallery-thumbs::before{left: 18px;right: 18px;bottom: 75px;} .gallery-thumbs .swiper-button{font-size: 24px;} .gallery-thumbs .swiper-slide::before{width: 16px;height: 16px;} .gallery-thumbs .swiper-slide.swiper-slide-active::before{width: 1px;height: 75px;} .gallery-thumbs .swiper-slide.swiper-slide-active::after{width: 24px;height: 24px;} .gallery-thumbs .swiper-slide-year{font-size: 22px;line-height: 30px;padding-bottom: 20px;} .gallery-top .swiper-slide-box{padding: 36px 30px 30px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-box{padding: 34px 40px 54px;} .swiper-slide-info{padding-top: 12px;} .swiper-slide-year{font-size: 28px;line-height: 30px;} .swiper-slide-text{font-size: 14px;height: 78px;line-height: 26px;margin-top: 10px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-info{padding-top: 15px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-year{font-size: 32px;line-height: 36px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-text{font-size: 16px;height: 112px;line-height: 28px;margin-top: 12px;} } @media (min-width:768px) and (max-width:991px){.gallery-top .swiper-slide.swiper-slide-active{width: 253.34px!important;margin-left: -10px;}} @media (max-width:991px){ .gallery-top .swiper-slide{padding-top: 30px;} .History-time{padding-bottom: 40px;} .gallery-thumbs{padding: 0 16px 60px;} .gallery-thumbs::before{left: 16px;right: 16px;bottom: 60px;} .gallery-thumbs .swiper-button{font-size: 20px;line-height: 36px;} .gallery-thumbs .swiper-slide::before{width: 12px;height: 12px;} .gallery-thumbs .swiper-slide.swiper-slide-active::before{width: 1px;height: 60px;} .gallery-thumbs .swiper-slide.swiper-slide-active::after{width: 20px;height: 20px;} .gallery-thumbs .swiper-slide-year{font-size: 20px;line-height: 28px;padding-bottom: 20px;} .gallery-top .swiper-slide-box{padding: 30px 20px 24px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-box{padding: 30px 20px 30px;} .swiper-slide-info{padding-top: 10px;} .swiper-slide-year{font-size: 24px;line-height: 28px;} .swiper-slide-text{font-size: 14px;height: 72px;line-height: 24px;margin-top: 8px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-info{padding-top: 15px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-year{font-size: 28px;line-height: 32px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-text{font-size: 15px;height: 104px;line-height: 26px;margin-top: 10px;} } @media (max-width:768px){ .gallery-top .swiper-slide.swiper-slide-active{margin-left: 0px;} .gallery-top .swiper-slide{padding-top: 30px;} .History-time{padding-bottom: 30px;} .gallery-thumbs{padding: 0 12px 60px;} .gallery-thumbs::before{left: 12px;right: 12px;bottom: 60px;} .gallery-thumbs .swiper-button{font-size: 18px;line-height: 24px;} .gallery-thumbs .swiper-slide::before{width: 12px;height: 12px;} .gallery-thumbs .swiper-slide.swiper-slide-active::before{width: 1px;height: 60px;} .gallery-thumbs .swiper-slide.swiper-slide-active::after{width: 20px;height: 20px;} .gallery-thumbs .swiper-slide-year{font-size: 18px;line-height: 24px;padding-bottom: 18px;} .gallery-top .swiper-slide-box{padding: 18px 12px 20px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-box{padding: 16px 15px 24px;} .swiper-slide-info{padding-top: 10px;} .swiper-slide-year{font-size: 18px;line-height: 24px;} .swiper-slide-text{font-size: 12px;height: 60px;line-height: 20px;margin-top: 8px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-info{padding-top: 15px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-year{font-size: 22px;line-height: 28px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-text{font-size: 14px;height: 96px;line-height: 24px;margin-top: 10px;} } @media (max-width:560px){ .gallery-top .swiper-slide{padding-top: 0px;} .History-time{padding-bottom: 20px;} .gallery-thumbs{padding: 0 12px 50px;} .gallery-thumbs::before{left: 12px;right: 12px;bottom: 50px;} .gallery-thumbs .swiper-slide.swiper-slide-active::before{width: 1px;height: 50px;} .gallery-thumbs .swiper-slide.swiper-slide-active::after{width: 20px;height: 20px;} .gallery-thumbs .swiper-slide-year{font-size: 18px;line-height: 24px;padding-bottom: 18px;} .gallery-top .swiper-slide-box{padding: 16px 10px 20px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-box{padding: 16px 10px 20px;} .swiper-slide-info{padding-top: 10px;} .swiper-slide-year{font-size: 18px;line-height: 24px;} .swiper-slide-text{font-size: 13px;height: 88px;line-height: 22px;margin-top: 8px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-info{padding-top: 10px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-year{font-size: 18px;line-height: 24px;} .gallery-top .swiper-slide.swiper-slide-active .swiper-slide-text{font-size: 13px;height: 88px;line-height: 22px;margin-top: 8px;} } @media print{ .noprint{display: none;} .pro-detail-menu{display: none;} .pro-info-item{display: block;}.pro-detail-menu-item{display: block!important;margin-bottom: 10px;} } .shares{display: none;margin-top: 8px;} .ktr-item-btn.active .shares{display: block; width: 140px;} .m-page a i {line-height: 29px; font-size: 16px; color: #999999;} .m-page a:hover i {color: #fff;} .tagkey{ font-size: 16px; font-size: 1.6rem; margin: 20px 0; line-height: 28px; } .m-kefu-chat.mobile-hide{ right: 6px!important; } .m-page a.no:hover {color: #999!important;border-color: none!important; background: none!important;} .m-page a.no:hover i{color: #999!important;} .item-btns a.no:hover {color: #333!important; background-color: #E5E5E5!important;} .ppp{line-height: 30px; font-size: 16px; font-size: 1.6rem; margin-top: 21px; display: block;} .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;} .ktr-item-btn .at-resp-share-element .at-icon{width: 20px!important;height: 20px!important;} .ktr-item-btn .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .ktr-item-btn .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 20px!important;height: 20px!important;} .ktr-item-btn .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 1px!important;} .listcart {width: 100%;text-align: center;} .listcart a { display: inline-block; height: 34px; width: 200px; line-height: 34px; overflow: hidden; color: #fff; cursor: pointer; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 16px; margin-left: 10px; border-radius: 5px; background-color: #b8b8b8; margin-bottom: 10px; } .listcart a:hover {background: #0261AE;} .xunpanc{margin-top: 20px;} .xunpanc .table {margin-top: 0;} .xunpanc table tr td{border: 1px solid #ccc; text-align: left; padding: 6px 3px;} .xunpanc table tr td a:hover{color: #0261AE;} .banner .banner-page-name { display: none; } .header-searchwrap{width: 100%;background: #f0f2f6;display: none;} .header-searchwrap #search-wrap {padding: 20px 0;margin: 0 10%;} .form-search{position: relative;top: 0;right: 0;width: 100%;background: #fff;padding: 6px 12px; border-radius: 20px;height: 40px;border: 1px solid #0261AE;overflow: hidden;} .form-search input{font-size: 16px;line-height: 30px;color: #333333;padding: 0!important;border: none;width: 90%;outline: none;background: transparent;height: 100%;} .form-search input[type="submit"] {background: #0261AE;border: none;width: 10%; height: 46px;position: absolute;z-index: 2;height: 100%;top: 0;right: 0;} .header-searchwrap .form-search .iconfont{color: #fff;position: absolute;right: 4%;top: 10px;z-index: 5;} .form-search::before{content: "";position: absolute;background: #0261AE;border: none;width: 10%;height: 100%;top: 0;right: 0;} .form-search input[type="submit"] {background: transparent;border: none;width: 10%; height: 46px;position: absolute;height: 100%;top: 0;right: 0;z-index: 6;} .header-searchwrap .form-search .iconfont{color: #fff;position: absolute;right: 4%;top: 10px;} .banner-address a.active{ color: #fff; cursor: auto;} /*===================ADD CSS===========================*/ .pro-list-item-href .addcart{width: 128px;display: inline-block;vertical-align: top;height: 35px;line-height: 33px; border: 1px solid #BFBFBF;border-radius: 4px;text-align: center;margin-left: 14px;color: #999;} .pro-list-item-href .addcart:hover{background: #0261AE;color: #fff;border-color: #0261AE;} @media (min-width:992px) and (max-width:1259px){ .pro-list-item-href .addcart{width: 128px;dheight: 34px;line-height: 32px; margin-left: 12px;} } @media (max-width:991px){ .pro-list-item-href .addcart{width: 128px;dheight: 34px;line-height: 32px; margin-left: 12px;} } .prlblie{ position:relative; min-height:50px; margin:20px 0;} .prlbtu{ display:block; width:50px; border:1px solid #ccc; position:absolute; left:0px; top:0px;} .prlbtu img{ width:100%; max-width:800px; max-height:745px;} .prlbzi{ display:block; margin-left:60px; font-size:14px; font-size:1.4rem; line-height:24px;} .prlbzi:hover{color:#0261ae;} .prlba2{ display:block; font-size:16px; font-size:1.6rem; line-height:24px;color:#333; font-weight: bold;} .prlba2:hover{ color: #0261ae;} .gouwuche{ float:right; display:block; width:30px; margin-top:10px; margin-left:8px;} .gouwuche img{ width:100%; max-width:50px; max-height:50px;} .cobiao{ display:block; text-align:center; font-size:40px; font-size:4rem; font-weight:bold; color:#0261ae; padding-top:18px;} .cop{ font-size:14px; font-size:1.4rem; line-height:30px; color:#333333; text-align:center; margin-top: -4px; } .con_wrap{ max-width: 980px; width: 100%; margin: 0 auto; } .coxin{ margin-top:4px; } .col{ width:482px; float:left;} .cor{ width:492px; float:right;} .coxin .int1{ padding-left:11px; margin-top:19px;} .coxin .xing{ background:url(../images/xing.png) no-repeat left 22px;} .coxin .int1 input{ border-radius: 5px; width:425px; height:48px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; border: 1px solid #bbbbbb; } .curen{ background: url(../images/curen.jpg) no-repeat left center;} .cuxinfeng{ background: url(../images/cuxinfeng.jpg) no-repeat left center;} .cudianhua{ background: url(../images/cudianhua.jpg) no-repeat left center;} .cufang{ background: url(../images/cufang.jpg) no-repeat left center;} .coxin textarea{ border-radius: 5px; width:100%; height:186px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; border: 1px solid #bbbbbb; background: url(../images/cubiji.jpg) no-repeat left top;} .coxin .int2{ padding-left:11px; margin-top:19px;} .coxin .int3{width:131px; height:48px; border-radius: 5px; padding-left:12px; line-height:41px; font-size:16px; font-size:1.6rem; float:left;border: 1px solid #bbbbbb; } .cuyanzheng{ display: block; float:left; margin-left:11px; cursor:pointer} .coxin .int4{ width:156px; height:49px; background:#0261ae; font-size:16px; font-size:1.6rem; color:#fff; float:right; cursor:pointer; border-radius:5px;} .coxin .int4:hover{ background:#0261ae;} .yzma{ margin-left: 15px; } @media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}} @media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}} @media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}} @media screen and (max-width:999px){ .wp { width: 95%; margin: auto; } .col{width: 100%;float: none;} .cor{ width:100%; float:none;} .coxin .int1 input{ width:100%;} .coxin textarea{width:100%;} .coxin .int3{width:30%;} .coxin .int4{ width:30%; float:left; margin-left:8px;} .submittype{ float: right!important; } } @media screen and (max-width:639px){ /*.coxin .int1 input{ width:85%;}*/ /*.coxin textarea{width:85%;}*/ .coxin .int3{width:calc(100% - 150px); /*padding-left:41px;*/ float:none;} .cuyanzheng{ margin-left:auto; margin-top:11px;} .coxin .int4{ width:38%; float:left; margin-left:8px; margin-top:11px;} .con_wen ul.con_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important; } .submittype{ float: left!important; } } .den{ width:100%; overflow:auto; margin-top:40px;} .den table{ width:100%} .den th{ font-size:16px; font-size:1.6rem; padding:5px; line-height:24px; font-weight:bold; text-align:left} .den td,.den th{ border-bottom:1px solid #ccc; font-size:14px; font-size:1.4rem; line-height:24px; padding:5px;} .td1{} .td1 a{ display:block; width:20px; height:20px; line-height:20px; border-radius:3px; text-align:center; font-size:18px; font-size:1.8rem; color:#0261ae} .td1 a:hover{ background:#0261ae; color:#fff !important;} .td2{} .td2 a{ display:block; width:50px; border:1px solid #ccc;} .td2 a img{ width:100%; max-width:800px; max-height:745px;} .den td a:hover{ color:#0261ae} .den td input{ width:50px; border:1px solid #ccc; margin-left:10px; line-height:16px; padding:5px;} .den td button{ padding:5px; background:#bbb; color:#fff; font-size:12px; font-size:1.2rem; cursor:pointer;} .den td button:hover{ background:#0261ae;} .den2 td textarea,.den2 td input{ width:230px; line-height:24px; padding:5px 0; padding-left:10px; border:2px solid #0261ae; margin:auto;} @media screen and (max-width:399px){ .den2 td textarea,.den2 td input{ width:170px;} } .inqulist{ margin: 50px auto; } #thpro th{ text-transform: uppercase; } .knows-desc a{ display: inline-block; } /* product */ .product{ padding-top: 41px; padding-bottom: 41px; } .product1{ } .product2{ padding-bottom: 94px; } .product_left{ width: 265px; padding-bottom: 60px; float:left; } .product_left .title{ font-family: 'OPENSANSREGULAR_0'; margin-bottom: 8px; font-size: 22px; font-size: 2.2rem; line-height: 44px;background: #0261ae; color: #fff; text-transform: uppercase; display: block; text-align: center; } .product_left .subNavBox{} .product_left .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 1px; padding-top: 0px; background:#f1efef url(../images/probg.png) no-repeat 90% center; } .product_left .subNav>a{ font-family: "Arial"; line-height:42px; padding-left:14px; font-size:16px; font-size:1.6rem; color:#333333; transition:0s;} .product_left .subNav:hover{ background:#f1efef url(../images/probgon.png) no-repeat 90% center; } .product_left .subNav:hover>a{ color:#0261ae;} .product_left .currentDd{ background:#f1efef url(../images/probgon.png) no-repeat 90% center; } .product_left .currentDd>a{color:#0261ae;} .product_left .navContent{ display: none; position: relative; margin-top: 1px;} .product_left .navContent>li{ margin-bottom: 1px; background:#f1efef;} .product_left .navContent>li>a{ font-family: "Arial"; display:block; font-size:14px; font-size:1.4rem; padding-top: 0;padding-bottom: 0px; color:#333; padding-left:40px;line-height: 36px;} .product_left .navContent>li>a:hover{color: #0261ae;} /* right */ .product_right{ width: 885px; float:right; } .pro_left_wrap{ padding-bottom: 38px;} .product_right_ul{ } .product_right_ul li{ float: left; margin-left: 42px; margin-bottom: 26px; } .product_right_ul li .m3lien{ max-width:267px; margin: 0 auto; background: url(../images/productbj.png)no-repeat bottom center; position: relative; background-size: auto auto; background-size: 100%; padding-bottom: 17px; } .product_right_ul li .m3lie2{ /*max-width:267px;*/ border: 1px solid #b3b1b1; position: relative; overflow: hidden; } .product_right_ul li .m3lie2 img { display: block; /*max-width:267px; max-height:249px; */ width: 100%; } .product_right_ul li .m3zi{ position: absolute; bottom: 1px; font-size:14px;font-size:1.4rem;color:#fffdfd; text-align: center; display: block; width: 100%; background:url( ../images/probjwenj.png ) repeat left center; line-height: 22px; color:#fff; min-height:47px; padding-top:2px; padding-bottom:0px;} .product_right_ul li .m3lie2 .fu{ top: 100%; width: 100%; height: 100%; left: 0; position: absolute; background: url( ../images/bjprod.png ) repeat top center; } .product_right_ul li .m3lie2 .fu a{ display: block; } .product_right_ul li .m3lie2 .more{ width: 129px; height: 49px; font-size:16px;font-size:1.6rem;color:#333; background: #fff; text-align: center; line-height: 49px; margin: 0 auto; position: relative; top: 50%; margin-top: -57px; } .product_right_ul li .m3lie2 .now{ font-size:18px;font-size:1.8rem;color:#fff; line-height: 30px; text-decoration: underline; text-align: center; position: relative; top: 50%; margin-top: 14px; } .product_right_ul li .m3lie2:hover .fu{ top:0 } .product_right_ul li .m3_wrap{position: relative; } .product_right_ul li .m3_wrap input{ position: absolute; top:-27px; left: 49px; } .productDetails{ } .productText{width: 479px; height: 199px; background: url( ../images/kaunbj.png ) no-repeat left center; } .productText div{color: #0261ae;font-size: 18px; font-size: 1.8rem; } .productText ul{display: none;} .productText ul li{line-height: 24px;font-size: 16px;} .productPic{width: 376px;height: 284px;margin-left: 20px;display: none;} .productPic img{width: 100%;height: 100%;display: block;border:1px solid #ccc;} .pro_box .subNavBox{ border: 1px solid #ededed; margin-bottom: 20px;width: 97%;} .pro_box .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 1px; padding-top: 0px; position: relative; background: url(../images/leftbj.png) no-repeat 26px 21px;width: 50% } .pro_box .subNav>a{ font-family: "Arial"; line-height:38px; padding-left:41px;padding-top: 7px; display: block; font-size:18px; font-size:1.8rem; color:#0261ae; transition:0s;} /* .pro_box .subNav:hover{ width: 479px; height: 199px; background: url(../images/leftbjh.png) no-repeat left center,url( ../images/kaunbj.png ) no-repeat left center; } .pro_box .subNav:hover>a{ color:#0261ae;} */ .pro_box .currentDd{ width: 51%; background: url(../images/leftbjh.png) no-repeat 26px 25px; border: 1px solid #0261ae;min-height: 85px; } .pro_box .currentDd>a{color:#0261ae;} .pro_box .navContent{ display: none; /*position: relative;*/} .pro_box .navContent>li{ font-family: "Arial"; display:block; font-size:14px; font-size:1.4rem; padding-top: 0;padding-bottom: 0px; color:#333; padding-left:40px;line-height: 24px;width: 50%} .pro_box .navContent .dan_danimg{ position: absolute; right: -16px; top: 50%;margin-top:-10px; z-index: 9999} .pro_box .subNav img{display:none;} .pro_box .currentDd img{display:block;} .pro_box .navContent>li, .pro_box .subNav img{display:none !important;} .pro_box .subNav .navContent>li, .pro_box .currentDd img{display:block !important;} .pro_box .navContent>li.img img{ position: absolute; left: 105%; width: 95%; top:-46px; display: block; max-width: 375px; max-height: 248px; } .pro_box table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; /*word-break:break-all;*/ } .pro_box tr td,.nex tr td{ line-height:24px; padding:2px; border: 1px solid; font-size: 16px;} #content p strong{font-size: 16px;} .pro_box p{font-size: 1.6rem; font-size: 16px; line-height: 30px;margin-left: 7px;} @media screen and (max-width:739px) { .pro_box p{margin-left:0px;} .pro_box .navContent>li{ padding-bottom: 30px; } .pro_box .navContent>li.img img{ left: 0px!important; top: 0px!important; } .pro_box .navContent .dan_danimg{right:-999px;} /*.pro_box .navContent display: none;*/ .pro_box .navContent3>li.img img{margin-top: inherit !important;} } @media screen and (min-width:1000px) and (max-width:1219px) { .product_right { width: 677px; overflow: hidden;} .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; } .product_right_ul li .m3lien{ padding-bottom: 13px; } .pro_left_right{ width: 200px; } .pro_left_right h1{ font-size:28px;font-size:2.8rem; padding-top: 0; } #tsShopContainer{ overflow: hidden; } .product{ width: 100%; overflow: hidden; } .pro_now{ padding-top: 0; } .pro_now a{ float: none; margin-top: 10px;margin-bottom: 10px; } .pro_box .navContent>li.img img{ /*width: 37%;*/ } .product_right_ul li .m3_wrap input{ left: 10px; } } @media screen and (max-width:999px) { .product{ width: 100%; overflow: hidden; } .product_right { width: 646px; } .pro_left_right{ width: 100%; float: none;} #tsShopContainer{ width: 100%; max-width: 470px; float: none; margin: 0 auto; } .pro_now a{ margin-top: 10px;margin-bottom: 10px; } .pro_now{ padding-top: 10px; } .pro_box .navContent>li.img img{ /*width: 29%;*/ } .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; } .product_right_ul li .m3_wrap input{ left: 10px; } .product_right_ul li .m3lien{ padding-bottom: 13px; } } @media screen and (max-width:979px) { .product_right { width: 100%; float: none; } .product_left{width: 100%; float: none; margin-bottom: 30px; } .product_right_ul li .m3lien{ background: none; } .product_right_ul li .m3lie2 .fu{ top:0 } .hotmain{ padding-bottom: 50px; } .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; } .pro_box .navContent>li.img img{ /*width: 48%;*/ } } @media screen and (max-width:900px) { .product_right_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important; } } @media screen and (max-width:440px) { .product_right_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%!important; } .pro_now{ padding-top: 0;width: 100% } .pro_now a{ margin-top: 10px;margin-bottom: 10px;width: 44% } } .catdesc{text-align: left; margin: 0 auto; padding-bottom: 30px; font-size: 16px; font-size: 1.6rem; line-height: 23px;} .catdesc h1{font-size: 20px; font-size: 2rem;} .catdesc h2{font-size: 16px;font-size: 1.6rem;}