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;
}
a:hover {
	color: #666;
	text-decoration: none;
}
.mt30{
	margin-top: 30px;
}
.top {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	background-color: #efefef;
}
.top a {
	margin: 0 8px;
}
.top h2 {
	line-height: 36px;
	font-size: 14px;
	margin: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: none;
}
.navbar-default {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #0253bb;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #0253bb;
}

.navbar-tel {
	height: 50px;
	margin-top: 40px;
	background: url(images/tel.gif) no-repeat left center;
	padding-left: 60px; 
}
.navbar-tel span{
	display: block;
	line-height: 20px;
	font-size: 18px;
}
.navbar-tel b{
	display: block;
	line-height: 30px;
	font-size: 28px;
	color: #0253bb;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
    width: 100%;
  }
	.navbar-brand {
		float: left;
		height: 120px;
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav > li {
		padding: 10px 0;
	}
	.navbar-default .navbar-nav > li > a {
		color: #333;
		font-size: 16px;
		padding: 10px 31px;
		border-radius: 20px;
	}
}
@media (max-width: 767px) {
.navbar-brand {
  float: left;
  height: 50px;
  padding: 10px 15px;
	}
	.navbar-brand img{
		height: 30px;
	}
}
.navbar-collapse{
	border-top: 1px solid #eee;
}
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:14px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;}
.slideBox .hd ul li.on{ background:#0253bb; color:#0253bb; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  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: 14px;
  height: 14px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background-color: #0253bb;
}
.title{
	background: url(images/title_bg.png) no-repeat center center;
	line-height: 60px; 
	margin: 30px 0;
}
.title h3{
	font-size: 30px;
	font-weight: bold;
	color: #0253bb;
}
.sidebar-title{
	height: 119px;
	background: url(images/sidebar_title.png) no-repeat top center; 
	color: #fff;
}
.sidebar-title span{
	display: block;
	line-height: 60px;
	font-size: 30px;
	font-family: Georgia;
	background: url(images/sidebar_line.png) no-repeat bottom center; 
}
.sidebar-title b{
	display: block;
	line-height: 50px;
	font-size: 24px;
	font-weight: normal;
}
.sidebar-list li{
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #e6e6e6;
	background: url(images/icon01.png) no-repeat 20px center;
	padding-left: 80px; 
}
.product-item{
	margin-bottom: 20px;
}
.product-item a{
	border: 1px solid #dadada;
}
.product-item a:hover{
	border-color: #0253bb;
}
.product-item img{
	width: 100%;
	height: 230px;
}
/* @media (max-width: 767px) {
.product-item img{
	width: 100%;
	height: 130px;
	}
} */
.product-item h4{
	border-top: 1px dashed #dadada;
	font-size: 14px;
	line-height: 50px;
	margin: 0;
}
.adv,
.install{
	background: #f5f5f5;
	padding: 50px 0;
}
.adv-title{
	margin: 0 0 40px 0;
	font-size: 30px;
	font-weight: bold;
	color: #0253bb;
}
.adv h4{
	font-size: 24px;
	line-height: 40px;
	margin: 30px 0 20px;
	font-weight: bold;
}
.adv p {
	line-height: 32px;
}
.adv p span{
	color: #ff9500;
}
.common-title{
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.common-title h3{
	margin: 0;
	line-height: 46px;
	border-bottom: 1px solid #0253bb;
	font-size: 22px;
	font-weight: bold;
	padding: 0 20px;
	color: #0253bb;
}
.title_about{
	background: url(images/icon_about.jpg) no-repeat left center;
	padding-left: 30px !important; 
}
.title_contact{
	background: url(images/icon_contact.jpg) no-repeat left center;
	padding-left: 40px !important; 
}
.title_news01{
	background: url(images/icon_news1.jpg) no-repeat left center;
	padding-left: 30px !important; 
}
.title_news02{
	background: url(images/icon_news2.jpg) no-repeat left center;
	padding-left: 30px !important; 
}
.title_news03{
	background: url(images/icon_news3.jpg) no-repeat left center;
	padding-left: 30px !important; 
}
.about-con p{
	line-height: 26px;
}
.contact-con{
	padding: 0 20px;
}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:20px; float:left; width:280px;  _display:inline; overflow:hidden; }
.picScroll-left .bd ul li img{ width:100%; height:200px;}
.picScroll-left .bd ul li span{display: block; margin-top: 10px;}
.list-news {
	margin-top: 20px;
}
.list-news .clearfix{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background: url(images/icon02.png) no-repeat left center;
	padding-left: 10px; 
	border-bottom: 1px dashed #ccc;
}
.footer{
	background-color: #0253bb;
	padding: 40px 0;
	color: #fff;
	line-height: 30px;
}
.footer a{
	color: #fff;
}
.position{
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	background: url(images/icon_position.png) no-repeat left center;
	padding-left: 40px;
	margin: 10px auto 30px; 
}
.content{
	line-height: 36px;
	font-size: 16px;
}
.content-title{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #0253bb;
}
.content-info{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.content-info span{
	margin: 0 10px;
}
.article-item{
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}
.article-item h4{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 10px;
}
.article-item p{
	color: #666;
}
.product-title{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.content-desc{
	line-height: 30px;
	font-size: 16px;
}
.content-info-title{
	margin: 30px auto;
	border-bottom: 2px solid #0253bb;
	line-height: 40px;
}
.content-info-title h3{
	width: 120px;
	line-height: 40px;
	background-color: #0253bb;
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.link{
	margin-bottom: 30px;
}
.link a{
	line-height: 30px;
	margin: 0 5px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #666;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #0253bb;
  border-color: #0253bb;
}
.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: #0253bb;
  border-color: #0253bb;
}
/*固定的悬浮窗*/
.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;overflow:hidden;}
.yb_bar .yb_top{background:#0253bb url(images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0253bb url(images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0253bb url(images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0253bb url(images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{margin:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.nycon{ margin-top:40px;}
.mleft{ width:250px; float:left; margin-right:40px; display:inline; margin-bottom:40px;}
.sjlb{ display:none;}
.cplb{background-color:#dcf0ff; margin-top:10px;}
.cpt{margin-bottom:10px;}
.cplb dl{margin-bottom:10px; overflow:hidden; width:100%;}
.cplb dt{ font-size:16px; background:url(images/mrtit.png) #0566b3 no-repeat 20px center; height:40px; line-height:40px; text-indent:45px;}
.cplb dt a{ color:#ffffff; display:block;}

.cplb dd{ border-bottom:1px #ffffff solid; background:url(images/m42.png) no-repeat 8px center; text-indent:25px;line-height:30px; height:30px; overflow:hidden; border-bottom:1px #9d9d9d dashed; width:240px; float:left;}


.prodetail_righttxt{ width:360px; float:left; margin-left:15px;}
.prodetail_righttxt h1{ font-size:24px; font-weight:bold; color:#0177C1; border-bottom:1px dotted #cbcbcb; line-height:35px;}
.prodetail_righttxt ul{list-style:none; padding-top:5px;}
.prodetail_righttxt ul li{ line-height:24px;}
.prodetail_righttxt ul li.abo{height:95px; overflow:hidden;}
.prodetail_righttxt ul span a{ display:block; width:108px; height:37px; float:left; margin-top:10px;}
.prodetail_righttxt ul span a.bt1{ background:url(images/pdetail_bt1.jpg) no-repeat; line-height:999px; overflow:hidden;}
.prodetail_righttxt ul span a.bt2{ background:url(images/pdetail_bt2.jpg) no-repeat; line-height:999px; overflow:hidden; margin-left:10px;}

/*首页产品展示*/
.Amsg{width:1150px;margin:0 auto;overflow:hidden;}
#lx{float:left;display:inline;width:1150px;overflow:hidden; height:560px; margin-top:20px; }

.lx_menu {float:left;width:1150px;height:50px; background:#ECECEC url(images/kaimeng_21.jpg) no-repeat;}
.lx_menu ul{margin:0px auto; float:left;font-size:12px; padding-left:200px;}
.lx_menu li{float:left;display:block;cursor:pointer;width:158px;text-align:center; font-size:14px; font-weight:bold;height:50px;line-height:50px;}
.lx_menu li.hover{padding:0px;background:url(images/kaimeng_23.jpg) no-repeat;width:160px; color:#ff4400;height:50px;line-height:50px;}
.www_zzjs_net_3{clear:both;margin-top:0px;line-height:25px; border-top:none;border-bottom:none;text-align:left;}
.www_zzjs_net_3 li span.time{float:right;margin-right:10px;}
.index_more{float:right;height:50px;line-height:40px; padding-right:5px}

.tui_pro{float:right;width:1150px;overflow:hidden;margin-top:25px;}
.tui_pro_content{float:left;width:1150px;line-height:24px;overflow:hidden; padding-bottom:5px;}
.tui_pro_content ul{float:left;width:1150px; overflow:hidden; }
.tui_pro_content li{float:left;width:255px; height:240px; overflow:hidden; margin-right:20px; list-style:none; }
.tui_pro_content li a img{float:left;width:255px;height:170px;overflow: hidden;  }
.tui_pro_content li a img:hover{float:left;width:255px;height:170px; }
.tui_pro_content li a strong{ float:left;height:32px;font-weight: normal;font-family:"Microsoft YaHei"; text-align: center; font-size:12px;line-height:32px;width:255px; background:#2262c4;color:#fff;}
.tui_pro_content li a:hover strong { color:#fff;background:#FF0000;}

/* page */
.page{height:35px; line-height:35px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#038d40;}
.page li.thisclass{background: #038d40; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #038d40; color: #fff;}