@charset "UTF-8";
/*---=======================
   01. 头部 
===========================---*/
.header-nav{position:relative;background:#fff}
.header-nav .brand-info{border-left:1px solid #e2e2e2;padding-left:15px}
.header-nav .brand-info h5{font-size:18px;margin:0;font-weight:600}
.header-nav .brand-info p{font-size:0.95rem}
.header-nav .site-branding .media-object{margin:0}
.header-nav .main-menu ul{margin:0}
.header-nav .main-menu ul li{display:inline-block;position:relative}
.header-nav .main-menu ul li>a{display:block;text-transform:capitalize;padding:45px 10px;line-height:1;font-weight:600}
.header-nav .main-menu ul li .sub-menu{position:absolute;left:0;top:120%;width:200px;background-color:#fff;opacity:0;visibility:hidden;transition:all 0.2s ease-out 0s;z-index:99;height:auto}
.header-nav .main-menu ul li .sub-menu li{display:block;margin:0}
.header-nav .main-menu ul li.active>a{color:#ff3838}
.header-nav .main-menu ul li .sub-menu li:last-child > a{border-bottom:none}
.header-nav .main-menu ul li .sub-menu li a{display:block;padding:8px 15px;position:relative;transition:all 0.3s ease-out 0s;border-radius:0;line-height:2;margin:0;text-align:left;border-bottom:1px solid #ececec}
.header-nav .main-menu ul li .sub-menu li a i{color:#fff;margin-right:-8px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.header-nav .main-menu ul li .sub-menu li:hover a i{margin-right:8px;visibility:visible;opacity:1}
.header-nav .main-menu ul li .sub-menu li a:hover{background-color:#ff3838;color:#fff !important;border-color:transparent}
.header-nav .main-menu ul li:hover > a{color:#ff3838}
.header-nav .main-menu ul li:hover > .sub-menu{opacity:1;visibility:visible;top:100%}
.header-nav .site-branding{position:relative}
/* top-phone */
.header-nav .top-phone{float:right}
.header-nav .top-phone li{margin-left:10px}
.header-nav .top-phone li:first-child{margin-right:10px}
.header-nav .top-phone li:last-child{font-size:14px}
.header-nav .top-phone li a{position:relative;padding:0}
.header-nav .top-phone i{transform:rotate(-45deg);font-size:38px;padding-top:8px}
.header-nav .top-phone p{line-height:1;text-align:left}
.phoneNum{font-size:32px}
/* breakpoint-on */
.header-nav.breakpoint-on .nav-menu{background-color:#fff;position:fixed;top:0;left:-300px;z-index:9999;width:300px;height:100%;transition-duration:500ms;padding:0;box-shadow:0 5px 20px rgba(0,0,0,0.1);display:block;overflow-x:hidden;overflow-y:scroll;padding-top:70px}
.header-nav.breakpoint-on .nav-menu .site-branding .brand-logo img{ height:50px}
.header-nav.breakpoint-on .nav-menu.menu-on{left:0}
.header-nav.breakpoint-on .nav-menu .main-menu ul li{display:block;margin:0;text-align:left;border-bottom:1px solid #ececec}
.header-nav.breakpoint-on .nav-menu .main-menu ul li a{display:block;padding:13px 20px;font-size:inherit;border-bottom:1px solid rgba(255,255,255,0.5)}
.header-nav.breakpoint-on .nav-menu .main-menu ul li:last-child{border-bottom:0}
.header-nav.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu{border-top:1px solid #ececec}
.header-nav.breakpoint-on .nav-menu .main-menu ul li .sub-menu{border-top:1px solid #ececec;width:100%;position:relative;top:0;left:0;box-shadow:none;background-color:transparent;visibility:visible;opacity:1;display:none;transition:none}
.header-nav.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a{padding:0px 20px 0 40px;line-height:45px}
.header-nav.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover{border-color:rgba(255,255,255,0.5)}
.header-nav.breakpoint-on .nav-menu .main-menu ul li .dd-trigger{position:absolute;right:6px;top:6px;width:32px;height:32px;text-align:center;font-size:16px;line-height:32px;color:#312620;background:#efefef;cursor:pointer;border-radius:2px;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;z-index:5}
.header-nav.breakpoint-on .nav-menu .main-menu ul li .dd-trigger.open{background:#0056f9;color:#fff;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.header-nav.breakpoint-on .nav-menu .main-menu.menu-on{left:0}
.header-nav.breakpoint-on .navbar-close,.header-nav.breakpoint-on .navbar-toggler{display:block}
.header-nav .navbar-toggler{padding:0;border:none;background-color:transparent;cursor:pointer;display:none}
.header-nav .navbar-toggler span{position:relative;background-color:#222;border-radius:3px;display:block;height:3px;margin-top:5px;padding:0;transition-duration:300ms;width:30px;cursor:pointer;display:block}
.header-nav .navbar-close{position:absolute;top:0;right:0;z-index:12;display:none;background:#ff3838;padding:5px}
.header-nav .navbar-close .cross-wrap{width:34px;height:34px;cursor:pointer;position:relative}
.header-nav .navbar-close .cross-wrap span{position:absolute;display:block;width:100%;height:2px;border-radius:6px;background:#fff}
.header-nav .navbar-close .cross-wrap span.top{top:17px;left:0;transform:rotate(45deg)}
.header-nav .navbar-close .cross-wrap span.bottom{bottom:15px;left:0;transform:rotate(-45deg)}
.header-nav.breakpoint-on .nav-menu .menu-backdrop{position:fixed;right:0;top:0;width:100%;height:100%;z-index:-1;transition:all 700ms ease;-moz-transition:all 700ms ease;-webkit-transition:all 700ms ease;-ms-transition:all 700ms ease;-o-transition:all 700ms ease;opacity:0;visibility:hidden;background:#fff}
.header-nav.breakpoint-on .nav-menu.menu-on .menu-backdrop{opacity:0.80;visibility:visible}
.sticky-menu{left:0;margin:auto;position:fixed;top:0;width:100%;z-index:99;background:#fff;-webkit-animation:800ms ease-in-out 0s normal none 1 running fadeInDown;animation:800ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.10);-moz-box-shadow:0 0 15px rgba(0,0,0,0.10);-ms-box-shadow:0 0 15px rgba(0,0,0,0.10);-o-box-shadow:0 0 15px rgba(0,0,0,0.10);box-shadow:0 0 15px rgba(0,0,0,0.10);padding:0}
/*---=======================
   02. 幻灯 
===========================---*/
.main-banner{position:relative;z-index:1;padding-top:300px;padding-bottom:300px;background-position:center center;background-size:cover;background-repeat:no-repeat}
.hero-area .hero-slider .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;font-size:18px;border:2px solid rgba(246,246,246,0.3);color:rgba(246,246,246,0.3);z-index:1;cursor:pointer;transition:all 0.3s ease-out 0s}
.hero-area .hero-slider .slick-arrow:hover{background-color:#ffffff;opacity:1;border-color:transparent;color:#0056f9}
.hero-area .hero-slider .slick-arrow.prev{left:60px}
.hero-area .hero-slider .slick-arrow.next{right:60px}
/*---=======================
   03. 搜索 
===========================---*/
.search-content{padding:30px;border-radius:10px;box-shadow:0px 2px 16.74px 1.26px rgba(95,95,100,0.13);background:#fff;position:relative;z-index:1;margin-top:-30px;margin-bottom:20px;margin-left:auto;margin-right:auto}
.search-content .menu a{padding-left:0px;padding-right:14px}
.search-content .menu .menu-text{padding-left:5px;padding-right:5px}
.search-content .search-warp li input[type="search"]{border:1px solid #dbdbdb;border-right:none;box-shadow:none}
.search-content .search-warp .search-btn{background:#0056f9}
.search-content .search-warp .search-btn i{margin-right:5px}
.search-content .search-warp .search-btn:hover{background:#ff3838}
.header-nav.breakpoint-on .nav-menu .nav-search{margin:0 20px;margin-bottom:30px;position:relative}
.header-nav.breakpoint-on .nav-menu .nav-search .search-btn{position:absolute;right:14px;cursor:pointer;background:transparent;border:0;font-size:20px;color:#0056f9;top:50%;transform:translateY(-50%)}
/*---=======================
   04. 为什么选择我们 
===========================---*/
.why-area{background:url(../image/why_bg.png) #ffffff;background-repeat:no-repeat;background-size:100% 100%}
.why-area .main-title{margin:15px}
.why_wrap{background:url(../image/bg_why.jpg);background-repeat:no-repeat;background-position:center center;padding:250px 0;position:relative;width:100%;height:auto}
.why_wrap .choose-info{position:absolute;font-weight:600}
.why_wrap .choose-info strong{font-size:24px;font-style:italic;font-family:Georgia,'Times New Roman',Times,serif;padding:0px 10px 6px 4px}
.why_wrap .choose-info.info-01{top:30px;left:50%;transform:translate(-50%,0)}
.why_wrap .choose-info.info-02{left:-15px;top:135px;text-align:center;width:50%}
.why_wrap .choose-info.info-03{right:-35px;top:135px;text-align:center;width:50%}
.why_wrap .choose-info.info-04{left:-45px;bottom:105px;text-align:center;width:50%}
.why_wrap .choose-info.info-05{right:0;bottom:105px;text-align:center;width:50%}
.why_wrap .choose-info.info-06{bottom:0;left:50%;transform:translate(-50%,0)}
@media all and (min-width:1480px) and (max-width:1570px){.why_wrap .choose-info.info-02{left:-30px}
.why_wrap .choose-info.info-04{left:-60px}
.why_wrap .choose-info.info-03{right:-50px}
.why_wrap .choose-info.info-05{right:-20px}
}@media all and (max-width:1479px){.why_wrap .choose-info.info-02{left:-60px}
.why_wrap .choose-info.info-04{left:-90px}
.why_wrap .choose-info.info-03{right:-80px}
.why_wrap .choose-info.info-05{right:-45px}
}@media all and (min-width:1201px) and  (max-width:1358px){.why_wrap .choose-info{text-align:left !important}
.why_wrap .choose-info.info-02{width:250px;left:100px}
.why_wrap .choose-info.info-04{width:320px;left:70px}
.why_wrap .choose-info.info-03{width:250px;right:100px}
.why_wrap .choose-info.info-05{width:250px;right:110px}
}@media all and (max-width:1200px){.why-area{background:none}
.why_wrap{background:none;padding:40px 0 0}
.why_wrap .choose-info{position:relative;border:1px solid #dbdbdb;width:49% !important;text-align:left !important;left:0 !important;top:0 !important;transform:none !important;padding:0 10px;margin:0.5%;float:left}
.why_wrap .choose-info strong{font-size:2.5rem}
.why_wrap .choose-info p{margin:0;display:flex;align-items:center;font-size: 16px;}
}
/*---=======================
   05. 我们的优势
===========================---*/
.service-area{padding-bottom:5rem}
.service-area .inner{border-radius:10px 10px 0 0;background:#fff;transition:all 0.3s ease;cursor:pointer;padding:15px;box-shadow:0px 6px 0 0 rgba(40,40,40,0.05);margin:10px auto 20px auto}
.service-area .inner:hover{box-shadow: 0 6px 0 0 #0056f9;transform:translateY(-8px)}
.service-area .inner h5{margin:0;font-size:18px;font-weight:600}
.service-area .inner:hover h5{color: #0056f9}
.service-area .inner p{margin-bottom:10px;text-transform:uppercase;color:#c5c5c5;font-family: 'barlow-condensed-v4-latin-200';}
/*---=======================
   05. 产品展示
===========================---*/
.products-area{position:relative}
.products-area:before{content:"";background:url(../image/dot_bg.png);position:absolute;width:100%;height:100%;top:0;z-index:0}
.products-wrap{position:relative;z-index:1}
.products-area .tabs{margin:2rem 0;border:none;background:none}
.products-area .tabs li:first-child a{border-radius:5px 0 0 5px}
.products-area .tabs li:last-child a{border-radius:0 5px 5px 0}
.products-area .tabs li.tabs-title{float:none;display:inline-block;margin-bottom:0.5rem}
.products-area .tabs li.tabs-title>a{border:1px solid #dbdbdb;color:#222;background:#fff;font-size:17px;font-weight:600;padding:10px 16px}
.products-area .tabs li.is-active>a{background:#ff3838;border:1px solid #ff3838;color:#ffffff !important}
.products-area .tabs li:not(.is-active).tabs-title>a:hover{border:1px solid #ff3838;color:#ff3838 !important;background:none}
.products-area .tabs-content{background:none;border:none}
.isotope_item{position:relative;overflow:hidden;background:#fff;border:1px solid #ededed;padding:1em;margin-bottom:2em}
.isotope_item h5{margin-bottom:0;margin-top:20px}
.isotope_item p{margin-bottom:0}
.isotope_item .field{position:absolute;top:28px;left:30px}
.isotope_item .field .tags .tag{color:#fff}
.h-scl-01:hover .h-scl-base{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
.h-scl-01 .h-scl-base{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.h-scl-01:hover .h-scl-base img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.h-scl-01 .h-scl-base,.h-scl-base img{-webkit-transition:1.2s cubic-bezier(.17,.85,.438,.99);-o-transition:1.2s cubic-bezier(.17,.85,.438,.99);transition:1.2s cubic-bezier(.17,.85,.438,.99)}
.h-scl-02 .h-scl-base{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.h-scl-02 .h-scl-base,.h-scl-base img{-webkit-transition:1s cubic-bezier(.17,.85,.438,.99);-o-transition:1s cubic-bezier(.17,.85,.438,.99);transition:1s cubic-bezier(.17,.85,.438,.99)}
/*---=======================
   08. 关于我们
===========================---*/
.about-area{position:relative;z-index:0}
.about-area::before{content:"";background:url(../image/about_bg.jpg);height:100%;width:100%;position:absolute;right:0;left:0;top:0;z-index:-1;background-attachment:fixed;background-size:cover;opacity:0.15;filter:blur(4px);background-position:center top;background-repeat:no-repeat}
.about-area .main-title h2 strong{color:#ffd32a}
.about-area .main-title span:before,.about-area .main-title span::after{background-color:#ffe08a}
.about-area .about-content{background:#fff;border-radius:5px;padding:5rem;margin-bottom:3rem}
.about-area .about-content .us-wrap{margin-bottom:50px}
.about-area .about-content .aboutText h2{font-weight:600;font-size:2rem;margin-top:26px}
.separater{position:relative;width:80px;height:3px}
.separater:before{position:absolute;content:'';left:0px;top:10px;width:55px;height:4px;border-radius:50px;background-color:#0056f9}
.separater:after{position:absolute;content:'';right:0px;top:10px;width:19px;height:4px;border-radius:50px;background-color:#ff3838}
.about-area .about-content .engTxt{text-transform:uppercase;color:#dbdbdb;font-size:38px;position:relative;line-height:1}
.about-area .about-content .aboutText p{line-height:2.25rem}
.about-area .btn-primary{margin:15px 0 0}
.aboutImg{position:relative;text-align:right;padding:60px 0}
.aboutImg::after{content:'';position:absolute;left:80px;top:0;z-index:0;width:100%;height:100%;background:url(../image/features-1.png);background-repeat:no-repeat;background-position:left center}
.aboutImg img{border-radius:20px;position:relative;z-index:1}
/*---=======================
   09. 企业文化
===========================---*/
.about-area .about-content .wh-title{margin:50px 0 60px;position:relative}
.card-wh-box{position:relative;z-index:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem;border:0;border-radius:0;background:#fefefe;box-shadow:none;overflow:hidden;color:#0a0a0a}
.card-wh-box >:last-child{margin-bottom:0}
.card-wh-box:hover .card-wh-box-img{opacity:1}
.card-wh-box-content{position:relative}
.card-wh-box-content::before{position:absolute;content:'';top:-2.4rem;left:-2rem;width:0;height:0;border-style:solid;border-width:3rem 0 0 31rem;z-index:0;border-color:transparent transparent transparent #fff}
.card-wh-box-img{max-width:100%;opacity:0.85;transition:all 0.25s ease}
.card-wh-box-avatar{position:absolute;bottom:100%;left:1rem;z-index:2;max-width:5.625rem}
.card-wh-box-name{margin-bottom:0;font-weight:600;font-size:1.5rem}
.card-wh-box-eng{text-transform:uppercase;color:#dbdbdb}
.card-wh-box-info{text-align:left;line-height:2.25rem}
/*---=======================
   10. 工厂图片展示
===========================---*/
.gcpic-area{position: relative;padding-top: 1.75rem}
.gcpic-area .tabs{position:absolute;top: -50px;left: 50%;transform: translate(-50%,0);border: none;background: none;display:flex}
.gcpic-area .tabs li.tabs-title{float:none;display:inline-block}
.gcpic-area .tabs li.tabs-title>a{font-size:18px;font-weight:600;color:#fff !important;background: #ff3838;padding:16px 36px;margin:0 5px !important;cursor:pointer}
.gcpic-area .tabs li.is-active>a{background:#f4f7fe;color:#0056f9 !important;}
.gcpic-area .tabs-content{background:none;border:none}
.folio-img-hvr-wrape{position: relative;}
.folio-img-hvr-wrape img{width:100%;max-height: 280px;border-top-left-radius:5px;border-top-right-radius:5px}
.single-folio-wraper{margin-top: 30px;}
.single-folio-wraper .overlay span{font-size:22px;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.single-folio-wraper:hover .overlay{opacity:1}
.single-folio-wraper:hover .overlay span{margin-top:0}
.folio-hvr-title{padding:25px 5px;border-top:none}
.folio-hvr-title h5{font-weight:600}
/*---=======================
   11. 订货流程
===========================---*/
.work-area .work-card{margin-bottom:30px;padding:30px 0;text-align:center;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 6px 0 0 rgba(40,40,40,0.05);z-index:2;background:#fff;width:100%;height:100%;cursor:pointer}
.work-area .work-card i.Num{position:absolute;left:13px;top:0;font-family:'barlow-condensed-v4-latin-500';font-size:32px;font-style:normal;color:#fff;z-index:1;transition:all 0.5s ease-out 0s}
.work-area .work-card img{width:220px;padding:0 50px}
.work-area .work-card p{font-weight:600;margin:10px 0 0;transition:all 0.5s ease-out 0s}
.work-card::after{content:'';position:absolute;top:-400px;left:-130px;width:500px;height:500px;transform:translateX(-50%) rotate(-45deg);background:linear-gradient(#246ffc 0%,#2d77ff 50%,#0056f9 100%);z-index:-2;transition:.8s all ease}
.work-card:hover::after{transition:.8s all ease;top:-125px;left:50%}
.work-area .work-card:hover p{color:#fff}
.work-area .work-card:hover i.Num{color:#fff;opacity:0}
/*---=======================
   12. 横栏AD
===========================---*/
section.call-to-action{position:relative;color:#fff;padding-top:2.5rem;padding-bottom:2.5rem}
.call-to-action::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,87,249,0.75);z-index:1}
.call-to-action::after{position:absolute;background:url(../image/call_bg01.png) no-repeat;left:0;top:0;width:100%;height:100%;content:"";transition:.8s all ease}
.call-to-wrap{position:relative;z-index:2}
.call-to-action .call-to-wrap .top-bar,.call-to-action .call-to-wrap .top-bar ul{background:none}
.call-to-action .call-to-wrap h3{font-weight:600}
.call-to-action .call-to-wrap .call-text{float:right}
.call-to-action .call-to-wrap .call-text li:first-child a{padding-right:0;padding-left:0;color:#ffd32a !important}
.call-to-action .call-to-wrap .call-text li a.phoneNum{padding-left:10px;margin-right:10px;color:#fff !important}
.call-to-action .call-to-wrap .call-text li a.phoneNum:hover{text-decoration:underline}
.call-to-action .call-to-wrap .call-text li:first-child i{transform:rotate(-45deg)}
.call-to-action .call-to-wrap .call-text li a.btn-primary span{background:#0042bf}
@media all and (max-width:1810px){.call-to-action::after{left:-100px}
.call-to-wrap{margin-left:320px}
}@media all and (max-width:1610px){.call-to-wrap{margin-left:290px}
.call-to-action::after{left:-180px}
.call-to-action .call-to-wrap h3{font-size:29px}
}@media all and (max-width:1510px){.call-to-action .call-to-wrap h3{font-size:27px}
.call-to-action .call-to-wrap .phoneNum{font-size:28px}
}@media all and (max-width:1410px){.call-to-action::after{left:-210px}
.call-to-action .call-to-wrap h3{font-size:24px}
.call-to-action .call-to-wrap p{font-size:14px}
.call-to-action .call-to-wrap .btn-primary i{display:none}
}@media all and (max-width:1310px){.call-to-action::after{display:none}
.call-to-action::before{background-color:#0056f9}
.call-to-wrap{margin-left:0}
.call-to-wrap .grid-x{justify-content:center}
}@media all and (max-width:920px){.call-to-action .call-to-wrap h3{font-size:22px}
.call-to-action .call-to-wrap .phoneNum{font-size:26px}
}
/*---=======================
   13. 新闻资讯
===========================---*/
.news-area{position:relative}
.news-area:before{content:"";background:url(../image/dot-shape.png) #f7f7f7;height:100%;width:100%;position:absolute;right:0;left:0;top:0;opacity:0.35;background-position:center top;background-repeat:repeat}
.news-wrap{position:relative;z-index:1}
.card-article-hover{border:none;margin-bottom:0;background:#f4f7fe;margin-bottom:20px}
.card-article-hover img{width:100%;max-height:340px}
.card-section{width:90%;background:#fff;margin:0 auto;padding:1.5rem;margin-top:-4rem;z-index:2;position:relative;border-radius:3px;transition:all 0.3s ease-out 0s}
.card-section .article-title{font-weight:bold;font-size:1.5rem}
.card-section .article-desc{line-height:2}
.card-section .meta-data{font-size:14px}
.card-section .meta-data i{font-size:12px;color:#8aa0ae}
.card-section .author{text-transform:uppercase;color:#0056f9;display:block}
.card-article-hover:hover .card-section{transform:translateY(-7px)}
.card-article-hover:hover .article-title{color:#0056f9 !important;transition:all 0.3s ease-out 0s}
.card-article-hover:hover p.article-desc, .news_righ_item:hover p.news_content{color:#2c3840;transition:all 0.3s ease-out 0s}
.news_righ_item{position:relative;background:#fff;padding:20px;border:1px solid #e6e6e6;margin-bottom:20px}
.news_righ_item img{width:100%;max-height:100px;height:auto;}
.news_righ_item h5{font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden}
.news_righ_item .news_content{font-size:15px;padding-bottom:25px}
.news_righ_item:hover h5 a{color:#0056f9}
.news_righ_item:hover .h-scl-02 .h-scl-base img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news-area .card-footer{position:absolute;width:100%;left:0;bottom:0;text-align:center;z-index:1;border-top:1px solid #e2e2e2}
.news-area .card-footer a{display:block;padding:10px;font-size:1rem;color:#0056f9;font-weight:600}
.news_righ_item .card-footer::after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#0056f9;transform:scaleX(0);transition:all 0.5s ease-out 0s}
.news_righ_item:hover .card-footer::after{transform:scaleX(1)}
/*---=======================
   14. 行业应用
===========================---*/
.app-area .app-slider .single-box{position:relative;z-index:2;margin:0 15px;background:#f4f7fe}
.app-area .app-slider .single-box .part-img{border-top-left-radius:5px;border-top-right-radius:5px;position:relative;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.app-area .app-slider .single-box:hover .part-img .overlay{opacity:1}
.app-area .app-slider .single-box:hover .part-img .overlay a{margin-top:0}
.app-area .app-slider .single-box .part-txt{text-align:center;padding:30px 20px 100px}
.app-area .app-slider .single-box .part-txt h5 a{font-size:24px;line-height:100%;font-weight:700;margin-bottom:16px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.app-area .app-slider .single-box .part-txt p{font-size:16px;line-height:29px;color:#888888}
.app-area .app-slider .single-box .part-txt .btn-primary{position:absolute;bottom:36px;left:50%;transform:translate(-50%,0);background:none;border:2px solid #ff3838;color:#ff3838 !important}
.app-area .app-slider .single-box .part-txt .btn-primary:hover{border:2px solid #0056f9;color:#fff !important}
.app-area .app-slider .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;font-size:18px;background:#0056f9;color:#ffffff;z-index:1;cursor:pointer;transition:all 0.3s ease-out 0s}
.app-area .app-slider .slick-arrow:hover{background:#ff3838}
.app-area .app-slider .slick-arrow.prev{left:-100px}
.app-area .app-slider .slick-arrow.next{right:-100px}
.app-area .app-slider .slick-dots{text-align:center;margin-top:20px}
.app-area .app-slider .slick-dots li.slick-active button{background:#ff3838}
.app-area .app-slider .slick-dots li button{width:10px;height:10px;background:#888;border-radius:50%}
/*---=======================
   15. 底部
===========================---*/
.site-footer{background:#0056f9;color:#fff;padding:2.5rem 0 0}
.footer-title{color:#fefefe;margin-bottom:2.5rem;font-size:1.25rem;font-weight:600;position:relative}
.footer-title::before{content:'';position:absolute;z-index:1;width:36px;height:100%;left:0;bottom:-10px;border-bottom:3px solid #ff3838}
/* .footer-title::after{content:'';position:absolute;z-index:0;width:100%;height:100%;left:0;bottom:-9px;border-bottom:1px solid rgba(255,255,255,0.08)} */
.footer-main .menu a{color:#fff;padding:0 20px 25px 0;position:relative}
.footer-main .menu a::after{content:"";position:absolute;left:0;bottom:20px;right:20px;height:1px;background:#fff;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform 0.4s cubic-bezier(1,0,0,1);transition:transform 0.4s cubic-bezier(.74,.72,.27,.24)}
.footer-main .menu a:hover::after{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.footer-main .menu a:hover{color:#fff !important}
.footer-block{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:0.7rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer-block i{font-size:1.5rem}
.footer-block p{margin-left:1rem;margin-bottom:0;color:#fff}
.site-footer .footer-pro .footer-pro-box{margin-left:0.5rem;margin-right:0.5rem}
.site-footer .footer-pro .footer-pro-box.thumbnail{box-shadow:none;border:none}
.site-footer .footer-pro .footer-pro-box a{position:relative;box-shadow:none;border:none}
.site-footer .footer-pro .footer-pro-box a:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0.85);-webkit-transition:0.5s;transition:0.5s;opacity:0;z-index:90}
.site-footer .footer-pro .footer-pro-box a:hover:before{opacity:0.8}
.site-footer .footer-pro .footer-pro-box a i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:0.5s;transition:0.5s;background:#ff3838;color:#fff;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;font-size:16px;z-index:99}
.site-footer .footer-pro .footer-pro-box a:hover i{opacity:1}
.site-footer .wx_wrap li:last-child{max-width:140px;text-align:center;line-height:2;margin-top:5px;background:rgba(255,255,255,0.1)}
.footer-bottom{background:#0042bf;padding:1rem 0;font-size:16px}
.footer-bottom p,.footer-bottom .menu{margin-bottom:0}
.footer-bottom p span{margin-left:15px}
.footer-bottom .footer-bottom-links{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.footer-bottom a{color:#fff !important}
.footer-bottom a:hover{color:#fff !important;text-decoration:underline}
.footer-bottom-links a:hover{color:#fff !important;background:#043ba0;text-decoration:none}
/*--- scroll to top css ---*/
.scroll-top{width:46px;height:46px;line-height:46px;position:fixed;bottom:105%;right:30px;border-radius:6px;z-index:99;color:#ffffff;text-align:center;cursor:pointer;background:#0056f9;transition:1s ease;border:none;opacity:0}
.scroll-top.open{bottom:12px;opacity:1}
.scroll-top::after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%)}
.scroll-top:hover{background:#ff3838}
.scroll-top .icon{font-size:18px;line-height:46px}
/*---=======================
    inner banner
===========================---*/
.channel-banner{height:250px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0}
.channel-banner::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,86,249,0.5);z-index:1}
.channel-banner .banner-info{color:#fff;position:absolute;top:50%;transform: translate(0, -50%);left:0;right:0;z-index:3}
.channel-banner .banner-info h3{font-size:48px;position:relative;text-transform: uppercase;margin-bottom:20px}
.channel-banner .banner-info h3:before{left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#ff3838;content:'';display:block;position:absolute}
.breadcrumbs a {font-weight:600;color:#fff}
.breadcrumbs a:hover{color:#ff3838 !important;text-decoration:none;}
.crumbs::after {margin:0 0.75rem;content:">";color:#fff;}
/*---=======================
   inner side-bar-left
===========================---*/
.sidebarL dl dt{position:relative}
.sidebarL dl dt::before,.sidebarL dt:after{content:'';position:absolute;width:50%;height:15px;left:0%;transform:translateX(50%);border-left:2px solid #ff3838;border-right:2px solid #ff3838}
.sidebarL dl dt::before{top:-10px;border-top:2px solid #ff3838}
.sidebarL dl dt:after{bottom:0;border-bottom:2px solid #ff3838}
.sidebarL dl .sidebarL_top{padding:20px 0}
.sidebarL dl .sidebarL_top h4{line-height: 1; font-weight: 600;text-shadow:1px 1px #fff;}
.sidebarL dl .sidebarL_top p{line-height: 1;font-weight: normal;text-shadow:1px 1px #fff;}
.sidebarL dl h2{font-size:3rem;text-shadow:3px 3px rgba(20,20,20,0.1);letter-spacing:0.2rem;line-height:1;padding:5px 0 10px;text-transform:uppercase}
.sidebarL dl dd{margin:10px 0 10px 0}
.sidebarL dl dd a{display:block;padding:10px 0;font-weight:600;background:#f4f7fe;text-align:center;border-radius:20px 0;font-size:18px}
.sidebarL dl dd:hover a,.sidebarL dl dd a.active{background:#ff3838;color:#fff !important}
.sidebarL dl dt+dd{margin-top:20px}
.sidebar-widget{padding: 30px;margin: 20px 0;border-radius:20px 0;text-align: center;box-shadow: 0px 0px 16px 1px rgba(85, 80, 98, 0.1);}
.sidebar-widget .icon{background:#0056f9;display:inline-block;border-radius:50%;width:60px;height:60px;line-height:75px;color:#fff}
.sidebar-widget .icon i{transform: rotate(-45deg)}
/* Mobilebar */
.Mobilebar{margin:10px;padding:0}
.Mobilebar ul.dropdown{line-height:60px}
.Mobilebar ul.dropdown li.is-dropdown-submenu-parent>a{background:#e2432e;color:#fff;padding:0.7rem 2rem}
.Mobilebar ul.dropdown li.is-dropdown-submenu-parent i{margin-right:5px}
.Mobilebar ul.dropdown>li{width:50%}
.Mobilebar ul.dropdown>li.opens-right>.is-dropdown-submenu{left:auto}
.Mobilebar ul.dropdown>li:not(.is-dropdown-submenu-parent){font-weight:600;color:#3a4953}
.Mobilebar ul.dropdown li ul.submenu{z-index:10;border:none;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05)}
.Mobilebar ul.dropdown li ul.submenu li{border-bottom:1px solid #343434;background:#222222}
.Mobilebar ul.dropdown li ul.submenu li:last-child{border:none}
.Mobilebar ul.dropdown li ul.submenu li a{padding:15px 40px;color:#fff;font-weight:normal}
.Mobilebar ul.dropdown li ul.submenu li a.active{color:#0056f9;font-weight:600}
.Mobilebar ul.dropdown.menu>li.is-dropdown-submenu-parent>a::after{display:none}
/*---=======================
   A. 关于我们 / 企业文化单页
===========================---*/
.ab-pic.aboutImg{padding-left:100px}
.ab-pic.aboutImg::after{left:-45px;background-position:right center}
.ab-title{font-size:28px;font-weight:600}
.text-sec p{line-height:2.25rem;font-size:1.15rem}
.whTxt{list-style:none}
.whTxt li{margin-bottom:20px}
.wh-pic{padding-left:50px}
.whTxt span{margin-left:15px;margin-bottom:10px;padding:5px 25px 8px 14px;line-height:24px;display:inline-block;position:relative;font-style:italic;font-weight:600;color:#fff;z-index:0}
.whTxt span::before{content:'';position:absolute;background:#545358;width:100%;height:100%;border-bottom:4px solid #ff3838;transform:skew(-20deg);z-index:-1;left:-5px;top:0}
.whTxt span::after{content:'';position:absolute;right:-13px;top:0;width:0;height:0;border-left:16px solid #545358;border-top:30px solid transparent;transform:skew(-20deg)}
/*---=======================
   B. 工厂实景 / 体系认证单页
===========================---*/
.ab_swipebox{min-height: 500px;}
.ab_swipebox .single-folio-wraper{margin-top: 0;}
.ab_swipebox .folio-img-hvr-wrape img{border-radius: 0;}
.ab_swipebox .folio-hvr-title{padding: 15px 5px;}
.ab_swipebox .folio-hvr-title h5{font-weight: normal;}
/*---=======================
   C. 产品中心
===========================---*/
.inner-proBox .isotope_item p{margin-bottom: 20px;}
.inner-proBox a.button{background: #0056f9; color: #fff !important;border-radius: 3px;}
.inner-proBox .h-scl-01:hover a.button{background: #ff3838;}
.product-details{margin-top:30px}
.product-details .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;border-radius:5px;font-size:18px;background-color:#999999;color:#fff;z-index:1;cursor:pointer;transition:all 0.3s ease-out 0s}
.product-details .slick-arrow:hover{background-color:#ff3838}
.product-details .slick-arrow.prev{left:15px}
.product-details .slick-arrow.next{right:15px}
.product-details-title p{color:#6a667b;font-size:14px;margin-bottom:5px}
.product-details-title h1{font-size:40px;font-weight:600;padding-bottom:15px;margin-bottom:20px;border-bottom:2px solid #eaedff}
.product-details-content{padding-bottom:70px}
.product-details-content p{color:#888}
.product-details-content p strong{color:#222;margin-right:15px}
.product-details-action{position:absolute;bottom:30px}
.product-details-link{margin-left:10px;background:#0042bf !important;border:1px solid #0042bf !important}
.Product-tj .media-object-section{padding:10px 0 30px}
/*---=======================
   D. 行业应用单页
===========================---*/
.app-area-single{background:url(../image/odds_bg2.jpg) no-repeat right bottom}
.app-area-single .main-title h2{font-weight:normal}
.app-area-single .main-title h2:after{content:'';position:absolute;width:60px;height:100%;left:50%;transform:translate(-50%);bottom:-10px;border-bottom:2px solid #ff3838}
.app-area-single .tabs{border:none;background:none;justify-content:center}
.app-area-single .tabs li.tabs-title{float:none;display:inline-block;margin-bottom:5px}
.app-area-single .tabs li a{display:block;font-size:16px;font-weight:600;border-radius:5px;border:1px solid #0056f9;background:#0056f9;color:#fff !important;width:160px;padding:15px;position:relative;overflow:hidden;z-index:1}
.app-area-single .tabs li a img{position:absolute;right:-6px;top:-6px;z-index:-1;opacity:0.08;filter:grayscale(1)}
.app-area-single .tabs li a p{margin:0}
.app-area-single .tabs li:hover a{border:1px solid #0c3d99;background:#0c3d99}
.app-area-single .tabs li.is-active a{border:1px solid #ff3838;background:#ff3838;color:#fff !important}
.app-area-single .tabs-content{background:none;border:none}
.app-area-single .tabs-panel{background:#fff;border-radius:5px;margin:2.5rem 1rem;padding:0;box-shadow:0px 5px 19.53px 1.47px rgba(95,95,100,0.1)}
.app-area-single .card-section .article-title{font-size:1.75rem}
.app-area-single .h-scl-02:hover .h-scl-base img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.app-area-single .card-section{margin-top:0;background:none}
.app-area-single .app-to-action{padding:2rem 1rem 1rem}
.app-area-single .app-to-action h3{font-weight:600}
/*---=======================
   E. 新闻资讯
===========================---*/
.hoverBox{position:relative;border:1px solid #e2e2e2;-webkit-box-shadow:0 5px 83px 0 rgba(40,40,40,0.08);box-shadow:0 5px 83px 0 rgba(40,40,40,0.08);padding:2.5em 2em}
.hoverBox::before,.hoverBox::after{content:'';position:absolute;top:-6px;left:-1px;height:6px;width:calc(100% + 2px);border-radius:8px 8px 0 0;-webkit-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out}
.hoverBox::before{background:#eaeaea}
.hoverBox::after{background:#0056f9;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.hoverBox:hover::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.news-list.hoverBox{padding:2em 1.5em}
.news-list:hover.hoverBox{-webkit-box-shadow:0 2px 12px 0 rgba(40,40,40,0.11);box-shadow:0 2px 12px 0 rgba(40,40,40,0.11)}
.news-list:hover a h3{color:#0056f9 !important}
.news-list .card-section{width:100%;background:none;margin:0;padding:0;border-radius:0}
.news-list .card-section .meta-data{margin-bottom:10px}
.news-list:hover .h-scl-02 .h-scl-base img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/* 新闻详细页 */
.blog-post h2{font-weight:600}
.blog-post .show-seo{background:#f7f8fa;border:none;padding:15px;margin:40px 0;font-size:16px;line-height:1.8}
.blog-post .show-seo i{margin:0 5px;color:#0056f9}
.pro-st strong{font-size:16px;width:80px;position:relative;padding-left:26px;padding-right:15px}
.pro-st strong::before{content:"\f02c";font-family:'Font Awesome 5 Free';font-size:16px;position:absolute;left:0;color:#0056f9}
.tag-wrapper{display:flex}
.tag-wrapper a{background:#fff;border:1px solid #0056f9;border-radius:10px 0 !important;color:#0056f9 !important;margin-right:6px;margin-bottom:6px;font-size:14px !important}
.tag-wrapper a:hover{color:#fff !important;background:#0056f9}
.cpbtn-contorl a{display:block;text-align:center;font-weight:600;background:#fafafa;border:1px solid #e5e5e5 !important;padding:20px 10px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpbtn-contorl a i{color:#ff3838}
.cpbtn-contorl .fhBtn a{margin-left:-1px;margin-right:-1px;background:#8a8a8a;border: 1px solid #8a8a8a !important;color:#fff}
.cpbtn-contorl .fhBtn a i{color:#fff}
.cpbtn-contorl .fhBtn a:hover{background:#0056f9;border: 1px solid #0056f9 !important}
.cpbtn-contorl a:hover{background:#0056f9;border:1px solid #0056f9 !important;color:#fff !important}
.cpbtn-contorl a:hover i{color:#fff !important}
.sidebarR .hoverBox{padding:25px;margin-bottom:30px;box-shadow:none}
.sidebarR .hoverBox::before{content:'';position:absolute;top:-6px;left:-1px;height:6px;width:calc(100% + 2px);border-radius:8px 8px 0 0;background:#eaeaea}
.sidebarR .hoverBox::after{display:none}
.sidebarR h4{position:relative;font-size:20px;font-weight:600}
.sidebarR h4::before{content:'';position:absolute;height:2px;width:50px;left:0;bottom:-10px;background-color:#ff3838;z-index:1}
.sidebarR h4:after{content:'';position:absolute;height:1px;width:100%;left:0;bottom:-10px;background-color:#eaeaea;z-index:0}
.sidebarR ul{margin-top:30px}
.sidebarR ul li a{position:relative;padding:12px 0 12px 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebarR ul li a:before{background:#73718b;content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);width:4px;height:4px;border-radius:50%;-webkit-transition:all 0.3s;transition:all 0.3s}
.sidebarR ul li:hover a{padding-left:25px;color:#0056f9}
.sidebarR .list-post-x{margin-top:40px}
.sidebarR .list-post-x .thumbnail{border:none;margin:0}
.sidebarR .list-post-x .media-object-section p{font-size:15px;color:#888}
.sidebarR .list-post-x .news_item:hover .h-scl-02 .h-scl-base img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.sidebarR .list-post-x .news_item:hover h5 a{color:#0056f9 !important}
/*---=======================
   F. 分页样式
===========================---*/
ul.pglist li{margin:0 2px;font-size:14px;border:none;border-radius:3px;line-height:1}
ul.pglist li a{border-radius:3px;color:#767676;background:#fff;padding:0.7rem 1rem;border:1px solid #DCDCDC}
ul.pglist li .disabled{border-radius:3px;color:#c3c3c3;background:#fff;padding:0.7rem 1rem;border:1px solid #e7e7e7}
ul.pglist li.active a,ul.pglist li a:hover{background:#ff3838;color:#fff !important;border:1px solid #ff3838}
ul.pglist li .current{background:#ff3838;color:#fff !important;border-radius:3px;padding:0.7rem 1rem;border:1px solid #ff3838}
/*---=======================
   F. 给我留言
===========================---*/
.message-wrap{position:relative;z-index:1}
.message-wrap input,.message-wrap select,.message-wrap textarea{box-shadow:none;border:1px solid #c7c7c7}
.message-wrap h2.contact{position:relative;margin-bottom:30px}
.message-wrap h2.contact::after{content:'';position:absolute;width:60px;height:100%;left:0;bottom:-10px;border-bottom:2px solid #ff3838}
/*---=======================
      联系我们
===========================---*/
.inner-lxBox{padding:40px 60px 20px;border-radius:5px;box-shadow:0px 0px 5px rgba(147,158,186,0.2)}
.inner-lxBox .contact-img{margin-bottom:40px}
.fh-icon-box{position:relative;margin-bottom:35px}
.fh-icon-box.has-line:before{content:'';position:absolute;width:1px;height:-webkit-calc(100% + 35px);height:calc(100% + 35px);top:0;left:30px;background-color:#0056f9}
.fh-icon-box .fh-icon{float:left;font-size:24px;color:#fff;width:60px;height:60px;line-height:60px;-webkit-border-radius:50%;border-radius:50%;text-align:center;background-color:#0056f9;border:1px solid #0056f9;position:relative;z-index:99;-webkit-transition:0.5s;transition:0.5s}
.fh-icon-box:hover .fh-icon{background-color:#ff3838;border-color:#ff3838;color:#fff}
.fh-icon-box h6{font-size:18px;font-weight:600;padding-bottom:10px;padding-left:100px;margin:0;position:relative;z-index:10}
.fh-icon-box .desc p{display:inline-block;margin-bottom:0}
.fh-icon-box .desc{position:relative;z-index:10;padding-left:100px;color:#3a4953}
.fh-icon-box .desc p.BarlowFont500,.fh-icon-box .desc p.BarlowFont200{line-height:1}