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;

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

.mt40{

	margin-top: 40px;

}

.top{

	height: 35px;

	line-height: 35px;

	background-color: #eaeaea;

}

.top a{

	margin: 0 5px;

}

.navbar {

  position: relative;

  min-height: 50px;

  margin-bottom: 0;

  border: none;

}

.navbar-default {

  background-color: transparent;

}

.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: #eb6100;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #fff;

  background-color: #eb6100;

}

.navbar-brand {

  float: left;

  height: 140px;

  padding: 30px 15px;

}

.navbar-brand > img {

  display: block;

}

.navbar-collapse{

	background-color: #14326e;

}

.navbar-tel{

	background: url(../images/phone.png) no-repeat left center;

	padding-left: 60px;

	margin-top: 60px;

  font-size: 16px;

}

.navbar-tel b{

	font-size: 26px;

	line-height: 26px;

	color: #eb6100;

}

.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: #195fbc;

}

.hot{

	padding: 25px 0;

}

.hot span{

	font-weight: bold;

}

.hot a{

	margin: 0 8px;

}

.product{

	padding: 60px 0;

	background-color: #eee;

}

.product-box{

	background-color: #14326e;

	color: #fff;

	padding: 5px;

}

.product-title{

	padding: 20px 0;

}

.product-title span{

	font-size: 16px;

	color: #3772b4;

}

.product-title h3{

	margin: 0;

	color: #fff;

	font-size: 26px;

	padding-top: 5px;

}

.product-list,

.contact{

	background-color: #fff;

	padding: 10px;

}

.product-list li{

	height: 40px;

	line-height: 40px;

	margin-top: 10px;

	font-size: 16px;

}

.product-list li a{

	display: block;

	height: 40px;

	padding: 0 30px;

	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;

	color: #333;

}

.product-list li a:hover{

	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;

	color: #fff;

}

.product-list dl{

  margin-bottom: 0;

}

.product-list dt,

.product-list dd{

  height: 35px;

	line-height: 35px;

	margin-top: 10px;

	font-size: 16px;

}

.product-list dt a{

  display: block;

	height: 40px;

	padding: 0 20px;

	background: #14326e url(../images/icon_dl.jpg) no-repeat 94% center;

	color: #fff;

}

.product-list dd a{

  display: block;

	height: 40px;

	padding: 0 20px;

	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;

	color: #333;

}

.product-list dd a:hover{

  display: block;

	height: 40px;

	padding: 0 20px;

	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;

	color: #fff;

}

.contact{

	line-height: 26px;

	color: #333;

}

.contact p{

	margin: 0;

}

.hot-title{

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	background: url(../images/icon_hot.jpg) no-repeat left center;

	padding-left: 50px;

	border-bottom: 1px solid #fff;

}

.hot-title h3{

	margin: 0;

	line-height: 60px;

	font-size: 24px;

	font-weight: bold;

	color: #0053a9;

}

.hot-title a{

	width: 90px;

	height: 30px;

	line-height: 30px;

	background-color: #014fa2;

	color: #fff;

	text-align: center;

	border-radius: 15px;

	margin-top: 15px;

}

.hot-product{

	margin-bottom: 20px;

}

.hot-product img{

	width: 100%;

	height: 160px;

}

.hot-product span,

.product-item span{

	margin-top: 10px;

}

.product-item{

  margin-top: 20px;

}

.product-item img{

	width: 100%;

	height: 200px;

}

.adv,

.info{

	padding: 60px 0;

}

.adv{

  background-color: #f5f9fa;

}

.adv-title h3{

  font-size: 36px;

  font-weight: bold;

  color: #14326e;

  margin: 0 0 20px;

}

.adv-title p{

  font-size: 24px;

}

.adv-title h4{

  font-size: 18px;

  margin: 20px auto 0;

}

.adv-title p:after{

  display: block;

  content: '';

  width:80px;

  height: 5px;

  background-color: #c91b1d;

  margin: 30px auto;

}

.adv-con-item{

  width: 135px;

  height: 228px;

  background: url(../images/adv_num.png) no-repeat top center;

  padding: 40px 20px;

  margin-top: 100px;

}

.adv-con-item b{

  width: 60px;

  height: 60px;

  background-color: #14326e;

  border-radius: 50%;

  color: #fff;

  line-height: 60px;

  font-size: 40px;

  font-family: Impact;

  margin-bottom: 20px;

}

.adv-con-item span{

  display: block;

  font-size: 22px;

  font-weight: bold;

}

.adv-con-text{

  width: 400px;

  padding-top: 140px;

}

.adv-con-text p{

  /*background: url(../images/icon_adv.png) no-repeat left top;

  padding-left: 15px;*/

  font-size: 16px;

  line-height: 26px;

  border-bottom: 1px double #ccc;

  margin-bottom: 10px;

  padding-bottom: 10px;

}

.adv-con .row{

	margin-top: 40px;

}

.adv-con .clearfix{

	margin-bottom: 20px;

}

.about{

  background: url(../images/about_bg.jpg) no-repeat top center;

  padding: 60px 0;

  color: #fff;
background-size:cover;

}

.about-title{

  position: relative;

}

.about-title:before{

  position: absolute;

  left: 0;

  top: 30px;

  content: '';

  display: block;

  width: 504px;

  height:12px;

  background: url(../images/about_title02.png) no-repeat top center;

}

.about-title:after{

  position: absolute;

  right: 0;

  top: 30px;

  content: '';

  display: block;

  width: 504px;

  height:12px;

  background: url(../images/about_title02.png) no-repeat top center;

}

.about-title h3{

  width: 210px;

  height: 72px;

  margin: 0 auto;

  background: url(../images/about_title01.png) no-repeat top center;

  font-size: 24px;

  line-height: 60px;

}

.about-con{

	line-height: 30px;

    font-size: 16px;

}

.about-con p{

	text-indent: 2em;

}

.about-con img{

	border: 5px solid #fff;

}



.about-more{

  width: 40px;

  height: 40px;

  margin-top: 40px;

  line-height: 40px;

  background-color: #fff;

  color: #222;

  border-radius: 50%;

  font-size: 20px;

}

.case{

  padding: 60px 0;

  background-color: #edeef3;

}

.title{

  position: relative;

}

.title:before{

  position: absolute;

  left: 0;

  top: 30px;

  content: '';

  display: block;

  width: 504px;

  height:12px;

  background: url(../images/title02.png) no-repeat top center;

}

.title:after{

  position: absolute;

  right: 0;

  top: 30px;

  content: '';

  display: block;

  width: 504px;

  height:12px;

  background: url(../images/title02.png) no-repeat top center;

}

.title h3{

  width: 210px;

  height: 72px;

  margin: 0 auto;

  background: url(../images/title01.png) no-repeat top center;

  font-size: 24px;

  line-height: 60px;

}

.case-item{

  margin-top: 30px;

}

.case-item a{

  padding: 15px;

  background-color: #f7f7f7;

  transition: all .5s;

}

.case-item a:hover{

  background-color: #14326e;

  color: #fff;

}

.case-item a:hover .case-img img{

  transform: scale(1.5);

}

.case-item .case-img{

  width: 100%;

  height: 190px;

  overflow: hidden;

}

.case-item .case-img img{

  width: 100%;

  height: 100%;

  transition: all 1s;

}

.case-item span{

  line-height: 20px;

  margin-top: 20px;

}

.news-title{

	height: 40px;

	line-height: 40px;

	margin-bottom: 20px;

  background-color: #eaeaea;

  padding-right: 20px;

}

.news-title h3{

	margin: 0;

  width: 160px;

  height: 40px;

	line-height: 40px;

	font-size: 24px;

	background-color: #14326e;

	color: #fff;

  font-size: 20px;

}

.news-title a{

	background: url(../images/icon_more.png) no-repeat right center;

  padding-right: 15px;

}

.news-list li {

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	border-bottom: 1px dotted #ccc;

	background: url(../images/icon05.gif) no-repeat left center;

	padding-left: 10px;

}

.contact{

  box-shadow: 0 0 10px #dddd;

  padding: 20px;

  margin-top: 40px;

}

.contact-con{

  width: 495px;

  height: 336px;

  background: url(../images/contact.jpg) no-repeat;

  color: #fff;

  padding: 80px;



}

.contact-con p{

  font-size: 16px;

  line-height: 40px;

  margin: 0;

}

.contact-map{

  width: 635px;

  height: 336px;

}

.contact-list{

  padding: 20px 10px;

  background-color: #fff;

  color: #333;

}

.footer{

	padding: 30px 0;

	background-color: #14326e;

	color: #fff;

	line-height: 30px;

}

.footer a{

	color: #acacac;

}

.footer p{

	margin: 0;

}

.flink{

	padding: 20px 0;

	color: #666;

  margin-bottom: -40px;

}

.flink a,

.flink spsan{

	margin: 5 5px;

	color: #666;

}

.position{

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #ccc;

}

.position h3{

	margin: 0;

	line-height: 50px;

	font-size: 24px;

}

.content{

	margin-top: 20px;

	line-height: 30px;

}

.news-item{

	background-color: #f4f4f4;

	box-shadow: 0 2px 5px #d6d4d1;

	padding: 20px;

	margin-top: 20px;

	overflow: hidden;

}

.news-item b{

	font-size: 16px;

}

.news-item p{

	margin-top: 10px;

	line-height: 26px;

	color: #666;

}

.news-item .more{

	display: block;

	width: 90px;

	height: 30px;

	line-height: 30px;

	background-color: #F48C00;

	color: #fff;

	border-radius: 5px;

}

.content-title{

	font-size: 24px;

	margin: 30px 0;

}

.content-info{

	padding: 10px 0;

	background-color: #eee;

}

.content-info span{

	margin: 0 7px;

}

.product-info{

	margin-top: 20px;

}

.product-info h1{

	padding-bottom: 15px;

	border-bottom: 1px dashed #ccc;

	margin-bottom: 20px;

}

.product-info p{

	font-size: 15px;

	line-height: 30px;

}

.product-details{

	height: 45px;

	line-height: 45px;

	margin: 20px 0;

	background-color: #f2f2f2;

	font-size: 16px;

}

.product-details span{

	display: block;

	width: 130px;

	height: 45px;

	background-color: #195fbc;

	color: #fff;

	text-align: center;

}

.product-details span{

	display: block;

	width: 130px;

	height: 45px;

	background-color: #14326e;

	color: #fff;

	text-align: center;

}

.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: 5px;

  line-height: 1.42857143;

  color: #195fbc;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #195fbc;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  z-index: 2;

  color: #fff;

  background-color: #195fbc;

  border-color: #195fbc;

}

.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: #195fbc;

  border-color: #195fbc;

}



@media (min-width: 768px) {

	.navbar-header{

		width: 100%;

	}

  .navbar-nav > li > a {

	  padding: 15px 32px;

    font-size: 16px;

	}

}



@media (max-width: 767px) {

	.navbar-brand {

	  float: left;

	  height: 35px;

	  padding: 5px 15px;

	}

	.navbar-brand img{

		height: 35px;

	}

	.hot-product img{

		height: auto;

	}

}