@font-face {
font-family: PoppinsLight;
src: url('../fonts/Poppins-Light.ttf')
}

@font-face {
font-family: PoppinsMedium;
src: url('../fonts/Poppins-Medium.ttf')
}

@font-face {
font-family: PoppinsRegular;
src: url('../fonts/Poppins-Regular.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:#0d80ce;	
}
img{ max-width:100%; height:auto;}
body{ font-family:"PoppinsRegular",Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#333; line-height:1.6}
.bold-tit{ font-family:"PoppinsMedium";}
.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:#315299; border-color:#315299;}
.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;}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-main-color) !important;
}

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

section h2{ font-size:40px;}

.header{ z-index:30; width:100%; position:relative; }
.header#mobile{ top:0;}
.header .top{ border-bottom:1px solid rgba(255,255,255,0.35)}
.header .top,.header .top a{ color:#fff;}
#navfix:hover .top{ border-bottom:1px solid rgba(0,0,0,0.1)}
#navfix:hover{ background:#fff;}
#navfix:hover .top,#navfix:hover .top a{ color:#333;}
.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-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{  height:60px; line-height:58px; margin:0 20px;position:relative;}
.main_menu > li > a{ color:#333; display:block; text-transform:capitalize; white-space:nowrap; font-size:16px; font-family:'PoppinsMedium'; }

.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:-12px; top:100%; min-width:200px; background:#fff; border:1px solid #ccc; margin:0; padding:0;  display:none !important;  z-index:10; font-size:14px;}
.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; position:relative; border-bottom:1px solid #e0e0e0;}
.main_menu li > ul  li:last-child{ border-bottom:0;}
.main_menu li > ul  li a{ padding:10px 0 10px 20px;float:none; display:block;  color:#555; line-height:1.5;}
.main_menu li > ul  li a i{ position:absolute; top:10px; right:8px;}
.main_menu li > ul  li a:hover,.main_menu li > ul  li:hover > a{ color:#fff; background:var(--bs-main-color); }
.main_menu > li:hover > .nav-sub{ display:block !important;}

.main_menu > li > .nav-sub li ul{ position:absolute; top:0; left:100%; min-width:200px; max-width:260px; background:#fff;  display:none !important;  z-index:10; border:1px solid #ddd; border-top:0;}
.main_menu > li > .nav-sub li:hover ul{display:block !important;}


#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;
}
	
.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 .navbar-brand img{ max-width:100%;}
#navfix.fixed-top .main_menu > li{  height:60px; line-height:58px;}
#navfix.fixed-top .main_menu > li > a,#navfix:hover .main_menu > li > a{color:#333;}
#navfix.fixed-top .main_menu > li > a:hover,#navfix:hover .main_menu > li > a:hover{color:var(--bs-main-color);}

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

#pageDetail{ background:#fff !important; color:#666;box-shadow: 0 8px 8px rgba(0,0,0,0.05); position:relative; top:0}
#pageDetail #navfix{ position:relative;}
#pageDetail .navbar-brand img{ max-width:100%;}
#pageDetail .main_menu > li > a{color:#333;}
#pageDetail .main_menu > li > a:hover{color:var(--bs-main-color);}
#pageDetail #navfix .top{ border-bottom:1px solid rgba(0,0,0,0.1)}
#pageDetail #navfix .top,#pageDetail #navfix .top a{ color:#333;}

#navfix.fixed-top .navbar-brand,#pageDetail .navbar-brand,#navfix:hover .navbar-brand{
	filter:none;
}

/* 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:42px; }
	.searchtop i{color:#fff;}

.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/sdfdq34645qad.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative;}
.about-home .container{ z-index:2; position:relative;}

.slpro{ position:relative; margin-bottom:20px; border:1px solid #ddd; padding-bottom:90%;}
.slpro .tag{ text-transform:uppercase; border-bottom:3px solid var(--bs-main-color); display:inline-block; padding-bottom:5px; position:absolute; z-index:3; top:5%; left:5%;}
.slpro .txt{ position:absolute; bottom:10px; width:100%; text-align:center; padding:0 20px; z-index:3;}
.slpro .pic{ width:80%; position:absolute; z-index:2; top:50%; padding-bottom:60%; transform:translateY(-50%);  margin:0 10%;margin-top:-10px; }
.slpro .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.slpro:hover{border:1px solid #333;}

.home-block-feature{ text-align:center; position:relative;}
.home-block-feature:after{ content:""; position:absolute; top:calc(50% - 10px); left:0; width:100%; border-top:1px solid #999}
.home-block-feature .col-6:nth-child(2n+1){ border-right:1px solid #999;}
.fitem{ position:relative; padding:1rem 0; margin:0 auto 0 20px; text-align:center;}
.fitem span{ display:inline-block;}
.fitem h4{ font-size:60px; line-height:1;}
.fitem span.subject{ font-size:15px;display:block; }

.borderL{ border-left:4px solid #009944; padding-left:25px;}

.footer{ background:#f2f2f2 ;   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; max-width:400px;}
.foot-widget h4{ font-size:1.15em; margin-bottom:20px;}
.foot-widget li{ padding:3px 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%; }


/* news */
    .articleItem{  position:relative;  margin:0 auto 30px;border:1px solid #eee;  text-align:left; }
    .articleItem .pic{ position:relative; padding-top:calc(543/895 * 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:10px 0;color:#555; margin:0 5%;}
    .articleItem .content h4{ font-size:18px; line-height:1.2; margin-bottom:10px}
	
    .articleItem .meta{ color:#999;}


/* pages */

.page-banner{padding-top:calc(59/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: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:calc(100% - 50px)}
.page-banner .container .inner{ position:absolute; top:calc(50% - 45px); left:0; transform:translate(0,-50%); }
.page-banner h2{text-transform:capitalize;line-height:1.5;}
.page-banner .innerNav{  color:#fff; position:absolute; bottom:30px; left:2px; z-index:3;}
.page-banner .innerNav a{ background-color:rgba(13,128,206,0.85) !important; color:#fff;}
.page-banner .innerNav a:hover{ background-color:rgba(13,128,206,1) !important; }
/*.page-banner .innerNav a,.page-banner .innerNav span{ color:#fff;}
.page-banner .innerNav a:hover{color:var(--bs-main-color);}*/

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

.hotproIt{ }
.hotproIt .pic{ margin:0 auto 25px; position:relative;overflow:hidden;}
.hotproIt .pic img{max-width:100%;}
.hotproIt .txt{}
.hotproIt:hover .pic img{transform:scale(1.05,1.05);}


.tit-border-bottom{ position:relative; padding-bottom:10px;}
.tit-border-bottom:after{ content:""; position:absolute; left:0; bottom:0; width:50px; height:2px; background-color:var(--bs-main-color);}

.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:30px;
}
.product-home .nav-tabs > li{ margin-bottom:10px;}
.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;
}

.pageNav2{ text-align:left; border-bottom:1px solid #ddd; font-size:16px;}
.pageMenu{ padding:0; margin:0;}
.pageMenu li{ display:inline-block; position:relative; padding-bottom:15px; margin-right:30px;}
.pageMenu a{ padding:0 0; display:block;}
.pageMenu a:hover{ color:var(--bs-main-color);}
.pageMenu li.active:after{ content:" "; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:var(--bs-main-color);}


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

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

 #proslide {
        width: 100%;
		padding:30px 10px 40px;
		padding-bottom:80%;
		position:relative;
		margin-bottom:20px;
		background:#efefef;
		
      }
#proslide .swiper-wrapper{ position:absolute; width:100%; height:100%;}
  #proslide .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;
		
		
      }
	 

      #proslide .swiper-slide img {
        display: block;
        max-width: 80%;
        max-height:80%;
        object-fit:	contain;
      }  

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

			outline: none;
			
			background-color:#999;
			color:#fff;	
			
		}
		#proslide .swiper-button-next:after,#proslide .swiper-button-prev:after {
 font-size:16px;
}
		
		#proslide .swiper-button-prev:hover,#proslide .swiper-button-next:hover {			
			background-color:var(--bs-main-color); color:#fff;	
		}
		
		#proslide .swiper-button-prev {
			left: 20px;
		}
		
		#proslide .swiper-button-next {
			right: 20px;
		}


/* end */

.ccdm-diti ul{ list-style:none; margin:0 -0.333333%; padding:0; color:#666;}
.ccdm-diti ul li{ width:16%; padding:0 0.333333%; margin-bottom:15px;}

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



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

.slide-about{}
.rounded-lg{ border-radius:15px; overflow:hidden;}
.slide-about .swiper-slide{ padding:3rem 0; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.slide-about .swiper-pagination{ width:200px;left:73%; bottom:7rem; color:#999;}

@media ( min-width:1150px){
#navfix{ background-color:transparent; position:absolute; top:0; left:50%; width:100%; transform:translate(-50%,0); z-index:10;}
.navbar-brand {
    height: auto;
    filter: grayscale(100%) brightness(300%);
  }
  
.navbar-brand img{width:120px;}
.topLanguage{ color:#fff;}
.main_menu > li{  margin:0 16px;}
.main_menu > li > a{ color:#fff; }
.main_menu > li > a:hover{ color:var(--bs-main-color); }
.page-banner .container{margin-top:40px; }
.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;
}