@font-face {



font-family: JostSemiBold;



src: url('../fonts/Jost-SemiBold.ttf')



}



@font-face {



font-family: JostMedium;



src: url('../fonts/Jost-Medium.ttf')



}



@font-face {



font-family: JostRegular;



src: url('../fonts/Jost-Regular.ttf')



}



*{



	-webkit-transition: all .2s linear;



    -moz-transition: all .2s linear;



    -o-transition: all .2s linear;



    transition: all .2s linear;







}



[class^="bi-"]::before, [class*=" bi-"]::before {



    vertical-align: middle;



}



:root{



--bs-main-color:#9a7c66;	



}







.btn-primary {



  background-color:  var(--bs-main-color);



  border-color:  var(--bs-main-color);



}



.text-primary{color: var(--bs-main-color) !important;}



@media (min-width: 1600px) {

  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {

    max-width: 1400px;

  }

}



body{ font-family:"JostRegular",Arial, Helvetica, sans-serif; font-size:16px;overflow-x:hidden; color:#333; line-height:1.6}



.medi-tit{ font-family:"JostMedium";}

.bold-tit{ font-family:"JostSemiBold";}



a{ color:#333; text-decoration:none;}



a:hover{color: var(--bs-main-color); text-decoration:none;}



.border-green{ border-color:#56b700 !important}



.text-green{ color:#6eb92b !important;}







.btn-red{ background:#de2221; color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:12px;}



.btn-red:hover,.btn-red.active{ background:#de2221; color:#fff}







.btn-main{ background:#333333; color:#fff; padding:0.4rem 1.1rem; text-transform:uppercase;border-radius:0; font-size:12px;}



.btn-main:hover{ background:var(--bs-main-color); color:#fff}









.btn-gray{ background:#f6f6f6; color:#333; border-radius:20px; font-size:12px; padding:7px 25px; font-family:"JostSemiBold";}



.btn-gray:hover{color:var(--bs-main-color); background:#e0e0e0; }



.btn-gray.active{background:var(--bs-main-color); color:#fff; }



img{ max-width:100%;}



.PageMain img{ max-width:100%}







.fs-16{ font-size:16px;}



.fs-large{ font-size:2.85em;}







.header{  z-index:30;background-color:none;box-sizing:border-box; position:absolute; left:0; top:0; right:0; color:#fff;}





#navfix{ }



.navbar {



    margin-bottom:10px;



    border-radius: 0;



	position:relative;	



}







.navbar .container{ position:relative; z-index:10;}



.navbar-header{  }







.navbar-default {



    background-color:transparent;



    border-color: transparent;



	border:0;



}



.navbar-brand {
	height:auto;
}
.navbar-brand img{ max-width:130px;}
#desktop .navbar-brand img.logo-light{ display:block;}
#desktop .navbar-brand img.logo-dark{ display:none;}

.navbar-collapse {



    padding-right: 0;



    padding-left: 0;



}







.navbar-toggle {



    position:inherit;
	right:0;

	margin-right: 10px;

    padding: 0 0;0
	top:0;
	margin-top:0;



    background-color: transparent;



    background-image: none;



    border: 0 solid transparent;



    border-radius: 0;



}

.top_menu{ font-size:12px; position:absolute; top:20%; left:60%;}

.top_menu li{ margin:0 10px;}

.top_menu a{color:#fff; }

.top_menu a:hover{color:var(--bs-main-color); }

.main_menu {padding:0; margin:0; font-size:14px;}



.main_menu li{ list-style:none; padding:0; margin:0;}







.main_menu > li{ line-height:60px; margin:0 20px;position:relative;}



.main_menu > li > a{ color:#fff; display:block; text-transform:capitalize; white-space:nowrap; }



.main_menu > li > a:hover{ text-decoration:none; color:var(--bs-main-color) !important;  }



.main_menu > li.active > a,.main_menu > li > a.now{color:var(--bs-main-color);  }

.main_menu .btn-white{ background:#fff; color:#333; border-radius:20px; font-size:12px; margin-bottom:10px;}



.main_menu > li > .nav-sub{ position:absolute; left:-20px; top:100%; min-width:200px; background:#fff; margin:0; padding:10px 0 10px 0; box-shadow:0 3px 5px -1px rgba(0,0,0,0.2);  display:none !important; z-index:10}



.main_menu li > ul { margin:0; padding:0; list-style:none;  text-align:left;}



.main_menu li > ul  li{ margin-left:0; height:auto; float:none;  display:block; padding:8px 0; position:relative;}



.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:9px; color:var(--bs-main-color);}



.main_menu li > ul  li a{ padding:0 0 0 20px;float:none; display:block; white-space:nowrap; color:#555;border-left:3px solid #fff; line-height:1.2;}



.main_menu li > ul  li a:hover{ color:var(--bs-main-color); border-left:3px solid var(--bs-main-color);}



.main_menu > li:hover > .nav-sub{ display:block !important;}


@media(max-width: 768px){
	.header{ position:relative; color:#333;}
	.top_menu{ position:relative; left:0; text-align:right;}
	.top_menu a{ color:#333;}
}




#mobile .main_menu { font-size:14px; border-top:1px solid #ddd; }



#mobile .main_menu > li{  height:auto; line-height:2;margin-left:0; text-align:center; border-bottom:1px solid #ddd;}



#mobile .main_menu > li > a{ line-height:2.8; display:block; color:#333;}



#mobile .main_menu > li > a:hover{ background:#f2f2f2;}



#mobile .navbar-brand img {



  max-height: 60px;



}



	



.navbar-nav .navbar-toggler {



    color: rgba(0,0,0,.5);



    border-color: rgba(0,0,0,.1);



}



.navbar-toggler {



    display: none;



    color: #fff;



    font-weight: bold;



    position: absolute;



    right:10px;



	top:12px;    



    background-color: transparent;



    border: 0;



	padding: 0 0.25rem;



}



.navbar-toggler i{font-size: 18px !important;}



.transparent-top{ border-bottom:1px solid #999; border-bottom-color:rgba(255,255,255,0.3)}



.header:hover .navbar-toggler {color: #333;}







#desktop.fixed-top{ background:#fff; color:#333;box-shadow: 0 3px 3px rgba(0,0,0,0.05); position:fixed !important}



#desktop.fixed-top .navbar-brand img{ height:58px;}



#desktop.fixed-top .main_menu > li{ line-height:58px;}



#desktop.fixed-top .main_menu > li > a{color:#333;}


#desktop.fixed-top .navbar-brand img.logo-light{ display:none;}
#desktop.fixed-top .navbar-brand img.logo-dark{ display:block;}




.product-page .header{background-color:#fff; position:relative; color:#333;}



.product-page .header .container-fluid{ max-width:1160px; padding-left:0; padding-right:0;}



.product-page .main_menu > li > a{ color:#333}



.product-page .main_menu > li > a:hover{ color:var(--bs-main-color)}







/* language xiala */



.topLanguage{position:relative; display:inline-block; z-index:10000 }



	.topLanguage i{ font-size:16px; cursor:pointer; line-height:56px;}



	.innerbox{ position:absolute; top:99.9%; left:50%; transform:translateX(-50%);background:#fff; text-align:center; width:100px; padding:15px 15px; display:none; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size:13px; border-radius:3px; border:1px solid #eee;}



	.innerbox a.active{color: #5ba95f;}



	.innerbox a,.innerbox span{ display:block;}



	.innerbox a{ color:#333; white-space:nowrap; line-height:36px;}



	.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}



	.innerbox:before{ position:absolute; top:-11px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }



	.topLanguage:hover ,.topLanguage:hover i{ color:var(--bs-main-color);}



	.topLanguage:hover .innerbox{ display:block;}



/* search xiala */



	.searchtop{position:relative; display:inline-block; z-index:10000 }



	.searchtop i{ font-size:16px; cursor:pointer; line-height:42px; }



	.search-send{ position:absolute; top:99.9%; right:-20px; background:#fff; padding:15px 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); width:220px; display:none; border-radius:3px; border:1px solid #eee;}



	.search-send input{font-size:12px; }



	.searchtop:hover ,.searchtop:hover i{ color:var(--bs-main-color);}



	.searchtop:hover .search-send{ display:block;} 


.msearchtop{ cursor:pointer; padding:0 5px;}
.search-moblie{ background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; right:0; bottom:0; z-index:20000; display:none;}
.search-moblie .zhongjian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:92%;}
.search-moblie.show{ display:block;}
.search-moblie .close{ font-size:3rem; color:#ccc !important; cursor:pointer;}



.index-video{ position:relative; padding-bottom:calc(100/192 * 100%);overflow:hidden; z-index:3;}



.index-video:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.01)/* background-image: linear-gradient(130deg,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.45) 80%);*/}



.index-video video{ position:absolute; top:0; left:0; width:100%; z-index:0;}



.index-video .fix-video-txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:18px; z-index:10}



.index-video .fix-video-txt .main{/*text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/}



.index-video .fix-video-txt .btn-play{ text-align:center; font-size:54px; color:rgba(255,255,255,0.8)}



.index-video .fix-video-txt .btn-play:hover{color:var(--bs-main-color);}



.blue-bg{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;background-image: linear-gradient(180deg,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0) 40%);}
@media(max-width: 993px){
	.index-video{padding-bottom:0;}
	.index-video video{ position:relative;}
}


@keyframes dou {



  0% {



    bottom:40px



  }



  50% {



    bottom:35px



  }



  100% {



    bottom:40px



  }



}



.mouse {



  position:absolute;



  bottom:40px;



  left:50%;



  text-align:center;



  transform:translateX(-50%);



  -webkit-transform:translateX(-50%);



  -moz-transform:translateX(-50%);



  -ms-transform:translateX(-50%);



  -o-transform:translateX(-50%);



  z-index:1000;



  cursor:pointer;



  animation:dou 1s infinite ease-in-out;



  -moz-animation:dou 1s infinite ease-in-out;



  -webkit-animation:dou 1s infinite ease-in-out;



  -o-animation:dou 1s infinite ease-in-out



}



.mouse i {



  width:20px;



  height:28px;



  border-radius:10px;



  border:2px solid #fff;



  position:relative;



  margin:auto;



  display:block



}



.mouse i:after {



  content:'';



  display:block;



  width:2px;



  height:6px;



  background:#fff;



  position:absolute;



  left:50%;



  margin-left:-1px;



  top:4px



}







.hotpro .pic{ position:relative; overflow:hidden; margin-bottom:15px;}	

.hotpro .pic span{ position:absolute; top:10px; left:15px; font-size:30px; font-family:"JostMedium";}

.hotpro h3{font-family:"JostMedium"; text-align:center; font-size:24px;}





.object-fit img {

  width: 100% !important;

  height: 100%;

  object-fit: cover;

  -webkit-mask: 

    linear-gradient(135deg,#000c 40%,#000,#000c 60%)

    100% 100%/250% 250%;

}

.object-fit img:hover{ -webkit-mask-position: 0 0;}

#fixinfo{ position:absolute; bottom:0; left:0; right:0;background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);}

@media(max-width: 768px){#fixinfo{ position:relative; background:none;}}

.adcol{ padding:11% 0; background-repeat:no-repeat; background-size:cover; background-position:center bottom;}

.adcol.adfoot{ padding:5% 0; position:relative;}

.adcol.adfoot:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:0 }

.adcol.adfoot .container{ position:relative; z-index:1}

/* end */









.footer{ background:#212121 ;  color:#fff;  position:relative; font-size:0.8em;}



.footer a{ color:#d6d6d6;}



.footer a:hover{ color:var(--bs-main-color); }



.footer .container{ max-width:1160px;}

#page .container{ max-width:1160px;}







.foot-menu{ position:relative;}



.footShare{ }



.footShare a{ display:inline-block; font-size:16px; margin:0 5px; color:#d6d6d6; width:20px; text-align:center; }



.footShare a:hover{ color:var(--bs-main-color);}







.foot-widget{ margin-bottom:1em; max-width:280px;}



.foot-widget h4{ font-size:1em; margin-bottom:15px;}



.foot-widget li{ padding:3px 0; }


@media(max-width: 768px){.foot-widget{ max-width:none;}}






/* pages */







.page-banner{padding-top:calc(70/192 * 100%); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff; background-color:#121212}



.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background-image: linear-gradient(180deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.55) 40%,rgba(0,0,0,0) 60%); z-index:1;}



.page-banner .container{ position:absolute; z-index:2; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; max-width:1160px;}

.page-banner .container .inner{ position:absolute; margin-top:50px; margin-left:-30px; top:50%; left:50%; transform:translate(-50%,-50%); }

.page-banner h2{ font-size:36px; text-transform:capitalize;line-height:1.5;}

.page-banner .location {
  color: #fff;
  position: absolute;
  bottom: 12px;
  left: 2px;
}
.page-banner .location a,.page-banner .location span{ color:#fff; margin:0 8px;}



.page-banner .location a:hover{color:var(--bs-main-color);}

@media(max-width: 769px){.page-banner .container .inner{  margin-top:0;}}

/* faqs  */



.faq{ margin-bottom:10px;border:0; box-shadow:none; border-bottom:1px solid #ccc; padding-bottom:10px;}



.faq-header .accordion-button{ background:#fff; color:#333; border-radius:0; padding:0.9rem 0; position:relative;font-size: 0.9rem; }



.faq-header .accordion-button:not(.collapsed):after{ color:#fff;}



.faq-header .accordion-button.collapsed{background:#fff;  border:1px solid #fff;box-shadow:none;}



.faq-header .accordion-button:not(.collapsed){box-shadow:none; color:var(--bs-main-color);}



.faq-header .accordion-button i{ margin-right:5px;}



.faq-body{ box-shadow:none; padding:0 0 20px 0; background:#fff; line-height:1.8; color:#666; }







.accordion-button:after{ background:none;}



.accordion-button:not(.collapsed):after{ background:none;}







.faq-header .accordion-button .jia,.faq-header .accordion-button .jian{ display:block;font-size:24px; position:absolute; top:50%; margin-top:-14px; right:12px;}



.faq-header .accordion-button .jia i,.faq-header .accordion-button .jian i{ margin:0 auto; }



.faq-header .accordion-button.collapsed .jia{ display:block;}



.faq-header .accordion-button.collapsed .jian{ display:none;}



.faq-header .accordion-button:not(.collapsed) .jia{ display:none;}



.faq-header .accordion-button:not(.collapsed) .jian{ display:block;}











.page-contact-info{ color:#444; border-bottom:1px solid #e0e0e0; padding-bottom:2.5%; }



.page-contact-info:last-child{ border-bottom:0}



.page-contact-info h4{ font-size:16px; margin-bottom:10px; text-transform:uppercase;}



.page-contact-info p{ min-height:30px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:30px; font-size:13px;}



.page-contact-info p i{ position:absolute; top:0; left:0;  color:var(--bs-main-color);  width:30px; font-size:16px; }



.cshare a{ font-size:16px; margin:0 5px; color:#bbb; display:inline-block;}



.cshare a:hover{ color:var(--bs-main-color);}



.contact-left{ padding-left:7%; border-left:1px solid #ddd;}







.contact-form .form-control{ font-size:0.8rem;padding: 0.7rem 0.75rem; border:0; border-radius:0; background-color:#f5f5f5}
.contact-form label{ display:block; margin-bottom:8px; font-size:14px;}


.blue-border-tit{ position:relative; padding-bottom:10px;}



.blue-border-tit:after{ content:""; position:absolute; left:50%; bottom:0; width:20px; height:3px; background-color:var(--bs-main-color); transform:translateX(-50%)}







.red-left-bottom-tit{ position:relative; padding-bottom:15px;}



.red-left-bottom-tit:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background-color:#de2221; }











.blue-left-tit{ position:relative; text-transform:capitalize;}



.blue-left-tit span{ display:inline-block;padding-left:20px;position:relative;}



.blue-left-tit span:after{ content:""; position:absolute; left:0; top:6px; width:4px; height:20px; background-color:var(--bs-main-color); }







.mw700{ max-width:700px; margin-left:auto; margin-right:auto;}







.menu-item{ width:150px; text-align:center; margin:0 10px 20px; font-size:18px; display:inline-block; vertical-align:top;}





.menu-item:hover .icos,.menu-item.active .icos{ background-position:0 0; background-color:#de201f}



.menu-item.active a{pointer-events:none;}







.pagemenu a{ margin-bottom:10px;}



.mwMap{ max-width:400px;}







.down-item img{ max-width:100%;}

.down-item .name{ font-size:12px; vertical-align:top;}

.down-item .name i{vertical-align:top;}



.honor-item img{ max-width:100%;}



.plcol{ background:url(../images/line02.jpg) no-repeat right bottom; background-size:50% auto; padding-bottom:2%; margin-bottom:6%}



.lux-box{background-color:var(--bs-main-color); border-radius:15px; padding:15px 3% 10px; max-width:920px; margin:2% auto 5%;  color:#fff;}

.luxSwiper{ width:100%; overflow:hidden; margin-bottom:3%}

.luxinfo{ border-bottom:1px solid #fff;}	



.apps img{ border:1px solid #666; width:30px; height:30px; margin-right:15px;}



.entry-title{ text-align:center; margin:1rem auto 1.5%; font-size:24px;}



.entry-info{ text-align:center; margin:30px auto; color:#646464; font-size:12px;}



.entry-info .date{  background:#de201f;  color:#fff; padding:3px 15px; border-radius:13px; margin-right:20px;}







.entry-content{ margin-bottom:30px;color:#646464; line-height:1.8}



.entry-content p{ margin-bottom:20px;}







.post-share { padding: 20px 0; position:relative; text-align:center;}



.post-share:after{ content:""; position:absolute; z-index:1; top:50%; left:0; width:100%; border-top:1px solid #ddd;}



.post-share .inner{ position:relative; z-index:2;  background:#fff; margin:0 auto; padding:0 20px;}



.post-share a{ margin:0 3px; display:inline-block; color:#888; font-size:20px;}



.post-share a:hover{ color:#6eb92b;}







.mtitem{ background:#f5f5f5; position:relative; }



.mtitem a{ display:block;}



.mtitem .pic{ background:#fff; text-align:center; padding-top:100%; position:relative; overflow:hidden;}



.mtitem .pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:auto; width:100%;}



.mtitem .mtxt{  padding:12px 5% 10px 5%; }



.mtitem .mtxt h4{font-size:21px;color:#666;}



.mtitem .mtxt p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px;}



.mtitem:hover .pic img{transform:translate(-50%,-50%) scale(1.1); }



.mtitem .mtxt .squrelink{ display:inline-block; width:28px; line-height:22px; height:26px; text-align:center; border:1px solid #666; margin-right:10px;}

.mtitem .mtxt .squrelink:hover{border:1px solid #666; color:#fff;background-color:var(--bs-main-color);}







.catelist{ background-color:#041319;}



.catelist .catetxt{ max-width:550px; color:#fff; margin-left:5%}



.catelist:nth-child(2n+1) .catetxt{ margin:0 5% 0 auto;}







.shadow-locaction {



  box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.15);



  height:5px;



  background:#fff;



}



#prolist .col-6{position:relative; margin-bottom:30px; padding-bottom:4px;}



#prolist .col-6:after{ content:""; position:absolute; top:0; left:13px; right:13px; bottom:0; background-color:#f6f6f6; z-index:0}



#prolist .proItem{ position:relative; padding-bottom:125%; text-align:center; z-index:1}



#prolist .proItem .pic{ position:absolute; top:43%; left:50%; transform:translate(-50%,-50%); width:80%;}



#prolist .proItem .content{ position:absolute; bottom:0; left:5%; right:5%; text-align:center; color:#888;}



#prolist .proItem h4{font-size:16px; margin-bottom:8px;}



#prolist .proItem h4 a{ color:var(--bs-main-color);}







/* product details */



/* product detail slide */







 #proslide {



        width: 100%;



		margin:0 0 2% 0;

		border:1px solid #ddd;



      }







  #proslide .swiper-slide {



        text-align: center;



        font-size: 14px;



        background: none;







        /* Center slide text vertically */



        display: -webkit-box;



        display: -ms-flexbox;



        display: -webkit-flex;



        display: flex;



        -webkit-box-pack: center;



        -ms-flex-pack: center;



        -webkit-justify-content: center;



        justify-content: center;



        -webkit-box-align: center;



        -ms-flex-align: center;



        -webkit-align-items: center;



        align-items: center;



		



      }



	 







      #proslide .swiper-slide img {



        display: block;



        max-width: 100%;



        object-fit: cover;	



      }  



	   #proslide .swiper-button-prev,#proslide .swiper-button-next {







			outline: none;



			color:var(--bs-main-color);	



			background:rgba(255,255,255,0.5);



			



		}



		#proslide .swiper-button-next:after, #proslide .swiper-rtl .swiper-button-prev:after,#proslide .swiper-button-next:after, #proslide .swiper-button-prev:after {



 font-size:20px;



}



		



	







	#prothumb{



        width: 100%;



		margin-bottom:30px;



      }







  #prothumb .swiper-slide {



        text-align: center;



        font-size: 14px;



        /* Center slide text vertically */



       /* display: -webkit-box;



        display: -ms-flexbox;



        display: -webkit-flex;



        display: flex;



        -webkit-box-pack: center;



        -ms-flex-pack: center;



        -webkit-justify-content: center;



        justify-content: center;



        -webkit-box-align: center;



        -ms-flex-align: center;



        -webkit-align-items: center;



        align-items: center;*/



				



		padding:0;



		



      }



 #prothumb .swiper-slide img { 

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;	

		opacity:0.8;

      }  

	  #prothumb .swiper-slide.swiper-slide-thumb-active  img{opacity:1}



	 	

/* product details */

.protab{border-bottom:1px solid #e8e8e8; background:#fff; position:relative;}

.protab .goback{ position:absolute; left:0; top:0; display:block; height:100%; width:60px; text-align:center;  font-size:24px;}

.protab .goback i{vertical-align:middle; line-height:70px;}

.nav-pro{ font-size:18px;}

.nav-pro li{ display:inline-block; float:none; line-height:3;border-bottom:2px solid #fff; margin-right:30px;}

.nav-pro li.show{border-bottom:2px solid var(--bs-main-color);	color:#333;}

.nav-pro li a{ color:#333; display:inline-block; cursor:pointer; padding-left:0; padding-right:0}

.nav-pro li.show a,.nav-pro li a:hover{color:var(--bs-main-color);}



.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }



.mw620{ max-width:620px;}



.designTab{border-bottom:1px solid var(--bs-main-color); background:#fff; position:relative; }

.designTab ul{list-style:none; padding:0; margin:0;}

.designTab li{ text-align:center; cursor:pointer;}

.designTab li span{ display:block;}

.designTab li span.num{ font-size:14px; color:#8e8e8e}

.designTab li span.name{color:#666;  font-size:16px; padding-bottom:23px; position:relative;}

.designTab li.show span,.designTab li:hover span{ color:#333 !important;}

.designTab li.show span.name:after{ content: "";

  height: 20px;

  border-left: 1px solid #7d7d7d;

  display: flex;

  position: absolute;

  left: 50%;

  bottom: 0;}

  .designTab li.show span.name{ text-decoration:underline;}



.bg-gray {



  background: #d5d5d5;



}







.richtext ul {



  list-style:none !important;



  max-width:100%;



  padding:0;



  margin:0;



}



.richtext ul li {



  list-style:none !important;



  position:relative;



  padding-left:18px;



  color:inherit;



  margin-bottom:0;



}



.richtext ul li:last-child {



  margin-bottom:0



}



.richtext ul li em {



  font-style:initial



}



.richtext ul li * {



  font-size:inherit;



  color:inherit;



  line-height:inherit



}



.richtext ul li:before {



  content:'';



  display:block;



  width:8px;



  height:8px;



  border-radius:100%;



  position:absolute;



  left:0;



  top:6px;



  border:2px solid var(--bs-main-color);



}







.tbmenu{ border-bottom:1px dashed #999; font-size:18px; margin-bottom:20px;}



.tbmenu ul{ margin:0; padding:0}



.tbmenu li{ position:relative; padding-bottom:10px; cursor:pointer; color:#999;}



.tbmenu li.active,.tbmenu li:hover{color:#333;}



.tbmenu li.active:after{ content:""; position:absolute; bottom:-5px; left:50%; margin-left:-5px;width:10px;



  height:10px;



  border-radius:50%;



  background:var(--bs-main-color);}



.tbcontent .plist{ display:none;}



.tbcontent .plist.selected{ display:block;}	







.reproItem .pic{ position:relative; padding-top:100%;}	



.reproItem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:70%; width:auto;}



.imgs-hovers {



 position:relative;



 overflow:hidden;



}



.imgs-hovers:hover img {



 -webkit-transform:scale(1.05);



 -moz-transform:scale(1.05);



 -ms-transform:scale(1.05);



 -o-transform:scale(1.05);



 transform:scale(1.05)



}















.pdf-item {



  width: 176px;



  flex: 0 1 20%;



  margin-bottom: 2rem;



}



.down-it{ background:#fff; border-top:5px solid #6eb92b; margin:0 10px; overflow:hidden;}



.down-it h3{ font-size:14px; position:relative; padding:12px 10px ; border-bottom:1px solid #ccc;}



.down-it h3 i{ position:absolute; right:9px; top:8px; color:#bbb;}



.down-it p{ padding:10px 10px 1rem; font-size:12px;vertical-align:text-top}



.down-it p a{color: #0462be;}



.down-it p a:hover{ text-decoration:underline; color:#6eb92b }







.prolist .proShow{ display:block;}



.prolist .proHide{ display:none;}



.prolist .proHide.show{display:block;}



.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }



.bg-line{ position:relative; width:100%;}



.bg-line a{ position:relative; z-index:3}



.bg-line:after{ content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #ccc; z-index:0}



.bg-line .btnAct  i.bi-plus{ display:block;}



.bg-line .btnAct  i.bi-dash{ display:none;}



.bg-line .btnAct.dash i.bi-plus{ display:none;}



.bg-line .btnAct.dash i.bi-dash{ display:block;}







/* history */







.greendotli{ margin:10px 0; padding:0;}



.greendotli li{ list-style:none; position:relative; padding-left:15px; margin:10px 0; color:#666}



.greendotli li:before{ content:""; position:absolute; top:8px; left:0; width:5px; height:5px;background-color:var(--bs-main-color); border-radius:50%	}



#history-time{ text-align:center; background:url(../images/history_03.png) repeat-x 0 0; padding-top:30px; font-size:16px;}



#history-time .swiper-slide{ position:relative; padding-top:8px; color:#afafaf;}



#history-time .swiper-slide.swiper-slide-thumb-active{color:var(--bs-main-color);}



#history-time .swiper-slide:before{content:""; position:absolute; top:0; left:50%; margin-left:-2px; width:4px; height:4px;background-color:#afafaf; border-radius:50%}



#history-time .swiper-slide.swiper-slide-active:before{background-color:var(--bs-main-color);}







/* solution*/



.soluItem{ position:relative; overflow:hidden;}



.soluItem img{ max-width:100%}



.soluItem .content{ position:absolute; bottom:4%; left:4%; right:4%;}



.soluItem a{ color:#fff; display:block;}



.soluItem a:hover .content{ bottom:5.5%;}



/* 右侧浮动 */

.Suspension {



    position: fixed;



    bottom: calc(10% + 49px);



    right: 5px;



    width: 50px;



    height: auto;



    z-index: 9998;



	border-bottom:0;



}







.Suspension a,.sFrame{ display:block; width:48px; height:48px; line-height:42px; background:var(--bs-main-color); text-align:center; font-size:24px; position:relative; margin-bottom:1px;  }



/*.Suspension a.color01{ background-color:#17cedd;}



.Suspension a.color02{ background-color:#f5b13c;}



.Suspension a.color03{ background-color:#3dbb2b;}



.Suspension a.color04{ background-color:#de1918;}*/



.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}



.f-skybox,.f-whatbox{position: absolute;



top: 0;



right: 100%;



padding:0 10px;



width:120px;



background:none;



height:auto;



border-bottom:0;



font-size:12px;



line-height:1.8;



display:none;



}



.f-skybox .inner,.f-whatbox .inner{ padding:10px; border:1px solid #ddd; background:#fff; position:relative; right:auto;}



.f-skype img,.f-whatbox img{ width:100%}



.f-skype:hover .f-skybox,.f-what:hover .f-whatbox{ display:block; color:#333;}







div.subFrame_03{width:0px; height:48px; background-color:#eda41a; font-size:16px; line-height:47px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}



.sFrame:hover div.subFrame_03{width:220px; padding-left:20px;}







.Suspension a{ color:#fff; }



.Suspension a.f-email{ font-size:21px;}



.Suspension a i{line-height:45px !important;}



.Suspension a:hover{ color:#fff; background:#e4a125;}



/* 右侧浮动end */



@media screen and (max-width: 1199px){


	.fs-large {

		  font-size: 2em;

		}

}







@media screen and (max-width: 1024px){



	.navbar-nav{ display:flex;flex-direction: column;}



.mySulutions .swiper-slide .content h4{ font-size:16px;}



.protab .goback{ left:auto; right:0; top:0; border-right:0;}



.icon-item .h3{ font-size:1.3em;}







	}







@media screen and (max-width: 640px){



.proCatInfo{ padding-bottom:50%}



.picFocus .smallImg li{ width:50px; margin-bottom:10px;}



.mySulutions .swiper-slide .content h4{ display:none;}



.icon-item .h3{ font-size:1.1em;}



.Suspension{ display:none;}



	}



	



	@media screen and (max-width: 768px){



	.top .main_menu > li > a {

	  padding-top: 8px;
	  padding-bottom: 10px;

	}



	.navbar-brand img{ }

	.carousel-indicators {

    margin-right: 0;

    margin-left: 0;

		}


	.navbar-toggler {

    display: block;

	}


	.main_menu{ float:none; display:block; margin:0;}



	.main_menu > li{ float:none; }



.main_menu > li > a{ float:none;  line-height:45px; padding:0 0; border-top:0}



.main_menu > li > a:hover{ text-decoration:none; border-top:0}



.main_menu > li > .nav-sub{ z-index:1000; opacity:0.93;}







.navbar-header,#navbar{ width:100%;}



#navbar{ padding:1rem 1.5rem; margin-left:calc(-1rem - 15px); margin-right:calc(-1rem - 15px); width:calc(100% + 2rem + 30px) }



.main_menu > li > .nav-sub{ left:0; width:100%}





.main_menu > li{ border-bottom:1px solid #ddd}



.main_menu > li > a{ line-height:35px;}







.index-video{ height:auto;}

.index-video video{ position:relative;}



#index-slide .tx-caption h2{ font-size:24px}					



#index-slide .tx-caption .spb{ display:none}



.fix-video-txt .blink { display:none;}

.mouse{ display:none;}



.focus-meta {



  position:relative;



  right:0;



  bottom:0;



}



.post-meta span{ margin:0 4px;}



.post-meta .bi{ margin-right:1px;}



.post-meta { font-size:13px;}


.page-banner{ min-height:150px;}

.page-banner h2{ font-size:24px;}







.top {

	height:auto;
	background:#f2f2f2;
	padding:3px 0;

}



.navbar-brand {



  padding: 8px 0;



  border-left: 0;



  border-right:0;



}


.fs-large {
		  font-size: 1.3em;
		}


	.index-video .fix-video-txt p{ display:none;}

}



@media screen and (min-width: 769px){



.navbar-main {



    display:block !important;



}



}







/* mobile nav  */



.nav-top{ background:#000;color:#aaa;}



.nav-top a{ color:#aaa;}



.nav-top a:hover{ color:#00a0e9;}



.page-slamp{ max-width:800px; margin-left:auto; margin-right:auto;}
.smbox{ max-width:258px;}
.bg-light-yellow{ background:#fffdf7}