/* CSS Document */

.top-1{ background: #111111; font-size: 12px; color: #ffffff;}
.top-l-ico{ color: #e60012; margin-right: 10px;}
.top-1-l{ float: left; line-height: 30px;}
.top-1-r{ float: right;}
.top-1-r-con { float:right;}
.top-1-mail,.top-1-tel{ line-height: 30px;}
.top-l-ico{ font-size: 14px;}

.top-1-r-con{ margin-left: 15px;}

.banner{ position: relative;}
.top-2{ position: absolute; z-index: 100; width: 100%; background: rgba(255,255,255,0.6);}
#top-nav .top-2{ position: relative;}
.top-2-language{ margin-top: 1em;}
.top-2-language ul{ text-align: right;}
.top-2-language ul li{ list-style: none; display: inline-block; margin-right: 8px;}
.top-2-language ul li a{ display: block; color: #ffffff; font-size: 12px; width: 84px; text-align: center; line-height: 22px;}
.top-2-language ul li a:hover{ text-decoration: none;}
.top-2-language ul li a.languge-cn{ background: #7d7d7d;}
.top-2-language ul li a.languge-en{ background: #f10b0b;}
.top-nav{ min-height: none; margin-bottom: 0; background: none; border: none;}

.top-nav .navbar-brand{ height: auto; padding: 10px 0;}
.top-nav .navbar-right { margin-top: 0px; }
.top-nav .navbar-nav>li>a { padding-top: 18px; padding-bottom: 18px;color: #333333;}
.top-nav .nav>li>a:focus, .top-nav .nav>li>a:hover {
    text-decoration: none;
    background: none;
	color: #af0504;
}
.top-nav .nav .open>a, .top-nav .nav .open>a:focus, .top-nav .nav .open>a:hover {
    text-decoration: none;
    background: none;
	color: #af0504;
}
.top-nav .navbar-right .dropdown-menu {
    right: 0;
    left: -50%;
}
.top-nav .dropdown-menu>li>a {
	text-align: center;
	padding: 5px 0;
}
.top-nav .navbar-toggle {
    border-color: #ddd;
    margin-top: 24px;
}
.top-nav .navbar-brand{ margin-top: -10px;}

.toper-1-language{ display: none; }
.toper-1-language .btn-language{ color: #ffffff; background-color: #b30504; border: none; border-radius:0; font-size: 12px;}
.toper-1-language .btn-language.active, .toper-1-language .btn-language:active, .open>.dropdown-toggle.btn-language {
    color: #ffffff;
	background-color: #b30504 !important;
    border:none;
}
.btn-language.active.focus,.btn-language.active:focus,.btn-language.active:hover,.btn-language:active.focus,.btn-language:active:focus,.btn-language:active:hover, .open>.btn-language.focus, .open>.btn-language:focus, .open>.btn-language:hover {
    color: #ffffff !important;
    background-color: none;
    border:none;
}

.toper-1-language .btn-language .icon-earth{ margin-right: 10px;}
.toper-1-language{ font-size: 12px;}
.toper-1-language .dropdown-menu {
	left: auto;
	right: 0;
	margin-top:0;
    font-size: 12px;
	background: rgba(255,255,255,0.6);
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.toper-1-language .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: #333;
    white-space: nowrap;
}
.toper-1-language .language-ico{
	margin-right: 10px;
}
.toper-1-language .dropdown-menu>li>a:focus, .toper-1-language .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #da0011;
}

.top-tilte{ text-align: center; margin-bottom: 20px;}
.top-tilte h2{ margin: 0; letter-spacing:3px; color: #000000;}
.top-tilte span{ color: #999999;}
.top-tilte hr{ border: 0; padding: 0; margin: 0 auto; width: 57px; border-top: 4px solid #af0504; margin-top: 1px;}
#index-pro{ margin-top: 3.5em;}
.index-pro-con .item{ padding: 0 1px;}
.index-pro-conner{ display: block; position: relative;}
.index-pro-img{ width: 100%;}
.index-pro-conner .index-pro-title{ position: absolute; bottom: 0; background: rgba(0,0,0,0.55); width: 100%; color: #ffffff; padding: 20px 36px;}
.index-pro-conner .index-pro-title h4{ font-size: 22px;opacity: 0.7;}
.index-pro-conner .index-pro-title hr{border: 0; padding: 0; margin: 0; width: 40px; border-top: 6px solid #af0504; margin-bottom: 17px; margin-top: 10px;}
.index-pro-conner .index-pro-title span{ border: 1px solid #ffffff; color: #ffffff; display: inline-block; padding: 0 25px; font-size: 14px; line-height: 28px; opacity: 0.7; }
.index-pro-conner .index-pro-conner-bg{ position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.index-pro-conner:hover .index-pro-title h4{ opacity: 1;}
.index-pro-conner:hover .index-pro-title span{ opacity: 1; border: 1px solid #af0504; color: #af0504;  }
.index-pro-conner:hover .index-pro-conner-bg{ opacity: 0;}

.index-pro-con{ position: relative;}
.index-pro-con .customNavigation{
  position: absolute; 
	top:50%;
	width: 100%;
	margin-top: -60px;
}
.index-pro-con .customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.index-pro-con .pro-btn{ font-size: 30px; cursor: pointer; text-decoration: none; padding: 36px 8px; background: rgba(0,0,0,0.8); color: #ffffff; position: absolute; z-index: 1000; opacity: 0.8;}
.index-pro-con .pro-btn:hover{ text-decoration: none; opacity: 0.9;}
.index-pro-con .prev{ left: 1px;}
.index-pro-con .next{ right: 1px;}

#index-about{ margin-top:3.5em;}
.index-about-l{ width: 57%; float: left;}
.index-about-r{ width: 43%; float: right; padding-left: 30px;}
.index-about-title{ padding-top: 40px; padding-left: 40px; position: relative;}
.index-about-title:before{ content: ""; content: url("../images/about-title-ico_11.png") ; position: absolute; top: 0; left: 0;}
.index-about-title h2{ color: #000000; margin: 0; padding: 0; margin-bottom: 5px;}
.index-about-title span{ color: #af0504; font-size: 24px; display: block; padding-left: 28px;}
.index-about-conner{ padding-left: 96px;}
.index-about-more{ margin-top: 2em;}
.index-about-more a{ display: block; width: 126px; height: 39px; line-height: 39px; text-align: center; background: #af0504; color: #ffffff;}
.index-about-more a:hover{ text-decoration: none;}
#index-adv{ margin-top: 4.4em;}
#index-adv img{ width: 100%;}
#index-adv .index-adv-1{ display: block;}
#index-adv .index-adv-2{ display: none;}

#index-news{ margin-top: 3.5em;}
.index-news-conner ul li{ list-style: none; width: 50%; float: left; margin-bottom: 25px;}
.index-news-conner ul li:nth-of-type(odd){ padding-right: 25px;}
.index-news-conner ul li:nth-of-type(even){ padding-left: 25px;}
.index-news-conner ul li a:hover{ text-decoration: none;}
.index-news-conner ul li a:hover .index-news-title{ text-decoration: none; color: #af0504;}
.index-news-conner ul li a{ display: block; position: relative; min-height: 120px;}
.index-news-conner .index-news-time{ width: 96px; background: #af0504; color: #ffffff; text-align: center; position: absolute; left: 0; top: 0;  padding-left: 9px; padding-right: 9px;}
.index-news-conner .index-news-time h1{ padding: 15px 3px; margin: 0; font-weight: bolder; }
.index-news-conner .index-news-time span{ display: block; border-top: 1px solid rgba(255,255,255,0.55); font-size: 18px; color: #ffffff; padding: 10px 3px 12px; }

.index-news-conner .index-news-txt{ padding-left: 120px;}
.index-news-conner .index-news-title{ font-size: 18px; font-weight: bold; color: #333333; padding: 10px 0;}
.index-news-conner .index-news-txt-con{ line-height: 24px; color: #333333; position: relative;}
.index-news-conner .index-news-txt-con .index-new-view{ position: absolute; right: 0; bottom: 0; color: #af0504; display: block;}

.index-news-conner .index-news-fgx{ margin: 0 ;padding: 0; border: 0; border-bottom: 1px solid #ededed; margin-top: 15px;}

#foot{ background: #000000; padding-top: 3.2em; margin-top: 5.6em;}
.foot-1{ }
.foot-title{ color: #ffffff; font-size: 18px; margin-bottom: 5px;}
.foot-title hr{ margin: 0; padding: 0; border: 0;}
.foot-title .hr1{ width: 36px; border-bottom: 3px solid #b10200; position: relative; z-index: 1; margin-top: 5px;}
.foot-title .hr2{ width: 100%; max-width: 96px; border-bottom: 1px solid #404040; margin-top: -1px;}
.foot-nav{ width: 15%; float: left; padding-right: 20px;}
.foot-conner ul li{ list-style: none;}
.foot-conner ul li a{  color: #ffffff; line-height: 24px; color: #cccccc;}
.foot-conner ul li a:hover{  text-decoration: none; color: #f1f1f1;}
.foot-contact{ float: right; width: 25%; color: #cccccc; padding: 0 5px 0 5%; background: url(../images/foot-fgx_18.jpg) no-repeat; background-position: 0 20px;}

.foot-link{ margin-top: 0.5em;}
.foot-link ul li{ list-style: none; display: inline-block; margin-right: 2%;}
.foot-link ul li a.foot-link{ display:block; width: 40px; height: 40px; background: url(../images/foot-ico.png); opacity: 0.8;}
.foot-link ul li a.foot-link:hover{ opacity: 1;}
.foot-link ul li a.foot-ico-twitter{ background-position: 0,0;}
.foot-link ul li a.foot-ico-wx{ background-position: -40px,0;}
.foot-link ul li a.foot-ico-qq{ background-position: -80px,0;}
.foot-link ul li a.foot-ico-youtube{ background-position: -120px,0;}
.foot-copyright{ margin-top: 3em; color: #cccccc; text-align: center; border-top: 1px solid rgba(255,255,255,0.3); padding: 0.7em 0;}
.foot-copyright a{ color: #cccccc; }
.foot-copyright a:hover{text-decoration: none; color: #ae1f21; }

#banner-img{ position: relative;}
.banner-image{ width: 100%;}
#ban-nav{ position: absolute; bottom: 0; width: 100%;}
#ban-nav .container{
	position: relative;
	padding-left: 45px;
	padding-right: 45px;
}

#ban-nav  .navbar {
	border:none;
	margin-bottom:0px;
	min-height: inherit;
}
#ban-nav .navbar-default {
    background:none;
    border-color: #e7e7e7;
}
#ban-nav  .ban-nav-con{
	
    background:rgba(17,17,17,0.95);

}
#ban-nav  .navbar .container .navbar-collapse .nav-justified{


}
#ban-nav .container > .navbar-header{
	text-align:center;
}
#ban-nav .navbar-toggle{
	float:none;
	border:none;
	padding:15px 0;
	width:100%;
	margin:0;
}
#ban-nav .navbar-toggle .icon-bar{
	margin-left:auto;
	margin-right:auto;
}
.ban-nav-pills > li > a:hover, .ban-nav-pills > li > a:focus {
    color: #ffffff !important;
	opacity: 1;
    background: #ad0600;
}
.ban-nav-pills > li.active > a, .ban-nav-pills > li.active > a:hover, .ban-nav-pills > li.active > a:focus {
    color: #fff !important;
	opacity: 1;
    background: #ad0600;
}

.ban-nav-pills > li > a {
     border-radius: 0px; 
	 padding:16px 15px;
	 color: #ffffff !important;
	opacity: 0.6;
}
#ban-nav  .navbar-collapse{
	padding:0;
}
#ban-nav .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ad0600;
}
#ban-nav .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

#contain{ margin-top: 2.5em;}
.about-factory{ background: #ededed; margin-bottom: 2em;}

.about-factory-con{ padding-top:3em; padding-bottom:3em;  }
.about-factory-conner{ position:relative;}
.about-factory-conner #owl-demo{ padding:0 60px; position: relative;z-index: 2;}
.about-factory-conner #owl-demo .item{ text-align:center; padding: 7px; display: block;}
.about-factory-conner .customNavigation{ position: absolute; top: 50%; width: 100%; margin-top: -20px;}
.about-factory-conner .customNavigation .btn-cust{ cursor:pointer; font-size: 20px; color: #ffffff; width: 40px; height: 40px; background: #b10200; border-radius: 20px;padding: 10px;}
.about-factory-conner .customNavigation .btn-cust:hover{ text-decoration: none;}
.about-factory-conner .customNavigation .prev{ float: left; position: relative; z-index: 3; }
.about-factory-conner .customNavigation .next{ float: right; position: relative; z-index: 3;}

.container-conner{ padding:0 45px;}
.sale-img{background: url(../images/sale-bg_03.jpg) no-repeat center ; margin-bottom: 2em; }
.sale-img-con{ padding-top:3em; padding-bottom:3em; text-align: center;  }

.news-conner ul li{ list-style: none; margin-bottom: 25px;}
.news-conner ul li a:hover{ text-decoration: none;}
.news-conner ul li a:hover .index-news-title{ text-decoration: none; color: #af0504;}
.news-conner ul li a{ display: block; position: relative; min-height: 120px;}
.news-conner .index-news-time{ width: 96px; background: #af0504; color: #ffffff; text-align: center; position: absolute; left: 0; top: 0;  padding-left: 9px; padding-right: 9px;}
.news-conner .index-news-time h1{ padding: 15px 3px; margin: 0; font-weight: bolder; }
.news-conner .index-news-time span{ display: block; border-top: 1px solid rgba(255,255,255,0.55); font-size: 18px; color: #ffffff; padding: 10px 3px 12px; }

.news-conner .index-news-txt{ padding-left: 120px;}
.news-conner .index-news-title{ font-size: 18px; font-weight: bold; color: #333333; padding: 10px 0;}
.news-conner .index-news-txt-con{ line-height: 24px; color: #333333; position: relative;}
.news-conner .index-news-txt-con .index-new-view{ position: absolute; right: 0; bottom: 0; color: #af0504; display: block;}

.news-conner .index-news-fgx{ margin: 0 ;padding: 0; border: 0; border-bottom: 1px solid #ededed; margin-top: 15px;}

.news-view-title{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 16px 16px; margin-bottom: 1em;}
.news-view-title h3{ float: left; padding: 0; margin: 0;}
.news-view-time{ text-align: right; float: right;}
.news-view-conner{ padding: 0 15px;}

.job-title{ background: #ededed; color: #111111; padding: 10px 15px;}
.job-title .td{ text-align: center; font-size: 16px; }
.job-con .td{ text-align: center; font-size: 14px;}
.job-con .td1{ text-align: left; }
.panel-group {
    padding: 0 15px;
}
.panel {
	border: 0;
	border-bottom: 1px solid #f2f2f2;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: auto;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0px;
}

.panel-heading {
  border-radius: 0;
  border: none;
  color: #333333;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #333333;
  padding: 15px;
  position: relative;
  font-weight: 400;
}

.panel-title a:hover,.panel-title a:active, .panel-title a:visited, .panel-title a:focus {
	text-decoration: none;
}

.panel-title a:hover .job-con .td4,.panel-title a:active .job-con .td4, .panel-title a:visited .job-con .td4, .panel-title a:focus .job-con .td4 {
	color: #ad0600;
}
.panel-heading.active .panel-title .job-con .td4 {
 color: #ad0600;
}
.panel-body {
  background: #fafafa;
}


#ban-nav  .navbar {
	border:none;
	margin-bottom:0px;
	min-height: inherit;
}
#ban-nav .navbar-default {
    background:none;
    border-color: #e7e7e7;
}
#ban-nav  .ban-nav-con{
	
    background:rgba(17,17,17,0.95);

}
#ban-nav  .navbar .container .navbar-collapse .nav-justified{


}
#ban-nav .container > .navbar-header{
	text-align:center;
}
#ban-nav .navbar-toggle{
	float:none;
	border:none;
	padding:15px 0;
	width:100%;
	margin:0;
}
#ban-nav .navbar-toggle .icon-bar{
	margin-left:auto;
	margin-right:auto;
}
.ban-nav-pills .item > a:hover, .ban-nav-pills  .item > a:focus {
    color: #ffffff !important;
	opacity: 1;
    background: #ad0600;
	text-decoration: none;
}
.ban-nav-pills  .item.active > a, .ban-nav-pills  .item.active > a:hover, .ban-nav-pills  .item.active > a:focus {
    color: #fff !important;
	opacity: 1;
    background: #ad0600;
	text-decoration: none;
}

.ban-nav-pills .item > a {
     border-radius: 0px; 
	 padding:16px 15px;
	 color: #ffffff !important;
	opacity: 0.6;
	display: block;
	text-align: center;
}
#ban-nav  .navbar-collapse{
	padding:0;
}
#ban-nav .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ad0600;
}
#ban-nav .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#ban-nav .owl-pagination{ display: none;}
#ban-nav .owl-controls{ margin-top: 0;}
#ban-nav .customNavigation{ position: absolute; width: 100%; left: 0px;}
#ban-nav .customNavigation .btn-cust{ cursor:pointer; font-size: 20px; color: #ad0600; width: 44px; height: 58px; background: rgba(17,17,17,0.95); border-radius: 0px;padding:20px 12px;}
#ban-nav .customNavigation .btn-cust:hover{ text-decoration: none;}
#ban-nav .customNavigation .prev{ float: left; position: relative; z-index: 3; }
#ban-nav .customNavigation .next{ float: right; position: relative; z-index: 3;}

.pro-con {
	width: 33.3%;
    float: left;
	background:#ffffff;
	padding:0 15px 30px 15px;
}
.pro-con a {
	display:block;
	background: #eeeeee;
	padding-bottom: 1.5em;
}
.pro-con a:hover{
	-moz-box-shadow: 0px 0px 10px #e3e3e3; /* 老的 Firefox */
	box-shadow: 0px 0px 10px #e3e3e3;
	text-decoration: none;
}
.pro-con .pro-img{
	padding-top:0px;
	padding-bottom:10px;
	text-align: center;
}
.pro-con a h4{
	font-size: 16px;
	color: #111111;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 3px 15px;
}
.pro-con a span {
    color: #333333;
    padding: 3px 15px;
    display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	line-height:24px;
	margin:0;
}
.pro-con a:hover h4 {
    text-decoration: none;
	color: #ae1f21;
	

}
.pro-con a:hover span {
    text-decoration: none;

}

.clear1{ display:block;}
.clear2{ display:none;}

.pro-view-img{margin-bottom: 2em;}
.pro-detail-title{ border-bottom: 1px solid #f0ebeb; padding-bottom: 10px; margin-bottom: 1em;}
.pro-detail-title h2{ color: #1111111; float: left;}
.pro-detail-title .pro-detail-back{ float: right;margin-top: 15px;margin-bottom: 10px;}
.pro-detail-title .pro-detail-back a{ display: block; width: 93px; height: 38px; line-height: 38px; text-align: center; background: #eeeeee; border: 1px solid #cccccc; border-radius: 19px;}
.pro-detail-title .pro-detail-back a:hover{ text-decoration: none; color: #ae1f21;}
.pro-detail-conner{border-bottom: 1px solid #f0ebeb; padding-bottom: 3em; margin-bottom: 1.5em;}
.pro-share{}
@media screen and (max-width: 1500px){
	.index-pro-conner .index-pro-title h4{ font-size: 18px;}
}
@media screen and (max-width: 1024px){
	#ban-nav{ position: relative; bottom: 0; width: 100%;}
	#ban-nav .container{
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
}
}

@media screen and (max-width: 992px){
	.top-1-mail{ display: none;}
	.top-nav .navbar-brand img{width: 200px;}
	.top-nav .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
	text-align: center;
}
}

@media screen and (max-width: 767px){
.top-nav .navbar-toggle {
    margin-top: 10px;
	margin-right: 0;
}
.top-2{ position: relative;}
.top-nav .navbar-brand{ margin-top: 5px;}
.toper-1-language{ display: block;margin-right: -15px;}
	.top-2-language{ display: none;}
	.top-nav .open .dropdown-menu .dropdown-header, .top-nav .open .dropdown-menu>li>a{
		 text-align: center;
    	padding: 5px 0;
		font-size: 12px;
	}
	.navbar-nav .open .dropdown-menu {

    background-color: #eeeeee !important;
}
	#index-about{ margin-top:0em;}
	.index-about-l{ width: 100%; float: none;}
.index-about-r{ width: 100%; float: none; padding-left: 96px; margin-top: 2em;}
	.index-news-conner ul li{ width: 100%; float: none;}
	.index-news-conner ul li:nth-of-type(odd){ padding-right: 0px;}
.index-news-conner ul li:nth-of-type(even){ padding-left: 0px;}
	.foot-title hr{ margin-left: auto; margin-right: auto; display: block;}
	.foot-nav{ display: none;}
	.foot-contact{ float: none; width: 100%; text-align: center; padding: 0 15px; background: none;}
	
	.news-view-title h3{ float: none; padding: 0; margin: 0;}
.news-view-time{ text-align: left; float: none; margin-top: 5px;}
	
	#ban-nav .customNavigation{display: none;}
}


@media screen and (max-width: 680px){
.index-about-r{ width: 100%; float: none; padding-left: 0px; margin-top: 2em;}
	#index-about{ margin-top:2em;}
	.index-about-title{ text-align: center; margin-bottom: 20px; padding-left: 0; padding-top: 0;}
.index-about-title:before{ display: none;}
.index-about-title h2{ margin: 0; letter-spacing:3px; color: #000000;}
.index-about-title span{ color: #999999;font-size: 14px; padding-left: 0;}
.index-about-title:after{ content: ""; border: 0; padding: 0; margin: 0 auto; width: 57px; height: 4px; background:#af0504; display: block;}
.index-about-conner{ padding-left: 0px;}
	
	#index-adv .index-adv-1{ display: none;}
#index-adv .index-adv-2{ display: block;}
	
	.container-conner{ padding:0 30px;}
	
	.pro-con{ width:50%; padding: 0 5px 20px 5px;}
	.clear1{ display:none;}
	.clear2{ display:block;}
}
@media screen and (max-width: 510px){
	.top-1-r{ float: none;}
	.top-1-l{ display: none;}
	.top-1-tel{ float: left;}
	
}