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

body, h1, h2, h3, h4, h5, h6, div, header, footer, p, a, strong, span{
	font-family: "source-han-serif-sc", "Microsoft Yahei" !important;
}
h1, h2, h3, h4, h5, h6{
	color:#333;
}

.mt_60{margin-top: 60px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_40{margin-bottom: 40px !important;}
.mb_60{margin-bottom: 60px !important;}
.bn{background: transparent !important;}

.pr_0{padding-right:0 !important;}

header{background: #ae0e16; width: 100%; }
.top_box{
	border-bottom: 1px solid #ba3239; 
	color:#cd8385;
}
.top_box01_01{
	border-right: 1px solid #ba3239; 
	line-height: 51px; 
}
.top_box01_01_left{
	float: left;
}
.top_box01_01_left li{ 
	float: left;
	line-height: 51px; 
	border-left: 1px solid #ba3239; 
	padding: 0 28px; 
	font-size: 12px; 
}
.top_box01_01_left li i{
	color:#efde74; 
	font-size: 14px; 
	margin-right: 5px;
}
.search_box{
	float: right;
	width: 24.57627118644068%;
	position: relative;
}
.search_box input{
	line-height: 51px;
	background: transparent; 
	border-bottom: 0; 
	border-top: 0;
	color:#cd8385; 
}

.search_input{
	width: 100%; 
	padding-left: 26px;
	border-left: 1px solid #ba3239;
	border-right: 1px solid #ba3239; 
}
.search_input:focus{
	outline:none;
}
.search_btn{
	position: absolute;
	top: 0;
	right: 0; 
	width:51px; 
	border:0 none;
}
.search_box .fa-search{
	color:#fff;
	font-size: 14px; 
	position: absolute; 
	top: 20px;
	right: 20px;
}

.search_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #cd8385; opacity:1; 
}

.search_box input:-moz-placeholder { /* Mozilla Firefox 19+ */
color: #cd8385;opacity:1;
}

.search_box input:-ms-input-placeholder{
color: #cd8385;opacity:1;
}

.search_box input::-webkit-input-placeholder{
color: #cd8385;opacity:1;
}


.navbar{
	min-height: 150px; 
	margin-bottom: 0;
}
.navbar-default{
	background-color:transparent !important;
	border:0 none !important;
}
.navbar-brand{
	height: auto;
	overflow: hidden;
	padding:35px 0;
}
.navbar-nav{
	float: right;
}
.navbar-default .navbar-nav{
	padding: 50px 0 !important;
}
.navbar-default .navbar-nav > li{
	
}
.navbar-default .navbar-nav > li > a{
	color:#fff !important; 
	font-size: 16px !important;
	padding:15px 0;
	margin: 0 27px;
	border-top: 1px solid #ae0e16 !important;
	border-bottom: 1px solid #ae0e16 !important;
}
.navbar-default .navbar-nav > li:last-child a{
	margin-right: 0;
}
.navbar-default .navbar-nav > li.active > a{
	color:#e8c96a !important;
	border-top: 1px solid #e8c96a !important;
	border-bottom: 1px solid #e8c96a !important;
	background: transparent !important;

}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color:#e8c96a !important;
	border-top: 1px solid #e8c96a !important;
	border-bottom: 1px solid #e8c96a !important;
	background: transparent !important;
}


.bs-slide{
height:550px;
}

.slider_box{
	min-height: 192px;
}
.heading{
 text-align: center;
}
.heading img{
	margin: 0 auto;
}

.subheading{
margin-top: 0;
color: #fff;
font-size:48px;
font-weight: 300;
text-shadow: -3px 3px 8px rgba(0,0,0,0.75);
}


.subheading img{
	margin: 0 auto;
}

.bootslider-variableheight .bs-controls{
	position: absolute; 
	top: 0; 
	margin: 0 auto; 
	width: 100%;
}
.btn-group > .bs-next{
	float: right;
}
.btn-group{
	top: 240px;
}

.btn.btn-primary{background-color: transparent; border-color: transparent;}
.btn.btn-primary:hover{background-color: transparent; border-color: transparent;}
.btn.btn-primary:active{background-color: transparent; border-color: transparent;}
.btn.btn-primary:visited{background-color: transparent; border-color: transparent;}
.btn.btn-primary:visit{background-color: transparent; border-color: transparent;}


#parallax1{
background-image: url(img/parallax-slide-1.jpg); 
}
#parallax2{
background-image: url(img/parallax-slide-2.jpg);
}


.main_titile_b{
	background: url(../images/main_icon01.png) no-repeat center top; 
	padding-top:30px; 
	text-align:center;
	font-size: 24px;
}

.main_titile_b p{
	display: inline-block;
	position: relative;
}
.main_titile_b p:before{
	position: absolute;
	content:" ";
	width: 55px;
	height: 1px;
	background:#c1c1c1;
	top: 15px;
	left: -74px;
}
.main_titile_b p:after{
	position: absolute;
	content:" ";
	width: 55px;
	height: 1px;
	background:#c1c1c1;
	top: 15px;
	right: -74px;
}

.main_titile_w{
	background: url(../images/main_icon02.png) no-repeat center top; 
	padding-top:30px; 
	text-align:center;
	font-size: 24px;
	margin-bottom: 35px;
	margin-top: 0;
}

.main_titile_w p{
	display: inline-block;
	position: relative;
	color:#fff;
}
.main_titile_w p:before{
	position: absolute;
	content:" ";
	width: 55px;
	height: 1px;
	background:#c1c1c1;
	top: 15px;
	left: -74px;
}
.main_titile_w p:after{
	position: absolute;
	content:" ";
	width: 55px;
	height: 1px;
	background:#c1c1c1;
	top: 15px;
	right: -74px;
}


.flow_path_box{
	background:#ae0e16;
	padding: 60px 0;
	margin-top: 60px;
}

.flow_path_box02{
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #c6575c; 
	padding-bottom: 35px;
}

.flow_path_box02 dt{
	color:#fff; 
	float: left;
	width: 15.08474576271186%;
	margin-right: 5.084745762711864%;
	border-right: 1px solid #be3e45;
	font-size: 31px;
	line-height: 34px;
	font-weight: 300;
}

.flow_path_box02 dt span{ 
	font-size: 22px;
}

.flow_path_box02 dd{
	color:#fff; 
	float: left;
	width: 17.11864406779661%;
	font-weight: 300; 
	font-size:20px;
	line-height: 22px;
	position: relative; 
	margin-right: 2.372881355932203%;
	margin-top: 12px;
}

.flow_path_box02 dd p{
	float: left;
}
.flow_path_box02 dd span{
	float: left;	
	margin-left: 20px;
}

.flow_path_box02 dd:after {
	content: " ";
	position: absolute;
	background:url(../images/flow_icon05.png) no-repeat;
	width: 11px;
	height: 18px;
	top: 15px;
	right: 0;
}

.flow_path_box03 input{
	background:#fff;
	line-height: 36px;
	border:0 none;
}

.flow_path_box03 input:focus{
	outline: none;
}

.name_box{
	width: 31.81818181818182%;
	float: left;
}

.flow_path_box03 label{
	font-size: 18px;
	color:#fff;
	font-weight: 400; 
	float: left;
	margin-top: 5px;
}

.name_box label{
	width:20.71428571428571%;
}

.name_box input{
	width:79.28571428571429%;
	padding: 0 15px;
	float: left;
}

.add_box{
	width: 65.90909090909091%;
	margin-left: 2.272727272727273%;
	float: left;
}

.add_box .add_s{
	width:10%;
}

.add_box input{ 
	padding: 0 15px;
	float: left;
}

.add_box .add_input01
{
	width: 18.96551724137931%;

}
.add_box span{
	float: left;
	font-size: 18px;
	color:#fff;
	width: 6.896551724137931%;
	text-align: center;
	line-height: 36px;
	display:block;
}

.add_box .add_input02{
	width: 38.27586206896552%;
}

.need_box{
	width: 65.90909090909091%;
	margin-left: 2.272727272727273%;
	float: left;
}

.need_box .need{
	width:10%;
}

.need_box .checkbox01{
	float: left;
	margin:12px 0 0 0;
}

.need_box span{
	float: left;
	font-size: 18px;
	color:#fff;
	text-align: center; 
	display:block;
}

.need_box span.s01{
	width: 10.3448275862069%;
}

.need_box span.s02{
	width: 16.20689655172414%;
}

.need_box span input{
	width: 100%;
}

.need_box span label{
	float: none;
}

.add_input03{
	width: 24%;
	float: right;
	padding: 0 15px;
}

.flow_path_btn{
	display: block;
	background:#efde74;
	color:#222 !important;
	font-size: 24px;
	font-weight: 300;
	height: 82px;
	text-align: center;
	padding: 23px 0;
}
.flow_path_btn:hover{
	text-decoration: none;
	background: #222!important;
	color:#efde74 !important;
}

.main_titile_h4{
	font-size: 24px; 
	text-align: center;
	color:#fff;
	margin: 30px 0 20px 0;
	font-weight:300;
}

.client_box{

}

.myscroll { 
	width: 100%; 
	height: 160px; 
	margin: 0 auto; 
	border: 1px solid #c6575c; 
	background: #9c0d14; 
	line-height: 30px; 
	font-size: 14px; 
	overflow: hidden; 
}
.myscroll ul{
	width: 33%;
	display: inline-block;
}
.myscroll ul:last-child li{
	border-right:0 none;
}
.myscroll li { 
	height: 30px;  
	display: inline-block;
	color: #efde74;
	text-align: center;
	font-size: 14px;
	border-right:1px solid #ba565b;
	padding: 0 33px;
	width: 100%;
} 
.myscroll li span{float: left; width:50px; text-align:left;}
.myscroll li strong{float: right;font-weight: 400;}

.tab-con-item{display: none;}

.tab-nav{
	text-align: center;
	margin-top: 30px;
	height: auto; 
	min-height: 42px;
	margin-bottom: 40px;
}

.tab-nav a{
	color:#a4a4a4;
	font-size: 15px;
	margin: 0 15px;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.tab-nav a:hover{
	text-decoration: none;
	font-weight: 600;
	color:#222;
	border-top: 1px solid #e2e4e3;
	border-bottom: 1px solid #e2e4e3;
}
.tab-nav a.current{
	text-decoration: none;
	font-weight: 600;
	color:#222;
	border-top: 1px solid #e2e4e3;
	border-bottom: 1px solid #e2e4e3;
}
.main_product{
	margin-bottom: 25px;
}
.main_product a{
	font-size:16px;
	color:#333;
	font-weight: 400;
	text-decoration: none;
}

.main_product a:hover{
	color:#a70d15;
}

.main_product a figcaption{
	padding-top: 10px;
}

.quality_box{
	background:url(../images/main_bg01.jpg) center top no-repeat #ae0e16; 
	min-height: 500px;
	padding:60px 0;
	background-size: cover;
	margin-top: 40px;
}

.quality_box02{
	position: relative;
	height: auto;
	overflow: hidden;
}

.quality_box02_con{
	position:absolute;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.7);
	bottom: 0;
}

.quality_box02_con h4{
	color:#fff;
	text-align:center;
	line-height: 60px;
	margin: 0;
	font-size:18px;
}

.quality_box02_con h4 span{
	color:#e21721;
}

.quality_box02_con p, .quality_box02_con a{
	display: none;
}

.quality_box02:hover .quality_box02_con{
	height: 100%;
	padding: 0 35px;
	transition:all ease 0.5s;-moz-transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-o-transition:all ease 0.5s;
}

.quality_box02:hover .quality_box02_con h4{
	border-bottom: 1px solid;
	border-color:rgba(255,255,255,0.2);
	line-height: 80px;
	margin-bottom: 30px;
}

.quality_box02:hover .quality_box02_con p{
	color:#fff;
	line-height: 21px;
	display: block;
}

.quality_box02:hover .quality_box02_con a{
	display: block;
	border-bottom: 1px solid #efde74;
	padding-bottom:7px;
	color:#efde74;
	float: left;
	margin-top:15px;
}

.quality_box02:hover .quality_box02_con a i{
	color:#efde74;
	margin-left: 10px;
}

.news_box{ 
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
}

.news_box span{
	font-family: "Impact" !important ;
	display: block;
	float: left;
	font-size: 50px;
	color:#f0e1e2;
	width: 13.79310344827586%;
	text-align: center;
	padding:10px 0;
}

.news_box div{
	float: left;
	width: 86.20689655172414%;
	padding: 10px 15px 10px 0;
}

.news_box div h4{
	font-size: 16px;
}

.news_box div h4 a{
	color:#333;
}

.news_box div p{
	margin: 0; 
	line-height: 15px;
	color:#888;
}

.news_box:hover{
	background:#ae0e16;
}

.news_box:hover div h4 a{
	color:#efde74;
	text-decoration: none;
}

.news_box:hover div p{
	color:#dbdbdb !important;
}

.main_more_btn{
	display: block;
	font-size: 16px;
	width: 135px;
	line-height: 40px;
	background:#ae0e16;
	text-align: center;
	clear: block;
	margin: 30px auto 60px auto;
	color:#fff;
}

.main_more_btn:hover{
	background:#efde74;
	color:#222;
	text-decoration: none;
}


.footer{
	background:#f2f2f2;
}

.footer_box{
	padding:40px 0 25px 0;
	text-align: center;
}

.footer_box p{
	display: inline-block;
	line-height: 24px; 
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 0 40px;
	padding:0 40px;
}

.footer_box img{
	margin-top: -50px;
}

.copyright{
	background:#2a2a2a;
	line-height: 62px;
	text-align: center;
	color:#fff;
	font-size: 12px;
}

.copyright a{
	color:#efde74;
}

.sub_bg01{
	background: url(../images/sub_bg01.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}
.sub_bg02{
	background: url(../images/sub_bg02.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}
.sub_bg03{
	background: url(../images/sub_bg03.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}
.sub_bg04{
	background: url(../images/sub_bg04.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}
.sub_bg05{
	background: url(../images/sub_bg05.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}
.sub_bg06{
	background: url(../images/sub_bg06.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}

.sub_bg07{
	background: url(../images/sub_bg07.jpg) center top; 
	background-size: cover; 
	padding:114px 0 113px 0;
	text-align: center;
}

.sub_title img{
	display: inline-block;
}
.brand_in_box01{
	font-size: 15px;
	line-height: 28px;
	color:#888; 
}

.brand_in_box01 p{
	font-size: 15px;
	line-height: 28px;
	color:#888;
	text-indent: 2em;
}

.brand_infor_bg{
	background: url(../images/brand_informaiton_img02.jpg) no-repeat center top;
	background-size: cover;
	padding: 75px;
}

.brand_infor_bg li{
	color: #fff;
	background: url(../images/brand_icon01.png) no-repeat 0 10px;
	font-size: 15px; 
	line-height: 30px; 
	padding-left: 15px;
}

.pagination > li > a, .pagination > li > span{
	color:#ae0e16;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	border:1px solid #ae0e16;
	background:#ae0e16;
}

.service_box p{
	color: #888;
	font-size: 15px;
	text-indent: 2em;
	line-height: 28px;
}

.service_box h4{
	font-size: 18px;
	color:#333;
	margin-top: 30px;
}

.sub_quality_box{
	color:#888;
}

.store_box {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.store_box h4{
	font-size: 18px;
	color:#333;
	font-weight: 600;
	margin: 0 0 15px 0;
}

.store_box i{ 
	width: 20px;
	font-size: 16px;
	text-align: center;
	margin-right: 5px;
 }

 .store_box_b{
 	border-bottom: 1px dashed #bcbcbc;
 	padding-bottom:20px;
 	height: auto;
 	overflow: hidden;
 }

 .map_list li {
	font-size: 14px;
	color: #666;
	line-height: 40px;	
 	border-bottom: 1px dashed #f5f5f5;
}

 .map_list i{ 
	width: 20px;
	font-size: 16px;
	text-align: center;
	margin-right: 5px;
 }

 .product_box{
 	font-size: 15px; 
 	color:#888;
 }
 .product_box img{
 	margin-bottom: 20px;
 }

 .top_btn{display: block; background: #ae0e16; color:#fff; font-size: 20px; width: 50px; text-align: center; line-height: 50px; position: fixed; right:30px; bottom: 30px; border-radius: 3px;}
.top_btn:hover{ color:#ae0e16; background: #222;}

.page_infor{
	display: block;
	font-size: 12px;
	margin-top: 5px;
}
.page_infor a{
	color:#ae0e16;
} 

.dropdown-menu{
	background-color: #ae0e16;
} 

.dropdown-menu > li > a{
	color:#fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color:#fff;
	background: #7e0006;
}

.pb_box{
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}

.pb_box a{
	display: block;
	background: #ae0e16;
	width: 80px; 
	line-height: 30px;
	text-align: center;
	color:#fff;
	font-size: 12px;
}
.pb_box a:hover{
	background:#e8c96a ;
	color:#ae0e16;
	text-decoration: none;
}
.pb_box a.page_p{
	float: left;
}
.pb_box a.page_n{
	float: right;
}

h4 a{
	color:#333;
}

h4 a:hover{
	color:#ae0e16;
	text-decoration: none;
}

.news_wzl{font-size:12px; text-align:right; width:60%; padding-right:25px;}
.news_wzl a{float:left; color:#fff;}
.news_wzl a:hover{ }

@media screen and (max-width: 1200px){
	.navbar-default .navbar-nav > li > a{
		margin: 0 15px;
	}
}

@media screen and (max-width: 991px){
	.top_box01_01_left{
		display: none;
	}
	.search_box{
		width: 100%;
	}
	.navbar-header{
		width: 100%;
	}
	.navbar-toggle{
		display:block;
		float: right;
		margin: 60px 0 0 0 ;
	}
	.navbar-collapse.collapse{
		display: none !important;
	}
	.collapse.in{
		display: block !important;
	}
	.nav.navbar-nav{
		width: 100%;
		background:#fff;
	}
	.nav.navbar-nav li{
		float: none; width: 100%;
	}
	.navbar-default .nav.navbar-nav > li > a{
		color:#333 !important; 
		padding: 10px 20px; 
		border-bottom: 1px solid #eee;
	}
	.navbar-nav{
		margin: 0;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color:#fff;
	
	}
	.navbar-default .navbar-nav > li > a{
		border-top:0 none !important;
		border-bottom: 1px solid #eee !important;
	}
	.navbar-default .navbar-nav > li.active > a{
		border-top: 2px solid #ae0e16;
		border-bottom: 2px solid #ae0e16;
	}

	.flow_path_box02 dd span{
		width: 25%;
		margin: 6px 0 0 15px;
	}
	.add_input03{
		width: 20%;
	}
	.flow_path_box02 dt{
		width: 100%;
		text-align: center;
		border-right: 0 none;
	}
	.flow_path_box02 dd{
		width: 22.3%; 
	}
	.flow_path_box03 .col-md-9{
		height: auto;
		overflow: hidden;
	}
	.flow_path_btn{
		width: 50%;
		margin: 30px auto 0 auto;
	}
	.myscroll ul{
		width: 100%;
	}
}  

@media screen and (max-width: 768px){
	.flow_path_box02 dd{
		font-size: 15px; 
	}
	.flow_path_btn{
		width: 70%;
	}
	.flow_path_box03 label{
		font-size: 15px;
	}
	.btn-group{
		top: 450px;
	}
	.add_box span{
		font-size: 15px;
	}
	.name_box, .add_box, .need_box {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.name_box label{
		width: 10%;
	}
	.name_box input{
		width: 90%;
	}

	.tab-nav a{
		margin: 0 5px;
	}
}