@font-face {
font-family: LatoRegular;
src: url('../fonts/Lato-Regular.ttf')
}
@font-face {
font-family: LatoBold;
src: url('../fonts/Lato-Bold.ttf')
}
*{
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}
*{
	-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:#8fb83d;	
}
img{ max-width:100%; height:auto;}
body{ font-family:"LatoRegular",Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#333; line-height:1.6}
.bold-tit{ font-family:"LatoBold";}
.num-bold{ font-family:Arial, Helvetica, sans-serif}
a{ color:#333; text-decoration:none;}
a:hover{color: var(--bs-main-color); text-decoration:none;}
.btn-primary{ background:var(--bs-main-color); border-color:var(--bs-main-color);color:#fff}
.btn-primary:hover{ background:#54b83d; border-color:#68b83d;}
.btn-outline-primary{color:var(--bs-main-color); border-color:var(--bs-main-color);}
.btn-outline-primary:hover{background-color:var(--bs-main-color); color:#fff;}
.btn-orange{ background:#ff6d00; border-color:#ff6d00;color:#fff}
.btn-orange:hover{ background:#ff4000; border-color:#ff4000;color:#fff}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-main-color) !important;
}
.bg-light-green{background-color:#fbfff3;}
.text-primary{color:var(--bs-main-color) !important;}
.fs-12{ font-size:12px;}
.fs-16{ font-size:16px;}
.fs-18{ font-size:18px;}

.container{ max-width:1300px;}


.header{ z-index:30; width:100%; position:relative; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.header#mobile{ top:0;}
.header .top{ background-color: var(--bs-main-color)}
.header .top,.header .top a{ color:#fff;}
.tsocial a{ margin:0 5px;}

#navfix{ background-color:#fff;}


.navbar {
    margin-bottom:10px;
    border-radius: 0;
	position:relative;	
}

.navbar .container{ position:relative; z-index:10;}
.navbar-header{  }
.navbar-brand img{width:80px;}
.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggle {
    position:inherit;
	right:0;
	margin-right: 10px;
    padding: 0 0;
	top:10px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
}
.main_menu {padding:0; margin:0;}
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{  margin:0 20px; display:flex;align-items:center;}
.main_menu > li > a{ color:#333; display:block; text-transform:uppercase; white-space:nowrap; font-size:15px; font-family:'LatoBold'; padding-bottom:15px;}

.main_menu > li > a:hover{ text-decoration:none; color:var(--bs-main-color);  }
.main_menu > li.active > a,.main_menu > li > a.now{color:var(--bs-main-color);  }
.main_menu > li > .nav-sub{ position:absolute; left:0; right:0; top:100%; width:100%; background:#fff;box-shadow: 0 3px 3px rgba(0,0,0,0.05); border-top:1px solid #ddd; margin:0; padding:35px 0;  display:none !important; z-index:10; line-height:normal; color:#333; }
.main_menu > li > .nav-sub .container{ position:relative; z-index:13;}
.main_menu > li.proSubMenu:hover > a{ color:var(--bs-main-color); }
.main_menu > li.proSubMenu .nav-sub li{ height:auto; line-height:30px; margin:0;}
.main_menu > li:hover > .nav-sub{ display:block !important;}
.main_menu > li > .nav-sub .subi-img img{ border-radius:10px; max-width:100%; height:auto;}

#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;}
#mobile .main_menu > li > a:hover{ background:#f2f2f2;}
#mobile .navbar-brand img {
  max-height: 40px;
  width:auto;
}
	
.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:0;    
    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)}


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

#navfix.fixed-top .top{ border-bottom:1px solid rgba(0,0,0,0.15)}

#navfix.fixed-top .navbar-brand img,#pageDetail .navbar-brand img{
	width:50px !important;
}

/* language xiala */
.topLanguage{position:relative; display:inline-block; z-index:10000 }
	.topLanguage i{ font-size:16px; cursor:pointer; line-height:50px;}
	
	.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:32px; }
	.searchtop input:focus{ border:0;}

.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;}

.search-pop{ background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; right:0; bottom:0; z-index:20000; display:none;}
.search-pop .zhongjian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%;}
.search-pop.show{ display:block;}
.search-pop .close{ font-size:3rem; color:#ccc !important; cursor:pointer;}
	
#navfix.fixed-top .searchtop i,#navfix.fixed-top .topLanguage,#pageDetail .searchtop i,#pageDetail .topLanguage,#navfix:hover .searchtop i,#navfix:hover .topLanguage{ color:#333;}


#index-slide{/* height:calc(100vh - 120px)*/ position:relative;}
#index-slide .swiper-slide{position:relative;}
/*#index-slide .swiper-slide:after{ content:" "; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); z-index:0;}*/
#index-slide  .swiper-slide .container{ position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
#index-slide .tx-caption { width:820px;  color:#fff;}


#index-slide .swiper-pagination {
  bottom: 5%;
}
#index-slide .swiper-pagination-bullet{ background:#fff; height:2px; width:50px; border:0;border-radius:0; opacity:1; margin-left:5px; margin-right:5px;}
#index-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--bs-main-color);opacity:1}
#index-slide .swiper-button-next, #index-slide .swiper-button-prev{ color:var(--bs-main-color)}


.about-home{background:url(../images/home-about-bg.jpg) no-repeat center center; background-size:cover; position:relative;}
.about-home .container{ z-index:2; position:relative; max-width:800px; background-color:rgba(255,2565,255,0.85); border-radius:15px;}

.foot-ad{background:url(../images/foot-bg.jpg) no-repeat center center; background-size:cover; position:relative; padding:9% 0; text-align:center;}
.foot-ad .container{ z-index:2; position:relative; max-width:800px; color:#fff; line-height:1.8;}

.slpro{ position:relative; background:#fff; text-align:center;}
.slpro .pic{max-width:228px; border-radius:50%; overflow:hidden; margin:0 auto 20px;}
.slpro .txt{ text-align:center; margin:0 20px;}
.cate-home .swiper-button-prev{
  left:20px;
  right: auto;
  width: 36px;
  height: 36px;
  background:#fff;
  border-radius:50%;
  color: #aaa;
  opacity: .5;
}
.cate-home .swiper-button-next {
  left: auto;
  right: 20px;
  width: 36px;
  height: 36px;
  background:#fff;
  border-radius:50%;
  color: #aaa;
  opacity: .5;
}
.cate-home .swiper-button-next:after, .cate-home .swiper-button-prev:after {
  font-size: 20px;
}
.cate-home .swiper-button-next:hover,.cate-home .swiper-button-prev:hover {			
	color:var(--bs-main-color);	
	opacity: 1;
}
.cate-home .swiper-button-next.swiper-button-disabled, .cate-home .swiper-button-prev.swiper-button-disabled{
  opacity: .5;
  cursor: auto;
  pointer-events: none;
}

.newPro{ padding-bottom:70px;}
.newPro .swiper-button-prev{
  top:auto;
  bottom:10px;
  left:0;
  width: 24px;
  height: 24px;
  color: #999;
}
.newPro .swiper-button-next {
  top:auto;
  bottom:10px;
  right:0;
  width: 24px;
  height: 24px;
  color: #999;
}
.newPro .swiper-button-next:after, .newPro .swiper-button-prev:after {
  font-size: 14px;
}
.newPro .swiper-pagination-bullet{ width:10px; height:10px; margin:0 7px !important; border:2px solid #999; background-color:#fff; opacity:1;}
.newPro .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bs-main-color);border:2px solid var(--bs-main-color);}

.cateItem{ position:relative;}
.cateItem:after{ content:""; position:absolute; z-index:1; left:0; right:0; top:60%; bottom:0;background-image: linear-gradient(180deg,rgba(242,255,216,0) 0,rgba(242,255,216,0.9) 100%);
}
.cateItem .txt{ position:absolute; z-index:2;  left:0; right:0; bottom:15px; text-align:center;}
.cateItem:hover .txt{ transform:translateY(-10px);}

.footer{ background:#f5f5f5 ;   position:relative;}
.footer a{ color:#222;}
.footer a:hover{ color:var(--bs-main-color); }

.foot-menu{ position:relative;}
.footShare{ }
.footShare a{ display:inline-block; font-size:16px; margin:0 6px 0 0; background:#fff; width:40px; line-height:40px; border-radius:50%; text-align:center; }
.footShare a:hover{ color:#fff; background:var(--bs-main-color);}
.footShare a:hover svg{ color:#fff;}

.foot-widget{ margin-bottom:1em; }
.foot-widget h4{ font-size:1.2em; margin-bottom:20px;}
.foot-widget li{ padding:5px 0; }

.footline{background-color: #888;}

.footer-contact-info li{ min-height:42px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:45px; padding-bottom:25px;}
.footer-contact-info li i{ position:absolute; top:0; left:0;  background-color:#fff; width:36px; height:36px; line-height:34px; font-size:18px; text-align:center; border-radius:50%; }
.sreenMask{ background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; height:100vh; z-index:10000; overflow:hidden;}
.sreenMask .container{ height:100vh;}
.sreenMask .container > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.dengli{ border-radius:15px; margin:0 3%; white-space:nowrap; position:relative; min-width:250px;}
.dengli .logo{ margin-bottom:15px;}
.dengli .logo img{width: 150px;  height: 150px;  object-fit: contain;}
.dengli .tag{ position:absolute; top:10px; right:10px;}
.dengli .tag img{ max-width:60px; max-height:40px;}

/* news */
    .articleItem{  position:relative;  margin:0 auto 20px; text-align:left; padding:20px; }
    .articleItem .pic{ position:relative; z-index:1; padding-top:calc(420/633 * 100%); overflow:hidden;background:var(--bs-main-color);}
    .articleItem .pic img{ position:absolute; top:0; left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
    .articleItem .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8}
    .articleItem .content{ padding:15px 0 10px 0;color:#555; background-color:#fff; margin:0;  position:relative; z-index:2;}
	.articleItem .content .btn{ position:absolute; top:22px; right:0;}
    .articleItem .content h4{ line-height:1.2; margin-bottom:10px; margin-right:110px;white-space:nowrap;overflow:hidden; text-overflow: ellipsis;}
	.articleItem hr{ border-top:1px solid #999; height:0;}

/* factory */
    .fcyItem{  position:relative;  margin:0 auto 20px; text-align:left; }
    .fcyItem .pic{ position:relative; z-index:1; padding-top:calc(332/500 * 100%); overflow:hidden;background:var(--bs-main-color);}
    .fcyItem .pic img{ position:absolute; top:0; left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
    .fcyItem .pic:hover img{ transform:scale(1.06,1.06); opacity:0.8}
    .fcyItem .content{ padding:15px 20px 10px 20px;color:#555; background-color:#fff; margin:-30px 10px 0 10px;  position:relative; z-index:2;}
    .fcyItem .content h4{ line-height:1.2; margin-bottom:10px; font-size:20px;}


/* pages */

.page-banner{padding-top:calc(38/192 * 100%); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; background-color:#121212}
.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1;}
.page-banner .container{ position:absolute; z-index:2; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); height:100%}
.page-banner .container .inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.page-banner h2{ font-size:36px; text-transform:uppercase;line-height:1.5;}
.page-banner .location{  }


.searchbox{ border:1px solid rgba(255,255,255,0.5); padding:10px;}
.searchbox .form-control,.searchbox .form-control::placeholder,.searchbox button{ background-color:transparent !important; color:#fff; border:0;}

.proItem{ position:relative;}
.proItem .txt h4{ position:relative;}
.proItem .txt h4 i{ position:relative; padding-left:30px;}
.proItem:hover .txt h4 i{ padding-left:50px;}

.mw-720{ max-width:800px;}

#contacticos .col-12{ position:relative;}
#contacticos .col-12:after{ content:""; position:absolute; z-index:1; top:0; left:15px; right:15px; height:100%; background:#f2f2f2; border-radius:15px;}
#contacticos .col-12 div{ position:relative; z-index:2;}

.sicon { width:40px; height:40px; border-radius:50%;color:#fff; font-size:18px;}
.contactForm .form-control{ font-size:14px; color:#666; line-height:2 }
.contactForm p{ margin-bottom:1rem;}
.contactForm label{ margin-bottom:6px;}
.contactForm .form-control::placeholder{ font-size:0.9rem; color:#999;}

.page-contact-info{ color:#666; border-bottom:1px solid #e0e0e0; padding-bottom:2.75%; }
.page-contact-info:last-child{ border-bottom:0}
.page-contact-info h4{ font-size:14px; margin-bottom:15px; text-transform:uppercase; color:#333;}
.page-contact-info p{ min-height:30px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:45px; padding-bottom:10px;}
.page-contact-info p i{ position:absolute; top:0; left:0;  width:30px; height:30px; line-height:20px; font-size:16px; text-align:center;color:var(--bs-main-color);}
.cshare a{ font-size:16px; margin:0 5px; color:#bbb; display:inline-block;}
.cshare a:hover{ color:var(--bs-main-color);}

.page-white{ max-width:1000px; margin:0 auto;}
.entry-header{  margin-bottom:30px;}
.entry-title{ text-align:center; margin:0 auto 0; font-size:30px; color:#121212;}
.entry-info{ text-align:center; margin:10px auto; color:#646464; font-size:14px;}
.entry-info{ text-align:center; margin:30px auto; color:#646464; font-size:12px;}
.entry-info .date{ }


.entry-content{color:#646464; line-height:1.8; }
.entry-content p{ margin-bottom:25px;}
.entry-content img{ max-width:100%;}
.post-share { padding: 20px 0 30px; position:relative; text-align:center; }
.post-share a{ margin:0 5px; display:inline-block; color:#666; font-size:18px;}
.post-share a:hover{ color:var(--bs-main-color);}

.section-header{ text-align:center;}
.tit-border-top{ position:relative; padding-top:12px;}
.tit-border-top:after{ content:""; position:absolute; left:50%; top:0; width:35px; height:3px; transform:translateX(-50%); background-color:var(--bs-main-color); border-top-left-radius:5px;border-bottom-right-radius:5px;}

.section-header.left{ text-align:left;}
.section-header.left .tit-border-top:after{left:0; top:0;transform:translateX(0);}


.page-item.active .page-link {
  background-color: var(--bs-main-color);
  border-color: var(--bs-main-color);
}
.page-link {
  color: #666;
}
.page-link:hover {
  color: var(--bs-main-color);
}


.slitem{position:relative; overflow:hidden; text-align:center; background:var(--bs-main-color); margin-bottom:15px;}
.slitem .pic{ position:relative; overflow:hidden; }
.slitem .pic img{ width:100%;}
.slitem .text{ position:absolute; top:0; left:0; right:0; bottom:0;background-image: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0) 100%); color:#fff;}
.slitem:hover .text{  background-color:rgba(38,64,120,0.8);}
.slitem .text h4{ position:absolute; bottom:4%; left:8%; width:80%; text-align:left; padding-top:15px;}

.product-home .nav-tabs {
  border-bottom:0;
   padding-bottom:20px;
}
.product-home .nav-tabs > li{ margin-bottom:10px; position:relative;}
.product-home .nav-tabs > li > a {
  margin-right: 12px;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding:4px 12px;
  color:#666;
  display:inline-block;
}
.product-home .nav-tabs > li > a:hover {
	background:var(--bs-main-color); color:#fff; text-decoration:none;
}
.product-home .nav-tabs > li.active > a,
.product-home .nav-tabs > li.active > a:hover,
.product-home .nav-tabs > li.active > a:focus {
  background:var(--bs-main-color);border: 1px solid var(--bs-main-color); color:#fff;
}
.product-home .nav-tabs > li .proMePup{ position:absolute; top:100%; left:0; min-width:100%; background:#fff; z-index:10; padding:12px; box-shadow:0 2px 10px -1px rgba(0,0,0,0.15); display:none;}
.product-home .nav-tabs > li .proMePup li{ white-space:nowrap; list-style:none; margin:3px 0;}
.product-home .nav-tabs > li:hover .proMePup{ display:block;}

.tabdiv{ display:none;}
.tabdiv.selected{ display:block;}

.pageNav2{ text-align:left; border-bottom:1px solid #ddd; font-size:16px; background-color:#f5f5f5;}
.pageMenu{ padding:0; margin:0;}
.pageMenu li{ position:relative; list-style:none; padding-right:1px; }
.pageMenu a{ padding:12px 0 12px 0; display:block; text-align:center;}
.pageMenu a:hover{ background-color:var(--bs-main-color); color:#fff;}
.pageMenu li.active a{ background-color:var(--bs-main-color); color:#fff;}


.blueDot{ position:relative; padding-left:12px; margin-bottom:20px;	}
.blueDot:before{ content:""; position:absolute; width:6px; height:6px; top:8px; left:0; border-radius:50%;background-color:var(--bs-main-color);}

.hotproIt{ position:relative; overflow:hidden;}
.hotproIt .pic{ margin:0 auto 15px; border-radius:10px; overflow:hidden; position:relative; padding-bottom:100%;}
.hotproIt .pic .inner{bottom: 0;  position: absolute;  top: 0; left:0; right:0;}
.hotproIt .pic img{ position:absolute; top:0; left:0; display:block; max-width:100%; width:100%; height:100%;object-fit: cover;  object-position: center center;}
.hotproIt .pic img.st{ opacity:1;}
.hotproIt .pic img.hover{ opacity:0;}
.hotproIt .txt{}
.hotproIt h4{ font-size:18px;}
.hotproIt:hover .pic img.st{ opacity:0;}
.hotproIt:hover .pic img.hover{ opacity:1;}
.product-home.bg-color .hotproIt a{ color:#fff;}
.hotproIt a:hover{ text-decoration:none; }


	/* product details */
/* product detail slide */

 #proslide {
        width: 100%;
		padding:0;
		padding-bottom:100%;
		position:relative;
		margin-bottom:20px;
		
      }
#proslide .swiper-wrapper{ position:absolute; width:100%; height:100%;}
  #proslide .swiper-slide {
        text-align: center;
        font-size: 14px;
        background: #fff;
		border-radius:20px;
		overflow:hidden;
        /* 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%;
        max-height:100%;
        object-fit:	contain;
      }  
.prothumbww{ padding:2px 30px; margin-bottom:30px; position:relative;}
	#prothumb {
        width: 100%;
      }
  #prothumb .swiper-slide {
        font-size: 14px;
        background: #fff;	
		position:relative;
		border-radius:10px;
		overflow:hidden;
		border:1px solid #fff;
		width:100%;
      }
   
      #prothumb .swiper-slide img { 
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }  
	  #prothumb .swiper-slide.swiper-slide-thumb-active {border:1px solid var(--bs-main-color);}
	  .prothumbww .swiper-button-prev,.prothumbww .swiper-button-next {

			outline: none;
			
			color:#999;	
			
		}
		.prothumbww .swiper-button-next:after, .prothumbww .swiper-rtl .swiper-button-prev:after,.prothumbww .swiper-button-next:after, .prothumbww .swiper-button-prev:after {
 font-size:18px; font-weight:bold;
}
		
		.prothumbww .swiper-button-prev:hover,.prothumbww .swiper-button-next:hover {			
			color:var(--bs-main-color);	
		}
		
		.prothumbww .swiper-button-prev {
			left: 0;
		}
		
		.prothumbww .swiper-button-next {
			right: 0;
		}



.prodes p{ margin-bottom:10px;}

.progress{ height:0.5rem;}
.progress-bar{ background-color:var(--bs-main-color);}
.starRate i{ margin-right:8px;}

.imgs-hovers {
 position:relative;
 overflow:hidden;
}
.imgs-hovers:hover img {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1)
}

/* faqs  */

.faq{border:0; box-shadow:none; border-bottom:1px solid #ddd;}

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

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

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

.faq-header .accordion-button:not(.collapsed){box-shadow:none; color:#333;}

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

.faq-body{ box-shadow:none; padding:0 0 20px 0; background-color:transparent;  line-height:1.7; 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;}

.icoItem{ position:relative; border:1px solid #ddd; padding:20px 20px 20px 90px; margin-bottom:30px;}
.icoItem .icos{ position:absolute; top:30px; left:20px;}

.fctkuang{ border:1px solid #ccc; padding:0 20px 40px; position:relative; line-height:1.8;}
.fctkuang h4{ background:#fff; transform:translateY(-15px);display:inline-block;}
.fctkuang h4 span{ display:block; width:296px; text-align:center; background:url(../images/Fctbg_03.png) no-repeat;}
.fctkuang .fnum{ position:absolute; z-index:2; left:0; bottom:-25px; width:56px; height:56px; display:flex;align-items:center;justify-content:center; background-color:var(--bs-main-color); color:#fff; border-radius:50%; font-size:18px; letter-spacing:2px;}
.fctkuang:after{ content:""; position:absolute; background:#fff; width:20px; height:100%; left:-1px; top:-1px; z-index:1;}
.fctkuang:before{ content:""; position:absolute; background:#fff;  width:60px; height:60px; left:10px; bottom:-30px; z-index:1;background-color:#fff; border-radius:50%; }
.fctkuang.even .fnum{ left:auto; right:0;}
.fctkuang.even:after{ right:-1px; left:auto;}
.fctkuang.even:before{right:10px; left:auto;}

.historyRow{ background:url(../images/historybg.jpg) no-repeat center bottom #f7f7f7; padding-top:clamp(1.5rem, 4vw + 1rem, 3rem);padding-bottom:clamp(1.5rem, 4vw + 1rem, 3rem);}
#history-slide{ margin:20px 0;}
.historyItem{ background-color:#fff; border:1px solid #eee; padding:20px; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2) !important; margin-bottom:40px;}
.historyItem .htit{ font-size:16px; padding:0 0 10px; border-bottom:1px solid #ccc; margin-bottom:12px;}
.historyItem:hover{background-color:var(--bs-main-color); color:#fff;}
#history-slide .swiper-slide.swiper-slide-active .historyItem{background-color:var(--bs-main-color); color:#fff;}

#history-slide .swiper-slide{ text-align:center; background:#fff; height:102px; display:flex;justify-content:center;align-items:center; border:1px solid #eee; margin-top:1px; margin-bottom:1px;}
#history-slide .swiper-slide img{ max-height:100px;}

.historyRow .swiper-button-prev{
  left:-40px;
  width: 36px;
  height: 36px;
  border:2px solid var(--bs-main-color); color:var(--bs-main-color);
  border-radius:50%;
}
.historyRow .swiper-button-next {
  right:-40px;
  width: 36px;
  height: 36px;
  border:2px solid var(--bs-main-color); color:var(--bs-main-color);
  border-radius:50%;
}
.historyRow .swiper-button-next:after, .historyRow .swiper-button-prev:after {
  font-size: 18px;
}

#history-time{ text-align:left;  padding-top:10px; font-size:16px;}
#history-time .swiper-slide{ position:relative; padding-top:25px; color:#888;background:url(../images/time_03.png) no-repeat 0 0; background-size:100% auto;}

#myCers{ padding-bottom:6%;}
#myCers .swiper-slide{ text-align:center; background:#fff; aspect-ratio: 3/2;display:flex;justify-content:center;align-items:center; border:1px solid #eee; margin-top:1px; margin-bottom:1px;}
#myCers .swiper-slide img{ max-height:94%; width:auto; max-width:100%; margin:3% auto;}

@media ( min-width:1150px){
#x-navfix{ background-color:transparent; position:absolute; top:0; left:50%; width:100%; transform:translate(-50%,0); z-index:10;}


.scon{ max-width:calc(85% - 180px);}
}

@media screen and (max-width: 1024px){
	.navbar-nav{ display:flex;flex-direction: column;}
	.tx-caption{ display:none;}
	.ccdm-diti ul li{ width:32.666666%;}
	}

@media screen and (max-width: 640px){
.ccdm-diti ul li{ width:49.333333%;}
}
	
	@media screen and (max-width: 768px){

	.top .main_menu > li > a {
	  padding-top: 8px;
	  padding-bottom: 10px;
	}
	.navbar-brand img{ max-height:40px;}
	.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; margin:0 0;}
.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%}

.navbar-header{ text-align:center; }

.main_menu > li{ border-bottom:1px solid #ddd}
.main_menu > li > a{ line-height:35px;}

#index-slide .tx-caption h2{ font-size:24px}					
#index-slide .tx-caption .spb{ 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;}

.main_menu > li > a {
  color: #333;
}
.page-banner{ min-height:150px;}
.page-banner h2{ font-size:24px;}

.top {
	height:auto;
}
.navbar-brand {
  padding: 10px 0;
  border-left: 0;
  border-right:0;
}
.pdf-item {
  flex:0 1 50%;
}
.historyTabs {
  background: url(../images/history_xc01_2.jpg) left top repeat-y;
}
.historyTabs .l_box{width:100%; text-align:left; float:none;}
.historyTabs .r_box{width:100%; float:none;}
.downMenuWrap{ font-size:13px;}
}
@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;}

.cerimgSlide .swiper-button-prev{
  left:20px;
  right: auto;
  width: 36px;
  height: 36px;
  color: #666;
  opacity: .5;
}
.cerimgSlide .swiper-button-next {
  left: auto;
  right: 20px;
  width: 36px;
  height: 36px;
  color: #555;
  opacity: .5;
}
.cerimgSlide .swiper-button-next:after, .cerimgSlide .swiper-button-prev:after {
  font-size: 28px;
}
.cerimgSlide .swiper-button-next:hover,.cerimgSlide .swiper-button-prev:hover {			
	background: var(--bs-main-color);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
	opacity: 1;
}

.modal{ background-color:rgba(0,0,0,0.7)}

.img-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;  
}
.img-grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1rem;  
  max-width:900px;
  margin:0 auto;
}
.product-card {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	padding-top:10px;
	border:1px solid #eee;
}
.product-image {
	transition: transform 0.4s ease;
	position:absolute;
	left:50%;
	top:2%;
	bottom:3%;
	transform:translateX(-50%);
	 width:150px; height:94%; object-fit:contain;
}
 /* 图片容器 */
.image-container {
	overflow: hidden;
	position: relative;
	padding-top:80%;
}

.image-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
	transition: left 0.5s ease;
	z-index: 1;
}

.product-card:hover .image-container::before {
	left: 100%;
}

.image-container.short {
	padding-top:40%;
}

#pageNav2.fixed {
  position: fixed;
  top:80px;
  left: 0;
  right: 0;
  z-index:1030;
  background:#fff;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}