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

/*** 

====================================================================
	Reset
====================================================================

 ***/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}
a{color:#fff;}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;

}


abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
html{
	-webkit-text-size-adjust:none;
	
	}



/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body{
	font-family:"微软雅黑", "宋体",sans-serif;
	background-color:#fff;
	color:#787878;
	line-height:1.8em;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
}

h1{
	text-align:center;
}

a{ text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}


@media (min-width:768px){
	.navbar{border-radius:0px; border:none;}
		.nav-pills>li{
	max-width:300px;
	background: #000000;
	background: -webkit-gradient(linear, 0 0, 0 left, from(#599abf), to(transparent));
    background: -webkit-linear-gradient(to left,#599abf, transparent);
    background: -moz-linear-gradient(to left,#599abf, transparent);
    background: -ms-linear-gradient(to left,#599abf, transparent);
    background: -o-linear-gradient(to left,#599abf, transparent);
    background: linear-gradient(to left,#599abf, transparent);
-pie-background: linear-gradient(to left,#599abf, transparent);
}
.nav-pills>li>a{
	text-align:right;
}
}

.navbar-default{background-color:#000;border:none; margin-bottom:0px; font-weight:bold;}
.navbar-default .navbar-collapse{ border:none; }
.navbar-collapse{padding-right:0px;padding-left:0px;}

.nav>li>a:focus,.nav>li>a:hover{ text-decoration:none; color:#fff; background-color:#008dd3;}
.nav-pills>li>a{border-radius:0px; color:#fff}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff; background-color:#004da1 }



/*active焦点背景，字体颜色*/
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0px;margin-left:0px}

.container-fluid{
	padding-bottom:10px;
}
.container-fluid .navimg img{
	max-width:150px;
	padding:8px 0 0 0;
}
.navbar-toggle{
	background-color:#CB2A31;
	margin-top:15px;
	border:none;
	
}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:hover{
	background-color:#999;
}
.navbar-default .navbar-toggle:focus{
	background-color:#999;
}
.navbar{
	min-height:40px;
}


#topimg{
	text-align:center;
}
#topsb{
	padding-top:20px;
	padding-bottom:20px;
}

	
.toptell{
	display:inline-block;
	vertical-align:text-top;
}
.toptell a{
	color:#fff;
}
@media only screen and (max-width: 767px) {
	.navbar-default{
		background-color:#222;
	}


#topsb{
	padding-top:10px;
	padding-bottom:10px;
}
.nav-pills>li>a{
	background-color:#000;
}
	.nav-justified>li>a{
		margin-bottom:1px;
	}
	}



header{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	z-index:300;
}

#headersb{
	max-width:285px;
	padding-top:1vw;
	background-color:#222;
	padding-bottom:1vw;
	text-align:center;
}
@media (min-width: 768px) and (max-width:1300) {
	
	.nav-pills>li{
		max-width:250px;
	}
	header{
		max-width:250px;
	}
	#headersb{
		max-width:235px;
	}
}
/*product*/
#indexpro{
	padding-top:6vw;
	padding-bottom:6vw;
	font-size:14px;
}
#indexpro h1{
	font-size:36px;
	text-align:left;
	color:#333;
	margin-top:40px;
}
#indexpro h2{
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#333;
	margin-top:20px;
	margin-bottom:20px;
}
#indexproline{
	width:300px;
	font-size:0px;
}
#indexproleft{
	display:inline-block;
	background-color:#333333;
	vertical-align:text-top;
	width:40%;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#FFF;
	text-indent:1em;
}
#indexproright{
	display:inline-block;
	background-color:#e9eef1;
	vertical-align:text-top;
	width:60%;
	height:20px;
}

#indexprocha{
	font-size:0px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.indexprocha{
	float:left;
	display:inline;
	
	font-size:14px;
	vertical-align:text-top;
	
	color:#333;
	margin-left:10px;
	margin-right:10px;
}
.indexprocha img{
	padding:10px 10px;
	border-radius:10px;
	border:#333 solid 1px;
	
}
.indexprocha span{
	font-size:30px;
	font-weight:bold;
}
.indexprobutton{
	display:block;
	width:50%;
	height:60px;
	line-height:60px;
	background-color:#CB2A31;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
.indexprobutton:hover{
	background-color:#004da1;
	color:#fff;
}
#indexpro .owl-prev,
#indexpro .owl-next{
	display:none !important;
}
/*Search*/
.form-group{
	position:absolute;
	left:0px;
	top:-60px;
	z-index:800;
	width:100%;
	height:60px;
	background-color:#CB2A31;
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:60px;
}
@media only screen and (max-width: 767px) {
	.form-group{
		height:40px;
		font-size:14px;
	line-height:40px;
	top:-30px;
	}
	#indexpro h1{
		font-size:30px;
	}
	#indexpro h2{
		font-size:16px;
	}

	.indexprocha{
		width:80px;
	}
}



/*About1*/
#aboutbftitle{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	color:#FFF;
	font-weight:bold;
	background-image:url(../images/aboutbg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	
}
#aboutbftitle .row{
	max-width:1600px;
	background-color:#333;
}
	
#aboutbftitle .col-xs-6{
	padding-left:0px;
	padding-right:0px;
	
}
#aboutbftitle .xlmc{
	position:absolute;
	left:6%;
	top:6%;
	font-size:18px;
	z-index:10;
}
#aboutbftitle img{
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	opacity:0.6;
filter:alpha(opacity=60);
}
#aboutbftitle img:hover{
	opacity:1;
filter:alpha(opacity=100);
}
#aboutbftitle a{
	position:relative;
	display:block;
	color:#fff;
}

#aboutbftitle a:hover .xlmc{
	display:none;
}
.aboutbftitlemore{
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#4f492e;
	border-bottom:#999 solid 1px;
	background-color:#CB2A31;
}

.abouttctb{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:10;
	font-size:18px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
		display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
 flex-direction:column;
}
.abouttctb i{
	color:#CB2A31;
	font-size:56px;
}
#aboutbftitle a:hover .abouttctb{
	
opacity:1;
}
#aboutbftitlenr{
	padding-top:35px;
	padding-bottom:35px;
	vertical-align:middle;
	max-width:1300px;
	text-align:left;
	margin:0 auto;
	text-transform:uppercase;
}
#aboutnewsbg{
	background-color:#0052ae;
	padding-top:60px;
	padding-bottom:60px;
}
#indexnews h1,#aboutbfnrbg h1{
	color:#fff;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size:36px;
	font-weight:bold;
}
#indexnews h2,#aboutbfnrbg h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;

	}
#aboutbfnrbg .col-sm-2{
	padding-top:10px;
	padding-bottom:20px;
}
@media (min-width:768px){

	#aboutbfnrbg .col-sm-2{
		padding-top:50px;
	}
}
@media (max-width:768px){
		.abouttctb{
		font-size:14px;
	}
	.abouttctb i{
	font-size:30px;
}
	#aboutnewsbg{
		padding-top:0px;
	padding-bottom:20px;
	}
	#indexnews h1,#aboutbfnrbg h1{
		font-size:24px;
	}
	#indexnews h2,#aboutbfnrbg h2{
		font-size:16px;
	}
	#aboutbftitle{
		font-size:20px;
	}
	#aboutbftitle .row{
	padding-left:15px;
	padding-right:15px;
}
#aboutbftitle .xlmc{
	font-size:14px;

}
}
#aboutbfnr{
	padding-top:20px;
	color:#fff;
	padding-bottom:20px;
	border-bottom:#2062ab solid 2px;
}
.indexaboutbutton{
	display:block;
	max-width:128px;
	height:40px;
	line-height:40px;
	background-color:#CB2A31;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	margin-top:1.6vw;
}
.indexaboutbutton:hover{
	background-color:#222;
	color:#fff;
}
#aboutbfnr p{
	line-height:30px;
}
#aboutbfnrmore{
	width:100px;
	text-align:center;
	line-height:30px;
	border-radius:20px;
	  background: -webkit-linear-gradient(top, #fefefe 70%, #e8e8e8); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(bottom, #fefefe 70%, #e8e8e8); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(bottom, #fefefe 70%, #e8e8e8); /* Firefox 3.6 - 15 */
      background: linear-gradient(to bottom,#fefefe 70%, #e8e8e8); /* 标准的语法 */
}
#aboutbfnrmore a{
	color:#666;
}
#aboutbfnrmore a:hover{
	color:#323232;
}
/*news*/
#indexnews{
	margin-top:40px;
}
#indexnews h2{
	color:#FFF;
}
#indexnews p{
	border-bottom:#3478c4 dashed 1px;
	margin-top:10px;
	margin-bottom:10px;
}
#indexnews a:hover{
	color:#00a0e9;
}
#indexnews span{
	color:#00a0e9;
	font-weight:bold;
}
/*bottom*/


#bottomnav{
	width:100%;
	background-color:#00264e;
	padding-top:20px;
	color:#fff;
	padding-bottom:20px;
	text-align:center;
	}

#bottomnav li a{
	color:#fff;
	
}
#bottomnav li a:hover{
	color:#00a0e9;
}


/*--底部代码--*/
#footer{
	background-color:#01376c;
	 padding:3vw 20px;
	
	  margin-top:0px;
	 
}


#footer h3{
	color:#FFF;
	font-size:24px;
	margin-bottom:2vw;
	font-weight:bold;
	
	text-transform:uppercase;
}
#footer #contactdb{
	color:#fff;
	line-height:26px;
}
#footer #contactdb a{
	color:#fff;
}
#footer #contactdb a:hover{
	color:#56bfec;
}
.kslj a{
	display:block;
	line-height:26px;
	color:#fff;
}
.kslj a:hover{
	color:#56bfec;
}
#footer .list-inline li{
	vertical-align:text-top;
	max-width:350px;
	margin-bottom:30px;
}

@media (max-width:1023px){
	#footer .col-md-4{
	margin-top:30px;
}

}
#footer .list-inline li:first-child{
	margin-right:3vw;
}
.copyright{
	color:#999;
	
}
#share{
	margin-top:3vw;
}
#share a{
	color:#fff;
	display:inline-block;
	font-size:16px;
	padding:1vh 0 1vh 2vw;
	cursor:pointer;
}
#share a:first-child{
	padding-left:0px;
}
#share a:hover{
	color:#CB2A31;
}
@media (max-width:768px){
	#footer h3{
		font-size:16px;
	}
	#share a{
		padding:1vh 15px 1vh 15px;
	}
}