/* bootstrap header */ .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;}.nav > li.disabled > a {color: #777777;}.nav > li.disabled > a:hover,.nav > li.disabled > a:focus {color: #777777;text-decoration: none;cursor: not-allowed;background-color: transparent;}.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {background-color: #eeeeee;border-color: #337ab7;}.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}.nav > li > a > img {max-width: none;}.nav-tabs {border-bottom: 1px solid #ddd;}.nav-tabs > li {float: left;margin-bottom: -1px;}.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}.nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #ddd;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {color: #555555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}.nav-tabs.nav-justified {width: 100%;border-bottom: 0;}.nav-tabs.nav-justified > li {float: none;}.nav-tabs.nav-justified > li > a {margin-bottom: 5px;text-align: center;}.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto;left: auto;}@media (min-width: 768px) {.nav-tabs.nav-justified > li {display: table-cell;width: 1%;}.nav-tabs.nav-justified > li > a {margin-bottom: 0;}}.nav-tabs.nav-justified > li > a {margin-right: 0;border-radius: 4px;}.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus {border: 1px solid #ddd;}@media (min-width: 768px) {.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;}.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #fff;}}.nav-pills > li {float: left;}.nav-pills > li > a {border-radius: 4px;}.nav-pills > li + li {margin-left: 2px;}.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {color: #fff;background-color: #337ab7;}.nav-stacked > li {float: none;}.nav-stacked > li + li {margin-top: 2px;margin-left: 0;}.nav-justified {width: 100%;}.nav-justified > li {float: none;}.nav-justified > li > a {margin-bottom: 5px;text-align: center;}.nav-justified > .dropdown .dropdown-menu {top: auto;left: auto;}@media (min-width: 768px) {.nav-justified > li {display: table-cell;width: 1%;}.nav-justified > li > a {margin-bottom: 0;}}.nav-tabs-justified {border-bottom: 0;}.nav-tabs-justified > li > a {margin-right: 0;border-radius: 4px;}.nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:hover,.nav-tabs-justified > .active > a:focus {border: 1px solid #ddd;}@media (min-width: 768px) {.nav-tabs-justified > li > a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;}.nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:hover,.nav-tabs-justified > .active > a:focus {border-bottom-color: #fff;}}.tab-content > .tab-pane {display: none;}.tab-content > .active {display: block;}.nav-tabs .dropdown-menu {margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;}.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}@media (min-width: 768px) {.navbar {border-radius: 4px;}}@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-form {padding: 10px 15px;margin-right: -15px;margin-left: -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);margin-top: 8px;margin-bottom: 8px;}@media (min-width: 768px) {.navbar-form .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}.navbar-form .form-control {display: inline-block;width: auto;vertical-align: middle;}.navbar-form .form-control-static {display: inline-block;}.navbar-form .input-group {display: inline-table;vertical-align: middle;}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {width: auto;}.navbar-form .input-group > .form-control {width: 100%;}.navbar-form .control-label {margin-bottom: 0;vertical-align: middle;}.navbar-form .radio,.navbar-form .checkbox {display: inline-block;margin-top: 0;margin-bottom: 0;vertical-align: middle;}.navbar-form .radio label,.navbar-form .checkbox label {padding-left: 0;}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {position: relative;margin-left: 0;}.navbar-form .has-feedback .form-control-feedback {top: 0;}}@media (max-width: 767px) {.navbar-form .form-group {margin-bottom: 5px;}.navbar-form .form-group:last-child {margin-bottom: 0;}}@media (min-width: 768px) {.navbar-form {width: auto;padding-top: 0;padding-bottom: 0;margin-right: 0;margin-left: 0;border: 0;-webkit-box-shadow: none;box-shadow: none;}}.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: #000;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: #000;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: #000;}.navbar-default .btn-link {color: #777;}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {color: #000;}.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: #000;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #000;}.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; font-family: "iconfont";font-size: 18px;color: #000;z-index: 10;}.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: #000; 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: #000;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; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; display: block !important; } .baguetteBox-button#previous-button { left: 2%; display: block !important; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } @font-face { font-family: "iconfont"; /* Project id 1768807 */ src: url('../font/font-icon/iconfont.woff2?t=1631757431537') format('woff2'), url('../font/font-icon/iconfont.woff?t=1631757431537') format('woff'), url('../font/font-icon/iconfont.ttf?t=1631757431537') format('truetype'); } @font-face { font-family: "iconfont"; /* Project id 2202657 */ src: url('../font/font-iconfont/iconfont.woff2?t=1631759102554') format('woff2'), url('../font/font-iconfont/iconfont.woff?t=1631759102554') format('woff'), url('../font/font-iconfont/iconfont.ttf?t=1631759102554') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .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-left1:before {content: "\e730";}.icon-right1:before {content: "\e731";}.icon-up:before {content: "\e73e";}.icon-bottom:before {content: "\e73f";}.icon-instagram:before {content: "\e79d";}.icon-tumblr:before {content: "\e79e";}.icon-download:before {content: "\e7a0";}.icon-download1:before {content: "\e7a7";}.icon-search4:before {content: "\e7b2";}.icon-address:before {content: "\e7bc";}.icon-email:before {content: "\e7bd";}.icon-contact:before {content: "\e7be";}.icon-whatsapp:before {content: "\e7bf";}.icon-fax:before {content: "\e7c2";}.icon-mobile:before {content: "\e7c6";}.icon-phone:before {content: "\e7c8";}.icon-tel:before {content: "\e7c7";}.icon-phone1:before {content: "\e7cb";}.icon-skype:before {content: "\e7cc";}.icon-whatsapp1:before {content: "\e7c1";}.icon-address1:before {content: "\e7c3";}.icon-contact1:before {content: "\e7c4";}.icon-email1:before {content: "\e7c5";}.icon-skype1:before {content: "\e7c9";}.icon-fax1:before {content: "\e7ca";}.icon-qq:before {content: "\e7ce";}.icon-tel1:before {content: "\e7cd";}.icon-wechat:before {content: "\e7cf";}.icon-phone2:before {content: "\e7d0";}.icon-message:before {content: "\e7da";}.icon-calendar:before {content: "\e7e1";}.icon-calendar1:before {content: "\e7e3";}.icon-top:before {content: "\e7ed";}.icon-youbian:before {content: "\e60f";} .icona-iconfont-arrowdown3:before {content: "\e679";}.icona-iconfont-arrowdown1:before {content: "\e67a";}.iconiconfont-arrowdown:before {content: "\e67b";}.icona-iconfont-arrowdown2:before {content: "\e67c";}.iconadmonish-line:before {content: "\e67d";}.iconadmonish-fill:before {content: "\e67e";}.iconarticle-line:before {content: "\e67f";}.icona-rightlinefill-line:before {content: "\e680";}.icona-rightlinefill-line1:before {content: "\e681";}.icona-bofang1:before {content: "\e678";}.icona-weibo1:before {content: "\e674";}.iconweibo:before {content: "\e675";}.icona-douyin2:before {content: "\e676";}.icondouyin:before {content: "\e677";}.iconchanpinfenlei:before {content: "\e671";}.icona-xiazai1:before {content: "\e672";}.iconxiazai:before {content: "\e673";}.iconxuexiao:before {content: "\e669";}.icona-officedesk5:before {content: "\e66c";}.icontravel:before {content: "\e66d";}.iconyiyuan:before {content: "\e66e";}.iconweb-xuexiao:before {content: "\e66f";}.icona-16_NAV3_C_BI_gongjiaoxianlu_1:before {content: "\e670";}.iconb2b-close:before {content: "\e665";}.iconB2B2Cyonghuduantubiaoku-09:before {content: "\e666";}.iconMoblie:before {content: "\e667";}.iconlogo-whatsapp:before {content: "\e668";}.iconwhatsapp:before {content: "\e66a";}.iconyoutube-fill:before {content: "\e66b";}.iconshouye:before {content: "\e664";}.iconqq:before {content: "\e65f";}.iconweixin:before {content: "\e660";}.iconweixin2:before {content: "\e661";}.icontelephone:before {content: "\e662";}.iconup_s:before {content: "\e663";}.iconchangjiantou:before {content: "\e65b";}.icona-dianhua1:before {content: "\e659";}.icondianhua:before {content: "\e65a";}.iconfangda:before {content: "\e65c";}.iconyoutube:before {content: "\e65d";}.icondianhuakefu:before {content: "\e65e";}.iconlajiao:before {content: "\e655";}.iconfangdajing:before {content: "\e656";}.icondizhi:before {content: "\e657";}.iconinstagram:before {content: "\e658";}.icona-gongsi1:before {content: "\e654";}.icongongsi:before {content: "\e651";}.iconfuwushang:before {content: "\e652";}.iconfuwu:before {content: "\e653";} @font-face { font-family: 'poppinsbold'; src: url('../font/font-famiky/poppins-bold-webfont.eot'); src: url('../font/font-famiky/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/font-famiky/poppins-bold-webfont.woff2') format('woff2'), url('../font/font-famiky/poppins-bold-webfont.woff') format('woff'), url('../font/font-famiky/poppins-bold-webfont.ttf') format('truetype'), url('../font/font-famiky/poppins-bold-webfont.svg#poppinsbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'poppinslight'; src: url('../font/font-famiky/poppins-light-webfont.eot'); src: url('../font/font-famiky/poppins-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/font-famiky/poppins-light-webfont.woff2') format('woff2'), url('../font/font-famiky/poppins-light-webfont.woff') format('woff'), url('../font/font-famiky/poppins-light-webfont.ttf') format('truetype'), url('../font/font-famiky/poppins-light-webfont.svg#poppinslight') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'poppinsregular'; src: url('../font/font-famiky/poppins-regular-webfont.eot'); src: url('../font/font-famiky/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/font-famiky/poppins-regular-webfont.woff2') format('woff2'), url('../font/font-famiky/poppins-regular-webfont.woff') format('woff'), url('../font/font-family/poppins-regular-webfont.ttf') format('truetype'), url('../font/font-famiky/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:"poppinslight", arial;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;} .bold{font-family: 'poppinsbold';} ::selection { color: #fff; background: #0F80B8;} 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; } 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: #000;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: #0F80B8;text-decoration: none;transition: 0.5s ease-in-out;} a:hover {text-decoration: none;color: #0F80B8;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;} embed, video, iframe {max-width: 100%;} .mar0{margin: 0 !important;}.padd0{padding: 0 !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:1250px){.contain{width:1230px;}} @media (min-width:1350px){.contain{width:1320px;}} @media (min-width:1460px){.contain{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:1130px){.container{width:1100px;}} @media (min-width:1260px){.container{width:1230px;}} .flex{display: flex;}.block{display: block;}.inblock{display: inline-block;} .self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis-2 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .self-ellipsis-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%); } /*-------------table start-------------------------------------------------------------------*/ .table table { width: 100%; border-collapse: collapse; border: 1px solid #DFDFDF; } .table table p { line-height: 30px !important; } .table table p { min-height: 30px !important; } .table table, .table table a { color: #000; } .table table tr{border: 1px solid #DFDFDF;} .table table tr td{ padding: 9px 5px; } @media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; } .table div { width: 900px; max-width: 900px; } } /*-------------table end---------------------------------------------------------------------*/ /* .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: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .an-btn2:hover { border-color: #51CB93 !important; background-color: #51CB93 \9; color: #fff !important; } .an-btn2:hover .iconfont { color: #51CB93 !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=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #0F80B8; } } @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;} /* 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: #000; line-height: 28px; width: 100%; } .mm-search .search-btn{position: absolute; top: 10px; right: 10px;background-color: transparent; border: 0;} .mm-search .side-mm-keyword{max-height: 32px;height: 32px;padding: 0 16px;} .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: 10px 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;} ul.topnav li {text-align: left; position:relative;} ul.topnav li a {padding: 6px 5px;padding-left: 0px;color: #000;display: block; font-size: 16px;line-height: 24px; padding-right:50px;} ul.topnav ul {display: none;} ul.topnav ul li {clear: both;} ul.topnav ul li a {padding: 5px 5px;padding-left: 20px;font-size: 14px;font-weight: normal;outline: 0;line-height: 22px;} ul.topnav ul li a:hover {} ul.topnav ul ul li a {padding: 4px 5px;padding-left: 40px;} ul.topnav ul ul ul li a {padding: 3px 5px;padding-left: 60px;} ul.topnav span { display:block; position:absolute; right:0px; top:10px; width:24px; height:24px; background:#000; cursor:pointer; border-radius:5px;} ul.topnav ul span { display:block; position:absolute; right:0px; top:6px; width:24px; height:24px; background:#000; 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 } .m-kf {position: fixed;z-index: 99;right: 0px;top: 50%;} .m-kf .iconfont{color: #0F80B8; font-size: 20px;} .m-kf .kf-item {position: relative;display: block;font-size: 0;width: 52px;line-height: 52px;margin-bottom: 1px;font-size: 20px;color: #002038;text-align: center;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 32, 56, 0.1);border-radius: 4px;} .m-kf .kf-item .icon-email1{color: #4260A8;} .m-kf .kf-item .icon-whatsapp1{color: #3AC34C;} .m-kf .kf-item:hover{color: #fff !important;background-color: #0F80B8;right: 0px; } .m-kf .kf-item:hover .iconfont{ color: #fff !important;} .m-kf .kf-item.active{background-color: #0F80B8;} .m-kf .kf-wx {position: absolute;display: none;bottom: 0;right: 100%;width: 90px;font-size: 0;line-height: 0;} .m-kf .kf-wx img{width: 100%;} .m-kf .gotop {cursor: pointer;} @media screen and (min-width: 801px) {} @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: #0F80B8;} .m-kf .kf-item {width: 20%;text-align: center;line-height: 60px;font-size: 26px;background-color: #0F80B8 !important;} .m-kf .iconfont{color: #fff !important; font-size: 24px;} .m-kf .kf-item2 {position: relative;} .m-kf .kf-wx {bottom: 100%;right: 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;} } /* --------------- header --------------- */ header.active .navbar-default, header.on .navbar-default{background-color: #fff; opacity: 1; transition: all .5s;} .navbar-default{background-color: rgba(255,255,255,.75); border: 0; transition: all .5s;} .navbar-header{height: auto;} .navbar-brand{height:100px; padding: 10px 15px 9px;} .navbar-brand img{height: 100%;} .navbar-collapse .navbar-nav{margin-right: 72px;} .navbar-collapse .navbar-nav>li{margin: 0 7px;} .navbar-collapse .navbar-nav>li>a{padding:31px 12px 35px;font-size: 18px;color: #000;line-height: 30px;border-top: 4px solid transparent;text-align: center;} @media (min-width:1260px){.navbar-collapse .navbar-nav>li.Lev1>a{min-width: 80px;}} .navbar-collapse .navbar-nav>li:hover>a, .navbar-collapse .navbar-nav>li>a.active{ background-color: #0F80B8; color: #fff; border-color: #005C8A;} .navbar-collapse .navbar-nav>li.nav-search{position: relative;padding: 0 2px; margin: 0;} .navbar-collapse .navbar-nav>li.nav-search a{display: block;padding:35px 0px 35px;border: 0; line-height: 30px;} .navbar-collapse .navbar-nav>li.nav-search:hover>a, .navbar-collapse .navbar-nav>li.nav-search>a.active{ background-color: transparent; color: #0F80B8;} .nav-search .iconfont{font-size: 19px; color: #0F80B8; font-weight: bold;} .language{position: absolute; right: 15px; top: 0;} .lange{padding: 33px 0 34px; line-height: 30px; vertical-align: middle;font-size: 14px; color: #000000;cursor: pointer;position: relative;} .lange::before{content: "";right: -15px;top: 48%;width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #515151;position: absolute;} .lange img{vertical-align: middle; max-width: 19px; max-height: 19px;margin-right: 2px;} .lange span{font-size: 14px;font-family: "microsoft yahei";font-weight: 400;color: #000000;line-height: 30px;vertical-align: middle;} .lange-xl{position: absolute; right: -30px; top: 100%; width: 88px; background-color: #fff; padding: 10px 5px; border-radius: 5px; display: none;} .lange-xl .langes{display: block; font-size: 16px; line-height: 30px; padding: 5px 0; text-align: center; } .lange-xl .langes:hover{background: #0F80B8; color:#fff;} .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: #000;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 button {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;} .form-search input.search-input::-webkit-input-placeholder {color: #999;} .form-search input.search-input::-moz-input-placeholder {color: #999;} .form-search input.search-input::-ms-input-placeholder {color: #999;} .navbar-toggle {padding: 2px 6px;margin-top: 18px;margin-bottom: 0px;margin-right: 0; border: 0px;} .navbar-default .navbar-toggle .icon-bar {width: 32px;height: 4px;border-radius: 2px; background-color: #0F80B8;} .navbar-toggle .icon-bar+.icon-bar{margin-top: 7px;} .dropdown{display: none;position: absolute;min-width: 170px; background: #0F80B8;padding-bottom: 2px;} .mwid17{width: 176px;} .mwid26{width: 266px;} .mwid26 .menu3{width: 247px;} .mwid26 .menu4{width: 228px;} .mwid32{width: 315px;} .menu2{left:0px;top: 100%; } .menu3{left: 100%;top: 0;}.menu4{left: 100%;top: 0;} .Lev1:hover .menu2{display: block;} .Lev2:hover .menu3{display: block;} .Lev3:hover .menu4{display: block;} .dropdown li{position: relative; width: 100%;padding:2px 0;} .dropdown li .iconfont{position: absolute;font-size: 12px; line-height: 36px;right: 6px; bottom: 0;} .dropdown li a{display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 3px 12px; color: #fff;line-height:24px;} .mwid17 li a{padding: 3px 20px;} .dropdown li:hover>a{border-top: 0; color:#fff; background-color: #005C8A;} .banner{margin-top: 100px;} @media (min-width:1130px) and (max-width:1259px){ .navbar-brand{height:90px; padding: 10px 15px 9px;} .navbar-collapse .navbar-nav{margin-right: 64px;} .navbar-collapse .navbar-nav>li{margin: 0 3px;} .navbar-collapse .navbar-nav>li>a{padding:27px 12px 30px; font-size: 18px;line-height: 30px;border-top: 3px solid transparent;} .navbar-collapse .navbar-nav>li.nav-search{padding: 0 4px;} .navbar-collapse .navbar-nav>li.nav-search a{padding:30px 0px 30px;line-height: 30px;border: 0;} .nav-search .iconfont{font-size: 19px;} .language{position: absolute; right: 15px; top: 0;} .lange{padding: 28px 0; line-height: 30px;} .menu2{width: 160px;border-top: 8px solid #005C8A;} .dropdown li a{padding: 3px 16px; } .banner{margin-top: 90px;} } @media (min-width:992px) and (max-width:1129px){ .navbar-brand{height:80px; padding: 10px 10px 10px;} .navbar-collapse .navbar-nav{margin-right: 64px;} .navbar-collapse .navbar-nav>li{margin: 0 2px;} .navbar-collapse .navbar-nav>li>a{padding:23px 10px 25px;font-size: 16px;line-height: 30px;border-top: 2px solid transparent;} .navbar-collapse .navbar-nav>li.nav-search{padding: 0 2px;} .navbar-collapse .navbar-nav>li.nav-search a{padding:25px 0px 25px;line-height: 30px;border: 0;} .nav-search .iconfont{font-size: 18px; } .lange{padding: 24px 0; line-height: 30px; } .banner{margin-top: 80px;} .menu2{width: 160px;border-top: 5px solid #005C8A;} .dropdown li a{padding: 2px 10px; } } @media (max-width:991px){ .navbar-brand{height:70px; padding: 10px;} .navbar-collapse{display: none !important;} .navbar-default .navbar-toggle{display: block !important;} .container>.navbar-header{width: 100%;} .language{right: 70px; top: 0;} .lange{padding: 18px 0; line-height: 30px; } .banner{margin-top: 70px;} } @media (max-width:767px){ .navbar-brand{height:60px; padding: 5px 10px;} .navbar-collapse{display: none !important;} .navbar-default .navbar-toggle{display: block !important; margin-right: 10px;} .container>.navbar-header{width:auto; } .language{right: 70px; top: 0;} .lange{padding: 14px 0; line-height: 30px; } .banner{margin-top: 60px !important;} } @media (max-width:460px){ .navbar-brand{height:50px; padding: 2px 10px;} .navbar-collapse{display: none !important;} .navbar-default .navbar-toggle{display: block !important; margin-right: 10px; margin-top: 10px;} .language{right: 64px; top: 0;} .lange{padding: 9px 0; line-height: 30px; } .banner{margin-top: 50px !important;} } /* --------------- banner --------------- */ .banner {position: relative;z-index: 2;overflow: hidden;} .banner .carouse {max-height: 916px;overflow: hidden;} .banner .slideItem {position: relative;} .banner iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner 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;} .banner .dotList {position: absolute;left: 0;width: 100%;bottom: 26px;} .banner .dotList ul {text-align: center;} .banner .dotList ul li {position: relative;margin: 0 5px;width: 11px;height: 11px;background: #FFFFFF;opacity: 1;border-radius: 5px;} .banner .dotList ul li.active,.banner .dotList ul li:hover {background: #0F80B8;opacity: 1;} .banner.hide {display: none;} .banner .carousel-control.left {left: 55px;width: 62px;height: 62px;background-position: -35px 0;background-image: url("");background-repeat: no-repeat;cursor: pointer;} .banner .carousel-control.right {right: 55px;width: 62px;height: 62px;background-position: -35px 0;background-image: url("");background-repeat: no-repeat;cursor: pointer;} @media screen and (max-width: 991px) { .banner {display: block;} .banner .dotList {bottom: 10px;} .banner .dotList ul li {margin: 0 5px;} .banner.hide {display: block;} .n-banner {display: none;} .banner .slideItem {overflow: hidden;} .banner video {object-position: inherit;object-fit: inherit;width: 100%;height: 100%;transform: translate(0, 0);left: 0;top: 0;} } .slide .carouse {width: 100%;overflow: hidden;position: relative} .slide .slideItem .banner-img {width: 100%;cursor: pointer} .slide .carouse .slideItem {width: 100%;position: absolute} .slide .console {height: 57px;display: inline-block;width: 35px;position: absolute;top: 40%} .slide .dotList {text-align: center;margin-top: 15px} .slide .dotList ul li {display: inline-block;width: 11px;height: 11px;margin: 0 5px;cursor: pointer;font-size: 0;line-height: 0;} .slide .dotList ul li.active {background-position: 0 0} .slide .carousel-control {position: absolute;top: 45%;width: 30px;height: 30px;z-index: 999} .slide .carousel-control.left {left: 0;background-position: 0;cursor: pointer}.slide .carousel-control.right {right: 0;background-position: 0;cursor: pointer}.slide .slidedetail {display: none} .imgtoVideo img {width: 100%} .imgtoVideo>div {padding: 1px;position: relative;cursor: pointer;width: 49%;display: inline-block} .imgtoVideo>div:hover .imgtoVideoDetail {display: block} .imgtoVideo .imgtoVideoDetail {width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 1px;display: none} .imgtoVideo .imgtoVideoDetail>div {background: rgba(0, 98, 197, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);width: 100%;height: 100%;text-align: center} .imgtoVideo .tovideo .imgtoVideoDetail {display: block} .imgtoVideo .tovideo .imgtoVideoDetail>div {background: #0c2d47;width: 60px;height: 60px;color: #fff;line-height: 60px;vertical-align: middle;margin: 0 auto;margin-top: 17%} .imgtoVideo .imgtoVideoDetail .fa-search {color: #fff;font-size: 25px;margin-top: 21%} .contentIV {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: table;background: rgba(20, 43, 73, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);margin: 0 auto;z-index: -999;max-width: 1024px;display: none} #picturetoVideo .carouse .slideItem {display: table;height: 100%} #picturetoVideo .carouse .slideItem>div {display: table-cell;vertical-align: middle;text-align: center} #picturetoVideo .carouse .slideItem .banner-img {max-width: 100%;width: auto} .closeContentIV {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #fff;font-weight: bold;cursor: pointer;z-index: 999} .slide .slide-count {display: none;} @media screen and (max-width: 600px) {.slide .dotList ul li {width: 8px;height: 8px;margin: 0 3px;}} /* --------------- section --------------- */ .h1-text{font-size: 14px;line-height: 20px;} .h1-text a { display: block; } .about-text a { display: inline-block; color: #0F80B8; } .h1-text p{min-height: 30px; line-height: 30px;}.h2-text{font-size: 16px;line-height: 28px;}.h2-text a{display: block; }.h2-text p{min-height: 28px; line-height: 28px;} .sec1{background-color: #fff; background: url(../img/sec1-bg.png) no-repeat left bottom; padding: 110px 0;} .sec1-tbody{padding: 53px 0 54px; margin-right: -44px;} .sec1-tbody-right{width: 54.58199356913183%;} .sec1-tbody-left{width: 41.72125723472669%;} .swiper1{width: 100%;max-width: 679px; margin: 0 auto;} .sec1-tbody-box{position: relative;}.sec1-tbody-box::before{content: ""; background: url(../img/sec1-bgi.png) no-repeat center center; background-size: 100% 100%; position: absolute; width: 762px;height: 566px; right: -178px;top: -53px; } .sec-title{font-size: 40px;color: #000;line-height: 60px;} .sec-title a{display: block; max-height: 60px;} .sec-title .light{font-family: "poppinslight"; vertical-align: middle;} .sec-title .bold{font-family: "poppinsbold"; vertical-align: middle;} .sec1-title{margin-top: 6px; color: #000; position: relative;} .sec1-date{font-size: 16px;color: #0F80B8;line-height: 30px; margin-top: 10px;position: relative;} .sec1-text{width: 100%; color: #000; margin-top: 30px;position: relative;} .sec1-href{margin-top: 38px;position: relative;} .sec1-href a{width: 150px;height: 45px;background: #0F80B8;border-radius: 23px; display: inline-block; color: #fff; padding: 6.5px; text-align: center; border: 1px solid #0F80B8;} .sec1-href a:hover{background: #fff;color: #0F80B8;} .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 16px;left: 0px;width: 100%; text-align: right; padding: 0 11px;} .swiper-pagination-bullet {width: 12px;height: 12px;background: #FFFFFF;border-radius: 50%;display: inline-block;opacity: 1;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 3px;} .swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {opacity: 1;background: #0F80B8;} @media (min-width:1260px) and (max-width:1360px){.sec1{padding: 100px 0;}.sec1-tbody{padding: 50px 0 50px; margin-right: -20px;}.sec1-tbody-right{width: 56%;}.sec1-tbody-left{width: 42%;}.sec1-tbody-box::before{width: 700px;height: 560px; right: -176px;top: -50px; }.sec-title{font-size: 38px;line-height: 56px;}.sec1-title{margin-top: 6px;}.sec1-date{font-size: 16px;line-height: 30px;margin-top: 8px;}.sec1-text{margin-top: 28px;}.sec1-href{margin-top: 32px;}.sec1-href a{width: 150px;height: 44px;border-radius: 22px; padding: 6px;}} @media (min-width:1130px) and (max-width:1259px){.h1-text{font-size: 16px;line-height: 28px;}.h1-text p{min-height: 28px; line-height: 28px;}.h2-text{font-size: 16px;line-height: 26px;}.h2-text p{min-height: 26px; line-height: 26px;}.sec1{padding: 80px 0;}.sec1-tbody{padding: 40px 0 40px; margin-right: -20px;}.sec1-tbody-right{width: 55%;}.sec1-tbody-left{width: 42%;}.sec1-tbody-box::before{width: 640px;height: 524px; right: -156px;top: -40px; }.sec-title{font-size: 36px;line-height: 48px;}.sec1-title{margin-top: 0px;}.sec1-date{font-size: 15px;line-height: 28px; margin-top: 6px;}.sec1-text{margin-top: 16px;}.sec1-href{margin-top: 20px;}.sec1-href a{width: 144px;height: 40px;border-radius: 20px; padding: 5px;}.swiper-pagination-bullet {width: 11px;height: 11px;}} @media (min-width:992px) and (max-width:1129px){.h1-text{font-size: 15px;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;}.sec1{padding: 60px 0;}.sec1-tbody{padding: 30px 0 30px; margin-right: -20px;}.sec1-tbody-right{width: 55%;}.sec1-tbody-left{width: 42%;}.sec1-tbody-box::before{width: 600px;height: 470px; right: -156px;top: -14px; }.sec-title{font-size: 32px;line-height: 44px;}.sec1-title{margin-top: -16px;}.sec1-date{font-size: 15px;line-height: 26px; margin-top: 6px;}.sec1-text{margin-top: 10px;}.sec1-href{margin-top: 14px;}.sec1-href a{width: 144px;height: 40px;border-radius: 20px; padding: 5px;}.swiper-pagination-bullet {width: 10px;height: 10px;}} @media (max-width:991px){.h1-text{font-size: 15px;line-height: 26px;}.h1-text p{min-height: 26px; line-height: 26px;}.h2-text{font-size: 15px;line-height: 24px;}.h2-text p{min-height: 24px; line-height: 24px;}.sec1{padding: 50px 0;}.sec1-tbody-right{width: 100%;}.sec1-tbody-left{width: 100%; margin-top: 30px;}.sec1-tbody-box{padding: 5px; text-align: center;}.sec-title{font-size: 28px;line-height: 40px;}.sec1-title{margin-top: -12px;}.sec1-date{font-size: 15px;line-height: 26px; margin-top: 6px;}.sec1-text{margin-top: 10px; text-align: left;}.sec1-href{margin-top: 14px;}.sec1-tbody{padding: 10px 0; margin-right: 0px;}.sec1-tbody-box::before{width: auto;height: auto; left: -20px; right: -20px;top: -10px; bottom: -20px;}.swiper-pagination-bullet {width: 9px;height: 9px;}} @media (max-width:768px){.h1-text{font-size: 14px;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;}.sec1{padding: 40px 0;}.sec1-tbody-box::before{width: auto;height: auto; left: -10px; right: -10px;top: -10px; bottom: -10px;}.sec1-tbody-box{padding: 15px; text-align: center;}.sec-title{font-size: 24px;line-height: 36px;}.sec1-title{margin-top: -10px;}.sec1-date{font-size: 14px;line-height: 24px; margin-top: 6px;}.sec1-text{margin-top: 10px; text-align: left;}.sec1-href{margin-top: 10px;}.swiper-pagination-bullet {width: 8px;height: 8px;}} @media (max-width:460px){.h1-text{font-size: 14px;line-height: 24px;}.h1-text p{min-height: 24px; line-height: 24px;}.h2-text{font-size: 14px;line-height: 22px;}.h2-text p{min-height: 22px; line-height: 22px;}.sec1{padding: 20px 0;}.sec1-tbody-box::before{width: auto;height: auto; left: 0px; right: 0px;top: 0px; bottom: 0px;}.sec1-tbody-box{padding: 15px; text-align: center;}.sec-title{font-size: 22px;line-height: 32px;}.sec1-title{margin-top: -6px;}.sec1-date{font-size: 12px;line-height: 22px; margin-top: 4px;}.sec1-text{margin-top: 10px; text-align: left;}.sec1-href{margin-top: 8px;}.swiper-pagination-bullet {width: 6px;height: 6px;}} .sec2{padding: 87px 0;position: relative; background: url(../img/sec2-bgi.jpg) no-repeat fixed center center; background-size: cover;} .sec2-top{position: relative; height: 102px;} .sec2-big-list{ font-size: 0; letter-spacing: 0;position: relative;} .sec2-big-list-item{display: inline-block;width: 50%; vertical-align: top; padding: 0;} .sec2-list-item1{ padding-right: 20px;} .sec2-small-list{margin: 0 -10px; margin-top: -20px;font-size: 0; letter-spacing: 0;position: relative;} .sec2-list-img{width: 100%;overflow: hidden; position: relative; margin-top: 20px; display: flex; align-items: center; justify-content: center; background-color: #fff;} .sec2-list-img img{display: block;} .sec2-list-img-hover{position: absolute;left: 100%; width: 100%; top: 0; bottom: 0; height: 100%;background-color: rgba(15,128,184,.8); padding: 20px 36px 0; display: flex; align-items: center; justify-content: center; transition: all .5s;} .sec2-list-img:hover .sec2-list-img-hover{left: 0;} .sec2-name{font-size: 18px;color: #FFFFFF;line-height: 30px;} .sec2-text{color: #fff; margin-top: 18px;} .sec2-text a, .sec2-name a{color: #FFFFFF;} .sec2-small-list-item{width: 50%; padding: 0 10px;display: inline-block; vertical-align: top;} .sec2-poab{position: absolute; width: 50%;padding-right: 20px; z-index: 10; left: 0; top: 0;} .sec2-poab-box{width: 100%; background-color: #0F80B8;} .sec2-top-box{max-width: 580px; margin-left: auto;padding-top: 14px; padding-bottom: 22px;} .sec2-top-box-title{color: #fff; } .sec2-top-box-text{margin-top: 14px;color: #fff;} .sec2-href a, .sec2-top-box-title a, .sec2-top-box-text a{color: #fff;} .sec2-top-box-title a:hover, .sec2-href a:hover, .sec2-top-box-text a:hover{color: #eee;} .sec2-poab-bottom{position: absolute; right: 0; bottom: 0; width: 50%;padding-left: 310px;} .sec2-bottom-box{max-width: 290px; margin-right: auto; text-align: center; padding: 29px 0 28px;} @media (min-width:1130px) and (max-width:1259px){.sec2{padding: 80px 0;}.sec2-top{height: 100px;}.sec2-big-list-item{width: 50%;}.sec2-list-item1{padding-right: 18px; padding-top: 2px;}.sec2-small-list{margin: 0 -8px; margin-top: -16px;}.sec2-list-img{margin-top: 16px; }.sec2-list-img-hover{padding: 18px 24px 0;}.sec2-name{font-size: 18px;line-height: 30px;}.sec2-text{margin-top: 10px;}.sec2-small-list-item{width: 50%;padding: 0 8px;}.sec2-poab{padding-right: 16px;}.sec2-top-box{max-width: 517px;padding-top: 10px; padding-bottom: 20px;}.sec2-top-box-text{margin-top: 10px;}.sec2-poab-bottom{padding-left: 276px;}.sec2-bottom-box{max-width: 260px; padding: 26px 0 26px;}} @media (min-width:992px) and (max-width:1129px){.sec2{padding: 70px 0;}.sec2-top{height: 100px;}.sec2-big-list-item{width: 50%;}.sec2-list-item1{padding-right: 12px;}.sec2-small-list{margin: 0 -6px; margin-top: -12px;}.sec2-list-img{margin-top: 12px; }.sec2-list-img-hover{padding: 16px 20px 0;}.sec2-name{font-size: 16px;line-height: 28px;}.sec2-text{margin-top: 8px;}.sec2-small-list-item{width: 50%;padding: 0 6px;}.sec2-poab{padding-right: 12px;}.sec2-top-box{max-width: 475px;padding-top: 6px; padding-bottom: 12px; padding-right: 10px;}.sec2-top-box-text{margin-top: 10px;}.sec2-poab-bottom{padding-left: 244px;}.sec2-bottom-box{max-width: 232px; padding: 22px 0 22px;}} @media (max-width:991px){.sec2{padding: 60px 0;}.sec2-top{height: 100px;}.sec2-big-list-item{width: 100%; max-width: 600px; margin: 0 auto; text-align: center; display: block;}.sec2-list-item1{padding: 0 10px;}.sec2-small-list{margin-top: 0px;}.sec2-poab{width: 100%; padding: 0;}.sec2-top-box{max-width: 750px;padding: 6px 15px 12px; margin: 0 auto;}.sec2-poab-bottom{padding-left: 10px;}.sec2-bottom-box{max-width: 360px; padding: 17px 0 17px;}.sec2-list-img-hover{padding: 16px 15px 0;}.sec2-name{font-size: 15px;line-height: 26px;}.sec2-text{margin-top: 8px;}} @media (max-width:600px){.sec2{padding: 40px 0;}.sec2-top{height: 100px;}.sec2-list-item1{padding: 0;}.sec2-top-box{padding: 6px 15px 10px; }.sec2-poab-bottom{width: 100%; padding-left: 0px;}.sec2-bottom-box{max-width: 400px; padding: 10px 15px 10px; margin: 0 auto;}.sec2-name{font-size: 15px;line-height: 24px;}.sec2-text{margin-top: 8px;}} @media (max-width:440px){.sec2-small-list-item {width: 100%;}} .sec3{padding-top: 100px;} .sec3-text{color: #000; max-width: 1070px; margin: 14px auto;} .sec3-text a{color: #000;}.sec3-text a:hover{color: #0F80B8;} .swiper2{width: 100%; overflow: hidden; height: auto;margin-left: auto;margin-right: auto;} .swiper2 .swiper-slide {text-align: center;background: #fff;max-height: 288px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide-img{width: 100%;position: relative; overflow: hidden;} .swiper-slide-hover{position: absolute; right: 100%; top: 0; bottom: 0;width: 100%; height: 100%;background-color: rgba(15,128,184,.8); padding: 15px 10px 0; display: flex; align-items: center; justify-content: center; transition: all .5s;} .swiper-slide-img:hover .swiper-slide-hover{right: 0;} .swiper-slide-box-name{font-size: 18px;color: #FFFFFF;line-height: 30px; text-align: center;} .swiper-slide-box-name a{color: #fff;} .swiper-slide-box-icon{margin-top: 14px; text-align: center;} .swiper-slide-box-icon a{width: 38px;height: 38px;border: 1px solid #FFFFFF;border-radius: 50%; display: inline-block;line-height: 36px;} .swiper-slide-box-icon a .iconfont{font-size: 15px; color: #fff; line-height: 36px;} .swiper-next1, .swiper-prev1{width: 50px;height: 50px;background: rgba(255,255,255,.7);border-radius: 50%; line-height: 50px; font-size: 20px; color: rgba(15,128,184,.8);} .swiper-next1:hover, .swiper-prev1:hover{background-color: rgba(15,128,184,.8); color: rgba(255,255,255,.7);} .swiper-next1{right: 68px;}.swiper-prev1{left: 68px;} @media (min-width:1130px) and (max-width:1259px){.sec3{padding-top: 88px;}.sec3-text{max-width: 1030px; margin: 12px auto;}.swiper-slide-box-name{font-size: 18px;line-height: 28px;}.swiper-slide-box-icon{margin-top: 12px;}.swiper-slide-box-icon a{width: 36px;height: 36px;line-height: 34px;}.swiper-slide-box-icon a .iconfont{font-size: 15px;line-height: 34px;}.swiper-next1, .swiper-prev1{width: 48px;height: 48px;font-size: 20px;line-height: 48px;}.swiper-next1{right: 16px;}.swiper-prev1{left: 16px;}} @media (min-width:992px) and (max-width:1129px){.sec3{padding-top: 72px;}.sec3-text{max-width: 960px; margin: 10px auto;}.swiper-slide-hover{padding: 10px 10px 0;}.swiper-slide-box-name{font-size: 17px;line-height: 28px;}.swiper-slide-box-icon{margin-top: 10px;}.swiper-slide-box-icon a{width: 36px;height: 36px;line-height: 34px;}.swiper-slide-box-icon a .iconfont{font-size: 15px;line-height: 34px;}.swiper-next1, .swiper-prev1{width: 44px;height: 44px;font-size: 18px;line-height: 44px;}.swiper-next1{right: 16px;}.swiper-prev1{left: 16px;}} @media (min-width:600px) and (max-width:991px){.sec3{padding-top: 54px;}.sec3-text{margin: 8px auto;}.swiper-slide-hover{padding: 5px 10px 0;}.swiper-slide-box-name{font-size: 16px;line-height: 26px;}.swiper-slide-box-icon{margin-top: 8px;}.swiper-slide-box-icon a{width: 32px;height: 32px;line-height: 30px;}.swiper-slide-box-icon a .iconfont{font-size: 14px;line-height: 30px;}.swiper-next1, .swiper-prev1{width: 40px;height: 40px;font-size: 16px;line-height: 40px;}.swiper-next1{right: 14px;}.swiper-prev1{left: 14px;}} @media (max-width:599px){.sec3{padding-top: 36px;}.sec3-text{margin: 8px auto;}.swiper-slide-hover{padding: 0px 10px;}.swiper-slide-box-name{font-size: 16px;line-height: 24px;}.swiper-slide-box-icon{margin-top: 6px;}.swiper-slide-box-icon a{width: 30px;height: 30px;line-height: 28px;}.swiper-slide-box-icon a .iconfont{font-size: 13px;line-height: 28px;}.swiper-next1, .swiper-prev1{width: 36px;height: 36px;font-size: 14px;line-height: 36px;}.swiper-next1{right: 10px;}.swiper-prev1{left: 10px;}} .sec4{padding-top: 88px; padding-bottom: 104px; } .sec4-title{text-align: center;} .sec4-text{max-width: 900px;text-align: center;} .sec4-swiper{margin-left: -50px; margin-right: -50px; padding-top: 26px;} .swiper3{width: 100%; padding: 0 50px;position: relative;} .swiper3::after, .swiper3::before{content: " "; position: absolute; top: 0; width: 50px; height: 100%; background-color: #fff; z-index: 6; } .swiper3::before{left: 0;} .swiper3::after{right: 0;} .swiper-next2, .swiper-prev2{width: 39px;height: 39px;background: #e3e3e3;border-radius: 50%; line-height: 39px; font-size: 16px; color: #0F80B8; opacity: 0.8;} .swiper-next2:hover, .swiper-prev2:hover{background-color: #0F80B8; color: #fff;} .swiper-box-img{position: relative;width: 100%;} .swiper-date{position: absolute;top: 10px;left: 10px;width: 55px;height: 55px;background: rgba(15,128,184,.8);border-radius: 50%;text-align: center; padding: 10px 6px; font-size: 14px;color: #FFFFFF;line-height: 18px;} .swiper-name{font-size: 18px; line-height: 30px; color: #000; font-weight: 500; margin-top: 14px; margin-bottom: 4px;} .swiper-text{color: #000; font-weight: 300;} .swiper-info a{display: block;} .swiper-info a:hover .swiper-name, .swiper-info a:hover .swiper-text{color: #0F80B8;} @media (min-width:1260px) and (max-width:1359px){.sec4{padding-top: 80px; padding-bottom: 96px; }.sec4-swiper{margin-left: -30px; margin-right: -30px; padding-top: 26px;}.swiper3{padding: 0 40px;}.swiper3::after, .swiper3::before{width: 40px;}.swiper-next2, .swiper-prev2{width: 32px;height: 32px;line-height: 32px; font-size: 16px;}.swiper-date{top: 10px;left: 10px;width: 50px;height: 50px;padding: 7px 2px; font-size: 14px;line-height: 18px;}.swiper-name{font-size: 18px; line-height: 30px;margin-top: 12px; margin-bottom: 4px;}} @media (min-width:1130px) and (max-width:1259px){.sec4{padding-top: 70px; padding-bottom: 80px; }.sec4-swiper{margin-left: -30px; margin-right: -30px; padding-top: 24px;}.swiper3{padding: 0 40px;}.swiper3::after, .swiper3::before{width: 40px;}.swiper-next2, .swiper-prev2{width: 32px;height: 32px;line-height: 32px; font-size: 16px;}.swiper-date{top: 10px;left: 10px;width: 50px;height: 50px;padding: 7px 2px; font-size: 14px;line-height: 18px;}.swiper-name{font-size: 17px; line-height: 30px;margin-top: 10px; margin-bottom: 4px;}} @media (min-width:992px) and (max-width:1129px){.sec4{padding-top: 54px; padding-bottom: 66px; }.sec4-swiper{margin-left: -20px; margin-right: -20px; padding-top: 20px;}.swiper3{padding: 0 30px;}.swiper3::after, .swiper3::before{width: 30px;}.swiper-next2, .swiper-prev2{width: 24px;height: 24px;line-height: 24px; font-size: 14px;}.swiper-date{top: 10px;left: 10px;width: 50px;height: 50px;padding: 7px 2px; font-size: 14px;line-height: 18px;}.swiper-name{font-size: 17px; line-height: 28px;margin-top: 10px; margin-bottom: 4px;}} @media (max-width:991px){.sec4{padding-top: 40px; padding-bottom: 50px; }.sec4-swiper{margin-left: -20px; margin-right: -20px; padding-top: 14px;}.swiper3{padding: 0 30px;}.swiper3::after, .swiper3::before{width: 30px;}.swiper-next2, .swiper-prev2{width: 24px;height: 24px;line-height: 24px; font-size: 14px;}.swiper-date{top: 10px;left: 10px;width: 50px;height: 50px;padding: 7px 2px; font-size: 14px;line-height: 18px;}.swiper-name{font-size: 16px; line-height: 26px;margin-top: 10px; margin-bottom: 4px;}} @media (max-width:500px){.sec4{padding-top: 30px; padding-bottom: 36px; }.sec4-swiper{margin-left: -15px; margin-right: -15px; padding-top: 10px;}.swiper-date{top: 8px;left: 8px;width: 45px;height: 45px;padding: 6px 2px; font-size: 12px;line-height: 16px;}.swiper-name{font-size: 15px; line-height: 20px;margin-top: 8px; margin-bottom: 2px;}} .section-bottom{padding: 48px 0 47px;background: #E3E7F0; font-size: 0; letter-spacing: 0;} .section-bottom-item{display: inline-block; vertical-align: middle; position: relative;} .section-bottom-name{width: 25%; margin-right: 36px;font-size: 40px;color: #0F80B8;line-height: 52px; text-transform: uppercase;} .bottom-input-email{width: 33.83333333333333%; margin-right: 5px;} .section-bottom-item input{width: 100%;padding: 10px; border: 1px solid #D1D4DE; color: #000;} .bottom-input-CAPTCHA{width: 21.58333333333333%;margin-right: 7px; } .bottom-btn{width: 15.58333333333333%;} .submit{width: 100%;height: 52px;background: #0F80B8;border-radius: 26px; color: #fff; cursor: pointer; text-transform: uppercase;} .bottom-input-CAPTCHA .yan{position: absolute; right: 1px; top: 1px; bottom: 1px;} .bottom-input-CAPTCHA .yan img{height: 100%;} @media (min-width:1130px) and (max-width:1259px){.section-bottom{padding: 44px 0 44px;}.section-bottom-name{width: 25%; margin-right: 30px;font-size: 36px;line-height: 46px;}.bottom-input-email{width: 36%; margin-right: 4px;}.section-bottom-item input{padding: 8px;}.bottom-input-CAPTCHA{width: 19.6%;margin-right: 5px; }.bottom-btn{width: 15.6%;}.submit{height: 46px;border-radius: 23px;}} @media (min-width:992px) and (max-width:1129px){.section-bottom{padding: 40px 0 40px;}.section-bottom-name{width: 25%; margin-right: 26px;font-size: 32px;line-height: 42px;}.bottom-input-email{width: 32%; margin-right: 4px;}.section-bottom-item input{padding: 6px;}.bottom-input-CAPTCHA{width: 23.6%;margin-right: 5px; }.bottom-btn{width: 15.6%;}.submit{height: 42px;border-radius: 21px;}} @media (min-width:768px) and (max-width:991px){.section-bottom{padding: 30px 0 30px;}.section-bottom-name{width: 24%; margin-right: 20px;font-size: 28px;line-height: 40px;}.bottom-input-email{width: 36%; margin-right: 3px;}.section-bottom-item input{padding: 6px;}.bottom-input-CAPTCHA{width: 22.2%;margin-right: 4px; }.bottom-btn{width: 14%;}.submit{height: 40px;border-radius: 20px;}} @media (max-width:767px){.section-bottom{padding: 10px 0 10px;}.section-bottom-name{width: 48%; margin-right: 4%;font-size: 20px;line-height: 30px;margin-bottom: 10px; }.bottom-input-email{width: 48%; margin-right: 0px; margin-bottom: 10px;}.section-bottom-item input{padding: 6px;}.bottom-input-CAPTCHA{width: 58%;margin-right: 6%; }.bottom-btn{width: 36%;}.submit{height: 40px;border-radius: 20px;}} /* --------------- footer --------------- */ .footer{background: #262C34; padding-top: 59px;} .foot{font-size: 0; letter-spacing: 0; position: relative;} .fo1, .fo2, .fo3, .fo4{display: inline-block; vertical-align: top; position: relative;} .fo1{width: 21.83333333333333%;} .fo2{width: 28%;} .fo3{width: 29%;} .fo4{width: 21.16666666666667%;} .fobiao{font-size: 24px;color: #FFFFFF;line-height: 32px; font-family: "poppinsbold";} .fonav{padding-top: 15px;} .fonav a{color: #7F8B99;line-height: 20px;padding: 5px 0;} .fonav a:hover{color: #fff;} .fo4-info{padding-top: 2px;} .fo4-info-item{position: relative;padding-left: 44px; margin-top: 18px;} .fo4-info-item .iconfont{position: absolute; left: 0;top: 50%;transform: translateY(-50%);font-size: 31px;color: #7F8B99; } .fo4-info-item-detail{font-size: 16px;color: #7F8B99;line-height: 36px;} .fo4-info-item-detail a{color: #7F8B99;}.fo4-info-item-detail a:hover{color: #fff;} .shejiao{margin-top: 28px; font-size: 0; letter-spacing: 0;} .shejiao a{display: inline-block;width: 31px;height: 31px;background: #FFFFFF; border-radius: 50%; line-height: 31px; text-align: center; color: #000; margin-right: 13px; font-size: 22px; margin-bottom: 8px;} .shejiao a:nth-last-of-type(1){margin: 0 !important;} .shejiao a:hover{background: #0F80B8;} .Keywords{margin-top: 38px;font-size: 14px; line-height: 30px; padding-bottom: 4px;color: #7F8B99;} .Keywords a{margin-right: 5px; color: #7F8B99;} .Keywords a:hover{color: #fff;} .foot-bottom{border-top: 1px solid #3E4854; padding: 5px;font-size: 14px; line-height: 30px;color: #7F8B99;} .foot-bottom a{color: #7F8B99;} .foot-bottom a:hover{color: #fff;} .links a{margin-left: 15px;} @media (min-width:1130px) and (max-width:1259px){.footer{padding-top: 50px;}.fo1{width: 21.8%;}.fo2{width: 27%;}.fo3{width: 28%;}.fo4{width: 23.2%;}.fobiao{font-size: 22px;line-height: 30px;}.fonav{padding-top: 14px;}.fo4-info-item{padding-left: 38px; margin-top: 15px;}.fo4-info-item .iconfont{font-size: 28px;}.fo4-info-item-detail{font-size: 16px;line-height: 32px;}.shejiao{margin-top: 24px;}.shejiao a{width: 30px;height: 30px;font-size: 18px; line-height: 30px;margin-right: 10px; margin-bottom: 8px;}.Keywords{margin-top: 32px;font-size: 14px; line-height: 28px; padding-bottom: 4px;}.foot-bottom{padding: 5px;font-size: 14px; line-height: 28px;}} @media (min-width:992px) and (max-width:1129px){.footer{padding-top: 40px;}.fo1{width: 21.8%;}.fo2{width: 27%;}.fo3{width: 28%;}.fo4{width: 23.2%;}.fobiao{font-size: 20px;line-height: 28px;}.fonav{padding-top: 12px;}.fo4-info-item{padding-left: 34px; margin-top: 12px;}.fo4-info-item .iconfont{font-size: 26px;}.fo4-info-item-detail{font-size: 15px;line-height: 28px;}.shejiao{margin-top: 20px;}.shejiao a{width: 28px;height: 28px;font-size: 18px; line-height: 28px;margin-right: 8px; margin-bottom: 5px;}.Keywords{margin-top: 28px;font-size: 14px; line-height: 26px; padding-bottom: 4px;}.foot-bottom{padding: 3px;font-size: 14px; line-height: 26px;}} @media (max-width:991px){.footer{padding-top: 30px;}.fo-hidden{display: none;}.fo4{width: 100%;}.shejiao{margin-top: 10px; text-align: center;}.shejiao a{width: 28px;height: 28px;font-size: 18px; line-height: 28px;margin-right: 10px; margin-bottom: 5px;}.Keywords{margin-top: 20px;font-size: 14px; line-height: 24px; padding-bottom: 4px;}.foot-bottom{padding: 3px;font-size: 14px; line-height: 24px;}} @media (max-width:560px){.footer{padding-top: 20px;}.shejiao{margin-top: 0px; text-align: center;}.shejiao a{width: 28px;height: 28px;font-size: 18px; line-height: 28px;margin-right: 10px; margin-bottom: 5px;}.Keywords{margin-top: 18px;font-size: 13px; line-height: 20px; padding-bottom: 2px;}.foot-bottom{padding: 3px;font-size: 13px; line-height: 20px;}} /* about */ .sec-add{padding: 25px 0 24px; color: #000000;} .sec-add a{display: inline; color: #000; } .sec-add a:hover, .sec-add a:nth-last-of-type(1){color: #0F80B8;} .about-menu{width: 100%;text-align: center;background: #F7F7F7;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);} .about-menu .about-menu-item{display: inline-block;vertical-align: top;padding: 20px 83px 19px; color: #000; font-size: 22px; line-height: 36px;} .about-menu .about-menu-item.active, .about-menu .about-menu-item.active a{color: #0F80B8;} .about-tbody{padding-top: 31px; padding-bottom: 34px;} .about-tbody-item{display: none;} .about-tbody-item.active{display: block;} #box{position: relative;margin: auto;max-width: 1098px; margin-top: 30px;} #box .prev, #box .next {position: absolute;top: 50%;transform: translateY(-50%); overflow: hidden;cursor: pointer;width: 22px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%; font-size: 29px;text-align: center;z-index: 99;transition: 0.5s; padding: 0; background-color: transparent; border: 0; color: #CDCDCD; } #box .prev:hover, #box .next:hover{color: #0F80B8;} #box .prev {left: -51px;} #box .next {right: -51px;} #box ul{position:relative; margin:auto; height:360px;} #box li{position:absolute; width:0;height:0;z-index:0;cursor:pointer;overflow:hidden; -moz-box-sizing:border-box; box-sizing:border-box !important;background: #E3E3E3;border: 4px solid #FFFFFF;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2)} #box li a{ display:block;;} #box li a img{ width:100%;opacity:1} #box li>span{ display:block; font-size:16px;line-height:30px; position:absolute; width:100%; margin:auto; left:0px; top:455px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} #copyright{padding-top:10px;text-align:center;} /* .ab3zi{ font-size:18px; color: #000; line-height:30px; text-align:center; margin-top:17px; opacity:0; transition:0.5s;} */ /* #box li:nth-child(4) a img{ opacity:1} #box li:nth-child(4) .ab3zi{ opacity:1} */ @media screen and (max-width: 1249px){ #box {margin-top: 14px;padding: 0px;width: auto;}#box li{ position:relative; left:auto; top:auto; width:0.32333% !important; height:auto !important; padding:0px;}.img-scroll6 {position: relative;width: 100%;margin-top: 28px;z-index: 9;}#box .prev {left: 0px;}#box .prev, #box .next {font-size: 16px;width: 20px;height: 20px;line-height: 20px;}#box .next {right: 0px;}.img-list6 {position: relative;overflow: hidden;z-index: 90;}.img-list6 ul {width: 10000% !important;height: inherit !important;}.img-list6 li {float: left; display: inline;margin-right:0.015% !important; margin-left:auto; opacity:1;}.img-list6 li:after{ content:""; clear:both; display:block;}.img-list6 li img{ opacity:1 !important}#box li a{box-shadow:none}#box li span{ position:relative; top:auto;} /* .ab3zi{ opacity:1; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;} */ } @media screen and (max-width: 991px) {#box li{ width:0.49% !important; margin-right:0.02% !important;}}@media screen and (max-width: 499px) {#box li{ width:1% !important; margin-right:0.02% !important;}} .about-title{text-align: center; padding-top: 42px;} .about-date{text-align: center; padding-top: 12px;color: #0F80B8;} .about-text{color: #000; padding: 22px 0;} .about-text img{padding: 10px 0 6px;} .about-list{padding-top: 30px; font-size: 0; letter-spacing: 0; margin-left: -34px; margin-right: -34px; margin-bottom: -11px;} .about-list-item{width: 25%; padding: 0 33.5px; display: inline-block; vertical-align: top; margin-bottom: 14px;} .item-pic{width: 100%;background: #FFFFFF;border: 8px solid #E8EDEF;box-shadow: 0px 5px 10px 0px rgba(0, 17, 39, 0.3);position: relative;display: block;text-align: center;overflow: hidden;} .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: 27px;color: #fff;position: relative;} .item-title {margin-top: 15px;text-align: center;color: #000;line-height:24px;} @media screen and (max-width: 991px){.item-backdrop {display: none;}} .m-page{text-align: center;} .m-page a{display: inline-block; text-align: center; width: 35px;line-height: 33px;background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 6px; font-size: 14px;color: #000000;margin: 5px;} .m-page a .iconfont{font-size: 12px; line-height: 32px;} .m-page a.active, .m-page a:hover{background: #0F80B8;color: #fff; border-color: #0F80B8;} .m-page-marbo{padding-bottom: 82px;} .m-page a.no:hover{background: #FFFFFF;border: 1px solid #E5E5E5;color: #000000;} @media (min-width:1130px) and (max-width:1259px){ .sec-add{padding: 24px 0 22px;} .about-menu .about-menu-item{padding: 16px 60px 16px; font-size: 22px; line-height: 36px;} .about-tbody{padding-top: 54px; padding-bottom: 30px;} .about-title{padding-top: 36px;} .about-date{padding-top: 10px;} .about-text{padding: 20px 0;} .about-text img{padding: 8px 0 5px;} .about-list{padding-top: 24px;margin-left: -28px; margin-right: -28px; margin-bottom: -10px;} .about-list-item{width: 25%; padding: 0 28px;margin-bottom: 20px;} .item-pic{border: 6px solid #E8EDEF;} .item-title {margin-top: 12px;} .m-page a{width: 34px;line-height: 32px;margin: 5px;} .m-page a .iconfont{ line-height: 32px;} .m-page-marbo{padding-bottom: 60px;} } @media (min-width:992px) and (max-width:1129px){ .sec-add{padding: 20px 0 18px;} .about-menu .about-menu-item{padding: 16px 44px 16px; font-size: 20px; line-height: 32px;} .about-tbody{padding-top: 40px; padding-bottom: 30px;} .about-title{padding-top: 30px;} .about-date{padding-top: 10px;} .about-text{padding: 20px 0;} .about-text img{padding: 6px 0 4px;} .about-list{padding-top: 24px;margin-left: -18px; margin-right: -18px; margin-bottom: -10px;} .about-list-item{width: 25%; padding: 0 18px;margin-bottom: 16px;} .item-pic{border: 4px solid #E8EDEF;} .item-title {margin-top: 10px;} .m-page a{width: 34px;line-height: 32px;margin: 5px;} .m-page a .iconfont{ line-height: 32px;} .m-page-marbo{padding-bottom: 50px;} } @media (max-width:991px){ .sec-add{padding: 16px 0 15px;} .about-menu .about-menu-item{padding: 12px 30px 12px; font-size: 16px; line-height: 28px;} .about-tbody{padding-top: 30px; padding-bottom: 24px;} .about-title{padding-top: 20px;} .about-date{padding-top: 8px;} .about-text{padding: 20px 0;} .about-text img{padding: 6px 0 4px;} .about-list{padding-top: 20px;margin-left: -15px; margin-right: -15px; margin-bottom: -8px;} .about-list-item{width: 33.33333333333%; padding: 0 15px;margin-bottom: 12px;} .item-pic{border: 3px solid #E8EDEF;} .item-title {margin-top: 10px;} .m-page a{width: 32px;line-height: 30px;margin: 5px;} .m-page a .iconfont{ line-height: 30px;} .m-page-marbo{padding-bottom: 40px;} } @media (max-width:600px){ .about-menu{margin-left: -15px;width: auto; margin-right: -15px;} .about-menu .about-menu-item{padding: 10px 18px 10px; font-size: 14px; line-height: 24px;} .about-list{padding-top: 20px;margin-left: -15px; margin-right: -15px; margin-bottom: 0px;} .about-list-item{width: 50%; padding: 0 15px;margin-bottom: 12px;} .m-page-marbo{padding-bottom: 30px;} } .application{padding-bottom: 113px;} .app-tbody{margin-top: -5px;} .app-title{font-size: 22px;color: #000;line-height: 30px;} .app-right-box{margin-top: 8px;} .app-text{max-height: 240px; color: #000;overflow: hidden;} .app-text.on{height: auto; max-height:none !important;} .app-more{color: #0F80B8;padding-top: 2px;}.app-more a{display: inline;border-bottom: 1px solid #0F80B8; color: #0F80B8;} .app-right-list{padding-top: 26px; margin-left: -15px;margin-right: -15px;font-size: 0;letter-spacing: 0; padding-bottom: 6px;} .app-right-list1{padding-top: 4px; margin-left: -40px;margin-right: -40px;font-size: 0;letter-spacing: 0; margin-bottom: -36px;} .app-list-item{display: inline-block;vertical-align: top; width: 33.3333%; padding: 0 15px; margin-bottom: 11px;} .app-list-items{display: inline-block;vertical-align: top; width: 33.33%; padding: 0 10px; margin-bottom: 11px;} .app-item-box{width: 100%;background: #F5F5F5; position: relative;} .app-item-box-img{position: relative;width: 100%;text-align: center;} .app-item-box-img img{width: 100%;} .app-item-info{position: relative;width: 100%;text-align: center; padding: 7px 10px 6px;} .app-list-items .app-item-info{padding-bottom: 9px;} .app-item-name{display: block; font-size: 16px;color: #000;line-height: 20px; margin-bottom: 2px;padding-bottom:5px;} .app-item-text{font-size: 14px;color: #000000;line-height: 20px;} .app-item-box:hover{background-color: #0F80B8;} .app-item-box:hover .app-item-name, .app-item-box:hover .app-item-text{color: #fff;} .app-left-box{margin-bottom: -5px;} .left-title{font-size: 26px;color: #0F80B8;line-height: 32px; text-transform: uppercase; margin-left: -1px;} .left-title a{color: #0F80B8;} .left-title span{color: #0F80B8;} @media (min-width:1130px) and (max-width:1259px){ .application{padding-bottom: 100px;} .app-tbody{margin-top: -4px;} .app-title{font-size: 20px;line-height: 28px;} .app-right-box{margin-top: 6px;} .app-text{max-height: 224px;} .app-more{padding-top: 2px;} .app-right-list{padding-top: 24px; margin-left: -10px;margin-right: -10px; padding-bottom: 5px;} .app-list-item{width: 33.3333%; padding: 0 10px; margin-bottom: 11px;} .app-item-info{padding: 5px 6px 4px;} .app-item-name{font-size: 16px;line-height: 28px; margin-bottom: 2px;} .app-item-text{font-size: 14px;line-height: 24px;} .app-left-box{margin-bottom: -4px;} .left-title{font-size: 23px;line-height: 30px;margin-left: 0px;} .app-right-list1{padding-top: 4px; margin-left: -30px;margin-right: -30px;margin-bottom: -36px;} .app-list-items{width: 33.33%; padding: 0 10px; margin-bottom: 40px;} .app-list-items .app-item-info{padding-bottom: 8px;} } @media (min-width:992px) and (max-width:1129px){ .application{padding-bottom: 80px;} .app-tbody{margin-top: -4px;} .app-title{font-size: 18px;line-height: 26px;} .app-right-box{margin-top: 6px;} .app-text{max-height: 224px;} .app-more{padding-top: 2px;} .app-right-list{padding-top: 24px; margin-left: -6px;margin-right: -6px; padding-bottom: 5px;} .app-list-item{width: 33.3333%; padding: 0 6px; margin-bottom: 11px;} .app-item-info{padding: 5px 4px 4px;} .app-item-name{font-size: 16px;line-height: 28px; margin-bottom: 2px;} .app-item-text{font-size: 14px;line-height: 24px;} .app-left-box{margin-bottom: -4px;} .left-title{font-size: 22px;line-height: 24px;margin-left: 0px;} .app-list-items .app-item-info{padding-bottom: 7px;} .app-right-list1{padding-top: 3px; margin-left: -20px;margin-right: -20px;margin-bottom: -36px;} .app-list-items{width: 50%; padding: 0 20px; margin-bottom: 11px;} } @media (max-width:991px){ .application{padding-bottom: 60px;} .app-tbody{margin-top: -2px;} .app-title{font-size: 17px;line-height: 24px;} .app-right-box{margin-top: 4px;} .app-text{max-height: 208px;} .app-more{padding-top: 0px;} .app-right-list{padding-top: 20px; margin-left: -10px;margin-right: -10px; padding-bottom: 4px;} .app-list-item{width: 33.3333%; padding: 0 10px; margin-bottom: 11px;} .app-item-info{padding: 3px 2px 2px;} .app-item-name{font-size: 15px;line-height: 20px; margin-bottom: 0px;} .app-item-text{font-size: 13px;line-height: 22px;} .app-left-box{margin-bottom: -2px;} .left-title{font-size: 20px;line-height: 24px;margin-left: 0px;} .app-list-items .app-item-info{padding-bottom: 6px;} .app-right-list1{padding-top: 2px; margin-left: -30px;margin-right: -30px;margin-bottom: -32px;} .app-list-items{width: 50%; padding: 0 30px; margin-bottom: 11px;} } @media (max-width:660px){ .application{padding-bottom: 40px;} .app-right-list{padding-top: 16px; margin-left: -10px;margin-right: -10px; padding-bottom: 4px;} .app-list-item{width: 50%; padding: 0 10px; margin-bottom: 20px;} .app-list-items .app-item-info{padding-bottom: 4px;} .app-right-list1{padding-top: 2px; margin-left: -10px;margin-right: -10px;margin-bottom: -28px;} .app-list-items{width: 50%; padding: 0 10px; margin-bottom: 28px;} } @media (max-width:460px){ .application{padding-bottom: 30px;} .app-text{max-height: 192px;} .left-title{font-size: 18px;line-height: 22px;margin-left: 0px;} .app-list-items .app-item-info{padding-bottom: 4px;} } /* Technology */ .tech{position: relative; padding-bottom: 119px;} .tech-list{width: 100%; margin-top: -4px; padding-bottom: 29px;} .tech-item{width: 100%;position: relative;} .tech-list .tech-item:nth-child(odd){margin-bottom: 23px;} .tech-list .tech-item:nth-child(even){margin-bottom: 22px;} .tech-item-box{padding-bottom: 12px;border-bottom: 1px solid #efefef; display: flex; align-items: center;} .tech-item-name{font-size: 16px; font-weight: 400; line-height: 20px; width: 90%;position: relative; padding-left: 12px; } .tech-item-name:before{content: ""; position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 4px;height: 4px;background: #0F80B8;border-radius: 50%;} .tech-item-name a{display: block;} .tech-item-date{font-size: 14px; line-height: 30px; width: 10%;color: #000;text-align: right;} /* Technology2 */ .techdetail{padding-bottom: 114px;position: relative;} .tech-detail{margin-top: -3px;} .news-detail-title{font-size: 22px;font-weight: 400;color: #000;line-height: 30px;} .share{text-align: center; vertical-align: middle;height: 24px; margin-top: 24px; margin-bottom: 20px;} .share-date{display: inline-block;vertical-align: middle;font-size: 14px;color: #999999;line-height: 24px;margin-right: 8px;} .share1{display: inline-block; vertical-align: middle; font-size: 14px;color: #999999;line-height: 24px;margin-right: 5px;} .share2{display: inline-block; vertical-align: middle; height: 24px;} .fanpian{border-top: 1px solid #efefef;padding-top: 15px;} .fanpian>div{color: #000;padding-bottom: 2px; vertical-align: top;} .fanpian>div>a{display: inline;vertical-align: top; color: #000;} .fanpian>div>a:hover{color: #0F80B8;} .tech-detail-tbody{padding-top: 10px; padding-bottom: 16px; color: #000;} .tech-detail-tbody p{color: #000;} .tech-detail-tbody img{padding-top: 8px;} @media (min-width:1130px) and (max-width:1259px){ .tech{padding-bottom: 100px;}.tech-list{margin-top: -4px; padding-bottom: 24px;}.tech-list .tech-item:nth-child(odd){margin-bottom: 20px;}.tech-list .tech-item:nth-child(even){margin-bottom: 20px;}.tech-item-box{padding-bottom: 10px;}.tech-item-name{font-size: 18px;line-height: 30px;padding-left: 12px;width: 90%; }.tech-item-date{font-size: 14px; line-height: 30px; width: 10%;} .techdetail{padding-bottom: 96px;}.tech-detail{margin-top: -3px;}.news-detail-title{font-size: 20px;line-height: 30px;}.share{height: 24px; margin-top: 20px; margin-bottom: 18px;}.share-date{font-size: 14px;line-height: 24px;margin-right: 6px;}.share1{font-size: 14px;line-height: 24px;margin-right: 4px;}.share2{height: 24px;}.fanpian{padding-top: 12px;}.tech-detail-tbody{padding-top: 8px; padding-bottom: 14px; }.tech-detail-tbody img{padding-top: 6px;} } @media (min-width:992px) and (max-width:1129px){ .tech{padding-bottom: 80px;}.tech-list{margin-top: -2px; padding-bottom: 20px;}.tech-list .tech-item:nth-child(odd){margin-bottom: 18px;}.tech-list .tech-item:nth-child(even){margin-bottom: 17px;}.tech-item-box{padding-bottom: 10px;}.tech-item-name{font-size: 17px;line-height: 28px;padding-left: 10px;width: 88%; }.tech-item-date{font-size: 13px; line-height: 28px; width: 12%;} .techdetail{padding-bottom: 80px;}.tech-detail{margin-top: -2px;}.news-detail-title{font-size: 18px;line-height: 28px;}.share{height: 22px; margin-top: 18px; margin-bottom: 16px;}.share-date{font-size: 14px;line-height: 22px;margin-right: 5px;}.share1{font-size: 14px;line-height: 22px;margin-right: 3px;}.share2{height: 22px;}.fanpian{padding-top: 10px;}.tech-detail-tbody{padding-top: 6px; padding-bottom: 12px; }.tech-detail-tbody img{padding-top: 4px;} } @media (max-width:991px){ .tech{padding-bottom: 60px;}.tech-list{margin-top: 0px; padding-bottom: 15px;}.tech-list .tech-item:nth-child(odd){margin-bottom: 16px;}.tech-list .tech-item:nth-child(even){margin-bottom: 15px;}.tech-item-box{padding-bottom: 10px;}.tech-item-name{font-size: 16px;line-height: 20px;padding-left: 10px;width: 87%; }.tech-item-date{font-size: 12px; line-height: 24px; width: 13%;} .techdetail{padding-bottom: 60px;}.tech-detail{margin-top: 0px;}.news-detail-title{font-size: 18px;line-height: 26px;}.share{height: 20px; margin-top: 14px; margin-bottom: 12px;}.share-date{font-size: 12px;line-height: 20px;margin-right: 4px;}.share1{font-size: 12px;line-height: 20px;margin-right: 3px;}.share2{height: 20px;}.fanpian{padding-top: 8px;}.tech-detail-tbody{padding-top: 6px; padding-bottom: 12px; }.tech-detail-tbody img{padding-top: 4px;} } @media (max-width:600px){.tech{padding-bottom: 40px;}.tech-list{margin-top: 0px; padding-bottom: 10px;}.tech-list .tech-item:nth-child(odd){margin-bottom: 13px;}.tech-list .tech-item:nth-child(even){margin-bottom: 12px;}.tech-item-box{padding-bottom: 8px;}.tech-item-name{font-size: 16px;line-height: 20px;padding-left: 10px;width: 80%; }.tech-item-date{font-size: 12px; line-height: 20px; width: 20%;}} @media (max-width:420px){.tech-item-name{font-size: 15px;line-height: 20px;padding-left: 10px;width: 72%; }.tech-item-date{font-size: 12px; line-height: 20px; width: 28%;}.techdetail{padding-bottom: 40px;}} /* News */ .News{padding-bottom: 119px;} .News-tbody{margin-top: -4px;} .tbody-right{width: 72.5%;} .tbody-left{width: 23.33333333333333%;} .News-right-list{padding-top: 2px;padding-bottom: 22px;} .News-list-item{width: 100%; margin-bottom: 28px;} .News-list-box{font-size: 0;letter-spacing: 0;position: relative;} .News-box-img{display: inline-block;vertical-align: middle; width: 47.1264367816092%;} .News-box-info{display: inline-block;vertical-align: middle; width: 52.8735632183908%;background: #F8F8F8;padding: 55px 27px 16px 35px; border-right: 3px solid #F8F8F8;} .News-box-info-name{display: block;font-size: 16px;line-height: 20px;} .News-box-info-text{display: block;color: #000;margin-top: 12px;} .News-box-info-date{text-align: right; font-size: 14px;line-height: 24px; margin-top: 32px;color: #000;} .News-list-box:hover .News-box-info{border-color: #1367AF; } .News-list-box:hover .News-box-info-name{color: #0F80B8;} .new-pryiji{padding: 12px 0 10px; margin-bottom: 36px;} .new-pryiji>li{margin-bottom: 4px;position: relative;} .new-pryiji>li>a{width: 100%;display: block;padding:8px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;background: #CEE7F4;font-size: 18px;line-height: 29px;} .new-pryiji>li.dangyi>a, .new-pryiji>li:hover>a{background: #0F80B8;border-color: #0F80B8;color: #fff; } .app-tags{border-top: 2px solid #EFEFEF;padding-top: 12px;margin-top: 10px;} .app-tags a{display: inline;margin-right: 2px;} /* new2 */ .newsdetail{padding-bottom: 107px;position: relative;}.news-detail{margin-top: -6px;}.news-detail-tbody{padding-top: 7px; padding-bottom: 2px; color: #000;}.news-detail-tbody p{color: #000;}.news-detail-tbody img{padding-bottom: 6px;}.news-detail-share{margin-top: 18px;} @media (min-width:1130px) and (max-width:1259px){ .News{padding-bottom: 100px;} .News-tbody{margin-top: -4px;} .tbody-right{width: 71.96261682242991%;} .tbody-left{width: 24.67289719626168%;} .News-right-list{padding-top: 2px;padding-bottom: 20px;} .News-list-item{width: 100%; margin-bottom: 24px;} .News-box-img{width: 50%;} .News-box-info{width: 50%;padding: 52px 24px 15px 30px; } .News-box-info-name{font-size: 18px;line-height: 36px;} .News-box-info-text{margin-top: 10px;} .News-box-info-date{font-size: 14px;line-height: 24px; margin-top: 28px;} .new-pryiji{padding: 12px 0; margin-bottom: 32px;} .new-pryiji>li>a{padding:8px;font-size: 18px;line-height: 28px;} .app-tags{padding-top: 10px;margin-top: 10px;} .newsdetail{padding-bottom: 88px;} .news-detail{margin-top: -6px;} .news-detail-tbody{padding-top: 6px; padding-bottom: 2px;} .news-detail-tbody img{padding-bottom: 6px;} .news-detail-share{margin-top: 16px;} } @media (min-width:992px) and (max-width:1129px){ .News{padding-bottom: 80px;} .News-tbody{margin-top: -2px;} .tbody-right{width: 71.5%;} .tbody-left{width: 25.5%;} .News-right-list{padding-top: 2px;padding-bottom: 18px;} .News-list-item{width: 100%; margin-bottom: 20px;} .News-box-img{width: 51.5%;} .News-box-info{width: 48.5%;padding: 40px 20px 14px } .News-box-info-name{font-size: 17px;line-height: 32px;} .News-box-info-text{margin-top: 8px;} .News-box-info-date{font-size: 14px;line-height: 24px; margin-top: 24px;} .new-pryiji{padding: 12px 0; margin-bottom: 28px;} .new-pryiji>li>a{padding:6px;font-size: 18px;line-height: 28px;} .app-tags{padding-top: 10px;margin-top: 10px;} .newsdetail{padding-bottom: 70px;} .news-detail{margin-top: -4px;} .news-detail-tbody{padding-top: 6px; padding-bottom: 2px;} .news-detail-tbody img{padding-bottom: 6px;} .news-detail-share{margin-top: 16px;} } @media (max-width:991px){ .News{padding-bottom: 60px;} .News-tbody{margin-top: 0px;} .tbody-right{width: 100%;} .tbody-left{width: 100%; padding-top: 10px;} .News-list-box{display: flex; align-items: stretch;} .News-right-list{padding-top: 0px;padding-bottom: 16px;} .News-list-item{width: 100%; margin-bottom: 15px;} .News-box-img{width: 50%;} .News-box-info{width: 50%; padding: 36px 20px 0;} .News-box-info-name{font-size: 16px;line-height: 30px;} .News-box-info-text{margin-top: 6px;} .News-box-info-date{font-size: 14px;line-height: 24px; margin-top: 20px;} .new-pryiji{padding: 10px 0; margin-bottom: 24px;} .new-pryiji>li>a{padding:5px;font-size: 16px;line-height: 26px;} .app-tags{padding-top: 10px;margin-top: 10px;} .newsdetail{padding-bottom: 50px;} .news-detail{margin-top: -2px;} .news-detail-tbody{padding-top: 4px; padding-bottom: 2px;} .news-detail-tbody img{padding-bottom: 4px;} .news-detail-share{margin-top: 14px;} } @media (max-width:720px){ .News{padding-bottom: 40px;} .News-box-info{padding: 20px 15px 0;} .News-box-info-date{font-size: 14px;line-height: 20px; margin-top: 16px;} } @media (max-width:600px){ .News-box-info{padding: 16px 10px 0;} .News-box-info-date{font-size: 14px;line-height: 20px; margin-top: 16px;} .new-pryiji>li>a{padding:4px;font-size: 16px;line-height: 24px;} .newsdetail{padding-bottom: 36px;} .news-detail{margin-top: 0px;} .news-detail-tbody{padding-top: 4px; padding-bottom: 0px;} .news-detail-tbody img{padding-bottom: 4px;} .news-detail-share{margin-top: 12px;} } @media (max-width:560px){ .News{padding-bottom: 30px;} .News-list-box{display: block;} .News-box-img{width: 100%;} .News-box-info{width: 100%; padding: 20px 15px;} .newsdetail{padding-bottom: 28px;} .news-detail{margin-top: 0px;} .news-detail-tbody{padding-top: 2px; padding-bottom: 0px;} .news-detail-tbody img{padding-bottom: 2px;} .news-detail-share{margin-top: 10px;} } /* news-video */ .News-right-list2{font-size: 0;letter-spacing: 0; margin-left: -15px; margin-right: -15px; padding-bottom: 2px;} .video-item {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;display: inline-block;vertical-align: top; width: 33.3333333333%;} .video-item .item-videobox {width: 100%;overflow: hidden;margin: 0 auto;} .item-videobox .item-video {position: relative;overflow: hidden;padding-bottom: 56.25%;height: 0;} .item-videobox .item-video iframe, .item-videobox .item-video video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .video-item-title{ margin-top: 7px; margin-bottom: 42px;} @media (min-width:1130px) and (max-width:1259px){.News-right-list2{margin-left: -10px; margin-right: -10px;}.video-item {padding-right: 10px;padding-left: 10px;width: 33.3333333333%;}.video-item-title{ margin-top: 6px; margin-bottom: 36px;}} @media (min-width:992px) and (max-width:1129px){.News-right-list2{margin-left: -8px; margin-right: -8px;}.video-item {padding-right: 8px;padding-left: 8px;width: 33.3333333333%;}.video-item-title{ margin-top: 6px; margin-bottom: 32px;}} @media (min-width:750px) and (max-width:991px){.News-right-list2{margin-left: -10px; margin-right: -10px;}.video-item {padding-right: 10px;padding-left: 10px;width: 33.3333333333%;}.video-item-title{ margin-top: 6px; margin-bottom: 36px;}} @media (min-width:602px) and (max-width:749px){.News-right-list2{margin-left: -8px; margin-right: -8px;}.video-item {padding-right: 8px;padding-left: 8px;width: 33.3333333333%;}.video-item-title{ margin-top: 6px; margin-bottom: 32px;}} @media screen and (max-width:601px){.News-right-list2{margin-left: 0px; margin-right: 0px;}.video-item {width:50%;}.video-item-title{ margin-top: 5px; margin-bottom: 28px;}} @media screen and (max-width: 540px){.News-right-list2{margin-left: -8px; margin-right: -8px;}.video-item {padding-right: 8px;padding-left: 8px;width: 100%;}} .Service{padding-bottom: 70px;} .service-title{font-size: 22px;color: #000;line-height: 30px;} .service-imfo{padding-top: 26px;padding-bottom: 15px;} .service-imfo img{padding-bottom: 24px;} .Service-pryiji{margin-bottom: 22px;} @media (min-width:1130px) and (max-width:1259px){.Service{padding-bottom: 60px;}.service-title{font-size: 20px;line-height: 30px;}.service-imfo{padding-top: 24px;padding-bottom: 12px;}.service-imfo img{padding-bottom: 22px;}.Service-pryiji{margin-bottom: 20px;}} @media (min-width:992px) and (max-width:1129px){.Service{padding-bottom: 50px;}.service-title{font-size: 20px;line-height: 28px;}.service-imfo{padding-top: 20px;padding-bottom: 10px;}.service-imfo img{padding-bottom: 20px;}.Service-pryiji{margin-bottom: 18px;}} @media (max-width:991px){.Service{padding-bottom: 40px;}.service-title{font-size: 18px;line-height: 28px;}.service-imfo{padding-top: 18px;padding-bottom: 10px;}.service-imfo img{padding-bottom: 18px;}.Service-pryiji{margin-bottom: 16px;}} @media (max-width:600px){.Service{padding-bottom: 30px;}.service-title{font-size: 18px;line-height: 24px;}.service-imfo{padding-top: 16px;padding-bottom: 8px;}.service-imfo img{padding-bottom: 16px;}.Service-pryiji{margin-bottom: 14px;}} .down-list{width: 100%;} .down-list table{border-spacing: 0;color: #000;border: 1px solid #DFDFDF;width: 100%;} .down-list-name{background: #0F80B8;border: 1px solid #0F80B8; font-size: 0;letter-spacing: 0; color: #fff;} .down-list-item{border: 1px solid #DFDFDF;font-size: 0;letter-spacing: 0;color: #000; border-top: 0;} .down-list .down-list-item:nth-child(odd){background: #FFFFFF;} .down-list .down-list-item:nth-child(even){background: #F9F9F9;} .down-load{width: 16.32183908045977%;text-align: center;display: inline-block;vertical-align: top;font-size: 18px;line-height: 48px;} .down-type{width: 20.68965517241379%;text-align: center;display: inline-block;vertical-align: top;font-size: 18px;line-height: 49px;} .down-size{width: 13.2183908045977%;text-align: center;display: inline-block;vertical-align: top;font-size: 18px;line-height: 49px;} .down-name{width: 49.77011494252874%;display: inline-block;vertical-align: top;font-size: 18px;line-height: 49px;padding-left: 16px;} .down-list-name .down-name{padding-left: 11.16436781609195%;} .down-name a{display: block;} .m-page2{padding-top: 40px;padding-bottom: 45px;} @media (min-width:1130px) and (max-width:1259px){ .down-load{font-size: 16px;line-height: 46px;} .down-type{font-size: 16px;line-height: 46px;} .down-size{font-size: 16px;line-height: 46px;} .down-name{font-size: 16px;line-height: 46px;padding-left: 16px;} .down-list-name .down-name{padding-left: 11%;} .m-page2{padding-top: 32px;padding-bottom: 38px;} } @media (min-width:992px) and (max-width:1129px){ .down-load{font-size: 16px;line-height: 44px;} .down-type{font-size: 16px;line-height: 44px;} .down-size{font-size: 16px;line-height: 44px;} .down-name{font-size: 16px;line-height: 44px;padding-left: 14px;} .down-list-name .down-name{padding-left: 10%;} .m-page2{padding-top: 28px;padding-bottom: 32px;} } @media (max-width:991px){ .down-list{width: 100%; overflow: scroll;} .down-list>div{ width: 720px; max-width: 720px; } .down-load{font-size: 14px;line-height: 38px;} .down-type{font-size: 14px;line-height: 38px;} .down-size{font-size: 14px;line-height: 38px;} .down-name{font-size: 14px;line-height: 38px;padding-left: 12px;} .down-list-name .down-name{padding-left: 9%;} .m-page2{padding-top: 20px;padding-bottom: 28px;} } .faq-list{margin-bottom: -24px;} .faq-list-item{padding-top: 4px; padding-bottom: 14px; border-bottom: 1px dashed #B6B6B6; margin-bottom: 24px;} .select-name{font-size: 18px;color: #000;line-height: 32px;} .select-name .flo-left{width: 95%;} .select-name .iconfont{font-size: 12px; color: #000;line-height: 32px;} .select-name.active, .select-name:hover{color: #0F80B8;} .select-name.active .iconfont, .select-name:hover .iconfont{color: #0F80B8;} .select-text{line-height: 32px;padding: 7px 0 9px; display: none;} @media (min-width:1130px) and (max-width:1259px){.faq-list{margin-bottom: -20px;}.faq-list-item{padding-top: 4px; padding-bottom: 12px;margin-bottom: 20px;}.select-name{font-size: 17px;;line-height: 30px;}.select-name .iconfont{font-size: 12px;line-height: 30px;}.select-text{line-height: 30px;padding: 6px 0 8px;}} @media (min-width:992px) and (max-width:1129px){.faq-list{margin-bottom: -18px;}.faq-list-item{padding-top: 2px; padding-bottom: 10px;margin-bottom: 18px;}.select-name{font-size: 16px;;line-height: 28px;}.select-name .iconfont{font-size: 12px;line-height: 28px;}.select-text{line-height: 28px;padding: 6px 0 8px;}} @media (max-width:991px){.faq-list{margin-bottom: -16px;}.faq-list-item{padding-top: 2px; padding-bottom: 8px;margin-bottom: 16px;}.select-name{font-size: 16px;;line-height: 26px;}.select-name .iconfont{font-size: 10px;line-height: 26px;}.select-text{line-height: 26px;padding: 5px 0 7px;}} @media (max-width:600px){.faq-list{margin-bottom: -12px;}.faq-list-item{padding-top: 0px; padding-bottom: 6px;margin-bottom: 12px;}.select-name{font-size: 15px;;line-height: 24px;}.select-name .iconfont{font-size: 10px;line-height: 24px;}.select-text{line-height: 24px;padding: 4px 0 6px;}} /* contact */ .contact{padding-bottom: 100px;position: relative;} .contact-tbody{margin-top: -7px;} .contact-tbody-left{width: 50%;} .contact-title{font-size: 24px;color: #000;line-height: 32px;font-weight: 400;} .contact-text{line-height: 26px;color: #000;margin-top: 22px; } .contacts-from{padding-left: 12px;margin-top: 25px;} .item-tbody-inputs{position: relative;margin-bottom: 18px;float: left;width: 48.29931972789116%; padding: 7px 11px;background: #FFFFFF;border: 1px solid #D2D2D2;} .item-tbody-inputs input, .item-tbody-inputs textarea{width: 100%;height: 100%; font-size: 16px;line-height: 30px; color: #000; } .item-tbody-input1{width: 100%;height: 163px;} .item-tbody-inputs.star::before{position: absolute;left: -12px;content: "*";font-size: 16px;line-height: 30px; top: 8px; color: #f00;} .item-tbody-input2{width: 32.82312925170068%;} .yanzma{position: relative;margin-bottom: 18px;float: left;width:23.97959183673469%;height: 46px; background: #FFFFFF;border: 1px solid #D2D2D2;text-align: center;vertical-align: middle;margin-left: 2.55102040816327%;} .yanzma a{height: 100%;} .yanzma img{max-height: 100%;} .item-tbody-btn{border-color: #0F80B8; width: 38.60544217687075%; padding: 0;} .submits{width: 100%;padding: 7px 0;background: #0F80B8;color: #fff;cursor: pointer;} .submits:hover{background: #fff;color: #0F80B8;} .contact-tbody-right{width: 40.25%;} .contact-right-box{width: 100%;margin-top: 6px; background: #F8F8F8;} .mode-list{padding: 8px 0 8px 36px;} .mode-list-item{ padding: 18px 0 8px; position: relative;} .mode-item-info{padding-left: 46px;} .mode-item-icon{position: absolute; left: 0; top: 40%;} .mode-item-icon .iconfont{font-size: 24px;color: #0F80B8;} .mode-item-name{font-size: 19px;color: #1367AF;line-height: 28px;} .mode-item-text{line-height: 24px;font-size: 15px;color: #000;} .contact-address{padding: 40px 0 7px;} @media (min-width:1130px) and (max-width:1259px){ .contact{padding-bottom: 82px;} .contact-tbody{margin-top: -6px;} .contact-tbody-left{width: 52%;} .contact-title{font-size: 22px;line-height: 30px;} .contact-text{line-height: 24px;margin-top: 20px; } .contacts-from{padding-left: 10px;margin-top: 22px;} .item-tbody-inputs{margin-bottom: 16px;width: 48.3%; padding: 6px 10px;} .item-tbody-inputs input, .item-tbody-inputs textarea{font-size: 16px;line-height: 28px;} .item-tbody-input1{width: 100%;height: 160px;} .item-tbody-inputs.star::before{left: -10px;} .item-tbody-input2{width: 33%;} .yanzma{margin-bottom: 16px;width:24%;height: 42px;margin-left: 2.5%;} .item-tbody-btn{width: 38%; padding: 0;} .submits{padding: 6px 0;} .contact-tbody-right{width: 42%;} .contact-right-box{margin-top: 6px;} .mode-list{padding: 6px 0 6px 32px;} .mode-list-item{padding: 18px 0 8px;} .mode-item-info{padding-left: 42px;} .mode-item-icon{left: 0; top: 40%;} .mode-item-icon .iconfont{font-size: 24px;} .mode-item-name{font-size: 18px;line-height: 28px;} .mode-item-text{line-height: 24px;font-size: 15px;} .contact-address{padding: 32px 0 6px;} } @media (min-width:992px) and (max-width:1129px){ .contact{padding-bottom: 64px;} .contact-tbody{margin-top: -5px;} .contact-tbody-left{width: 54%;} .contact-title{font-size: 20px;line-height: 28px;} .contact-text{line-height: 22px;margin-top: 18px; } .contacts-from{padding-left: 8px;margin-top: 20px;} .item-tbody-inputs{margin-bottom: 12px;width: 48%; padding: 5px 8px;} .item-tbody-input1{width: 100%;height: 154px;} .item-tbody-inputs.star::before{left: -8px;} .item-tbody-input2{width: 33%;} .yanzma{margin-bottom: 12px;width:24%;height: 40px;margin-left: 2.5%;} .item-tbody-btn{width: 38%; padding: 0;} .submits{padding: 5px 0;} .contact-tbody-right{width: 42%;} .contact-right-box{margin-top: 4px;} .mode-list{padding: 6px 0 6px 32px;} .mode-list-item{padding: 14px 0 6px;} .mode-item-info{padding-left: 42px;} .mode-item-icon{left: 0; top: 40%;} .mode-item-icon .iconfont{font-size: 22px;} .mode-item-name{font-size: 17px;line-height: 28px;} .mode-item-text{line-height: 24px;font-size: 15px;} .contact-address{padding: 28px 0 6px;} .item-tbody-inputs input, .item-tbody-inputs textarea{font-size: 15px;line-height: 28px;} } @media (max-width:991px){ .contact{padding-bottom: 48px;} .contact-tbody{margin-top: -4px;} .contact-tbody-left{width: 100%;} .contact-title{font-size: 20px;line-height: 28px;} .contact-text{line-height: 20px;margin-top: 16px; } .contacts-from{padding-left: 8px;margin-top: 16px;} .item-tbody-inputs{margin-bottom: 10px;width: 48%; padding: 4px 8px;} .item-tbody-input1{width: 100%;height: 148px;} .item-tbody-inputs.star::before{left: -8px;} .item-tbody-input2{width: 33%;} .yanzma{margin-bottom: 10px;width:24%;height: 36px;margin-left: 2%;} .item-tbody-btn{width: 38%; padding: 0;} .submits{padding: 4px 0;} .contact-tbody-right{width: 100%;} .contact-right-box{margin-top: 4px;} .mode-list{padding: 4px 0 4px 24px; font-size: 0; letter-spacing: 0;} .mode-list-item{padding: 14px 0 4px; display: inline-block; vertical-align: top; width: 50%;} .mode-item-info{padding-left: 36px;} .mode-item-icon{left: 0; top: 40%;} .mode-item-icon .iconfont{font-size: 22px;} .mode-item-name{font-size: 16px;line-height: 24px;} .mode-item-text{line-height: 20px;font-size: 14px;} .contact-address{padding: 28px 0 6px;} .item-tbody-inputs input, .item-tbody-inputs textarea{font-size: 15px;line-height: 26px;} } @media (max-width:768px){ .item-tbody-inputs input, .item-tbody-inputs textarea{font-size: 14px;line-height: 26px;} .yanzma{margin-bottom: 10px;width:24%;height: 34px;margin-left: 2%;} } @media (max-width:560px){ .mode-list{padding: 4px 0 4px 16px; font-size: 0; letter-spacing: 0;} .mode-list-item{padding: 12px 0 4px; display:block; vertical-align: top; width: 100%;} } @media (max-width: 460px){ .item-tbody-inputs input, .item-tbody-inputs textarea{font-size: 14px;line-height: 24px;} .item-tbody-inputs{margin-bottom: 10px;width:100%; padding: 4px 8px;} .item-tbody-input2{width: 70%;} .yanzma{margin-bottom: 10px;width:28%;height: 34px;margin-left: 2%;} .item-tbody-btn{width: 100%; padding: 0;} } /* ************** product ************** */ .product{padding-bottom: 81px;} .pro-more{margin-top: 5px;} .product-tbody{margin-top: -5px;} .pro-right-list{font-size: 0; letter-spacing: 0;margin-left: -22.5px; margin-right: -22.5px; padding-top: 30px;} .pro-right-list2{font-size: 0; letter-spacing: 0;margin-left: -22.5px; margin-right: -22.5px; padding-top: 36px;} .pro-list-item{display: inline-block; vertical-align: top;position: relative; width: 33.33333333333%; padding: 0 22.5px; margin-bottom: 20px;} .pro-list-items{display: inline-block; vertical-align: top;position: relative; width: 33.33333333333%; padding: 0 22.5px; margin-bottom: 26px;} .pro-item-box{width: 100%;position: relative; } .pro-item-box-img{position: relative;width: 100%; text-align: center;background: #FFFFFF;border: 1px solid #EFEFEF;} .pro-item-info{padding: 8px 2px 12px;text-align: center;} .pro-item-name{font-size: 16px;color: #000;line-height: 20px;padding-bottom:5px;} .pro-list-items .pro-item-name{font-size: 16px;line-height: 24px; margin-bottom: 3px;} .pro-item-text{color: #000;font-size: 14px; line-height: 20px;} .pro-item-text a{color: #000;}.pro-item-text a:hover{color: #0F80B8;} .pro-item-href{padding-top: 8px; text-align: center;} .pro-item-href a{display: inline-block;vertical-align: top;height: 30px;background: #1196D8;border-radius: 6px;font-size: 14px;line-height: 30px;color: #fff;text-align: center;} .pro-item-href a:hover{background-color: #fff; border: 1px solid #0F80B8; color: #0F80B8;} .pro-item-href a.inquiry{width: 70px;margin-right: 10px;} .pro-item-href a.add-list{width: 141px;} .pro-page{padding-top: 12px;padding-bottom: 39px;} .pro-pryiji{margin-bottom: 28px;} .pro-pryiji>li>a{font-size: 16px;display: block;} .pro-pryiji>li a.iconfont{position: absolute;right: 9px;line-height: 20px;height: 20px; font-size: 12px;top: 12px;width: 12px;background-color: transparent;padding: 0;color: #595959;} .pro-pryiji>li:hover>a.iconfont, .pro-pryiji>li.dangyi>a.iconfont{color: #fff;} /*.qingkong:hover{color:#0F80B8;background:#E3E3E3;}*/ .flo-right:hover input{color:#fff;background:#0F80B8;} .pro-prerji{padding: 8px 0 4px;background-color: #F5F5F5; display: none;} .pro-prerji>li{width: 100%;position: relative;} .pro-prerji>li>a{display: block; font-size: 16px; line-height: 24px; color: #000;padding:10px 12px 10px 12px; border-bottom: 1px solid #E6E6E6;} .pro-prerji>li>a.iconfont {top: 6px;} .pro-prerji>li:hover>a, .pro-prerji>li.danger>a{color: #0F80B8;} .pro-prerji>li:hover>a.iconfont, .pro-prerji>li.danger>a.iconfont{color: #0F80B8;} .pro-pryiji>li.dangyi .pro-prerji{display: block;} .app-pryiji>li.dangyi .app-prerji{display: block;} .pro-prsanji{padding: 0 9px 9px 10px;border-top: 1px solid #E6E6E6;background-color: #F5F5F5;display: none;} .pro-prerji>li.danger .pro-prsanji{display: block;} .app-prerji{padding-bottom: 0;display: block;} .pro-prsanji>li{width: 100%;position: relative; border-bottom: 1px solid #E6E6E6;padding: 4px 0;} .pro-prsanji>li>a{display: flex; align-items: center; font-size: 16px;line-height: 24px; min-height: 32px; vertical-align: middle; color: #000;padding-left: 24px;} .pro-prsanji>li:hover>a, .pro-prsanji>li.dangsan>a{color: #0F80B8;} .app-prerji{padding-bottom: 0; } .app-prerji>li>a{padding-left: 0;} @media (min-width:1130px) and (max-width:1259px){ .product{padding-bottom: 72px;}.product-tbody{margin-top: -5px;}.pro-right-list{margin-left: -16px; margin-right: -16px; padding-top: 25px;}.pro-list-item{width: 33.3333333333%; padding: 0 16px; margin-bottom: 16px;}.pro-item-info{padding: 6px 2px 10px;}.pro-item-name{font-size: 18px;line-height: 30px;}.pro-item-text{font-size: 14px; line-height: 26px;}.pro-pryiji{margin-bottom: 26px;}.pro-pryiji>li>a{font-size: 16px;} .pro-pryiji>li a.iconfont{right: 8px;line-height: 18px;height: 18px; font-size: 12px;top: 10px;width: 12px;} .pro-more{margin-top: 4px;} .pro-right-list2{margin-left: -14px; margin-right: -14px; padding-top: 32px;} .pro-list-items{width: 33.33333333333%; padding: 0 14px; margin-bottom: 22px;} .pro-list-items .pro-item-name{font-size: 16px;line-height: 22px; margin-bottom: 2px;} .pro-item-href{padding-top: 6px;} .pro-item-href a{height: 30px;font-size: 14px;line-height: 30px;} .pro-item-href a.inquiry{width: 64px;margin-right: 8px;} .pro-item-href a.add-list{width: 136px;} .pro-prerji{padding: 6px 0 4px;} .pro-prerji>li>a{font-size: 16px;line-height: 24px;padding-left: 10px;} .pro-prerji>li>a.iconfont {top: 5px;} .pro-page{padding-top: 10px;padding-bottom: 32px;} .pro-prsanji{padding: 0 7px 7px 8px;} .pro-prsanji>li{padding: 3px 0;} .pro-prsanji>li>a{font-size: 15px;line-height: 24px; min-height: 30px;padding-left: 20px;} } @media (min-width:992px) and (max-width:1129px){ .product{padding-bottom: 60px;} .product-tbody{margin-top: -4px;} .pro-right-list{margin-left: -10px; margin-right: -10px; padding-top: 20px;} .pro-list-item{width: 33.3333333333%; padding: 0 10px; margin-bottom: 14px;} .pro-item-info{padding: 6px 2px 10px;} .pro-item-name{font-size: 17px;line-height: 28px;} .pro-item-text{font-size: 14px; line-height: 24px;} .pro-pryiji{margin-bottom: 24px;} .pro-pryiji>li>a{font-size: 16px;} .pro-pryiji>li a.iconfont{right: 8px;line-height: 18px;height: 18px; font-size: 12px;top: 10px;width: 12px;} .pro-more{margin-top: 4px;} .pro-right-list2{margin-left: -8px; margin-right: -8px; padding-top: 28px;} .pro-list-items{width: 33.33333333333%; padding: 0 8px; margin-bottom: 18px;} .pro-list-items .pro-item-name{font-size: 16px;line-height: 20px; margin-bottom: 2px;} .pro-item-href{padding-top: 6px;} .pro-item-href a{height: 28px;font-size: 14px;line-height: 28px;} .pro-item-href a.inquiry{width: 60px;margin-right: 6px;} .pro-item-href a.add-list{width: 132px;} .pro-prerji{padding: 6px 0 4px;} .pro-prerji>li>a{font-size: 16px;line-height: 24px;padding-left: 10px;} .pro-prerji>li>a.iconfont {top: 5px;} .pro-page{padding-top: 8px;padding-bottom: 28px;} .pro-prsanji{padding: 0 7px 7px 8px;} .pro-prsanji>li{padding: 3px 0;} .pro-prsanji>li>a{font-size: 15px;line-height: 24px; min-height: 30px;padding-left: 20px;} }@media (max-width:991px){ .product{padding-bottom: 50px;} .product-tbody{margin-top: -4px;} .pro-right-list{margin-left: -16px; margin-right: -16px; padding-top: 20px;} .pro-list-item{width: 33.33333333%; padding: 0 16px; margin-bottom: 14px;} .pro-item-info{padding: 6px 2px 10px;} .pro-item-name{font-size: 17px;line-height: 28px;} .pro-item-text{font-size: 14px; line-height: 24px;} .pro-pryiji{margin-bottom: 24px;} .pro-pryiji>li>a{font-size: 16px;} .pro-pryiji>li a.iconfont{right: 8px;line-height: 18px;height: 18px; font-size: 12px;top: 10px;width: 12px;} .pro-more{margin-top: 4px;} .pro-right-list2{margin-left: -14px; margin-right: -14px; padding-top: 32px;} .pro-list-items{width: 33.33333333333%; padding: 0 14px; margin-bottom: 22px;} .pro-list-items .pro-item-name{font-size: 15px;line-height: 22px; margin-bottom: 2px;} .pro-item-href{padding-top: 6px;} .pro-item-href a{height: 30px;font-size: 14px;line-height: 30px;} .pro-item-href a.inquiry{width: 64px;margin-right: 8px;} .pro-item-href a.add-list{width: 136px;} .pro-prerji{padding: 6px 0 4px;} .pro-prerji>li>a{font-size: 14px;line-height: 24px;padding-left: 10px;} .pro-prerji>li>a.iconfont {top: 5px;} .pro-page{padding-top: 6px;padding-bottom: 22px;} .pro-prsanji{padding: 0 7px 7px 8px;} .pro-prsanji>li{padding: 3px 0;} .pro-prsanji>li>a{font-size: 15px;line-height: 24px; min-height: 30px;padding-left: 20px;} .product{padding-bottom: 48px;} .product-tbody{margin-top: -4px;} .pro-right-list{margin-left: -24px; margin-right: -24px; padding-top: 16px;} .pro-list-item{width: 50%; padding: 0 24px; margin-bottom: 12px;} .pro-item-info{padding: 6px 2px 10px;} .pro-item-name{font-size: 16px;line-height: 28px;} .pro-item-text{font-size: 13px; line-height: 22px;} .pro-pryiji{margin-bottom: 20px;} .pro-pryiji>li>a{font-size: 14px;} } @media (max-width:720px){ .pro-list-item{width: 50%;} .pro-right-list2{margin-left: -15px; margin-right: -15px; padding-top: 32px;} .pro-list-items{width: 50%; padding: 0 15px; margin-bottom: 22px;} .pro-list-items .pro-item-name{font-size: 14px;line-height: 22px; margin-bottom: 2px;} } @media (max-width:560px){ .product{padding-bottom: 48px;} .product-tbody{margin-top: -4px;} .pro-right-list{margin-left: -15px; margin-right: -15px; padding-top: 12px;} .pro-list-item{width: 50%; padding: 0 15px; margin-bottom: 10px;} .pro-item-info{padding: 4px 1px 8px;} .pro-item-name{font-size: 15px;line-height: 20px;} .pro-item-text{font-size: 12px; line-height: 20px;} .pro-pryiji{margin-bottom: 16px;} .pro-pryiji>li>a{font-size: 13px;} .pro-item-href a{height: 26px;font-size: 12px;line-height: 26px;} .pro-item-href a.inquiry{width: 56px;margin-right: 6px;} .pro-item-href a.add-list{width: 124px;} .pro-right-list2{margin-left: -10px; margin-right: -10px; padding-top: 28px;} .pro-list-items{width: 50%; padding: 0 8px; margin-bottom: 18px;} } @media (max-width:420px){ .pro-right-list2{margin-left: -15px; margin-right: -15px; padding-top: 24px;} .pro-list-items{width: 100%; padding: 0 15px; margin-bottom: 16px;} } .pro-detail{margin-top: -1px;}.pro2-box .m-propic { margin: 0 auto; width: 460px; float: left; margin-right: 74px; }@media screen and (max-width: 1260px) { .pro2-box .m-propic { width: 420px; margin-right: 48px; } }@media screen and (max-width:1130px){.pro2-box .m-propic { width: 380px; margin-right: 26px; } } .pro2-box .m-propic .pic-big { position: relative;width: 100%; }.pro2-box .m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; position: relative; padding-bottom: 100%; }.pro2-box .m-propic .big-img .zoomPad { float: none; z-index: 8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.pro2-box .m-propic .big-img .zoomPad img { border-radius: 0; width: 100%;border: 1px solid #EFEFEF; }.pro2-box .m-propic .zoomWrapperImage img { max-width: 1200px; } .pro2-box .m-propic .pic-small { position: relative; margin-top: 16px; width: 100%; }.pro2-box .m-propic .pic-btn { position: absolute; top: 50%;transform: translateY(-50%); width: 24px; text-align: center; font-size: 20px; height: 20px; line-height: 20px; color: #BCBCBC; z-index: 3; }.pro2-box .m-propic .pic-btn .iconfont{font-size: 20px; line-height: 20px; color: #BCBCBC; }.pro2-box .m-propic .pic-btn:hover { color: #0F80B8; }.pro2-box .m-propic .pic-btn:hover .iconfont{ color: #0F80B8; }.pro2-box .m-propic .pic-btn.prev { left: 0; }.pro2-box .m-propic .pic-btn.next { right: 0; } .pro2-box .m-propic .pic-list { width: 100%; height: 100px; padding: 0 32px; overflow: hidden; }@media screen and (max-width: 1260px) { .pro2-box .m-propic .pic-list { height: 90px; } }@media screen and (max-width: 1130px) { .pro2-box .m-propic .pic-list { height: 80px; } }.pro2-box .m-propic .pic-list ul { width: 2000px;height: 100%; }.pro2-box .m-propic .pic-list .list-item { margin-right: 46px; overflow: visible; padding-left: 0;display: inline-block; vertical-align: top;width: 100px;height: 100%; }@media screen and (max-width: 1260px) { .pro2-box .m-propic .pic-list .list-item { margin-right: 42px;width: 90px; } }@media screen and (max-width: 1130px) { .pro2-box .m-propic .pic-list .list-item { margin-right: 36px;width: 80px; } }.pro2-box .m-propic .pic-list .item-pics { display: block; border-radius: 0; position: relative; overflow: hidden;height: 100%;width: 100%; background: #FFFFFF;border: 1px solid #EFEFEF; } .pro2-box .m-propic .pic-list .item-pics img {width: 100%; display: block; position: absolute; top: 0; left: 0; width: 100%;} .pro2-box .m-propic .pic-list .item-pics:hover, .pro2-box .m-propic .pic-list .item-pics.zoomThumbActive { border-color: #0F80B8; } .pro2-box .m-propic .pic-list .avtive{border-color: #0F80B8;} .pro2-box .m-propic2 { display: none; } @media screen and (max-width: 1260px) { .pro2-box { /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }} @media screen and (max-width: 991px) {.pro2-box .m-propic { max-width: 100%; float: none; margin: 0 auto 30px; }.pro2-box .zoomPad { cursor: default !important; } .pro2-box .zoomPup { display: none !important; } .pro2-box .zoomWindow { display: none !important; } .pro2-box .zoomPreload { display: none !important; } .pro2-box .m-propic .pic-big { height: auto; }} @media screen and (max-width: 767px) { .pro2-box .m-propic1 { display: none; } .pro2-box .m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; } .pro2-box .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 24px; color: #bfbfbf; } .pro2-box .m-propic2 .box-btn:hover { color: #0F80B8; } .pro2-box .m-propic2 .box-btn.prev { left: 0; } .pro2-box .m-propic2 .box-btn.next { right: 0; } .pro2-box .m-propic2 .box-list { overflow: hidden; } .pro2-box .m-propic2 .box-list ul { width: 1000%; } .pro2-box .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 1px solid #D1D1D1; overflow: hidden; } .pro2-box .m-propic2 .list-item .item-pic{border: 1px solid #EFEFEF;} .pro2-box .m-propic2 .list-item img { display: block; } } @media only screen and (max-width: 767px) and (max-width: 640px) { .pro2-box .m-propic2 .list-item { width: 4.8%; } }@media only screen and (max-width: 767px) and (max-width: 480px) { .pro2-box .m-propic2 .list-item { width: 9.8%; } } .pro2-info { overflow: hidden; } .pro2-info .item-title {line-height: 30px; margin-top: 7px; padding-bottom: 12px;color: #000; font-weight: 500; font-size: 24px;font-size:2.4rem; border-bottom: 1px solid #DADADA; text-align: left;} @media screen and (max-width: 1260px) { .pro2-info .item-title { font-size: 18px; line-height: 30px; margin-top: 6px; padding-bottom: 10px; } } @media screen and (max-width: 1130px) { .pro2-info .item-title { font-size: 16px; line-height: 28px; margin-top: 5px; padding-bottom: 8px; } } @media screen and (max-width: 991px) { .pro2-info .item-title { font-size: 16px;line-height: 28px; margin-top: 4px; padding-bottom: 6px; } } @media screen and (max-width: 750px) { .pro2-info .item-title { font-size: 15px;line-height: 24px; margin-top: 0px; padding-bottom: 6px; } } .pro2-info .item-desc{ min-height: 386px;color: #000;margin-top: 12px;} .pro2-info .item-desc p{color: #000;} @media screen and (max-width: 1260px) {.pro2-info .item-desc{ min-height: 336px;margin-top: 10px;}} @media screen and (max-width: 1130px) { .pro2-info .item-desc{ min-height: 308px;margin-top: 8px;} } @media screen and (max-width: 991px) { .pro2-info .item-desc{ min-height: auto;margin-top: 6px; margin-bottom: 10px;} } .pro2-info .pro-item-btns1{margin-bottom: 37px;margin-left: -16px;position: relative;} .pro2-info .pro-share { float: right; vertical-align: middle; margin-top: 9px;} .pro2-info .pro-share .share-title {color: #000000; font-size: 16px; line-height: 24px; display: inline-block;vertical-align: middle;margin-right: 2px; } .pro2-info .pro-share .share-pic{display: inline-block;vertical-align: middle; height: 24px;} @media screen and (max-width: 991px) { .pro2-info .pro-share .share-title { font-size: 15px; line-height: 22px; }.pro2-info .pro-share .share-pic{display: inline-block; height: 22px;} } @media screen and (max-width: 767px) {.pro2-info .pro-share .share-title { font-size: 14px; line-height: 20px; }.pro2-info .pro-share .share-pic{ height: 20px;} } .pro2-info .pro-item-btns2 {margin-left: -16px;margin-right: -16px;position: relative;} .pro2-info .items-btn {width: 200px;margin:0 16px;float: left;height: 45px;line-height: 45px;background: #1196D8;border-radius: 23px;font-size: 18px;color: #FFFFFF;text-align: center;} .pro2-info .items-btn:hover{background: #0F80B8; color: #fff;} @media screen and (max-width: 1260px) {.pro2-info .pro-item-btns1{margin-bottom: 33px;margin-left: -14px;}.pro2-info .pro-item-btns2 {margin-left: -14px;margin-right: -14px;}.pro2-info .items-btn {width: 182px;margin:0 14px;height: 42px;line-height: 42px;border-radius: 21px;font-size: 16px;}.pro2-info .pro-share {margin-top: 7px;}} @media screen and (max-width: 1130px) {.pro2-info .pro-item-btns1{margin-bottom: 28px;margin-left: -10px;}.pro2-info .pro-item-btns2 {margin-left: -10px;margin-right: -10px;}.pro2-info .items-btn {width: 168px;margin:0 10px;height: 40px;line-height: 40px;border-radius: 19px;font-size: 15px;}.pro2-info .pro-share {margin-top: 6px;} } @media screen and (max-width: 991px) {.pro2-info .pro-item-btns1{margin-bottom: 20px;margin-left: -10px;}.pro2-info .pro-item-btns2 {margin-left: -10px;margin-right: -10px;}.pro2-info .items-btn {width: 168px;margin:0 10px;height: 40px;line-height: 40px;border-radius: 19px;font-size: 15px;}.pro2-info .pro-share {margin-top: 9px;}} @media screen and (max-width: 767px) {.pro2-info .pro-item-btns1{margin-bottom: 16px;margin-left: -10px;}.pro2-info .pro-item-btns2 {margin-left: -10px;margin-right: -10px;}.pro2-info .items-btn {width: 160px;margin:5px 10px;height: 40px;line-height: 40px;border-radius: 19px;font-size: 15px;}.pro2-info .pro-share {margin-top: 10px;} } @media screen and (max-width: 420px){.pro2-info .pro-item-btns1{margin-bottom: 0px;margin-left: 0px;text-align: center; }.pro2-info .pro-item-btns2 {text-align: center;} .pro2-info .pro-share {float: left;width: 100%; text-align: center;}.pro2-info .items-btn{float: none;}} .pro-jian{padding-top: 46px;} .pro-jian-title div{font-size: 34px;text-transform: uppercase;color: #0F80B8;line-height: 44px;position: relative; background-color: #fff;z-index: 2;display: inline-block;} .pro-jian-title{position: relative;margin-bottom: 10px;} .pro-jian-title::before{content: "";position: absolute;width: 100%;height: 3px;border-top: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;left: 0;top: 50%;transform: translateY(-50%);} .pro-jian-desc{padding-bottom: 22px;} .pro-jian-name{font-size: 18px;color: #0F80B8;line-height: 30px;} .pro-jian-text{padding-bottom: 29px;} .pro-jian-text img{padding-top: 20px; padding-bottom: 20px;} .pro-swiper{padding-bottom: 35px;} .pro-swiper .pro-jian-title{width: 100%;position: absolute; left: 0;top: 0; } .pro-jian-title .small{font-size: 30px; line-height: 30px;} .pro-swiper-contain{padding-top: 58px;} .nextt1, .prevv1{top: 26px;background-color: #fff; z-index: 10;color: #BCBCBC;font-size: 20px; height: 21px;} .prevv1{left: auto; right: 27px;} .nextt1:hover, .prevv1:hover{color: #0F80B8;} .pro-swiper-contain .swiper-slide .pro-item-name{font-size: 16px;margin-top: -4px;} .pro-tags a{display: inline;margin-right: 4px;} .product-detail{padding-bottom: 108px;} @media (min-width:1130px) and (max-width:1259px){ .pro-jian{padding-top: 42px;} .pro-jian-title div{font-size: 32px;line-height: 40px;} .pro-jian-title{margin-bottom: 10px;} .pro-jian-desc{padding-bottom: 20px;} .pro-jian-name{font-size: 17px;line-height: 30px;} .pro-jian-text{padding-bottom: 26px;} .pro-jian-text img{padding-top: 18px; padding-bottom: 18px;} .pro-swiper{padding-bottom: 30px;} .pro-jian-title .small{font-size: 28px; line-height: 28px;} .pro-swiper-contain{padding-top: 54px;} .nextt1, .prevv1{top: 24px;font-size: 19px; height: 20px;} .prevv1{right: 26px;} .pro-swiper-contain .swiper-slide .pro-item-name{font-size: 16px;margin-top: -4px;} .pro-tags a{margin-right: 4px; } .product-detail{padding-bottom: 86px;} } @media (min-width:992px) and (max-width:1129px){ .pro-jian{padding-top: 38px;} .pro-jian-title div{font-size: 28px;line-height: 40px;} .pro-jian-title{margin-bottom: 10px;} .pro-jian-desc{padding-bottom: 18px;} .pro-jian-name{font-size: 16px;line-height: 28px;} .pro-jian-text{padding-bottom: 20px;} .pro-jian-text img{padding-top: 16px; padding-bottom: 16px;} .pro-swiper{padding-bottom: 28px;} .pro-jian-title .small{font-size: 24px; line-height: 24px;} .pro-swiper-contain{padding-top: 48px;} .nextt1, .prevv1{top: 24px;font-size: 18px; height: 20px;} .prevv1{right: 24px;} .pro-swiper-contain .swiper-slide .pro-item-name{font-size: 15px;margin-top: -3px;} .pro-tags a{margin-right: 3px; } .product-detail{padding-bottom: 70px;} } @media (max-width:991px){ .pro-jian{padding-top: 34px;} .pro-jian-title div{font-size: 24px;line-height: 36px;} .pro-jian-title{margin-bottom: 8px;} .pro-jian-desc{padding-bottom: 16px;} .pro-jian-name{font-size: 15px;line-height: 24px;} .pro-jian-text{padding-bottom: 16px;} .pro-jian-text img{padding-top: 12px; padding-bottom: 12px;} .pro-swiper{padding-bottom: 24px;} .pro-jian-title .small{font-size: 20px; line-height: 22px;} .pro-swiper-contain{padding-top: 40px;} .nextt1, .prevv1{top: 24px;font-size: 16px; height: 20px;} .prevv1{right: 20px;} .pro-swiper-contain .swiper-slide .pro-item-name{font-size: 14px;margin-top: 0px;} .pro-tags a{margin-right: 2px; } .product-detail{padding-bottom: 50px;} } .product-title{font-size: 30px;text-transform: uppercase;color: #0F80B8;line-height: 30px; margin-top: -3px;} .inquire-table{width: 100%; border: 1px solid #D2D2D2;border-collapse: collapse; margin-top: 26px;text-align: left;} .inquire-table thead{height: 45px;background: #0F80B8;} .inquire-table thead>tr>th{padding:0 18px; height: 45px; font-size: 18px;line-height: 32px;color: #fff;border: 1px solid #D2D2D2;} .inquire-table tbody>tr>td{height: 120px;padding:0 18px;border: 1px solid #D2D2D2;} .inquire-table tbody>tr>td .tb-img{height: 100%; display: flex;align-items: center;justify-content: center;} .inquire-table tbody>tr>td .spimg{height: 118px;} .inquire-table .info{padding-left: 75px;} .del-btn{display: flex;align-items: center;justify-content: center;padding-right: 25px;} .bd-box{display: inline-block;vertical-align: middle;height: 34px;background: #FFFFFF;border: 1px solid #DCDCDC; text-align: center;font-size: 16px;color: #000000;line-height: 32px;font-family: "poppinslight";} .min{width: 24px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor: pointer;}.add{width: 24px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer;}.num{width: 60px;} .pro-from{margin-top: 43px; width: 100%;} .item-pro-inputs{width: 48.75%; float: left; padding-left: 11px;margin-bottom: 20px;position: relative;} .item-pro-inputs input{width: 100%;height: 46px;background: #FFFFFF;border: 1px solid #D2D2D2;font-size: 16px;color: #000;padding: 0 12px;font-family: "poppinslight";} .item-pro-input1{margin-top: -2px;margin-bottom: 16px;width: 100%;height: 163px;} .item-pro-input1 textarea{width: 100%;height: 100%;background: #FFFFFF;border: 1px solid #D2D2D2;font-size: 16px;color: #000;padding: 16px 12px;font-family: "poppinslight";} .upload{position: absolute; right: 0; top: 0; bottom: 0;width: 122px;background: #EAEAEA;color: #999; text-align: center;line-height: 40px;} .item-pro-inputs.star::before{font-size: 20px;line-height: 30px; content: "*"; position: absolute;left: 0;top: 50%; transform: translateY(-40%);color: #FF0000;} .item-pro-input1.star::before{top: 20px;} .item-pro-input2{float: left;width: 68.1184668989547%;position: relative;} .item-pro-inputs .yanzma{float: right; height: 46px; width: 28.74564459930314%;position: relative;} .item-pro-inputs .yanzma a{display: block;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;} .item-pro-btn .submits{height: 46px; border: 1px solid #0F80B8;} @media (min-width:1260px){.inquire-table tr td:nth-of-type(1){width: 190px;}.inquire-table tr td:nth-of-type(2){width: 638px;}.inquire-table tr td:nth-of-type(3){width: 215px;}.inquire-table tr td:nth-of-type(4){width: 156px;}} @media (min-width:1130px) and (max-width:1259px){ .product-title{font-size: 28px;line-height: 28px; margin-top: -3px;} .inquire-table{margin-top: 24px;} .inquire-table thead{height: 42px;} .inquire-table thead>tr>th{padding:0 16px; height: 42px; font-size: 16px;line-height: 30px;} .inquire-table tbody>tr>td{height: 120px;padding:0 16px;} .inquire-table tbody>tr>td .spimg{height: 118px;} .inquire-table .info{padding-left: 66px;} .del-btn{padding-right: 20px;} .bd-box{height: 32px;font-size: 16px;line-height: 30px;} .min{width: 22px;}.add{width: 22px;}.num{width: 50px;} .pro-from{margin-top: 38px;} .item-pro-inputs{width: 48.7%;padding-left: 12px;margin-bottom: 18px;} .item-pro-inputs input{height: 42px;font-size: 16px;padding: 0 10px;} .item-pro-input1{margin-top: 0px;margin-bottom: 16px;width: 100%;height: 154px;} .item-pro-input1 textarea{font-size: 16px;padding: 15px 10px;} .upload{width: 118px;} .item-pro-input1.star::before{top: 18px;} .item-pro-input2{width: 68.2%;} .item-pro-inputs .yanzma{height: 42px; width: 28.75%;} .item-pro-btn .submits{height: 42px;} } @media (min-width:992px) and (max-width:1129px){ .product-title{font-size: 26px;line-height: 26px; margin-top: -1px;} .inquire-table{margin-top: 20px;} .inquire-table thead{height: 40px;} .inquire-table thead>tr>th{padding:0 14px; height: 40px; font-size: 16px;line-height: 30px;} .inquire-table tbody>tr>td{height: 120px;padding:0 14px;} .inquire-table tbody>tr>td .spimg{height: 118px;} .inquire-table .info{padding-left: 54px;} .del-btn{padding-right: 15px;} .bd-box{height: 32px;font-size: 15px;line-height: 30px;} .min{width: 22px;}.add{width: 22px;}.num{width: 50px;} .pro-from{margin-top: 32px;} .item-pro-inputs{width: 48.8%;padding-left: 12px;margin-bottom: 16px;} .item-pro-inputs input{height: 40px;font-size: 16px;padding: 0 10px;} .item-pro-input1{margin-top: 0px;margin-bottom: 16px;width: 100%;height: 154px;} .item-pro-input1 textarea{font-size: 16px;padding: 12px 10px;} .upload{width: 118px;} .item-pro-input1.star::before{top: 16px;} .item-pro-input2{width: 68.2%;} .item-pro-inputs .yanzma{height: 40px; width: 28.75%;} .item-pro-btn .submits{height: 40px;} } @media (max-width:991px){ .product-title{font-size: 24px;line-height: 24px;margin-top: 0px;} .inquire-table{margin-top: 16px;width: 100%; } .inquires{overflow: scroll;} .inquires>div{ width: 990px; max-width: 990px; } .inquire-table thead{height: 36px;} .inquire-table thead>tr>th{padding:0 14px; height: 40px; font-size: 16px;line-height: 30px;} .inquire-table tbody>tr>td{height: 100px;padding:0 14px;} .inquire-table tbody>tr>td .spimg{height: 98px;} .inquire-table .info{padding-left: 44px;} .del-btn{padding-right: 10px;} .bd-box{height: 30px;font-size: 14px;line-height: 28px;} .min{width: 20px;}.add{width: 20px;}.num{width: 46px;} .pro-from{margin-top: 26px;} .item-pro-inputs{width: 48.8%;padding-left: 12px;margin-bottom: 16px;} .item-pro-inputs input{height: 40px;font-size: 16px;padding: 0 10px;} .item-pro-input1{margin-top: 0px;margin-bottom: 16px;width: 100%;height: 154px;} .item-pro-input1 textarea{font-size: 16px;padding: 12px 10px;} .upload{width: 118px;} .item-pro-input1.star::before{top: 16px;} .item-pro-input2{width: 70%;} .item-pro-inputs .yanzma{height: 40px; width: 28%;} .item-pro-btn .submits{height: 40px;} } @media (max-width:660px){ .item-pro-inputs{width: 100%;} } .appdetail{padding-bottom: 108px;} .app-detail{margin-top: -4px;} .app-detail-title{font-size: 24px;color: #000;line-height: 30px;} .app-detail-tbody{padding-top: 25px; padding-bottom: 16px;} .app-detail-name{font-size: 18px;} @media (min-width:1130px) and (max-width:1259px){ .appdetail{padding-bottom: 90px;}.app-detail{margin-top: -4px;}.app-detail-title{font-size: 22px;line-height: 30px;}.app-detail-tbody{padding-top: 24px; padding-bottom: 15px;}.app-detail-name{font-size: 17px;} } @media (min-width:992px) and (max-width:1129px){ .appdetail{padding-bottom: 72px;}.app-detail{margin-top: -3px;}.app-detail-title{font-size: 20px;line-height: 28px;}.app-detail-tbody{padding-top: 20px; padding-bottom: 14px;}.app-detail-name{font-size: 17px;} } @media (max-width:991px){.appdetail{padding-bottom: 54px;}.app-detail{margin-top: -2px;}.app-detail-title{font-size: 18px;line-height: 24px;}.app-detail-tbody{padding-top: 18px; padding-bottom: 12px;}.app-detail-name{font-size: 16px;}} @media (max-width:660px){.appdetail{padding-bottom: 36px;}.app-detail{margin-top: 0px;}.app-detail-title{font-size: 18px;line-height: 20px;}.app-detail-tbody{padding-top: 16px; padding-bottom: 10px;}.app-detail-name{font-size: 15px;}} .file {overflow: hidden;text-decoration: none;text-indent: 0;} .file input {position: absolute;right: 0;top: 0;opacity: 0;} .file:hover {} .pro-detail-table{width: 100%; margin-top: 26px;text-align: left;} .pro-detail-table thead{height: 45px;background: #0F80B8; text-align: center;} .pro-detail-table thead>tr>th{padding:0 8px; text-align: center; height: 40px; font-size: 15px;line-height: 28px;color: #fff;} .pro-detail-table tbody>tr>td{height: 80px;padding:0;border: 1px solid #D2D2D2;font-size: 12px;line-height: 20px; color: #000;} @media (max-width:991px){ .pro-jian-table{overflow: scroll;} .pro-jian-table>p{ width: 990px; max-width: 990px; } } .pro-jian-text strong{font-size: 18px;color: #0F80B8;line-height: 30px; font-weight: 400;} .pro-jian-text{padding-bottom: 22px;} .pro-jian-text img{padding-top: 20px; padding-bottom: 20px;} .pro-detail-table{width: 100%; margin-top: 26px;text-align: left;} .pro-detail-table thead{height: 45px;background: #0F80B8; text-align: center;} .pro-detail-table thead>tr>th{padding:0 8px; text-align: center; height: 40px; font-size: 15px;line-height: 28px;color: #fff;} .pro-detail-table tbody>tr>td{text-align:center;height: 80px;padding:0;border: 1px solid #D2D2D2;font-size: 12px;line-height: 20px; color: #000;} .pro-detail-table tbody>tr>td:nth-child(2) {text-align: center;} @media (max-width:991px){ .pro-jian-table{overflow: scroll;} .pro-jian-table>p{ width: 990px; max-width: 990px; } } .pro-detail-table table{width: 100%; border: 1px solid #D2D2D2;border-collapse: collapse; margin-top: 26px;text-align: left;} .pro-detail-table tbody tr:nth-child(1){height: 45px;background: #0F80B8; text-align: center;} .pro-detail-table tbody tr:nth-child(1) >td{padding:0 8px; text-align: center; height: 40px; font-size: 15px;line-height: 28px;color: #fff;} .pro-detail-table tbody tr:nth-child(1) strong{color: #fff;} .pro-detail-table tbody tr strong{color: #000;} .section{position: relative;} .pro-bottom{position: fixed;right: 0;bottom: 0;z-index: 999;display:none;} .pro-bottom-box{width: 230px;min-height: 40px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);border-radius: 6px;} .pro-bot-list-name{text-align: center;height: 40px;background: #0F80B8;font-size: 16px;color: #fff;line-height: 40px; position: relative;border-radius: 6px 6px 0px 0px;} .pro-bot-list-name .iconfont{font-size: 20px; margin-right: 5px;} .pro-bot-list-name a.iconfont{position: absolute;right: 2px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 12px;} .pro-bot-list-item{padding: 9px 12px 10px;background-color: #fff;border-bottom: 1px solid #EFEFEF;font-size: 0;letter-spacing: 0;} .pro-bot-item-img{width: 50px; height: 50px;display: inline-block;vertical-align: top;margin-right: 14px;background: #FFFFFF;border: 1px solid #EFEFEF;} .pro-bot-item-info{display: inline-block;vertical-align: top;width: 135px;} .pro-bot-item-name{font-size: 14px;color: #000000;line-height: 24px;padding-top: 2px;} .pro-bot-item-name a{color: #000;display: inline;} .Delete{font-size: 12px;text-decoration: underline;color: #0F80B8;line-height: 24px; margin-top: 4px;} .pro-bot-btn{padding: 8px 10px;z-index: 999;} .pro-bot-btn-item{z-index: 9999;} .pro-bot-btn-item a{width: 70px;height: 26px;background: #E3E3E3;border-radius: 6px;font-size: 14px;color: #0F80B8;line-height: 26px;text-align: center;} .pro-bot-btn-item a:hover, .pro-bot-btn-item.active a{color: #fff;background: #0F80B8;} @media (max-width:991px){ .pro-bot-list-name{text-align: center;height: 32px;background: #0F80B8;font-size: 14px;color: #fff;line-height: 32px; position: relative;border-radius: 3px 3px 0px 0px;} .pro-bot-list-name .iconfont{font-size: 14px; margin-right: 5px;} .ro-bot-item-name{font-size: 13px;} .Delete{line-height: 22px; margin-top: 2px;} .pro-bot-btn-item a{width: 66px;height: 24px;line-height: 24px;} } @font-face { font-family: "iconfont"; /* Project id 2202657 */ src: url('../font/font-iconfont/iconfont.woff2?t=1635316981488') format('woff2'), url('../font/font-iconfont/iconfont.woff?t=1635316981488') format('woff'), url('../font/font-iconfont/iconfont.ttf?t=1635316981488') format('truetype'); } .icongouwucheman:before { content: "\e690"; } .m-kf .kf-item span{position: absolute;width: 16px;height: 16px;background: #FF0000;border-radius: 50%;font-size: 12px;color: #FFFFFF;line-height: 16px;display: inline-block;text-align: center;top: 7px;right: 7px;} @media screen and (max-width: 800px){ .m-kf .kf-item span{position: absolute;width: 20px;height: 20px;background: #FF0000;border-radius: 50%;font-size: 12px;color: #FFFFFF;line-height: 20px;display: inline-block;text-align: center;top: 10px;right: 29%;} } .inquire input{width: 70px;height: 26px;background: #0F80B8;border-radius: 6px;font-size: 14px;color: #E3E3E3;line-height: 26px;text-align: center;} .qingkong{ cursor: pointer;width: 70px;height: 26px;background: #E3E3E3;border-radius: 6px;font-size: 14px;color: #0F80B8;line-height: 26px;text-align: center;color: #E3E3E3;background: #0F80B8;} .qingkong:hover{color:#fff;} @media screen and (max-width:767px){.bottom-input-CAPTCHA .yan {width: 40%;}.bottom-input-CAPTCHA .yan img{width: 100%;}} .tech-detail-tbody table{width: 100%; border: 1px solid #D2D2D2;border-collapse: collapse;} .tech-detail-tbody tbody>tr>td{padding:10px;border: 1px solid #D2D2D2;font-size: 12px;line-height: 20px; color: #000;} @media (max-width:991px){ .tech-detail-tbody{overflow: scroll;} .tech-detail-tbody table{ width: 990px; max-width: 990px; } } .yan img:hover{cursor:pointer;} @media screen and (max-width:767px){.bottom-input-CAPTCHA .yan {width: 40%;}.bottom-input-CAPTCHA .yan img{width: 100%;}} .pro-jian-text table{width: 100%; border: 1px solid #D2D2D2;border-collapse: collapse;} .pro-jian-text tbody>tr>td{padding:10px;border: 1px solid #D2D2D2;font-size: 12px;line-height: 20px; color: #000;} @media (max-width:991px){ .pro-jian-text{overflow: scroll;} .pro-jian-text table{ width: 990px; max-width: 990px; } } input, textarea{font-family:"poppinslight", arial;} @media (max-width:767px){ .section-bottom{padding: 10px 0 10px;} .section-bottom-name{width: 100%; margin-right: 4%;font-size: 20px;line-height: 30px;margin-bottom: 10px; } .bottom-input-email{width: 100%; margin-right: 0px; margin-bottom: 10px;} .section-bottom-item input{padding: 8px;} .bottom-input-CAPTCHA{width: 100%;margin-right: 0%;margin-bottom: 10px; } .bottom-btn{width: 100%;} .submit{height: 40px;border-radius: 20px;}} .pro-bottom-box{background: #fff;} .app-text table{width: 100%; border: 1px solid #D2D2D2;border-collapse: collapse;} .app-text tbody>tr>td{padding:10px 18px;border: 1px solid #D2D2D2;font-size: 14px;line-height: 28px; color: #000;} .pro-jian-text tbody>tr>td {height: auto;font-size: 16px;line-height: 28px;} .bottom-input-CAPTCHA .yan img{height: auto;} .down-name a{overflow: auto;white-space: normal;text-overflow: inherit;} .new-pryiji>li>a {overflow: auto;white-space: normal;text-overflow: inherit;line-height:20px;padding:10px;} @media (min-width: 1130px) and (max-width: 1259px){.bottom-input-CAPTCHA .yan{height: 42px; overflow: hidden;}} @media (min-width: 992px) and (max-width: 1129px){.bottom-input-CAPTCHA .yan{height: 40px; overflow: hidden;}} @media (max-width: 991px){.bottom-input-CAPTCHA .yan{height: 38px;width: 78px; overflow: hidden;}.bottom-input-CAPTCHA .yan img{height: 100%;}} @media (max-width: 767px){.bottom-input-CAPTCHA .yan{height: 42px;width: auto; overflow: hidden;}} .down-name {font-size: 16px;line-height: 24px;padding: 16px;} @media (min-width: 1130px) and (max-width: 1259px){.down-name {font-size: 16px;line-height: 24px;padding: 14px;}} @media (min-width: 992px) and (max-width: 1129px){.down-name {font-size: 16px;line-height: 24px;padding: 10px;}} @media (max-width: 991px){.down-name {font-size: 14px;line-height: 24px;padding: 8px;}.pro-item-name a{line-height:20px;}} .zoomPup, .zoomWindow{display: none!important;} .dropdown li a {overflow: auto;white-space: normal;text-overflow: inherit;} .dropdown li:hover>a{/*background-color: #005C8A;*/border-top: 0;} .swiper-next1, .swiper-prev1 {background: rgba(211, 211, 211, 0.7);color: rgba(15, 128, 184, 1);} .swiper-next1:hover, .swiper-prev1:hover {color: rgba(255, 255, 255, 1); background:rgba(15, 128, 184, 1);} /*@media (max-width: 560px){ @keyframes changeImg {from { left: 100%;}to{left: 0;}}*/ /* @keyframes changeImg2 {from { right: 100%;}to{right: 0;}}*/ /* .swiper-slide-hover{animation:changeImg2 2s linear;right: 0;}*/ /* .sec2-list-img-hover{animation:changeImg 2s linear;left: 0;}}*/ /*.m-kf .kf-wx {*/ /* text-align:center;*/ /* font-size: 14px;*/ /* line-height: 24px;*/ /* background-color: #fff;*/ /*}*/ .h1-text.news-detail-tbody a{ display:inline-block; color: #0F80B8; } .h1-text.pro-jian-text a{ display:inline-block; color: #0F80B8; } .tech-detail-tbody a{display:inline-block;color:#0F80B8; } .app-right-box .h1-text a{display:inline-block;color:#0F80B8; } .h1-text.app-detail-tbody a{display:inline-block;color:#0F80B8; } .h1-text.service-imfo a{display:inline-block;color:#0F80B8; } .select-text a{display:inline-block;color:#0F80B8; }