@charset "utf-8";
body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%;background: #fff;}
.barlow-condensed-600{font-family: "Barlow Condensed";font-weight: 600;font-style: normal;transform:scale(1.0,1.4);-webkit-transform:scale(1.0,1.4);-moz-transform:scale(1.0,1.4);letter-spacing: 1px;}
.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 36px;}
.select2 .select2-selection,.select2-dropdown,.select2-search__field{border-color: var(--tblr-border-color)!important;}
.select2-results{box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb),.15)!important;}
.input-group>.select2{flex: 1 1 auto;}
.input-group>.select2 .select2-selection{border-color: var(--tblr-border-color)!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .select2 .select2-selection{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) + .select2 .select2-selection{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.codegroup .form-control.is-valid, .was-validated .codegroup .form-control:valid,.codegroup .form-control.is-invalid, .was-validated .codegroup .form-control:invalid,.datepicker.is-valid,.was-validated .datepicker:valid,.datepicker.is-invalid,.was-validated .datepicker:invalid{padding-right: .75rem;background-image:none;}
.was-validated .form-select:invalid + .select2,.was-validated .form-select:valid + .select2{z-index: 4;}
.was-validated .form-select:invalid + .select2 .select2-selection{border-color: var(--tblr-danger)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.was-validated .form-select:valid + .select2 .select2-selection{border-color: var(--tblr-success)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.select2-container--default .select2-selection--single .select2-selection__clear{height: 36px;}
.select2-container .disabled,.opt-label.disabled,.related-unavailable {opacity: .5;position: relative;}
.select2-container .select2-selection.form-select-lg{padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;border-radius: 8px;}
.select2 .select2-selection--single.form-select-lg .select2-selection__arrow{top:5px;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.9s ease-out;display: block;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;}
.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;transition: all 0.9s;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-theme1-color);color: #fff;}

:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(222,10,7,1);/*#de0a07*/
  --tblr-theme1-color-hover:rgba(2,96,247,.8);
  --tblr-theme2-color:rgba(48,144,254,1);/*#ba8e02*/
  --tblr-theme2-color-hover:rgba(48,144,254,.8);
  --tblr-theme3-color:rgba(11,173,149,1);/*#faf5ef*/
  --tblr-theme3-color-hover:rgba(11,173,149,.8);
}

a{color:var(--tblr-text-color);text-decoration: none;cursor: pointer;}
a:hover{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a:hover{text-decoration: underline;cursor: pointer;}
.btn-theme{
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: #fff;
  --tblr-btn-bg: rgba(230,4,19,1);
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: rgba(230,4,19,.8);
  --tblr-btn-active-color: #609cef;
  --tblr-btn-active-bg: rgba(230,4,19,.8);
  --tblr-btn-disabled-bg: rgba(230,4,19,1);
  --tblr-btn-disabled-color: rgba(230,4,19,1);
  --tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
  transition: all 0.4s;
}
.text-grey{color:#666;}
.text-grey-min{color:#888;}
.text-grey-max{color:#333;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.a-text{color:#000;transition: all 0.3s;text-decoration: revert;}
.a-text:hover{color:#d7161a;transition: all 0.3s;text-decoration: revert;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.a-box .a-btn{padding:.7rem 2rem;}
.a-box .a-btn svg{width: 18px;fill:#ffffff;height: 18px;margin-left: .3rem;transition: all 0.3s;}
.a-box .a-btn:hover svg{transition: all 0.3s;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-60{width: 60%;}
.w-80{width: 80%;}
.mt-n1{margin-top: -.5rem;}
.mt-n2{margin-top: -1rem;}
.title h2{font-size: 2.3rem;color:#333;line-height: 2.6rem;}
.title p{font-size: 1rem;color:#666;line-height: 1.4rem;}
.rotate90{transform: rotate(90deg);}

.bbomc{border-bottom: 1px solid #ccc;}
.bbomd{border-bottom: 1px solid #ddd;}
.bbome{border-bottom: 1px solid #eee;}
.balle{border:1px solid #eee;}
.ball-theme1{border:1px solid var(--tblr-theme1-color);}
.btope{border-top: 1px solid #eee;}
.btopf{border-top: 1px solid #fff;}
.brtlr{border-radius: 10px 10px 0 0;}
.brblr{border-radius: 0 0 10px 10px ;}
.a-box .btn-bg-black{background:rgba(0,0,0,1);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-black:hover{background:var(--tblr-theme1-color);transition: all 0.3s;}
.swiper-box{width: 100%;position: relative;overflow: hidden;z-index: 5;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding: 0 1rem;}
.swiper-button-next,.swiper-button-prev{position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-prev,.swiper-button-next{background-color: rgb(247 247 247 / 70%);border-radius: 50%;width: 50px;height: 50px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:.5rem; color:#fff;transition: all 0.4s;}
.swiper-button-next{margin-top:-1rem;right:.5rem;transform: rotate(180deg);color:#fff;transition: all 0.4s;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .95;transition: all 0.4s;}
.swiper-button-prev svg,.swiper-button-next svg{width: 25px;height: 25px;fill:rgb(0 0 0 / 70%);height: 30px;width: 30px;transition: all 0.4s;}
.swiper-button-prev:hover{left:1rem;background-color: rgb(247 247 247 / 100%);transition: all 0.4s;}
.swiper-button-next:hover{right:1rem;background-color: rgb(245 245 245);transition: all 0.4s;box-shadow: 0px -2px 12px -1px rgb(161 158 158 / 70%);}
.swiper-button-prev:hover svg,.swiper-button-next:hover svg{fill:rgb(0 0 0 / 100%);transition: all 0.4s;}

.swiper-next-prev-style2 .swiper-button-prev,.swiper-next-prev-style2 .swiper-button-next{width: 36px;height: 36px;position: relative;background: rgb(255 255 255 / 0%);border-radius: 60px;transition: all .3s;border: 1px solid #ccc;}
.swiper-next-prev-style2 .swiper-button-prev{left:0;right:auto;}
.swiper-next-prev-style2 .swiper-button-prev:hover{left: 0; box-shadow:none;background: var(--tblr-theme1-color);transition: all .3s;}
.swiper-next-prev-style2 .swiper-button-next{right: 0;left:auto;}
.swiper-next-prev-style2 .swiper-button-next:hover{right:0;box-shadow: none;background: var(--tblr-theme1-color);transition: all .3s;}
.swiper-next-prev-style2 svg{fill:#999;}
.swiper-next-prev-style2 .swiper-button-prev:hover svg,.swiper-next-prev-style2 .swiper-button-next:hover svg{fill:#fff;}
/*start*/

/*--- nav ----*/
.header{position: fixed;left: 0;top: 0;background: #fff;z-index: 200;transition: all 0.3s;/* border-bottom: 1px solid rgb(158 165 173 / 33%); */}
/*.inner .header{border-bottom: 1px solid rgb(255 255 255 / 100%);}*/
.header .navtop{opacity: 1;background-color: rgb(30 30 30);-webkit-transform: translateY(0);transform: translateY(0);transition: all 0.3s;height: 40px;line-height: 40px;position: relative;z-index: 99;}
.header .navtop dl dd .a{color:#fff;font-size: .85rem;display: flex;align-items: center;}
.header .navtop dl dd .a i{color:#fff;font-size: 1rem;}
.header .navtop dl dd .a svg{fill:#ffffff;width: 18px;height: 18px;}
.header .navtop dl dd .a:hover span{color:var(--tblr-theme2-color);transition: all 0.3s;}
.header .navtop .sm a,.header .navtop #wechat-btn{width: 30px;height: 30px;line-height: 30px; border:none;background: #422828;border-radius: 50px;transition: all 0.3s;}
.header .navtop .sm a:hover,.header .navtop #wechat-btn:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.header .navtop .sm a i,.header .navtop #wechat-btn i{font-size: .95rem !important;transition: all 0.3s;}
.header .navtop #wechat-box{top: 35px;}
.inner .header{background: #fff !important;}
.inner .header .navbar-nav li .nav-link{color:#121212;}
.inner .header .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.inner .header .nav-item .nav-link svg{fill:#333;}
.index .header:hover{background: #fff !important;}
.index .header:hover .navbar-nav li .nav-link{color:#333;}
.index .header:hover .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.index .header:hover .nav-item .nav-link svg{fill:#333;}

.header{background:rgba(255,255,255,1);z-index: 200;transition: all 0.3s;}
.header .navbar-nav{min-height: initial;}
.header .navbar-nav li{position: relative;display: inline-block;margin:0 1.5rem;box-shadow:none;}
.header .navbar-nav li .nav-link{color:#000;font-size: 1rem;padding: 1.6rem 0;cursor: pointer;}
.header .navbar-nav li:hover a,.header .navbar-nav .active .nav-link{color:var(--tblr-theme1-color-hover);}
.header .navbar-nav li .dropdown-menu .dropdown-item{color: #333;font-size: .95rem;}
.header .nav-item .nav-link svg{transform: rotate(0deg);transition: all 0.3s;}
.header .nav-item .nav-link:hover svg{transform: rotate(360deg);transition: all 0.3s;}
.header .nav-item .dropdown-menu{border-radius: 0;background: rgb(255 255 255);border:#eee;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);margin-top: 0;}
.header .nav-item .dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.header .nav-item .dropdown-menu a:last-child{border:none;}

.toptwo{background: rgba(255, 255, 255, 1) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);transition: all 0.3s;}
.toptwo .header .navbar-nav li .nav-link{color:#333;}
.toptwo .nav-item .nav-link svg{fill:#333;}

.toptwo .navtop{opacity: 0;width: 100%;z-index: 20; -webkit-transform: translateY(.5rem);transform: translateY(.5rem);transition: all 0.2s;}
.header .navbox{top: 40px; transition: all 0.5s;}
.toptwo .navbox{position: absolute !important;background: #fff; width: 100%;top: 0;left: 0; transition: all 0.3s;z-index: 300;}

.search-btn{cursor: pointer;}
.search-box{width: 40%;position: absolute;right: 8%;bottom: -60px;z-index: 100;padding: 15px 25px;background: #fff;display: none;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.search-box button{border:none;background: none;padding:2px; padding-right: 10px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding:2px 5px;font-size: 14px;color: #333;height: 25px;outline:none;width: 80%;}
.search-box input::-webkit-input-placeholder{color:#ccc;font-size: 14px;outline:none;}
.search-box .input-group{border-bottom: 1px solid #eee;}
/*--- nav ----*/



.banner .carousel-inner .tbsdiv{ transform:translatey(100%); opacity:0; transition: all 1.4s ease-in-out; }
.banner .active .delighter.tbsdiv.started{transform:none; opacity:1;}
.banner .carousel-inner .carousel-item .btitle{font-size: 2.6rem;color:#fff;line-height: 3.5rem;}
.banner .carousel-inner .carousel-item .btxt{font-size: 1rem;color:#eee;}

.banner .ban-btn{background: rgb(255 255 255 / 40%);transition: all 0.3s;}
.banner .carousel-indicators{bottom:5%;}
.banner .carousel-indicators button{margin:0 5px;width: 10px;height: 10px;background: none;opacity: 1;border: 1px solid #fff;border-radius: 50px;transition: all 0.4s;}
.banner .carousel-indicators .active{background-color:#fff;transition: all 0.3s;}

.title-list{list-style: none;}
.title-list li{padding-right: 4rem;position: relative;}
.title-list li:before{content: "";position: absolute;right: 2rem;top:20%;height: 60%;width: 1px;background: #ccc;}
.title-list li:last-child:before{display: none;}
.title-list li a{color:#333;text-transform: uppercase;position: relative;font-weight: 400;transition: all 0.3s;}
.title-list li.on a{font-weight: 600;transition: all 0.3s;}
.title-list li.on a:before{height: 3px;right:0;}
.product-wrap .context{display: none;}
.product-wrap .context:first-child{display: block;}
.h-pro .gif-img{top:2.5rem;left: 2.5rem;width: 20%;animation-name:gifimg;transition：all ease-in-out;animation-duration: 3s;animation-iteration-count:infinite;}
.h-pro .hvr:hover .gif-img{animation-name:gifimg-hvr;transition：all ease-in-out;animation-duration: .8s;animation-iteration-count:infinite;}
@keyframes gifimg{
0% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0)}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}
@keyframes gifimg-hvr{
0% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0)}
20% {transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
60% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
70% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
80% {transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);-moz-transform:scale(0.7,0.7);}
90% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}
.h-pro .hvr .bg-black{opacity: .5;transition: all 0.3s;}
.h-pro .hvr:hover .bg-black{opacity: .3;transition: all 0.3s;}
.h-pro .hvr .txt{bottom:2rem;width: 80%;left:10%;transition: all 0.3s;}
.h-pro .hvr:hover .txt{bottom:3rem;transition: all 0.3s;}

/*.h-about{background:url(../allimg/img/h-aboutbg.webp) center center no-repeat;padding:6rem 0;}
.h-about .cbg{width: 60%;animation-name:cbg;transition：all ease-in-out;animation-duration: 20s;animation-iteration-count:infinite;}
@keyframes cbg{
0% {width: 60%;}
50% {width: 65%;}
100% {width: 60%;}
}*/
.h-about .video-wrapper{position: relative;z-index: 1;width: 100%;padding-bottom: 40%;height: 0;}
.h-about .video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.h-about h2 svg{width: 25px;height: 25px;}
.h-manufacturing .carousel-item img{position: relative;z-index: 3;}
.h-manufacturing .zzbg{position: absolute;width: 100%;height: 100%;z-index:4;left: 0;top:0;background:rgb(0 0 0 / 40%) ;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(0px);transition: all 0.3s;}
.h-manufacturing .carousel-item:hover .zzbg{background:rgb(0 0 0 / 30%);transition: all 0.3s;}
.h-manufacturing .box{position: absolute;z-index: 5;left: 0;top:0;}
.h-manufacturing .carousel-indicators{z-index: 6;}
.h-manufacturing .carousel-control-prev,.h-manufacturing .carousel-control-next{z-index: 6;}
.h-manufacturing .carousel-item .h-title .text-title{color:#fff;font-size: 2.5rem;margin-bottom: 1.5rem;font-weight: bold;}
.h-manufacturing .carousel-item .h-title p{color:#fff;font-size: 1rem;}
.h-manufacturing .carousel-indicators{bottom: 4%;left: 12%;margin:0;z-index: 7;width: 76%;}
.h-manufacturing .carousel-indicators dd .svg{width: 42px;height: 42px;}
.h-manufacturing .carousel-indicators dd{transition: all 0.4s;background: rgba(255,255,255,.1); position: relative;opacity: 1;flex: 1 0 0%;height: auto;margin: 0;text-indent: inherit;overflow: hidden;border: none;}
.h-manufacturing .carousel-indicators dd .tbox svg{width: 50px;height: 50px; fill:#ccc;}
.h-manufacturing .carousel-indicators .active .tbox svg{fill:#fff;color:#fff;}
.h-manufacturing .carousel-indicators .active{flex: 1.5 0 0%;transition: all 0.4s;}
.h-manufacturing .carousel-indicators dd .tbox{height: 100%;background: rgb(0 0 0 / 70%);text-align: center;padding:1rem;transition: all 0.3s;}
.h-manufacturing .carousel-indicators .active .tbox,.h-manufacturing .carousel-indicators dd:hover{background: rgba(222,10,7,.6);transition: all 0.3s;}
.h-manufacturing .carousel-indicators dd a:hover h4{color:#fff;}
.h-manufacturing .carousel-indicators dd .imgbox{background: #fff;opacity: 0;}
.h-manufacturing .carousel-indicators dd h4{color:#ccc;font-weight: 500;transition: all 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.h-manufacturing .carousel-indicators dd p{color:#ccc;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.h-manufacturing .carousel-indicators dd .col-md-8{padding-left:2rem;}
.h-manufacturing .carousel-indicators .active .tbox h4{color:#fff;font-weight: 600;transition: all 0.3s;}
.h-manufacturing .carousel-indicators dd:hover h4{color:#fff;transition: all 0.3s;}
.h-manufacturing .carousel-indicators .active .tbox p{color:#fff;}
.h-manufacturing .carousel-inner .box ul{list-style: none;margin:0;padding:0;}
.h-manufacturing .carousel-inner .box ul li{margin-bottom: .5rem;}
.h-manufacturing .carousel-inner .box ul li:last-child{margin-bottom: 0;}
.h-manufacturing .carousel-control-next,.h-manufacturing .carousel-control-prev{width: 10%;}
.h-manufacturing button svg{width: 30px;height: 30px;}
.h-manufacturing .card{background: none;}
.h-manufacturing .display-5{font-size: 2.5rem;}
.h-manufacturing .a-box a{opacity: 90%;transition: all 0.3s;}
.h-manufacturing .a-box a:hover{opacity: 100%;transition: all 0.3s;}
.h-manufacturing .carousel-inner .bg{transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);transition: all 5.5s;}
.h-manufacturing .carousel-inner .active .bg{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 5.5s;}

.customization-process .hvr{padding:2rem;position: relative;}
.customization-process .hvr img{width: 20%;}
.customization-process .col:nth-child(1) .hvr:before,.customization-process .col:nth-child(2) .hvr:before{content: "";position: absolute;z-index: 2;width: 8px;height: 8px;border-radius: 20px;background: #000;bottom: -4px;right: -4px;transition: all 0.3s;}
.customization-process .row:hover .col .hvr:before{width: 10px;height: 10px;bottom:-5px;right:-5px; background: var(--tblr-theme1-color);transition: all 0.3s;}
.customization-process .row:hover .col .hvr{border-color:rgb(255 207 207) !important;}
.customers{background:url(../allimg/img/customers-bg.webp) center center no-repeat;background-size: cover;}
.online-consultation{background:url(../allimg/img/online-consultation.webp) center center no-repeat;background-size: cover;}
.online-consultation .a-box a{padding: .7rem .7rem .7rem 1.5rem;}
.online-consultation .a-box a span{margin-left: 1rem; width: 36px;height: 36px;line-height: 36px;transform: rotate(0deg);transition: all 0.3s;}
.online-consultation .a-box a:hover span{transform: rotate(360deg);transition: all 0.3s;}
.online-consultation .a-box a span svg{width: 18px;height: 18px;margin-bottom: 10px;}
.online-consultation-banner{margin-top: -1.7rem;}

.h-new dl dd{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #eee;}
.h-new dl dd:last-child{border-bottom: none;margin-bottom: 0;}
.h-new dl dd:before{height: 1px;}
.h-new ul{list-style: none;}
.h-new ul li{margin-bottom: 1.5rem;}
.h-new ul li:last-child{margin-bottom: 0;}
.h-new ul li .hvr{border:1px solid #dfdfdf;}
.h-new ul li span{display: inline-block;border-radius: 50px;width: 24px;height: 24px;text-align: center;line-height: 24px;color:#fff;font-size: 16px;}
.h-new ul li h3,.h-new ul li p{width: 85%;}
.h-new ul li .h3 span{background: #000;}
.h-new ul li .p span{background: var(--tblr-theme1-color);}

.listpro .pronav h2{padding:1rem;}
.listpro .pronav ul{padding: 0;margin:0;list-style: none;}
.listpro .pronav ul li{cursor: pointer;position: relative;border-bottom: 1px solid #ddd;padding: 0;background: #fff;transition: all 0.3s;}
.listpro .pronav ul .active:before{top:30%;background:var(--tblr-theme1-color);transition: all 0.3s;}
.listpro .pronav ul li:before{content: "";position: absolute;left: 0;width: 3px;height: 40%;background:rgb(46 43 123 / 0%);top:0%;transition: all 0.3s;}
.listpro .pronav ul li:hover:before{content: "";position: absolute;z-index: 5; left: 0;width: 3px;height: 40%;background:var(--tblr-theme1-color) ;top:30%;transition: all 0.3s;}
.listpro .pronav ul li svg{transform: rotate(270deg);margin-right:-.7rem;fill:#333;transition: all 0.3s;}
.listpro .pronav ul li a{padding: 1rem 2rem;font-size: 0.88rem;font-weight: 600;transition: all 0.3s;background: #fff;color:#333;}
.listpro .pronav ul li:last-child{border-bottom: none;}
.listpro .pronav ul li:hover,.listpro .pronav ul li.active a{background: #ffffff;color:var(--tblr-theme1-color) !important;transition: all 0.3s;}
/*.listpro .pronav ul li:last-child svg{fill:var(--tblr-theme1-color) ;transition: all 0.3s;margin-left: 0;transform: rotate(0deg);}*/
.listpro .pronav ul li.active a,.listpro .pronav ul li:hover a{color:var(--tblr-theme1-color);font-weight: 600;transition: all 0.3s;}
.listpro .pronav dl dd{margin-bottom: .4rem;}
.listpro .pronav dl dd:last-child a{border-bottom: none !important;padding-bottom: 0.4rem !important;}
.listpro .pronav dl dd a{padding:.8rem ;padding-left: 2rem; background: none;}
.listpro .pronav dl dd a:hover{background: none;}
.listpro .pronav ul li:last-child{background: #fbfbfb;}
.listpro .pronav ul li:last-child a{color:#333;}
.listpro .pronav dl dd.active a,.listpro .pronav dl dd:hover a{color:var(--tblr-theme1-color);}
.listpro .col-md-9 a:hover{color:var(--tblr-theme1-color);}
.listpro .pronav ul li dl{display: none;transition: all 0.3s;background: #f2f7ff;}
.listpro .pronav ul li:hover dl,.listpro .pronav ul .active dl{display: block;transition: all 0.3s;overflow: hidden;}
.listpro .pronav ul li svg{transform: rotate(0deg);transition: all 0.3s;}
.listpro .pronav ul li:hover svg,.listpro .pronav ul .active svg{transform: rotate(450deg);transition: all 0.3s;}
.listpro .pronav ul li dl dd{margin-bottom: 0;}
.listpro .pronav ul li dl dd a{background: #fff !important;font-weight: initial !important; color:#333 !important;padding:.5rem;padding-left: 2.5rem;}
.listpro .pronav ul li dl dd:first-child a{padding-top: .8rem;}
.listpro .pronav ul li dl dd:last-child a{padding-bottom: .8rem;}
.listpro .pronav ul .active dl dd a,.listpro .pronav ul li:hover dl dd a{background: #fff6f6 !important;color: rgb(143 15 15 / 70%) !important;border-bottom: 1px solid #f9e7e7; }
.listpro .pronav ul li dl dd:last-child a{display: none;}
.listpro .pronav ul li dl dd:hover a{padding-left: 3.5rem;transition: all 0.3s;}
.listpro .pronav ul li dl dd:hover a{background: #f7e5e5 !important;color: rgb(227 0 0) !important;font-weight: 600 !important;}
.listpro .pronav ul .active .arr28 svg,.listpro .pronav ul .active .arr29 svg,.listpro .pronav ul .active .arr30 svg,.listpro .pronav ul .active .arr80 svg,.listpro .pronav ul .active:hover .arr28 svg,.listpro .pronav ul .active:hover .arr29 svg,.listpro .pronav ul .active:hover .arr30 svg,.listpro .pronav ul li:hover .arr28 svg,.listpro .pronav ul li:hover .arr29 svg,.listpro .pronav ul li:hover .arr30 svg,.listpro .pronav ul li:hover .arr80 svg{transform: rotate(0deg);}
.listpro .hvr:before{height: 1px;}
.listpro .hvr:hover h3{color:var(--tblr-theme1-color); transition: all 0.3s;}
.listpro .hvr:hover{border:1px solid rgb(255 191 190);transition: all 0.3s;}
.artpro .navbar{border-bottom: 1px solid rgb(201 201 201 / 33%);}
.artpro .conbox,.artpro .conbox p{font-size: 1rem;line-height: 1.5rem;color:#666;}
.artpro .conbox h3,.artpro .conbox h2{font-size: 1.5rem;padding: 1rem 2rem !important;color:#fff;background: #000;}
.artpro .carousel-indicators li{width: 80px;height: 70px; text-indent: inherit;}
.artpro .desp table tr td{padding:1rem 3rem;font-size: 1rem;color:#333;background: #fbfbfb;border:2px solid #fff;}
.artpro .desp table tr td:nth-child(1){background: #f1f1f1;font-weight: bold;}
.artpro .spec table{width: 100%;}
.artpro .spec table tr td{padding:1rem;padding-left: 3rem; background: #fff;border:1px solid #ddd;font-size: 1rem;color:#333;}
.artpro .spec table tr td:nth-child(1){font-weight: bold;}



.oem-odm-speaker .row .col .d-flex img{width: 30px;height: 30px;}
.advanced-r-d{background:url(../allimg/img/advanced-r-d-bg.webp) center center no-repeat;background-size: cover;}
.advanced-r-d .row .col-md-6:nth-child(1){padding:3rem; padding-left: 10%;}
.six-major-r-d-strengths .hvr{background: #f5f5f5;transition: all 0.3s;}
.six-major-r-d-strengths .hvr hr{width: 50px;opacity: 1; border:none; height: 4px;background: var(--tblr-theme1-color);transition: all 0.3s;}
.six-major-r-d-strengths .hvr:hover hr{background: #fff;transition: all 0.3s;}
.six-major-r-d-strengths .hvr:hover{background: var(--tblr-theme1-color) !important;transition: all 0.3s;}
.six-major-r-d-strengths .hvr h3,.six-major-r-d-strengths .hvr p{color: #333;transition: all 0.3s;}
.six-major-r-d-strengths .hvr:hover h3,.six-major-r-d-strengths .hvr:hover p{color:#fff;transition: all 0.3s;}
.six-major-r-d-strengths .hvr span{width: 24px;height: 24px;line-height: 24px;text-align: center; background: var(--tblr-theme1-color);transition: all 0.3s; bottom: 1.5rem;right:1.5rem;}
.six-major-r-d-strengths .hvr:hover span{background: #fff;transition: all 0.3s;}
.six-major-r-d-strengths .hvr span svg{color:#fff;transition: all 0.3s;}
.six-major-r-d-strengths .hvr:hover span svg{color:var(--tblr-theme1-color);transition: all 0.3s;}
.quality-control-system .nav li{margin:0 1rem;}
.quality-control-system .nav li button{border:none; padding:.8rem 1.5rem;font-size: 1rem; text-align: center;color:#fff;background: #000;transition: all 0.3s;opacity: 1;}
.quality-control-system .nav li .active{background: var(--tblr-theme1-color);transition: all 0.3s;}
.quality-control-system .nav li button:hover{opacity: .8;transition: all 0.3s;}
.manufacturing-strength .d-flex span{width: 50px;height: 50px;line-height: 50px;text-align: center;}
.manufacturing-strength .col-md-6.left .overflow-hidden{border-left: 4px solid var(--tblr-theme1-color);}
.manufacturing-strength .col-md-6.right .overflow-hidden{border-right: 4px solid var(--tblr-theme1-color);}
.about .column .textbox{bottom:1rem;}
.about .column .textbox h1{position: relative;margin-right: 10%;}
.about .column .textbox h1:before{content: "";height: 100%;width: 1px;background: #ffffff;position: absolute;right: -20%;top: 0;transform: rotate(340deg);z-index: 3;}


.about .our-strength-speaks-with-data{background:url(../allimg/img/our-strength-speaks-with-data-bg.webp) center center no-repeat;background-size: cover;}
.about .company-milestone{background:url(../allimg/img/company-milestone-bg.webp) center center no-repeat;background-size: cover;}
.about .company-milestone #carouselMilestone{margin-top: 4rem;margin-bottom: 3.5rem;}
.about .company-milestone .box{width: 90%;margin:auto;height: 300px;}
.about .company-milestone .box .row{width: 100%;}
.about .company-milestone .box .row .col-md-6{padding:3rem;}
.about .company-milestone .box .row .col-md-6:nth-child(1){text-align: right;}
.about .company-milestone .box h3{font-size: 5rem !important;margin-top: 1rem;}
.about .company-milestone .box ul{position: relative;list-style: none; padding:0;margin: 0;}
.about .company-milestone .box ul li{font-size: 1.2rem;position: relative;padding-left: 1rem;}
.about .company-milestone .box ul li:before{content: "";position: absolute;left: 0;top:10px;z-index: 1;width:8px;height: 8px;background: var(--tblr-theme1-color);border-radius: 10px; }
.about .company-milestone .carousel-control-prev,.about .company-milestone .carousel-control-next{width: 10%;height: 10%;top:40%;}
.about .company-milestone .carousel-indicators{position: relative;margin: 0;padding: 0;}
.about .company-milestone .carousel-indicators .button{flex: 1 0 0%;opacity: 1; margin: 0;text-align: right;position: relative;border:none;width: auto;height: auto;text-indent:0;background: none;}
.about .company-milestone .carousel-indicators .button .row{position: absolute; left: 0;top: 30px;width: 100%;height: 30px;}
.about .company-milestone .carousel-indicators .button .row .col{position: relative;border-bottom: 1px solid #bdbdbd; padding:0;}
.about .company-milestone .carousel-indicators .button span{position: relative;padding: .5rem 1rem;z-index: 2;top: -.5rem;right: -2rem;font-size: 1.1rem;font-weight: inherit;}
.about .company-milestone .carousel-indicators .button.active span{font-size: 1.7rem;color:var(--tblr-theme1-color);right: -2.5rem;top: -1rem;}
.about .company-milestone .carousel-indicators .button .row .col:before{content: "";left: 0;top:30%;position: absolute;width: 1px;height: 60%;background: #bdbdbd;z-index: 1;}
.about .company-milestone .carousel-indicators .button .row .col:first-child:before{height: 100%;top: 0;}
.about .cooperation-wins .col-md-6.position-relative{background:url(../allimg/img/cooperation-wins-bg.webp) center center no-repeat;background-size: cover;}
.about .cooperation-wins .row .d-flex img{width: 55px;height: 55px;}


.listnew .col-md-9 .row .hvr{padding-bottom: 3rem;margin-bottom: 1.5rem;border-bottom: 1px solid #ddd;}
.listnew .col-md-9 .row .hvr:last-child{border-bottom: 0;}
.listnew .hvr h3{line-height: 1.8rem;}
.listnew .card span{height: 2px;z-index: 4;background: #eee;transition: all 0.4s;position: relative;}
.listnew .card span:before{content: ""; position: absolute;z-index: 5; height: 2px; left: 0;top:0;background: linear-gradient(to right,#408dd1,#50b28c);width: 0;transition: all 0.4s;}
.listnew .card:hover span:before{width: 100%;transition: all 0.4s;}
.listnew .card p{height: 40px;line-height: 20px !important;}
.listnew .a-box .a-btn svg{width: 16px;width: 16px;fill:#ffffff;}
.listnew .listpro .pronav ul li svg{transform: rotate(270deg);transition: all 0.3s;}
.listnew .listpro .pronav ul li:hover svg,.listnew .listpro .pronav ul .active svg{transform: rotate(630deg);transition: all 0.3s;}
.new-article h1{font-size:1.5rem;color:#333;}
.new-article h2{font-size:1.3rem;color:#333;margin-top: 2rem;}
.new-article time{font-size: 1rem;color:#999;font-weight: initial; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.new-article h3{font-size:1.3rem;color:#333;margin-bottom: 1rem;margin-top: 2rem;}
.new-article .hot h3{margin-top: 0;}
.new-article,.new-article p{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}
.new-article .conbox ol li,.new-article .conbox ol li p{font-size: .9rem;}
.new-article .conbox ol li{margin-bottom: .7rem;}
.new-article .conbox ol li:last-child{margin-bottom: 0;}
.new-article .conbox ol li strong{color:#333;font-size: 1rem;}
.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
@keyframes gifline{0% {left: 0;}100% {left:100%;}}
.new-article table{width: 100%;}
.new-article table tr td{border:2px solid #fff;font-size: 1rem;padding: .8rem 1.2rem;}
.new-article table tr:nth-child(odd) td{background: #ccd7e8;}
.new-article table tr:nth-child(even) td{background: #eaeef7;}
.new-article table tr:first-child td{color:#fff;font-weight: bold;font-size: 1.1rem; background: linear-gradient(to right, #7d80ed, #7dcbe9, #f4f5de);}

.column{position: relative;}
.column img{width: 100%;}
.column span{height: .3rem;width: 3rem}
.column-nav dl{margin:0;padding:0;list-style: none;}
.column-nav dl dd{margin:0 1rem;}
.column-nav dl dd a{position: relative; display: inline-block;padding:1.2rem 0; color:#333;font-weight: initial !important;}
.column-nav dl dd a:before{content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: var(--tblr-theme1-color);height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.column-nav dl dd a.active:before,.column-nav dl dd a:hover:before{right: 0;z-index: 1;}
.column-nav dl dd a.active{color:#000;font-weight: bold !important;}
.column-nav{border-bottom: 1px solid #eee;}

.column .fk span{display: inline-block; width: 40px;height: 36px;position: relative;z-index: 2;}
.column .fk span:before{content: "";position: absolute;left: -10px;top: -10px;background: #710907;z-index: 1;width: 25px;height: 19px;}
.column .fk span:after{content: "";position: absolute;display: inline-block; width: 40px;height: 36px;background: var(--tblr-theme1-color);z-index: 4;}

.faq-ul li .cbox .box-h{font-size: 1.2rem;color:#333;margin-bottom: 1rem;padding: .8rem 1rem;font-weight: bold;background: #fbf6e7;}
.faq-ul li .cbox h3{font-size: 1.2rem;color:#333;}
.faq-ul li .cbox h4{font-size: 1rem;color:var(--tblr-theme1-color); margin-top: 1rem;margin-bottom: 0;}
.faq-ul li .cbox p{font-size: .95rem;color:#666;margin-bottom:1rem;}
.faq-ul li .cbox p:last-child{margin-bottom: 0;}
.faq-ul li .cbox ul{margin-top: 1rem;}
.faq-ul li .cbox ul li{background: none;border:none;font-size: 1rem;color:#666;}
.faq-ul li .cbox ul li strong,.faq-ul p strong{color:#333;}
.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15;border:1px solid #eee;background: #f7f7f7;margin-bottom: 1.5rem;}
.faq-ul li:last-child{margin-bottom: 0;}
.faq-ul li .arrsvg svg:nth-child(2),.faq-ul .active .arrsvg svg:nth-child(1){display: none;transition: all 0.4s;}
.faq-ul .active .arrsvg svg:nth-child(2){display: inline-block;transition: all 0.4s;color:#ddd;}
.faq-ul li svg{fill:#aaa;width: 20px;height: 20px;}
.faq-ul .active svg{fill:#666;}
.faq-ul li .h6{padding: 1.5rem;margin-bottom: 0;}
.faq-ul li .cbox{display: none;padding:1.5rem;background: #fff;}
.faq-ul li:first-child .cbox{display: block;}
.faq .fbox{background: #fff1f1;border: 1px solid rgb(225 225 235);}

.footer{background: #00070d;}
.footer .ftop{border-bottom: 1px solid #323233;}
.footer a{font-weight: initial;color:#777;transition: all .3s;}
.footer .p{color:#777;}
.footer a:hover{color:#fff;opacity: 1; transition: all .3s;}
.powerby{border-top: 1px solid #323233;}

.formshiro input,.formshiro textarea,.formshiro select{color: #333;font-size: 1rem;padding: .7rem 1rem;border-color: #ebebeb;background: #ebebeb;transition: all .3s;}
.formshiro input:hover,.formshiro textarea:hover,.formshiro .input-group:hover{border-color: #e3bebe;transition: all .3s;}
.formshiro .select2-container--default .select2-selection--single{border-color: #bbbbbb !important;}
.formshiro input::-webkit-input-placeholder,.formshiro textarea::-webkit-input-placeholder{color:#777;font-size: .9rem;}
.formshiro .input-group .input-group-text{border: 1px solid #ebebeb;border-right: none;background-color: #f3d5d5;}
.formshiro .form-check-input{width: 14px;height: 13px;border-radius: 3px;margin-top: 3px;}
.formshiro select{font-size: .9rem;}

.artform .formshiro input,.artform .formshiro textarea{background: #fff;}
.faq  .formshiro input,.faq .formshiro textarea,.faq .formshiro select{background: #fff;}

.multiply .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f9f9f9;mix-blend-mode: multiply;}
.multiply .overflow-hidden img{mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f5f5f5;mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden img{mix-blend-mode: multiply;}

.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;}
.position li::before{content:"/";display: inline-block;font-size: 14px;}
.position li:nth-child(1)::before{display: none;}
.position li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #666;font-size:.8rem;transition: all 0.3s;}
.position ul li:nth-child(1) a{font-weight: bold;color:#333 !important;}
.position li a:hover{color: #6826c9 !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: "/";color:#333;font-size: 12px;margin-right: 5px;}
.position svg{width: 18px;height: 18px;}

.gif-img{ transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); opacity:1; transition: all 2.4s ease-in-out; }
.delighter.gif-img.started{transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0); opacity:1;}
.gif-bg{animation-name:gifbg;animation-timing-f3unction:ease-in-out;animation-duration: 10s;animation-iteration-count:infinite;}
@keyframes gifbg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
50% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
}
.delighter.splash {transition: all 2s ease-out;}
.delighter.splash.ended {background: #fff;}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(30%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.prenext{margin-top: 1rem;padding:0;padding-top: 2%;border-top: 1px solid #ddd;font-size: 1rem;list-style: none;}
.prenext li{font-size: 1rem;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 0.9rem !important;margin-left: .5rem; font-weight: initial;}
.prenext a:hover{color: #334ca6;text-decoration: underline;}
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.no-click{pointer-events: none;cursor: default;}
.nolistyle{list-style: none;}
.transform-0{transform: rotate(0deg) !important;}
.btn-popform{cursor: pointer;}
.popform{border-radius: 20px !important;}
.popform .hbox{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.sm i{font-size: 16px;color: #a3a3a3;margin: 0;padding:0;}
.sm a,#wechat-btn{display: inline-block;width: 40px;margin-right: .6rem;height: 40px;text-align: center;line-height: 40px;border: none;transition: all 0.3s;background: #2b2b2b;border-radius: 50px;}
.sm a:last-child{margin-right: 0;}
.sm a:hover,#wechat-btn:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm a:hover i,#wechat-btn:hover i{color:#fff;}
#wechat-box{position: absolute;display: none; top: 60px;right:0;z-index: 99;}

.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{background: var(--tblr-theme1-color);z-index: 5;}
.hvr-reveal:before{border-color:var(--tblr-theme1-color);}
.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
.lh-smmd{line-height: 1rem;}
.lh-mdlg{line-height: 1.4rem;}
.lh-lgxl{line-height: 2.2rem;}

.hvr-line1{position: relative;display: inline-block; padding-bottom: .1rem;}
.hvr-line1:before{content: "";position: absolute;bottom: 0; left: 0;width: 40%;height: 1px;background: var(--tblr-theme1-color);transition: all 0.3s;}
.hvr-line1:hover{color:var(--tblr-theme1-color-hover);transition: all 0.3s;}
.hvr-line1:hover:before{width: 100%;transition: all 0.3s;}

.popbtn{cursor: pointer;}
.pop-media{position: fixed;right: 1px;z-index: 999; bottom:40%;}
.pop-media dd{-webkit-transform: translateX(25px);transform: translateX(25px);transition: all 0.3s ease;}
.pop-media dd:hover{-webkit-transform: translateX(2px);transform: translateX(2px);transition: all 0.3s ease;}
.pop-media .a{padding: 6px;display: inline-block;border-radius: 30px 0 0 30px;background: #f7f7f7;width: 66px;transition: all 0.3s ease;}
.pop-media .a span{display: inline-block;width: 34px;height: 34px;line-height: 38px;text-align: center;background: var(--tblr-theme1-color);border-radius: 50px;transform: rotate(0deg);transition: all 0.3s;}
.pop-media .a span i{color:#fff;font-size: 1rem;}
.pop-media dd:hover .a span,.pop-media dd:hover .a button{transform: rotate(360deg);transition: all 0.3s;}
.gotop{border:none;width: 34px;height: 34px;background: var(--tblr-theme1-color);color:#fff;transition: all 0.4s;}
.gotop svg{fill:#fff;width: 20px;height:20px;transition: all 0.4s;}
.gotop:hover{background: var(--tblr-theme1-color);transition: all 0.4s;}

.filter-f9 .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f9f9f9;mix-blend-mode: multiply;}
.filter-f9 .overflow-hidden img{mix-blend-mode: multiply;}


.h-certificate .swiper-box .swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transform: scale(.8);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;}
.h-certificate .swiper-box .swiper-slide-active,.h-certificate .swiper-box .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.h-certificate .swiper-box .swiper-slide img {width: 100%;display: block;}
@media (min-width:992px){
	.container{width: 84%;max-width: 1400px;margin:auto;}
	.container-nav{width: 88%;margin:auto;}
	.nav-toptwo{margin-top:12vh;}
	.navbar-expand-lg{display: flex;}
	.header .navbar-brand{width:83%;-webkit-transform: translateX(4px);transform: translateX(4px);transition: all 0.3s ease;}
  .toptwo .navbar-brand{width: 83%;-webkit-transform: translateX(-3px);transform: translateX(-3px);transition: all 0.3s ease;}
	.app-down{display: none;}
  .display-5{font-size: 2.5rem !important;}
	.jc-start{display: flex;justify-content: flex-start;}
	.jc-end{display: flex;justify-content: flex-end;}
	.jc-center{display: flex;justify-content: center;}
	.jc-between{display: flex;justify-content: space-between;}
	.ai-center{display: flex;align-items: center;}
	.header-toggler{display: none !important;}
	.carousel svg{width: 2rem;height: 2rem;}
	.modal .modal-dialog{max-width: 760px;}
	.hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
	.hover-box .tab-content .show .showl,.hover-box .show:hover .showl,.hover-box .carousel-item.active .show .showl{margin-left: 1rem !important;transition: all 0.5s ease;}
	.hover-box .showr{margin-right: 0rem;transition: all 0.5s ease;}
	.hover-box .tab-content .show .showr,.hover-box .show:hover .showr,.hover-box .carousel-item.active .show .showr{margin-right: 1rem !important;transition: all 0.5s ease;}
	.hover-box .showt{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.hover-box .tab-content .show .showt,.hover-box .show:hover .showt,.hover-box .carousel-item.active .show .showt{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
	.hover-box .op .opbox{opacity: 1;transition: all 0.5s ease;}
	.hover-box .op:hover .opbox{opacity: .5;transition: all 0.5s ease;}
	.hover-box .circle .circlebox{transform: rotate(0deg);transition: all 0.4s;}
	.hover-box .circle:hover .circlebox{transform: rotate(360deg);transition: all 0.4s;}

	.hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
	.hvr-float-yy{box-shadow: 0px 5px 13px -6px rgb(204 204 204 / 35%);transition: all 0.4s;}
	.hvr-float-yy:hover{box-shadow: 0px 13px 13px -6px rgb(204 204 204 / 70%);transition: all 0.4s;}


	.h-150{width: 100%;height: 150px;object-fit: cover;}
	.h-250{width: 100%;height: 250px;object-fit: cover;}
	.h-300{width: 100%;height: 300px;object-fit: cover;}
	.h-400{width: 100%;height: 400px;object-fit: cover;}
	.h-500{width: 100%;height: 500px;object-fit: cover;}
	.w-lg-90{width: 90%;}
	.w-lg-80{width: 80%;}
	.w-lg-70{width: 70%;}
	.w-lg-60{width: 60%;}
	.w-lg-50{width: 50%;}
	.w-lg-40{width: 40%;}
	.w-lg-30{width: 30%;}
	.w-lg-20{width: 20%;}
	.w-lg-10{width: 10%;}
	.p-3d5{padding:1.5rem !important;}
	.mt-3d5{margin-top:1.5rem !important;}
	.mt-4d5{margin-top:3rem !important;}
  
  .customization-process .hvr{padding:2.5rem;}
  .customization-process .hvr p{width: 90%;}
  .customization-process .col:nth-child(1) .hvr{border-bottom:1px solid #eee;border-right:1px solid #eee;}
  .customization-process .col:nth-child(2) .hvr{border-right:1px solid #eee;border-bottom:1px solid #eee;}
  .customization-process .col:nth-child(4) .hvr,.customization-process .col:nth-child(5) .hvr{border-right:1px solid #eee;}
  .customization-process .col:nth-child(3) .hvr{border-bottom:1px solid #eee;}
  .column h1{font-size: 2.4rem;line-height: 2.8rem;}
  .online-consultation{padding: 4rem 0 !important;}
  .svg-max{width: 28px !important;height: 28px !important;}
  .header .navbar-nav li{margin: 0 .9rem;}
  .h-about .a-box .a-btn svg{fill:#000 !important;}
}
@media (min-width:768px){
	.w-md-90{width: 90%;}
	.w-md-80{width: 80%;}
	.w-md-70{width: 70%;}
	.w-md-60{width: 60%;}
	.w-md-50{width: 50%;}
	.w-md-40{width: 40%;}
	.w-md-30{width: 30%;}
	.w-md-20{width: 20%;}
	.w-md-10{width: 10%;}
}

@media (min-width:1920px){
  .banner img{max-width: 101% !important;width: 101% !important;}
}

@media (min-width:1500px){
  .container{width: 88%;max-width: 1500px;margin:auto;}
	.py-md-5{padding-top: 5rem !important;padding-bottom: 5rem !important;}
	.p-xxl-4d5{padding:3rem !important;}
	.py-xxl-5{padding:5rem 0!important;}
  .header .navbar-brand{width: 76%;}
  .navbar-expand-lg{padding-left: 2rem !important;}
  .header .navbar-nav li{margin: 0 .7rem;}
  .header .navbar-nav li .nav-link{font-size: 1rem;}
  .w-body{width: 70%;}
}
@media (min-width:1700px){
  .header .navbar-nav li{margin: 0 .8rem;}
}
@media (min-width:1800px){
  .header .navbar-nav li{margin: 0 1rem;}
  .header .navbar-nav li .nav-link{font-size: 1rem;}
  .banner img{max-width: 101% !important;}
  .header .navbar-nav li{margin: 0 .8rem;}

}


@media screen and (min-width: 1300px) and (max-width: 1499px){

  .container{width: 88%;max-width: 1200px;margin:auto;}
  
  .navbox .app-nav{width: 10%;}
  .header .navbar-brand{width: 100%;}
  .navbar-expand-lg{padding-left: 1rem !important;}
  .header .navbar-nav li{margin: 0 .85rem;}
  .header .navbar-nav li .nav-link{font-size: .85rem;}
  .app-dg{justify-content: space-between !important;width: auto;}

  .w-body{width: 80%;}
  .header .navbar-nav li{margin: 0 .7rem;}
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
	.container-nav{width: 92%;}
	.container{width: 88%;}
	.nav-toptwo{margin-top:12vh;}
	.p-lg-3d5{padding:1.5rem !important;}
	.p-lg-4d5{padding:3rem !important;}
	.d-xxl-none{display: none !important;}

  .navbox .app-nav{width: 8%;}
  .header .navbar-brand{width: 100%;margin-top: .5rem !important;}
  .navbar-expand-lg{padding-left: 1rem !important;}
  .header .navbar-nav li{margin: 0 .7rem;}
  .header .navbar-nav li .nav-link{font-size: .85rem;}
  .app-dg{justify-content: space-between !important;width: 100%;}

  .about .company-milestone .carousel-indicators .button.active span{right: -1rem;top: -1rem;}
  .w-body{width: 90%;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.container-nav{width: 94%;}
	.container{width: 90%;}
	.nav-toptwo{margin-top:12vh;}
	.p-lg-3d5{padding:1.5rem !important;}
	.p-lg-4d5{padding:3rem !important;}

  .navbox .app-nav{width: 8%;display: none;}
  .header .navbar-brand{width: 100%;margin-top: .5rem !important;}
  .navbar-expand-lg{padding-left: .5rem !important;}
  .header .navbar-nav li{margin: 0 .5rem;}
  .header .navbar-nav li .nav-link{font-size: .8rem;}
  .app-dg{justify-content: space-between !important;width: 100%;}
  .row-cols-lg-3-none .col:last-child{display: none;}
  .row-cols-lg-3-none .col{width: 50%;}
  .protop .col-md-6 .a-box{display: block !important;}
  .protop .col-md-6 .a-box button{margin-bottom: .8rem;}
  .protop .col-md-6 .a-box .a-btn{width: 100%;}

}

@media screen and (min-width: 769px) and (max-width: 991px){
  .container{width: 94%;max-width: 800px;}
	.navbar-expand-lg .app-nav{display: flex;justify-content: space-between ; align-items: center;width: 100%;}
  .app-email svg{width: 28px;height: 28px;}
  .header .navbar-brand{width: 15%;}
  .banner img{height: 600px !important;}
  .nav-toptwo{margin-top:12vh;}
  .text-box{width: 80% !important;}
  .navtop .app-dg{justify-content: space-between !important; align-items: center;width: 100%;padding-left: 1rem;padding-right: 1rem;}
  .header .navtop dl dd .a{height: 100%;}

  .row-cols-md-3-none .col:last-child{display: none;}
  .row-cols-md-3-none .col{width: 50%;}
  .h-manufacturing .carousel-inner .bg{height: 600px;object-fit: cover;}
  .h-manufacturing .box .row{align-items: flex-start !important;}
  .h-manufacturing .box .row .card{margin-top: 2rem;}
  .h-manufacturing .box .row .col-md-8{width: 90%;}
  .h-manufacturing .carousel-indicators{bottom: 4%;left: 10%;margin:0;z-index: 7;width: 80%;}
  .customization-process .hvr{padding:1rem;}
  .customization-process .hvr p{width: 90%;}
  .customization-process .col:nth-child(1) .hvr{border-bottom:1px solid #eee;border-right:1px solid #eee;}
  .customization-process .col:nth-child(2) .hvr{border-right:1px solid #eee;border-bottom:1px solid #eee;}
  .customization-process .col:nth-child(4) .hvr,.customization-process .col:nth-child(5) .hvr{border-right:1px solid #eee;}
  .customization-process .col:nth-child(3) .hvr{border-bottom:1px solid #eee;}

}




@media (max-width:768px){
	.container-nav{width: 98%; margin:auto;}
  .container{padding-left:1rem;padding-right:1rem;}
	.nav-toptwo{margin-top:11vh;}
  .display-6{font-size: 1.8rem !important;}
  .hvr-float,.hvr-buzz-out,.hvr-icon-spin,.hvr-underline-from-left,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{transform: none;}
	.header .navbar-brand{width: 40%;padding: .4rem 0 !important;}
	.app-email svg{width: 28px;height: 28px;}
	.navtop .app-dg{justify-content: space-between !important;width: 100%;}
	.navbar-expand-lg .app-nav{display: flex;justify-content: space-between ;align-items: center;width: 100%;}
	.navtop{display: flex;padding: 0 1rem;}
	.navtop dl dd{margin-right: .5rem;}
	.navtop dl dd i{font-size: 1.4rem !important;}
	.navtop dl dd svg{width: 21px !important;height: 21px !important;}
	.navtop .sm a{margin-left: .5rem;background: #a90e0e !important;}
	.navtop .sm a i{color:#fff;}
	.pop-media dd{display: none;}
	.search-box{width: 96%;right: 2%;}

	.header .navbar-nav .nav-item .nav-link svg{transform: rotate(-90deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
	.header .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}
	.header .navbar-nav .dropdown-menu{background: #f7f7f7 !important;box-shadow: none;}
	.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu,.header .navbar-nav .nav-item.on:hover .dropdown-menu{display: none;}
	.header .navbar-nav .nav-item.on .dropdown-menu{position: relative; display: block !important;}
	.header .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
	.header .navbar-nav .nav-item .nav-link{padding: 1rem !important;font-size: 1rem;text-transform: uppercase;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #efe4e4;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
	.header .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f7f7f7;}
	
	.a-box .a-btn{padding: .7rem 1rem;}
	.column img{width: 100%;height: 180px;object-fit: cover;}
	.column h1{font-size: 2rem;}
	.column p{font-size: 1rem;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 1.6rem;line-height: 1.8rem;}
	.banner .carousel-caption{right: 2rem;left: 2rem;}
	.banner button svg{width: 30px;height: 30px;}
  .banner img{width: 100%;height: 300px;object-fit: cover;}
	.footer dl dd{display: inline-block;margin-right: .5rem;}
  .footer dl dd a{padding: .3rem .6rem;background: #ffffff;font-size: .85rem;color: #000000;}
  
  .title h2{font-size: 2rem;color:#333;line-height: 2.4rem;}
  .title-list li{padding: 0 .5rem;position: relative;width: 33.3%;text-align: center;}
  .title-list li a{font-size:.95rem !important;}
  .title-list li:before{right: 0;}
  .h-pro .a-box .a-btn{display: block;}
  .online-consultation{padding:4rem 0 !important;}
  .online-consultation p{margin-top: 3rem !important;margin-bottom: 3rem !important;}
  
  .h-manufacturing .display-5{font-size: 1.6rem !important;}
  .h-manufacturing .carousel-inner .bg{height: 600px;object-fit: cover;}
  .h-manufacturing .box .row{align-items: flex-start !important;}
  .h-manufacturing .box .row .card{margin-top: 2rem;}
  .h-manufacturing .box .row .col-md-8{width: 96%;}
  .h-manufacturing .carousel-indicators dd .svg{width: 30px;height: 30px;}
  .h-manufacturing .carousel-indicators{bottom: 2%;left: 3%;margin:0;z-index: 7;width: 94%;}
  
  .customization-process .col:nth-child(2) .hvr:before{display: none;}
  .customization-process .col:nth-child(1) .hvr:before,.customization-process .col:nth-child(3) .hvr:before{content: "";position: absolute;z-index: 2;width: 8px;height: 8px;border-radius: 20px;background: #000;bottom: -4px;right: -4px;transition: all 0.3s;}
  .customization-process .hvr .d-flex{display: block !important;}
  .customization-process .hvr img{width: 40%;}
  .customization-process .hvr{padding:1rem;}
  .customization-process .col:nth-child(1) .hvr,.customization-process .col:nth-child(3) .hvr{border-bottom:1px solid #eee;border-right:1px solid #eee;}
  .customization-process .col:nth-child(5) .hvr{border-right:1px solid #eee;}
  .customization-process .col:nth-child(2) .hvr,.customization-process .col:nth-child(4) .hvr{border-bottom:1px solid #eee;}

  .column .w-80{width: 100%;}
  .column .textbox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  .column .fk span{display: inline-block;width: 20px;height: 13px;position: relative;z-index: 2;}
  .column .fk span:before{content: "";position: absolute;left: -10px;top: -5px;background: #710907;z-index: 1;width: 16px;height: 13px;}
  .column .fk span:after{content: "";position: absolute;display: inline-block;width: 20px;height: 18px;background: var(--tblr-theme1-color);z-index: 4;}
  
  .solutions .row .col-md-6{margin-top: 1rem;}
  .about .company-milestone .carousel-indicators{display: none;}
  .about .company-milestone .box .row .col-md-6{padding: 1.5rem 0;}
  .about .cooperation-wins .col-md-6.position-relative{padding: 1rem !important;}
  .about .cooperation-wins .col-md-6 .tbox{width: 100% !important;}
  .quality-control-system .nav li{margin: 0 .3rem;}
  .quality-control-system .nav li button{padding: .5rem;font-size: 1rem;}
  .h-about .position-absolute.d-flex{position: relative !important;}
  .h-about .position-absolute.d-flex h2{color:#222 !important;}
  .h-about .position-absolute.d-flex p{color:#666 !important; }
  .h-about .a-box .a-btn{background: var(--tblr-theme1-color) !important;color:#fff !important;}
  .h-about .a-box .a-btn svg{fill:#fff !important;}
  .h-about .databox{margin-bottom: 1rem;}
  .h-about .databox .gd-num,.h-about h3,.h-about b{color:#333 !important;}
  .h-about .databox .gd-num{color:#333 !important;font-size: 2.2rem !important;}
  .h-about .databox p{font-weight: initial !important;font-size: .95rem !important;line-height: 1.1rem;}
  .h-about .opacity-50.position-absolute{display: none;}
  .h-about .databox .cbox{width: 100%;height:100%;background: #f7f7f7;padding: .6rem;}
  .header .navtop #wechat-btn{background: #a90e0e;color:#fff;}
  .header .navtop #wechat-btn span,.header .navtop #wechat-btn span i{color:#fff;}
}