body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #666;
  text-decoration: none;
}
.mt20{
	margin-top: 20px;
}
.top{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.top a{
	margin: 0 5px;
}
.navbar{
	margin-bottom: 0;
	border: none;
}
.navbar-default {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
   background-color: #2a2a2a;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
   background-color: #2a2a2a;
}

.navbar-brand {
  float: left;
  height: 120px;
  padding: 20px 15px;
}
.navbar-default .navbar-collapse {
   background-color: #005aa4;
}
.tel{
	margin-top: 40px;
	font-size: 18px;
  line-height: 30px;
}
.tel b{
	font-size: 30px;
  line-height: 30px;
	color: #e30013;
}
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  border: transparent;
  border-radius: 12px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
   margin: 0 5px;
  background-color: #0051b5;
}
.title{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.title h3{
	width: 120px;
	margin: 0 auto;
	border-bottom: 1px solid #005aa4;
	font-weight: bold;
	color: #005aa4;
	padding-bottom: 10px;
}

.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px 0;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li img{ width:216px; height:160px; display:block; border:1px solid #ccc; }
.picMarquee-left .bd ul li  span{ display: block; padding-top: 10px; text-align: center;}

.product .thumbnail .caption h4{
	font-weight: bold;
}
.hot-product-title{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
}
.hot-product-title .pull-left a{
  margin: 0 3px;
  font-weight: bold;
}
.hot-product-title h3{
	background: #005aa4;
	margin: 0;
	color: #fff; 
	line-height: 40px;
  width: 160px;
}
.product-show .thumbnail{
	padding: 0;
	border: none;
	margin-bottom: 0;
}
.product-show .thumbnail img{
	border: 1px solid #ccc;
}
.product-show .thumbnail .caption{
	padding: 5px;
}
.ys-title{
	height: 447px;
	background: url(../images/ys.jpg) no-repeat top center;
}
.ys-title h3{
	font-weight: bold;
	color: #fff;
	margin-top: 75px;
	margin-bottom: 20px;
}
.ys-con{
	background: url(../images/ys02.jpg) no-repeat top center;
	height: 1160px;
	padding-top: 240px;
	webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.ys-con h4{
	padding-top: 80px;
	font-weight: bold;
	margin-bottom: 30px;

}
.ys-con  p{
	font-size: 16px;
	margin-bottom: 20px;
}
.ys-con .col-md-offset-6{
	margin-left: 53%;
}
.ys02{
	margin-top: 130px;
}
.ys03{
	margin-top: 70px;
}
.title02{
	height: 50px;
	border-bottom: 3px #dddddd solid;
}
.title02 h3{
	width: 140px;
	height: 50px;
	margin: 0;
	border-bottom: 3px #005aa4 solid;
	position: relative;
}
.title02 h3 b{
	color: #999;
	font-size: 20px;
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
	display: block;
	font-weight: normal;
}
.title02 h3 b:first-letter{
	color: #005aa4;
	font-size: 48px;
}
.title02 h3 span{
	display: block; 
	position: absolute;
	left: 30px;
	top: 5px;
	font-size: 20px;
	font-weight: bold;
}
.title02 a{
	margin-top: 15px;
}
.about-img{
	height: 220px;
}
.about-name{
	color: #005aa4;
	font-weight: bold;
}

.marquee-left{ overflow:hidden; position:relative; border:1px solid #ccc;}
.marquee-left .bd{ padding: 10px;}
.marquee-left .bd ul{ overflow:hidden; zoom:1; list-style: none; padding: 0;}
.marquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.marquee-left .bd ul li  img{ width:325px; height:200px; display:block; border:1px solid #ccc;}

.about{
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
.news-img{
	width: 100%;
	height: 170px;
}
.news-list div{
	height: 30px;
	line-height: 30px;
	background: url(../images/li.png) no-repeat 10px center;
	padding-left: 20px;
	overflow: hidden;
}
.question{
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.question a{
	background: url(../images/w.jpg) no-repeat left center;
	padding-left: 30px;
}
.question p{
	background: url(../images/d.jpg) no-repeat left top;
	padding-left: 30px;
	color: #666;
	margin-top: 10px;
}
.flink-title h3{
	width: 230px;
	height: 40px;
	line-height: 40px;
	background: #005aa4;
	color: #fff;
	margin: 0 auto;
}
.flink-title:after{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 3px solid #005aa4;
	margin-top: -18px;
}
.flink-con{
	margin-top: 10px;
	padding: 10px 0;
}
.flink-con a{
	margin: 0 5px;
}
.footer{
	background: #2a2a2a;
	color:#fff;
	padding: 20px 0;
}
.main-breadcrumb{
	height: 30px;
	border-bottom: 1px solid #ccc;
}
.main-title{
	/* background: #eee; */
	background: #005aa4;
	color: #eee;
	font-size: 20px;
	padding: 8px 0;
	font-weight: bold;
}
.main .hot-product-title{
	border: none;
	background: #eee;
}
.main .main-product-title{
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.main .news-list div{
	border-bottom: 1px dashed #ccc;
	line-height: 36px;
	height: 36px;
}
.main-author{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	height: 30px;
}
.main-author span{
	margin: 0 10px;
}
.page{
	border-top: 1px solid #ccc;
}
.page p{
	margin-top: 10px;
	color: #005aa4;
}
.main-product-thumbnail{
	margin-bottom: 20px;
}
.main-product-thumbnail h1{
	font-size: 22px;
	font-weight: bold;
}
.main-product-thumbnail p{
	font-size: 16px;
}
.main-product-thumbnail b,
.main-product-thumbnail span{
	color: #005aa4;
}
.main-product-thumbnail span{
	font-size: 28px;
	font-weight: bold;
}
.main-product-thumbnail a{
	display:inline-block;
	width: 25%;
	height: 40px;
	line-height: 40px;
	margin-right: 3%;
	color:#fff;
	text-align: center;
	padding:0 10px;
}
.main-product-thumbnail a img{
                    width: 100%;
	          height: 100px;
}
.main-product-thumbnail a:first-child{
	background: #005aa4;
}
.main-product-thumbnail a:last-child{
	background: #222;
}
.main-product-thumbnail a:hover{
	text-decoration: underline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #005aa4;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #005aa4;
  border-color: #ddd;
}
.product-item{
  margin: 0 5px;
  font-weight: bold;
}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease; list-style: none;}
.yb_bar .yb_top{background:#005aa4 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#005aa4 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#005aa4 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#005aa4 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

@media (min-width: 768px) {
  .navbar-header{
  	width: 100%;
  }
  .navbar-nav > li > a {
    padding: 15px 39px;
	font-size: 16px;
  }
  .product-show .thumbnail img{
    width: 100%;
    height: 180px;
  }
}

@media (max-width: 767px) {
  .navbar-brand {
	  float: left;
	  height: 40px;
	  padding: 5px 15px;
   }
  .navbar-brand img{
	  height: 40px;
   }
   .navbar-default .navbar-nav > li{
		background: none;
	}
   .carousel-indicators{
   	display: none;
   }
   .main-product-thumbnail h1{
		text-align: center;
	}
	.main-product-thumbnail a{
		width: 30%;
		margin-left: 5%;
	}
	.main-product-thumbnail span{
		display: block;

	}
}
