@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:#e77918;	

}

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{ margin-top:10px; }



.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}

.navbar-brand {

	height:auto;

}
.navbar-brand img{ max-width:150px;}
.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-header {
  margin-top: 0;
}

#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:20px !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;}