body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  }
  a {
	color: #333;
	text-decoration: none;
  }
  a:hover,
  a:focus {
	color: #666;
	text-decoration: none;
  }
  .bei{
	  width:100%;
	  background:url("../images/xing.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/xing.jpg*/ no-repeat;
  }
  .beihe{
	  padding:30px;
	  color:#666;
  }
  .beiing{
	  width:100%;
	  background:url("../images/yu.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/yu.jpg*/ no-repeat;
  }
  .huan{
	  padding: 30px 0;
	  background-color: #292929;
	  width:100%;
	  color:#fff;
	  margin-top: 30px;
  }
  .huan .item a{
	color: #fff;
  }
  
  @media (min-width: 1200px) {
	.container {
	  width: 1180px;
	}
  }
  .mt30{
	  margin-top: 30px;
  }
  .top{
	  height: 30px;
	  line-height: 30px;
	  border-bottom: 1px solid #ccc;
  }
  .top a{
	  margin: 0 5px;
  }
  .navbar-tel{
	  height: 35px;
	  background :url("../images/tel.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/tel.jpg*/ no-repeat left center;
	  padding-left: 40px;
	  margin-top: 50px;
  }
  .navbar-tel span{
	  font-size: 18px;
  }
  .navbar-tel b{
	  color: #e30010;
	  font-size: 26px;
	  font-family: Impact;
  }
  .navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border: none;
  }
  .navbar-brand {
	float: left;
	height: 110px;
	padding: 6px 15px;
  }
  .navbar-default {
	background-color: #fff;
  }
  .navbar-default .navbar-collapse{
	background-color: #121212;
  }
  .navbar-default .navbar-nav  li h2{
	  margin: 0px;
	  display: block;
	  float: left;
	  font-size: 16px;
  }
  .navbar-default .navbar-nav  li  a {
	color: #fff;
	padding: 15px 30px;
	font-size: 16px;
	display: block;
  }
  .navbar-default .navbar-nav  li  a:hover,
  .navbar-default .navbar-nav  li  a:focus {
	color: #fff;
	background-color: #e30010;
  }
  .navbar-default .navbar-nav .active a,
  .navbar-default .navbar-nav .active a:hover,
  .navbar-default .navbar-nav> .active a:focus {
	color: #fff;
	background-color: #e30010;
  }
  .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: none;
	border-radius: 50%;
  }
  .carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background-color: #cc0000;
  }
  /*.case-title{
	  background: url(../images/line.jpg) repeat-x center 15px;
  }*/
  .case-title h3{
	  font-size: 30px;
	  font-weight: bold;
	  /*background-color: #fff;*/
	  width: 160px;
	  margin: 10px auto;
	  color: #cc0000;
  }
  .case-title p{
	  font-size: 18px;
  }
  .case .col-md-3 img{
	  width: 100%;
	  height: 200px;
  }
  .case .col-md-3 span a{
	  margin-top: 10px;
  }
  .back{font-size:14px;width:50px;height:50px;background:#f1f1f1;position:fixed;top:45%;right:10px;text-align:center;padding: 5px;
	  border-radius: 5px;}
  .back img{width:28px}
  .anli{color: #fff;}
  .anli:hover{color: #cc0000}
  .product{
	  background: url("../images/pro_bg.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/pro_bg.jpg*/;
	  padding: 30px 0;
  }
  .product-title{
	  /*background-color: #e80012;*/
	  background-color: #0B60CA;
	  color: #fff;
	  padding: 20px 0;
  }
  .product-title h3{
	  font-size: 26px;
	  margin: 0 0 10px;
  }
  .product-list{
	  background-color: #fff;
	  padding: 20px 20px 10px;
	  border: 1px solid #ccc;
  }
  .product-list li{
	  height: 36px;
	  line-height: 36px;
	  text-align: center;
	  margin-bottom: 15px;
  }
  .product-list li h3{
	  margin: 0px;
  }
  .product-list li a{
	  display: block;
	  width: 100%;
	  height: 36px;
	  /*background-color: #e80012;*/
	  background-color: #0B60CA;
	  font-size: 14px;
	  color: #fff;
	  line-height: 36px;
	 }
  .product-list li a:hover{
	  background-color: #2a2a2a;
	  color: #fff;
  }
  .product-tel{
	  margin-top: 30px;
	  /*background-color: #e80012;*/
	  background-color: #0B60CA;
  
	  color: #fff;
	  padding: 30px 0;
  }
  .product-tel span{
	  display: block;
	  font-size: 16px;
  }
  .product-tel b{
	  display: block;
	  font-size: 26px;
	  font-family: Impact;
  }
  .sidebar-contact{
	  border: 1px solid #ccc;
	  padding: 10px 20px;
  }
  .sidebar-contact p{
	  margin: 0;
	  line-height: 30px;
  }
  .product-hot{
	  background-color: #fff;
	  padding-bottom: 20px;
  }
  .product-hot .col-md-4{
	  margin-top: 20px;
  }
  .product-hot img{
	  width: 100%;
	  height: 210px;
  }
  .product-hot h3{
	  margin-top: 10px;
	  font-size: 14px;
  }
  .ys-img{
	  margin: 60px auto;
  }
  .ys-img span{
	  font-size: 18px;
	  margin-top: 15px;
	  font-weight: bold;
  }
  .ys-con{
	  background: url("../images/ys_item_bg.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/ys_item_bg.jpg*/ no-repeat top center;
	  height: 122px;
  }
  .ys-con p{
	  margin: 0;
	  font-size: 16px;
	  line-height: 30px;
  }
  .ys-con b{
	  line-height: 122px;
	  font-size: 30px;
	  color: #fff;
  }
  .ys-left{
	  padding: 20px 0  0 70px;
	  color: #fff;
  }
  .ys-right{
	  padding: 20px 0;
	  color: #666;
  }
  .about{
	  padding: 30px 0;
	  background-color: #292929;
	  color: #fff;
  }
  .about .case-title h3{
	  background-color: #292929;
  }
  .about-con p{
	  line-height: 26px;
	  /*color: #efefef;*/
	  color: #615757;
  }
  .news-title{
	  height: 50px;
	  line-height: 50px;
	  background-color: #2a2a2a;
	  color: #fff;
  }
  .news-title h3{
	  line-height: 50px;
	  font-size: 18px;
	  margin: 0;
	  width: 140px;
	  background-color: #ea0315;
  }
  .news-title a{
	  color: #fff;
	  margin-right: 20px;
  }
  .news-more{
	  display: block;
	  width: 100px;
	  height: 30px;
	  line-height: 30px;
	  color: #fff;
	  background-color: #ea0315;
  }
  .news-first img{
	width: 100%;
	height: 160px;
  }
  .news-list li{
	  height: 40px;
	  line-height: 40px;
	  overflow: hidden;
	  border-bottom: 1px dashed #ccc;
  }
  .answer-list li{
	  margin-bottom: 15px;
  }
  .answer-list a{
	  display: block;
	  height: 30px;
	  line-height: 30px;
	  background: url("../images/ask.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/ask.jpg*/ no-repeat left center;
	  padding-left: 25px;
	  margin-bottom: 5px;
	  font-weight: bold;
	  color: #cc0000;
  }
  .answer-list p{
	  background: url("../images/answer.jpg")/*tpa=https://www.qgbwc.com/templets/ymbsbc/images/answer.jpg*/ no-repeat left top;
	  padding-left: 25px;
  }
  .flink b,
  .flink a{
	  margin: 0 5px;
  }
  .footer-menu{
	  height: 50px;
	  line-height: 50px;
	  background-color: #2a2a2a;
	  color: #fff;
  }
  .footer-menu a{
	  margin: 0 10px;
	  color: #fff;
  }
  .footer-con{
	  padding: 30px 0;
  }
  .footer-con p{
	  line-height: 30px;
	  margin: 0;
  }
  .position{
	  height: 40px;
	  line-height: 30px;
	  border-bottom: 1px solid #ccc;
	  padding-bottom: 10px;
	  font-size: 16px;
  }
  .cotent-title{
	  font-size: 20px;
	  margin: 20px 0;
	  font-weight: bold;
  }
  .content-text{
	  line-height: 30px;
  }
  .content-other{
	  border-top: 1px dotted #ddd;
	  border-bottom: 1px dotted #ddd;
	  padding: 10px 0;
  }
  .content-info{
	  border-bottom: 2px solid #c00;
  }
  .content-info h3{
	  margin: 0;
	  width: 160px;
	  height: 40px;
	  line-height: 40px;
	  text-align: center;
	  font-size: 18px;
	  background-color: #c00;
	  color: #fff;
  }
  .product-image img{
	  width: 100%;
	  height: 320px;
  }
  .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 {
	z-index: 2;
	color: #fff;
	background-color: #c00;
	border-color: #eee;
  }
  .pagination > .thisclass > a,
  .pagination > .thisclass > span,
  .pagination > .thisclass > a:hover,
  .pagination > .thisclass > span:hover,
  .pagination > .thisclass > a:focus,
  .pagination > .thisclass > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #c00;
	border-color: #eee;
  }
  
  @media (min-width: 768px) {
	.navbar-header {
	  width: 100%;
	}
	.navbar-nav > li > a {
	  padding: 15px 39px;
	  font-size: 16px;
	}
	
  }
  
  @media (max-width: 767px) {
	.navbar-brand {
	  height: 50px;
	  padding: 10px 0px;
	}
	.navbar-brand img{
	  height: 30px;
	}
	.product-hot img,
	.case .col-md-3 img,
	.product-image img{
		width: 100%;
		height: auto;
	}
  }
  .product-hot h3{font-size: 22px;line-height: 50px;}
  .related_article{overflow: hidden;padding: 0px;}
  .related_article ul{}
  .related_article li {line-height:35px;border-bottom:1px solid #eee;list-style: none;}
  .related_article li span{font-size: 12px;float:right;}