@charset "utf-8";

@import url("animate.css");
@import url("owl.css");
@import url("linear.css");
@import url("fontawesome.css");
@import url("flaticon.css");
@import url("tm-bs-mp.css");

/*
@import url("css2.css");
@import url("swiper.min.css");
@import url("jquery-ui.css");
@import url("select2.min.css");
@import url("tm-utility-classes.css");
*/

:root {
  --theme-color1: #ff5500;
  --theme-color2: #232331;
  --theme-color3: #0f2c49;
  --theme-color4: #ff5e08;
  --review-color: #ffc737;
  --bg-theme-color1: #ff5500;
  --bg-theme-color2: #232331;
  --bg-theme-color3: #0f2c49;
  --bg-theme-color4: #ff5e08;
  --border-theme-color1: #ff5500;
  --border-theme-color2: #232331;
  --border-theme-color3: #0f2c49;
  --border-theme-color4: #ff5e08;
  --text-color-bg-theme-color1: #fff;
  --text-color-bg-theme-color2: #fff;
  --text-color-bg-theme-color3: #fff;
  --text-color-bg-theme-color4: #fff;
  --theme-color-light: #ffffff;
  --theme-color-dark: #000000;
  --text-color: #767676;
  --headings-color: #0f2c49;
  --link-color: #ff5500;
  --link-hover-color: #ff5500;
  --text-font: "Poppins", sans-serif;
  --title-font: "DM Sans", sans-serif;
  --body-font-size: 16px;
  --body-line-height: 30px;
  --body-font-weight: 400;
  --line-height-heading-h1: 1.2em;
  --line-height-heading: 1.2em;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 90px;
  --h2-font-size: 48px;
  --h3-font-size: 36px;
  --h4-font-size: 24px;
  --h5-font-size: 18px;
  --h6-font-size: 14px;
  --h1-font-weight: 700;
  --h2-font-weight: 700;
  --h3-font-weight: 700;
  --h4-font-weight: 700;
  --h5-font-weight: 700;
  --h6-font-weight: 700;
  --sec-title-subtitle-color: #767676;
  --sec-title-subtitle-font-size: 14px;
  --sec-title-subtitle-font-family: "DM Sans", sans-serif;
  --sec-title-subtitle-font-weight: 500;
  --sec-title-subtitle-line-height: 20px;
  --sec-title-color: #0f2c49;
  --sec-title-font-size: 48px;
  --sec-title-font-family: "DM Sans", sans-serif;
  --sec-title-font-weight: 700;
  --theme-light-background: #f6f6f6;
  --theme-light-background-text-color: #0f2c49;
  --theme-black: #0b0b0b;
  --container-width: 1200px;
  --small-container-width: 1000px;
  --large-container-width: 1550px;
  --container-pt: 120px;
  --container-pb: 120px;
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {background: #ff5500;color: #fff;text-shadow: none;}
::selection {background: #ff5500;color: #fff;text-shadow: none;}
::-moz-selection {background: #ff5500;color: #fff;text-shadow: none;}
::-webkit-selection {background: #ff5500;color: #fff;text-shadow: none;}
:active,
:focus {outline: none !important;}
::-webkit-input-placeholder {color: #7c858c;}
::-moz-input-placeholder {color: #7c858c;}
::-ms-input-placeholder {color: #7c858c;}







/*
 * container.scss
 * -----------------------------------------------
*/


/*=== Default Form ===*/
.form-control,
.input-text {height: calc(2.25rem + 27px);padding: 14px 30px;outline: 0;background-color: #f4f5f8;border: 1px solid #f4f5f8;color: #686a6f;font-size: 0.9rem;width: 100%;}
.form-control::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::-moz-placeholder,
.input-text::-moz-placeholder {color: #686a6f;opacity: 1;}
.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::placeholder,
.input-text::placeholder {color: #686a6f;opacity: 1;}
.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {color: #686a6f;}
.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {color: #686a6f;}
textarea.form-control {height: auto;padding-top: 15px;padding-bottom: 15px;}

/*** 

====================================================================
公共参数
====================================================================

***/
* {margin: 0px;padding: 0px;border: none;outline: none;font-size: 100%;}
.title a {color: inherit;}
.color1 {color: #ff5500;}
.color2 {color: #232331;}
.color3 {color: #0f2c49;}
.page-wrapper {position: relative;margin: 0 auto;width: 100%;min-width: 300px;overflow: hidden;z-index: 99;background-color: #ffffff;}
.auto-container {position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto;width: 100%;}


/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {position: fixed;right: 20px;bottom: 20px;width: 40px;font-size: 16px;line-height: 40px;color: #ffffff;text-align: center;cursor: pointer;background-color: #232331;z-index: 100;display: none;border-radius: 50%;margin: 0 auto;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.scroll-to-top:hover {background: #ff5500;color: #ffffff;}

/*=== List Style One ===*/
.list-style-one {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px 0;}
.list-style-one li {position: relative;padding-right: 23px;margin-right: 23px;padding-left: 25px;font-size: 13px;line-height: 20px;}
.list-style-one li:before {position: absolute;right: -3px;top: 0;content: "/";opacity: 0.5;}
.list-style-one li:last-child {padding-right: 0;margin-right: 0;}
.list-style-one li:last-child::before {display: none;}
.list-style-one li i {position: absolute;left: 0;top: 0;color: #232331;font-size: 13px;line-height: 20px;}
.list-style-one li a {display: inline-block;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-one li a:hover {color: #232331;}

/*=== List Style Two ===*/
.list-style-two {position: relative;}
.list-style-two li {position: relative;font-size: 16px;line-height: 25px;font-weight: 700;color: #0f2c49;padding-left: 25px;margin-bottom: 10px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-two li i {position: absolute;left: 0;color: #ff5500;font-size: 16px;line-height: 25px;}
.list-style-two li a {display: inline-block;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-two li a:hover {color: #ff5500;}
.list-style-two li:hover {padding-left: 30px;}
.list-style-two.style-two li i {color: #0f2c49;}
.list-style-two.two-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.list-style-two.two-column li {width: 50%;padding-right: 20px;}
@media only screen and (max-width: 767px) {
  .list-style-two.two-column li {width: 100%;padding-right: 0;}
}
.bg {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.bg-pattern-1 {background-image: url(../image/pattern-1.png);}
.bg-pattern-2 {background-image: url(../image/pattern-2.png);background-position: top;}
.footer-bg {background-image: url(../image/footer-bg1.png);opacity: 0.1;}

/*======================
    产品详情选项卡
======================*/
.tabs-box {position: relative;}
.tabs-box .tab {display: none;}
.tabs-box .active-tab {display: block;}

*/
/*================================
    Progress Bar
=================================*/
.skills {margin-bottom: 50px;position: relative;}
.skills .skill-item {margin-bottom: 25px;position: relative;}
.skills .skill-item:last-child {margin-bottom: 0px;}
.skills .skill-item .skill-header {margin-bottom: 0px;position: relative;}
.skills .skill-item .skill-header .skill-title {color: #ff5500;font-size: 20px;font-weight: 500;letter-spacing: -0.01em;margin-bottom: 10px;}
.skills .skill-item .skill-bar {border-radius: 10px;height: 14px;position: relative;width: 100%;}
.skills .skill-item .skill-bar .bar-inner {background: #f6f6f6;border-radius: 10px;height: 14px;position: relative;width: 100%;}
.skills .skill-item .skill-bar .bar-inner .bar {background: #232331;border-radius: 10px;height: 14px;left: 0px;position: absolute;top: 0px;-webkit-transition: all 3000ms ease;transition: all 3000ms ease;width: 0px;}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {bottom: 100%;font-size: 16px;font-weight: 500;color: #ff5500;line-height: 25px;margin-bottom: 10px;position: absolute;right: 0;}






/*按钮样式*/

.theme-btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;text-decoration: none;white-space: nowrap;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.theme-btn.small {font-size: 14px;line-height: 20px;padding: 10px 30px;}
.theme-btn .btn-title {position: relative;}
.btn-style {background-color: #ff5500;border-radius: 0px;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);color: #ffffff;font-size: 14px;font-weight: 700;line-height: 30px;overflow: hidden;padding: 1.2rem 3.7rem;position: relative;text-transform: uppercase;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
.btn-style:before {background-color: #0f2c49;content: "";height: 100%;opacity: 0.2;position: absolute;right: -15px;top: 0;width: 35px;z-index: -1;-webkit-transform: skewX(-22deg);transform: skewX(-22deg);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn-style:hover:before {opacity: 1;right: 0;-webkit-transform: skewX(0deg);transform: skewX(0deg);width: 100%;}
.btn-style:hover {color: #ffffff;}


/*Btn Style One*/
.btn-style-one {background-color: #ff5500;border-radius: 0px;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);color: #ffffff;font-size: 14px;font-weight: 700;line-height: 30px;overflow: hidden;padding: 1.2rem 3.7rem;position: relative;text-transform: uppercase;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
.btn-style-one:before {background-color: #0f2c49;content: "";height: 100%;opacity: 0.2;position: absolute;right: -15px;top: 0;width: 35px;z-index: -1;-webkit-transform: skewX(-22deg);transform: skewX(-22deg);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn-style-one:hover:before {opacity: 1;right: 0;-webkit-transform: skewX(0deg);transform: skewX(0deg);width: 100%;}
.btn-style-one:hover {color: #ffffff;}

/*Btn Style two*/
.btn-style-two {background-color: #ffffff;border-radius: 0px;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);color: #000000;font-size: 14px;font-weight: 700;line-height: 30px;overflow: hidden;padding: 1.2rem 3.7rem;position: relative;text-transform: uppercase;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
.btn-style-two:before {background-color: #000000;content: "";height: 100%;opacity: 0.2;position: absolute;right: -15px;top: 0;width: 35px;z-index: -1;-webkit-transform: skewX(-22deg);transform: skewX(-22deg);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn-style-two:hover:before {background-color: #ff5500;opacity: 1;right: 0;-webkit-transform: skewX(0deg);transform: skewX(0deg);width: 100%;}
.btn-style-two:hover {color: #ffffff;}




/*** 

====================================================================
  Anim Icons
====================================================================

***/


.icon-ac {
  background-image: url(../image/ac1.png);background-size: cover;display: block;height: 175px;max-width: 531px;width: 100%;}


.bounce-y {-webkit-animation: bounce-y 10s infinite linear;animation: bounce-y 10s infinite linear;}
.bounce-x {-webkit-animation: bounce-x 10s infinite linear;animation: bounce-x 10s infinite linear;}


@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@-webkit-keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*图片展示效果*/
.overlay-anim {position: relative;}
.overlay-anim:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;opacity: 1;z-index: 9;pointer-events: none;}
.overlay-anim:hover:after {height: 100%;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}

/*** 

====================================================================
  Search Popup
====================================================================

***/
.search-popup {position: fixed;left: 0;top: 0;height: 100vh;width: 100%;z-index: 99;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;overflow: hidden;-webkit-transform: scale(0.95);transform: scale(0.95);}
.search-popup .search-back-drop {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #666666;opacity: 0.95;}
.search-popup .close-search {position: absolute;top: 30px;right: 30px;font-size: 26px;color: #ffffff;z-index: 3;border-radius: 50%;background-color: transparent;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.search-popup .search-inner {position: relative;display: block;top: 40%;height: auto;z-index: 1;width: calc(100% - 60px);max-width: 800px;margin: auto;opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.search-popup .form-group {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {position: relative;display: block;line-height: 20px;font-size: 16px;width: 100%;height: 50px;border: 1px solid #e1e6dc;padding: 15px 20px;color: #707070;background: #ffffff;border-radius: 5px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {border-color: #232331;}
.search-popup .form-group button {position: absolute;right: 5px;top: 5px;height: 40px;width: 40px;display: block;font-size: 14px;color: #fff;line-height: 40px;border-radius: 5px;font-weight: normal;background: #232331;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.search-popup .form-group button:hover {background: #232331;color: #ffffff;}
.search-popup textarea::-webkit-input-placeholder,
.search-popup input::-webkit-input-placeholder {color: inherit;}
.search-popup textarea::-moz-placeholder,
.search-popup input::-moz-placeholder {color: inherit;}
.search-popup textarea:-ms-input-placeholder,
.search-popup input:-ms-input-placeholder {color: inherit;}
.search-popup textarea::-ms-input-placeholder,
.search-popup input::-ms-input-placeholder {color: inherit;}
.search-popup textarea::placeholder,
.search-popup input::placeholder {color: inherit;}

.moblie-search-active .search-popup {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);border-radius: 0%;}
.moblie-search-active .search-popup .search-inner {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 500ms;transition-delay: 500ms;}

/*** 
====================================================================
  Main Header
====================================================================
***/

.main-header {position: relative;width: 100%;z-index: 999;}
.header-top {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 313px;padding-right: 80px;position: relative;}
.header-top .inner-container {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #0f2c49;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 40px;position: relative;width: 100%;}
.header-top .top-left {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-top .top-right {position: relative;}

.header-top .outer-box {min-width: 210px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.main-header .header-lower {position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-header .header-lower .logo-box {position: relative;padding: 24px 0;min-width: 200px;}

.main-header {width: 100%;z-index: 999;}
.main-header .logo {position: relative;display: block;}
.main-header .logo img {height: 30px; width: auto;margin-right: 100px;}
.main-header .main-box {position: relative;left: 0px;top: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-header .main-box .nav-outer {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.main-menu {position: relative;}
.main-menu .navbar-header {display: none;}
.main-menu .navbar-collapse {padding: 0px;}
.main-menu .navigation {position: relative;margin: 0px;}
.main-menu .navigation > li {position: relative;float: left;padding: 25px 0px;margin-right: 55px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li:last-child {margin-right: 0;}
.main-menu .navigation > li:before {position: absolute;left: 50%;bottom: 23px;height: 2px;width: 0%;background-color: #0f2c49;content: "";-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li:hover:before,
.main-menu .navigation > li.current:before {left: 0;width: 100%;}
.main-menu .navigation > li > a {position: relative;display: block;text-align: center;opacity: 1;color: #767676;font-size: 16px;line-height: 30px;font-weight: 500;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > a .icon {position: relative;font-size: 22px;line-height: 24px;margin-left: 10px;}
.main-menu .navigation > li > a:hover {color: #0f2c49;}
.main-menu .navigation > li.current > a {color: #0f2c49;font-weight: 700;}
.main-menu .navigation > li.dropdown > a {padding-right: 14px;margin-right: -14px;}
.main-menu .navigation > li.dropdown > a:after {content: "\f107";position: absolute;right: 0;top: 50%;width: 10px;height: 20px;display: block;line-height: 24px;font-size: 12px;z-index: 5;font-family: "Font Awesome 6 Pro";font-weight: 900;margin-top: -2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.main-menu .navigation > li.dropdown:hover > ul {visibility: visible;opacity: 1;top: 100%;margin-top: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul {background-color: #ffffff;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);display: none;opacity: 0;left: 0px;margin-top: 30px;padding: 10px 0 0;position: absolute;top: 100%;width: 220px;z-index: 100;}
.main-menu .navigation > li > ul.from-right {left: auto;right: 0px;}
.main-menu .navigation > li > ul > li {border-bottom: 1px solid #ebf1f5;position: relative;width: 100%;}
.main-menu .navigation > li > ul > li:last-child {border-bottom: none;}
.main-menu .navigation > li > ul > li > a {position: relative;display: block;padding: 10px 0px;line-height: 29px;font-weight: 400;font-size: 16px;color: #0f2c49;text-align: left;margin: 0 30px;text-transform: capitalize;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul > li > a:hover {color: #ff5500;}
.main-menu .navigation > li > ul > li:hover > a {color: #0f2c49;}
.main-menu .navigation > li > ul > li.dropdown > a:after {content: "\f105";display: block;font-family: "Font Awesome 6 Pro";font-size: 11px;font-weight: 900;line-height: 24px;position: absolute;right: 0;top: 11px;z-index: 5;}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {margin-top: 20px;opacity: 1;top: 0px;visibility: visible;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul > li > ul {background-color: #ffffff;display: none;left: 100%;margin-top: 10px;opacity: 0;padding: 10px 0 0;position: absolute;top: 0px;width: 220px;z-index: 100;-webkit-transform: translateY(-30px);transform: translateY(-30px);-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);}
.main-menu .navigation > li > ul > li > ul > li {border-bottom: 1px solid #ebf1f5;position: relative;width: 100%;}
.main-menu .navigation > li > ul > li > ul > li:last-child {border-bottom: none;}
.main-menu .navigation > li > ul > li > ul > li > a {color: #0f2c49;display: block;font-size: 16px;font-weight: 400;line-height: 24px;margin: 0 30px;padding: 10px 0;position: relative;text-align: left;text-transform: capitalize;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul > li > ul > li > a:hover {color: #ff5500;}
.main-menu .navigation li.dropdown .dropdown-btn {position: absolute;right: 10px;top: 8px;width: 34px;height: 30px;border: 1px solid #ffffff;text-align: center;font-size: 16px;line-height: 26px;color: #ffffff;cursor: pointer;z-index: 5;display: none;}
.main-header .header-lower .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;padding: 10px 0;}
.main-header .header-lower .outer-box .theme-btn {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 30px;padding: 10px 40px;text-transform: capitalize;}
.main-header .header-lower .outer-box .ui-btn-outer {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-right: 30px;padding: 6px 0;padding-right: 30px;}

.main-header .ui-btn {position: relative;display: block;height: 30px;width: 30px;line-height: 30px;text-align: center;background: none;font-size: 26px;color: #0f2c49;margin-left: 26px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-header .ui-btn:hover {color: #ff5500;}

.main-header .info-btn {position: relative;display: block;font-size: 14px;padding: 8px 0;padding-left: 54px;color: #0f2c49;text-align: left;font-weight: 600;line-height: 20px;}
.main-header .info-btn small {font-size: 12px;font-weight: 400;color: #808287;}
.main-header .info-btn i {position: absolute;left: 0;top: 50%;margin-top: -22px;line-height: 44px;height: 44px;width: 44px;text-align: center;border-radius: 50%;color: #fff;background-color: #0f2c49;font-size: 18px;}
.main-header .info-btn:hover {color: #ff5500;}



/*首页喧传广告*/
.slogan{height: auto;background-color: #000010;margin: 2px 0;padding: 10px 0;}
.slogan h2{margin-top: 26px;text-align: center;color: #FFFFFF;font-size: 30px;}

/*** 
====================================================================
  AVRHeader
====================================================================
***/
.avrheader {position: relative;background-color: #fff;z-index: 9;}
.avrheader .header-top {position: relative;margin: 0;padding: 0 80px;background-color: #0f2c49;}
.avrheader .header-top .inner-container {padding: 0;background-color: #0f2c49;}
.avrheader .header-top .list-style-one li {font-size: 13px;color: rgba(255, 255, 255, 0.8);}
.avrheader .header-top .list-style-one li a {color: rgba(255, 255, 255, 0.8);}
.avrheader .header-top .list-style-one li:hover a {color: #fff;}
.avrheader .header-top .list-style-one li i {color: #ff5500;}
.avrheader .social-icon-one li a {color: #ffffff;}
.avrheader .social-icon-one li a:hover {color: #ff5500;}
.avrheader .header-lower {background-color: #DEDEDE; padding: 0 80px;-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);}
@media only screen and (max-width: 1700px){
	.avrheader .info-btn{display: none;}
	.avrheader .header-lower,
	.avrheader .header-top{padding: 0 30px;}
}

@media only screen and (max-width: 1439px){
	.avrheader .header-lower .logo-box{padding: 15px 0;}	
}


@media only screen and (max-width: 1199px){
	.avrheader .header-lower .logo-box{margin-right: 30px;}
}
@media only screen and (max-width: 767px){
	.avrheader .header-lower,
	.avrheader .header-top{padding: 0 20px;}
}
/*** 
====================================================================
  UPS头部样式
====================================================================
***/
.upsheader{position: relative;width: 100%;z-index: 999;}
.header-top {background-color: #1C2534;margin-left: 0;padding: 5px 0;}
.header-Welcom{align-items:center;justify-content:space-between;}
.Welcom-text{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.Welcom-text p{color:#fff;margin:6px 0;}
.header-middle {display:none;margin: 0; padding: 30px 0;background-color: #919191;}
@media (min-width:992px){
    .header-middle{display:block;}
}
.header-middle .header-logo{position: relative;padding: 24px 0;padding: 10px;0;}
.header-middle .header-logo img{position: relative;display: block;height: 50px;width: auto;}
.header-content{justify-content:space-between;}

.header-icon {position: relative;display:flex;align-items:center;justify-content:space-between;}
.header-icon .header-box {padding-left: 75px;position: relative;}
.header-icon .header-box .icon {background-color: #ff5500;border-radius: 50%;color: #ffffff;display: inline-block;font-size: 30px;height: 60px;left: 0;line-height: 60px;position: absolute;text-align: center;width: 60px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.header-icon .header-box:hover .icon {-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);}
.upsheader .header-lower {border-top: 1px solid #eeeeee;}
.header-icon .header-box h6 {color: #232331;font-size: 16px;margin-bottom: 0px;}
.header-icon .header-box p{color: #232331;font-size: 14px;margin-bottom: 0px;}
.header-icon .header-box:after {background-color: #F3F3F3;content: "";height: 50px;position: absolute;right: -30px;top: 0;width: 2px;}
.header-icon .header-box:last-child:after {display: none;}

@media (max-width: 1199.98px) {
  .upsheader .header-lower .outer-box .theme-btn {display: block;}
}
@media (max-width: 1023.98px) {
  .upsheader .header-lower .outer-box .theme-btn {display: none;}
}
/*** 
====================================================================
  手机固定导航
====================================================================
***/
.sticky-header {position: fixed;visibility: hidden;opacity: 0;left: 0px;top: 0px;width: 100%;padding: 0px 0px;z-index: 99999;background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.sticky-header.fixed-header {opacity: 1;z-index: 9999;visibility: visible;}
.sticky-header .logo {padding: 10px 0;}
.sticky-header .logo img {max-height: 40px;}
.sticky-header .nav-outer {background: none;position: relative;}
.sticky-header .inner-container {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
.sticky-header .main-menu .navigation > li {margin: 0;margin-left: 40px;padding: 20px 0;}
.sticky-header .main-menu .navigation > li > a {color: #707070;}
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {color: #0f2c49;}
.sticky-header .main-menu .navigation > li:before {display: none;}
.sticky-header .outer-box,
.sticky-header .navbar-header {display: none;}
.sticky-header .mobile-nav-toggler {color: #ff5500;}
@media only screen and (min-width: 768px) {
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {display: block !important;visibility: hidden;opacity: 0;}
}
/*** 
====================================================================
      Mobile Menu
====================================================================
***/
.mobile-nav-toggler {cursor: pointer;color: #ff5500;display: none;font-size: 24px;line-height: 20px;margin-left: 20px;-webkit-box-ordinal-group: 9;-ms-flex-order: 8;order: 8;position: relative;top: 0px;}
@media only screen and (max-width: 1023px) {
  .mobile-nav-toggler {display: block;}
}
@media (max-width: 320px) {
  .mobile-nav-toggler {margin-left: 0;}
}
.mobile-menu {max-width: 100%;height: 100%;opacity: 0;position: fixed;right: 0;top: 0;visibility: hidden;width: 100%;z-index: 999999;}
.mobile-menu .menu-backdrop {background: rgba(0, 0, 0, 0.7);height: 100%;opacity: 0;position: fixed;right: 0;top: 0;visibility: hidden;width: 100%;z-index: 1;}
.mobile-menu .upper-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 20px 20px;position: relative;width: 100%;}
.mobile-menu .close-btn {color: #ff5500;cursor: pointer;font-size: 18px;position: relative;top: -10px;text-align: center;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transform: translateY(-50px);transform: translateY(-50px);z-index: 10;}
.mobile-menu .close-btn:hover {opacity: 0.5;}
.mobile-menu .nav-logo {position: relative;text-align: left;width: 100%;}
.mobile-menu .nav-logo img {max-height: 40px;}
.mobile-menu .menu-box {background: #0f2c49;border-radius: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;left: 0px;max-height: 100%;opacity: 0;overflow-y: auto;padding: 0px 0px;position: relative;top: 0px;-webkit-transform: translateX(101%);transform: translateX(101%);visibility: hidden;width: 100%;z-index: 5;}
.mobile-menu-visible {overflow: hidden;}
.mobile-menu-visible .mobile-menu {opacity: 1;visibility: visible;}
.mobile-menu-visible .mobile-menu .menu-backdrop {opacity: 1;visibility: visible;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mobile-menu-visible .mobile-menu .menu-box {opacity: 1;visibility: visible;-webkit-transition: all 0.4s ease 200ms;transition: all 0.4s ease 200ms;-webkit-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu-visible .mobile-menu .close-btn {-webkit-transform: translateY(0px);transform: translateY(0px);}
.mobile-menu-visible .scroll-to-top {opacity: 0;visibility: hidden;}
.mobile-menu .navigation {border-top: 1px solid rgba(255, 255, 255, 0.1);display: block;position: relative;width: 100%;}
.mobile-menu .navigation li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);display: block;position: relative;}
.mobile-menu .navigation li > ul > li:last-child {border-bottom: none;}
.mobile-menu .navigation li > ul > li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li > a {color: #ffffff;display: block;font-size: 16px;font-weight: 400;line-height: 24px;padding: 10px 20px;position: relative;text-transform: capitalize;}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {color: #ffffff;}
.mobile-menu .navigation li.dropdown .dropdown-btn {position: absolute;right: 0px;top: 0px;width: 44px;height: 44px;text-align: center;font-size: 16px;line-height: 44px;color: #ffffff;cursor: pointer;z-index: 5;}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {content: "";position: absolute;left: 0px;top: 10px;width: 1px;height: 24px;border-left: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {content: "\f106";}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {display: none;}
.mobile-menu .navigation li > ul > li {padding-left: 20px;}

.contact-list-one {padding: 30px 20px 20px;position: relative;}
.contact-list-one li {margin-bottom: 20px;position: relative;}
.contact-list-one li:last-child {margin-right: 0;}
.contact-list-one li .contact-info-box {color: #ffffff;font-size: 14px;line-height: 24px;padding-left: 54px;position: relative;}
.contact-list-one li .contact-info-box a {color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-list-one li .contact-info-box .icon {color: #ff5500;font-size: 34px;left: 0;position: absolute;top: 0;line-height: 50px;}
.contact-list-one li .contact-info-box .title {color: #b2c1c0;display: block;font-size: 12px;font-weight: 400;text-transform: uppercase;}

/*** 

====================================================================
字体
====================================================================

***/
.sec-title {margin-bottom: 50px;position: relative;}
.sec-title .sub-title {display: inline-block;color: #ff5500;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;position: relative;text-transform: uppercase;}
.sec-title .sub-title:before {background: #ff5500;content: "";height: 2px;left: 100%;margin-left: 10px;margin-top: -1px;position: absolute;top: 50%;width: 35px;}
.sec-title h1 {position: relative;font-size: 60px;line-height: 1em;color: #0f2c49;font-weight: 700;}
.sec-title h2 {position: relative;font-size: 48px;color: #0f2c49;font-weight: 700;margin-bottom: 0;padding-bottom: 12px;}
@media only screen and (max-width: 1023px) {
  .sec-title h2 {font-size: 38px;line-height: 1.2em;}
}
@media only screen and (max-width: 599px) {
  .sec-title h2 {font-size: 34px;line-height: 1.2em;}
  .sec-title h2 br {display: none;}
}
.sec-title h3 {font-size: 40px;}
.sec-title .text {font-size: 16px;font-weight: 500;margin-top: 20px;}
@media only screen and (max-width: 1199px) {
  .sec-title .text {margin-top: 15px;}
}
.sec-title.light h3,
.sec-title.light h2,
.sec-title.light .text,
.sec-title.light h1 {color: #fff;}
.sec-title.light .sub-title {color: #e6f3ff;}

.sec-title.text-center h2:before {left: 50%;margin-left: -30px;}



/*** 
====================================================================
  Banner Section
====================================================================
***/
/* Animate 1 */
.owl-carousel .animate-7,
.owl-carousel .animate-6,
.owl-carousel .animate-5,
.owl-carousel .animate-4,
.owl-carousel .animate-3,
.owl-carousel .animate-2,
.owl-carousel .animate-1 {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.owl-carousel .animate-x {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.owl-carousel .active .animate-7,
.owl-carousel .active .animate-6,
.owl-carousel .active .animate-5,
.owl-carousel .active .animate-4,
.owl-carousel .active .animate-3,
.owl-carousel .active .animate-2,
.owl-carousel .active .animate-1 {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.owl-carousel .active .animate-2 {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.owl-carousel .active .animate-3 {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
.owl-carousel .active .animate-4 {-webkit-transition-delay: 900ms;transition-delay: 900ms;}
.owl-carousel .active .animate-5 {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
.owl-carousel .active .animate-6 {-webkit-transition-delay: 1500ms;transition-delay: 1500ms;}
.owl-carousel .active .animate-7 {-webkit-transition-delay: 1800ms;transition-delay: 1800ms;}
.owl-carousel.nav_none .owl-nav{display: none;}
.owl-carousel.owl-theme.nav_none .owl-nav {display: none;}
.owl-carousel.owl-theme.nav_none .dots-nav {display: none;}
/*** 
====================================================================
  Banner Section Two
====================================================================
***/
.banner-section-one {height: 980px;padding: 180px 0 0;position: relative;}
@media (max-width: 991.98px) {
  .banner-section-one {height: auto;padding: 150px 0 0;}
}
@media (max-width: 991.98px) {
  .banner-section-one {padding: 150px 0 250px;}
}
.banner-section-one:before {background-color: rgba(11, 59, 94, 0.85);bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;z-index: 1;}
.banner-section-one .floating-object {z-index: 1;}
.banner-section-one .floating-object .image-1 {left: 30px;position: absolute;top: 30px;width: 120px;z-index: 1;}
.banner-section-one .floating-object .image-2 {bottom: 250px;position: absolute;right: 30px;top: auto;width: 120px;z-index: 1;}
.banner-section-one .floating-object .image-3 {bottom: 0;height: 100%;left: 10%;position: absolute;top: 0;z-index: 1;}
.banner-section-one .floating-object .image-4 {bottom: 0;height: 100%;left: 20%;position: absolute;top: 0;width: 35%;z-index: 1;}
.banner-section-one .bottom-shape {background-image: url(../image/bottom-shape.png);background-repeat: no-repeat;background-position: center;background-size: cover;bottom: 0;height: 172px;left: 0;position: absolute;width: 100%;z-index: 1;}
.banner-section-one .content-box {position: relative;z-index: 3;}
.banner-section-one .content-box .title-box {margin-bottom: 0;padding: 50px 45px 40px 0;position: relative;}
@media (max-width: 767.98px) {
  .banner-section-one .content-box .title-box {padding-right: 0;}
}
.banner-section-one .content-box .sub-title {border-left: 4px solid #ff5e08;color: #ffffff;display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.2em;margin-bottom: 0;padding-left: 30px;text-transform: uppercase;}
.banner-section-one .content-box .title {border-left: 4px solid #ff5e08;color: #ffffff;font-size: 72px;font-weight: 700;line-height: 90px;margin-bottom: 0px;padding-left: 30px;position: relative;}
@media (max-width: 991.98px) {
  .banner-section-one .content-box .title {font-size: 60px;line-height: 1.2em;}
}
@media (max-width: 767.98px) {
  .banner-section-one .content-box .title {font-size: 40px;line-height: 1.2em;}
}
.banner-section-one .image-box {bottom: 35px;left: 50%;margin-left: 0;margin-right: -505px;position: absolute;}
@media (max-width: 1199.98px) {
  .banner-section-one .image-box {display: none;}
}
.banner-section-one .image-box .image {margin-bottom: 0;}
.banner-section-one .image-box .image img {height: 100%;}
.banner-section-one .home-ac-icon {height: 175px;max-width: 531px;position: relative;width: 100%;z-index: 1;}
@media (max-width: 991.98px) {
  .banner-section-one .home-ac-icon {display: none;}
}

/***
====================================================================
  banner section two
====================================================================
***/

.Rbanners {position: relative;height: 100vh;}

.slick-prev,
.slick-next {border: 2px solid #808287;border-radius: 50%;height: 60px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;width: 60px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.slick-prev:hover,
.slick-next:hover {border-color: #ffffff;color: #ff5500;}
.slick-prev:before,
.slick-next:before {font-weight: 900;}
.slick-next{right: 80px}
.slick-prev {left: 80px;}
.slick-next:before {content: "\2192";}
.slick-prev:before {content: "\2190";}
@media (max-width: 1440px) {
    .slick-next{right: 50px;}
    .slick-prev {left: 50px;}
}
@media (max-width: 991.98px) {
    .slick-next{right: 15px;}
    .slick-prev {left: 15px;}
}

.slide-content {position: relative;height: 100%;}
.slide-content > img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.slide-box {left: 0;position: absolute;top: 50%;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 0;}
@media (max-width: 1199.98px) {
  .slide-box {top: 50%;}
}
.slider-title {margin-top: 7px;max-width: 770px;margin: 0 auto;text-align: center;}
@media (max-width: 991.98px) {
  .slider-title {max-width: 575px;}
}
@media (max-width: 575.98px) {
  .slider-title {max-width: 318px;}
}
.slider-title span {position: relative;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #ff5500;display: inline-block;margin-bottom: 19px;padding: 12px 34px 12px;background-color: rgba(255, 255, 255, 0.9);}
@media (max-width: 767.98px) {
  .slider-title span {font-size: 18px;}
}
.slider-title h1 {font-size: 84px;position: relative;color: #ffffff;font-weight: 700;line-height: 84px;margin-bottom: 47px;}
@media (max-width: 1399.98px) {
  .slider-title h1 {font-size: 58px;line-height: 70px;}
}
@media (max-width: 767.98px) {
  .slider-title h1 {font-size: 40px;line-height: 50px;}
}
.slider-title h1 span {color: #ff5500;}
.slide-btn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

@media (max-width: 575.98px) {
  .slide-btn {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
.slide-themebtn {background-color: #ff5500;border-radius: 30px;font-size: 14px;font-weight: 700;color: #ffffff;text-transform: capitalize;display: inline-block;padding: 0 39px;height: 50px;line-height: 50px;margin-right: 50px;}
@media (max-width: 575.98px) {
  .slide-themebtn {font-size: 16px;margin-bottom: 40px;margin-right: 0;}
}
.slide-themebtn:hover {color: #ff5500;background-color: #FFFFFF;border: 1px solid #000000;}
.slide-btn .inner-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.slide-btn .inner-box .title {margin-bottom: 0;color: #ffffff;font-size: 14px;font-weight: 800;text-transform: uppercase;font-family: "Poppins", sans-serif;margin-left: 31px;}
.slide-content:before {background-color: rgba(11, 59, 94, 0.85);bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;z-index: 0;}

.banner-slider,
.banner-slider .slick-track,
.banner-slider .slick-list {height: 100%;}

@media only screen and (max-width: 480px) {
  .slick-prev {display: none !important;}
  .slick-next {display: none !important;}
  .slider-title h1 {font-size: 34px;line-height: 40px;}
}



/*** 
====================================================================
  UPS产品类别
====================================================================
***/
.Product-Category {margin: 2px;}
.Product-block{background-color: #ff5500;padding: 60px;position: relative;align-items:center}
.Product-block:hover .icon {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.Product-blockbg {background-color: #232331;}
@media (min-width:992px){
    .Product-block{display:flex;}
}
.Product-block span{flex-shrink:0;margin-bottom: 20px;}
.Category-text{flex-grow:1;margin-left: 30px;}
.Category-text h4{color: #ffffff;font-size: 24px;margin-bottom:5px;}
.Category-text p{color: #FFFFFF;margin-bottom:0;}
.Product-block .icon {background-color: #ffffff;color: #232331;display: inline-block;font-family: flaticon;font-size: 48px;height: 90px;line-height: 90px;text-align: center;width: 90px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}





/*** 
====================================================================
	无触点介绍
====================================================================
***/
.cont-section {padding: 120px 0 20px;position: relative;}
.cont-container{position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto;width: 100%;}
.cont-section .cont-image {padding: 20px; margin-bottom: 50px;position: relative;}
.cont-section .cont-image .inner-column {position: relative;}

.cont-section .cont-image .image-1 {margin-right: 30px;position: relative;z-index: 1;}
.cont-section .cont-image .image-1 .animated-circle {background-color: transparent;border: 50px solid #ff5500;border-radius: 50%;height: 380px;left: -30%;position: absolute;top: 20%;width: 380px;z-index: -1;}
@media (max-width: 575.98px) {
  .cont-section .cont-image .image-1 .animated-circle {display: none;}
}
.cont-section .cont-image .image-1:before {background-color: #ff5500;bottom: 0;content: "";position: absolute;right: -50px;top: 0;width: 15px;}
@media (max-width: 575.98px) {
  .cont-section .cont-image .image-1:before {display: none;}
}
.cont-section .cont-image .image-2 {border-color: #ffffff;border-left-style: solid;border-top-style: solid;border-width: 15px 0 0 15px;bottom: -16px;position: absolute;right: -20px;max-width: 330px;z-index: 1;}
@media (max-width: 575.98px) {
  .cont-section .cont-image .image-2 {border-left-style: none;border-right: 15px solid #ffffff;left: 0;max-width: 230px;right: auto;}
}
.cont-section .cont-content {padding: 2%; margin-bottom: 50px;position: relative;z-index: 1;}
@media only screen and (max-width: 1199px) {
  .cont-section .cont-content {margin-bottom: 30px;}
}
@media only screen and (max-width: 1023px) {
  .cont-section .cont-content {margin-bottom: 20px;}
}
.cont-column {position: relative;}
.cont-title {margin-bottom: 25px;margin-bottom: 50px;position: relative;}
.cont-title h2{font-size: 40px;}
.cont-sub-title {display: inline-block;color: #ff5500;font-size: 20px;font-weight: 700;padding: 10px 0;}
.cont-text{font-size: 16px;font-weight: 500;margin-top: 20px;}
.cont-section .cont-content .text-block p {font-size: 14px;font-weight: 500;color: #6d8181;}
.cont-section .cont-content .text-block a {font-size: 20px;font-weight: 700;color: #0f2c49;}
.cont-section .cont-content .text-block .inner {padding-top: 5px;margin-bottom: 30px;}
.cont-section .cont-content .text-block .icon {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #F3F3F9;border-radius: 50%;color: #ff5500;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 25px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 60px;height: 60px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.cont-section .cont-content .text-block:hover .icon {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

/* avr更多 */
.cont-more{margin-top: 40px;text-align: right;margin-right: 12%;}
.cont-block {position: relative;margin: 40px 0;}


.cont-block .icon {color: #ff494a;font-size: 50px;line-height: 1em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.cont-block:hover .icon {color: #ff5500;-webkit-transform: rotateY(-190deg);transform: rotateY(-190deg);}
.cont-block .title {margin-bottom: 0;position: relative;margin-left: 20px;}

.cont-inner {position: relative;display:flex;align-items:center;}
.cont-inner .title {font-size: 20px;}

/*** 
====================================================================
  联络我们提供服务
====================================================================
***/
.consulting {position: relative;z-index: 3;top: -80px;}
.consulting-internal{align-items:center}
.avrconsulting-outer{background-color: #ff5500;margin-bottom: -100px;padding: 60px 80px;align-items:center}
.upsconsulting-outer{background-color: #0E0D16;margin-bottom: -100px;padding: 60px 80px;border-radius: 5px;align-items:center}

@media only screen and (max-width: 1199px) {
  .avrconsulting-outer,
    .upsconsulting-outer{padding: 45px 40px;}
}
.consulting .upsconsulting-title .title {font-size: 31px;line-height: 40px;}
.consulting-text {position: relative;text-align:center;margin-bottom: 30px;}
.consulting-tel {position: relative;}
.consulting-tel p{color: #E6E6E6;margin: 0;}
.consulting-tel h3{color: #ffffff;font-size: 31px;margin: 0;}
.consulting-tel h4{color: #0f2c49;font-size: 31px;margin: 0;}
@media (min-width:992px){
    .consulting-text{text-align:left;}
    .consulting-tel{text-align:right;}
}
.upsconsulting {position: relative;z-index: 3;margin-top: -110px;}
.consulting-title {position: relative; display: flex;align-items: center;}
.consulting-title h3 {font-size: 31px;line-height: 40px;color: #FFFFFF;}
.consulting-title h4 {font-size: 31px;line-height: 40px;color: #FFFFFF;}
.consulting-title span{color:#ff5500;}
.consulting-button{display: flex;align-items: center;}
.consulting-call{text-align:center;}
.consulting-call .icon {background-color: #ffffff;border-radius: 50%;color: #ff5500;display: inline-block;font-size: 48px;height: 90px;line-height: 90px;position: relative;text-align: center;width: 90px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.consulting-call .icon:hover {background-color: #0f2c49;color: #ffffff;}
.consulting-call .icon:before {background-color: rgba(243, 243, 243, 0.1019607843);content: "";height: 2px;left: -90px;position: absolute;width: 75px;top: 45px;}
.consulting-call .icon:after {background-color: rgba(243, 243, 243, 0.1019607843);content: "";height: 2px;position: absolute;  right: -90px;width: 75px;top: 45px;}
/*** 
====================================================================
  CNKHZ千赫兹品牌展示
====================================================================
***/

.KHZ-promotion {position: relative;padding: 20px 0 60px 0;background-color: #EEEEEE;}
.KHZ-promotion .title {position: relative;color: #ff5500;font-size: 100px;font-weight: 800;letter-spacing: 20px;margin-bottom: 60px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;background-image: url(../image/bg-text.jpg);background-size: contain;text-align: center;margin: 20px 0;}
@media (max-width: 991.98px) {
  .KHZ-promotion .title {font-size: 80px;}
}
@media (max-width: 767.98px) {
  .KHZ-promotion .title {font-size: 60px;}
}
@media (max-width: 575.98px) {
  .KHZ-promotion .title {font-size: 50px;margin-bottom: 50px;}
}

.KHZ-promotion .text-column {margin-bottom: 30px;}
.about-section-two .text-column .inner-column {display: flex;justify-content: center;align-items: center;}
.about-section-two .text-column .inner-column img{max-width: 100%;height: auto;}

.KHZ-promotion .sec-title-column {display: flex;justify-content: center;align-items: center;}
.KHZ-promotion .sec-title-column h2 {padding: 10px; font-size: 46px;text-align: center;}
.KHZ-promotion .sec-title-column p {font-size: 20px;text-align: right;}
.technology-break{display:none}
@media (min-width:1200px){
    .technology-break{display:block!important}}



/* 高频UPS优势*/

.HF-technology {position: relative;margin-bottom: 10px;}
@media only screen and (max-width: 1023px) {
  .HF-technology {margin-bottom: 20px;}
}
.technology-inner {position: relative;display:flex;align-items:center;}
.technology-inner h5 {font-size: 20px;line-height: 28px;margin-left: 12px;margin-bottom: 10px;}
.HF-technology .icon {color: #ff494a;font-size: 50px;line-height: 1em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.HF-technology:hover .icon {color: #ff5500;-webkit-transform: rotateY(-190deg);transform: rotateY(-190deg);}
.HF-button{margin-top: 40px;text-align: right;margin-right: 12%;}
.HFbut-block:hover .icon {color: #ff5500;-webkit-transform: rotateY(-190deg);transform: rotateY(-190deg);}
.HFbut-title {margin-bottom: 0;position: relative;margin-left: 20px;}


/*** 
====================================================================
  公共按钮
====================================================================
***/
.Public-but{margin-top: 40px;text-align: right;margin-right: 12%;}
.Pbut-block:hover .icon {color: #ff5500;-webkit-transform: rotateY(-190deg);transform: rotateY(-190deg);}
.Pbut-title {margin-bottom: 0;position: relative;margin-left: 20px;}


/*** 
====================================================================
  高频UPS
====================================================================
***/
.HF-UPS {margin: 6px 0;padding: 10px 0; position: relative;;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../image/pattern-2.png);background-position: top;}


.HF-image {margin-bottom: 50px;position: relative;}
.HF-inner {position: relative;}
@media (max-width: 1199.98px) {
  .HF-inner {max-width: 60%;}
}
@media (max-width: 767.98px) {
  .HF-inner {max-width: 80%;}
}
@media (max-width: 575.98px) {
  .HF-inner {max-width: 100%;}
}


.HF-image1 {position: relative;z-index: 1;}
.HF-image1 .background-layer {background-color: #ff5500;height: 500px;left: -20px;position: absolute;top: 20px;-webkit-transform: rotate(-7deg);transform: rotate(-7deg);width: 100px;z-index: -1;}
@media (max-width: 575.98px) {
  .HF-image1 .background-layer {display: none;}
}
.HF-inner-box {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;left: 30px;max-width: 275px;padding: 25px;position: absolute;top: 30px;width: 100%;}
.HF-inner-box:before {border:#000000 1px solid;border-width: 28px 42px 0 0;bottom: -28px;height: 0;left: 0;content: "";position: absolute;width: 0;}
.HF-box-icon {float: left;margin-right: 20px;position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 0;}
.HF-box-icon i {background: #ff5500;color: #fff;padding: 8px 15px;}
.HF-inner-number {line-height: 1.3;overflow: hidden;}
.HF-inner-number p{margin: 2px 6px;font-size: 16px;color: #616161;font-weight: bold;}
.HF-inner-number h5{margin: 2px 6px;font-size: 18px;color: #FF5500;font-weight: bold;}

.HF-image2 {border-color: #ffffff;border-left-style: solid;border-top-style: solid;border-width: 15px 0 0 15px;bottom: -16px;max-width: 230px;position: absolute;right: 0;z-index: 1;}
@media (max-width: 575.98px) {
  .HF-image2 {border-left-style: none;border-right: 15px solid #ffffff;left: 0;max-width: 230px;right: auto;}
}

.HF-content {display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 1;}
@media only screen and (max-width: 1199px) {
  .HF-content {margin-bottom: 30px;}
}
@media only screen and (max-width: 1023px) {
  .HF-content {margin-bottom: 20px;}
}

.HF-content .HF-column {position: relative;}entry-meta
.HF-content .sec-title {margin-bottom: 25px;}
.HF-feature{color: #767676;font-size: 16px;font-weight: 400;line-height: 30px;margin: 10px 6px;}
.HF-content .text-block p {color: #6d8181;font-size: 14px;font-weight: 500;}
.HF-content .text-block a {color: #0f2c49;font-size: 20px;font-weight: 700;}
.HF-content .text-block .inner {margin-bottom: 30px;padding-top: 5px;}
.HF-content .text-block .icon {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #F3F3F9;border-radius: 50%;color: #ff5500;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 25px;height: 60px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;outline: 2px solid #ff5500;outline-offset: 4px;width: 60px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.HF-content .text-block:hover .icon {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

/*--------------------------------------------------------------
# 产品列表
--------------------------------------------------------------*/
.Product-List {position: relative;margin: 8px 0;padding: 10px 0;}

.PList-name {margin: 20px 0; padding: 10px;border: 1px solid rgba(0,0,0,0.5);box-shadow: 10px 10px 5px rgba(145,145,145,1.00);}
.PList-name:hover{border: 1px solid #ff5500;box-shadow: 10px 10px 5px rgba(191,191,191,1.00);}
.pList-image {position: relative;display: flex;margin: 20px;}
.pList-image img {width: 100%;height: auto;border-radius: 30px;display: flex;justify-content: center;align-items: center;border: 1px #EEEEEE solid;}
.pList-Shadow {color: #000000;font-size: 40px;font-weight: 400;height: 80px;position: absolute;top: 100px;left: -5%;text-transform: uppercase;letter-spacing: 0.35em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0.2}

.pList-npi {padding: 10px;width: 100%;height: auto;margin: 10px; background-color: #F1F1F1;display: flex;}
.npi-content {position: relative;display:block;}
.npi-content h3{font-size: 40px;font-weight: 700;line-height: 50px;margin: 8px 0;color: #FF5500;}
.npi-content span{font-size: 16px;font-weight: 700;line-height: 28px;color: #0f2c49;margin:6px; white-space: pre-line;/*识别换行*/}

/*** 
====================================================================
  新闻列表
====================================================================
***/
.newslist-content{margin: 6px 0;background-color: #F3F3F3;padding: 10px 0;}
.newslist-boxe{border: 1px solid #000000;box-shadow: 10px 10px 5px rgba(145,145,145,1.00);padding: 10px;margin: 20px 0;}
.newslist-boxe:hover{border: 1px solid #ff5500;box-shadow: 10px 10px 5px rgba(191,191,191,1.00);}
.newslist-head span{font-size: 18px;color: #4A4A4A;text-align: left;}
.newslist-head h3{font-size: 24px;color:#0f2c49;margin: 8px 0; }
.newslist-Intro{font-size: 20px;color: #2F2F2F;}
.newslist-btn{text-align: right;}


/*** 
====================================================================
  新闻详情
====================================================================
***/

.news-content{margin: 10px 0;background-color: #F3F3F3;padding: 10px 0;}
.news-body{padding: 10px;border: 1px solid #f8f8f8;background-color: #F0F0F0;}


/*** 
====================================================================
  About Section
====================================================================
***/
/*
.about-section-four {
  padding: 120px 0 70px;
  position: relative;
}
.about-section-four .content-column {
  margin-bottom: 50px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .about-section-four .content-column {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .about-section-four .content-column {
    margin-bottom: 20px;
  }
}
.about-section-four .content-column .inner-column {
  position: relative;
}
.about-section-four .content-column .sec-title {
  margin-bottom: 25px;
}
.about-section-four .content-column .text-block p {
  font-size: 14px;
  font-weight: 500;
  color: #6d8181;
}
.about-section-four .content-column .text-block a {
  font-size: 20px;
  font-weight: 700;
  color: #0f2c49;
}
.about-section-four .content-column .text-block .inner {
  padding-top: 5px;
  margin-bottom: 30px;
}
.about-section-four .content-column .text-block .icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F3F9;
  border-radius: 50%;
  color: #ff5500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-four .content-column .text-block:hover .icon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.about-section-four .content-column .list-style-two li {
  font-weight: 500;
}
.about-section-four .image-column {
  margin-bottom: 50px;
  position: relative;
}
.about-section-four .image-column .inner-column {
  position: relative;
}
@media (max-width: 1199.98px) {
  .about-section-four .image-column .inner-column {
    max-width: 60%;
  }
}
@media (max-width: 767.98px) {
  .about-section-four .image-column .inner-column {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  .about-section-four .image-column .inner-column {
    max-width: 100%;
  }
}
.about-section-four .image-column .inner-column .video-box {
  background-color: #0f2c49;
  color: #ffffff;
  height: 100px;
  left: 0;
  line-height: 100px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.about-section-four .image-column .inner-column .video-box .icon {
  color: #ffffff;
  font-size: 24px;
}
.about-section-four .image-column .inner-column .video-box:hover {
  background-color: #ff5500;
  color: #ffffff;
}
.about-section-four .image-column .image-1 {
  margin-right: 30px;
  position: relative;
  z-index: 1;
}
.about-section-four .image-column .image-1 .animated-circle {
  background-color: transparent;
  border: 50px solid #ff5500;
  border-radius: 50%;
  height: 380px;
  left: -30%;
  position: absolute;
  top: 20%;
  width: 380px;
  z-index: -1;
}
@media (max-width: 575.98px) {
  .about-section-four .image-column .image-1 .animated-circle {
    display: none;
  }

}
.about-section-four .image-column .image-2 {
  border: 10px solid #ffffff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  max-width: 300px;
  position: absolute;
  right: -60px;
  top: 100px;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .about-section-four .image-column .image-2 {
    border-left-style: none;
    border-right: 15px solid #ffffff;
    left: 0;
    max-width: 230px;
    right: auto;
  }
}
*/
/* About Block */
/*
.about-block-four {
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .about-block-four {
    margin-bottom: 20px;
  }
}
.about-block-four .inner {
  position: relative;
}
.about-block-four .inner .title {
  font-size: 20px;
}
.about-block-four .icon {
  color: #ff494a;
  font-size: 50px;
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-block-four:hover .icon {
  color: #ff5500;
  -webkit-transform: rotateY(-190deg);
          transform: rotateY(-190deg);
}
.about-block-four .title {
  margin-bottom: 0;
  position: relative;
}
.about-block-four .graph-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 41px -7px rgba(71, 71, 71, 0.22);
          box-shadow: 0px 0px 41px -7px rgba(71, 71, 71, 0.22);
  padding: 50px 40px;
  text-align: center;
}
.about-block-four .list-style-two li {
  font-size: 16px;
  font-weight: 400;
}
*/

/*** 
====================================================================
  About Section Five
====================================================================
***/
/*
.about-section-five {
  padding: 120px 0 70px;
  position: relative;
}
.about-section-five .content-column {
  margin-bottom: 50px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .about-section-five .content-column {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .about-section-five .content-column {
    margin-bottom: 20px;
  }
}
.about-section-five .content-column .inner-column {
  position: relative;
}
.about-section-five .content-column .sec-title {
  margin-bottom: 25px;
}
.about-section-five .content-column .text-block p {
  font-size: 14px;
  font-weight: 500;
  color: #6d8181;
}
.about-section-five .content-column .text-block a {
  font-size: 20px;
  font-weight: 700;
  color: #0f2c49;
}
.about-section-five .content-column .text-block .inner {
  padding-top: 5px;
  margin-bottom: 30px;
}
.about-section-five .content-column .text-block .icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F3F9;
  border-radius: 50%;
  color: #ff5500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-five .content-column .text-block:hover .icon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.about-section-five .content-column .list-style-two li {
  font-weight: 500;
}
.about-section-five .image-column {
  margin-bottom: 50px;
  position: relative;
}
.about-section-five .image-column .inner-column {
  position: relative;
}
@media (max-width: 1199.98px) {
  .about-section-five .image-column .inner-column {
    max-width: 60%;
  }
}
@media (max-width: 767.98px) {
  .about-section-five .image-column .inner-column {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  .about-section-five .image-column .inner-column {
    max-width: 100%;
  }
}
.about-section-five .image-column .inner-column .video-box {
  background-color: #0f2c49;
  color: #ffffff;
  height: 100px;
  left: 0;
  line-height: 100px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.about-section-five .image-column .inner-column .video-box .icon {
  color: #ffffff;
  font-size: 24px;
}
.about-section-five .image-column .inner-column .video-box:hover {
  background-color: #ff5500;
  color: #ffffff;
}
.about-section-five .image-column .image-1 {
  margin-right: 30px;
  position: relative;
  z-index: 1;
}
.about-section-five .image-column .image-1 .animated-circle {
  background-color: transparent;
  border: 50px solid #ff5500;
  border-radius: 50%;
  height: 380px;
  left: -30%;
  position: absolute;
  top: 20%;
  width: 380px;
  z-index: -1;
}
@media (max-width: 575.98px) {
  .about-section-five .image-column .image-1 .animated-circle {
    display: none;
  }
}
.about-section-five .image-column .image-2 {
  border: 10px solid #ffffff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  max-width: 300px;
  position: absolute;
  right: -60px;
  top: 100px;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .about-section-five .image-column .image-2 {
    border-left-style: none;
    border-right: 15px solid #ffffff;
    left: 0;
    max-width: 230px;
    right: auto;
  }
}
.about-section-five .image-column .feature-box {
  background-color: #ff5500;
  left: -60px;
  max-width: 260px;
  padding: 60px 40px 30px;
  position: absolute;
  text-align: center;
  top: 60px;
  z-index: 1;
}
.about-section-five .image-column .feature-box .icon {
  color: #ffffff;
  font-size: 65px;
}
.about-section-five .image-column .feature-box .title {
  font-size: 48px;
}
.about-section-five .image-column .feature-box .title,
.about-section-five .image-column .feature-box .text {
  color: #ffffff;
  margin-bottom: 0;
}
*/

/* About Block */
/*
.about-block-five {
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .about-block-five {
    margin-bottom: 20px;
  }
}
.about-block-five .inner {
  position: relative;
}
.about-block-five .inner .title {
  font-size: 20px;
}
.about-block-five .icon {
  color: #ff494a;
  font-size: 50px;
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-block-five:hover .icon {
  color: #ff5500;
  -webkit-transform: rotateY(-190deg);
          transform: rotateY(-190deg);
}
.about-block-five .title {
  margin-bottom: 0;
  position: relative;
}
.about-block-five .graph-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 41px -7px rgba(71, 71, 71, 0.22);
          box-shadow: 0px 0px 41px -7px rgba(71, 71, 71, 0.22);
  padding: 50px 40px;
  text-align: center;
}
.about-block-five .list-style-two li {
  font-size: 16px;
  font-weight: 400;
}
*/

/*** 
====================================================================
  千赫兹UPS优势
====================================================================
***/
.ups-advantage {padding: 120px 0 70px;position: relative;}
.advantage-image {margin-bottom: 50px;position: relative;}
.adimage-inner {position: relative;}
@media (max-width: 1199.98px) {
  .adimage-inner {max-width: 60%;}
}
@media (max-width: 767.98px) {
  .adimage-inner {max-width: 80%;}
}
@media (max-width: 575.98px) {
  .adimage-inner {max-width: 100%;}
}

.ups-advantage .advertisement {margin-bottom: 50px;position: relative;z-index: 1;}
@media only screen and (max-width: 1199px) {
  .ups-advantage .advertisement {margin-bottom: 30px;}
}
@media only screen and (max-width: 1023px) {
  .ups-advantage .advertisement {margin-bottom: 20px;}
}
.advertisement .ment-column {position: relative;}
.advertisement .ment-title {margin-bottom: 25px;}
.advertisement .ment-title h2{color: #0f2c49;font-size: 40px;font-weight: bold;margin-left: 20px;}
.advertisement .ment-title span{color: #FF5000;margin: 0 20px;font-size: 50px;font-weight: bold;}
.advertisement .ment-title cnkhz{color: #6d8181;margin-left: 10px;margin-left: 60%;}
.advertisement .skills .skill-item .skill-bar {height: 8px;}
.advertisement .skills .skill-item .skill-bar .bar {background-color: #ff5500;border-radius: 0;height: 8px;}
.advertisement .skills .skill-item .bar-inner {background-color: #232331;border-radius: 0;height: 8px;}
.advertisement .skills .skill-item .skill-percentage {color: #767676;}
.advertisement .skills .skill-item .skill-title {color: #000000;font-size: 20px;font-weight: 700;letter-spacing: -0.64px;}
.in-call{display: block;align-items:center;margin: 20px;}
@media (min-width:576px){
.in-call{display:flex;}
}
.call-block{display: flex;}
.call-block .icon {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #0f2c49;border-radius: 50%;color: #ff5500;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 26px;height: 75px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 75px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.call-block:hover .icon {background-color: #ff5500;color: #ffffff;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.call-me{margin-left: 40px;}
.call-me p {color: #FF5500;font-size: 20px;font-weight: bold;}
.call-me a {color: #0f2c49;font-size: 24px;font-weight: 700;}


/*
.advertisement .text-block p {color: #6d8181;font-size: 14px;font-weight: 500;}
.advertisement .text-block a {color: #0f2c49;font-size: 24px;font-weight: 700;}
.advertisement .text-block .inner {margin-bottom: 30px;padding-top: 5px;}
.advertisement .text-block .icon {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #f3f3f3;border-radius: 50%;color: #ff5500;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 26px;height: 75px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 75px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.advertisement .text-block:hover .icon {background-color: #ff5500;color: #ffffff;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
*/



/*** 
====================================================================
UPS应用
====================================================================

***/
.UPS-application {position: relative;background-color: #616161;padding: 90px 0;}
.App-En {margin-bottom: 50px;position: relative;}
.App-En h2{color: #FF5500;font-weight: bold;font-size: 22px;}
.App-En span{font-size: 28px;color: #FFFFFF;}
.Application {position: relative;}
.Appl-inner{margin-bottom: 30px;position: relative;}
.Appl-inner:hover .Appl-image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.Appl-inner:hover .Appl-image:after {-webkit-transform: translate3d(0px, 0, 0px);transform: translate3d(0px, 0, 0px);}
.Appl-image {border-radius: 10px;display: block;overflow: hidden;position: relative;z-index: 1;}
.Appl-image:before {background: rgb(22, 36, 61);background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, rgba(22, 36, 61, 0.9164040616)), color-stop(58%, rgba(22, 36, 61, 0.0368522409)));background: linear-gradient(0deg, rgba(22, 36, 61, 0.9164040616) 14%, rgba(22, 36, 61, 0.0368522409) 58%);bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;z-index: 1;}
.Appl-image:after {bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;background-color: rgba(22, 36, 61, 0.3);-webkit-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translate3d(0px, -100%, 0px);transform: translate3d(0px, -100%, 0px);}
.Appl-image img {-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.App-content {bottom: 25px;left: 30px;position: absolute;z-index: 2;}
.App-content h4 {margin-bottom: 0;color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ups-plan{margin-bottom: 30px;position: relative;border-radius: 10px;padding: 40px 50px 50px 50px;background-color: #FFFFFF;}
.ups-plan .inner-box {margin-bottom: 0;}
.plan-content {bottom: 0;left: 0;position: relative;}
.plan-content p {margin-bottom: 10px;}
.plan-content h4 {margin-bottom: 30px;line-height: 33px;color: #000000;}
/*** 
====================================================================
  Services Section Three
====================================================================

***/
.service-section {position: relative;padding: 120px 0 90px;}
.service-section .sec-title {margin-bottom: 30px;}
.service-section .bg-pattern-1 {z-index: 0;}
.service-section .bg-image {background-color: #EBF1F5;height: 500px;z-index: -1;}

/*** 
====================================================================
	Call To Action
====================================================================
***/
.Major {background-color: #19232B;padding: 100px 0;position: relative;}
.Major-object1 {background-size: 180px;height: 220px;left: 0;margin: 0 auto;opacity: 0.14;right: 0;top: 30%;width: 213px;position: absolute;-webkit-animation: bounce-y 10s infinite linear;animation: bounce-y 10s infinite linear;}
.Major-object2 {left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;top: 15%;-webkit-animation: bounce-y 10s infinite linear;animation: bounce-y 10s infinite linear;}
.Major-column {border: 2px solid rgba(255, 255, 255, 0.1);padding: 40px 0;position: relative;}
.Major-title{text-align:center;}

.Major-name {margin-bottom: 15px;}
.Major-name h2 {font-size: 60px;line-height: 79px;color: #FFFFFF;}
@media (max-width: 767.98px) {
  .Major-name h2 {font-size: 50px;line-height: 68px;}
}
@media (max-width: 399.98px) {.Major-name h2 {font-size: 40px;line-height: 50px;}
}

/***

====================================================================
    UPS步骤
====================================================================

***/
.UPS-step {background-color: #F2F3F5;padding: 80px 0;position: relative;}
@media (max-width: 1199.98px) {
  .UPS-step {padding: 120px 0 280px;}
}
@media (max-width: 991.98px) {
  .UPS-step {padding: 120px 0 90px;}
}
.UPS-step:before {background-image: url(../image/bg-shape5.png);background-repeat: no-repeat;bottom: 0;content: "";height: 100%;left: 65%;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;}
.step-title{margin-bottom: 50px;position: relative;text-align: center;}
.step-title span {display: inline-block;color: #ff5500;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;position: relative;text-transform: uppercase;}
.step-title span:before {background: #ff5500;content: "";height: 2px;left: 100%;margin-left: 10px;margin-top: -1px;position: absolute;top: 50%;width: 35px;}


.UPS-step .Step-outer {position: relative;}

.Step-block {position: relative;z-index: 0;}
.Step-block .inner-box {margin-bottom: 50px;padding: 0 15px;text-align: center;}
@media (max-width: 1199.98px) {
  .Step-block .inner-box {margin-bottom: 30px;margin-right: 0px;}
}
.Step-block .inner-box img {border-radius: 50%;width: 90%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.Step-block .inner-box:hover .icon-box::before {width: 190px;height: 190px;}
.Step-block .inner-box:hover .icon-box img {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.Step-block .inner-box:hover .icon-box span {background-color: #ffffff;color: #ff5500;}
.Step-block .inner-box .icon-box {background-color: #ffffff;border-radius: 50%;height: 190px;line-height: 190px;margin: 0 auto 20px;position: relative;text-align: center;width: 190px;}
.Step-block .inner-box .icon-box:before {background-color: #ff5500;border-radius: 50%;bottom: 0;content: "";height: 0px;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;width: 0px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.Step-block .inner-box .icon-box span {background-color: #ff5500;border-radius: 50%;-webkit-box-shadow: 0px 4px 40px 10px rgba(35, 35, 49, 0.06);box-shadow: 0px 4px 40px 10px rgba(35, 35, 49, 0.06);color: #ffffff;display: inline-block;font-size: 20px;font-weight: 700;height: 60px;left: 0px;line-height: 60px;position: absolute;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 60px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.Step-block:nth-child(2) .inner-box,
.Step-block:nth-child(4) .inner-box {margin: 35px auto 30px;}
.Step-block:nth-child(2) .inner-box span,
.Step-block:nth-child(4) .inner-box span {left: -20px;top: 25%;}
.Step-block:nth-child(1) .inner-box span,
.Step-block:nth-child(3) .inner-box span {top: 80%;}
.Step-block:nth-child(2) .arrow-img {right: -70px;top: 70px;}
.Step-block .arrow-img {position: absolute;right: -60px;top: 40px;z-index: -1;}
@media (max-width: 991.98px) {
  .Step-block .arrow-img {display: none;}
}

/*** 
====================================================================
	机架式UPS 
====================================================================
***/
.Rack {margin: 10px 0;padding: 50px 0; position: relative;}
@media only screen and (max-width: 767px) {
  .Rack {padding: 120px 0;}
}
.Rack:before {background-color: #F2F3F5;bottom: 0;content: "";left: 0;position: absolute;top: 0;width: 30%;z-index: -1;}
@media only screen and (max-width: 1023px) {
  .Rack:before {display: none;}
}
.Rack-BG {background-position: center top;background-repeat: no-repeat;content: "";height: 100%;left: 45%;position: absolute;text-align: center;top: 100px;-webkit-animation: bounce-y 10s infinite linear;animation: bounce-y 10s infinite linear;}
.Rack .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.Rack .bg-image:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #ff5500;opacity: 0.9;content: "";}
.Rack-product {position: relative;display: flex;align-items: center;}
.Rack-images1 {position: relative;}
.Rack-images1:before {background-color: #ff5500;bottom: 20px;content: "";left: -20px;position: absolute;right: 20px;top: -20px;z-index: -1;}
.Rack-images2 {border: 10px solid #ffffff;bottom: 0;left: -100px;position: absolute;}
@media only screen and (max-width: 1199px) {
  .Rack-images2 {left: 0;}
}
.Rack-Feature{padding: 10px 6px;}
.Rack-title{margin-top: 20px;padding: 10px 0;}
.Rack-title h2{font-size: 18px;color: #ff5500;}
.Rack-title p{color: #0f2c49;font-size: 28px;font-weight: bold;}
.Rack-title span{display:flex;color: #FF5500;margin: 10px 0;}
.Rack .owl-dots {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;left: auto;margin-top: 20%; position: absolute;right: 0;-webkit-transform: translateY(-70px) translateX(-10%);transform: translateY(-70px) translateX(-10%);}
@media (max-width: 374.98px) {
  .Rack .owl-dots {-webkit-transform: translateY(-60px) translateX(-10%);transform: translateY(-60px) translateX(-10%);}
}
.Rack .owl-dots .owl-dot {background-color: #D6D6D6;border-radius: 3px;height: 10px;margin: 5px 8px; position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;width: 10px;}
@media only screen and (max-width: 767px) {
  .Rack .owl-dots .owl-dot {height: 15px;width: 15px;}
}
.Rack .owl-dots .owl-dot.active {background-color: #ff5500;}

.Rack-content {padding: 35px 2px; position: relative;height: auto;}
.Rack-inner {position: relative;}
.Rack-text {margin-bottom: 50px;padding: 0;position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.Rack-text p {color: #0f2c49;font-size: 22px;position: relative;}
.Rack-text p:before {color: #0071bf;content: "CNKHZ";font-size: 50px;line-height: 60px;position: absolute;right: 2%;bottom: 2%;opacity:0.3; -webkit-text-fill-color: transparent;-webkit-text-stroke-width: 4px;/*-webkit-text-stroke-color: #0071bf;*/z-index: -1;}
.Rack-text span{display: flex;margin: 6px 0;}

/*** 

====================================================================
    Video Section
====================================================================

***/
.Home-message {background-color: #161520;padding: 90px 0;position: relative;}
@media (max-width: 991.98px) {
  .Home-message {padding: 60px 0;}
}
.Home-message:before {
  background-image: url(../image/pattern-3.png);bottom: 0;content: "";position: absolute;left: 0;right: 0;top: 0;}
.Homecont-me{display:flex;align-items: center;}

.Homes-contact{padding: 10px 0;}
.Homes-contact span{color: #FFFFFF;font-size: 20px;display: block;}
.Homes-contact h2{color: #FFFFFF;font-size: 38px;margin: 20px 0;}
.Homes-contact p{font-size: 18px;}
.working-time {margin-top: 50px;}
.working-time p {color: #ffffff;margin-bottom: 10px;font-size: 20px;}
.working-time h4 {color: #ff5500;font-size: 28px;}

/*** 
====================================================================
  稳压器为什么选择我们
====================================================================
***/

.Choose-KHZ-AVR {background-color: #232331;padding: 220px 0 70px;position: relative;z-index: 1;}
@media (max-width: 991.98px) {
  .Choose-KHZ-AVR {padding: 200px 0 120px;}
}
.Choose-KHZ-AVR:before {background-color: #232331;background-image: url(../image/circles1.png);background-position: center left;background-repeat: no-repeat;bottom: 0;content: "";left: 0;position: absolute;top: 0;width: 100%;}
.Choos-AVRBg-image {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;right: 0;position: absolute;top: 0;width: 50%;}
@media (max-width: 991.98px) {
  .Choos-AVRBg-image {display: none;}
}
.Choose-KHZ-content {position: relative;}
.Choose-KHZ-content .sec-title {margin-bottom: 40px;}
.Choose-KHZ-content .sec-title .sub-title {color: #9898a0;}
.Choose-KHZ-content .sec-title .text {color: #9898a0;font-size: 18px;line-height: 34px;}
.Choose-KHZ-content .inner-column {padding-right: 70px;}
.Hig-hlight{display:none;display:block;}
.Choose-KHZ-AVR .bg-shape {position: absolute;top: 0;left: 0;height: 100%;width: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.Choose-KHZ-AVR .bg-shape .shape {position: absolute;left: 0;right: 0px;height: 100%;background-repeat: no-repeat;background-position: center right;background-size: cover;margin-right: -275px;}
.Choose-KHZ-AVR .float-image {position: absolute;left: -360px;bottom: -40px;z-index: 9;}
.Choose-KHZ-AVR .image-column {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
@media (max-width: 1199.98px) {
  .Choose-KHZ-AVR .image-column {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
@media (max-width: 991.98px) {
  .Choose-KHZ-AVR .image-column {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
}
.Choose-KHZ-AVR .image-column .image-box.hide-desktop {display: none;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.Choose-KHZ-AVR .image-column .image-box.hide-desktop img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;}
.why-choose-us {
  background-color: #232331;padding: 220px 0 70px;position: relative;z-index: 1;}
@media (max-width: 991.98px) {
  .why-choose-us {padding: 200px 0 120px;}
}
.why-choose-us:before {background-color: #232331;background-image: url(../image/circles1.png);background-position: center left;background-repeat: no-repeat;bottom: 0;content: "";left: 0;position: absolute;top: 0;width: 100%;}
.why-choose-us .bg-image {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;right: 0;position: absolute;top: 0;width: 50%;}
@media (max-width: 991.98px) {
  .why-choose-us .bg-image {display: none;}
}
.why-choose-us .bg-shape {position: absolute;top: 0;left: 0;height: 100%;width: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.why-choose-us .bg-shape .shape {position: absolute;left: 0;right: 0px;height: 100%;background-repeat: no-repeat;background-position: center right;background-size: cover;margin-right: -275px;}
.why-choose-us .float-image {position: absolute;left: -360px;bottom: -40px;z-index: 9;}
.why-choose-us .content-column {position: relative;}
.why-choose-us .content-column .sec-title {margin-bottom: 40px;}
.why-choose-us .content-column .sec-title .sub-title {color: #9898a0;}
.why-choose-us .content-column .sec-title .text {color: #9898a0;font-size: 18px;line-height: 34px;}
.why-choose-us .content-column .inner-column {padding-right: 70px;}

.why-choose-us .image-column {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
@media (max-width: 1199.98px) {
  .why-choose-us .image-column {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
@media (max-width: 991.98px) {
  .why-choose-us .image-column {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
}
.why-choose-us .image-column .image-box.hide-desktop {display: none;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.why-choose-us .image-column .image-box.hide-desktop img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;}

/*** 
  特征共用参数
====================================================================
***/
.feature-block {position: relative;margin-bottom: 30px;}
.feature-block .inner-box {position: relative;}
.feature-block .inner-box:hover .icon {background-color: #0f2c49;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.feature-block .icon {background-color: #ff5500;border-radius: 50%;color: #ffffff;display: block;font-size: 48px;height: 90px;margin-bottom: 15px;left: 0;line-height: 90px;position: absolute;text-align: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;width: 90px;}
.feature-block .Feature-AVR{margin-left: 20px;padding-top: 10px;}
.feature-block .Feature-UPS{margin-left: 20px;padding-top: 10px;}
@media (max-width: 767.98px) {
  .feature-block .icon {position: relative;}
}
@media (min-width: 767.98px) {
    .feature-block .Feature-AVR{margin-left: 110px;padding: 0;}
    .feature-block .Feature-UPS{margin-left: 110px;padding: 0;}
}
.feature-block .title {color: #ffffff;font-size: 20px;margin-bottom: 10px;position: relative;}
.feature-block .text {font-size: 16px;line-height: 30px;color: #9898a0;}

/*** 
====================================================================
  KHZAVR产品类别
====================================================================

***/

.service-section {padding: 90px 0;background-color: #EBF1F5}
.service-section .category-title {margin-bottom: 60px;text-align: center;}
.service-section .category-title h2{font-size: 60px;font-weight:bolder;}
.service-section .category-title span{display: inline-block;color: #ff5500;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;text-transform: uppercase;}
.service-block {position: relative;}
.service-block .inner-box {background-color: #ffffff;-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);margin-right: 50px;position: relative;}
.service-block .inner-box:hover .image img {-webkit-transform: scale(1.1) rotate(-1deg);transform: scale(1.1) rotate(-1deg);}
.categoryr-content {position: relative;padding: 55px 25px 30px;}
.categoryr-content span {margin-top: 10px; font-size: 20px;font-weight:bold; text-align: left;padding:20px 10px 20px 20px;}
.categoryr-content a:hover {color: #ff5500;}
.categoryr-content p{font-size: 16px;text-align: left;padding-left: 20px;min-height: 100px; display: flex;align-items: center;}
.service-block .image-box {margin-right: -50px;overflow: hidden;position: relative;}
.service-block .image-box .image {overflow: hidden;margin-bottom: 20px;margin-left: 20px;position: relative;}
.service-block .image-box .image img {-webkit-transition: all 300ms ease;transition: all 300ms ease;}
@media only screen and (max-width: 1023px) {
  .service-block {margin-bottom: 80px;}
}
.service-block:last-child {margin-bottom: 30px;}
.service-section .bg-pattern-1 {z-index: 0;}


/*** 
====================================================================
  工频UPS
====================================================================
***/
.PF-UPS{background-color: #232331;padding: 0;position: relative;z-index: 1;}
.PF-UPS:before {background-color: #232331;background-image: url(../image/circles1.png);background-position: center center;background-repeat: no-repeat;bottom: 0;content: "";left: 0;position: absolute;top: 0;width: 100%;}
.PF-bg {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;left: 0;position: absolute;top: 0;width: 50%;}
@media (max-width: 991.98px) {
  .PF-bg {display: none;}
}
.PF-content {position: relative;}
.PF-inner {padding: 30px 20px;}
.PF-content .sec-title {margin-bottom: 40px;}
.PF-content .sec-title .sub-title {color: #9898a0;}
.PF-content .sec-title .text {color: #9898a0;font-size: 18px;line-height: 34px;}

.PF-UPS .image-column {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
@media (max-width: 1199.98px) {
  .PF-UPS .image-column {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
@media (max-width: 991.98px) {
  .PF-UPS .image-column {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
}
.PF-UPS .image-column .image-box.hide-desktop {display: none;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.PF-UPS .image-column .image-box.hide-desktop img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;}
.PF-UPS .image-column .video-box {position: relative;}

/***
====================================================================
  首页产品
====================================================================
***/

.indexproduct{background-color: #D0D0D0;padding: 60px 0;}
.indexproduct_head h2{text-align: center;font-size: 38px;color: #0F2C49;font-weight: bold;}
/*.indexproduct_head span{display: block;height: 3px;background: url(../images/h2_line.jpg) center center no-repeat;}
.indexproduct_head p{text-align: center;font-size: 18px;color: #555;margin-top:8px;}*/
.indexproduct_list{padding-bottom: 20px;}
.indexproduct_model{clear: both; padding-top: 25px;text-align: center;}
.indexproduct_model a{color: #0F2C49;font-size: 18px;}
.indexproduct_model a:hover{color: #FF5500;}


/***
====================================================================
  应用环境
====================================================================
***/

.Our-clients{background-color: #ffffff;background-image: url(../image/map.png);background-size: cover;background-position: center bottom;padding: 40px 0;}
.clients-title {margin: 50px 0; position: relative;}
.clients-title span{font-size: 18px;color: #FF5000;}
.clients-title h2{font-size: 48px;color: #0f2c49;}
.clients-title .color{color: #FF5000;font-size: 60px;font-weight: bold;}
.clients-title p{font-size: 20px;}
.clients-block {position: relative;padding: 0 35px;margin: 50px 0;}
.clients-box {position: relative;padding: 15px 20px;}
.clients-box:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;top: 0;width: 100%;height: 0;opacity: 1;pointer-events: none;}
.clients-box:hover:after {height: 100%;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.clients-box:hover .social-links {left: -20px;opacity: 1;visibility: visible;}
.clients-box:hover .clients-image .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.clients-box:hover .clients-image:before {border: 2px solid #232331;}
.clients-image {position: relative;}
.clients-image:before {position: absolute;top: -20px;bottom: -20px;left: -30px;right: 100px;border: 2px solid #efeae4;border-radius: 10px;content: "";-webkit-transform: skew(17deg);transform: skew(17deg);-webkit-transform-origin: left top;transform-origin: left top;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.clients-image .image {position: relative;overflow: hidden;border-radius: 10px;margin-bottom: 0;}
.clients-image .image img {width: 100%;-webkit-transition: all 400ms ease;transition: all 400ms ease;border-radius: 10px;}
.clients-info {position: relative;padding: 25px 0px 10px;}
.clients-info .designation {font-size: 14px;line-height: 30px;color: #767676;font-weight: 500;text-transform: uppercase;letter-spacing: 0.1em;}
.clients-info .name {display: block;margin: 0;}
.clients-info .name a {color: #000000;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.clients-info .name a:hover {color: #ff5500;}
.clients-block .social-links {position: absolute;left: 0px;bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;z-index: 3;opacity: 0;visibility: hidden;-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.clients-block .social-links a {position: relative;height: 40px;background-color: #ff5500;width: 40px;display: block;font-size: 14px;line-height: 40px;text-align: center;color: #ffffff;margin-top: 10px;border-radius: 5px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.clients-block .social-links a:hover {background-color: #232331;color: #ffffff;}


/**/
@media (max-width: 991.98px) {
    .home1-team-slider{margin:10px 0;}
}
.home1-team-slider .owl-nav{-webkit-box-align: center;-ms-flex-align: center;align-items: center;bottom: 26%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;left: -51%;max-width: 115px;opacity: 1;position: absolute;right: 0;text-align: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
@media (max-width: 991.98px) {
  .home1-team-slider .owl-nav{top: 0;}
}
@media only screen and (max-width: 1023px) {
  .home1-team-slider .owl-nav{position: relative;-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.home1-team-slider .owl-nav .owl-prev,
.home1-team-slider .owl-nav .owl-next{border: 2px solid rgba(34, 36, 41, 0.5);border-radius: 50%;font-size: 20px;height: 50px;line-height: 50px;width: 50px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.home1-team-slider .owl-nav .owl-prev:hover,
.home1-team-slider .owl-nav .owl-next:hover{background-color: #ffffff;border-color: #222429;color: #222429;}

/***
====================================================================
  千赫兹稳压器留言
====================================================================
***/
.contact-KHZAVR {position: relative;padding: 20px 0;}
@media only screen and (max-width: 1199px) {
  .contact-KHZAVR {padding-bottom: 0;}
}
.contact-KHZAVR:before {background-color: #ff5500;bottom: 0;content: "";left: 0;position: absolute;top: 0;width: 70px;}
@media (max-width: 1280px) {
  .contact-KHZAVR:before {display: none;}
}
.contact-KHZAVR:after {background-image: url(../image/bg-shape3.png);background-repeat: no-repeat;background-size: contain;bottom: 0;content: "";left: 75px;position: absolute;top: 0;width: 100%;z-index: -1;}
.contact-KHZAVR .contact-bgimg {background-image: url(../image/bg4.jpg);height: 615px;width: 850px;left: auto;position: absolute;right: 0;top: 0;}
@media (max-width: 1500px) {
  .contact-KHZAVR .contact-bgimg {width: 43%;}
}
@media (max-width: 991.98px) {
  .contact-KHZAVR .contact-bgimg {display: none;}
}
.contact-outer {width: 100%;position: relative;margin-right:auto;}
@media only screen and (max-width: 1199px) {
    .contact-outer {margin-top: 0;}
}

.content-column {position: relative;}
.content-feature {background-color: #ff5500;border-style: solid;border-width: 20px 20px 0px 0px;border-color: #ffffff;bottom: 2px;left: 0px;padding: 60px 50px 45px 50px;position: absolute;width: 260px;}
@media (max-width: 1199.98px) {
    .content-feature {bottom: 0;left: 70px;}
}
@media (max-width: 991.98px) {
    .content-feature {left: 0;margin-bottom: 100px;position: relative;width: 100%;}
}
.content-feature .icon {color: #ffffff;font-size: 72px;margin-bottom: 20px;}
.content-feature .title {color: #ffffff;font-size: 20px;line-height: 28px;margin-top: 15px;margin-bottom: 0;}


/*留言表单*/

.contact-form {position: relative;}
@media only screen and (max-width: 767px) {
  .contact-form {padding: 30px 30px;}
}
.contact-title {margin-bottom: 50px;position: relative;margin-bottom: 16px}
.contact-title span {display: inline-block;color: #ff5500;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;position: relative;text-transform: uppercase;}
.contact-title span:before {background: #ff5500;content: "";height: 2px;left: 100%;margin-left: 10px;margin-top: -1px;position: absolute;top: 50%;width: 35px;}
.contact-title h2 {position: relative;font-size: 48px;color: #0f2c49;font-weight: 700;margin-bottom: 0;padding-bottom: 12px;}
@media only screen and (max-width: 1023px) {
  .contact-title h2 {font-size: 38px;line-height: 1.2em;}
}
@media only screen and (max-width: 599px) {
  .contact-title h2 {font-size: 34px;line-height: 1.2em;}
}
/*留言提交*/
.contact-form .form-group {position: relative;margin-bottom: 20px;}
.contact-form .form-group:last-child {margin-bottom: 0;}

.contact-form .form-group label {color: #ffffff;display: block;font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: 1px;margin-bottom: 10px;}
.contact-form .form-group label.error {color: #ff0000;display: block;font-size: 12px;font-weight: 500;line-height: 24px;margin-bottom: 0;text-transform: capitalize;}
.contact-form .form-group .select2-container--default .select2-selection--single,
.contact-form .form-group input:not([type=submit]),
.contact-form .form-group textarea,
.contact-form .form-group select {background-color: #F3F3F3;border: 1px solid #E5E4E4;border-radius: 0px;color: #6a6f78;display: block;font-size: 13px;font-weight: 500;height: 58px;line-height: 30px;margin-bottom: 0;padding: 10px 30px;position: relative;width: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-form .form-group ::-webkit-input-placeholder {color: #6a6f78;}
.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {border-color: #0f2c49;}
.contact-form .form-group textarea {height: 120px;resize: none;}
@media only screen and (max-width: 767px) {
  .contact-form .form-group input[type=submit],
  .contact-form .form-group button {width: 100%;}
}
/*UPS留言提交*/

.upshome-form {position: relative;z-index: 0;}
.upshome-form .form-control {background-color: #0A090F;border: 1px solid rgba(241, 238, 246, 0.05);}
.upshome-form .form-control::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.upshome-form .form-control::-moz-placeholder {color: rgba(255, 255, 255, 0.5);}
.upshome-form .form-control:-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.upshome-form .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.upshome-form .form-control::placeholder {color: rgba(255, 255, 255, 0.5);}

/*留言模块*/
.guestbook{margin: 10px;text-align: left;}
.guesform{margin: 8px 0;display: flex;}
.guestname{margin: 6px 10px;font-size: 24px;}

/***
==================================================================
  服务和支持
==================================================================
***/
.ups-support {overflow: hidden;position: relative;}
.ups-support:before {background-color: #ff5500;bottom: 0;content: "";left: 0;position: absolute;top: 140px;width: 100%;}
.ups-support:after {background-image: url(../image/bg-shape4.png);background-repeat: no-repeat;background-size: contain;content: "";height: 560px;left: 0;opacity: 0.25;position: absolute;top: 175px;width: 421px;}

.support-content {position: relative;}
.support-column {display: flex;flex-direction: column;justify-content: center;padding: 260px 0 75px;position: relative;}

.support-title{margin-bottom: 20px;}
.support-title h2 {color: #ffffff;font-size: 18px;}
.support-title h2:before {background-color: #ffffff;}
.support-title span{color: #FFFFFF;font-size: 28px;font-weight: bold;letter-spacing: 4px;}
.support-box {margin-bottom: 45px;min-height: 64px;padding-left: 80px;position: relative;}
.support-box span {position: absolute;left: 0;top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: #232331;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 700;height: 64px;line-height: 1em;width: 64px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.support-box:hover span {background-color: #fff;color: #ff5500;-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);}
.support-box h3 {color: #ffffff;font-size: 16px;font-weight: 400;line-height: 30px;margin-bottom: 0;max-width: 400px;}

.support-image {position: relative;z-index: 1;}
.support-image .support-inner {padding-left: 20px;position: relative;}
.support-image .support-imgbox {margin-right: -375px;position: relative;}
.support-image .support-imgbox .image {margin-bottom: 0;position: relative;width: 100%;}
.support-image .support-imgbox .image:before {border-right: 50px solid transparent;border-bottom: 50px solid #ff5500;bottom: 0;content: "";left: 0;position: absolute;}
.support-image .support-imgbox .image img {width: 100%;min-height: 610px;-o-object-fit: cover;object-fit: cover;}

/***
====================================================================
  产品详情介绍
====================================================================
***/

.product-details{padding: 20px 0;background-color: #EAEAEA;}
.slider-content{margin: 10px 0;}
.product-image {display: block;position: relative;padding-bottom: 20px;}
.product-image img {width: 100%;height: auto;border: 1px solid #e1e1e1;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);justify-content: center;}
.thumb-box{display: flex;justify-content: center;}
.thumb-box li {display: flex;/*display: inline-block;*/text-align: center; height: 100px;width: auto; position: relative;}
.thumb-box img{height: 80px;width: auto;margin: 10px;border: 1px solid #e1e1e1;}
.thumb-box li:last-child {margin: 0px;}
.thumb-box li a {display: inline-block;position: relative;}
.thumb-box li a:before {content: "";width: 100%;height: auto;}
.thumb-box li a.active:before {opacity: 1;;}
.Product-Parameters{margin: 20px 0;padding: 20px;}
.Product-name{color:#1e2434;font-size: 28px;font-weight: bold; }
.Product-Model{position: relative;margin: 6px; white-space: pre-line;/*识别换行*/}
.Product-Introduction{margin-top: 10px; padding: 40px 20;margin-bottom: 50px;}
.product-discription {display: block;position: relative;}
.product-discription .product-tabbtn {display: block;margin: 60px 30px;position: relative;width: 100%;text-align: left;}
.product-discription .product-tabbtn:before {background-color: #e1e8e4;content: "";height: 1px;left: 0px;position: absolute;top: 28px;width: 100%;}
.product-discription .product-tabbtn .tab-btns li {background-color: #1e2434;border: 1px solid #1e2434;color: #FFFFFF;display: inline-block;font-size: 14px;margin: 0px 8px;padding: 14px 30px;position: relative;text-align: center;text-transform: uppercase;-webkit-transition: all 500ms ease;transition: all 500ms ease;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.product-discription .product-tabbtn .tab-btns li.active-btn {background-color: #ff5500;color: #fff;}

.product-discription .Details-Content{margin:10px 0;padding:  40px 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.product-discription .Details-Content .text p:last-child {margin-bottom: 0px;}
.product-discription .comment-box {background-color: #fff;-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);display: block;padding: 51px 60px 60px 60px;position: relative;}
@media (max-width: 414px) {
  .product-discription .comment-box {padding: 40px 30px;}
}
.product-discription .comment-box h3 {display: block;font-size: 24px;line-height: 34px;font-weight: 600;text-transform: uppercase;margin-bottom: 23px;}
.product-discription .comment-box .form-group {margin-bottom: 15px;position: relative;}
.product-discription .comment-box .form-group label {color: #707582;display: block;font-size: 18px;line-height: 28px;margin-bottom: 8px;position: relative;}
.product-discription .comment-box .column:last-child .form-group {margin-bottom: 0px;}
.product-discription .comment-box .review-box {display: block;margin-top: 8px;position: relative;}
.product-discription .comment-box .review-box p {float: left;margin-right: 10px;position: relative;}
.product-discription .comment-box .review-box .rating {float: left;position: relative;}
.product-discription .comment-box .review-box .rating li {color: #fdc009;display: inline-block;font-size: 14px;line-height: 28px;float: left;margin-right: 4px;position: relative;}
.product-discription .comment-box .review-box .rating li:last-child {margin: 0px !important;}
.product-discription .comment-box .custom-controls-stacked {float: left;position: relative;}



.related-product h3 {
  margin-bottom: 30px;
}


/*===详情页banner===*/
.Details-banner {position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 133px 0;min-height: 300px;}
@media only screen and (max-width: 768px) {
  .Details-banner {padding: 110px 0 110px;}
}
.Details-banner:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #131313;opacity: 0.6;content: "";}

.banner-name h1 {color: #ffffff;font-size: 64px;margin-bottom: 17px;}
.banner-position{background-color:#0f2c49; margin: 0;padding: 10px;height: auto;width: 100%;}
.banner-position span {color: #ffffff;font-size: 16px;margin-left: 40px;position: relative;}

.background-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
}

/***

====================================================================
       联系我们页
====================================================================

***/
.Contact-Page{background-color: #EFEFEF;margin: 10px 0;padding: 50px 0;}

.ContUS-title{margin-bottom: 50px;position: relative;}
.ContUS-title span{display: inline-block;color: #ff5500;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;position: relative;text-transform: uppercase;}
.ContUS-title h2{position: relative;font-size: 48px;color: #0f2c49;font-weight: 700;margin-bottom: 0;padding-bottom: 12px;}
.ContUS-title p{font-size: 16px;font-weight: 500;margin-top: 20px;}

.contact-info {position: relative;display: block;margin-top: 41px;}
.contact-info li {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-info li .icon {height: 80px;width: 80px;background-color: #ff5500;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: all 500ms ease;transition: all 500ms ease;border-radius: 50%;}
.contact-info li .icon span {color: #fff;font-size: 25px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact-info li:hover .icon {background-color: #232331;}
.contact-info li:hover .icon span {color: #fff;}

.contact-info li .text h6{margin-bottom: 5px;margin-top: 0;}


.contact-info li .text {margin-left: 30px;}
.contact-info li .text p {font-size: 14px;line-height: 24px;}
.contact-info li .text a,
.contact-info li .text p {font-size: 18px;color: #000000;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact-info li + li {margin-top: 30px;}
.contact-info li:hover .text a,
.contact-info li:hover .text p{color: #FF5500;}

/*留言*/




/***

==================================================================
    页尾公共参数
==================================================================

***/


/*留言*/
.ContUS-form {position: relative;z-index: 0;}
.ContUS-form .form-control {background-color: #666666; border: 1px solid rgba(255,85, 0, 0.1);}
.ContUS-form input,.ContUS-form textarea{color: #000000;}
.ContUS-form .form-control::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.ContUS-form .form-control::-moz-placeholder {color: rgba(255, 255, 255, 0.5);}
.ContUS-form .form-control:-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.ContUS-form .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.ContUS-form .form-control::placeholder {color: rgba(255, 255, 255, 0.5);}
.messge_bott{display: block;}
.messge_bott img{margin-bottom: 2px;height: 50px;}
.messge_bott button{height: 50px;padding: 0 10px;}


@media (max-width: 767.98px) {
.messge_bott{display: block;}
}
/*留言验证码*/
.captcha{display: flex;margin: 10px 0;}
.captcha img{height: 50px;width: auto;box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);}
.captcha .cove-control{height: 50px;width: 120px;text-align: left;margin: 0 10px;box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);}
/*留言提交*/
.submit{display: flex;margin: 20px 0;}
.submit-btn {margin-right: 10px; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;text-decoration: none;white-space: nowrap;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.submit-btn span {position: relative;}

/*分页按钮*/
/*落地页上一个 下一个*/
.topbtm_content{margin: 10px 0;padding: 20px 10px;background-color: #EEEEEE; border-bottom: 1px solid #c9c9c9;text-align: left;}
.topbtm_Back{ display:inline-block; width: 150px; height: 44px; background: #273977; color: #fff; text-align: center; line-height: 44px;}
.topbtm_btn{ float: right;}
.topbtm_btn a{ display: inline-block; width: 44px; height: 44px; overflow: hidden;}
.topbtm_btn a img{ transition: all .8s;}
.topbtm_btn a:hover img{ transform: translateY(-44px);}
.topbtm_bar2 { position: relative; margin-top: 100px;}
.topbtm_bar2 .ellipsis{ display: block; width: 100%; margin-bottom: 5px;}
.topbtm_bar2 .back{ width: 170px; height: 50px; line-height: 50px; background: #273977; color: #fff; text-align: center;position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

/*聚合页分页样式*/
.pub_turn_page{margin: 21px 0;font-size:0;text-align:center;z-index: 99;}
.pub_turn_page a{color: #4F4F4F;}
.pub_turn_page a,
.pub_turn_page font,
.pub_turn_page select{display:inline-block;margin: 5px;padding:10px 14px;font-size:14px;border:1px solid #e3e3e3;border-radius:5px;outline:0;background: white;}
.pub_turn_page .page-num-current{color:#fff;background:#273977;border-color:#273977;}
.no-page{text-align: center;color: #000000;margin: 10px 0;padding: 10px 0;z-index: 1;}
.hide{dispaly:none;}
@media (max-width: 767.98px) {
    /*手机底部分页*/
    .pub_turn_page a,
    .pub_turn_page font,
    .pub_turn_page select{display:inline-block;margin: 4px;padding:8px 12px;font-size:10px;}
}



.footer {position: relative;background-color: #110C1B;overflow: hidden;padding: 50px 0;z-index: 1;}
.footer-column,
.footer-WeChat {position: relative;}
/* Widget Section */
.about-widget{margin-bottom: 50px;position: relative;}
.footer-logo {margin-bottom: 28px;width: auto;text-align: center;padding: 10px 0;}
.footer-logo img{height: 50px;width: auto;}
.footer-name {color: #CFCFCF;margin: 10px 0; font-size: 20px;padding: 10px 0;text-align: center;}
.footer-name:hover{color: #FF0000;font-size: 20px;font-weight: bold;text-align: center; letter-spacing: 2px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.footer-name:hover::after{content: "深圳市帕沃电气有限公司"}


.footer-contact{margin: 20px 0;text-align: left;padding: 10px 0;}
.footer-contact li {padding-left: 30px;padding-bottom: 10px;}
.footer-contact a {color: #dddddd;font-size: 20px;}
.footer-contact a i {color: #ff5500;font-size: 30px;padding-right: 20px;}
.footer-contact a:hover {color: #ffffff;}
.footer-contact a:hover i {color: #ffffff;}


/*=== 页尾新闻 color: #0f2c49 ===*/
.footer_news {position: relative;}
@media (max-width: 767.98px) {
	.footer_news{display: none;}
}
.footer_news h4{position: relative;color: #CFCFCF;padding-top: 10px; margin-bottom: 30px;}  
.footer_content{padding-left: 40px;}
.footer-title{display:block;margin: 6px 0;padding: 2px 0;}
.footer-title li{margin: 10px 0;}
.footer-title h2{color: #CFCFCF;font-size: 20px;margin-bottom: 6px;}
.footer-title p{color: #787878;font-size: 16px;margin: 0;padding-left: 8px;}
.footer-title span{float:right;}
/* 微信扫一扫 */
.footer-WeChat {position: relative;text-align: center;padding: 10px 0;margin-bottom: 10px;}
.footer-WeChat h4{color: #CFCFCF;position: relative;}
.QR-code{display: flex;justify-content: center;align-items: center;margin: 10px;}
.QR-code img{width: 200px;height: auto;}

/*===友情链接===*/

.linkbox {margin:0;border-top: #FFFFFF solid 1px;width: 100%;height: auto;}
.linkbox_content{padding: 20px 80px;display: flex;background-color: #333;}
.linkbox_name{  display: grid;place-items: center;}

.linkbox_name h2{color: #FFFFFF;font-size: 14px;padding-right: 16px;text-align: right;margin-right: 10px;}
.linkbox_lin{text-align: left;border-left: 5px solid #FFFFFF;}
.linkbox_lin a {color: #95abc1;font-size: 14px;padding-left: 2px;}
.linkbox_lin a:hover {text-decoration: none;color: #ff5500;}
.linkbox_lin a:last-child {border-right: 1px #ededed solid;}
.linkbox_lin span{color: #FFFFFF;margin: 0 10px;}

@media (max-width: 992px) {
	.linkbox{display: none;}
}