/*
 * Website Development Application
 * Newly customized WordPress theme
 * Author: fuping_deng
 * Company: www.szfudebao.com
 * Email: oddessycode@foxmail.com
 * Wechat: oddessycode
 * Date: 2026-05-31
 */
@import url("core.css?v=101");
*{transition: .3s;}
body{}
body,html{color:#333;}
body{min-width:1440px;margin:0 auto}
b,h1,h2,h3,h4,h5,h6,strong{color:#1e2022}
.container{max-width:1380px;margin:0 auto;}
:root {--logo-color: #1c5ea7;--font-gray: #ee611c;}
.double-padding-60{padding-top:80px;padding-bottom:80px;}
.padding-top-60{padding-top:80px}
.padding-bottom-60{padding-bottom:80px}
.double-margin-60{margin-top:80px;margin-bottom:80px;}
.margin-top-60{margin-top:80px}
.margin-bottom-60{margin-bottom:80px}
.h2_title{font-size:40px;text-align:center;margin-bottom:35px;color:#000;line-height: 1.5;text-transform:capitalize;font-weight: 500;}
.h2_title:after{background:var(--logo-color);border-radius:5px;margin:0 auto;margin-top:12px;width:100px;height:4px;content:"";display:block}
.h2_title.margin_bottom25{margin-bottom:15px;}
.h2_title_p{text-align:center;font-size:18px;line-height:1.5;margin-bottom:35px;}
.video_play_since iframe{border:0;width:100%;height:100%}
/***/
.fa-angle-right { background: url(../images/chevron_right_24dp_000.png) no-repeat center; background-size: 20px; width: 24px; height: 24px; display: block }
.fa-angle-left { background: url(../images/chevron_right_24dp_000.png) no-repeat center; background-size: 20px; width: 24px; height: 24px; display: block; transform: rotate(180deg) }
.fa-arrow-right { background: url(../images/chevron_right_24dp_fff.png) no-repeat center; background-size: 20px; width: 24px; height: 24px; display: inline-block }
.fa-arrow-bottom { background:url(../images/chevron_bottom_24dp_fff.png) no-repeat center; background-size: 20px; width: 24px; height: 24px; display: inline-block }

.fa-play{background:url(../images/icon_video.png) no-repeat center !important;background-size:100px !important;width:100px;height:100px;display:inline-block}
.video_play{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
#about-slider .video_play{}
.video_play:hover{opacity:0.8}
/**/
#heder-fixed { height: 135px }
header { position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 990 }
.white_topbar header { box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1); }
.white_topbar #heder-fixed { height: 135px; }
.section-welcome { background-color:var(--logo-color); text-align: left; color:#fff; height: 45px; line-height: 45px; font-size: 14px; }
.section-welcome .container { position: relative;z-index:901; }
.section-welcome p{display:flex;flex-wrap:wrap;align-items:center}
.tshare{position:absolute;right:150px;top:2px;display:flex;flex-wrap:wrap;}
.section-welcome a.mail{font-size: 14px;color: #fff;background: url(../images/icon_temail_fff.png) no-repeat left center;background-size: auto 14px;padding-left: 26px;margin-left: 35px;}
.tshare a{ background: url(../images/icon_sns.png); width: 40px; height: 40px; display: block; }
.tshare a.x{background-position: -240px center}
.tshare a.whatsapp{background-position: -278px center}
.tshare a.instagram { background-position: -40px center }
.tshare a.youtube { background-position: -80px center }
.tshare a.pinterest { background-position: -120px center }
.tshare a.douying { background-position: -160px center }
.tshare a.linkin { background-position: -200px center }
.language{position:absolute;right:0;top:0;}
.language-box{background: url(../images/lang.webp) no-repeat left center;padding-left:35px;background-size:25px;}
.language span.fa-arrow-bottom{display:block;width:auto;height:auto;padding-right:25px;background-position:right center;}
.language ul{position:absolute;left:-10%;top:100%;width:120%;background:var(--logo-color);opacity:0;
transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;visibility: hidden;}
.language:hover ul{opacity:1;visibility: visible;}
.language li a{color:#fff;padding:0px 20px;display:block}
.language li a.on{background:var(--font-gray);}
.language li span{display: inline-block;vertical-align: middle;margin-right: 10px;}
.header { height: 90px; position: relative;z-index:900; }
.logo { float: left; margin-top: 12px; }
.logo img { height: 65px; width: auto; display: block; }
nav { float: right; }
nav li:first-child { margin-left: 0 }
nav li.hasNav { margin-left: 50px; float: left; padding-top: 18px; height: 90px; }
nav li.enquire { margin-left: 64px; margin-right: 25px; }
nav li a { font-size:18px; line-height: 54px; text-transform:capitalize;font-weight:bold; color: #000; display: block }
nav li li a { text-transform: capitalize }
nav li a:hover { color: var(--logo-color); }
nav li.enquire a { background-color: var(--logo-color); color: var(--font-gray); padding: 0 20px; border-radius: 0; line-height: 35px; font-size: 14px; margin-top: 9px; }
nav li.enquire a:hover { color: #fff; background-color: rgba(25, 65, 137, 0.8); }
nav li.selected .sub_menu { display: block }
.nav_thumbs { display: none }
nav li { position: relative }
.sub_menu { position: absolute; left: -24px; top: 89px; background: rgba(255, 255, 255, 1); padding: 0; padding-bottom: 10px; width: 270px; border-top: 0px solid #ddd; display: none; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.2); }
.sub_menu li { }
.sub_menu li a { color: #333; line-height: normal; font-size: 16px; padding: 6px 25px; padding-right: 50px; position: relative }
.sub_menu li a i { position: absolute; right:10px; top:10px }
.sub_menu li li { }
.sub_menu li li a { padding-right:0px }
.sub_menu li ul { position: absolute; left: 100%; top: -10px; background: #fff; padding: 10px 0; display: none; width: 100%; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.2); }
.sub_menu li a:hover { color: var(--logo-color) }
.sub_menu li:hover ul, .sub_menu li.on ul { display: block }
nav li.selected>a { color: var(--logo-color) }
/***/
#product_menu { }
#product_menu .sub_menu { left: 0; width:280px; padding: 0; background: var(--logo-color); }
#product_menu .container { display: flex; flex-wrap: wrap; padding:0px 0; }
#product_menu .thumb { width: 400px; margin-left: 50px; content: ""; height: 100%; display: none; position: relative }
#product_menu .thumb p { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; font-size: 16px; line-height: 1.3; padding: 25px; }
#product_menu .thumb p a { display: block; padding: 10px 15px; color: #fff; background: var(--font-gray); border-radius: 5px; text-align: center }
#product_menu .thumb img { width: 100%; display: block; height: auto }
#product_menu .sub_menu_rt { width: 100%; }
#product_menu .sub_menu_rt ul { }
#product_menu .sub_menu_rt ul ul { display:none; position: absolute;left:100%; top:0; padding:0; background: var(--font-gray); }
#product_menu .sub_menu_rt li {position:relative}
#product_menu .sub_menu_rt li a { padding:8px 20px; color: #fff;font-weight: normal; }
#product_menu .sub_menu_rt li a:hover {}
#product_menu .sub_menu_rt li a i { opacity: 1; background-image:url(../images/chevron_right_24dp_fff.png); }
#product_menu .sub_menu_rt li:hover ul{display:block;}
#product_menu .sub_menu_rt li.on a{background-color:var(--font-gray)}
#product_menu .sub_menu_rt li li { }
#product_menu .sub_menu_rt li li a { border: 0; padding:8px 20px; font-weight: normal; }
#product_menu .sub_menu_rt li li a:hover {background-color:var(--logo-color)}
#product_menu .thumb p { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; font-size: 16px; line-height: 1.3; padding: 35px 55px; }
#product_menu .thumb p a { display: block; padding: 12px 8px; color: #fff; background: rgba(25, 65, 137, 0.8); border-radius: 5px; text-align: center; text-transform: capitalize; line-height: 1.5; font-size: 14px; }
#product_menu .thumb p a:hover { background: var(--font-gray) }
/***/
footer { padding: 50px 0; background-color:#e8eef5; color: #3e3939; line-height:1.5; font-size: 16px; }
footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer_li{}
.footer_li b{display:block;font-size:20px;margin-bottom:15px;color:#3e3939}
.footer_li a{color:#3e3939}
#fdesc{width:366px}
#fdesc:before{content:"";width:100%;height:56px;background:url(../images/logo.webp) no-repeat left center;background-size:auto 100%;display:block;margin-bottom:20px;}
#fcontact p{padding-left:35px;position:relative;}
#fcontact p+p{margin-top:10px}
#fcontact p:before{content:"";position:absolute;left:0;top:0;display:block}
#fcontact p.address:before{background:url(../images/icon_address.png) no-repeat left top;width:24px;height:31px;}
#fcontact p.tel:before{background:url(../images/icon_tel.png) no-repeat left top;width:23px;height:25px;top:2px}
#fcontact p.mail:before{background:url(../images/icon_email.png) no-repeat left top;width:27px;height:19px;top:4px}
#fcontact .tshare{position:static;margin-top:15px}
/***/
.fmenu{padding-top:30px}
.fmenu p+p{margin-top:10px;}
.fmenu a{text-transform:capitalize}
.footer_li a:hover,copyright a:hover{color:var(--logo-color);text-decoration: underline;}
/**/
#fcontact{width:400px;padding-top:30px}
.download_a {text-align: center;margin-top: 15px;display: flex; flex-wrap: wrap;width: 100%;justify-content: left;align-items: center;}
.download_a a.alibaba{margin:0 10px;text-indent:-1000px;background:url(../images/alibaba.png) no-repeat left center;background-size:auto 20px;width:164px;height:46px;overflow:hidden;display:block}
.download_a a.made-in-china{text-indent:-1000px;background:url(../images/made-in-china.png) no-repeat center;background-size:auto 20px;width:109px;height:46px;overflow:hidden;display:block}
/***/
copyright{border-top:1px solid rgba(0,0,0,0.1);margin-top:50px;padding-top:25px;display:block;}
.copyright{text-align:left;font-size:16px;color:#3e3939;width: 100%;position:relative}
copyright p{}
copyright span{position:absolute;right:0;top:0}
copyright span em{margin:0 10px;opacity:0.5;font-style:normal}
copyright a{color:#3e3939;}
/***/
.nav-but-wrap { display: inline-block; float:right; margin-left:30px; display:none }
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block; }
.menu-icon__line { height:2px; width:16.5px; display: block; background-color: #fff; margin-bottom: 7px; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; float:right; }
.menu-icon__line-left { width:30px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon__line-right { width:16.5px; float:right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right, .menu-icon:hover .menu-icon__line { width: 30px; }
.nav-active .menu-icon__line { width:30px; float:none }
/***/
#banner-slider { color:#fff; line-height:1.5; }
#banner-slider img { display:block; width:100%; height:auto }
#banner-slider .swiper-slide video{width:100%;height:100%;display:block;border:0;-o-object-fit: cover;object-fit: cover;position:absolute;left:0;top:0;z-index:10}
#banner-slider .swiper-pagination-b { position:static; max-width:1200px; margin:0 auto; text-align:center }
#banner-slider .swiper-pagination-b * { -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; opacity:1; cursor:pointer; 
width:45px; height:10px; margin-left:10px; outline:none; background:rgba(255,255,255,0.5); }
#banner-slider .swiper-pagination-b .swiper-pagination-bullet-active { background:var(--font-gray)}
#banner-slider .swiper-pagination-click { position:absolute; right:0; bottom:20px; width:100%; z-index:990 }
#banner-slider i{background: rgba(0, 0, 0, 0.5); width: 80px; height: 80px; color: #fff; border-radius: 80px; line-height: 80px; text-align: center; padding-left: 5px; font-size: 25px;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px}
#banner-slider h2{display:none}
#banner-slider p{display:none}
/**/
.home_procat { background:linear-gradient(to right, #e8eef5, #e5e5e5, #fff, #e8eef5)}
.home_procat .h2_title { text-align: center }
.home_procat .swiper-slide{border:1px solid #ddd;-moz-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);border-radius:5px;width:318px;background:#fff}
.home_procat  a{display: block; position: relative;}
.home_procat a *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
.home_procat .thumb{overflow:hidden;}
.home_procat  img{ display:block;width:100%; height: auto; transition:0.5s;border-top-left-radius:5px;border-top-right-radius:5px;}
.home_procat .desc{padding:20px 15px;line-height:1.3}
.home_procat .desc h3{font-size:18px;margin-bottom:10px;text-transform:capitalize;text-align:center;display:block}
.home_procat .desc p{font-size:14px;display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;height:90px}
.home_procat .desc span{width:240px;margin:0 auto;}
.view-product-a{text-align:center;border-radius:50px;background-color:#fff;border:1px solid var(--font-gray);color:var(--font-gray);height:42px;line-height:20px;padding:10px;padding-right:45px;display:block;position:relative;font-size:14px}
.view-product-a:after{content: "";background:var(--font-gray) url(../images/chevron_right_24dp_fff.png) no-repeat center;background-size:24px;width: 30px;height: 30px;display: inline-block;border-radius:50px;position:absolute;right:10px;top:4px;}
.home_procat .swiper-slide:hover{background:var(--logo-color)}
.home_procat .swiper-slide:hover img{transform: scale(1.1);}
.home_procat .swiper-slide a:hover *{color:#fff}
.home_procat .swiper-slide:hover span{background:#fff;color:var(--logo-color);border-color:var(--logo-color)}
.home_procat .swiper-slide:hover span:after{background-color:var(--logo-color);background-image:url(../images/chevron_right_24dp_fff.png)}
#procat-slider{position:relative}
.swiper-procat-next,.swiper-procat-prev{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50px;border:1px solid var(--logo-color);background:url(../images/chevron_right_24dp_blue.png) no-repeat center;cursor:pointer}
.swiper-procat-next:hover,.swiper-procat-prev:hover{background-color:var(--logo-color);background-image:url(../images/chevron_right_24dp_fff.png)}
.swiper-procat-prev{left:-50px;transform: rotate(180deg);}
.swiper-procat-next{right:-50px;}
.swiper-pagination-procat{text-align:center;margin-top:35px}
.swiper-button-disabled{opacity:0.3;cursor: not-allowed;}
.swiper-pagination-procat span{-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; opacity:1; cursor:pointer; 
width:15px; height:5px; margin-left:10px; outline:none; background:rgba(0,0,0,0.5);}
.swiper-pagination-procat span.swiper-pagination-bullet-active{background-color:var(--font-gray)}
/**/
.home_about{background:linear-gradient(to right, #e8eef5, #fff, #e5e5e5)}
.home_about .container{display:flex;flex-wrap:wrap;width:100%}
.home_about_lt{order:1;width:calc(100% - 600px);padding-right:50px;}
.home_about_lt .h2_title{font-size:40px;text-align:left;margin-bottom:35px;line-height:1.2;}
.home_about_lt .h2_title:after{height:6px;margin-top:15px;margin-left:2px;}
.home_about_desc{font-size:18px;line-height:1.5}
.home_about_desc p.text-indent-1em{text-indent:2em}
.home_about_desc p+p{margin-top:5px;}
.link-div { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:35px; }
.link-div a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px 25px; }
.link-div .link-href { border-radius: 50px; font-size:18px; border-color: var(--logo-color); border-width: 2px; color: var(--logo-color); border-style: solid; width: 32%; }
.link-div .link-href:after { content: ""; background-image: url(../images/icon_arrow_long_blue.png); background-size: 28px 13px; width: 28px; height: 13px; display: inline-block; margin-left: 15px }
.link-div .link-3d { border-radius: 50px; font-size:18px; border-color:var(--logo-color); border-width: 2px; background-color: var(--logo-color); color: #fff; border-style: solid; width: calc(100% - 32% - 20px); }
.link-div .link-3d:after { content: ""; background-image: url(../images/icon_arrow_long_white.png); background-size: 28px 13px; width: 28px; height: 13px; display: inline-block; margin-left: 15px }
.home_about_rt{order:2;width:600px;border-radius:5px;padding:15px;border:1px solid var(--logo-color)}
.home_about_rt img{width:100%;height:auto;display:block;border-radius:5px;}
.link-div .link-href:hover{background-color:var(--logo-color);color:#fff}
.link-div .link-href:hover:after{background-image: url(../images/icon_arrow_long_white.png);}
.link-div .link-3d:hover{background-color:#fff;color:var(--logo-color)}
.link-div .link-3d:hover:after{background-image: url(../images/icon_arrow_long_blue.png);}
/**/
.home_adv ul {}
.home_adv li:nth-child(-n+3) {margin-top: 0}
.home_adv li .thumb { background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0; }
.home_adv li .thumb img { width: 100%; height: auto }
.home_adv li.box { width: calc(33.33333333% - 13.33333333333px); margin-right: 20px; position: relative; margin-top: 20px; }
.home_adv li:nth-child(3n) {margin-right: 0}
.home_adv li.three { display: block; width: 100%; height: auto; margin: 0 }
.home_adv li .box-desc { position: absolute; display: -webkit-flex; display: flex; left: 0; top: 0; width: 100%; height: 100%; color: #fff; line-height: 1.4; align-items: flex-end; padding:35px; z-index: 1; background: rgba(0, 0, 0, 0.2); overflow: hidden; }
.home_adv li .box-p {
 .4sanimation-timing-function: ease-out;
 transition: .4s ease-out; transform: translateY(140px); }
.home_adv li b { font-size: 18px; color: #fff; text-transform:capitalize; font-weight:bold;}
.home_adv li p { font-size: 14px; margin-top: 10px; display: block; opacity: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; height: 9.8em; }
.home_adv li:hover p { display: block; opacity: 1 }
.home_adv li:hover b { opacity: 1 }
.home_adv li:hover .box-p { transform: translateY(0px); }
.home_adv li:hover .box-desc { background: rgba(0, 0, 0, 0.5); }
/***/
.product-hotpro-ul{display:flex;flex-wrap:wrap}
.product-hotpro-ul *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
.product-hotpro-ul li{width:calc(25% - 15px);margin-right:20px;margin-top:40px}
.product-hotpro-ul li:nth-child(-n+4){margin-top:0}
.product-hotpro-ul li:nth-child(4n){margin-right:0}
.product-hotpro-ul li .thumb{overflow: hidden;border-radius: 5px;}
.product-hotpro-ul li .thumb img{display:block;width:100%;height:auto}
.product-hotpro-ul li h3{line-height:1.2;font-size:18px;margin-top:20px;font-weight:normal}
.product-hotpro-ul li h3 a{color:#000;font-weight:normal;}
.product-hotpro-ul li p{font-size:16px;line-height:1.2;margin-top:25px;}
.product-hotpro-ul li p.view a{width:220px;margin:0 auto;background:none;color:var(--font-gray)}
.product-hotpro-ul li p.view a:after{background-color:var(--font-gray);background-image:url(../images/chevron_right_24dp_fff.png)}
.product-hotpro-ul li:hover img{transform: scale(1.1);}
.product-hotpro-ul li:hover h3 a{color:var(--font-gray)}
.product-hotpro-ul li:hover p.view a{background-color:var(--font-gray);color:#fff}
.product-hotpro-ul li:hover p.view a:after{background-color:#fff;background-image:url(../images/chevron_right_24dp_yellow.png)}
/**/
.view-more-a{color:var(--font-gray);font-weight:bold;font-size:14px;position:relative;height:24px;line-height:24px;padding-right:34px;cursor:pointer;display:inline-block}
.view-more-a:after{background-color:var(--font-gray);background-image:url(../images/chevron_right_24dp_fff.png);background-repeat:no-repeat;background-position:center;width:24px;height:24px;position:absolute;right:0;top:0;border-radius:50px;content:"";display:block}
/**/
.home_cert{}
.home_cert .container{display:flex;flex-wrap:wrap;width:100%}
.cert_lt{width:450px;padding-right:50px;order:1}
.cert_lt .h2_title {font-size: 40px;text-align: left;margin-bottom: 35px;line-height: 1.2;}
.cert_lt .h2_title:after {height: 6px;margin-top: 15px;margin-left: 2px;}
.cert_rt{width:calc(100% - 450px);order:2}
.cert_rt:before{content:"";display:block;background:url(../images/iso.jpg) no-repeat right top;background-size:auto 35px;height:45px}
.cert_rt img{display:block;width:100%;height:auto}
.home_cert .link-div .link-href{width:100%}
.swiper-pagination-cert{margin-top:5px;text-align:center}
.swiper-pagination-cert span{-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; opacity:1; cursor:pointer; 
width:5px; height:5px; margin-left:10px; outline:none; background:rgba(0,0,0,0.5);}
.swiper-pagination-cert span.swiper-pagination-bullet-active{background-color:var(--font-gray)}
/**/
.news_ulist *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
.news_ulist li{width:calc(25% - 15px);margin-right:20px;border:1px solid #ddd;-moz-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1);border-radius:5px;}
.news_ulist li:nth-child(-n+4){margin-top:0}
.news_ulist li:nth-child(4n){margin-right:0}
.news_ulist li .thumb{overflow: hidden;border-top-left-radius:5px;border-top-right-radius:5px;position:relative}
.news_ulist li .thumb time{background:var(--logo-color);color:#fff;padding:15px;position:absolute;left:0;bottom:0}
.news_ulist li .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16 / 10; transition: 0.5s;}
.news_ulist li .desc{height:202px;position:relative;padding:20px 15px}
.news_ulist li h3{line-height:1.2;font-size:18px;font-weight:bold;}
.news_ulist li p.descp{font-size:14px;line-height:1.2;margin-top:15px;height:2.4em;}
.news_ulist li p.view{position:absolute;left:15px;bottom:20px}
.news_ulist a:hover p.descp{color:#000}
.news_ulist a:hover img{transform: scale(1.1);}
.news_ulist a:hover h3{color:var(--font-gray)}
.news_ulist a:hover span{color:var(--logo-color)}
.news_ulist a:hover span:after{background-color:var(--logo-color)}
.news_ulist a:hover time{background:var(--font-gray)}
/***/
.news_categorys_tab{text-align:center;margin-bottom:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.news_categorys_tab a{display:block;border-radius:50px;border:1px solid var(--logo-color);color:var(--logo-color);opacity:0.8;padding:10px 15px;margin:0 8px;min-width:100px;font-weight:bold}
.news_categorys_tab a.on{color:#fff;border-color:var(--font-gray);opacity:1;background:var(--font-gray);}
.news_categorys_tab a:hover{opacity:1}
.news_tab_box{display:none}
.news_tab_box.on{display:block;}
.cta-post{margin-top:35px;text-align:center}
.cta-post .view-product-a{display:inline-block;min-width:280px;font-size:16px}
.cta-post .view-product-a:hover{background:var(--font-gray);color:#fff}
.cta-post .view-product-a:hover:after{background-color:#fff;background-image:url(../images/chevron_right_24dp_yellow.png)}
/***/
#kefu{position: fixed;right: 0; top:35%;text-align: right;z-index: 990;}
#kefu ul{}
#kefu li.kli{width:45px;position: relative;margin-bottom:3px;text-align: left;}
#kefu li.kli p.hoverp{display: none;width:280px;height:100%;position:absolute;right:100%;top: 0;background: var(--logo-color);color: #fff;font-weight:normal;text-align: center;font-size:15px;line-height:45px}
#kefu li.kli p.hoverp a{color:#fff;vertical-align:top;font-size:16px;}
#kefu .close_kefu{width:35px; height:35px;display: inline-block;background: rgba(0,0,0,.2) url(../images/close_24dp_FFF.png) no-repeat center; cursor: pointer; background-size: 20px;}
#kefu.on .close_kefu{}
#kefu li.kli.tel p{width:200px}
#kefu li.kli span.kspan{width:100%;height:45px;border-radius:5px;border:1px solid var(--logo-color);display: block;background-color:#fff;background-repeat:no-repeat;background-position:center;box-shadow:2px 5px 10px 0px rgba(0, 0, 0, 0.1);}
#kefu li.kli span.email{background-image:url(../images/icon_temail.png);background-size: 20px;}
#kefu li.kli span.kspan:hover,#kefu li.hover span.kspan{background-color:var(--logo-color);border-color:var(--logo-color);border-radius:0}
#kefu li.kli span.email:hover,#kefu li.hover span.email{background-image:url(../images/icon_temail_fff.png)}
#kefu li.kli span.tel{background-image:url(../images/icon_phone.png);background-size: 20px;}
#kefu li.kli span.tel:hover,#kefu li.hover span.tel{background-image:url(../images/icon_phone_fff.png)}
#kefu li.kli span.equire{background-image:url(../images/support_agent_50dp.png);background-size: 30px;}
#kefu li.kli span.equire:hover,#kefu li.hover span.equire{background-image:url(../images/support_agent_50dp_FFF.png)}
#kefu li.kli span.scrollTop{background-image:url(../images/expand_less_24dp_194189.png);background-size: 24px;cursor:pointer}
#kefu li.kli span.scrollTop:hover,#kefu li.hover span.kspan{background-image:url(../images/expand_less_24dp_FFF.png);}
#kefu li:hover p.hoverp,#kefu li.hover  p.hoverp{display:block}
#kefu li:hover,#kefu li.hover .kefu_equire{display:block}
.kefu_equire{display:none;width: 600px;padding:20px;background:var(--logo-color);position:absolute;right:100%;top: 0;margin-right:0;}
.kefu_equire .formul{display:flex;flex-wrap:wrap}
.kefu_equire .formul>li{width: calc(50% - 10px);margin-right: 20px;margin-top:10px}
.kefu_equire .formul>li:nth-child(2n){margin-right:0}
.kefu_equire  .formul>li:nth-child(4){}
.kefu_equire .formul>li:nth-child(5){width:100%;margin-right:0}
.kefu_equire .wpcf7-not-valid-tip{margin-top:5px;width:100%;}
.kefu_equire .wpcf7-text,.kefu_equire .wpcf7-textarea{display:block;width:100%;border:1px solid #ddd;padding: 8px 10px;border-radius: 5px;}
.kefu_equire .wpcf7-submit{background:var(--font-gray);border-radius: 5px;color:#fff;font-size: 16px;padding: 10px 15px;border: 0;cursor: pointer;}
.kefu_equire .wpcf7-phonetext{padding-left: 80px !important;}
.kefu_equire .wpcf7 form .wpcf7-response-output{margin-top: 11px;padding:10px;border-width: 1px;}
.wpcf7-spinner{display:none!important}
.wpcf7 form.submitting .wpcf7-spinner{display:inline-block!important;}
#simple-chat-button--container { position: fixed; bottom: 20px; right: 20px; z-index: 999999999; } #simple-chat-button--button { display: block; position: relative; text-decoration: none; width: 60px; height: 60px; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .15); background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center/44px 44px no-repeat #25D366; } #simple-chat-button--text { display: block; position: absolute; width: max-content; background-color: #fff; bottom: 15px; right: 70px; border-radius: 5px; padding: 
10px 15px; color: #000; font-size: 16px; font-weight:normal; letter-spacing: -0.03em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-break: keep-all; line-height: 1em; text-overflow: ellipsis; vertical-align: middle; box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .15); } #simple-chat-button--button:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; -webkit-animation: scb-shockwave-animation 2s 5.3s ease-out infinite; animation: scb-shockwave-animation 2s 5.3s ease-out infinite; z-index: -1; } #simple-chat-button--button:hover { -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media only screen and (max-width: 1024px) { #simple-chat-button--container { bottom: 20px; } } @media only screen and (max-width: 768px) { #simple-chat-button--container { bottom: 20px; } } @-webkit-keyframes scb-shockwave-animation { 0% { -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 2px rgba(0, 100, 0, .5), inset 0 0 1px rgba(0, 100, 0, .5); } 95% { box-shadow: 0 0 50px transparent, inset 0 0 30px transparent; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes scb-shockwave-animation { 0% { -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 2px rgba(0, 100, 0, .5), inset 0 0 1px rgba(0, 100, 0, .5); } 95% { box-shadow: 0 0 50px transparent, inset 0 0 30px transparent; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } }
#simple-chat-button--text em{display:block;font-style:normal}
#simple-chat-button--text i{display:block;font-style:normal}
#simple-chat-button--text i {display:none;}
#simple-chat-button--text:hover em{display:none}
#simple-chat-button--text:hover i{display:block}
/*******************************/
nav .pc{}
nav  .mb{display:none}