@charset "utf-8";
body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;background: #fff;}
.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.3s ease-out;display: block;top:50px;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;}
.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-indigo);color: #fff;}

.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;}
a,a:hover{text-decoration: none;}
.a-box .a-btn{background: #203d9b;padding:.7rem 1.5rem; border-radius: 30px;color:#fff;font-size: 15px;text-transform: uppercase;transition: all 0.3s;}
.a-box .a-btn:hover{background: #2d58b5;transition: all 0.3s;}
.a-box .a-btn svg,.a-box .a-btn i{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn:hover svg,.a-box .a-btn:hover i{margin-left: .4rem;transition: all 0.3s;}
.h-title .text-title{font-size: 36px;color:#000;font-weight: bold;}
.h-title .text-title span{width: 6%;height: 3px;background: #203d9b;}
.h-title p{font-size: 15px;color:#666;}
p{font-size: 15px;color:#666;line-height: 26px;}
.h-tbox h3{font-size: 22px;color:#333;}
.bg-f5{background: #f5f5f5;}
.bg-f7{background: #f7f7f7;}
.bg-f9{background: #f9f9f9;}
.text-blue{color:#203d9b !important;}
.bg-blue{background: #203d9b;}
.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;}
.h-300{width: 100%;height: 250px;object-fit: cover;}
.h-400{width: 100%;height: 350px;object-fit: cover;}

/*nav*/
.navbox{position: fixed;left: 0;top: 0;background: #fff0;z-index: 200;transition: all 0.3s;}
.navbox .nav-top{background: #364fa9;}
.navbox .media dd{margin: 0;padding-left: 1.5rem;margin-left: 1.5rem; border-left: 1px solid #7e8ec7;}
.navbox .media dd:first-child{border-left: none;}
.navbox .media a{color:#fff;display: inline-block;font-size: 14px;}
.navbox .media .sm span{width: 26px;height: 26px;line-height: 29px;text-align: center;border-radius: 5px;display: inline-block;background: #fff;}
.navbox .media .sm a{margin-left: .5rem;}
.navbox .media .sm a:first-child{margin-left: 0;}
.navbox .media .sm i{color:#364fa9;font-size: 16px;}
.search-dd{width:13%;}
.search-btn{cursor: pointer;}
.search-box{background: #fff0;}
.search-box button{border:none;background: none;padding: 0;padding-right: 5px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding: 2px 5px;padding-left: 0; font-size: 14px;color: #fff;height: 26px;outline:none;width: 70%;}
.search-box input::-webkit-input-placeholder{color:#ddd;font-size: 14px;outline:none;}
.navbox .navbar .navbar-nav li .nav-link{color:#fff;font-size: 18px;padding:2rem 1rem;}
.navbox .navbar .navbar-nav .nav-item{display: block;}
.navbox .navbar .navbar-nav .nav-item:hover a{color:#fff;}
.navbox .hvr-underline-from-left:before{height: 2px;background: #fff;}
.navbox .navbar .navbar-nav .nav-item6,.navbox .navbar .navbar-nav .nav-item6 a{padding-right: 0 !important;}
.navbox .navbar .navbar-nav .nav-item .app-down{transform: rotate(0deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .nav-item:hover .app-down{transform: rotate(360deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .active .nav-link{color: #364fa9;}
.navbox .dropdown.open>.dropdown-menu{display: block;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;}
.navbox .nav-item.dropdown.open>.dropdown-menu{display: block;padding:0;margin: 0;}
.navbox .nav-item.dropdown.open>.dropdown-menu a{color:#333 !important;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item{padding: 0.8rem 2rem;color: #333;font-size: 15px;width: 100%;border-bottom: 1px solid #eee;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:last-child{border-bottom: none;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:hover{color:#fff !important;background: #263f9c;border:#263f9c;}
.navbox .hvr-underline-from-left{z-index: 1;overflow: initial;transition: all 0.1s;}
.toptwo{background: #fff;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.toptwo .navbar .navbar-nav li .nav-link{color:#333;}
.toptwo .navbar .navbar-nav .nav-item:hover a{color:#364fa9;}
.navbox .ofimg2,.app-down6,.toptwo .ofimg1,.navbar-toggler,.app-email{display: none;}
.toptwo .ofimg2{display: inline-block;}
.toptwo .hvr-underline-from-left:before{height: 2px;background: #364fa9;}
.lang .dropdown-toggle{font-weight: initial;cursor: pointer;}
.dropdown-menu-right a{padding: 0.6rem 1rem;color: #333;font-size: 15px;width: 100%;border-bottom: 1px solid #eee;}
.dropdown-menu-right a:last-child{border-bottom: none;margin-bottom: 0;}
/*nav*/
.nav-item6 a svg,.dropdown-menu6,.nav-item8 a svg,.dropdown-menu8,.nav-item12 a svg,.dropdown-menu12,.nav-item13 a svg,.dropdown-menu13,.nav-item14 a svg,.dropdown-menu14{display: none !important;}


.inner .navbox{background: #fff;}
.inner .navbox .navbar .navbar-nav li .nav-link{color:#333;}
.inner .navbox .ofimg1{display: none;}
.inner .navbox .ofimg2{display: inline-block;}


.search-li{background:#203d9b;}
.search-li span{display: inline-block;}
.search-box{width: 40%;position: absolute;right: 10px;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%;FONT-WEIGHT: 100;}
.search-box input::-webkit-input-placeholder{color:#ccc;font-size: 14px;outline:none;}
.search-box .input-group{border-bottom: 1px solid #eee;}

.banner .btitle{font-size: 45px;letter-spacing: 2px;font-weight: bold;margin-top: 2rem;}
.banner .btxt{font-size: 24px;font-weight: bold; letter-spacing: 2px;margin-top: .6rem;}
.banner .carousel-indicators{bottom:2rem;}
.banner .carousel-indicators button{margin:0 5px; width: 10px;height: 10px;background-color: #fff;opacity: 1;transition: all 0.4s;}
.banner .carousel-indicators .active{width: 25px;background-color:#364fa9;transition: all 0.3s;}
.h-about .col .box{border-right: 1px solid #8e96c1;}
.h-about .col:last-child .box{border-right: none;}
.h-about .databox{color:#fff;background: #f7f7f7;}
.h-about .databox h3{font-size: 18px;color: #333;}
.h-about .databox h3 span{font-size: 40px;margin-right: .5rem;}
.h-about .databox p{font-size: 14px;color: #666;}

.hpro-series .col-md-6{position: relative;}
.hpro-series .overflow-hidden{position: relative;z-index: 55;}
.hpro-series .box{position: absolute;z-index: 57; top: 0;left: 0;}
.hpro-series .hvr p{transition: all 0.3s;}
.hpro-series .zzbg{background: rgb(0 0 0 / 20%);position: absolute;z-index: 56; left: 0;top:0;width: 100%;height: 100%;transition: all 0.3s;}
.hpro-series .hvr:hover .zzbg{background: rgb(0 0 0 / 0);transition: all 0.3s;}
.hpro-series .hvr:hover p{margin-top: 2rem !important;margin-bottom: 3rem !important;transition: all 0.3s;}
.hpro-series .a-btn{border-radius: 0;color:#333;transition: all 0.3s;}
.hpro-series .a-btn:hover{color:#fff;transition: all 0.3s;}


.h-product{position: relative;overflow: hidden;}
.h-product .hpro-box{position: relative;z-index: 20;}
.h-product .h-title{position: relative;z-index: 20;}
.h-product .hvr-float{background: #fff;padding:1rem;cursor: pointer;}
.h-product .hvr-float .overflow-hidden{margin-top: -2rem;transition: all 0.3s;}
.h-product .hvr-float:hover .overflow-hidden{margin-top: -2.5rem;transition: all 0.3s;}
.h-product .hvr-float .h-tbox{padding:.6rem;}
.h-product .hvr-float .h-tbox h5{font-size: 12px;color:#999;}
.h-product .hvr-float .h-tbox h3{color:#333;font-size: 16px;font-weight: bold;}
.h-product .hvr-float .h-tbox p{font-size: 14px;color:#999;}
.h-product .hvr-float:hover h3{color:#203d9b;}
.h-product .dbg{position: absolute;bottom:0;left: 0;z-index: 19;}
.h-product .imgbox{position: relative;}
.h-product .imgbox .overflow-hidden{position: relative;z-index: 10;}
.h-product .imgbox .limg{position: absolute;right:1rem;bottom:1rem;width: 60px;height: 60px; z-index: 11;border-radius: 60px;border:2px solid #fff;}

.h-function .carousel-indicators{bottom:0;left:0;margin:0;z-index: 7;}
.h-function .carousel-indicators dd{position: relative;opacity: 1; flex: 0 0 auto;width: 35%;height: auto;margin: 0;margin-right: 2px;margin-bottom: 2px;text-indent: inherit;overflow: hidden;border: none;}
.h-function .carousel-indicators dd .cbox{background: #fff;height: 100%;padding:2rem;}
.h-function .carousel-indicators dd .cbox h3{color:#333;font-size: 22px;}
.h-function .carousel-indicators dd .cbox h3 span{background: #333;height: 3px;width: 6%;}
.h-function .carousel-indicators dd .cbox p{color:#666;font-size: 15px;}
.h-function .carousel-indicators .active .cbox{background: #203c95;color:#fff;}
.h-function .carousel-indicators .active .cbox h3,.h-function .carousel-indicators .active .cbox p{color:#fff;}
.h-function .carousel-indicators .active .cbox h3 span{background: #fff;height: 3px;width: 6%;}

.h-function .tbox{position: absolute;left: 0;top:0;z-index: 5;}
.h-function .functionbg{position: relative;z-index: 4;}
.h-function .textbox{padding:0 5rem;}
.h-function .textbox h3{font-size: 36px;color:#fff;}
.h-function .textbox p{font-size: 16px;color:#fff;}
.h-function .carousel-control-next,.h-function .carousel-control-prev{z-index: 5;}

.h-new ul li button{border:none;background: none;color:#333;padding:0 2rem;border-right: 1px solid #333;font-size: 16px;}
.h-new ul li:last-child button{border-right: none;}
.h-new ul li .active{color:#2e49a4;font-weight: bold;}
.h-new .col-md-4{padding:1rem;}
.h-new .hvr-float{display: block;height: 100%;width: 100%;background: #fff;padding:1rem;}
.h-new .imgbox{position: relative;}
.h-new .daybox{position: absolute;right:0;top:0;z-index: 11;padding:1rem 1.5rem;background: #333;text-align: center;transition: all 0.3s;}
.h-new .hvr-float:hover .daybox{background: #2e49a4;transition: all 0.3s;}
.h-new .daybox h3{color:#fff;font-size: 30px;font-weight: bold;}
.h-new .daybox p{color:#fff;font-size: 16px;margin-bottom: 0;}
.h-new .overflow-hidden{position: relative;z-index: 10;}
.h-new .hvr-float .textbox h3{color:#333;font-size: 16px;font-weight: bold;transition: all 0.3s;}
.h-new .hvr-float:hover .textbox h3{color:#2e49a4;transition: all 0.3s;}
.h-new .textbox p{color:#666;font-size: 15px;margin-bottom: 0;}
.h-new .hvr-float .a-box span{color:#666;transition: all 0.3s;}
.h-new .hvr-float:hover .a-box span{color:#2e49a4;transition: all 0.3s;}

.swiper-box{width: 100%;position: relative;overflow: hidden;}
.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: #0079c3;border-radius: 50%;width: 37px;height: 37px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:0; color:#fff;}
.swiper-button-next{margin-top:-1rem;right:0;transform: rotate(180deg);color:#fff;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .65;}

.hpro-box .swiper-box .arrbox{position: relative;z-index: 20;}
.hpro-box .swiper-box .arrbox span{position: relative;width: auto;display: inline-block;width: 40px;height: 40px;text-align: center; border:none;line-height: 27px;border-radius: 50px;opacity: 1;margin: 0;}
.hpro-box .swiper-box .arrbox span svg{width: 15px;height: 15px;color:#fff;font-size: 12px;}
.hpro-box .swiper-box .arrbox span:nth-child(1){background:#203c95;margin-right: 1rem;}
.hpro-box .swiper-box .arrbox span:nth-child(2){background:#dadada;}
.hpro-box .swiper-button-disabled{background: #a4d5f7;}
.hpro-box .swiper-slide{padding:0 2rem;}

.h-team .carousel-inner{padding:5rem 0;}
.h-team .carousel-inner .col-md-4{padding:0 2rem;}
.h-team .cbox{padding:2rem;background: linear-gradient(to right,#203d9b,#718fe1);border-radius: 20px;border-bottom-right-radius:50px;height: 100%;}
.h-team .cbox .imgbox{width: 100px;height: 100px;border:3px solid #fff;margin-top: -80px;margin-bottom: 40px;border-radius: 120px;}
.h-team .cbox .imgbox img{border-radius: 120px;}
.h-team .cbox p{font-size: 16px;color:#fff;}
.h-team .cbox dl dd{color:#fff;font-size: 15px;}
.h-team .cbox dl dd b{font-size: 18px;font-weight: initial;margin-right: 3px;}
.h-team .arrbox{position: relative;z-index: 20;}
.h-team .arrbox button{position: relative;width: auto;display: inline-block;width: 40px;height: 40px;text-align: center; border:none;line-height: 18px;border-radius: 50px;opacity: 1;margin: 0;}
.h-team .arrbox button svg{width: 15px;height: 15px;color:#fff;font-size: 12px;}
.h-team .arrbox button:nth-child(1){background:#203c95;margin-right: 1rem;}
.h-team .arrbox button:nth-child(2){background:#dadada;}

.h-industry{background:url(../allimg/img/h-industry-bg.jpg) no-repeat center center;padding: 12rem 0;}
.h-industry .cbox h3{font-size: 32px;color:#fff;letter-spacing: 2px;}
.h-industry .cbox p{font-size: 22px;color:#fff;}

.no-baner{background: #fff;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.no-baner .navbar .navbar-nav li .nav-link{color:#333;font-size: 16px;}
.no-baner .navbar .navbar-nav .nav-item:hover a{color:#364fa9;}
.no-baner .ofimg2,.app-down6,.no-baner .ofimg1,.navbar-toggler,.app-email{display: none;}
.no-baner .ofimg2{display: inline-block;}
.no-baner .hvr-underline-from-left:before{height: 2px;background: #364fa9;}

.about .company-profile h2 span{display: block;width: 6%;height:4px;background: #273e9b;margin-top: 1rem;}
.about .key-features{background:#f9f9f9;padding:7rem 0 !important;}
.about .key-features .card{background: none;}
.about .key-features .card span{display: inline-block;width: 80px;height: 80px;margin: auto;line-height: 76px;text-align: center;border: 1px solid rgb(255 255 255 / 20%);border-radius: 50px;}
.about .key-features .card span img{width: 45px;height: 45px;opacity: .8;}
.about .key-features .card h3,.about .values .card p{opacity: .8;}
.about .key-features .card h3 span{display: block;width: 10%;margin:auto;background: #fff;height: 2px;margin-top: 1.6rem;margin-bottom: .8rem;border: none;}
.about .key-features .card img{width: 20%;}

.about .service-team {width: 80%;margin:auto;}
.about .service-team .cbox{background: #fff;padding:2rem;display: block;width: 100%;height: 100%;border-radius: 15px;border-bottom-right-radius:70px;}
.about .service-team .cbox .imgbox{margin-top: -5rem;margin-bottom: 2rem;}
.about .service-team .cbox .imgbox img{border-radius: 80px;border:4px solid #2c47a3;}
.about .service-team .cbox p{font-size: 20px;color:#000;line-height: 32px;}
.about .service-team .cbox dl dd{font-size: 18px;color:#333;margin-top: .5rem;}
.about .service-team .cbox dl dd b{font-size: 19px;color:#333;margin-right:1rem;}
.about .service-team .swiper-container{padding:4rem 0;}
.about .service-team .swiper-slide-active .cbox{background: linear-gradient(to right,#2c47a2,#7a95f2); }
.about .service-team .swiper-slide-active .cbox img{border:4px solid #fff;}
.about .service-team .swiper-slide-active .cbox p,.about .service-team .swiper-slide-active .cbox dl dd,.about .service-team .swiper-slide-active .cbox dl dd b{color:#fff;}

.lrbox .swiper-button-next,.lrbox .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));}
.lrbox .swiper-button-prev,.lrbox  .swiper-button-next{background-color: #0079c3;border-radius: 50%;width: 37px;height: 37px;top: 51%;text-align: center;line-height: 34px;}
.lrbox .swiper-button-prev::after,.lrbox  .swiper-button-next::after{content: "";}
.lrbox .swiper-button-prev{margin-top: -1rem;left:0; color:#fff;}
.lrbox .swiper-button-next{margin-top:-1rem;right:0;transform: rotate(180deg);color:#fff;}
.lrbox .swiper-button-next.swiper-button-disabled,.lrbox  .swiper-button-prev.swiper-button-disabled{opacity: .65;}
.about .factory{position: relative;z-index: 5;}
.about .factory .btext{position: absolute; bottom:4rem;z-index: 6;left: 44%;}
.technical .cooperation{padding:4rem 0;}
.technical .cooperation img{width: 70%;margin:auto;}
.technical h2 span{display: block;width: 6%;height:4px;background: #273e9b;margin-top: 1rem;}
.technical #carouselResearch .carousel-indicators{bottom:6%;left:20%;margin:0;z-index: 7;width: 60%;}
.technical #carouselResearch .carousel-indicators button{color:#fff;font-size: 18px;padding: 1rem 0; transition: all 0.4s;background: none; position: relative;opacity: 1;flex: 1 0 0%;height: auto;margin: 0;text-indent: inherit;overflow: hidden;border: none;}
.technical #carouselResearch .carousel-indicators .active:before{content: "";position: absolute;bottom:0;left: 45%; width: 10%;height: 2px;background: #fff;}

#certificate .swiper-wrapper a p{line-height: 1.2rem;}

.listnew{background: #f5f5f5;padding:3rem 0;}
.listnew .sticky{padding:0px;position: -webkit-sticky;position: sticky;top: 14vh;}
.listnew .sticky input::-webkit-input-placeholder{color:#aaa;font-size: 13px;padding-left: .5rem;}
.listnew .sticky input {outline:none;}
.listnew .searchbox{background: #fff;padding:1rem 1.5rem;margin-bottom: 1rem;padding:1rem;}
.listnew .searchbox input{width: 85%; padding:.5rem;color:#333;border:none;background: #f5f5f5;border-radius: 0;}
.listnew .searchbox button{width: 15%; padding:.5rem;color:#fff;border:none;background: #263f9c;border-radius: 0;}
.listnew .col-lg-3 h3{background: #fff;font-weight: bold; border-bottom: 1px solid #eee;margin-bottom: 0;padding:1rem 1.5rem;font-size: 20px;color:#333;}
.listnew .column-nav{list-style: none;background: #fff;padding:0 1.5rem;margin-bottom: 0;}
.listnew .column-nav li a{padding:.8rem 0;border-bottom: 1px solid #eee;  display: block;color:#999;font-size: 14px;transition: all 0.2s;}
.listnew .column-nav li a.active{color:#333;transition: all 0.2s;}
.listnew .column-nav li a svg{width: 13px;height: 13px; margin-right: .4rem;transition: all 0.2s;color: #ccc;}
.listnew .column-nav li a.active svg{color:#333;transition: all 0.2s;color: #333;}
.listnew .hot{background: #fff;padding:1rem 1.5rem;}
.listnew .hot h3{padding:1rem 0;margin-bottom: 1rem;margin-top: 0;}
.listnew .hot .col-md-12{padding:0;padding-bottom:1rem;margin-bottom: 1rem;border-bottom: 1px solid #eee;}
.listnew .hot .col-md-12 a{display: block;}
.listnew .hot .col-md-12 h4{font-size: 14px;color:#333;transition: all 0.2s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.listnew .hot .col-md-12 p{font-size: 12px;line-height: 18px; color:#999;transition: all 0.2s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.listnew .hot .col-md-12:hover h4,.listnew .hot .col-md-12:hover p{color:#273e9b;transition: all 0.2s;}
.listnew .hvr-float{display: block;width: 100%;padding-bottom: 1rem;}
.listnew .hvr-float:hover .textbox h3,.listnew .hvr-float:hover .textbox h5{color:#263f9c;}

.listnew .col-lg-3{padding-right: 2rem;}
.listnew .col-lg-9{padding-left: 0;}
.listnew .hvr-float{display: block;}
.listnew .textbox{margin-top: 1rem;}
.listnew .textbox h3{font-size: 20px;color:#333;margin-bottom: 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.listnew .textbox h5{color:#666;font-size: 14px;font-weight: initial;}
.listnew .textbox h5 svg{margin-top: -2px;}
.listnew .textbox p{font-size: 14px;line-height: 25px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.listnew .textbox h4{margin-top: 1rem;font-size: 12px;color:#666;}
.new-article h1{font-size: 30px;color:#333;}
.new-article h5{font-size: 16px;color:#999;font-weight: initial; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ccc;}
.new-article h3{margin-top: 2rem;font-size: 25px;color:#333;margin-bottom: 1rem;}
.new-article p{font-size: 15px;color:#666;}

.article-pro{box-shadow: none;}
.article-pro .conbox img{margin:1rem 0;}
.article-pro .conbox p{font-size: 16px;line-height: 28px;}
.article-pro .conbox h2{font-size: 22px;font-weight: bold;margin-top: 4rem; margin-bottom: 1rem;}
.article-pro .conbox h3{margin-bottom: 1rem;}
.article-pro .conbox ul{list-style: none;margin:0;padding:0;}
.article-pro .conbox ul li{margin-bottom: .8rem;font-size: 14px;color:#666;}
.article-pro .conbox ul li strong{font-size: 16px;color:#333;}
.article-pro .conbox .col-md-7{padding-left: 3rem;}
.pro-application img,.pro-application p{width: 110px;}
.article-pro .conbox .spec table{width: 100%;}
.article-pro .conbox .spec table tr:nth-child(odd){background: #f7f7f7;}
.article-pro .conbox .spec table tr td:nth-child(1){width: 30%;}
.article-pro .conbox .spec table tr td:nth-child(2){width: 30%;}
.article-pro .conbox .spec table td{padding:1rem;font-size: 16px;line-height: 24px;color:#333;}
.article-pro .contact{background: #fff url(../../../web/allimg/img/pro-contact-bg.jpg);background-position: center center;}
.article-pro .contact .titlebox h2{font-size: 30px;font-weight: bold; color:#333;text-transform: uppercase;text-align: left;margin-bottom: 2rem;}

.column img{width: 100%;}
.column-nav ul{list-style: none;margin:0;padding:0;}
.column-nav .row{background:#203d9b;}
.column-nav .col-md-4{background:#203d9b;padding:1.5rem 0;}
.column-nav .col-md-8 ul{background: #fff; width: 100%;margin-top: -1px;border-bottom: 1px solid #eee;}
.column-nav .col-md-8 ul li{padding:0 2rem;}
.column-nav .col-md-8 ul li a{font-size: 16px; transition: all 0.4s;display: inline-block;color:#333; padding:1.5rem 0;position: relative;}
.column-nav .col-md-8 ul .active a{transition: all 0.4s;color:#000;font-weight: bold;}
.column-nav .col-md-8 ul .active a:before{transition: all 0.4s;content: '';position: absolute;bottom:-1.5px;height: 3px;width: 100%;left: 0;background: #203d9b;z-index: 2;}


.contact .top{padding:10rem 0; position: relative;z-index: 5;overflow: hidden;}
.contact .top .container{position: relative;z-index: 5;}
.contact .top .bg{position: absolute;right: 0;bottom:0; z-index: 4;width: 50%;}
.contact .top .col-md-4 span{display: inline-block;width: 60px;height: 60px;line-height: 70px;text-align: center;border-radius: 50px;border: 1px solid #bbb;}
.contact .top .col-md-4 span i{font-size: 25px;color:#333;}
.contact .top .cg span{padding:.8rem 2.5rem;background:#273e9b; letter-spacing: 2px;}
.contact h2 span{display: block;width: 6%;height:4px;background: #273e9b;margin-top: 1rem;}

.formshiro label{color:#777;}
.formshiro input::-webkit-input-placeholder,.formshiro textarea::-webkit-input-placeholder,.flist select option{color:#666;font-size:1rem;}
.formshiro textarea{min-height: 6rem !important;}


.footer{background: #273e9b;color:#fff;border: none;}
.footer ul{list-style: none;margin:0;padding: 0;}
.footer ul li{margin-bottom: .5rem;}
.footer h3{font-size: 20px;}
.footer p{font-size: 15px;color:#bfc5e1;}
.footer a{color:#fff;font-size: 15px;color:#bfc5e1;transition: all 0.3s;}
.footer a img{width: 80%;}
.footer a:hover{margin-left: .2rem;color:#fff;transition: all 0.3s;}
.footer .footer-top{margin-bottom: 2rem;padding-bottom: 0rem;}
.footer .sm a{display: inline-block;margin-left: 1rem;}
.footer .sm a span{display: inline-block;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 43px;background: rgb(50 75 177 / 70%);transition: all 0.3s;}
.footer .sm a span i{color:#fff;font-size: 18px;}
.footer .sm a:hover span{background: #13a65f;transition: all 0.3s;}
.footer .cont{margin-top: 0rem;}
.powerby{text-align: right;}

.gif-bg{animation-name:banimg;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 35s;}
@keyframes banimg{
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);}
}


.position ul{display: flex;justify-content: center;list-style: none;padding:1rem 0;margin-bottom: 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: #333;font-size: 15px;transition: all 0.3s;}
.position li a:hover{color: #273e9b !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: "/";color:#333;margin-top: 2px;font-size: 12px;margin-right: 4px;}
.product .position ul{padding:0;}
.product .position li a,.product .breadcrumb-item+.breadcrumb-item::before{color:#c7cee9;text-decoration: none;}
.product .position li a:hover{text-decoration: none;color:#fff !important;}

.certificate .col-md-4{padding:2rem;}

.prenext{margin-top: 3%;padding:0;padding-top: 2%;border-top: 1px solid #eee;font-size: 16px;list-style: none;}
.prenext li{font-size: 16px;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 15px; font-weight: initial;}
.prenext a:hover{color: #263f9c;text-decoration: underline;}
.pagination li{font-size:13px !important;}
.pagination li .page-link{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #273e9b;background-color: #fff;border: 1px solid #e9e9e9;border-radius: 0;}
.pagination li:first-child .page-link{border-right: none;}
.pagination li:last-child .page-link{border-left: none;}
.pagination .active .page-link{background: #273e9b;border-color:#273e9b;color:#fff;font-weight: initial;}
.pagination li .pageinfo{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li.disabled .page-link{color: #273e9b;pointer-events: none;cursor: auto;background-color: #fff;border-color: #273e9b;}
.hvr-float-yy{transition: all 0.4s;}
.hvr-float-yy:hover{box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}

.enbox .h-industry{padding:8rem 0;}
.enbox .h-industry .cbox h3{font-size: 28px;}

.search .input-group{width: 60%;margin:auto;}
.search .input-group input{width: 80%;height: 50px;border-radius: 0; border-top-left-radius:30px;border-bottom-left-radius:30px;}
.search .input-group .input-group-append{ width: 20%;padding:1rem;}
.search .input-group .input-group-append button{height: 30px;border-radius: 0; border-top-right-radius:30px;border-bottom-right-radius:30px;  display: inline-block;background: #263f9c; padding:1rem;width: 100%;height: 100%;border:none;color: #fff;}


@media (min-width:768px){
	.logo{display: flex;align-items: center;}
	.logo .position-relative a{width: 100%;}
	.container{width: 80%;margin:auto;max-width: 1200px;}
	.h-product .container{width: 87%;max-width: 1463px;}
	.article-pro .container{width: 70%;margin:auto;max-width: 1300px;}
	.app-down{display: none;}

	
	.inner .nav-toptwo{margin-top: 7vh;}
	.article-pro .nav-toptwo{margin-top: 5vh;}
	.listnew .col-lg-4{padding:0 2rem;margin-bottom: 2rem;}
	.listnew .col-lg-3{padding-right: 3rem;}
	.listnew .col-lg-9{padding-left: 0;}
	.new-article .col-lg-9{padding-left: 3rem;}
	.py-md-5{padding-top: 5rem !important;padding-bottom: 5rem !important;}
	.pt-md-5{padding-top: 5rem !important;}
	.ohimg img{width: 100%; height: 280px;object-fit: cover;}
	.hpro-series .hvr p{width: 50%;margin:auto;margin-top: 1.5rem;margin-bottom: 2.5rem;}
	.about .company-profile{padding-top: 1rem !important;}
}

@media screen and (min-width: 1500px) and (max-width: 1920px){
	.container{width: 80%;margin:auto;max-width: 1400px;}
	.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;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
	.hpro-series .hvr p{width: 84%;}
	.search-li a{display: none;}
	.logo .lang{display: none;}

}

@media screen and (min-width: 1200px) and (max-width: 1499px){
	.container{width: 84%;}
	.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;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
	.logo .lang{display: none;}
	.h-product .container{width: 85%;}
	.ps-lg-5{padding-left: 3rem !important}
	.pe-lg-5{padding-right: 3rem !important}
	.hpro-series .hvr p{width: 70%;}
	.ohimg img{width: 100%;height: 219px;object-fit: cover;}
	.h-industry h3{width: 80%;line-height: 40px!important;margin: 0 auto;font-size: 28px !important;}
	.p-md-4{padding:1rem!important ;}
	.listnew .hot .col-md-5,.listnew .hot .col-md-7{width: 100%;}
	.listnew .hot h4{margin-top: .5rem;}
	.listnew .searchbox input{width: 75%;}
	.listnew .searchbox button{width: 25%;}
	.search-li a{display: none;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: 16px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.container{width: 90%;}
	.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;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
	.logo{width: 12%;margin-left: 5%;}
	.logo .lang{display: none;}
	.search-li a{display: none;}
	.mt-lg-5{margin-top: 3rem !important;}
	.ps-md-5,.ps-lg-5{padding-left: 3rem !important;}
	.pe-md-5,.pe-lg-5{padding-right: 3rem !important;}
	.p-md-4{padding:1rem!important ;}
	.py-md-5,.py-lg-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.pt-md-5,.pt-lg-5{padding-top: 3rem !important;}
	.mt-md-5{margin-top: 2rem !important; }
	.mt-md-4{margin-top: 1.5rem !important; }
	.lh-lg{line-height:1.5rem !important;}
	.fs-3{font-size: .9rem !important;}
	.display-5{font-size: 2.4rem;}
	.display-6{font-size: 1.5rem !important;}
	.hpro-series .hvr p{width: 70%;}
	.navbox .navbar .navbar-nav li .nav-link{padding: 1.5rem 0.8rem;font-size: 15px;}
	.banner .btitle{font-size: 34px;margin-top:6rem;}
	.h-title .text-title{font-size: 32px;}
	.h-about .databox h3{margin-bottom: 1rem !important;}
	.h-about .databox p{line-height: 18px;}
	.h-about .databox .p-md-4{padding:1.5rem 1rem !important;}
	.hpro-box .swiper-slide{padding:0 1rem;}
	.ohimg img{width: 100%;height: 180px;object-fit: cover;}
	.h-new .textbox p{font-size: 14px;}
	.h-industry{padding:6rem 0;}
	.h-industry .cbox{width: 80%;margin: auto;}
	.h-industry .cbox h3{font-size: 26px;letter-spacing: 1px;}
	.h-industry .cbox p{font-size: 20px;}
	.h-industry .cbox p br{display: none !important;}
	.enbox .h-industry .cbox h3{font-size: 26px;letter-spacing: 1px;}
	.about .company-profile .col-md-6,.about .quality-control .col-md-6{width: 100%;padding:1%  2% !important;}
	.about .company-profile .col-md-6 .overflow-hidden img{width: 100%;height: 400px;object-fit: cover;}
	.about .quality-control .col-md-6 .overflow-hidden img{width: 100%;height: 300px;object-fit: cover;}
	#carouselResearch img{width: 100%;height: 300px;object-fit: cover;}
	.contact .top{padding:6rem 0;}
	.contact .top .cg{margin-top: 2rem !important;}
	.contact .top .cg span{padding: 0.8rem 2rem;letter-spacing: 0px;}
	.service-team .col-md-3{width: 33.333%;}

}

@media screen and (min-width: 768px) and (max-width: 991px){
	.container{width: 90%; margin:auto;}
	.article-pro .container{width: 86%;}
	.nav-toptwo{margin-top:7vh;}
	.logo{width: 100%;margin-left: 0; padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.logo svg{width: 25px;height: 25px;fill:#777;}
	.logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
	.logo .app-email{fill:#333;display: inline-block;text-align: center;}
	.navbox .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
	.navbox .logo .ofimg1{display:none;}
	.logo .position-relative a{text-align: center;}
	.logo .position-relative a img{width: 60%;}
	.navbar{min-height:initial;}
	.dropdown-toggle:after{display: none;}
	.navbox{background: #fff;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 10px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
	.app-down i{display: block;color: #3650aa;font-size: 12px;}

	.navbox .dropdown.open>.dropdown-menu{position: relative;display: block !important;}
	.navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding:1rem !important;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #eee;}
	.nav-search{flex-direction: initial !important;justify-content: start !important;}
	.navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#333 !important;font-size: 16px !important;display: block !important;padding: 5px 10px !important;background: #f5f7ff;margin-bottom: 5px;border-left: 2px solid #3650aa;padding-left: 1rem !important;}
	.navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
	.navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
	.app-down7,.app-down8,.app-down12,.app-down14{display: none;}
	.search-box{width: 100%;bottom: -56px;right: inherit;}
	.navbox .navbar .navbar-nav li .nav-link svg{display: none;}
	.navbox .navbar .navbar-nav li .search-btn svg{display: inline-block;}
	.navbox .navbar .navbar-nav .search-li i{color:#fff;}
	.navbox .navbar .navbar-nav li .lang{display: none;}

	.mt-lg-5{margin-top: 3rem !important;}
	.ps-md-5,.ps-lg-5{padding-left: 3rem !important;}
	.pe-md-5,.pe-lg-5{padding-right: 3rem !important;}
	.p-md-4{padding:1rem!important ;}
	.py-md-5,.py-lg-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.pt-md-5,.pt-lg-5{padding-top: 3rem !important;}
	.mt-md-5{margin-top: 2rem !important; }
	.mt-md-4{margin-top: 1.5rem !important; }
	.lh-lg{line-height:1.5rem !important;}
	.fs-3{font-size: .9rem !important;}
	.display-5{font-size: 2.4rem;}
	.display-6{font-size: 1.5rem !important;}

	.hpro-series .hvr p{width: 70%;}
	.navbox .navbar .navbar-nav li .nav-link{padding: 1.5rem 0.8rem;font-size: 15px;}
	.banner .btitle{font-size: 34px;margin-top:6rem;}
	.h-title .text-title{font-size: 32px;}
	.h-about .databox h3{margin-bottom: 1rem !important;}
	.h-about .databox p{line-height: 18px;}
	.h-about .databox .p-md-4{padding:1.5rem 1rem !important;}
	.hpro-box .swiper-slide{padding:0 1rem;}
	.ohimg img{width: 100%;height: 150px;object-fit: cover;}
	.h-product .ohimg img{width: 100%;height: 320px;object-fit: cover;}
	.h-product .card h3{font-size: 1rem !important;}
	.h-product .container{width: 94%;}
	.h-new .textbox p{font-size: 14px;}
	.h-industry{padding:6rem 0;}
	.h-industry .cbox{width: 80%;margin: auto;}
	.h-industry .cbox h3{font-size: 26px;letter-spacing: 1px;line-height: 35px !important;}
	.h-industry .cbox p{font-size: 20px;}
	.h-industry .cbox p br{display: none !important;}
	.h-new .textbox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-new .daybox{padding:0.8rem;}
	.enbox .h-industry .cbox h3{font-size: 26px;letter-spacing: 1px;}
	.about .company-profile .col-md-6,.about .quality-control .col-md-6{width: 100%;padding:1%  2% !important;}
	.about .company-profile .col-md-6 .overflow-hidden img{width: 100%;height: 400px;object-fit: cover;}
	.about .quality-control .col-md-6 .overflow-hidden img{width: 100%;height: 300px;object-fit: cover;}
	#carouselResearch img{width: 100%;height: 300px;object-fit: cover;}
	.contact .top{padding:6rem 0;}
	.contact .top .cg{margin-top: 2rem !important;}
	.contact .top .cg span{padding: 0.8rem 2rem;letter-spacing: 0px;}
	.service-team .col-md-3{width: 33.333%;}



}
@media (max-width:768px){
	.container{width: 96%; margin:auto;}
	.nav-toptwo{margin-top:7vh;}
	.logo{width: 100%;padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.logo svg{width: 25px;height: 25px;fill:#777;}
	.logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
	.logo .app-email{fill:#333;display: inline-block;text-align: center;}
	.navbox .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
	.navbox .logo .ofimg1{display:none;}
	.logo .position-relative a{text-align: center;}
	.logo .position-relative a img{width: 60%;}
	.navbar{min-height:initial;}
	.dropdown-toggle:after{display: none;}
	.navbox{background: #fff;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 10px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
	.app-down i{display: block;color: #3650aa;font-size: 12px;}

	.navbox .dropdown.open>.dropdown-menu{position: relative;display: block !important;}
	.navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding:1rem !important;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #eee;}
	.nav-search{flex-direction: initial !important;justify-content: start !important;}
	.navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#333 !important;font-size: 16px !important;display: block !important;padding: 5px 10px !important;background: #f5f7ff;margin-bottom: 5px;border-left: 2px solid #3650aa;padding-left: 1rem !important;}
	.navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
	.navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
	.app-down7,.app-down8,.app-down12,.app-down14{display: none;}
	.search-box{width: 100%;bottom: -56px;right: inherit;}
	.navbox .navbar .navbar-nav li .nav-link svg{display: none;}
	.navbox .navbar .navbar-nav li .search-btn svg{display: inline-block;}
	.navbox .navbar .navbar-nav .search-li i{color:#fff;}

	.display-5{font-size: 2.4rem;}
	.display-6{font-size: 1.8rem !important;}


	.banner .carousel-item img{width: 100%; height: 300px;object-fit: cover;}
	.banner .carousel-caption{left: 10%;right: 10%;}
	.banner .btitle{font-size: 1.5rem;}
	.banner .btitle br{display: none;}
	.banner .btxt{width: 100%;font-size: .9rem;}
	.banner .a-box{margin-top: 1rem;}
	.banner .a-btn{padding: 0.6rem 1rem;font-size: .9rem;}

	.column img{width: 100%; height: 220px;object-fit: cover;}
	.product .position{justify-content: center!important;}

	.h-title .text-title{font-size: 30px;}
	.a-box{margin:2rem 0 !important;}
	.a-box .a-btn{font-size: 14px;}
	.h-about .databox p{line-height: 20px;}
	.hpro-series h3{margin-bottom: 1rem !important;}
	.hpro-series .tbox{padding:0 1rem;}
	.h-industry{padding:6rem 0;}
	.enbox .h-industry{padding:5rem 0;}
	.h-industry .cbox h3{letter-spacing: 1px;font-size: 22px !important;line-height: 30px !important;}
	
	.databox .box h3{font-size: 1.5rem!important;}
	.databox .box p{font-size: .9rem!important;line-height: 1.1rem;margin-top: .6rem;}
	.about .values{padding:3rem 0 !important;}
	.about .quality-control .col-md-6 .overflow-hidden img{width: 100%;height: 280px;object-fit: cover;}
	.column-nav .pe-3{padding:1rem !important;}
	.product .column-nav .col-md-8 ul li{padding:0 1rem;}

	.article-pro .conbox .col-md-7{padding-left: .6rem !important;}
	.pro-application .col-md-3{width: 50%;text-align: center;margin-bottom: 1rem;}
	.pro-application img{width: 40%;}
	.pro-application p{width: 100%;font-size: 0.9rem !important;text-align: center !important;}
	.cooperation .col-md-6 .row .col-md-6{text-align: center;}
	.listnew .col-lg-3{padding-right: 1rem;}
	.listnew .hot .col-md-12 h4{font-size: 18px;margin-top: .5rem;}
	.contact .top{padding:3rem 0;}
	.contact .top .cg span{padding: 0.8rem 1rem;letter-spacing: 1px;}
	.contact .top .row .col-md-6 .row{margin-top: 1rem !important;}
	.contact .top .col-md-4{width: 33.333%;}
	.contact .top .row .col-md-6 .row .col-md-4 a{word-break:break-all;}

	.footer a{display: block;}
}