/**
   last modified: 2021-05-18 13:05
   last modified: 2023-04-17 
   v=120
**/
@font-face {
    font-family: 'robotoregular';
    src: ;
    src:  format('embedded-opentype'),
          format('woff'),
          format('truetype'),
          format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: ;
    src:  format('embedded-opentype'),
          format('woff'),
          format('truetype'),
          format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: ;
    src:  format('embedded-opentype'),
          format('woff'),
          format('truetype'),
          format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'glyphicons halflings';
  src: ;
  src:  format('embedded-opentype'), 
  	    format('woff'), 
  	    format('truetype'), 
	    format('svg');
}

/*****common*******/
a{color:#ec894d; font-family: 'robotoregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';}
a:hover{color:#ec894d;}
h4, .h4 {font-size: 16px;}
h1,h2,h3,h4{font-family: 'robotomedium', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';}
h3, .h3 {font-size: 20px;}
p {margin: 10px 0 10px;}
.parag{margin-bottom:10px;}
.row {
	margin-top: 10px;
}

.btn-primary{
  background-color: #f26c4f !important;
  background-image: -webkit-linear-gradient(top,#f26c4f 0,#f26c4f 100%);
  background-image: linear-gradient(to bottom,#f26c4f 0,#f26c4f 100%);
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fff26c4f', endcolorstr='#fff26c4f', gradienttype=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #f26c4f;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
  border-color: #f26c4f;
}

.form-horizontal .control-label{
  text-align:left;
  font-weight:normal;
  margin:0 0 5px 0;
}

label, button{font-family: 'robotomedium', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';}

.btn, .form-control{border-radius: 3px;} 

.breadcrumb {
  font-family: 'robotoregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
  border-bottom: 3px solid #ddd;
  background-color: inherit;
  border-radius:0;
  padding: 0;
  color:#222;
}
.breadcrumb li{
  float:left;
  padding:8px 2px;
}

.breadcrumb{
  padding-left:0 !important;
}

//.breadcrumb li a{
//  color: #666; 
//}
         
.breadcrumb > li:last-child a, .breadcrumb > li > a:hover{
  color: #ec894d;
  text-decoration:none;
}
 /*****end common******/
.navbar {
	margin-bottom: 0px;
}
	

.navbar-brand{ 
	height:auto; text-shadow: 0 1px 0 rgba(0,0,0,.25)
}
.navbar-brand img{
	
}
.navbar-nav {
	float: right;
	margin: 0;
}
.navbar-default .navbar-toggle {
	border: 0px;
	background-color:transparent;
}
.navbar-default{
	background-image: -webkit-linear-gradient(top,#252a2b 0,#222222 100%);
	background-image: linear-gradient(to bottom,#252a2b 0,#222222 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff252a2b', endcolorstr='#ff222222', gradienttype=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
    background-color:#252a2b;
}


.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover{
	padding: 15px 15px 10px 0;
	line-height:17px;
	color:#f8f8f8;
	font-family: 'robotoregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
   color: #afb4b5;
   font-family: 'roboto_condensedregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
   text-shadow:none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #4d5556;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
	color: #ec894d;
}

.navbar-nav .open .dropdown-menu{
	border-bottom:1px solid #4d5556;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   background-color: transparent;
   border:none;
   color: #ec894d;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a {
   color:#fff;
   background-color: #ec894d;
   text-shadow: none;
   background-image: -webkit-linear-gradient(top,#ec894d 0,#ec894d 100%);
   background-image: linear-gradient(to bottom,#ec894d 0,#ec894d 100%);
}

.navbar-default .navbar-toggle:hover >.icon-bar, .navbar-default .navbar-toggle:focus >.icon-bar{
	background-color:  #ec894d;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-image: none;
    background-color: inherit;
	color: inherit;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu > li:hover > a {
	background-image: -webkit-linear-gradient(top,#ec894d 0,#e98040 100%);
	background-image: linear-gradient(to bottom,#ec894d 0,#e98040 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffec894d', endcolorstr='#ffe98040', gradienttype=0);
	background-color: #ec894d;
	color:#fff !important;
}

.dropdown-menu > li.active > a{
	color:#ec894d !important;
}

.navbar-nav .open .dropdown-menu {
  
}

.navbar-brand{
	font-size:14px;
	color:#fbfbfb;
}

.header.container{
	margin-top:0;
	
}

.footermenu ul{
   padding:0px 10px;
}

.footermenu li{
   display: inline-block;
   padding:0px 8px;
   border-right:1px solid #9d9d9d;
   line-height: 14px;
   margin:0 0 8px 0;
}

.footermenu li a{
   color: #9d9d9d;
}

.footermenu li:last-child{
   border:none;
}

.footermenu li a:hover{
   color: #ec894d; text-decoration:none;
}

.footermenu ul:nth-child(2) { 
  border-top:1px dotted #4d5556;
  width:90%; margin:0 auto;
  padding:10px 0 0 0;
}
         
html {
   position: relative;
   min-height: 100%;
}

body {
   /* margin bottom by footer height */
   min-height: 300px;
   /*no footer: margin-bottom: 230px;*/
}

#footer {
   /*position: absolute*/
   /*bottom: 0;*/
   width: 100%;
   /* set the fixed height of the footer here 
   height: 200px;
   */ 
}

.funcfootercnt{
   border-top: solid 5px #4d5556;
   background-color: #363839;
   padding: 10px 15px;
}
.ct{
   font-size:24px;
}

.cdesktop {
   margin:5px 0;
}
.cdesktop a{
   color:#ec894d;
}

.list-group{
  box-shadow:none;
  -webkit-box-shadow:none;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: -1px;
  background-color:#f5f5f5;
  border: 1px solid #ddd;
}

.list-group-item:hover, .list-group-item:hover > a:hover, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus, .list-group-item.active > a, .list-group-item.active:hover > a, .list-group-item.active:focus > a{
  background: #ec894d;
  border-color:#ddd;
  text-shadow:none;
  color: white;
}

.list-group-item a{
  font-size:14px;
  font-family: 'robotomedium', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
  color: #394041;
  display:block;
  padding:10px 15px;
}
.list-group-item a:hover{
  color: #ec894d;
  text-decoration:none;
}

.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.subcat .list-group{
  border-radius: 0px;
  background-color:#f5f5f5;
  margin:0;
}

.subcat .list-group-item.active, .subcat .list-group-item:hover, .subcat .list-group-item.active a, .subcat .list-group-item a:hover{
  background-color:#f5f5f5;
  color: #ec894d;
}

.subcat .list-group-item a{
  padding: 8px 15px;
  color:#666;
}

.subcat .list-group-item{
  margin: 0 auto;
  width: 95%;
  border-width: 1px 0 0 0;
  border-style: dotted ;
  border-color:#ccc;
  /*background:inherit;*/
}

.subcat .list-group-item:first-child{
  border-width:0;
}

.container {
  /*margin-top:20px;*/
}

.newsdetail img{margin:10px 0;}

.newslist .row{
  border-bottom:1px dotted #ccc;
  padding:0 0 15px 0;
  margin:10px 0;
 }

.media>.pull-left {
  margin-right: 20px;
}

.media img{
  /*border:3px solid #ccc;*/
}


.icpcert a{
  color: #9d9d9d;
 }
 
.docfile .row{
  border-bottom:1px dotted #ccc;
  padding:0 0 15px 0;
  margin:10px 0;
 }
 
.docfile p{
  margin:0 0 10px 0;
}

.docfile .col-md-1 img{
  display:block;
}

 /*****searchbox*******/
 .form-inline .searchbox.form-group {
 
}

.csearchbox{margin-bottom: 20px; padding-top:10px; padding-bottom: 10px;background-color: #f5f5f5;border-bottom: 1px solid #ddd;-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

.searchbox .col-xs-8{
  padding-left:0;
  padding-right: 0;
}

.searchbox .col-xs-4{
  
}
/*****searchbox end******/

/*****proddetail******/
.proddetail .row h4{
   font-size:15px;
   margin-top:30px;
   margin-bottom:15px;
   border-bottom:1px dotted #ccc;
   padding:0 0 10px 0;
}

/*****contact page ******/
.fpcontactinfo {margin-top: 10px;}
.fpcontactinfo ul{list-style-type: none;}
.fpcontactinfo li{margin: 10px 0;}
.fpcontactinfo li a{color: #333; etxt-decoration:underline;}
.fpcontactinfo li.ccompanyname{margin: 0 0 10px 0;font-size:16px;font-family: 'robotomedium', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';}
.fpcontactinfo li span{margin-right:15px;}
/*****contact page end******/

 /*****thumbnail*******/
 firstpage .thumbnail{}
.thumbnail {border: 1px solid #dedede;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height:200px;}
.fpthumb{width: 100%;text-align: center;vertical-align: middle;min-height: 200px; display: table!important;}
.fpthumb a{display: table-cell;text-align: center;vertical-align: middle;}
.thumbnail .caption a{font-size: 15px;font-family: 'robotomedium', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';color: #333;}
.thumbnail .caption a:hover{color:#ec894d; text-decoration:none;}
.prodthumbimg{width: 100%;text-align: center;vertical-align: middle;min-height: 120px; display: table!important;}
.prodthumbimg a{display: table-cell;text-align: center;vertical-align: middle;}
.prodthumbimg .cnotext{display: table-cell;text-align: center;vertical-align: middle; border-bottom:1px dotted #ddd;}
.proddetail .prodthumbimg{width: 100%;text-align: center;vertical-align: middle;min-height: 180px; display: table!important;}
.proddetail .prodthumbimg a{display: table-cell;text-align: center;vertical-align: middle;}
//.proddetail  ul, .proddetail ol{padding-left:20px;}
/*.proddetail .prodthumbimg{display: table-cell; text-align: center;vertical-align: middle;}*/

 /*****end thumbnail******/

/****pagination *******/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus ,.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	background-color:#ec894d;
	border-color: #e7722b;
	color:#fff;
} 
.pagination>li>a, .pagination>li>span, .pagination>li>a, .pagination>li>span{
	color:#4d5556;

}
 
.cback2top a{color: #666; background: top center no-repeat;padding-top:10px; margin:20px 0 15px 0;  display: inline-block;}
.cback2top a:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.ccontactbuffer{margin: 30px 0 20px 0; border-top: 1px dotted #ccc;}
.cnomessage{min-height:60px;}
    
/*
 * style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* prevent scroll on narrow devices */
  background: #f0f0f0;
}


/*
 * off canvas
 * --------------------------------------------------
 */
 
@media screen and (min-width: 1200px) {
   .proddetail .prodthumbimg{width: 100%;text-align: center;vertical-align: middle;min-height: 230px; display: table!important;}
   .proddetail .prodthumbimg a{display: table-cell;text-align: center;vertical-align: middle;}
}

@media screen and (min-width: 900px) {
	.navbar-brand{
		font-size:16px;
	}
	
}


@media screen and (max-width: 550px) {
	.fpthumb{min-height:120px}
	.form-group {margin-bottom: 8px;}
	
	.thumbnail {
	border: 1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 130px;
	}
	
}
@media screen and (max-width: 767px) {
	
	.navbar-nav{
	  padding-right:0 !important;
	}
	
	navbar-default .navbar-brand{
		font-size:16px;
	}
	.docfile .col-xs-11{
		margin:0 0 20px 0;
	 }
	 
	.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
     	padding: 15px 10px 10px 0;
	}
	
	
	.parag .col-xs-12 img{margin:0 0 10px 0;}
	.breadcrumb li a{ /*color: #222;*/ font-size:14px;}
   
    
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
		font-family: 'roboto_condensedregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
		color:#ec894d;
		background-color: inherit;
	}
	
   .navbar-default .navbar-nav .open .dropdown-menu>li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li:hover > a{
	   color: #ec894d !important;
	   font-family: 'roboto_condensedregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
	 }
   
   .navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:#bbb !important;
		font-family: 'roboto_condensedregular', arial, "helvetica neue", helvetica, 'hiragino sans gb','microsoft yahei';
	}
   
   .navbar {
	margin-bottom: 0px;
   }
	
  .row-offcanvas {
    position: relative;
    //-webkit-transition: all .25s ease-out;
    //   -moz-transition: all .25s ease-out;
    //        transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 100%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 100%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%; /* 6 columns */
   
  }
  
  .navbar-nav{
    width:100%;
  }
   
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
	 padding-right: 0;
    padding-left: 0;
  }
	
  .navbar-header .col-xs-2{
	 margin-top:5px;
	 padding-right:5px;
  }
	
	.navbar-collapse{
 	border:none;
	}
	
	.container{
		/*margin-top:20px;*/
	}
	
	.navbar-toggle{
		margin-right:0;
	}
	

	.navbar-default .navbar-nav>.active>a {
		background-image: -webkit-linear-gradient(top,#000000 0,#000000 100%);
		background-image: linear-gradient(to bottom,#000000 0,#000000 100%);
		background-repeat: repeat-x;
		filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff000000', endcolorstr='#ff000000', gradienttype=0);
		-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
		box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
		color:#ec894d;
	}

}

/* added 2018-04*/
img {
   max-width:100%;
}

/* 2023-04 */
.navbar-header .col-xs-10{
	display: flex;
	align-items: center;
   justify-content: start;
}