@charset "utf-8";
/* CSS Document */


/*header*/
.container{ width: inherit; padding-left: 5%; padding-right: 5%;}

#header, #index_header{ background: none;}
.lan{ display: none}
.head{ margin: 0; padding: 0;}
.navbar-nav{ margin: 0;}
.navbar-default .navbar-nav>li>a{ color: #4A4A4A; padding-top: 0; padding-bottom: 0; line-height: 90px; border-left: 1px solid #E9E9E9; font-size: 18px; font-weight: bold; padding-left: 30px; padding-right: 30px;}
.navbar-default .navbar-nav>li:last-child>a{border-right: 1px solid #E9E9E9;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #8A2632;
	font-weight: bold;
}


#qsearch{ width: 25%; padding-top: 1%;}
#company_logo{ padding-top: 4%;}



/*main*/
.main{ background: url(../images/bg.png) 100px 250px no-repeat;}
.container2{max-width: 1170px; margin: 0 auto;}
#content .breadcrumb{ display: none;}
#mainbanner{ margin: 0;}
.main_breadcrumb{ border: 1px solid #CFCFCF; border-left: 0; border-right: 0;}
.breadcrumb{ margin: 15px 0; padding: 0; background: none; }
.breadcrumb a{ color: #333333; font-size: 15px; font-weight: bold;}
.breadcrumb li:first-child a{ display: inline-block; text-indent: -999px; background: url(../images/home.png) left top no-repeat; width: 22px; height: 18px; overflow: hidden;}
.breadcrumb>li+li:before{ content: ">"; display: inline-block; }
.breadcrumb li a span{ display: none}

.page-header{border-bottom: 0; margin-bottom: 0; margin-top: 58px;}
.page-header h1{ font-size: 24px; color:#8A2632;  font-weight: bold; border-left: 8px solid #8A2632; padding-left: 15px;}
.page-header h1 span{ display: block; font-weight: normal; color:#5F5F5F; font-size: 20px; }

/*sidemenu*/
#sidebar{ padding-left: 15px; padding-right: 15px;}
#sidebar .nav-header{ font-size: 20px; color: #790C19}
#side_menu .nav-list{ border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF}
#side_menu .nav-list li{ margin: 0; border-bottom: 1px solid #CFCFCF}
#side_menu .nav-list li a{ background: #FFFFFF; color: #4A4A4A; position: relative}
#side_menu .nav-list li a:hover, #side_menu .nav-list li a.active{ background-color:#8A2632; color: #FFFFFF; }
#side_menu .nav-list li a::after{ content: '\f0d7'; font-family:'FontAwesome'; position: absolute; right: 10%;}
#sidebar .nav-list li a span, .cate-name a span{ display: none;}
#side_menu .nav-list .collapse.in{ background: #FFFFFF; padding: 0;}
#side_menu .nav-list .collapse.in li{ line-height: 2.5em;}
#side_menu .nav-list .collapse.in li a{ padding-left: 25px; color: #4A4A4A}
#side_menu .collapse.in li a:before, #side_menu .collapse.in li a::after{ display: none}
#side_menu .nav-list .collapse.in li a:hover, #side_menu .nav-list .collapse.in li a.active { background: none; color: #8A2632}
#side_menu .nav-list .collapse.in li:last-child{ border-bottom: 0;}



/*products list*/
.showsmall{ display: block;}
.container_product .page-header{ display: block;}
.container_product .page-header2{ display: none}

.thumbnails{ overflow: hidden; margin-top: 5%;}
.thumbnail .listimg{
background-color: #D8D8D8;
background-image: linear-gradient(180deg, #D8D8D8 0%, #FFFFFF 100%);
border: 0;	
	
}
.thumbnail .listimg a{ display: block; padding: 35px; border:1px solid #E9E9E9; outline: 2px solid rgba(255,255,255,0);  }
.thumbnail .listimg a:hover{ border: 1px solid #FF0004; outline: 2px solid #B60016 }
.cate-name a, .cate-name-more a{ font-size: 18px; font-weight: bold; color: #4A4A4A; text-align: left;}
.cate-name a:hover, .cate-name-more a:hover{ color:#B60016}




/*products*/
.container_product .page-header3{ display: none;}
#content .txtNormal h5{ background: #353535; font-size: 15px; font-weight: bold;}

.pro_title{  border-left: 8px solid #8A2632; padding-left: 15px; margin-top: 8%;}
.pro-name{font-size: 24px; color:#8A2632;  font-weight: bold;}
.pro-no{color:#5F5F5F; font-size: 20px; }

#pb_area{ overflow: hidden;}
.pro_ct{ margin-top: 5%;}
.bimgarea{ width: 80%; float: left; background-color: #f4f4f4; background-image: linear-gradient(90deg, #f4f4f4 0%, #D8D8D8 100%); padding: 25px;}
.bimgarea a{ display: block; text-align: center; }
.showsmall{ float: right; overflow: hidden; width: 17%; margin-left: 3% }
.showsmall li{ float: none; text-align: center; margin-bottom: 5px;}
.showsmall .popup-gallery{ }
.showsmall .popup-gallery a{ width: 104px; height: 104px; display: block; margin: 12px auto;overflow: hidden;border: 1px solid #ADADAD; outline: 2px solid rgba(255,255,255,0.00); background-color: #f4f4f4;
    background-image: linear-gradient(90deg, #f4f4f4 0%, #D8D8D8 100%);}
.showsmall .popup-gallery a:hover{ border: 1px solid #B60016; outline: 2px solid #B60016}
.showsmall li img{ width: auto; max-height:80px; margin: 0; padding: 0; padding-top: 16px;}
.swiper-product .swiper-slide{background-color: #f4f4f4; background-image: linear-gradient(90deg, #f4f4f4 0%, #D8D8D8 100%); padding: 15px 0;}

.txtNormal p, .txtNormal ul li, .txtNormal ol li{ font-size: 15px; line-height: 2em;}


/*news*/
.table-bordered thead{ display: none;}




/*footer*/
#footer, .footer_copyright{ background: none; color: #4A4A4A; border-top: 1px solid #E9E9E9}
#footer a, .footer_copyright a{ color: #4A4A4A}
.footer_copyright .text-right:before{ display: none;}
.ftbar .nav-pills li#t2, .ftbar .nav-pills li#t4{ display: block;}
.footer_copyright .text-right a{ display: inline-block; float: none;}
#cominfo h6{ display: inline-block; width: 40%; vertical-align: top; padding-top: 2.5%;}
#cominfo h6 span{ display: none;}
#cominfo .nav-stacked{ display: inline-block; width: 59%;}
#cominfo .nav-stacked li{ display: block;}

#footer .ftbar{ padding-left: 10px; border-left: 1px solid #979797; width: auto; height:auto;} 
.ftbar .nav-pills li{ font-size: 15px; padding-top: 3px; padding-bottom: 3px;}
#footer .nav>li>a:hover, #footer .nav>li>a:focus {
    text-decoration: none;
    background: none;
	color:#8A2632;
}



/*index*/
#index_company .text-left_com{ display: none;}
#index_company p{ margin: 0;}
#index_com{ background: url(../images/index_com_bg.jpg) center top no-repeat; overflow: hidden;}
#index_com h1{ margin: 0;}
.index_com_title{ width: 30%; display: inline-block; vertical-align: top; padding-top: 9.25em; }
.index_com_title h1{ color:#FFBC00; font-size: 24px; font-weight: bold;}
.index_com_title h2{ color: #FFFFFF;font-size: 18px; text-align: left; margin-top: 2%;}
#index_com p{ width: 69.5%; display: inline-block; font-size: 16px; font-weight: bold; line-height: 2em; padding-top: 6.25em; padding-bottom: 6.25em; color: rgba(255,255,255,1.00)}

.index_prolist h3, #index_container #index_product h3 a{ margin-top: 7%; margin-bottom: 3%; font-size:24px; color: #55370B; font-weight: bold;}
.index_prolist h3 span, #index_product h3 span{ display: block; color: #979797; font-size: 18px; font-weight: normal; padding-top: 0.5%;}
.slider1 .slide>a{ width: 245px; height: 245px; background-color: #FAD961;background-image: linear-gradient(180deg, #FAD961 0%, #F76B1C 100%); border-radius: 50%; display: block; overflow: hidden; text-align: center; border: 1px solid #CFCFCF}
.slider1 .slide img, #idxprocarousel .item img{ margin: auto; padding-top: 10%;}
#index_company .slider1 .slide p, #idxprocarousel .caption a{ font-size: 18px; margin-top: 10px; color: #4A4A4A; font-weight: bold;}
.bx-controls-direction{ display: block;}
.bx-wrapper .bx-controls-direction a{width: 34px; height: 63px;}
.bx-wrapper .bx-prev{ left: -50px; background: url(../images/L-arrow_b.png) left top no-repeat; }
.bx-wrapper .bx-next{ right:-50px;background: url(../images/R-arrow_b.png) left top no-repeat;}
.bx-wrapper .bx-prev:hover{ left: -50px; background: url(../images/L-arrow_r.png) left top no-repeat; }
.bx-wrapper .bx-next:hover{ right:-50px;background: url(../images/R-arrow_r.png) left top no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a{ width: 13px; height: 13px; background: #4A4A4A; border-radius:10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #B60016;
}
.jcarousel{ width: 100%; padding-left: 15px;}

#idxprocarousel{ margin-bottom: 10%}
#idxprocarousel .item{ height: inherit;}
#idxprocarousel .item a{width: 245px; height: 245px;border-radius: 50%; display: block; overflow: hidden; text-align: center; border: 1px solid #CFCFCF; margin-left: 15px; margin-right: 15px;}


#idxprocarousel a{width: 34px; height: 63px;text-indent: -999px; overflow: hidden; border: 0;}
.jcarousel-control-prev{ left: -15px; background: url(../images/L-arrow_b.png) left top no-repeat; }
.jcarousel-control-next{right:-15px;background: url(../images/R-arrow_b.png) left top no-repeat;}
.jcarousel-control-prev:hover{ left: -15px; background: url(../images/L-arrow_r.png) left top no-repeat; }
.jcarousel-control-next:hover{right:-15px;background: url(../images/R-arrow_r.png) left top no-repeat;}



/*respensive*/
@media screen and (max-width: 1200px) {
	#header .visible-xs{
		display: block!important;
		position: absolute;
		left: 3%;
		top: 35%;
		width: 10%;
	}
	.head .hidden-xs, .lan{
		display: none;
	}
	
	#company_logo{ padding-top: 5%;
	padding-bottom: 5%;}

.head .col-md-3{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 25%;
	}
.container2{ padding-left: 3%; padding-right: 3%;}
#cominfo{ width:100%}
	#sidebar{ padding-left: 0; padding-right: 0;}
	

	/*left menu*/
.sb-slidebar{ background: #D7D7D7}
#left_menu a{ color: #55370B}
#left_menu .nav-list li:nth-child(2), #left_menu .nav-list li:last-child{ display: none}
#left_menu .form-search{ background: none}
#left_menu input#kwd{ color: #55370B; border-color: #A6A6A6;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
	border-color: #A6A6A6;}
	
	
	#left_menu .sb-menu a:hover, #left_menu .sb-menu a:focus, #left_menu .sb-menu .active{ background: #55370B}
	#left_menu .sb-menu li ul li a{ padding-left: 30px}
		#left_menu .sb-menu li ul li a{ background: #FFFFFF;}
	#left_menu .sb-menu li ul li ul li a{ padding-left: 46px;}
	#left_menu .sb-menu li ul li.active>a.active{ background: #AF956E;}
	#left_menu .sb-menu li ul li ul li a:hover
	#left_menu .sb-menu li ul li ul li a:hover, #left_menu .sb-menu li ul li ul li.active>a.active{ background: #fff; color: #AF956E}
	
	
	
}

@media screen and (max-width: 1023px) {
	
	.head .col-md-3{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 25%;
	}
	#header, #index_header{
		padding-top: 1%;
		padding-bottom: 1%;
	}
	.container{
		width: inherit;
	}
	.side_menu{display: none;}
	.main .thumbnails{
		padding: 0;
	}
	#content .thumbnails .catelist{
		width: 33%;
		display: inline-block;
		text-align: center;
	}
	.listimg{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	
	
}


@media screen and (max-width: 991px) {
	#cominfo{ width: 70%;}
	#copyright{ text-align: center;}
	#footlink{ text-align: center;}
	#footlink p{ float: none; display: inline-block; margin: 0; vertical-align: top;}
	#footlink .nav-pills{ float: none; display: inline-block;vertical-align: top;}
	.footer_copyright .text-right{ text-align: center; margin-top: 0;}
}
@media screen and (max-width: 980px) {
/*	header*/
	
	
	
	
/*	footer*/	

}
@media screen and (max-width: 880px) {
	#footer .ftbar{ margin-right: 0; overflow: hidden}
	
/*	index*/
	.bx-wrapper{ padding-left: 5%; padding-right: 5%;}
	.bx-wrapper .bx-prev{ left: 0;}
	.bx-wrapper .bx-next{ right: 0;}
	#idxprocarousel{ padding-right: 35px;}
}
@media screen and (max-width: 786px) {
	#cominfo{ width: 65%; overflow: hidden}
	#cominfo h6, #cominfo .nav-stacked{ width: 100%;}
	#cominfo .nav-stacked{ padding-left: 39px;}
	.footer_copyright{ margin-top: 20px}
}

@media screen and (max-width: 767px) {
	#footer .ftbar{ margin-right: 0;}
}

@media screen and (max-width: 767px) {
	.pro_ct .hidden-xs{ display: block!important;}
	
}
@media screen and (max-width: 737px) {
	.pro_ct .hidden-xs{ display: none!important;}
	.swiper-product{ text-align: center;}
}

@media screen and (max-width: 678px) {
	.head .col-md-3{ width: 50%}
	.container2{ padding-left:6%; padding-right: 6%;}
	
	
	#footer .ftbar{ margin-top: 53px;}
	.qr_code { margin-top: 40px;}
	#footer .ftbar{ display: none;}
/*	index*/
	#index_com{ background-size: cover;}
	.index_com_title{ display: block; width: 100%; padding-top: 10%;}
	#index_com p{ padding-top: 5%; padding-bottom: 10%; display: block; width: 100%;}
	.bx-wrapper{ padding-left: 7%; padding-right: 7%;}
	
}

@media screen and (max-width: 667px) {
	.head .col-md-3{
		width: 40%;
	}
	
	.index_banner, .banner_in{
		margin-top: 0;
	}
	#content .thumbnails .catelist{
		width: 49%;
	}
	
	
	
	
}
@media screen and (max-width: 537px) {
	#cominfo{ width: 100%;}
	.qr_code{ text-align: left;}

}
@media screen and (max-width: 480px) {
	.head .col-md-3 {
    width: 100%;
}
	#company_logo{ text-align: center;}

	
}
@media screen and (max-width: 414px) {	
	
	#content .thumbnails .catelist{
		width: 100%;
	}
	
/*	index*/
	.slide {margin-left: 30px;}
	.slider1 .slide>a, idxprocarousel .item a{ width: 230px; height: 230px;}
	#idxprocarousel{ padding-right: 0;}
	.jcarousel li{ margin-right: 60px;}
	.jcarousel li .item{ margin-bottom: 15px;}
	#idxprocarousel .caption{ padding-left: 60px;}
	
}
@media screen and (max-width: 360px) {
	.slider1 .slide>a, #idxprocarousel .item a{ width: 200px; height: 200px;}
	.slider1 .slide img, #idxprocarousel .item img{ padding-top: 2%;}
	.slide { margin-left: 22px;}
}