@font-face {

    font-family: 'PuHuiTi-Bold';

    src: url('../fonts/puhuiti/AlibabaSans-Bold.otf') format('truetype');



}

@font-face {

    font-family: 'PuHuiTi-Medium';

    src: url('../fonts/puhuiti/AlibabaSans-Medium.otf') format('truetype');



}

@font-face {

    font-family: 'PuHuiTi-Regular';

    src: url('../fonts/puhuiti/AlibabaSans-Regular.otf') format('truetype');

}

*{

	-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:#ff4500;

}

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

.bg-primary{ background-color:var(--bs-main-color) !important; color:#fff;}

.bg-primary a{color:#fff;}

.bg-primary a:hover{ text-decoration:underline; color:#fff;}

body{ font-family:"PuHuiTi-Regular",Arial, Helvetica, sans-serif; font-size:0.85rem;overflow-x:hidden; color:#333; line-height:1.6}

.bold-tit{ font-family:"PuHuiTi-Bold";}

.medi-tit{ font-family:"PuHuiTi-Medium";}

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

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

.btn-orange{ background:var(--bs-main-color); color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:5px; font-size:14px; line-height:1}

.btn-orange:hover,.btn-orange.active{ background:#e16c09; color:#fff}



.form-control{font-size:0.85rem; }

.container{ max-width:1200px;}



.header{  z-index:30; width:100%;}



#navfix{ background:#fff;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}

.navbar {

    margin-bottom:10px;

    border-radius: 0;

	position:relative;	

}



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

.navbar-header{ padding:10px 0;}



.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}

.navbar-brand {

	height:auto;

}



.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position:absolute;

	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; font-size:14px; font-family:"PuHuiTi-Medium"; }

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



.main_menu > li{  height:80px; line-height:78px; margin:0 25px;}

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

.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; margin:0; padding:10px 0 10px 0;  display:none !important; font-size:12px; 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:#ee771c;}

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

.main_menu > li .pro-menu{position:absolute; left:0; top:calc(100% -5px); width:100%;background:#fff; border-top:1px solid #e0e0e0;  border-bottom:1px solid #e8e8e8;margin:0; padding:20px 0 20px 0;display:none !important; z-index:10}
.main_menu > li .pro-menu .d-flex div{ width:20%;}
.main_menu > li .pro-menu h5{color:var(--bs-main-color);font-family:"PuHuiTi-Bold"; font-size:17px; margin-top:10px; margin-bottom:15px;}
.main_menu > li .pro-menu h5 a{color:var(--bs-main-color);}
.main_menu > li .pro-menu ul{ margin:0 0 20px; padding:0;font-family:"PuHuiTi-Regular"; font-weight:12px;}
.main_menu > li .pro-menu li{ line-height:26px;}
.main_menu > li:hover .pro-menu{ display:block !important;}
.main_menu > li .pro-menu li a:hover{ font-weight:bold; 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;}

#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; color:#666; position:fixed !important}

#navfix.fixed-top .navbar-brand img{ height:45px; width:auto;}

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

.top.page-top{ background:#fff; color:#666;}

.top.page-top a{ color:#333;}

.top.page-top .navbar-brand img{ height:50px;}

.top.page-top .main_menu > li > a{ padding-top:8px; padding-bottom:10px;}



.topsearch{ font-size:12px; border:0; border-left:1px solid #ccc; color:#666; line-height:1; padding:0 5px 0 10px;}



/* search xiala */

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

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

	.home .searchtop i{color:#fff;}

	.search-send{ position:absolute; top:99.9%; right:-50px; background:#fff; padding:15px 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); width:300px; 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;}





#index-slide{/* height:calc(100vh - 120px)*/ position:relative;}

#index-slide .carousel-item{ background-color:#f7f7f7; background-size:cover; background-repeat:no-repeat;}

#index-slide  .carousel-item .container{ position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}

#index-slide .tx-caption { font-size:16px; line-height:1.8; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}



#homeslide .swiper-slide img

{

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#homeslide .swiper-pagination {  bottom:calc(4% + 10px);}

#homeslide .swiper-pagination-bullet{ background:#fff; opacity:0.8; }

#homeslide .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background: var(--bs-main-color);}

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

	opacity: 0.5;

	outline: none;

	width: 32px;

	height: 32px;	

	color:#fff;		

}

#homeslide .swiper-button-next:after, #homeslide .swiper-button-prev:after { font-size:24px;}

#homeslide .swiper-button-next{ right:calc(3% + 10px);}

#homeslide .swiper-button-prev{ left:calc(3% + 10px);}



.advitem{ position:relative; color:#666; padding-left:70px;}

.advitem .aicon{ position:absolute; top:0; left:0;}



.topicItem{ position:relative; padding-top:calc(256/380 * 100%); overflow:hidden;}

.topicItem img.big{ position:absolute; top:0; left:0; width:100%; height:100%;}

.topicItem h5{ position:absolute; top:15px; left:0; width:100%; text-align:center; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.3)}

.topicItem .catepy{ position:absolute; bottom:0; right:0; background:url(../images/sanjiaobg.png) no-repeat right top; width:134px; height:106px; text-align:center; }

.topicItem .catepy img{ position:absolute; bottom:6px; right:7px; max-height:50px; max-width:75px; }



.footer{ background:#222222 ;  color:#fff;  position:relative; font-size:12px; line-height:2}

.footer a{color:#fff;}

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

.fshare a{ font-size:14px; margin:0 7px 0 0; color:#fff; background:#262626; width:30px; height:30px; line-height:24px; text-align:center; border-radius:5px; display:inline-block;}

.fshare a.blue01{ background:#0077b5;}

.fshare a.blue02{ background:#3b5998;}

.fshare a.red01{ background:#bd081c;}

.fshare a.red02{ background:#cd201f;}

.fshare a.gray{ background:#69727d;}

.fshare a.green{ background:#1dba61;}

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



.contacticolist li{ position:relative; padding-left:25px; margin-bottom:1rem;}

.contacticolist li i{ position:absolute; top:0; left:0; color:#fff; font-size:16px; line-height:1.5}



.footer h5{ font-size:15px; color:#fff;}



.foot-black{ border-top:1px solid #363636;}



.hotItem{ position:relative; overflow:hidden; text-align:center; background:#8e569b; }

.hotItem .pic{ position:relative; overflow:hidden; margin-bottom:20px;}

.hotItem h4{ font-size:28px; color:var(--bs-main-color);}

.hotItem h4 a{ color:var(--bs-main-color);}

.hotItem a img{ max-width:100%}

.hotItem:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2); border:1px solid #918818}

a.btn{ display:inline-block; margin:0 auto; padding:5px 15px;border:1px solid #918818; color:#918818; font-size:14px;}

a.btn:hover{ border:1px solid var(--bs-main-color); color:var(--bs-main-color);}

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



  

.designTab{ 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.ico{ display:block; margin:0 auto 10px; width:60px; height:52px; background:url(../images/appico.png) no-repeat 0 0; opacity:0.6}

.designTab li span.ico.ico02{ background-position:-245px 0;}

.designTab li span.ico.ico03{ background-position:-490px 0;}

.designTab li span.ico.ico04{ background-position:-735px 0;}

.designTab li span.ico.ico05{ background-position:right 0;}



.designTab li span.name{color:#7f7f7f;  font-size:13px; padding-bottom:20px; position:relative;}



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

.designTab li.show span.ico,.designTab li:hover span.ico{ opacity:1}



.designTab li.show span.name{ }  



.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



.applicationIndex .tab-content .tabdiv { background:url(../images/app01bg.jpg) no-repeat right 0; background-size:613px 700px; padding:10% 0;}

.applicationIndex .pinfoleft{ max-width:360px;}

.applicationIndex .tab-content .tabdiv > div{ max-width:850px;}





    .articleItem{  position:relative;  margin:0 auto 30px;border:1px solid #eee;  background:#f2f2f2; text-align:left; }

    .articleItem .pic{ position:relative; padding-top:calc(413/605 * 100%); overflow:hidden;background:#eee;}

    .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:20px 0;color:#555; margin:0 18px;}

    .articleItem .content h4{ font-size:20px; line-height:1.5; margin-bottom:0}

	

    .articleItem .meta{color:#888; font-size:14px; position:relative;}

    .articleItem .meta .date{ display:inline-block; margin-right:20px;}

    .articleItem:hover{ box-shadow:3px 3px 7px #ccc;}

	

	.articleItem .squrelink{ position:absolute; top:-5px; right:20px; display:inline-block; width:32px; line-height:28px; height:32px; text-align:center; border:1px solid #ccc; color:#ccc;}

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



.explItem{ position:relative; overflow:hidden; background:#8e569b; text-align:center;}

.explItem .pic{ position:relative; overflow:hidden; margin-bottom:10px;}

.explItem h4{ font-size:20px; }

.explItem a img{ max-width:100%}



#footad{ background:url(../images/bluebg.jpg) no-repeat center 0; background-size:cover;}



/* pages */



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

.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.15); 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:capitalize;line-height:1.5;}

.page-banner a{ color:#fff;}

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







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

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

.page-contact-info h4{ font-size:14px; 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;}

.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:#e16c09;}

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



.orange-border-tit{ position:relative; padding-bottom:15px;}

.orange-border-tit:after{ content:""; position:absolute; left:50%; bottom:0; width:50px; height:2px; background-color:#e16c09; transform:translateX(-50%)}

.text-orange {

  color: #e16c09 !important;

}



.ad-col{ background-repeat:no-repeat; background-position:top center; background-size:cover; background-color:#f7f7f7; position:relative;}

.ad-col > div{ position:relative; z-index:1}

.ad-col.mask:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:0;}



.about-eq{ background:#ddeaf2 url(../images/about_07.jpg) no-repeat left top;}





.downitem{ margin-bottom:20px;}

.downitem .pic{ position:relative; border:1px solid #eee; margin-bottom:10px;}

.downitem .pic h5{ position:absolute; bottom:0; left:0; width:100%; background:url(../images/ddtbg.png) no-repeat 0 0; background-size:cover; text-align:right; font-size:14px; padding:0 10px ; margin:0; height:40px; line-height:36px;}



.hnitem{ margin-bottom:20px;}

.hnitem .pic{ position:relative; background:#fff; margin-bottom:15px; padding-top:100%;}

.hnitem .pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%;}

.hnitem .pic .tag{ position:absolute; top:15px; right:15px; width:36px; height:36px; line-height:36px; border-radius:50%; text-align:center; font-size:12px; background:var(--bs-main-color); color:#fff;}

.hnitem h5{ font-size:16px; text-align:center;}

.hnitem:hover .pic{ box-shadow:0 0 15px rgba(0,0,0,0.1);}



.proItem{ margin-bottom:10px; text-align:center;box-shadow:0 0 15px rgba(0,0,0,0.1); background:#fff; border-radius:5px;}

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

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

.proItem h5{ font-size:16px;}

.proItem:hover{ box-shadow:0 0 15px rgba(255,51,0,0.1);}



.sideNav{ padding:0; margin:10px 0; list-style:none;}
.sideNav > li{ padding:0; margin:0; position:relative; border-bottom:1px solid #e8e8e8; border-left:1px solid #f8f9fa;}
.sideNav li > ul{ position:absolute; top:-1px; left:100%; background:#fff; padding:0 15px 10px; display:none; border:1px solid #e8e8e8; z-index:99}
.sideNav li > ul li{padding:0; margin:0; white-space:nowrap; list-style:none; position:relative;}
.sideNav li > ul li:nth-child(1) a:before{ content:""; position:absolute; left:-16px; top:0; background:#fff; width:2px; height:100%;}
.sideNav li a{ display:block; padding:8px 2px 8px 5px;}
.sideNav li a i{ position:absolute; top:7px; right:5px; color:#ccc;}
.sideNav > li:hover{ border-left:1px solid #e8e8e8;}
.sideNav > li:nth-child(1){border-top:1px solid #f8f9fa;}
.sideNav > li:nth-child(1):hover{border-top:1px solid #e8e8e8;}
.sideNav > li:hover a{ background:#fff;}
.sideNav > li:hover ul{display:block;}

	

.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:var(--bs-main-color);  color:#fff; padding:4px 12px; border-radius:12px; 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 5px; display:inline-block; color:#888; font-size:24px;}

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



.prolink{ color:var(--bs-main-color);}

.prolink i{ font-weight:bold; font-size:120%;}

.prolink:hover i{ display:inline-block;transform:translateX(5px);}



.indexForm {

  max-width: 1000px;

  margin: 0 auto;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: 0 0 7px #ccc;

  padding: 3.5rem 6% 2rem;

  font-size: 14px;

  border-radius: 5px;

}





/* product details */

.detail-nav{border-top:1px solid #e8e8e8; background:#fff; box-shadow:0 15px 20px -5px rgba(0,0,0,0.1)}

.detail-nav .nav{ }

.detail-nav .nav li{ margin-right:2.5rem;}

.detail-nav .nav a{font-size:18px; padding:1.5rem 0 1.4rem; color:#555; border-bottom:3px solid #fff;}

.detail-nav .nav a:hover{ color:#e16c09;}

.detail-nav .nav li.active a{ border-bottom:3px solid #e16c09; }

.detail-nav.sticky{

	position: sticky;

	top: 60px;

	z-index: 9;

}



/* product detail slide */



 #proslide {

        width: 100%;

		margin:30px;

		

      }

#proslide .swiper-wrapper{ }

  #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;

        width: 100%;

        height:auto;

      }  
.tips{ position:absolute; bottom:0; left:0; right:0; text-align:center; text-shadow:0 0 3px rgba(0,0,0,0.8); background:rgba(0,0,0,0.3); z-index:10; font-size:11px; color:#fff; padding:5px 0;}

.prothumbww{ padding:2px 60px; margin-bottom:30px; position:relative;}

	

  #prothumb .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #000;



        /* 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;

		border:2px solid #ccc;

		

      }

	 

   

      #prothumb .swiper-slide img { 

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;	

		

      }  

	  #prothumb .swiper-slide.swiper-slide-thumb-active {border:2px solid var(--bs-main-color);}

	  .prothumbww .swiper-button-prev,.prothumbww .swiper-button-next {



			outline: none;

			

			color:#ccc;	

			

		}

		.prothumbww .swiper-button-next:after, .prothumbww .swiper-rtl .swiper-button-prev:after,.prothumbww .swiper-button-next:after, .prothumbww .swiper-button-prev:after {

 font-size:16px;

}

		

		.prothumbww .swiper-button-prev:hover,.prothumbww .swiper-button-next:hover {			

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

		}

		

		.prothumbww .swiper-button-prev {

			left: 30px;

		}

		

		.prothumbww .swiper-button-next {

			right: 30px;

		}





/* end */



.prodes dl{ position:relative; padding-left:80px;}

.prodes dl dt{ position:absolute; top:0; left:0; font-weight:normal;}



.pdlink a{ display:inline-block; height:45px; padding:0 30px;}

.pdlink a.btn-red{ background:var(--bs-main-color); color:#fff; margin-right:20px;}

.pdlink a.btn-red:hover{background:var(--bs-main-color);}

.pdlink a.btn-border{ border:1px solid #ccc;}

.pdlink a.btn-border:hover{ border:1px solid #e16c09;}



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

}





.video-box{ position:relative; padding-top:calc(48/120 * 100%); overflow:hidden; }

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



.pageNav2{ text-align:left; box-shadow: 0 5px 5px rgba(0,0,0,0.08); font-family:"PuHuiTi-Medium"; font-size:1.05rem;}

.pageMenu{ padding:0; margin:0;}

.pageMenu li{ display:inline-block; position:relative; padding:2% 0; margin-right:30px;}

.pageMenu a{ padding:0 0; display:block; cursor:pointer;}

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

.pageMenu li.active:after{ content:" "; position:absolute; bottom:0; left:50%; margin-left:-30px; width:60px; height:2px; background-color:var(--bs-main-color);}

/*.pageMenu li.active a{pointer-events: none;}*/



.tab-content{ padding:4% 0;}

.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}





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

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

	

	}



	

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



	.top .main_menu > li > a {

	  padding-top: 8px;

	  padding-bottom: 10px;

	}

	.navbar-brand img{ max-height:50px;}

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



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

}



}

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