@charset "utf-8";
body,html{font-family: 'Poppins', sans-serif,"Microsoft YaHei","微软雅黑";width:100%;height:100%;background: #fff;font-size: 16px;}
.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)}


.artnew table thead th, .artnew .table thead th{background: none;}
.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;}

.border-grey{border:1px solid #666 !important;}
.text-grey{color:#666 !important;}
.text-grey-sm{color:#888 !important;}
.text-grey-max{color:#333;}
.text-blue{color:rgba(68,113,206,1) !important;}
.bg-blue{background: rgba(68,113,206,1);}
.text-a{color:#2d92db !important;}
.text-bm{color:rgba(68,113,206,1) !important;}
.text-theme{color:rgba(68,113,206,1) ;}
.text-theme2{color:rgba(4,54,139,1) ;}
.bg-theme{background:rgba(68,113,206,1) ;}
.bg-theme2{background:rgba(4,54,139,1) ;}/*04368b*/
.btn-bm{
	--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(68,113,206,1);
	--tblr-btn-hover-color: #fff;
	--tblr-btn-hover-bg: rgba(25,121,255,.8);
	--tblr-btn-active-color: #609cef;
	--tblr-btn-active-bg: rgba(25,121,255,.8);
	--tblr-btn-disabled-bg: rgba(68,113,206,1);
	--tblr-btn-disabled-color: rgba(68,113,206,1);
	--tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
}
.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-200{width: 100%;height: 200px;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;}
.bg-f9{background: #f9f9f9!important;}
.bg-f7{background: #f7f7f7!important;}
.bg-f5{background: #f5f5f5!important;}
.bg-f3{background: #f3f3f3!important;}
.w-90{width: 90%;}
.w-80{width: 80%;}
.w-70{width: 70%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.w-20{width: 20%;}
.w-10{width: 10%;}
.nolistyle{list-style: none;}
.bbome{border-bottom: 1px solid #eee;}
.bbomd{border-bottom: 1px solid #ddd;}
.bbomc{border-bottom: 1px solid #ccc;}
.tbome{border-top: 1px solid #eee;}
.tbomd{border-top: 1px solid #ddd;}
.tbomc{border-top: 1px solid #ccc;}
.bg-e5{background: #e5e5e5;}

.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{opacity: 1; background: linear-gradient(to left,#408ed0,#50b18e);padding: .6rem 1.5rem;border-radius: 5px;color:#fff;font-size: 0.9375rem;text-transform: uppercase;transition: all 0.3s;}
.a-box .a-btn1{border:none;background: none;color:#fff;}
.a-box .a-btn:hover{opacity: .8; transition: all 0.3s;}
.a-box .a-btn1 svg{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn1:hover svg{margin-left: .4rem;transition: all 0.3s;}
.a-box .a-btn span{display: inline-block;width: 25px;height: 25px;line-height: 1.375rem;text-align: center;border:1px solid #fff;border-radius: 50px;margin-left: .5rem;}
.a-box .a-btn svg,.a-box .a-btn i{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn span svg{margin-left: 0;}
.a-box .a-btn:hover svg,.a-box .a-btn:hover i{margin-left: .4rem;transition: all 0.3s;}
.titlebox .title{font-size: 1.9rem;color:#000;font-weight: 600;margin-bottom: 1.5rem;line-height: 40px;}
.titlebox .title-desc{font-size: .9rem;color:#666;line-height: 1.4rem;}
.box .title,.textbox .title{font-size: 1.25rem;color:#333;}
.box .text,.textbox .text,.textbox p{font-size: 0.9rem;color:#666;line-height: 1.375rem;}

/*nav*/
.navbox{position: fixed;left: 0;top: 0;background: #fff0;z-index: 999;transition: all 0.3s;}
.navbox .nav-top{background: #eeeeee;}
.navbox .media{padding:.7rem 0;}
.navbox .media dd{margin: 0;padding-left: 1.5rem;font-size: .9rem;margin-left: 1.5rem; border-left: 1px solid #ccc;color:#777;font-weight: 600;}
.navbox .media dd:first-child{border-left: none;}
.navbox .media a{color:#999999;display: inline-block;font-size: 0.8rem;font-weight: initial;}
.navbox .media svg{fill:#999999;}
/*.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: 1.5rem;}
.navbox .media .sm a:first-child{margin-left: 0;}
.navbox .media .sm i{color:#666;font-size: 1rem;}

.search-dd{width:13%;}
.search-btn{cursor: pointer;width: 28px;height: 28px;margin-top: -5px;}
.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: 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: 0.875rem;color: #fff;height: 26px;outline:none;width: 70%;}
.search-box input::-webkit-input-placeholder{color:#ddd;font-size: 0.875rem;outline:none;}
.navbox .navbar .navbar-nav li{position: relative;display: inline-block;}
.navbox .navbar .navbar-nav li .nav-link{color:#333;font-size: 1rem;padding: 1.7rem 1rem;}
.navbox .navbar .navbar-nav .nav-item{display: block;}
.navbox .hvr-underline-from-left:before{height: 2px;background: #fff;}
.navbox .navbar .navbar-nav .nav-item .bi-chevron-down{transform: rotate(0deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .nav-item:hover .bi-chevron-down{transform: rotate(360deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .open .nav-link,.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;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item{padding: 0.8rem 2rem;color: #333;font-size: 0.9375rem;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;background: linear-gradient(to left,#408ed0,#50b18e);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;font-size: 1rem;}

.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;}
.dropdown-menu-right a{padding: 0.6rem 1rem;color: #333;font-size: 0.9375rem;width: 100%;border-bottom: 1px solid #eee;}
.dropdown-menu-right a:last-child{border-bottom: none;margin-bottom: 0;}
/*nav*/
.nav-item7 svg,.app-down7,.dropdown-menu7,.nav-item13 svg,.app-down13,.dropdown-menu13{display: none !important;}

.navbar .dropdown-menuu10 svg{width: 30px;height: 30px; fill:#23428c;}
.navbar .dropdown-menuu10  h3 svg{width: 5px;height: 5px; fill:#23428c;}
/*Dropdown*/
.navbar-nav .nav-item10{transform: inherit;}
.navbar-nav .nav-item10 .dropdown-menuu10{overflow-y: scroll;background:url(../allimg/img/pronavbg.jpg) no-repeat center 0; max-height: 73vh;position: fixed;width: 100%; left:0;padding: 0 10%;max-height: 0px;padding-bottom: 0px !important;min-height: 0px;overflow: hidden;transition: max-height ease-out 0.1s;}
.navbar-nav .nav-item10.open .dropdown-menuu10{padding-bottom: 20px !important;max-height: 90vh;display: block;transition: max-height ease-in 0.1s;border-radius: 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);overflow-y: scroll;}
.nav-tabs-hover{justify-content: start;display: flex;}
.toptwo .navbar .nav-item10.open .dropdown-menuu10{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);}
.navbar .dropdown-menuu10 h2{margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #cad2e3;}
.navbar .dropdown-menuu10 h2 .a{background: none;font-size: 1.5rem;color:#333;overflow: hidden;display: inline-block;border: none;opacity: 1;box-shadow: none;}
.navbar .dropdown-menuu10 h3{font-size: 0.9375rem;display: flex;align-items: center; margin-bottom: .5rem;}
.navbar .dropdown-menuu10 h3 .a{background: none;font-size: 0.9375rem;padding: 0;color:#333;overflow: hidden;display: inline-block;border: none;opacity: 1;box-shadow: none;}
.navbar .dropdown-menuu10 dd{margin-bottom: .2rem;margin-left: .6rem;}
.navbar .dropdown-menuu10 dd a{color:#333;font-size: 0.8125rem;transition: all 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.navbar .dropdown-menuu10 h2 a:hover,.navbar .dropdown-menuu10 dd a:hover{color:#23428c;transition: all 0.3s;}

.click-nav{position: relative;cursor: pointer;transition: all 0.3s;}
.click-nav .hsvg{position: absolute; z-index: 3;width: 22px;height: 21px;left: 34%;opacity: 0;top: 56%;transition: all 0.3s;}
.click-nav:hover .hsvg{opacity: .4;transition: all 0.3s;}
.hsvg{animation-name:gifsvg;animation-timing-function:ease-out;animation-duration:1s;animation-iteration-count:infinite;}
@keyframes gifsvg{
0% {top: 48%;}
50% {top: 58%;}
100% {top: 48%;}
}



.lang .dropdown-toggle:after{display: none;}
.lang svg{fill:#777;}
.lang img{width: 25px;}
.lang a{font-size: 0.875rem;letter-spacing: 2px;color:#777;}
.lang .dropdown-item{color:#333 !important;font-size: 15px !important;}
.navbar-nav .a-box .a-btn{border-radius: 0;text-transform: capitalize;font-size: 1rem;}
.navbar-nav .a-box .a-btn:hover{background: linear-gradient(to left,#1cadf5,#0b73c7);transition: all 0.3s;}

.search-box .input-group .border{width: 100%; color:#999;border:1px solid #ccc;border-radius:8px;padding:5px;padding-right: 6px;}
.search-box .input-group select{padding:5px;padding-left: 20px; height: 30px;width: 150px;border:none;font-size: 0.875rem; letter-spacing: 1px;}
.search-box .input-group select option{font-size: 0.875rem;}
.search-box .input-group #search-keyword{padding:5px 8px;width: 100%; height: 30px;color:#333;}
.search-box .input-group button{padding:5px; height: 30px;line-height: 20px;}
.search-box .input-group button svg{fill:#5b72a9;width: 20px;height: 20px;}

.banner .btitle{font-size: 2.2rem;font-weight: bold;letter-spacing: 2px;}
.banner .btxt{font-size:1.3rem;width: 50%;font-weight: bold;color: rgb(255 255 255 / 60%);font-style: italic;}
.banner .a-btn{text-transform: capitalize;}
.banner button svg{width: 40px;height: 40px;}
.banner .carousel-indicators{bottom:2%;}
.banner .carousel-indicators button{margin:0 5px; width: 15px;height: 15px;border-radius: 50%;background-color: #fff;opacity: 1;}
.banner .carousel-indicators button.active{background: none;}
.banner .carousel-indicators button.active:before{border-radius: 50%;width: 15px;height: 15px; content: ".";display: block;border: 1px solid #fff;}

.home-product .titlebox img{width: 50px;margin-right: -30px;}
.home-product .titlebox .title{position: relative;}
.home-product .titlebox  ul{width: 100%;}
.home-product .titlebox  ul li{margin-top: 3rem;width: 100%;}
.home-product .titlebox  ul li button{border-radius: 30px; display: block; padding:.8rem;width: 90%;font-size: 1rem; text-align: center;border:1px solid #dfdfdf;}
.home-product .titlebox  ul li button.active{background: linear-gradient(to left,#408ed0,#50b18e);color:#fff;border:1px solid #fff;}
.home-product .col-md-8{background:url(../allimg/img/h-product.jpg) no-repeat center center;padding:8rem 6rem;}
.home-product .col-md-8 .textbox{padding:3rem;background: #fff;width: 70%;border-radius: 10px;}
.home-product .a-box a{display: inline-block;padding:.5rem 1.5rem;color:#63ba98;transition: all 0.3s;border:1px solid #63ba98;border-radius: 20px; border-top-right-radius: 0;}
.home-product .a-box a:hover{background: linear-gradient(to left,#408ed0,#50b18e);color:#fff;transition: all 0.3s;}

.h-adv{padding:0;position: relative;overflow: hidden;}
.h-adv .row{margin-top: 8rem;margin-bottom: 5rem;}
.h-adv .textbox .title,.h-adv .textbox .text{color:#fff;}
.h-adv .container{position: relative;z-index: 20;padding:5rem 0;}
.h-adv video{position:absolute;left: 0;top:0;z-index: 19;}

.h-course{background:url(../allimg/img/h-course-bg.jpg) no-repeat center bottom;padding:6rem 0;}
.h-course .swiper-wrapper{position: relative;z-index: 10;}
.h-course hr{position: absolute;width: 100%;height: 2px;background: #bcd5ed;top: 250px;left: 0;margin: 0;}
.h-course .swiper-box{height: 500px;}
.h-course .swiper-wrapper .swiper-slide{height: 500px;display: flex; align-items: center;}
.h-course .dbox{margin:20px 0;position: relative;}
.h-course .dbox:before{content: "";transform: rotate(270deg);width: 0;height: 0;position: absolute;z-index: 5;top: -22px;left: 48%;border-top: 6px solid transparent;border-bottom: 7px solid transparent;border-right: none;border-left: 10px #469ab9 solid;}
.h-course span{display: inline-block;width: 20px;height: 20px;background: #50b28c;border:3px solid #fff;border-radius: 50px;}
.h-course .swiper-wrapper .swiper-slide .textbox{height: 180px;}
.h-course .swiper-wrapper .swiper-slide .textbox h5{font-size:1.375rem;color:#000;font-weight: initial;margin-bottom: 1.5rem;}
.h-course .swiper-wrapper .swiper-slide .textbox h3{font-weight: bold;text-transform: capitalize;color:#000;font-size: 1.125rem;margin-bottom: .5rem;}
.h-course .swiper-wrapper .swiper-slide .textbox h4{font-weight: bold;font-size: 0.9375rem;color:#333;}
.style-en .h-course .swiper-wrapper .swiper-slide .textbox h4{font-size: 0.85rem;font-weight: inherit;line-height: 1.2rem;color:#333;}
.h-course .swiper-wrapper .swiper-slide img{border:3px solid #fff;height: 180px;}
.h-course .swiper-wrapper .swiper-slide:nth-child(even) .dbox:before{top:auto;bottom:-22px;transform: rotate(90deg);}
.h-course .swiper-slide-active span{background: linear-gradient(to left,#408ed0,#50b18e);}
.h-course .swiper-slide-active .textbox h5{color:#50b28c !important;}


.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 2rem;}
.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: -1.4rem;left:0; color:#fff;}
.swiper-button-next{margin-top:-1.4rem;right:0;transform: rotate(180deg);color:#fff;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .65;}

.h-course .swiper-button-prev{left:2rem;}
.h-course .swiper-button-next{right:2rem;}

.h-certificate{/*background:url(../allimg/img/dna-representation-collage.jpg) no-repeat center bottom;*/padding:6rem 0;}
.h-certificate-cn{background:url(../allimg/img/home-certificate.webp) no-repeat center bottom;padding:6rem 0;}
.h-certificate .col-md-3{padding:1rem 2rem;text-align: center;}
.h-certificate p{color:#fff;}
.h-certificate .carousel-control-next{width: 5%;right: -4rem;}
.h-certificate svg{width: 35px;height: 35px;}
.h-certificate .carousel-control-prev{width: 5%;left:-4rem;}
.h-certificate .col-md-3 img{width: 60%;}


.roundabout_box {margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:800px;height:325px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;width:800px;height:325px;cursor:pointer;background:#f9f9f9;opacity: 1 !important;}
.roundabout-in-focus{opacity: 1 !important;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}


.h-new a{color:#333;}
.h-new .hvr-float{font-size: 1rem;color:#333;}
.h-new .hvr-float .tbox h3{font-size: 1rem;color: #333;}
.h-new .hvr-float .tbox p{font-size: 0.8rem;color:#666;}
.h-new .hvr-float .num h5{font-size: 2rem;font-weight: bold;color:#999;}
.h-new .hvr-float .num h6{font-size:0.9rem;font-weight: initial;color:#999;transition: all 0.4s;}
.h-new .hvr-float:hover .num h5,.h-new .hvr-float:hover .num h6{color:#0a397d;transition: all 0.4s;}
.h-partner{background: #fafafa;}
.h-new .carousel{box-shadow: 0px 0px 14px -3px rgb(229 229 229 / 80%);}


.virus-nav{padding:0;margin:0;}
.virus-nav h3{background: linear-gradient(to left, #408ed0, #50b18e);color:#fff;}
.virus-nav dl dd{border-bottom: 1px solid #eee;border-left:3px solid #fff;transition: all 0.4s;cursor: pointer;}
.virus-nav dl dd a{font-weight: 400;transition: all 0.3s;}
.virus-nav dl .active{border-left:3px solid #2d92db;transition: all 0.4s;}
.virus-nav dl dd:hover a,.virus-nav dl .active a{color:#2d92db;font-weight: 600;transition: all 0.3s;}
.virus-nav dl dd svg{opacity: 0;margin-left:0;transition: all 0.4s;}
.virus-nav dl dd:hover svg{opacity: 1;margin-left:.5rem;transition: all 0.4s;fill:#2d92db;}
.text-52b68d{color:#52b68d;}
.bg-52b68d{background:#52b68d;}
.artvirus .art-virus .col-md-12 svg{width: 60px;height: 60px;}
.artvirus .art-virus .fs-2{font-size: 1.1rem !important;}
.artvirus .art-virus .fs-3{font-size: 1rem !important;}
.artvirus .art-virus .txt{border-top:1px solid #bbbbbb;}
.artvirus .art-virus .txt ul{list-style: none;margin:0;padding:0;}
.artvirus .art-virus .txt ul li{margin-bottom: .8rem;}
.artvirus .art-virus .txt ul li:last-child{margin-bottom: 0;}
.artvirus .art-virus .col-md-12 button{opacity: 1;transition: all 0.3s;}
.artvirus .art-virus .col-md-12 button:hover{opacity: .8;transition: all 0.3s;}
.selectbox i{right: 1rem;top:34%;opacity: .7;transition: all 0.3s;transform: rotate(0deg);}
.selectbox:hover i{opacity: 1;transition: all 0.3s;transform: rotate(360deg);}
.art-virus #carouselpro button span{display: inline-block;width: 50px;height: 30px;line-height: 24px;background: #a9a1cd;border-radius: 80px;}
.art-virus #carouselpro button span svg{width: 16px;height: 16px;}
.artvirus .conbox .tabsbox .nav{background: linear-gradient(to left, #408ed0, #50b18e);margin-bottom: 0;}
.artvirus .conbox .tabsbox .nav li{margin-bottom: 0;}
.artvirus .conbox .tabsbox .nav li button{display: inline-block;font-size: 1.1rem;opacity: .7;padding:.8rem 2rem;background: linear-gradient(to left, #469cb7, #50b1a4);transition: all 0.3s;color:#fff;border:none;}
.artvirus .conbox .tabsbox .nav li button svg{fill:#fff;opacity: .7;transition: all 0.3s;width: 22px;height: 22px;}
.artvirus .conbox .tabsbox .nav li .active,.artvirus .conbox .tabsbox .nav li:hover button{background: linear-gradient(to left, #3d5795, #648197);transition: all 0.3s;opacity: 1;}
.artvirus .conbox .tabsbox .nav li .active svg,.artvirus .conbox .tabsbox .nav li:hover button svg{opacity: 1;transition: all 0.3s;}

.related a{color:#333;}
.related a:hover{color:#2d92db;}
.formbox{padding:.5rem !important; width: 80%;margin: auto;margin-top: 5rem;box-sizing: border-box;background: linear-gradient(45deg, #53b38e 12.5%, #fbfaf5 12.5%, #fbfaf5 25%, #04368b 25%, #04368b 37.5%, #fbfaf5 37.5%, #fbfaf5 50%, #53b38e 50%, #53b38e 62.5%, #fbfaf5 62.5%, #fbfaf5 75%, #04368b 75%, #04368b 87.5%, #fbfaf5 87.5%, #fbfaf5 100%);background-size: 70px 70px;}
.formbox .box{padding:2rem;padding-bottom: 1.5rem;}
.formbox .h3{background: #fff;border:none;padding:.5rem 1rem;border-right: 3px solid #50b18f;}
.formbox .nav li{margin-bottom: 0 !important;margin-right: 6px;}
.formbox .nav li button{background: #fff;border:none;padding:.6rem 1rem;border: 1px solid #f5f5f5;color:#555;}
.formbox .nav li:last-child button{border-right: none;}
.formbox .nav li .active{background: linear-gradient(to left, #408ed0, #50b18e);color:#fff;}
.formbox .nav li .active.hvr-reveal:hover:before{border-width: 0px !important;}

.formbox .mescon h3{margin-top: 0 !important;}
.formbox .mescon .col-md-6,.formbox .mescon .col-md-12{padding:0 .6rem;}
.formbox .mescon input{font-size: 1rem;cursor: pointer;}
.formbox .mescon input::-webkit-input-placeholder,.formbox .mescon textarea::-webkit-input-placeholder,.formbox .flist select option{color:#777 !important;font-size: .9rem;}

#pop-up{background: none;display: inline-block;}
#pop-up #hovertxt{display: none; position: absolute;z-index: 3;top: -2rem;width: 300px;left: -317px;font-size: .85rem !important;padding: 1rem;background: #fff;border-radius: 10px;box-shadow: 5px -3px 14px 1px rgb(204 204 204 / 55%);}
#pop-up #hovertxt:before{content: "";transform: rotate(270deg);width: 0;height: 0;position: absolute;z-index: 5;bottom: 42px;right: -18px;border-top: 1px solid transparent;border-bottom: 17px solid transparent;border-right: none;border-left: 26px #ffffff solid;}
#pop-up:hover #hovertxt{display: block;}
#pop-up{position: fixed;right: .5rem;transition: all 0.7s;top: 40%;z-index: 9999;}
#pop-up span{letter-spacing: 0px !important;padding: 1.2rem .8rem;display: inline-block;font-weight: 500;border-radius: 50px;background: #04368b;font-size: .85rem;line-height: 17px;color: #fff;text-align: center;}
#pop-up span i{font-style: initial;margin-top: 7px;display: inline-block;}
#pop-up svg{width: 18px;height: 18px;}

#pop-up:hover{transition: all 0.3s;letter-spacing: 0px !important;}

.pop-up-a{background: linear-gradient(to left, #408ed0, #50b18e);transition: all 0.3s;}
.pop-up-a svg{width: 18px;height: 18px;margin-left: .2rem;transition: all 0.3s;margin-bottom: .1rem;}
.pop-up-a:hover{opacity: .8;transition: all 0.3s;}
.pop-up-a:hover svg{margin-left: .5rem;transition: all 0.3s;}
.artpro .pop-up .mescon h3{margin-top: 0 !important;}
.artpro .pop-up .mescon .col-md-12{margin:.4rem  0 !important;padding-bottom: 0;}
.pop-up .imgbox{background:url(../allimg/img/tcbg.jpg) no-repeat center center;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.pop-up .display-6{font-size: 1.7rem !important;}
.pop-up .imgbox .nav li{margin:1rem 0; }
.pop-up .imgbox .nav button{font-size: 1rem; opacity: .5; background: none;border:1px solid #fff0;border-radius: 50px; color:#fff;text-align: left; display: block;width: 100%;transition: all 0.3s;}
.pop-up .imgbox .nav button svg{width: 25px;height: 25px;transition: all 0.3s;}
.pop-up .imgbox .nav button:hover{opacity: 1;border: 1px solid rgb(255 255 255 / 20%); transition: all 0.3s;}
.pop-up .imgbox .nav button:hover svg{margin-right: .5rem;transition: all 0.3s;}
.pop-up .imgbox .nav .active{opacity: 1;box-shadow: -1px -19px 30px -15px #ffffff87 inset;}
.pop-up .imgbox .nav .active:hover{border:1px solid #fff0;transition: all 0.1s;}
.pop-up .off{width: 22px;height: 22px; fill:#ddd;top:1.5rem;right:1.5rem;transition: all 0.3s;}
.pop-up .off:hover{fill:#f83636;transition: all 0.3s;}
.pop-up .mescon .col-md-6,.formbox .mescon .col-md-12{padding:0 .5rem;}
.pop-up .tab-content h3{font-weight: initial;}
.pop-up .tab-content h2{font-weight: initial;}
.pop-up .mescon input{font-size: .95rem;cursor: pointer;padding: 0.6rem;}
.pop-up .mescon textarea{padding: 0.6rem;}
.pop-up .mescon input::-webkit-input-placeholder,.pop-up .mescon textarea::-webkit-input-placeholder,.pop-up .flist select option{color:#aaa !important;font-size: .85rem;}

.index-pro  .conbox{border-bottom: 1px solid #eee;}
.index-pro  .conbox:last-child{border:none;}
.index-pro  .conbox h2 span{display: block;width: 8%;height: 5px;transition: all 0.4s;background: linear-gradient(to right,#408dd1,#50b28c);}

.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;}
.artnew .w-20{width: 20%;}
.artnew .w-30{width: 30%;}
.artnew .w-40{width: 40%;}
.artnew .w-50{width: 50%;}
.artnew .w-60{width: 60%;}
.artnew .w-70{width: 70%;}
.artnew .w-80{width: 80%;}
.artnew .w-90{width: 90%;}
.artnew h2{font-size: 1.5rem !important;}
.artnew p{font-size: 1rem;color:#666;line-height: 1.5rem;}
.artnew ul{padding:0;margin:0;list-style: none;}
.artnew ul li b{font-size: 1.25rem;}
.artnew ul li{margin-bottom: 1rem;}
.artnew ul li a{color:#666;font-size: 1rem;}
.artnew ul li .active{color:#1871ff;}
.artnew .conbox b,.artnew .conbox strong{}
.artnew .conbox h2{font-size: 1.875rem;color:#333;margin-bottom: .6rem;font-weight: initial;}
.artnew .conbox h3{margin-bottom: .6rem;font-size: 1.25rem;}
.artnew .conbox .row{margin-top: 2rem;}
.artnew .conbox .col-md-6,.artnew .conbox .col-md-4{margin-bottom: 1rem;}
.artnew .conbox p b,.artnew .conbox p strong{font-size: 1rem;}
.artnew table{width: auto;margin:2rem 0;}
.artnew table tr{border-bottom: 1px solid #eee;}
.artnew table tr td{padding:1rem;font-size: 1rem;color:#777;}
.list-support .col-md-12{margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid #eee;}
.video h4{padding:0 10rem;font-size: 25px;margin-top: 2rem;margin-bottom:5rem;line-height: 36px;}
.video .col-lg-6{padding:1rem;}
.video .col-lg-6 p{font-size: 1rem;color:#666;text-align: center;margin-top: .5rem;}

.covervideo{position: relative;display: inline-block;}
.covervideo:before{transition: all ease-in .3s;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:hover:before{background-color: rgba(0, 0, 0, .01);}
.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;}


.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15; margin-bottom: 1rem;padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
.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 .cbox{display: none;}
.faq-ul li:first-child .cbox{display: block;}
.faq-ul table{margin:0 !important;}
.faq-ul table tr td{padding: .5rem;color:#000;}
.artnew table tr{border-bottom: 1px solid #ccc;}

.about h2{color:#333;}
.about h2 hr{height: 5px;width: 6%;background: #00a875;margin: 1rem 0;margin-bottom: 2rem;border:none;opacity: 1;}
.about .profile{position: relative;overflow: hidden;background: linear-gradient(to bottom,#fafcff,#e8f1ff);padding:5rem 0;}
.about .profile .container{position: relative;z-index: 5;}
.about .profile .cbg{position: absolute;z-index: 4;bottom: -20rem;left: 0;opacity: .8;}
.about .profile .card{background: none;}
.about .profile .imgbox{position: relative;background:url(../allimg/img/about-c2.jpg) no-repeat center right; height: 450px;}
.about .profile .imgbox img{width: 150px;height: 150px;border:5px solid #fff;}
.about .profile .box h3{font-size: 1.5rem;color:#333;margin-bottom: 1.5rem;}
.about .profile .box p{font-size: 1rem !important;margin-bottom: 0;margin-top: .5rem;}
.about .profile .box ul{list-style: none;margin:0;padding:0;margin-top: 2rem;}
.about .profile .box ul li{margin-bottom: .6rem;font-size: 1rem;}
.about .certificate .col-md-3{text-align: center;}
.about .certificate .col-md-3 img{width: 70%;}

.vision{background:url(../allimg/img/vision-bg.jpg) no-repeat center center;width: 100%;padding: 10rem 0;}
.vision .box{width:450px;}
.vision .card{width: 100%;padding:5rem 3rem;padding-bottom: 8rem; background: linear-gradient(to right,#418fcf,#50b18e);border-radius: 10px;}
.vision .card h2 span{width: 10%;height: 4px;background: #fff;display:block;margin-top: 1.5rem;}
.vision .carousel-indicators{right: initial;bottom:1.5rem;left: 0;margin-left: 10%;}
.vision .carousel-indicators button{margin:0 5px; width: 10px;height: 10px;background-color: #b4b0eb;opacity: 1;transition: all 0.4s;}
.vision .carousel-indicators .active{width: 25px;background-color:#fff;transition: all 0.3s;}
.partner img{width: 70%;margin:auto;}

.column{position: relative;}
.column .container{position: relative;z-index: 6;}
.column .textbox{position: absolute;z-index: 6;}
.column .textbox h2 span,.column .textbox h1 span{display: block;height: 5px;background: #fff;width: 3%;margin:auto;margin-top: 1rem;}
.column .textbox svg{width: 40px;height: 40px;color: #0026e3;}
/*.column .bg{position:absolute;left: 0:top:0;width: 100%;height: 100%;background: rgb(87 92 100 / 30%); z-index: 5;}*/
.column .img{position:relative;z-index: 4;}
.column img{width: 100%;height: 400px;object-fit: cover;}

.column-nav .row{margin-top: -1px !important;}
.column-nav ul{list-style: none;margin:0;padding:0;}
.column-nav .col-md-4{background: linear-gradient(to right,#408dd1,#50b28c);padding:1.5rem 0;}
.column-nav .col-md-8 ul{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: 1rem; 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:-2px;height: 4px;width: 100%;left: 0;background: linear-gradient(to right,#408dd1,#50b28c);z-index: 2;}
.column-nav.list-pro .row{background: linear-gradient(to right, rgb(64 141 209) 5%, rgb(80 178 140) 30%, rgb(136 138 209) 88%);}
.column-nav.list-pro .row .col-md-4{background: none;}
.column-nav.list-pro .row .col-md-8{background: #fff;}
.column-nav.list-pro .row .col-md-8 .row{background: #fff;padding:.2rem 0;}
.column-nav.list-pro .row .col-md-8 .row .col-lg-2 a{font-size: 15px;color:#333; display: inline-block;width: 100%;text-align: center;padding:.4rem 0;}
.column-nav.list-pro .row .col-md-8 .row .col-lg-2 a span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.column-nav.list-pro .row .col-md-8 .row .active a{color:#206bc4;}

.sticky{padding: 0px;position: -webkit-sticky;position: sticky;top: 18vh;}
.sticky ul{list-style: none;}
.sticky ul a{color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sticky ul .active{color:#206bc4;}
.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 2px;margin-bottom: 0;display: flex;}
.position li::before{content:"/";display: inline-block;font-size:.9rem;margin: 2px 5px;}
.position li:nth-child(1)::before{display: none;}
.position li:nth-child(1) a{fcolor:#fff !important;}
.position li a{display: inline-block;font-weight: initial; text-decoration: none;color: #fff;font-size: .9rem !important;transition: all 0.3s;}
.position li a:hover{color: #1871ff;transition: all 0.3s;text-decoration: revert;}
.breadcrumb-item+.breadcrumb-item::before{content: ">";color:#333;font-family: 'Manrope', sans-serif;margin-top: 0;font-size: .9rem;}
.bw-color .position li a:hover,.bw-color .breadcrumb-item+.breadcrumb-item::before{color:#fff;}
.list-pro .position li a{font-size: .9rem !important;}


.list-pro .table-responsive thead th{background: #50b28c;font-size: 1rem;color:#fff;padding:1rem 0.5rem;}
.style-en .list-pro .table-responsive thead th{font-size: .8rem;padding: 1rem 0.2rem;vertical-align:middle;}
.style-en .list-pro .table-responsive table td:first-child{white-space: nowrap;}
.style-en .list-pro .table-responsive table td,.style-en .list-pro .table-responsive table td a{font-size: 0.8rem;vertical-align:middle;}
.list-pro .table-responsive table{text-align: center;}
.list-pro .table-responsive table td{padding:.5rem .5rem;font-size: .8rem;color:#433;vertical-align:middle;}
.artvirus .conbox .box strong{color:#333;}
.artvirus .conbox .box h3{font-size:1.2rem;margin-top: 2rem;margin-bottom: .8rem; color:#333;}
.artvirus .conbox .box h4{font-size:1rem;margin-top: 2rem;margin-bottom: .8rem; color:#333;}
.artvirus .conbox ul{list-style: none;margin:0;padding:0;}
.artvirus .conbox ul li{margin-bottom: .5rem;font-size: .9rem;color:#666;}
.artvirus .conbox strong,.artvirus .conbox b{color:#333;font-size: 1rem;}
.artvirus .conbox table{width: 100%;background: #fdfdfd;}
.artvirus .conbox table tr:first-child{background: #f1f1f1;}
.artvirus .conbox table tr td{padding:.5rem .8rem;text-align: center; font-size: .9rem;color:#333;border:1px solid #ddd;}


.artpro .position li a{color: #333;transition: all 0.3s;}
.artpro .breadcrumb-item+.breadcrumb-item::before{content: "/";color:#333;}
.artpro .conbox h3{font-size:1.2rem;margin-top: 2rem;margin-bottom: .8rem; color:#333;}
.artpro .conbox h4{font-size:1rem;margin-top: 2rem;margin-bottom: .8rem; color:#333;}
.artpro .conbox,.artpro .conbox p,.artpro .conbox dl dd,.artpro .conbox ul li{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}
.artpro .conbox ul{list-style: none;margin:0;padding:0;}
.artpro .conbox ul li{margin-bottom: .4rem;}
.artpro .conbox .y-ul{list-style: circle;margin-left: 1.1rem;}
.artpro .conbox .y-ul b{color:#333;font-size: 1rem;margin-bottom: .3rem;}
.artpro .conbox .y-ul li{margin-bottom: .8rem;}
.artpro .conbox dl strong,.artpro .conbox dl b{color:#333;}
.artpro .conbox a{font-size: 0.9375rem;color:#206bc4;letter-spacing:0px;transition: all 0.4s;}
.artpro .conbox a:hover{letter-spacing: 1px; transition: all 0.4s;}
.artpro .conbox table{width: 100%;background: #fdfdfd;}
.artpro .conbox table tr:first-child{background: #f1f1f1;}
.artpro .conbox table tr td{padding:.5rem .8rem; font-size: .9rem;color:#333;border:1px solid #ddd;}
.artpro .sticky ul li a:hover{color:#364fa9;}


.contact .top .box{background: linear-gradient(to right,#418ccf,#51af8d);padding:5rem;}
.contact .top .col-md-5{text-align: center;}
.contact .top .col-md-5 img{width: 80%;}
.contact .top h3{margin-top: 3rem;color:#fff; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #fff;}
.contact .map ul li{width: 100%;}
.contact .map .card button{border:none;background: #fff;padding:2rem;text-align: left;}
.contact .map .card button img{border:2px solid #fff;}
.contact .map .card .active{background:#465db0;}
.contact .map .card{position: absolute;z-index: 5;width: 25%;right: 10%;bottom: 10%;padding: 0;background: none;border-radius:0;}
.contact .map .tab-content{position: relative;z-index: 4;}
.contact .map .card .active h3,.contact .map .card .active p{color:#fff !important;}

.join .tbox a{font-weight: initial;font-size: .9rem;color:#666;}
.join .conbox .arr{width: 100px;max-width: 100px;}
.join .conbox .row .col{color:#333;padding: 1rem 0;font-size: 1rem;}
.join .faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.join .faq-ul li .row{background: #fff;}
.join .faq-ul li:nth-child(even) .row{background: #f7f7f7;}
.join .faq-ul li{cursor: pointer;position: relative;z-index: 15;margin:0;padding:0;border:none;}
.join .faq-ul .active .row{background: linear-gradient(to left,#408ed0,#50b18e) !important;}
.join .faq-ul .active .row .col{color:#fff;}
.join .faq-ul li .arrsvg svg:nth-child(2),.faq-ul .active .arrsvg svg:nth-child(1){display: none;transition: all 0.4s;}
.join .faq-ul .active .arrsvg svg:nth-child(2){display: inline-block;transition: all 0.4s;color:#ddd;}
.join .faq-ul li .cbox{display: none;}
.join .faq-ul li:first-child .cbox{display: block;}
.join .faq-ul .cbox{padding:4rem 3rem;}
.join .faq-ul .cbox ul{list-style: none;margin: 0;padding:0;}
.join .faq-ul .cbox ul li{font-size: .9rem;color:#666;margin-top: .5rem;}
.join .faq-ul .cbox h3{font-size: 1.1rem;margin-top: 2rem;margin-bottom: 1rem;color:#333;}
.join .faq-ul .cbox h3:first-child{margin-top: 0;}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{height: initial;}
.mescon input,.mescon textarea{padding:0.8rem;background:#fff;border:1px solid #ddd;border-radius: 0;}
.mescon .col-md-6,.mescon .col-md-12{padding:0.6rem;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#666;font-size: 1rem;}

.footer{background: #0a397d;padding-top: 4rem;padding-bottom: 0; position: relative;overflow: hidden;}
.footer .bg{position: absolute;left:0;top:0;z-index:9;width: 100%;}
.footer .container{position: relative;z-index: 10;}
.footer .powerby{position: relative;z-index: 10;}
.footer ul{list-style: none;margin:0;}
.footer ul li{margin-bottom: .2rem;}
.footer a,.footer .fcont p{color:#849cbe;transition: all 0.4s;font-size: .9rem;}
.footer a:hover,.footer .fcont p:hover{color:#fff;transition: all 0.4s;}
.footer h3{color:#fff;font-size: 1.25rem;}
.style-en .footer h3{font-size: 1rem;}
.style-en .footer dl dd{margin-bottom: .2rem;}
.footer .cbox{margin-top: 1.5rem;padding-top: 2rem;border-top: 1px solid #0043a3;}
.footer .cbox .col-md-2 img{width: 75%;}
.footer .sm a span{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 45px;border:1px solid #fff;border-radius: 50px;transition: all 0.4s;}
.footer .sm a span img{width:25px;height:25px; color:#fff;transition: all 0.4s;}
.footer .sm a{margin-left: 1rem;transition: all 0.4s;}
.footer .sm a:hover span{background: #e6172d;border:none;transition: all 0.4s;}
.footer .fcont{color:#fff;font-size: 1rem;margin-top: .5rem; padding:1.5rem 0;border-top: 1px solid #0043a3;}
.footer .fcont li{margin-right: 5rem;padding:1rem 0;}
.footer .fcont svg{fill:#fff;}
.footer .powerby{background: #002f73;padding:1.5rem 0;}
.footer .powerby ul{margin-bottom: 0;}
.footer .powerby ul li{margin-bottom: 0;color:#fff;margin-right: 3rem;font-size: 0.9rem;}

.hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-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{transition: all 0.4s;box-shadow: 0 0 18px -9px rgb(204 204 204 / 80%);margin-bottom: 1rem;}
.hvr-float-yy:hover{box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}

.hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
.hover-box .tab-content .show .showl,.hover-box .show:hover .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{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{-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,.hover-box .circle1{transform: rotate(0deg);transition: all 0.4s;}
.hover-box .circle:hover .circlebox,.hover-box .circle1:hover{transform: rotate(360deg);transition: all 0.4s;}


#scrollDiv{width:100%;height: 450px; overflow:hidden;padding:0 10px;}
#scrollDiv li{height: 120px;overflow:hidden;vertical-align:bottom;zoom:1;}
#scrollDiv li .row{margin:10px 0;}
#scrollDiv li img{box-shadow: 0 0 14px -4px rgb(204 204 204 / 44%);}

.h-new .carousel-control-next,.h-new  .carousel-control-prev{width: 6%;}

@media (min-width:768px){
	.logo{width: 10%;position: relative;margin-top: 0px;z-index: 55;}
	.container{width: 86%;margin:auto;max-width: 1500px;}
	.container-sm{width: 70%;margin:auto;max-width: 1400px;}
	.nav-toptwo{margin-top: 13vh;}
	.app-down{display: none;}
	.row-lr6 .col-md-6:nth-child(odd),.row-lr6 .col-lg-6:nth-child(odd){padding:3rem;padding-left: 0;}
	.row-lr6 .col-md-6:nth-child(even),.row-lr6 .col-lg-6:nth-child(even){padding:3rem;padding-right: 0;}
	.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;}
	.lang .dropdown-menu{width: 60px;margin-left: -60px !important;margin-top: .2rem !important;}
	.inner .hover-box .overflow-hidden img{width: 100%; height: 280px;object-fit: cover;}
	.inner .index-pro .hover-box .overflow-hidden img{width: 100%; height: 350px;object-fit: cover;}
	p,.fs-3{font-size: .9rem !important;}
	.vision .card p{font-size: .9rem !important;height: 2.7rem;}
	.banner .carousel-inner .carousel-item img{height: 680px;}

	
	.pop-up .scroll-down{display: none;}
	.text-md-nowrap{white-space: nowrap;}
	.pop-up .imgbox .nav button{padding: .5rem;padding-left: 1rem;}
	.artvirus .column img{height: 300px;}
	.px-md-3d5{padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
}
@media screen and (min-width: 1501px) and (max-width: 1920px){
	/*artpro .conbox img{width: 50%;margin: auto;display: block;}*/
	.display-5{font-size: 2.5rem !important;}
	.banner .carousel-inner .carousel-item img{height: 68vh;}
	.py-lg-6{padding:6rem 0 !important;}
	.art-virus .col-md-3{width: 20%;}
	.art-virus .col-md-9{width: 80%;}
	.modal.show .modal-dialog{width: 1250px;max-width: 1400px;}
	.slogan .title{font-size: 2.2rem;}
}
@media screen and (min-width: 1170px) and (max-width: 1500px){
	.container{width: 92%;}
	.h-200{width: 100%;height: 100px;object-fit: cover;}
	.h-300{width: 100%;height: 200px;object-fit: cover;}
	.h-400{width: 100%;height: 300px;object-fit: cover;}
	.h-500{width: 100%;height: 400px;object-fit: cover;}
	.nav-toptwo{margin-top: 11vh;}
	.inner .hover-box .overflow-hidden img{height: 180px;}
	.navbar-nav .nav-item10 .dropdown-menuu10{padding:0 5%;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: 0.9rem;padding: 1.5rem .8rem;}
	.style-en .navbar .navbar-nav li .nav-link{font-size: 0.9rem;padding: 1.4rem .8rem;}
	.style-en .logo{margin-left: -3%;margin-top: 4px;}
	.navbar .dropdown-menuu10 dd{margin-bottom: .4rem;}
	.home-product .titlebox ul li button{font-size: .9rem;width: 100%;}
	.home-product .col-md-8 .textbox{width: 70%;}
	.home-product .col-md-8{padding:3rem 5rem;}
	.home-product .titlebox ul li{margin-top: 2rem;}
	.dropdown-menuu10 .row .col-md-6:nth-child(1){padding-right: 2rem!important;}
	.dropdown-menuu10 .row .col-md-6:nth-child(2){padding-left: 2rem!important;}
	.navbar .dropdown-menuu10 h3{font-size: .9rem; -webkit-line-clamp: 2;}
	.navbar .dropdown-menuu10 dd a{font-size: .8rem;}
	.h-adv,.h-course,.h-certificate{padding:3rem 0;}
	.h-adv .row{margin-top: 5rem;}
	.h-certificate .col-md-3 img{width: 80%;}
	.h-new .hvr-float .tbox h3,{font-size:.9rem;}
	.h-new .hvr-float .tbox p,.h-new .hvr-float .num h6,.footer .powerby ul li{font-size: .8rem !important;}
	.artpro .row .col-md-3{padding-right: 0!important;}
	.artpro .row .col-md-9{padding-left: 3rem!important;}
	.vision{padding:6rem 0;}
	.flow-path .col-md-3 h3{font-size: 1rem !important;}
	.flow-path .col-md-3 p{padding:0 .5rem !important;}
	.contact .top h2{font-size: 1.5rem !important;}
	.contact .map .card button{padding:1rem;}
	.position li a{font-size: .8rem !important;line-height: .8rem;}
	.breadcrumb-item+.breadcrumb-item::before{font-size: .8rem !important;}
	.style-en .column-nav.list-pro .row .col-md-8 a{padding: 1.8rem 0;}
	.footer .fcont li,.footer .powerby ul li{margin-right: 3rem;}
	.banner .carousel-inner .carousel-item img{height: 65vh;}
	.style-en .column-nav .col-md-8 ul li{padding:0 1rem;}
	.formbox .nav li button,.formbox .h3{padding: 0.5rem 0.8rem;}
	.modal.show .modal-dialog{width: 900px;max-width: 1200px;}
	.roundabout-holder,.roundabout-moveable-item{width:680px;height:276px;}
	.navbox .media{padding: .4rem 0;}

}
@media screen and (min-width: 1170px) and (max-width: 1300px){
	.nav-toptwo{margin-top: 11vh;}
	.roundabout-holder,.roundabout-moveable-item{width:550px;height:223px;}
	.banner .carousel-inner .carousel-item img{height: 65vh;}
}

@media screen and (min-width: 992px) and (max-width: 1169px){
	.container{width: 94%;}
	.container-sm{width: 88%;}
	.display-6{font-size: 1.6rem !important;}
	.column img{height: 300px;}
	.h-200{width: 100%;height: 100px;object-fit: cover;}
	.h-300{width: 100%;height: 200px;object-fit: cover;}
	.h-400{width: 100%;height: 300px;object-fit: cover;}
	.h-500{width: 100%;height: 400px;object-fit: cover;}
	.g-lg-5{--tblr-gutter-y: 1.5rem;--tblr-gutter-x: 1.5rem;}
	.inner .hover-box .overflow-hidden img{height: 180px;}
	.navbar-nav .nav-item10 .dropdown-menuu10{padding:0 2%;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: 0.9rem;padding: 2rem .5rem;}
	.navbar .dropdown-menuu10 dd{margin-bottom: .4rem;}
	.home-product .titlebox ul li button{font-size: .9rem;width: 100%;}
	.home-product .col-md-8 .textbox{width: 80%;padding:2rem;}
	.home-product .col-md-8{padding:3rem 5rem;}
	.home-product .titlebox ul li{margin-top: 2rem;}
	.column-nav .col-md-8 ul li{padding:0 1rem;}
	.column-nav .col-md-4{padding-right: 1rem !important;}
	.position li a{font-size: .8rem !important;}
	.column-nav .col-md-8 ul li a{font-size: .9rem;}
	.navbar-nav .nav-item10:hover .dropdown-menuu10{padding-bottom: 0!important;}
	.dropdown-menuu10 .row .col-md-6:nth-child(1){padding-right: 2rem!important;}
	.dropdown-menuu10 .row .col-md-6:nth-child(2){padding-left: 2rem!important;}
	.navbar .dropdown-menuu10 h3{font-size: .85rem; -webkit-line-clamp: 2;}
	.navbar .dropdown-menuu10 dd a{font-size: .8rem;}
	.banner .btitle{font-size: 2rem;}
	.titlebox .title{font-size: 1.7rem;}
	.titlebox .title-desc{font-size: 0.85rem;}
	.home-product .col-md-4{padding-right: 2rem !important;}
	.h-adv,.h-course,.h-certificate{padding:3rem 0;}
	.h-adv .row{margin-top: 5rem;}
	.h-certificate .col-md-3 img{width: 80%;}
	.h-new .hvr-float .tbox h3,{font-size:.9rem;}
	.h-new .hvr-float .tbox p,.h-new .hvr-float .num h6,.footer .powerby ul li{font-size: .8rem !important;}
	.artpro .row .col-md-3{padding-right: 0!important;}
	.artpro .row .col-md-9{padding-left: 3rem!important;}
	.vision{padding:6rem 0;}
	.flow-path .col-md-3 h3{font-size: 1rem !important;}
	.flow-path .col-md-3 p{padding:0 .5rem !important;}
	.contact .top h2{font-size: 1.5rem !important;}
	.contact .map .card button{padding:1rem;}
	.footer .fcont li,.footer .powerby ul li{margin-right: 3rem;}
	.box .text, .textbox .text, .textbox p{font-size: .8rem;}
	.h-new .hvr-float .tbox h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-certificate .carousel-control-next{right: 0;}
	.h-certificate .carousel-control-prev{left:0;}
	.listnew .card h3{font-size: 1rem !important;}
	.listnew .card p{font-size: .8rem !important;}
	.about .profile .cbg{bottom: -3rem;}
	.profile .my-md-5{margin:1rem 0 !important;}
	.banner .carousel-inner .carousel-item img{height: 500px;}
	.position li a{font-size: .8rem !important;line-height: .8rem;}
	.breadcrumb-item+.breadcrumb-item::before{font-size: .8rem !important;}
	.column-nav.list-pro .row .col-md-8 .row .col-lg-2 a{padding: .8rem 0;}
	.style-en .column-nav .col-md-8 ul li{padding:0 1rem !important;}
	.style-en .column-nav.list-pro .row .col-md-8 a{padding: 1.8rem 0;}
	.formbox .nav li button,.formbox .h3{padding: 0.4rem 0.6rem;}
	.modal.show .modal-dialog{width: 850px;max-width: 890px;}

	.roundabout-holder,.roundabout-moveable-item{width:480px;height:195px;}
}

@media screen and (min-width: 769px) and (max-width: 991px){
	.container{width: 94%;}
	.container-sm{width: 88%;}
	.display-6{font-size: 1.6rem !important;}
	.column img{height: 300px;}
	.h-200{width: 100%;height: 100px;object-fit: cover;}
	.h-300{width: 100%;height: 200px;object-fit: cover;}
	.h-400{width: 100%;height: 300px;object-fit: cover;}
	.h-500{width: 100%;height: 400px;object-fit: cover;}
	.g-lg-5{--tblr-gutter-y: 1.5rem;--tblr-gutter-x: 1.5rem;}
	.navbox .container{width: 100%;}
	.a-box .a-btn{padding:.5rem 1.5rem;font-size: 13px;}
	.navbox{background:#fff;}
	.logo{width: 100%;padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.inner .logo{width: 100%;}
	.logo svg{width: 25px;height: 25px;}
	.logo .ai-center{width: 12%;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;}
	.container-article{width: 92%;margin:auto;max-width: 1800px;}
	.h-title h2,.h-about .textbox h2{font-size: 30px;}
	.textbox h3{margin-bottom: 1rem;}
	.nav-toptwo{margin-top: 14vh;}
	.practice .box{padding: 2rem;}
	.navbar{min-height: auto;--tblr-navbar-padding-y: 0;}
	.textbox p{line-height: 1.375rem;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.ofnbox.active svg:nth-child(1){display:none;}
	.ofnbox.active svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 16px;top: 16px;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 .navbar .navbar-nav .nav-item svg{display: none;}
	.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: 0.9375rem;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: 0.875rem;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#666 !important;font-size: 14px !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-down10{display: none;}

	.navbox .position-relative .jc-between{display: block;}
	.navbar-nav{width: 90%;}
	.banner img{width: 100%;height: 420px !important;object-fit: cover;}
	.banner .btitle{font-size: 2rem;}
	.titlebox .title{font-size: 1.7rem;}
	.titlebox .title-desc{font-size: 0.85rem;}
	.home-product .col-md-4{padding-right: 2rem !important;}
	.h-adv,.h-course,.h-certificate{padding:3rem 0;}
	.h-adv .row{margin-top: 5rem;}
	.h-certificate .col-md-3 img{width: 80%;}
	.h-new .hvr-float .tbox h3,{font-size:.9rem;}
	.h-new .hvr-float .tbox p,.h-new .hvr-float .num h6,.footer .powerby ul li{font-size: .8rem !important;}
	.artpro .row .col-md-3{padding-right: 0!important;}
	.artpro .row .col-md-9{padding-left: 3rem!important;}
	.vision{padding:6rem 0;}
	.flow-path .col-md-3 h3{font-size: 1rem !important;}
	.flow-path .col-md-3 p{padding:0 .5rem !important;}
	.contact .top h2{font-size: 1.5rem !important;}
	.contact .map .card button{padding:1rem;}
	.footer .fcont li,.footer .powerby ul li{margin-right: 3rem;}
	.box .text, .textbox .text, .textbox p{font-size: .8rem;}
	.h-new .hvr-float .tbox h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-certificate .carousel-control-next{right: 0;}
	.h-certificate .carousel-control-prev{left:0;}
	.home-product .col-md-8 .textbox{width: 100%;padding:2rem;}
	.home-product .col-md-8{padding:4rem;}
	.home-product .titlebox ul li{margin-top: 1rem;}
	.home-product .titlebox ul li button{font-size: .9rem;}
	.h-new .row{margin-top: 1rem !important;}
	.listnew .card h3{font-size: 1rem !important;}
	.listnew .card p{font-size: .8rem !important;}
	.about .profile .cbg{bottom: -3rem;}
	.profile .my-md-5{margin:1rem 0 !important;}
	.list-pro .tgrid tr{display: grid;}
  
	.navbar-nav .sm a,.navbar-nav .sm .sc{display: inline-block;width: 40px;height: 40px;padding:.5rem;text-align: center;background: #f1f1f1;margin-right: 1rem;}	
	.navbar-nav .sm a i{font-size: 18px !important;color:#333;margin-top: 3px;}
	.navbar-nav .sm a svg,.navbar-nav .sm .sc svg{width: 20px;height: 20px;display: inline-block !important;fill:#333;}
	.navbar-nav .sm .search-btn{display: inline-block;}
	.search-box{width: 100%;position: absolute;right: auto;box-shadow: 0px 13px 18px -24px rgb(0 0 0 / 0.5);}

	.modal.show .modal-dialog{width: 700px;max-width:750px;}

	.roundabout-holder,.roundabout-moveable-item{width:440px;height:178px;}
}

@media (max-width:768px){
	.container{width: 94%;}
	.h-200{width: 100%;height: 100px;object-fit: cover;}
	.h-300{width: 100%;height: 200px;object-fit: cover;}
	.h-400{width: 100%;height: 300px;object-fit: cover;}
	.h-500{width: 100%;height: 400px;object-fit: cover;}
	.column img{height: 200px;}
	.column .justify-content-center{align-items: center;}
	.navbox .container{width: 100%;}
	.a-box .a-btn{padding:.5rem 1.5rem;font-size: 13px;}
	.navbox{background:#fff;}
	.logo{padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.inner .logo{width: 100%;}
	.logo svg{width: 25px;height: 25px;}
	.logo .ai-center{width: 25%;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;}
	.container-article{width: 92%;margin:auto;max-width: 1800px;}
	.h-title h2,.h-about .textbox h2{font-size: 30px;}
	.textbox h3{margin-bottom: 1rem;}
	.nav-toptwo{margin-top: 8vh;}
	.practice .box{padding: 2rem;}
	.navbar{min-height: auto;--tblr-navbar-padding-y: 0;}
	.textbox p{line-height: 1.375rem;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.ofnbox.active svg:nth-child(1){display:none;}
	.ofnbox.active svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 16px;top: 16px;font-size: 10px;background: #f5f7ff;padding: 6px 9px;}
	.app-down i{display: block;color: #87a0f3;font-size: 14px;}
	.navbox .navbar .navbar-nav .nav-item svg{display: none;}
	.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: 0.9375rem;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: 0.875rem;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#666 !important;font-size: 14px !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;}
	.navbox .navbar-nav .nav-item .nav-link{border:none;}
	.navbox .navbar .navbar-nav .nav-item{border-bottom: 1px solid #eee;}
	.navbox .navbar .navbar-nav .nav-item .nav-link{border-radius: 0;}
	.navbox .navbar .navbar-nav .nav-item.active .nav-link{background: #f8f8ff;}
	.navbox .navbar .navbar-nav .nav-item.active .app-down{background: #fff;}
	.navbar-nav .nav-item10 .dropdown-menuu10{display: none !important; background: #fff;border-top: 1px dashed #eee !important; position: relative;padding:0 .5rem!important; padding-bottom: 0px !important;max-height:auto;height: auto;}
	.navbar-nav .nav-item10 .dropdown-menuu10.active,.navbar-nav .nav-item10:hover .dropdown-menuu10.active{display: block !important;}
	.navbar-nav .nav-item10:hover .dropdown-menuu10{padding-bottom: 0!important;box-shadow: none;}
	.navbar-nav .nav-item10 .dropdown-menuu10 .row{margin:0 !important; margin-top:.5rem!important;}
	.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-6,.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-12{display: inline-block !important;border:none;background: #f7f7f7;margin-top:0 !important;padding-top:0; margin-bottom: .5rem;margin-right: .5rem;width: auto;}
	.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-6 h2,.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-12 h2{font-size: .9rem; border:none; padding: 0 !important;margin-bottom: 0; color:#444 !important;}
	.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-6 h2 a,.navbar-nav .nav-item10 .dropdown-menuu10 .row .col-md-12 h2 a{font-size: 15px;font-weight: initial;color:#444 !important; padding: 8px 16px !important;}
	.navbar-nav .dropdown-menu{padding:.5rem !important;border-top: 1px dashed #eee !important;}
	.navbar-nav .dropdown-menu .dropdown-item{font-size: 15px !important; display: inline-block !important;color:#444 !important; border:none; padding: 8px 16px !important;background: #f7f7f7;margin-bottom: .5rem;margin-right: .5rem;}
	.navbox .navbar-nav .nav-item .nav-link{border:none;}
	.navbar-nav .nav-item10{transform: perspective(1px) translateZ(0);}
	.navbar-nav .nav-item10 .appnone{display: none;}


	.banner img{width: 100%;height: 320px !important;object-fit: cover;}
	.banner .btitle{font-size: 1.5rem;}
	.banner .btxt{width: 90%;margin-top: 1rem;font-size: 1rem;}
	.titlebox .title{font-size: 1.5rem;}
	.titlebox .title-desc{font-size: .9rem;}
	.home-product .titlebox ul li{margin-top: 1rem;}
	.home-product .col-md-8{margin-top: 1rem;padding:2rem;}
	.home-product .titlebox ul{border: none;}
	.home-product .col-md-8 .textbox{width: 100%;padding:1rem;}
	.h-certificate .carousel-control-prev{left: 0;}
	.h-certificate .carousel-control-next{right:0;}
	.h-adv{background: #528bbd;}
	.h-adv,.h-course,.h-certificate{padding:3rem 0;}
	.h-adv .w-100.object-fit-cover{width: auto !important;}
	.h-adv .row{margin-top:4rem;margin-bottom: 0;}
	.h-adv .row .col-md-4{margin-bottom: 3rem;}
	.h-adv .textbox .title{margin:.6rem 0 !important;}
	.h-certificate .col-md-3{padding:1rem;}
	.h-certificate .col-md-3 img{width: 80%;}
	.h-course .swiper-box{height: 460px;}
	.h-course hr{top: 237px;}
	.h-course .dbox:before{left: 46%;}
	.h-course .swiper-wrapper .swiper-slide .textbox h3{font-size: 1rem;}
	.h-course .dbox{margin-top: 20px;padding-bottom: 50px;}
	.h-course .swiper-wrapper .swiper-slide:nth-child(even) .dbox:before{bottom:35px;}
	.h-course .swiper-wrapper .swiper-slide img{height: 100px;}
	.h-course .swiper-wrapper .swiper-slide .textbox{height: 100px;}
	.h-course .swiper-wrapper .swiper-slide .textbox h5{margin-bottom: 1rem;}
	.h-course .swiper-button-next,.h-course .swiper-button-prev{margin-top: -1.1rem;}
	.h-course .swiper-slide{padding: 0 1rem;}
	.h-course .swiper-wrapper .swiper-slide{height: 530px;}
	.h-course .dbox:before{top: -15px;}
	.h-new .hvr-float .tbox p{font-size: .9rem;}
	.h-partner .carousel-item .col-md-3{margin-bottom: 1rem;}
	.index-pro .col-md-6 .overflow-hidden{margin-top: 1rem;}
	.display-6{font-size: 1.5rem !important; }
	.display-5{font-size: 1.8rem !important;}
	.list-pro .position,.column-nav .col-md-8 ul,.index-pro .position,.bw-color .position{justify-content: center !important;}
	.list-pro .hover-box .hvr img,.listnew .hover-box .hvr img{width: 100%;height: 200px;object-fit: cover;}
	.list-pro .tgrid tr{display: grid;}
	.column-nav .col-md-8 ul li{padding:0 1rem;}
	.artnew .sticky{margin-bottom: 2rem;}
	.artnew .sticky ul li{display: inline-block;margin-bottom: 5px;margin-right: 5px;}
	.artnew .sticky ul li a{display:inline-block;padding:.5rem;background: #f7f7f7;}
	.artnew .sticky ul li:first-child{display: block;width: 100%;}
	.artnew a{word-break:break-all;}
	.vision{padding:2rem 0;}
	.contact .top .box{padding:2rem;}
	.contact .top .col-md-5 img{width: 50%;}
	.contact .map .card{position: relative;z-index: 5;width: 90%;margin: auto; right: auto;bottom: auto;margin-bottom: 2rem;padding: 0;background: none;border-radius:0;}
	.footer .cbox .col-md-2 img{width: 35%;}
	.footer .fcont,.powerby ul{display: block !important;}
	.footer a{font-size: .9rem;}
	.footer .col-md-2{justify-content: center;display: flex;align-items: center;margin-top: 1rem;}
	.footer .col-md-2 img{width: 30%;margin-right: 1rem;}
	.footer .fcont li{width: 100%;margin-right: 0;padding:.6rem 0;font-size: .8rem;}
	.footer .powerby ul li{margin-bottom: 1rem;margin-right: 1rem;font-size: 0.8rem;}
  
	.navbar-nav .sm a,.navbar-nav .sm .sc{display: inline-block;width: 40px;height: 40px;padding:.5rem;text-align: center;background: #f1f1f1;margin-right: 1rem;}	
	.navbar-nav .sm a i{font-size: 18px !important;color:#333;margin-top: 3px;}
	.navbar-nav .sm a svg,.navbar-nav .sm .sc svg{width: 20px;height: 20px;display: inline-block !important;fill:#333;}
	.navbar-nav .sm .search-btn{display: inline-block;}
	.search-box{width: 100%;position: absolute;right: auto;box-shadow: 0px 13px 18px -24px rgb(0 0 0 / 0.5);}
	.formbox .box{padding:2rem;}
	.formbox .nav-line li{margin-bottom: .2rem;}

	.pop-up .imgbox{padding:1.5rem !important;border-top-right-radius:.5rem;border-bottom-left-radius:0;}
	.pop-up .display-6{font-size: 1.3rem !important;}
	.pop-up .fs-3{font-size: .85rem !important;}
	.pop-up .imgbox .nav li{margin: .4rem 0;}
	.pop-up .imgbox .nav button{font-size: 0.75rem;padding: 0.4rem .6rem;margin:0 .2rem;}
	.pop-up .imgbox .nav button svg{width: 18px;height: 18px;}
	.pop-up .tab-content{padding:1.5rem !important;}
	.pop-up .mescon{width: 100%;padding: .5rem;padding-bottom: 1rem; height: 200px;overflow-y: auto;background: #f9f9f9;}
	.pop-up .scroll-down{height: 58px;overflow: hidden;}

	.pop-up .imgbox .nav li{display: inline-block !important;width: 31% !important;margin-right: 0.6%;}
	.pop-up .imgbox .nav button{height: 100%;text-align: center;}
	.pop-up .imgbox .nav button svg{display: inline-block;width: 100%;height: 24px;margin-bottom: .2rem;}

	#scroll_down{position: absolute;top: 0;left: 47%;transform: translateX(-50%);z-index: 20;}
	#scroll_down:after{display:block;content:"";width: 1px;height: 20px;position: absolute;top: -1px;left: 51%;background: rgb(127 127 127 / 40%);margin-left: -1px;}
	#scroll_down a{position: relative;display: block;}
	#scroll_down a:before{display:none;content:"";width: 1px;height: 20px;position: absolute;top: 0;left: 51%;background: rgb(0 0 0 / 50%);margin-left: -1px;}
	#scroll_down a:after{display: inline-block;content:"";position: absolute;top: 0;left: 50%;width: 1px;height: 16px;background: rgb(0 0 0);transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
	#scroll_down a span{margin-bottom: .5rem;display: inline-block;opacity: .8;transition: all 0.3s;letter-spacing: 1px;color: #939393;font-weight: 100;}
	#scroll_down a:hover span{opacity: 1;transition: all 0.3s;}
	#scroll_down .fig{width: 15px;height: 24px;border: 1px solid #ccc;border-radius: 25px;margin: 0 auto;margin-top: 7px;}
	.roundabout-holder{width:340px;height:175px;}
	.roundabout-holder,.roundabout-moveable-item{width:220px;height:89px;}
}