@charset "UTF-8";
* {margin:0px;padding:0px;border:none;outline:none;outline: none;outline-color: initial;outline-style: none;outline-width: initial;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
*,*::before,*::after{box-sizing:inherit;box-sizing:border-box}
html{box-sizing:border-box;-ms-overflow-style:scrollbar;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}

body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:15px;font-weight:400;line-height:1.7em;color:#212529;text-align:left;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; transition: none;}

ul,li{list-style:none;padding:0;margin:0 auto}
a,a:hover,a:focus,a:visited{text-decoration:none;cursor:pointer;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
button{cursor:pointer;text-decoration:none;outline:none !important}
textarea{overflow:hidden}

img{height: auto;display:inline-block;max-width:100%;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{position:relative;font-weight:normal;margin:0px;background:none;line-height:1.3em;font-family:'Raleway',sans-serif;color: #333;}
p{position:relative;line-height:1.8em}
h1, .h1 {font-size: calc(1rem + 1.5vw); display: block;margin-bottom: 0.5rem;}

.preloader{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-size:180px}
:root{
    --yellow:#fdcd00;
    --dark-color:#162128;
    --orange:#fd5d14;
    --dark-blue:#16172e;
    --background-grey:#f7f9fb;
    --background-1:#f7f7f7;
    --background-2:#f2f2f0;
    --background-3:#fafafa;
    --background-4:#f4f7fb;
    --background-5:#f2f6fa;
    --background-6:#ECFDF5;
    --background-7:#EEF4F7;
    --background-4:#f5f5f5;
    --background-4:#f4f7fb;
    --sky-blue:#21bcd8;
    --top-red:#d20800;
    --light-grey:#e6e6e6;
    --light-blue:#5d6d7e;
    --light-orange:#f7b500;
    --light-green:#00c853;
    --light-red:#ff5252;
    --light-purple:#8e24aa;
    --light-pink:#f06292;
    --light-blue-2:#21bcd8;
    --light-green-2:#00c853;
    --light-red-2:#ff5252;
--home-slider-height: 650px;}
.text_shadow{text-shadow: 2px 1px 2px rgb(0 0 0 / 50%); font-weight: 500;}
.sticky-top{top:80px;}/* 内页部分元素固定 */
/*-------------- Scroll Top Css ------------------*/
.scrollup{width:40px;height:40px;position:fixed;bottom:60px;right:50px;display:none;color:#fff;z-index:3;background-color:rgba(0,0,0,0.8);border-radius:100%;text-align:center;line-height:40px;font-size:18px;cursor:pointer}
.scrollup:hover{background-color:rgba(239,32,56,0.8);color:#fff}
/********************** Customer Login/Registration **********************/
.top-social{text-align:right}
.top-social ul{margin:0px;padding:0px;list-style-type:none}
.top-social ul li{display:inline-block;}
.top-social ul li a{text-align:center;margin:0px 6px;position:relative;display:block}
.top-social ul li a:before{position:absolute;left:-12px;top:30%;height:15px;background-color:#a6a6a6;content:"";display:block;width:1px}
.top-social ul li:first-child a:before{display:none}
.top-social ul li a i{margin-right:5px;}
.top-social ul li a:hover{color:#eb0028}
.header-top-area i{font-size: 20px;color:var(--top-red);}
/*-------------- Header Top Css ------------------*/
header:after{content:"";display:block;clear:both}
.header-top-area{padding:5px 0px}
.header-top-area a:hover{text-decoration:none;opacity:.8}
.header-top-area,.header-top-area a{color:#1f1f1f; background-color: #fff;}
.top-contact{padding-top:0px}
.top-contact a{display:inline-block;padding:0px 15px 2px 12px;line-height:14px}
.top-contact a:first-child{padding-left:0px}
.top-contact a:last-child{background:none;padding-right:0px}

@media only screen and (min-width:992px){
header.sticky{position:fixed;top:0px;left:0px;width:100%;background-color:#fff;z-index:100;box-shadow:0px 1px 3px 0px rgba(193,193,193,1.00)}
header.sticky .header-top-area{margin-top:-36px}
header.sticky .mainmenu > ul > li > a{color:#222}
header.sticky .mainmenu > ul > li.current-menu-item> a,.transparant-header .mainmenu > ul > li:hover > a{color:#eb0028}
}

/*-------------- Header Main Css ------------------*/
header, .header-area,header.sticky .header-top-area{-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.header-area{background-color:var(--dark-color);position:relative;padding: 0;}
.header-area:after,.header-area .container:after{clear:both;content:"";display:block}
.logo{float:left; position: relative;z-index: 10;margin-right:0; padding-right: 15px;}
#kylogo{height: 46px;overflow: hidden;vertical-align: middle;padding: 3px 0 2px;}
#kylogo .lg{fill: #a13733;}
#kylogo .lgf{fill: #000;}
footer #kylogo .lgf{fill: #FFF;}
.logo img{float:left;margin-top:0px}
.logo a:hover{opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.header-area .logo:before {position: absolute;content: '';right: 0px;top: 0px;height: 100%;z-index: -1;width: 5000px;background-color: var(--yellow);}

header{width: 100%;z-index: 1021;width: 100%;left: 0;top: 0;}
header.fix_top {top: -40px; position: fixed;z-index: 1050;transition: none;}
@media only screen and (min-width:576px){

}
@media only screen and (min-width:768px){
  #kylogo{height: 52px;}
}
@media only screen and (min-width:992px){
  #kylogo{height: 63px;}
}
/*-------------- Main Menu Css ------------------*/

.mainmenu{float:right}
.mainmenu ul{margin:0px;padding:0px;list-style-type:none;text-align:right;border:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.mainmenu ul li{display:inline-block;position:relative}
.mainmenu ul li a, .mainmenu .nav-link:hover, .mainmenu .nav-link:focus{display:block;color:#fff;text-transform:uppercase;font-weight:500;font-size:16px;padding:24px 10px}
.mainmenu ul li:last-child a{border-bottom:0px}
.mainmenu > ul > li:hover > a{text-decoration:none;background-color:var(--yellow);color:var(--dark-color);}
.mainmenu ul li ul{position:absolute;left:0px;top:112px;background-color:#fff;width:auto;text-align:left;border-radius:0 0 0.375rem 0.375rem;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;z-index:-1;box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2)}
.mainmenu ul li ul li{display:block; position: relative;}
.mainmenu ul li ul li a{font-size:12px;padding-top:9px;padding-bottom:9px;color:var(--dark-color);border-bottom:1px solid #efefef;}
.mainmenu ul li ul > li:hover > a,.mainmenu ul li ul li ul > li:hover > a{background-color:var(--light-orange); border-bottom:1px solid #ee9e00;text-decoration:none;color:#fff}
.mainmenu ul li:hover > ul,.mainmenu ul li ul li:hover > ul{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";z-index:9;visibility:visible;top:72px}
.mainmenu ul li ul li > ul{left:100%;top:30px;}
.mainmenu ul li ul li:hover > ul{top:0px}
.mainmenu ul li:last-child ul li > ul,.mainmenu ul li:nth-last-child(2) ul li > ul{left:-100%}
.mainmenu ul li.current-menu-item> a{background-color:var(--yellow);text-decoration:none;color:#eb0028}
.mainmenu ul li.current-menu-item> ul li.chaild-active a{background-color:#eb0028;color:#fff}
.header-search-bar{float:right;position:relative;padding:40px 0px;margin-left:20px;width:40px}
.header-search-bar span{position:absolute;display:block;width:40px;height:40px;text-align:center;color:#fff;border-radius:3px;background-color:#eb0028;line-height:40px;top:50%;margin-top:-20px;right:0px;cursor:pointer;font-size:16px}
.header-search-bar .search-box{border:1px solid #cccccc;height:36px;width:200px;position:absolute;bottom:-36px;right:0px;padding:0px 10px;left:inherit;top:inherit;border-radius:0px;box-shadow:none;margin:0px}
.mobile-menu-wrapper{display:none;right:15px;margin-top:-17px;top:50%;position:absolute}
nav ul li ul>li.dropdown>a::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-left: 0.3em solid transparent;}

.mob-bar { flex-grow: 1;}
button.navbar-toggler{ outline: none; border: none; padding: 0; background-color: #ffffff9c;}
button:active{ outline: none; border: none; }
button:focus{ outline: none; border: none; }
.menu-bar{ background-color: var(--dark-color); height: 3px; width:30px; margin: 5px 6px; display: block;}
@media only screen and (min-width:768px){
  .menu-bar{height: 4px; margin: 6px 6px;}
}
@media only screen and (min-width:992px){
  .dropdown > .dropdown-menu {opacity: 0;display: block;}
  .navbar-expand-lg .navbar-nav .nav-link{padding: 22px 20px;}
}


.homepage-slides-wrapper{position:relative;clear:both}
.slider-overlay:before{position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.7);content:"";width:100%;height:100%}
.touming0:before{background-color:rgba(0,0,0,0)}
.touming5:before{background-color:rgba(0,0,0,0.5)}
.carousel-item{background-size:cover;background-position:center;height:580px;font-size:16px;color:#fff;position:relative}
.carousel-item h2{color:var(--light-grey);font-size:24px;text-transform:uppercase;margin-top:0px;margin-bottom:20px;font-weight:600;}
.carousel-item p{font-size:14px;color:#fff}
.bg_strip{text-transform:uppercase;margin-top:0px;margin-bottom:15px;background-color: #FF324D;color: #fff;display: inline-block;padding: 4px 0px;position: relative;white-space: nowrap;font-size: 20px;height: 40px;}
.bg_strip::before{content:'';position:absolute;z-index:1;right:100%;top:0;display:block;width:0;height:0px;border:20px solid #FF324D;border-bottom-color:#FF324D;border-left-color:transparent}
.bg_strip::after{content:'';position:absolute;z-index:1;left:100%;top:0;display:block;width:0;height:0px;border:20px solid #FF324D;border-bottom-color:#FF324D;border-right-color:transparent}

@media (min-width: 576px) {
  .carousel-item h2{font-size:28px;}
  .carousel-item p{font-size:15px;}
}

@media (min-width: 768px) {
  .carousel-item h2{font-size:36px;}
}

@media (min-width: 992px) {
  .carousel-item h2{font-size:42px;}
  .carousel-item p{font-size:16px;}
}

@media (min-width: 1200px) { }

@media (min-width: 1400px) {}

/*   home-about    */
.home-about{ margin: 30px auto;}
.home-about .h3{font-size: 18px;font-weight: 600;text-transform: uppercase; padding-right: 30px;border-right: 2px solid var(--yellow); text-align: right;}
.home-about .about-text{ color: var(--dark-color);padding: 0px 0 0px 16px;line-height: 22px;}

/*   home    tongdian  痛点  */
.tongdian .btn-soft-danger{color:#de4437;background:rgba(222,68,55,0.1);border-color:transparent;position:relative;line-height:0}
.tongdian .btn-soft-primary{color:#377dff;background:rgba(55,125,255,0.1);border-color:transparent;position:relative;line-height:0}
.tongdian .btn-soft-success{color:#00c9a7;background:rgba(0,201,167,0.1);border-color:transparent;position:relative;line-height:0;}
.tongdian .btn-lg{font-size:1.75rem;width:5rem;height:5rem;margin-bottom:2rem; overflow: hidden;}
.tongdian .title_top{color: #ffffff;background: rgb(253 93 20); font-size: 16px; padding: 3px 20px; border-radius: 20px;}
.tongdian .btn-icon__inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); font-size: 48px;}
.tongdian p{color:#000;line-height:1.7}


/*              */
.epc_section{background-color: var(--background-7);}
.epc_section .carousel-indicators{top:0;bottom:unset;position:unset; margin: auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}
.epc_section .carousel-indicators [data-bs-target]{text-indent:0;opacity:1;z-index:2;height:auto;width:auto;margin:auto;border:none;position:relative;background-color: transparent;}
.epc_section .carousel-indicators::after{content:"";position:absolute;top:2rem;left:5rem;right:5rem;height:2px;background-color:#fe5a0e;z-index:1;width:70%;}

.epc_section .carousel-item{ display: none1; height: auto;}
.text-box{top:100%;left:0;right:0;padding:0 20px}
.text-box .inner{background:#FE5A0E;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:5px;position:relative;padding: 0 5px;}
.text-box .inner .icon-box{border-radius:50%;font-size:24px;font-weight:bold;width:40px;height:40px;line-height:40px;background:#fff;text-align:center;margin:auto;margin-top:-20px;position:relative;z-index:10;-webkit-transition:all .4s ease;transition:all .4s ease;text-shadow:2px 2px 0px #afafaf;-webkit-box-shadow:0px 1px 18px rgba(0,0,0,0.2);box-shadow:0px 1px 18px rgba(0,0,0,0.2)}
.text-box .inner h3{margin:0;color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease;font-size:12px;font-family:'Poppins';font-weight:600;margin-top:10px;margin-bottom:20px}
.text-box:hover .inner, .text-box.active .inner{-webkit-box-shadow:0px 1px 18px rgba(0,0,0,0.2);box-shadow:0px 1px 18px rgba(0,0,0,0.2)}
.text-box:hover .inner .icon-box, .text-box.active .inner .icon-box{background:#FE5A0E}
.text-box:hover .inner h3, .text-box.active .inner h3{color:#262626}
.hvr-bounce-to-bottom{display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;border-radius:5px;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover,.active .hvr-bounce-to-bottom{color:#fff}
.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before, .active .hvr-bounce-to-bottom:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}
.epc_section .carousel-item.dark_font{color:#000}

.epc_section .carousel-inner{ padding:50px 0 20px;}
.epc_section .carousel-inner ul{ padding-left: 2rem;}
.epc_section .carousel-inner li{ line-height: 1.6; font-size: 15px; color: #666;list-style-type: disc;}
.epc_section .carousel-inner h3{ font-family: Impact, sans-serif; font-size: 22px;}
.hilite-title strong{display:block;font-size:52px;line-height:52px;color:#efefef;font-family:'Poppins',sans-serif;font-weight:900}
@media only screen and (max-width:767px){.hilite-title{display:none}
}
.text-pop-up-top{-webkit-animation:text-pop-up-top 2s cubic-bezier(0.250,0.460,0.450,0.940) infinite alternate both;animation:text-pop-up-top 2s cubic-bezier(0.250,0.460,0.450,0.940) infinite alternate both;position:absolute;right:0;bottom:0;text-align:right;padding-right:30px}
@-webkit-keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #cccccc,0 2px 0 #cccccc,0 3px 0 #cccccc,0 4px 0 #cccccc,0 5px 0 #cccccc,0 6px 0 #cccccc,0 7px 0 #cccccc,0 8px 0 #cccccc,0 9px 0 #cccccc,0 32px 30px rgba(0,0,0,0.3)}
}
@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #cccccc,0 2px 0 #cccccc,0 3px 0 #cccccc,0 4px 0 #cccccc,0 5px 0 #cccccc,0 6px 0 #cccccc,0 7px 0 #cccccc,0 8px 0 #cccccc,0 9px 0 #cccccc,0 32px 30px rgba(0,0,0,0.3)}
}
@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .epc_section .carousel-inner h3{font-size: 24px;}
}

@media (min-width: 992px) {
  .epc_section .carousel-inner h3{font-size: 28px;}
}
@media (min-width: 480px) {
  .text-box .inner h3{font-size: 12px;}
  .text-box .inner{border-radius:10px;}
  .hvr-bounce-to-bottom:before{border-radius:9px;}
}
@media (min-width: 576px) {
  .text-box .inner h3{font-size: 13px;}
  .text-box .inner .icon-box{font-size:28px;width:50px;height:50px;line-height:50px;margin-top:-25px;}
  .text-box .inner{border-radius:15px;}
  .hvr-bounce-to-bottom:before{border-radius:14px;}
  .epc_section .carousel-indicators{margin-bottom: 1rem;}
}

@media (min-width: 768px) {
.text-box .inner .icon-box{font-size:32px;width:60px;height:60px;line-height:60px;margin-top:-30px;}
.text-box .inner{padding:10px 25px 0;}
.text-box .inner h3{font-size: 15px;}
.epc_section .carousel-inner li{ line-height: 1.8; font-size: 16px;}
.text-box .inner{border-radius:20px;}
.hvr-bounce-to-bottom:before{border-radius:19px;}
.epc_section .carousel-indicators::after{top:3rem}
}

@media (min-width: 992px) {
.epc_section .carousel-inner li{ line-height: 2; font-size: 17px;}
.text-box .inner h3{font-size: 16px;}
.text-box .inner{border-radius:25px;}
.hvr-bounce-to-bottom:before{border-radius:24px;}
}

@media (min-width: 1200px) {
  .service_content{padding-left:40px;}
}

@media (min-width: 1400px) {}




/*      home service         */
.home-service{position:relative}
.service_cog{position:absolute;top:80px;left:-80px;opacity:0.05;animation:cogMove 20s linear infinite}
@keyframes cogMove{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.service_moc{position:absolute;bottom:-22%;left:45px;animation:carenMove 5s ease-in infinite}
@keyframes carenMove{
0%{transform:translateY(0px)}
50%{transform:translateY(30px)}
100%{transform:translateY(0px)}
}
.service{background-color:var(--dark-blue);padding-top:50px;position:relative;margin-bottom:160px}
.service .icon-shengchan.service_cog{ font-size: 360px; color: #fff;}

.service_title-block .title_style2{margin-bottom:35px}
.service_title-block .title_style2_text{margin-top:25px;font-size:15px;line-height:26px;margin:0}
.service_title-block .title_style2_title,.service_title-block .title_style2_text{color:#fff}
.service_btn{background-color:var(--orange);}
.service_btn:hover{background-color:#fff !important;color: #222222;}
.service_content{margin-left:-5px;margin-right:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;top:160px;margin-top:-160px}
.service_single{padding-left:5px;padding-right:5px;margin-top:10px;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%}
.service_single:hover i{color:#ffffff !important}
.service_single i{font-size:60px;color:var(--orange);z-index:11;transition:all 500ms ease}
.service_single-inner{padding:55px 25px 26px 25px;background-color:#fff;-webkit-box-shadow:0px 12px 39px 0px rgba(8,18,109,0.08);box-shadow:0px 12px 39px 0px rgba(8,18,109,0.08);transition:all 500ms ease}
.service_title{margin:0;color:#222222;font-weight:500;font-size:22px;margin-top:15px}
.service_single:hover .service_single-inner{background-color:#fd5d14}
.service_single:hover .service_title,.service_single:hover .service_single i{color:#fff}
.service_single:hover .service_text{color:var(--light-grey)}
@media (min-width: 576px) {
  .service{padding-top:60px;margin-bottom:175px}
  .service_title{margin-top:20px}
  .service_single-inner{padding:60px 32px 26px 32px;}
}

@media (min-width: 768px) {
  .service{padding-top:70px;margin-bottom:190px}
  .service_single{-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%}
  .service_title{margin-top:25px}
}

@media (min-width: 992px) {
  .service{padding-top:80px;margin-bottom:200px}
  .service_single-inner{padding:65px 32px 30px 32px;}
  .service_title{margin-top:30px}
}

@media (min-width: 1200px) {
  .service{padding-top:90px;}
  .service_content{padding-left:40px;}
  .service_title{margin-top:40px}
}

@media (min-width: 1400px) {}

/*       products list      */
.product_section{ padding-top: 30px; background-color: var(--background-grey); padding-bottom: 20px;}
.sec_title{margin-bottom: 30px;}
.sec_title h2{ font-size: 20px; text-transform: uppercase; color: var(--dark-color); font-weight: 600; margin-bottom: 5px; }
@media (min-width: 576px) {
  .product_section{ padding-top: 35px;padding-bottom: 25px;}
  .sec_title h2{ font-size: 24px;margin-bottom: 10px; }
}
@media (min-width: 768px) {
  .product_section{ padding-top: 40px;padding-bottom: 30px;}
  .sec_title h2{ font-size: 26px;margin-bottom: 18px;}
}
@media (min-width: 992px) {
  .product_section{ padding-top: 60px;padding-bottom: 40px;}
  .sec_title h2{ font-size: 28px;margin-bottom: 30px;}
}
.separator{display:block;width:60px;height:5px;margin:15px auto 15px;background-color:var(--dark-color);position:relative;border:1px solid #ccc}
.separator:after{width:30px;height:5px;background:var(--yellow);position:absolute;top:-1px;left:-1px;content:""}

.grid{background-color:#fff;padding:10px;border-radius:3px; margin-bottom: 20px;}
.grid:hover{box-shadow: 10px 20px 30px rgba(0, 0, 0, .12);}
.grid .img-overlay{position:relative;overflow:hidden}
.grid .img-overlay img{ width: 100%;}
.grid .overlay{background-color:rgba(253,93,20,0.7);width:100%;height:100%;position:absolute;left:0;top:calc(100% - 3px);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.grid:hover .overlay{top:0}
.grid .overlay a{background-color:#fff;width:40px;height:40px;line-height:40px;font-size:20px;font-size:1.33333rem;color:var(--orange);text-align:center;border-radius:3px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.grid .list-desc{padding:23px 5px 15px}
.grid .list-desc h3{line-height: 24px;margin:0 0 0.35em;font-size:1.2rem}
.grid .list-desc h3 a{font-size:1.2rem;font-weight:500;color:#222222;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}

.grid .list-desc h3 a,  .grid .list-desc p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.3;}
.grid .list-desc p {margin-bottom: 0em;color: #696f74;line-height: 1.6em;-webkit-line-clamp: 4;}



@media (min-width: 576px) {  }

@media (min-width: 768px) {
  .grid .overlay a{width:45px;height:45px;line-height:45px;font-size:24px;font-size:1.6rem;border-radius:5px}
  .grid .list-desc h3 a{font-size:1.1rem;}
.grid .list-desc{padding:23px 15px 15px}
}

@media (min-width: 992px) {
  .grid .list-desc h3{font-size:20px;font-size:1.33333rem}
  .grid .list-desc h3 a{font-size:1.2rem;}
}

@media (min-width: 1200px) {
  .grid .list-desc h3 a{font-size:1.3rem;}
}

@media (min-width: 1400px) {}

/*    news block    */
.news_list_section{ margin: 50px 0 50px 0;position: relative;}
/* .news-block .grid{position:relative}
.news-block .grid .img-overlay{position:relative}
.news-block .grid .img-overlay img{position:relative;width:100%;display:block} */
.news_list .grid{padding: 0;}
.news_list .grid .img-overlay .overlay{position:absolute;left:0px;top:0px;width:100%;height:100%;display:block;opacity:0;text-align:center;background-color:rgba(0,0,0,0.68);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.news_list .grid:hover .img-overlay .overlay{opacity:1}
.news_list .grid .img-overlay .overlay i{position:relative;width:50px;height:50px;color:#ffffff;line-height:48px;border-radius:50px;text-align:center;display:inline-block;margin:0 auto;font-size:18px;top:48%;margin-top:-25px;border:1px solid #c0bbad}
.news_list .grid .list-desc{position:relative;padding:25px 25px 25px;background-color:#fafafa;border:1px solid #ececec;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.news_list .grid .list-desc:after{position:absolute;content:'';left:0px;bottom:0px;width:0%;height:2px;background-color:#fe9901;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease}
.news_list .grid:hover .list-desc:after{width:100%}
.news_list .grid .overlay a{background-color: transparent; width: auto;height: auto; line-height: normal;}

.news_list .grid .list-desc h3{position:relative;color:#222222;font-weight:600;font-size:20px;line-height:1.6em;padding-bottom:15px;}
.news_list .grid .list-desc h3:after{position:absolute;content:'';left:0px;bottom:0px;width:44px;height:2px;background-color:#fe9901}
.news_list .grid .list-desc h3 a:hover{color:#fe9901}

/*     zhuanhua form        */

.help-section{position:relative;padding:50px 0px 30px;background-size:cover;background-attachment:fixed;background-position:center center; background-image: url("../images/bn1.jpg");}
.help-section:before{position:absolute;content:'';left:0px;top:0px;width:100%;height:100%;display:block;background-color:rgba(34,34,34,0.7)}
.help-section .content-column{z-index: 1;}
.help-section .content-column .inner-column{padding-left:30px;text-align:right}
.help-section .content-column h2{position:relative;font-weight:400;color:#e8e8e8;font-size:24px;line-height:1.4em;padding-bottom:15px;margin-bottom:5px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.help-section .content-column h2:after{position:absolute;content:'';right:0px;bottom:0px;width:60px;height:2px;background-color:#f99806}
.help-section .content-column .text{color:#bfbdbd;font-size:15px;text-align:right;line-height:1.8em; padding-bottom: 16px;}
.help-section .form-column { z-index: 1;}


.default-form .form-group{margin-bottom:15px;}
.default-form .form-group input:not([type=image],[type=button],[type=submit]){width:100%;line-height:28px;color:#fff;height:50px;}
.default-form .form-group input:not([type=image],[type=button],[type=submit]):focus,
.default-form .form-group textarea:focus{border-color:#fe9901}
.default-form .form-group textarea{width:100%;line-height:24px;color:#000000;height:120px;resize:none;}
.default-form .form-group input:not([type=image],[type=button],[type=submit]),
.default-form .form-group textarea{border:1px solid rgb(236 236 236 / 60%);background:rgb(255 255 255 / 20%);padding:10px 20px 10px 20px;webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.default-form input::-moz-placeholder, .default-form textarea::-moz-placeholder{color: rgba(255, 255, 255, 0.8);}
.default-form input::placeholder, .default-form textarea::placeholder {color: rgba(255, 255, 255, 0.8);}
.default-form button{padding:13px 42px;margin-top:5px}
.default-form input.error,.default-form textarea.error{border-color:#ff0000 !important}
.default-form label.error{line-height:24px;padding:5px 0px 0px;margin:0px;text-transform:uppercase;font-size:11px;color:#ff0000;font-weight:500}
@media (min-width: 576px) {

}

@media (min-width: 768px) {
  .help-section{padding:80px 0px 50px;}
  .help-section .content-column h2{font-size:32px;padding-bottom:20px; margin-bottom: 20px;}
  .help-section .content-column .text{font-size:16px;}
}

@media (min-width: 992px) {
  .help-section{padding:120px 0px 80px;}
  .help-section .content-column h2{font-size:36px;padding-bottom:25px; margin-bottom: 30px;}
  .help-section .content-column .text{font-size:18px;}
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

/*   kadence blocks form  */
.wp-block-kadence-form{position:relative}
.kb-form{position:relative}
.kb-form > div.kb-field-desk-width-50:first-child{padding-right:8px}
.kb-form > div.kb-field-desk-width-50:nth-child(2){padding-left:8px}
@media(max-width:768px){.kb-form .kb-field-desk-width-50{width:100%;padding:0 !important}
}
.kb-form > div{margin-bottom:1rem}
.kds-form .kadence-blocks-form-field{margin-bottom:15px;}
.kds-form .kadence-blocks-form-field input:not([type=image],[type=button],[type=submit]){width:100%;line-height:28px;color:#fff;height:50px;}
.kds-form .kadence-blocks-form-field input:not([type=image],[type=button],[type=submit]):focus,
.kds-form .kadence-blocks-form-field textarea:focus{border-color:#fe9901}
.kds-form .kadence-blocks-form-field textarea{width:100%;line-height:24px;color:#fff;height:120px;resize:none;}
.kds-form .kadence-blocks-form-field input:not([type=image],[type=button],[type=submit]),
.kds-form .kadence-blocks-form-field textarea{border:1px solid rgb(236 236 236 / 60%);background:rgb(255 255 255 / 20%);padding:10px 20px 10px 20px;webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.kds-form input::-moz-placeholder, .kds-form textarea::-moz-placeholder{color: rgba(255, 255, 255, 0.8);}
.kds-form input::placeholder, .kds-form textarea::placeholder {color: rgba(255, 255, 255, 0.8);}
.kds-form input.error,.kds-form textarea.error{border-color:#ff0000 !important}
.kds-form label.error{line-height:24px;padding:5px 0px 0px;margin:0px;text-transform:uppercase;font-size:11px;color:#ff0000;font-weight:500}
.kb-form .kb-field-desk-width-50{width:50%;float:left}
.kb-form label{line-height:0;font-size:0;width:100%;display:block}
.kb-submit-field button:not(:disabled):not(.disabled) {cursor: pointer;}
.kb-submit-field button{
  color:#fff;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:1px;padding:11px 42px;margin-top:5px;text-shadow:1px 1px 1px rgba(0,0,0,.14);box-shadow:0 4px 9px 0 rgba(0,0,0,.2);text-align:center;white-space:nowrap;vertical-align:middle;
      background: #5a7ce2;
      background: -moz-linear-gradient(-45deg, #2652d2 0%, #5f94ec 50%, #4f50c4 51%, #3a68ff 71%, #797efc 100%);
      background: -webkit-linear-gradient(-45deg, #2652d2 0%, #5f94ec 50%, #4f50c4 51%, #3a68ff 71%, #797efc 100%);
      background: linear-gradient(135deg, #2652d2 0%, #5f94ec 50%, #4f50c4 51%, #3a68ff 71%, #797efc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7ce2',endColorstr='#575cdb',GradientType=1 );
      background-size: 400% 400%;
      -webkit-animation: MovebgColor 3s ease infinite;
      -moz-animation: MovebgColor 3s ease infinite;
      animation: MovebgColor 3s ease infinite;
      -webkit-animation: MovebgColor 3s ease infinite;
      -moz-animation: MovebgColor 3s ease infinite;
      animation: MovebgColor 3s ease infinite;}


.kb-field{padding:10px 12px;width:100%;font-size:1rem;font-weight:400;background-color:#fff;background-clip:padding-box;appearance:none;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;border:1px solid #ced4da;line-height:1.5;color:#212529}
.kb-field:focus{color:#212529;background-color:#fff;border-color:#baf2ff;outline:0;box-shadow:0 0 8px 0.15rem rgb(109 255 255 / 25%)}
.kb-form input.kadence-blocks-field.verify{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}
.kadence-blocks-form-warning{background:#fff5f5;margin-top:10px;padding:10px;border-radius:2px;border:1px solid #fc8181;color:#c53030;font-weight:bold}
.kb-form-error-msg{background:#fff5f5;margin-top:10px;padding:8px;border-radius:2px;border:1px solid #fc8181;color:#c53030;font-weight:bold;width:100%;text-align:left}
.kb-form.kb-form-has-error{align-items:flex-start}
.kb-form .kadence-blocks-form-field .kb-text-style-field.has-error:not(.missingclass){border-color:#c53030}
.kadence-blocks-form-success{background:#d1e7ddab;margin-top:0px;padding:10px;border-radius:2px;border:1px solid #a3cfbb;color:#146c43;font-weight:bold;position: absolute;left: 0;top: 0;height: 100%;width: 100%;align-items: center;display: flex;z-index: 2;font-size: 18px;}
.kb-form-loading{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.7);z-index:10;display:flex;align-items:center;justify-content:center;  margin-bottom: 0 !important;}

.kb-form-loading-spin{display:inline-block;position:relative;width:64px;height:64px}
.kb-form-loading-spin div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:rgba(0,0,0,.7);animation-timing-function:cubic-bezier(0,1,1,0)}
.kb-form-loading-spin div:nth-child(1){left:6px;animation:kb-form-ellipses1 .6s infinite}
.kb-form-loading-spin div:nth-child(2){left:6px;animation:kb-form-ellipses2 .6s infinite}
.kb-form-loading-spin div:nth-child(3){left:26px;animation:kb-form-ellipses2 .6s infinite}
.kb-form-loading-spin div:nth-child(4){left:45px;animation:kb-form-ellipses3 .6s infinite}
/* light background hack*/
.kds-form.dark_form .kadence-blocks-form-field input:not([type=image],[type=button],[type=submit]), .kds-form.dark_form .kadence-blocks-form-field textarea{border-color:rgb(145 141 141 / 60%);}
.kds-form.dark_form input::-moz-placeholder, .kds-form.dark_form textarea::-moz-placeholder{color: rgba(0, 0, 0, 0.4);}
.kds-form.dark_form input::placeholder, .kds-form.dark_form textarea::placeholder {color: rgba(0, 0, 0, 0.4);}
.kds-form.dark_form .kadence-blocks-form-field input:not([type=image],[type=button],[type=submit]),.kds-form.dark_form .kadence-blocks-form-field textarea{color:#222;}
@keyframes kb-form-ellipses1{0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes kb-form-ellipses3{0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes kb-form-ellipses2{0%{transform:translate(0,0)}
100%{transform:translate(19px,0)}
}

@-webkit-keyframes MovebgColor{
0%{background-position:0% 31%}
50%{background-position:100% 70%}
100%{background-position:0% 31%}
}
@-moz-keyframes MovebgColor{
0%{background-position:0% 31%}
50%{background-position:100% 70%}
100%{background-position:0% 31%}
}
@keyframes MovebgColor{
0%{background-position:0% 31%}
50%{background-position:100% 70%}
100%{background-position:0% 31%}
}



/*    feature       */
.feature-section{overflow: hidden;}
.feature_block{position: relative;}
.feature_block::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 120px);background-color:#16172e}
.feature_block .title_style2 {position: relative;z-index: 10;margin-bottom: 50px;}
.feature-one_person{position:absolute;bottom:0;left:5%; height: 100%;}
.feature_block_content{position:relative;padding:50px 0;}
.feature_block_content::after{content:'';width:100000px;background-color:#21bcd8;height:100%;position:absolute;left:-65px;top:0;-webkit-transform:skew(-10deg);transform:skew(-10deg)}
.feature-one_single{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.feature-one_single+.feature-one_single{margin-top:50px}
.feature-one_title{font-weight:500;font-size:22px;color:#fff;margin:0;line-height:1em;margin-bottom:10px}
.feature-one_title b{color:inherit;-webkit-transition:all .4s ease;transition:all .4s ease}
.feature-one_title b:hover{color:#ff5860}
.feature-one_text{margin:0;color:rgba(255,255,255,0.7);font-size:15px;line-height:26px;width:82%}
.feature-one_icon i{width:75px;height:75px;background-color:rgba(255,255,255,0.2);border-radius:50%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:30px;font-size:34px;color:#fff}

/*  title style 2  */
.title_style2_title{margin:0;color:#FFF;font-size:26px;line-height:48px;font-weight:400;letter-spacing:.03em;margin-top:20px}
.title_style2_header{margin:0;line-height:1em;text-transform:uppercase;color:var(--orange);font-size:17px;font-family:"Rubik";letter-spacing:.1em}
.title_style2_bold{font-weight:700}
@media (min-width: 576px) {
  .title_style2_title{font-size:28px}
  .feature_block_content{padding:50px 0;}
}
@media (min-width: 768px) {
  .title_style2_title{font-size:32px}
  .feature_block_content{padding:60px 0;}
}
@media (min-width: 992px) {
  .title_style2_title{font-size:40px}
  .feature_block_content{padding:115px 0;}
}
@media (max-width:480px){
    .title_style2_title{font-size:26px;line-height:1.3em}
    .title_style2_title br{display:none}
}
@media (max-width:320px){
.title_style2_title{font-size:24px}
}
.title_style2_text{margin:0;color: rgba(255, 255, 255, 0.7);font-size:15px;line-height:26px;margin-top:25px}

.cta-one{background-color:var(--yellow);}
.cta-one .container{}
.cta-one__title{margin:0;color:#fff;font-size:24px;font-weight:500}
.cta-one__btn{background-color:#fff !important;color:#222222}
.cta-one .button-block a {background: #000 !important;color: #fff !important;}
.cta-one .button-block a:hover {background: #ffffff !important;color: #000 !important;}
@media (min-width: 576px) {
  .cta-one__title{}
}

@media (min-width: 768px) {
  .cta-one__title{font-size:30px;}
}

@media (min-width: 992px) {
  .cta-one__title{font-size:34px;}
}



.wyc-btn {box-shadow:none;text-decoration:none;border:none;outline:none;display:inline-block;vertical-align:middle;font-family:"Rubik";font-weight:600;font-size:17px;color:#fff;padding:18px 31.4px;-webkit-transition:all .4s ease;transition:all .4s ease}

/* footer */
footer.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer{background-color:var(--dark-blue);line-height:26px;font-weight:300; color:#fff;}
.foot-social li{display:inline-block;margin-bottom:6px;margin-right:3px}
.foot-social li a{-webkit-border-radius:1px;border-radius:1px;font-size:18px;color:#fff;display:inline-block;background-color:rgba(255,255,255,.1);width:38px;height:38px;text-align:center;line-height:38px;text-decoration:none}
.foot-social li a:hover{background-color:#7eb729}
.foot-social li a i{font-size:1.3rem}
.foot-social li a i {line-height: 40px; font-size:24px; padding-right: 0; margin-right: 0;}
.foot-social li.facebook a:hover{background-color: #3b5998; border-color: #3b5998; color: #ffffff;}
.foot-social li.twitter a:hover{background-color: #55acee; border-color: #55acee; color: #ffffff;}
.foot-social li.googleplus a:hover{background-color: #dd4b39; border-color: #dd4b39; color: #ffffff;}
.foot-social li.skype a:hover{background-color: #00aff0; border-color: #00aff0; color: #ffffff;}
.foot-social li.linkedin a:hover{background-color: #0976b4 ; border-color: #0976b4; color: #ffffff;}
.foot-social li.whatsapp a:hover{background-color: #00E676 ; border-color: #00E676; color: #00E676;}
.foot-social li.whatsapp a:hover i{text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}
.foot-social li.telegram a:hover{background-color: #26a3e1 ; border-color: #26a3e1; color: #26a3e1;}
.foot-social li.telegram a:hover i{text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}
.foot-social li.pinterest a:hover{background-color: #CC2E2E ; border-color: #CC2E2E; color: #ffffff;}

.foot-title{color:#fff;font-size:25px;font-weight:bold;margin-bottom:25px;line-height:1.2}
.foot-list li a{display:inline-block;position:relative;padding-left:1.3rem;color:#FFF}
.foot-list li a:before{content:'\e609';font-family:"icon";position:absolute;left:0;top:0;font-size:1.1rem}
.foot-list ul li+li{margin-top:11px}
.foot-info li{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:24px}
.foot-info li i{color:#FFF;margin-right:1rem}



.site-footer input{ color: #FFF;}
.site-footer .kb-field:focus{color:#FFF;}
.site-footer .footer-bottom{background-color:var(--orange);color:#fff;font-size:15px;font-weight:300;overflow: hidden;}
footer address{ margin-bottom: 0;}



.inner_banner{background-size: cover;position: relative;overflow: hidden; min-height:200px;color:#fff;background: url("../images/nbanner.jpg") no-repeat center center; justify-items: center;}
.inner_banner .nbanner{ min-height: 180px;}
.inner_banner h1, .inner_banner .h1{color: #fff;}
.breadcrumb{padding:10px 0 10px 16px;margin-bottom:0;background-color:rgba(0,0,0,0.34)}
.breadcrumb a{padding-right:20px;line-height:24px;position:relative;color:#FFF}
.breadcrumb a:not(:last-child):after{content:"";fill:#fff;top:3px;position:absolute;right:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGZpbGw9IiNkZGQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNjMsMjEyIDM2MywzMzAuMyA1NDMuOCw1MTEuMSAzNjMsNjkxLjYgMzYzLDgwOS40IDY2MS40LDUxMS4xICIvPjwvc3ZnPg==")}
.breadcrumb a:after,.breadcrumb .homeicon:before{width:18px;height:18px;top:0px;content:"";display:block}
.breadcrumb a:last-child:after{display:none}
.breadcrumb .homeicon:before{top:3px}
.breadcrumb i{padding-right:5px;float:left}
.breadcrumb p{margin:0;text-align:left}
.breadcrumb .homeicon:before{position:relative;background-size:cover;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9IiNkZGRkZGQiIHZpZXdCb3g9JzAgMCAxMDI0IDEwMjQnPjxwYXRoIGQ9J00xMDI0IDU5MC40MzJsLTUxMi0zOTcuNDQtNTEyIDM5Ny40NCAwLTE2Mi4wNDggNTEyLTM5Ny40NCA1MTIgMzk3LjQ0ek04OTYgNTc2bDAgMzg0LTI1NiAwIDAtMjU2LTI1NiAwIDAgMjU2LTI1NiAwIDAtMzg0IDM4NC0yODh6Jy8+PC9zdmc+")}



.about_us{ margin: 50px auto 30px; font-size: 16px;}
.about_us p{ text-align: justify; }
.about_us h2 {font-size: 24px;font-weight: 700; color: var(--orange);}

/*         page           */
.pagination-area{text-align:center;margin-top:30px;margin-bottom:30px}
.pagination-area ul, .pagination-area li{padding:0;margin:0}
.pagination-area ul .page-item .page-link{padding:11px 20px;margin:0 -1px;color:#6f8ba4;background-color:#ffffff;border:none;cursor:pointer;border-radius:0;-webkit-box-shadow:0 2px 10px 0 #d8dde6;box-shadow:0 2px 10px 0 #d8dde6;position:relative;text-decoration:none;display:block;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.pagination-area ul .page-item .page-link:hover,.pagination-area ul .page-item .page-link:focus{color:#ffffff;background-color:var(--orange);-webkit-box-shadow:unset;box-shadow:unset}
.pagination-area ul .page-item.active .page-link{color:#ffffff;background-color:var(--orange)}


/*       */
.neiye .product_section{background-color: transparent;}

/*         left nav      */
ul.menu-sidebar { position: relative; z-index: 1; }
ul.menu-sidebar li { display: block; }
ul.menu-sidebar li a { text-transform: capitalize; display: block; background: #f6f7f8; padding: 16px 30px; color: #323232; font-weight: 600; border-bottom: 1px solid #ffffff; border-left: 5px solid transparent;  }
ul.menu-sidebar li a:hover, ul.menu-sidebar li.active a { border-left: 5px solid var(--orange); color: #d12326; }
.sidebar .widget-title {
    padding: 14px 20px;
    background: var(--orange) !important;font-size: 18px;
    font-weight: 400;
}

/*   content  detail  */


.product-desc-section .h1{ font-size: 24px!important; font-weight: bold;}
.attribute-list td{padding:0 0 0 6px;border-bottom:1px solid #fff}
.attribute-list td:nth-child(odd){background-color:#16212814;text-align:center;padding:3px 0 3px 6px;}
.product-desc-section .container > div{box-shadow: 0px 5px 14px -5px rgba(0, 0, 0, 0.15);  -webkit-box-shadow: 0px 5px 14px -5px rgba(0, 0, 0, 0.15)}
.contact-button i{font-size:28px;width:36px;height:28px;border:none;line-height:28px;font-weight:normal;display:inline-block}
.contact-button span{vertical-align:text-bottom;display:inline-block;line-height:26px;font-size:14px;text-transform:none;font-weight:500;letter-spacing:normal}
@media only screen and (max-width:420px){.share .btn-warning span{display:none}
}


.main-content{color:#666;line-height:28px}
.details{ font-size: 15px;}
.details p{ text-align: justify; line-height: 1.6;}
.details a{max-width:100%;display:inline-block;text-decoration:none;line-height:20px}
.details a:before{font-family:'iconfont';content:"\e7ff";font-size:18px;color:var(--orange);position:relative;top:2px;}
.details h2{font-size: 20px;line-height: 1.3;margin: 20px 0 15px;padding:10px 0 14px 8px;background-color:#f5f8fb;position:relative;border-bottom:1px solid #c1dcf7; font-weight: 600;}
.details h2:after{background-color:#3e76c5;height:4px;bottom:-2px;content:'';display:block;width:120px;position:absolute;left:0}
.details h2:first-child{margin-top:0}
.details h3{font-size:16px;line-height:1.3;margin:20px 0 4px; font-weight: 600;}
.details h4{font-size:15px;line-height:1.3;margin:20px 0 4px; font-weight: 600;}
.details h5{font-size:14px;line-height:1.3;margin:16px 0 4px; font-weight: bold;}
.details h6{font-size:14px;line-height:1.3;margin:16px 0 4px; font-weight: 600;}
.details h2 a::before,.details h3 a::before,.details h4 a::before,.details h5 a::before,.details h6 a::before,.details figure a::before{content:""}
.details ul{padding-left:2rem; padding-bottom: 1rem;}
.details li{padding-bottom:10px;list-style-type:disc}
.details table{border-spacing:0;border-collapse:collapse;background-color:#FFF;border-bottom:2px solid #f3f3f3;width:100%;max-width:100%;margin:10px 0 20px;box-shadow:rgba(0,0,0,0.1) 0px 8px 25px -5px,rgba(0,0,0,0.05) 0px 8px 23px -5px}
.details table caption{caption-side:top;text-align:center}
.details table caption h3,.detailstable caption h4{color:#ff3333;font-family:sans-serif;font-size:16px;font-weight:400}
.details table .firstrow td,table .firstrow th,table .firstrow{background-color: var(--dark-color);color:#fff;line-height:normal;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.details table tr td{padding:8px 0px 8px 3px;border:1px solid #e8e8e8;line-height:1.42857143;vertical-align:middle;text-align:center}
.details table tr:not(.firstrow):hover{background-color:#f5f7fa;transition:all .1s linear}
.details table li{text-align:left}
.details img,.product_overview img{margin-bottom:12px;box-shadow:rgb(0 0 0 / 10%) 0px 8px 25px -5px,rgb(0 0 0 / 5%) 0px 8px 23px -5px;-moz-transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.details img:hover,.product_overview img:hover{box-shadow:rgb(17 17 26 / 10%) 0px 1px 0px,rgb(17 17 26 / 10%) 0px 8px 24px,rgb(17 17 26 / 10%) 0px 16px 48px}
.video{position:relative;width:100%;height:0;padding-bottom:56.25%}
.video>iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.prevnext{border:1px dotted #d1d1d1;padding:10px 15px;background-color:#f6f7f8}
.prevnext >div{overflow:hidden;line-height:32px;font-weight:bold}
.prevnext a{font-weight:normal}

@media (min-width: 576px) {
  .details h2{font-size:22px;margin:24px 0 18px;}
  .details h3{font-size:18px;margin:24px 0 6px;}
  .details h4{font-size:16px;margin:20px 0 6px;}
  .details h5{font-size:15px;margin:16px 0 6px;}
  .details h6{font-size:14px;margin:16px 0 6px;}
}
@media (min-width: 768px) {
  .details h2{margin:26px 0 22px}
  .details{ font-size: 16px;}
}
@media (min-width: 992px) {
  .details h2{font-size:24px;margin:30px 0 25px;}
  .details h3{font-size:20px;margin:24px 0 8px;}
  .details h4{font-size:18px;margin:20px 0 8px;}
  .details h5{font-size:16px;margin:16px 0 8px;}
  .details h6{font-size:14px;margin:16px 0 8px;}
  .details{ font-size: 17px;}
}

/*  table of contents  */
.wp-block-rank-math-toc-block{box-shadow:0px 3px 12px -1px rgb(20 26 56 / 10%),0 -2px 12px 1px rgb(189 190 195 / 10%);padding: 1.5rem 1rem;line-height: 40px;padding-left: 32px;margin-bottom: 20px;}
#rank-math-toc h2{border-bottom:2px dotted #cbcbcb;cursor:pointer;padding-bottom:6px; background-color: transparent; font-size: 18px;margin: 0; padding-left: 32px;line-height: 32px;}
#rank-math-toc h2:before{font-family:"iconfont" !important;font-size:28px;content:"\e645";position:absolute;color:var(--top-red);line-height:45px;left: 0;bottom: -2px;}
#rank-math-toc h2::after{font-family:"iconfont" !important;content:"\e62d";right:10px;bottom:8px;left:unset;background-color:unset;height:auto;width:unset;font-size:32px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}

#rank-math-toc.show h2::after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
/* click hide and show*/
#rank-math-toc nav{display: grid;grid-template-rows: 0fr;transition: 500ms grid-template-rows ease;}
#rank-math-toc.show nav{grid-template-rows: 1fr;}
#rank-math-toc nav > ul {overflow: hidden;}
/* click hide and show*/
#rank-math-toc ul{padding:0;margin:0;list-style:none}
#rank-math-toc ul ul{margin-left:.5em}
#rank-math-toc li{border-bottom:1px dotted #cbcbcb;    list-style: none !important;}
#rank-math-toc li:before{content:"\f26a";font-family:"iconfont";color:var(--red-color);font-size:24px;position:relative;top:3px}
#rank-math-toc li a{text-decoration:none;line-height:32px}
#rank-math-toc li a:link{color:rgba(0,0,0,.8);font-style:initial}
#rank-math-toc li:last-of-type{border-bottom:none}
@media(min-width:992px){
#rank-math-toc ul ul{margin-left:1em}
#rank-math-toc li{padding:.4rem 2rem .4rem .5rem}
#rank-math-toc li{line-height:24px}
}

/*  内容展示 选项卡 切换  */
.tabs_nav{background:var(--dark-color);border-bottom:2px solid var(--orange);padding-left:20px}
.tabs_nav button{bottom:-4px;display:inline-block;position:relative;min-width:155px;font-weight:400;border-radius:0;text-align:center;padding:7px 15px;color:#FFF;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;font-family:'tigers',arial;border:none;border-bottom:2px solid transparent;font-size:14px;text-transform:uppercase;text-shadow:2px 1px 0px rgba(0,0,0,1);}
.tabs_nav .nav-tabs .nav-link.active{color:#111;background:#fff9ef;border-bottom:2px solid #e8e3d9!important;border-radius:6px 6px 0 0;text-shadow:none}
.tabs_nav .nav-tabs .nav-link:hover, .tabs_nav .nav-link:focus{font-size:14px;padding: 7px 15px;}
.nav-tabs .nav-link{border:none; margin-bottom: 2px;border-bottom:2px solid transparent!important;}
.tabs_nav .nav{ border-bottom: none;}


.wp-block-kadence-postgrid a:before{content: none;}
.wp-block-kadence-postgrid .kt-post-grid-wrap{gap: 20px 20px!important;}
.wp-block-kadence-postgrid .kt-blocks-post-grid-item .entry-title{font-size: 15px!important;padding: 10px 0 14px 8px!important;font-weight: 500!important;}
.kt-blocks-post-grid-item .entry-content{ padding:3px 6px; font-size:15px;line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wp-block-kadence-postgrid footer.kt-blocks-post-footer{display: none;}
.wp-block-kadence-postgrid .kt-blocks-post-grid-item:hover{box-shadow: 10px 20px 30px rgba(0, 0, 0, .12);}
@media (min-width: 576px) {  }

@media (min-width: 768px) {
  .wp-block-kadence-postgrid .kt-blocks-post-grid-item .entry-title{ font-size: 16px!important;} }

/*    sidebar    */
.widget_search{margin-bottom: 30px;box-shadow: 0px 0px 17px -2px rgb(175 175 175 / 50%);}
.sidebar form{position:relative;overflow:hidden}
.sidebar .form-control{color:#333;border:1px solid #ededed;border-radius:5px;height:46px;padding:6px 40px 6px 12px;width:100%;letter-spacing:1px}
.sidebar .search-btn{position:absolute;top:0;right:0px;line-height:46px;background-color:transparent;border:none;font-size:18px;padding:0 12px;border-radius:0 6px 6px 0;color:#999}


/*   公用样式 */
.flash_btn{position:relative;border:0;padding:8px 12px 6px 5px;font-weight:600;font-size:1rem;line-height:1.5;border-radius:0.25rem;margin:5px 3px 10px 0;letter-spacing:1px;overflow:hidden;z-index:2; display:inline-block;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:350ms ease all;transition:350ms ease all;

}
.flash_btn:hover:after{height:200px;width:200px;opacity:0}
.flash_btn:after{content:"";position:absolute;height:0;width:0;top:50%;left:50%;border-radius:50%;opacity:.3;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:550ms ease all;transition:550ms ease all;z-index:-1}
.scroll-to-top{position:fixed;bottom:120px;right:15px;width:40px;height:40px;color:#ffffff;font-size:13px;text-transform:uppercase;line-height:38px;text-align:center;z-index:100;cursor:pointer;background:var(--dark-color);display:none;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.scroll-to-top:hover{color:#ffffff;background:var(--orange)}


/*    contact US  page */
.contact-6 .contact-info h3{margin-bottom:30px;font-weight:500;font-size:25px}
.contact-6 .contact-info .media{margin-bottom:25px}
.contact-6 .contact-info .media i{width:45px;line-height:50px;margin-right:5px;font-size:33px;color:var(--orange)}
.contact-6 .contact-info{margin-left:30px}
.contact-6 .contact-info .media h5{font-weight:500;font-size:16px;margin:0 0 5px}
.contact-6 .contact-info .media p{font-size:15px;font-weight:400;margin-bottom:0}
.contact-6 .contact-info .media p a{color:#535353}



@media (min-width: 576px) {  }

@media (min-width: 768px) {  }

@media (min-width: 992px) {  }

@media (min-width: 1200px) { }

@media (min-width: 1400px) {}