:root{--primary: #178890;--secondary: #51CFED;--light: #F8F2F0;--dark: #060315}
.fw-medium{font-weight:600!important}
.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:99}
#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}
#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}
.btn{font-weight:600;transition:.5s}
.btn.btn-primary,.btn.btn-secondary{color:#fff}
.btn-square{width:38px;height:38px}
.btn-sm-square{width:32px;height:32px;}
.btn-lg-square{width:48px;height:48px}
.btn-square,.btn-sm-square,.btn-lg-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400}
.navbar .dropdown-toggle::after{border:none;content:"\f107";font-family:"font awesome 5 free";font-weight:900;vertical-align:middle;margin-left:8px}
.navbar-light .navbar-nav .nav-link{position:relative;margin-right:30px;padding:25px 0;color:#fff;font-size:15px;text-transform:uppercase;outline:none}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:#178890}
#sortList{display:flex;}
#sortList select{margin-right:18px;}
#sortList select:last-child{margin-right:0px;}
.newstitle{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newscont{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height:48px;}
input.prokeys{width:68%;}
.bannerTxt{white-space:normal;}
@media(max-width:991.98px){.navbar-light .navbar-nav .nav-link{margin-right:0;padding:10px 0}
.navbar-light .navbar-nav{border-top:1px solid #eee}
}
.navbar-light .navbar-brand,.navbar-light a.btn{height:75px}
.navbar-light .navbar-nav .nav-link{color:var(--dark);font-weight:500}
.navbar-light.sticky-top{top:-100px;transition:.5s}
@media(min-width:992px){.navbar-light .navbar-nav .nav-link::before{position:absolute;content:"";width:0;height:5px;top:-6px;left:50%;background:#fff;transition:.5s}
.navbar-light .navbar-nav .nav-link:hover::before,.navbar-light .navbar-nav .nav-link.active::before{width:100%;left:0}
.navbar-light .navbar-nav .nav-link.nav-contact::before{display:none}
.navbar .nav-item .dropdown-menu{display:block;border:none;margin-top:0;top:150%;opacity:0;visibility:hidden;transition:.5s}
.navbar .nav-item:hover .dropdown-menu{top:100%;visibility:visible;transition:.5s;opacity:1}
}

.navbar-nav{padding: 0 20px!important}
.header-carousel .owl-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width: 100%}
.header-carousel .owl-nav .owl-prev{position:absolute;left: 8%; width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;background:0 0;border:1px solid #fff;border-radius:45px;font-size:22px;transition:.5s}
.header-carousel .owl-nav .owl-next{position:absolute;right: 8%; width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;background:0 0;border:1px solid #fff;border-radius:45px;font-size:22px;transition:.5s;}
.header-carousel .owl-nav .owl-prev:hover,.header-carousel .owl-nav .owl-next:hover{background:var(--primary);border-color:var(--primary)}
.page-header{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/carousel-1.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.page-contact{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/contact-bg.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.page-products{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/products-bg.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.page-news{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/news-bg.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.page-supply{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/supply-bg.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.page-query-service{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/query-service-bg.jpg) center center no-repeat;background-size:cover;height: 550px;align-items: center;display: flex;}
.breadcrumb-item+.breadcrumb-item::before{color:var(--light)}
@media(max-width:400px){
	.px-4{padding-right:0.5rem !important;padding-left:0.5rem !important}
.px-lg-5{padding-right:1rem !important;padding-left:1rem !important}
	
}
@media(min-width:992px){.container.about{max-width:100%!important}
.about-text{padding-right:calc(((100% - 960px)/2) + .75rem)}
}
@media (min-width:1023px) and (max-width:1366px){
	.navbar-nav a{font-size: 10px!important}
.px-4{padding-right:.5rem !important;padding-left:.5rem !important}
.px-lg-5{padding-right:1rem !important;padding-left:1rem !important}
.nav-link{padding-right:.1rem;padding-left:.1rem}
	
}
@media(min-width:1200px){.about-text{padding-right:calc(((100% - 95%)/2) + .75rem)}

}
@media(min-width:1400px){.about-text{padding-right:calc(((100% - 95%)/2) + .75rem)}
}
@media(min-width:992px){.container.feature{max-width:100%!important}
.feature-text{padding-left:calc(((100% - 960px)/2) + .75rem)}
}
@media(min-width:1200px){.feature-text{padding-left:calc(((100% - 95%)/2) + .75rem)}
}
@media(min-width:1400px){.feature-text{padding-left:calc(((100% - 95%)/2) + .75rem)}
}
.service-item,.price-item,.team-item{box-shadow:0 0 45px rgba(0,0,0,.07)}
.service-item img,.team-item img{transition:.5s}
.service-item:hover img,.team-item:hover img{transform:scale(1.1)}
.imgfd {border-radius:0.5rem}
.imgfd img{transition:.5s;}
.imgfd:hover img{transform:scale(1.1);}
.service-item a.btn-slide,.price-item a.btn-slide,.team-item div.btn-slide{position:relative;display:inline-block;overflow:hidden;font-size:0}
.service-item a.btn-slide i,.service-item a.btn-slide span,.price-item a.btn-slide i,.price-item a.btn-slide span,.team-item div.btn-slide i,.team-item div.btn-slide span{position:relative;height:40px;padding:0 15px;display:inline-flex;align-items:center;font-size:16px;color:#fff;background:var(--primary);border-radius:0 35px 35px 0;transition:.5s;z-index:2}
.team-item div.btn-slide span a i{padding:0 10px}
.team-item div.btn-slide span a:hover i{background:var(--secondary)}
.service-item a.btn-slide span,.price-item a.btn-slide span,.team-item div.btn-slide span{padding-left:0;left:-100%;z-index:1}
.service-item:hover a.btn-slide i,.price-item:hover a.btn-slide i,.team-item:hover div.btn-slide i{border-radius:0}
.service-item:hover a.btn-slide span,.price-item:hover a.btn-slide span,.team-item:hover div.btn-slide span{left:0}
.service-item a.btn-slide:hover i,.service-item a.btn-slide:hover span,.price-item a.btn-slide:hover i,.price-item a.btn-slide:hover span{background:var(--secondary)}
.testimonial-carousel .owl-item .testimonial-item{position:relative;transition:.5s}
.testimonial-carousel .owl-item.center .testimonial-item{box-shadow:0 0 45px rgba(0,0,0,.08);animation:pulse 1s ease-out .5s}
.testimonial-carousel .owl-dots{display:flex;align-items:center;justify-content:center}
.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:15px;height:15px;background:var(--primary);border:5px solid var(--light);border-radius:15px;transition:.5s}
.testimonial-carousel .owl-dot.active{background:var(--light);border-color:var(--primary)}
@media(min-width:992px){.container.contact-page{max-width:100%!important}
.contact-page .contact-form{padding-left:calc(((100% - 960px)/2) + .75rem)}
}
@media(min-width:1200px){.contact-page .contact-form{padding-left:calc(((100% - 95%)/2) + .75rem)}
}
@media(min-width:1400px){.contact-page .contact-form{padding-left:calc(((100% - 95%)/2) + .75rem)}
}
.footer{background:linear-gradient(rgba(6,3,21,.5),rgba(6,3,21,.5)),url(../image/map.png) center center no-repeat;background-size:cover}
.footer .btn.btn-social{margin-right:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--light);border:1px solid #fff;border-radius:35px;transition:.3s}
.footer .btn.btn-social:hover{color:var(--primary)}
.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:#fff;font-size:15px;font-weight:400;text-transform:capitalize;transition:.3s}
.footer .btn.btn-link::before{position:relative;content:"\f105";font-family:"font awesome 5 free";font-weight:900;margin-right:10px}
.footer .btn.btn-link:hover{letter-spacing:1px;box-shadow:none}
.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid rgba(256,256,256,.1)}
.footer .copyright a{color:var(--light)}
/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #04306d;
	width: 70px;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	border-right: 3px solid #062462;
	border-left: 3px solid #062462;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px; 
  
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
	position: absolute;
	right: 30px;
	top: 0px;
	height: 70px;
	line-height: 70px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	color: #04306d;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px;
}
.search-box-btn i {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: .5s;
}
.upp.search-box-btn i {
    color: #9E9FA1;
}
.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1;
}
.upp.search-box-btn.search-box-outer span i {
    color: #9E9FA1;
}
.search-box-btn.search-box-outer span i:after {
    position: absolute;
    content: "0";
    right: -10px;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #1552F6;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
}
.flaticon-multiply:before {
    content: inherit;
}
button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}
span.flaticon-multiply i {
	display: inline-block;
	color: #04306d;
}
.fa-3f{font-size:3em;font-color: #ffffff }
.contact-two-area {
	padding: 50px 0 20px;
}
.contact-two-item {
	border: 1px solid #3b1d81;
	padding: 45px 20px 38px;
	margin-bottom: 30px;
}
.contact-two-icon {
	margin-bottom: 25px;
}
.contact-two-icon i {
	width: 82px;
	height: 82px;
	line-height: 82px;
	background: #178890;
	color: #fff;
	font-size: 30px;
	border-radius: 50%;
	-webkit-transition: .4s;
	transition: .4s;
}
.contact-two-content h4 {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 19px;
	-webkit-transition: .4s;
	transition: .4s;
	color:#000;
}
.contact-two-content p {
	margin-bottom: 0;
	font-size: 15px;
}
.contact-two-item:hover .contact-two-icon i {
	background:#51CFED;
	color: #fff;
}
.contact-two-item:hover .contact-two-content h4 {
	color: #000;
}
.hurryup-area {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 115px 0 265px;
}
.hurryup-bg-up {
	margin-top: -130px;
}

li{list-style-type:none;}
img{vertical-align:middle;}
a{text-decoration:none;}
.clear{clear:both;}
.ce{display:block;background:rgb(50,50,50);z-index:5;}
.ce li{border-bottom: 1px solid rgb(40,40,40);border-top: 1px solid rgb(90,90,90);}
.more{margin-left: 36px;}
.ce li a{padding: 10px 10px 10px 40px;color:white;display:block;cursor:pointer;background:url(static/image/tu.png) no-repeat 10px center;}
.ce li a:hover{background:url(static/image/tu.png) no-repeat 10px center rgb(220,31,31);}
.ce li .dqian{background:none}
.ce li .xz{background:url(static/image/tu.png) no-repeat 10px center rgb(220,31,31);}

.er{display:none;background:rgb(100,100,100);}
.er li{width:100%;border:solid rgb(140,140,140);border-width:1px 0px 0px;}
.er li a{display:block;padding:10px 10px 10px 40px;color:white;background:none;font-size: 15px;}
.er .e_li a{background:url(static/images/more.png) no-repeat 120px center;}
.er li a:hover,.er li .sen_x{background:rgb(253,83,49);}
.er .e_li a:hover,.er .e_li .sen_x{background:url(static/image/more.png) no-repeat 120px center rgb(253,83,49);}

.thr{background:rgb(150,150,150);display:none;}
.thr li{margin-bottom:1px;border-top: 1px solid rgb(180,180,180);position:relative;}
.er .e_li .thr li a{background:none;}
.er .e_li .thr li a:hover{background:rgb(249,152,49);}
.er .e_li .thr li .xuan{background:rgb(249,152,49);}
.more1{margin-left: 28px;margin-top: -4px;}
.thr_nr{width:300px;position:absolute;top:0px;left:150px;z-index:10;border:1px solid rgb(201,201,201);display:none;}
.thr_nr h3{font-weight:normal;font-size:18px;display:block;text-align:center;width:100%;padding:10px 0px;}
.thr_nr img{width:100%;}



.ti {width: 29px;height:29px;float: left;padding-top: 3px;cursor: pointer;text-align: center;margin-right: 10px;margin-top:40px;margin-left:20px;background: url(../images/11.png) no-repeat;}
.inpu {cursor: pointer;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;width:29px;height:29px;}
.span{float:left;display:block;padding:4px 40px 0px 0px;color:#000;}
.tu1{width: 29px;height:29px;float: left;padding-top: 3px;cursor: pointer;text-align: center;margin-right: 10px;margin-top:40px;margin-left:20px;background:url(../images/22.png) no-repeat;}
.span1{color:#f00;float:left;display:block;padding:4px 40px 0px 0px;}
.span2{color:#000;}
.products-test{ padding:1rem;background:var(--primary);color:var(--light) }
.products-l{float:left; width: 20%; }
.products-l ul{padding: 0; margin: 0}
.products-r{float:left; width: 76%;}
.products-r li{float:left; border: 1px double #b6b6b6;padding: 2rem 2rem 0rem 2rem; text-align:center; margin: 1rem 1.5rem 3rem 0;width: 30.8% }
.products-r li img{}
.products-r li p{margin-top: 1rem; padding: 10px;min-height:68px;}
.cpimgfd {}
.cpimgfd img{transition:.5s;}
.cpimgfd:hover img{transform:scale(1.1);}
.products-r li a{color:var(--dark);font-weight: bold; }
.products-r li a:hover{color:var(--primary) }
.products-r li img{max-width:100%; max-height:100%;}
.products-page{	width:100%;	text-align:center;	margin-bottom:40px;}
.products-page a{background:#E9E9E9;color: #000;padding:10px 15px;border-radius: 3px;font-size: 17px;font-weight: 500;margin:5px;}
.products-page span{background:#E9E9E9;color: #000;padding:10px 15px;border-radius: 3px;font-size: 17px;font-weight: 500;margin:5px;}
.products-page a:hover{	background:var(--primary); color:var(--light)}

.products-xx img{ padding: 10px; border: 1px double #b6b6b6;float: left;margin-right: 2rem}
.products-xx span{font-size:2em }
.products-xx .pic{width:calc(50% - 30px); float:left;}
.products-xx .pic img{width:100%;}
.products-xx .txt{float:right;width:50%;}
.products-xx .txt h2{font-size:2em }
.products-xx .txt p{font-size:1.5em; padding-top:10px; font-weight:bold;}
.products-xx .txt .param{padding-top:30px;}
.products-xx .txt .param img{max-width:100%;}
.describe{width:100%; align-content:center;align-items:center; padding-top:50px;}
.describe img{max-width:100%;display:block; margin:0px auto;}
.describe table{width:100%; border-top:1px solid #ddd; }
.describe table tr{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.describe table tr td{padding:10px;border-right:1px solid #ddd; text-align:center;}
.products-tab{ margin-top: 4rem;margin-bottom: 4rem}
.products-tab td{ border: 1px double #b6b6b6;padding: 15px; width: 25%; }

.solution-xx{ padding-bottom: 2rem;  border-bottom: 1px double #b6b6b6; height:380px; margin-bottom: 3rem;margin-top: 2rem}

.solution-xx img{float: left;margin-right: 2rem;text-align: center}
.solution-xx p{min-height: 240px;}
.solution-bt{text-align: center;  border-bottom: 1px double #b6b6b6;margin-bottom: 3rem }
.solution-test{line-height: 25px;    }
.solution-test img{margin: 3rem 0rem;display: block;  margin-left: auto;  margin-right: auto;  max-width: 100%;  height: auto;}
.products-r{width:100%;}
.prosort ul{display:flex; padding:30px 0px;}
.prosort ul li{width:25%; float:left; text-align:center; }
.prosort ul li a{padding:30px 0px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); display:block; color:#333; margin:0px 20px;}
@media(max-width:768px){.header-carousel .owl-carousel-item{position:relative;min-height:500px}
.header-carousel .owl-carousel-item img{position:absolute;width:100%;height:100%;object-fit:cover}
.header-carousel .owl-carousel-item h5,.header-carousel .owl-carousel-item p{font-size:14px!important;font-weight:400!important}
.header-carousel .owl-carousel-item h1{font-size:30px;font-weight:600}
.products-r li{width:100%;}
.products-xx .pic{width:100%; padding-bottom:50px;}
.products-xx .txt{width:100%;}
}