@font-face {
font-family: PoppinsBold;
src: url('../fonts/Poppins-Bold.ttf')
}
@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;

}
[class^="bi-"]::before, [class*=" bi-"]::before {
    vertical-align: middle;
}
:root{
--bs-main-color:#da251e;	
}
body{ font-family:"PoppinsRegular",Arial, Helvetica, sans-serif; font-size:0.875rem;overflow-x:hidden; color:#333; line-height:1.6}
.bold-tit{ font-family:"PoppinsBold";}
.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-red{ background:var(--bs-main-color); color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:14px;}
.btn-red:hover,.btn-red.active{ background:var(--bs-main-color); color:#fff}
.btn-primary{ background:var(--bs-main-color); border-color:var(--bs-main-color);color:#fff}
.btn-primary:hover{ background:#333; border-color:#333;}

.btn-red-outline{ background:#fff; color:#999; border:1px solid #ccc; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:12px;}
.btn-red-outline:hover{ background:var(--bs-main-color); color:#fff; border:1px solid var(--bs-main-color); }

.text-red{color:var(--bs-main-color);}
.fs-16{ font-size:16px;}
.fs-18{ font-size:18px;}

.container{ max-width:1300px;}

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

#navfix{ background-color:#fff;}
.home #navfix{ background-color:transparent; position:absolute; top:0; left:50%; width:100%; transform:translate(-50%,0); z-index:10;}
.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 .img1{
	display:inline-block;
}
.navbar-brand .img2{
	display:none;
}
.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; }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{  height:80px; line-height:78px; margin:0 20px;position:relative;}
.main_menu > li > a{ color:#333; display:block; text-transform:uppercase; white-space:nowrap; }
.home .main_menu > li > a{ color:#fff; }
.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 #ddd; border-bottom:0; margin:0; padding:0;  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; position:relative; border-bottom:1px solid #ddd;}
.main_menu li > ul  li a{ padding:10px 0 10px 20px;float:none; display:block; white-space:nowrap; color:#555; line-height:1.5;}
.main_menu li > ul  li a:hover,.main_menu li > ul  li:hover > a{ color:#fff; background:#444; }
.main_menu > li:hover > .nav-sub{ display:block !important;}

.main_menu > li > .nav-sub li ul{ position:absolute; top:-1px; left:100%; min-width:200px; background:#fff; border:1px solid #ddd; border-bottom:0; display:none !important;  z-index:10}
.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; color:#666;box-shadow: 0 3px 3px rgba(0,0,0,0.05); position:fixed !important}
#navfix.fixed-top .navbar-brand img{ height:45px;}
#navfix.fixed-top .main_menu > li{  height:60px; line-height:58px;}
#navfix.fixed-top .main_menu > li > a{color:#333;}
.top.page-top{ background:#fff; color:#666;}
.top.page-top a{ color:#333;}
.top.page-top .navbar-brand img{ height:40px;}
.top.page-top .main_menu > li > a{ padding-top:8px; padding-bottom:10px;}

#navfix.fixed-top .navbar-brand .img1{
	display:none;
}
#navfix.fixed-top .navbar-brand .img2{
	display:inline-block;
}

/* language xiala */
.topLanguage{position:relative; display:inline-block; z-index:10000 }
	.topLanguage i{ font-size:16px; cursor:pointer; line-height:56px;}
	.home .topLanguage i{ color:#fff;}
	.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; }
	.home .searchtop i{color:#fff;}
	.search-send{ position:absolute; top:99.9%; right:0; 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;}
	
#navfix.fixed-top .searchtop i,#navfix.fixed-top .topLanguage i{ 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 { font-size:42px; line-height:1.2; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:90%; 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)}



.footer{ background:#434343 ;  color:#fff;  position:relative; padding-top:15px;}
.footer a{ color:#fff;}
.footer a:hover{ color:var(--bs-main-color); }


.foot-menu{ position:relative;}
.footShare{ }
.footShare a{ display:inline-block; margin:0 15px 0 2px;  width:30px; height:30px; text-align:center;transition:none; }
.footShare a:hover{transition:none;}

.weixinico{ background:url(../images/weixinico.png) no-repeat 0 0; width:30px; height:28px; display:block; background-size:100%;}
a:hover .weixinico{ background-position:0 -29.5px;}
.videoico{ background:url(../images/videoico.png) no-repeat 0 0; width:30px; height:29px; display:block; background-size:100%;}
a:hover .videoico{ background-position:0 -30px;}
.douyinico{ background:url(../images/douyinico.png) no-repeat 0 0; width:30px; height:29px; display:block; background-size:100%;}
a:hover .douyinico{ background-position:0 -30px;}


.foot-widget h4{ font-size:16px; margin-bottom:25px; font-weight:bold;}
.foot-widget li{ padding:6px 0}

.head-double{ position:relative; padding:1rem 0;}
.head-double h2{font-size:42px; text-transform:capitalize; color:#222; line-height:1.6; font-weight:bold;}
.head-double .subtitle{ font-size:18px; text-transform:capitalize; color:var(--bs-main-color); line-height:1.2;  margin-bottom:0.5rem; padding-left:12px; border-left:2px solid var(--bs-main-color); display:inline-block; }

.left-line-ma{ position:relative; padding-left:2%; line-height:1 !important; display:inline-block;}
.left-line-ma:before{ content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:var(--bs-main-color);}


.slimg{ position:relative; margin:0 auto 20px auto;max-width:372px;}
.slimg .sp{ max-width:372px;}
.slimg .st{ position:absolute; color:#fff; width:43%; right:15px; top:50%; transform:translateY(-50%)}

.counter-home{background:url(../images/bgcar.jpg) no-repeat center 0; background-size:cover; color:#fff; position:relative;}

.owl-carousel-cer .item .pic img,#cerimgs .item .pic img{ max-width:120px; display:block; margin:0 auto; width:auto;}


/* news */
    .articleItem{  position:relative;  margin:0 auto 25px; text-align:left; font-size:14px;}
    .articleItem .pic{ position:relative; padding-top:calc(279/412 * 100%); overflow:hidden;background:#eee;}
    .articleItem .pic img{ position:absolute; top:0; left:0; width:100%;
    -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.06,1.06);}
    .articleItem .content{ background:#f8f8f8; padding:20px 20px 5%;position:relative;}
    .articleItem .content h4{ line-height:1.2; margin-bottom:0; font-size:18px;}

    .articleItem.big{  position:relative;  margin:0 auto 0; text-align:left; font-size:16px;}
    .articleItem.big .content{ background:#fff; padding:20px 0 0;position:relative;}
    .articleItem.big .content h4{ line-height:1.2; margin-bottom:0; font-size:21px;}

/* pages */

.page-banner{padding-top:calc(45/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:100%}
.page-banner .container .inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.page-banner h2{ font-size:42px; text-transform:uppercase;line-height:1.5; display:none;}
.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);}

.ls2{ letter-spacing:3px;}

.page-contact-info{ color:#666; padding-bottom:2.5%; }
.page-contact-info p{ min-height:30px; line-height:1.8; margin:5px 0 20px; position:relative; padding-left:45px;}
.page-contact-info p span{ position:absolute; top:0; left:0; width:32px; }

.bfix{ position:relative;}
.bfix label{ position:absolute; top:5px; left:10px; color:#888;}

.contact-form .form-control{ font-size:0.8rem; border-radius:0; }
.bfix .form-control{ padding-left:60px !important;}

.icos{ display:block; width:32px; height:32px; background:url(../images/contact_03.png) no-repeat 0 0;transition:none;-webkit-transition:none;    -moz-transition: none;    -o-transition: none;}
.icos.ico01{ background-position:0 0;}
.icos.ico02{ background-position:0 -55px;}
.icos.ico03{  background-position:0 -108px;}
.icos.ico04{ background-position:0 -159px;}
.icos.ico05{  background-position:0 -208px;}


.qcimg img{ max-width:220px;}

.entry-header{ border-bottom:1px solid #ddd; margin-bottom:30px;}
.entry-title{ text-align:center; margin:1rem auto 15px; font-size:32px;}
.entry-info{ text-align:center; margin:15px auto 20px; color:#646464; font-size:14px;}

.entry-content{ max-width:1050px; margin:0 auto;color:#646464; line-height:1.8; font-size:16px;}
.entry-content p{ margin-bottom:25px;}

.app-home{ overflow:hidden; position:relative; background:#000; margin-bottom:30px;}
.app-home h4{ position:absolute; left:5%; bottom:20px; font-size:24px;  color:#fff; max-width:300px; padding-top:17px; }
.app-home h4:before{ content:""; position:absolute; left:0; top:0; width:40px; height:2px;background-color:var(--bs-main-color);}
.app-home img{ max-width:100%;}
.app-home a img{ opacity:0.75;}
.app-home a:hover img{ opacity:1;}

.tit-border-bottom{ position:relative; padding-bottom:15px;}
.tit-border-bottom:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:3px; 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);
}

#shuju-about .item:not(:last-child){ border-right:1px solid #333;}

.pro-pages-item{ position:relative; text-align:center; border:1px solid #aaa; background:#fff; margin-bottom:30px;}
.pro-pages-item a{ display:block;}
.pro-pages-item .pic{  text-align:center; padding:0 7% 2%; padding-top:90%; position:relative; overflow:hidden;}
.pro-pages-item .pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:auto; width:75%;}
.pro-pages-item .txt{  padding:15px 5% 25px 5%;}
.pro-pages-item .txt h4{font-size:16px;}
.pro-pages-item .txt p{ margin:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.pageNav2{ text-align:left; background-color:#f4f4f4;}
.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);}


.shadow-locaction {
  box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.15);
  height:5px;
  background:#fff;
}

.prolistItem{ background:#f7f7f7;margin:0 0 3rem;}
.prolistItem .pic{ position:relative; overflow:hidden; text-align:center; padding:1.5rem 3rem; min-height:300px;}
.prolistItem .pic img{ max-width:100%;}
.prolistItem .content{ padding:30px 20px 35px 40px; border-top:1px solid #ccc}
.prolistItem .content h3{ font-size:20px; margin-bottom:20px; position:relative;}
.prolistItem .content h3:before{ content:""; position:absolute; top:0; left:-20px; border-left:2px solid var(--bs-main-color); height:100%;}
.prolistItem .content .meta{  margin-bottom:15px; line-height:1.2}
.prolistItem .content p{ font-size:14px; line-height:1.8}

/* product details */

/* product detail slide */

.picFocus{ position: relative; overflow: hidden; padding: 0 0 15px 0;margin:0 auto;}
.picFocus .bigImg{position: relative; margin:0 auto; padding:0; }
.picFocus .bigImg li{position: relative;  margin:0 auto 0; padding:0;list-style:none; text-align:center;}
.picFocus .bigImg li img{ vertical-align:middle;  margin: 0 auto; padding: 0; max-width:100% }
.picFocus .smallScroll{ position:relative; padding-bottom:20px; }
.picFocus .sPrev,.picFocus .sNext{  display: block; width: 34px; font-size:22px; line-height:1; color:var(--bs-main-color); margin:0 auto; position:absolute; left:0; margin-left:40px;}
.picFocus .sPrev{ top:0;}
.picFocus .sNext{ bottom:0;}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:var(--bs-main-color);}
.picFocus .smallImg{  overflow: hidden; padding-top:35px; padding-bottom:5px; width:105px; }
.picFocus .smallImg ul{ overflow: hidden; margin:0; padding:0; }
.picFocus .smallImg ul * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.picFocus .smallImg li{  cursor:pointer; margin:0 auto 15px; list-style:none; width:102px; border: 1px solid #ccc; text-align:center;}
.picFocus .smallImg img{  max-width:100%;  margin: 0; padding: 0;  }
.picFocus .smallImg li.on { border: 1px solid var(--bs-main-color); }

/* end */

.prodes{ line-height:1.8; padding:3% 0 4% 0; border-top:1px solid #ddd;}

.pro-info{ margin:0 auto; }
.pro-info h1{ margin-top:1%; margin-bottom:1%; color:#000; }
.pro-info p{ line-height:1.6;margin-bottom:1%;}
.pro-info .linkto{ display:block;}
.pro-info .linkto a{ display:inline-block; font-size:13px; padding:5px 15px; background:#fedc09;color:#fff; margin-right:15px; margin-bottom:15px;}
.pro-info .linkto a i{ font-size:18px; margin-right:5px;}
.pro-info .linkto a:hover{ background:#fab702; color:#fff;}

.pro-des{ border-top:1px solid #ddd;}
.pro-des .pdTit{ display:inline-block; border-top:2px solid #fedc09; padding-top:12px; font-size:16px; margin-left:12px;}


.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{ 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: 1.25rem; }

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

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

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



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


/* history */

.history-line{ position:relative;}
.history-line:before{ content:""; position:absolute; left:50%; top:30px; bottom:30px; border-left:1px solid #ddd; }
.history-line ul{ margin:0; padding:0; list-style:none; color:#666;}
.history-line li.lc{ width:calc(50% - 50px); padding:10px 0; position:relative;}
.history-line li.lc:before{ content:""; position:absolute; right:-57px; top:60px; width:14px; height:14px; border:1px solid #999; background:#fff; border-radius:50%; z-index:2;}
.history-line li.lc:after{ content:""; position:absolute; right:-53px; top:64px; width:6px; height:6px; background:#555; border-radius:50%; z-index:3;}
.history-line li.lc-left{ margin:0 auto 0 0 ; text-align:right; padding-left:140px;}
.history-line li.lc-right{ margin:0 0 0 auto; text-align:left;padding-right:140px;}
.history-line li.lc.lc-right:before{ content:""; position:absolute; left:-57px; right:auto; top:60px; width:14px; height:14px; border:1px solid #999; background:#fff; border-radius:50%; z-index:2;}
.history-line li.lc.lc-right:after{ content:""; position:absolute; left:-53px; right:auto; top:64px; width:6px; height:6px; background:#555; border-radius:50%; z-index:3;}
.history-line ul li:first-child{ padding-bottom:60px;}
.history-line ul li:last-child{ padding-top:60px;}
.history-line li .year{ font-size:38px; color:#333;}
.history-line li.lc .hsimg{ position:absolute; top:10px; left:0; border-radius:50%; width:120px; height:120px; overflow:hidden;}
.history-line li.lc.lc-right .hsimg{top:10px; left:auto; right:0;}
.history-line li.lc .hsimg img{ max-width:100%;}

.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;font-family:"PoppinsMedium";}
#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);}


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

@media screen and (max-width: 640px){
.proCatInfo{ padding-bottom:50%}
.picFocus .smallImg li{ width:50px; margin-bottom:10px;}
.qcimg { max-width:42%;}.qcimg img{ max-width:100%;}	}
	
	@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;
}
.pdf-item {
  flex:0 1 50%;
}

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