body {

  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

a{

	color: #333;

}

a:hover{

	color: #666;

	text-decoration: none;

}

.clearfix{

	overflow: hidden;

}

.mt20{

	margin-top: 20px;

}

.mt40{

	margin-top: 40px;

}

.top{

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #eee;

	color: #666;

}

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

}

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

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

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

  color: #fff;

  background-color: #ff6600;

}

.navbar-default .navbar-collapse{

	background-color: #0375cb;

}

.navbar-tel{

	height: 56px;

	background: url("../images/tel.gif") no-repeat left top;

	padding-left: 70px;

	margin-top: 30px;

}

.navbar-tel span{

	display: block;

	font-size: 16px;

	line-height: 20px;

	margin-bottom: 5px;

}

.navbar-tel b{

	display: block;

	font-size: 26px;

	line-height: 30px;

	color: #0375cb;

}

.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: rgba(255,255,255,0.3);

  border: none;

  border-radius: 50%;

}

.carousel-indicators .active {

  width: 12px;

  height: 12px;

  margin: 0 5px;

  background-color: #fff;

}

.product{

	background: #f5f5f5 url("../images/products_bg.jpg") no-repeat top center;

	padding: 205px 0 40px;

}

.product-list a{

	display: inline-block;

	padding: 6px 15px;

	border: 1px solid #ddd;

	background-color: #fff;

	margin: 0 3px;

}

.product-list a:hover{

	background-color: #0375cb;

	color: #fff;

}

.product-item{

	margin-top: 30px;

}

.product-item span{

	height: 46px;

	line-height: 46px;

	border-bottom: 2px solid #e3e3e3;

	font-size: 16px;

}

.product-item:hover span{

	background-color: #0375cb;

	color: #fff;

}

.ad{

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

	height: 200px; 

}

.adv{

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

	min-height: 1560px;

	padding-top: 277px;

}

.adv b{

	width: 70px;

	height: 72px;

	padding: 3px 2px;

	text-indent: 17px;

	line-height: 70px;

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

	color: #fff;

	font-size: 30px;

	margin-right: 20px;

	font-weight: normal;

}

.adv h3{

	width: 470px;

	margin: 0 0 20px;

	font-size: 30px;

	font-weight: bold;

	color: #0375cb;

	height: 72px;

	line-height: 72px;

	background: url("../images/adv_line.jpg") no-repeat bottom left;

}

.adv p{

	line-height: 30px;

	color: #666;

	font-size: 16px;

	padding-left: 90px;

}

.adv p span{

	color: #0375cb;

}

.adv02{

	margin-top: 130px;

}

.adv03{

	margin-top: 120px;

}

.about{

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

	padding-top: 70px;

}

.about p{

	line-height: 30px;

	color: #666;

	padding-bottom: 20px;

	border-bottom: 1px solid #e4e4e4;

}

.about a{

	float: right;

	margin-top: -25px;

	width: 120px;

	height: 30px;

	line-height: 30px;

	border-radius: 20px;

	background-color: #0375cb;

	color: #fff;

	text-align: center;

}

.title{

	height: 40px;

	line-height: 40px;

	background: url("../images/title_bg.gif") repeat-x; 

}

.title h3{

	margin: 0 0 20px;

	width: 165px;

	height: 40px;

	line-height: 40px;

	font-size: 18px;

	background-color: #fff;

	font-weight: bold;



}

.title h3 span{

	display: block;

	width: 135px;

	height: 40px;

	background-color: #0375cb;

	color: #fff;

}

.title a{

	width: 70px;

	height: 24px;

	line-height: 24px;

	margin-top: 8px;

	background-color: #fff;

	color: #666;

}

.case-item{

	margin-top: 30px;

}

.title02{

	height: 70px;

	line-height: 50px;

	border-bottom: 1px solid #eee;

	margin-bottom: 30px;

	padding-bottom: 20px;

}

.title02 h3{

	margin: 0;

	line-height: 30px;

	font-size: 20px;

	font-weight: bold;

}

.title02 h3 span{

	display: block;

	font-size: 14px;

	line-height: 20px;

	font-weight: normal;

	color: #999;

	margin-top: 5px;

}

.news-image{

	background-color: #f1f1f1;

	position: relative;

}

.news-image img{

	width: 100%;

	height: 260px;

}

.news-data{

	position: absolute;

	left: 0;

	top: 0;

	width: 90px;

	height: 90px;

	background-color: #ff6600;

	color: #fff;

	padding: 10px;

}

.news-data b{

	display: block;

	font-size: 36px;

	line-height: 40px;

	border-bottom: 1px solid #fff;

	padding-bottom: 5px;

	margin-bottom: 5px;

}

.news-data span{

	display: block;

	font-size: 16px;

}

.news-image a{

	display: block;

	line-height: 50px;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	padding: 0 20px;

}

.news-image p{

	line-height: 26px;

	color: #666;

	padding: 0 20px;

}

.news-list li{

	height: 45px;

	line-height: 45px;

	border-bottom: 1px dashed #d2d2d2;

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

	padding-left: 15px;

}

.news-list li span{

	color: #999;

}

.message{

	background-color: #e9e9e9;

	padding: 30px;

}

.message .clearfix{

	margin-bottom: 10px;

}

.message b{

	color: #f00;

}

.message .clearfix input{

	width: 75%;

	height: 32px;

	line-height: 32px;

	background-color: #fff;

	border: 1px solid #cecece;

	padding: 0 10px;

}

.message textarea{

	width: 75%;

	height: 140px;

	background-color: #fff;

	border: 1px solid #cecece;

	padding: 0 10px;

}

.message .submit input{

	width: 140px;

	height: 40px;

	line-height: 40px;

	margin: 20px auto 0;

	background-color: #0375cb;

	color: #fff;

	font-size: 18px;

	padding: 0;

	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

}

.main .message .clearfix input{

	width: 80%;

}

.main .message textarea{

	width: 90%;

}

.footer{

	background-color: #333;

	color: #fff;

	padding: 30px 0;

}

.flink{

	padding: 15px 0;

	background-color: #282828;

	color: #999;

}

.flink a{

	color: #999;

	margin: 0 5px;

}

.sidebar-title{

	height: 50px;

	background: url("../images/sidebar-title.jpg") repeat-x;

	color: #fff;

}

.sidebar-title h3{

	font-size: 18px;

	line-height: 50px;

	margin: 0;

}

.sidebar-list{

	padding: 10px 0;

}

.sidebar-list li{

	height: 46px;

	line-height: 46px;

	border-bottom: 1px dashed #e4e4e4;

	background: url("../images/icon_sidebar.gif") no-repeat 20px center;

	padding-left: 50px;

	font-size: 16px;

}

.sidebar-title01{

	height: 50px;

	line-height: 50px;

	padding: 0 30px;

	margin: 0;

	background: #dfdfdf url("../images/sidebar-list.gif") no-repeat 80% center;

	font-size: 18px;

}

.sidebar-title02{

	height: 50px;

	line-height: 50px;

	padding: 0 30px;

	margin: 20px 0;

	background: #dfdfdf url("../images/sidebar-contact.gif") no-repeat 80% center;

	font-size: 18px;

}

.sidebar-contact{

	padding: 0 20px;

}

.sidebar-contact p{

	line-height: 30px;

	font-size: 16px;

}

.position{

	height: 50px;

	line-height: 50px;

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

	padding-left: 40px;

	border-bottom: 1px solid #e4e4e4;

}

.position h3{

	margin: 0;

	line-height: 50px;

	font-size: 18px;

	font-weight: bold;

}

.position span,

.position span a{

	color: #666;

}

.news-item{

	padding-bottom: 20px;

	margin-top: 20px;

	border-bottom: 1px dashed #d9d9d9;

}

.news-item a{

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 15px;

}

.news-item p{

	line-height: 30px;

	color: #666;

}

.news-item span{

	color: #999;

	display: block;

	text-align: right;

}

.main-title{

	font-size: 20px;

	font-weight: bold;

	margin: 40px 0 20px;

}

.main-info{

	border-bottom: 1px dashed #d9d9d9;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.main-info span{

	color: #666;

	margin: 0 5px;

}

.content{

	line-height: 30px;

}

.content img{

	display: block;

	max-width: 100%;

	margin: 5px auto;

}

.recommend-title{

	margin: 20px 0 0;

	width: 100px;

	height: 35px;

	line-height: 35px;

	border-bottom: 2px solid #ec6700;

	font-size: 18px;

}

.main-product .img-responsive{

	width: 100%;

}

.main-product-title{

	font-size: 18px;

	font-weight: bold;

	color: #444;

	padding: 15px 0;

	border-bottom: 1px dashed #d3d3d3;

	margin: 0 0 20px;

}

.main-product-info{

	color: #666;

	margin-bottom: 20px;

}

.main-product-info span{

	color: #ed6800;

	margin-right: 10px;

}

.main-phone{

	height: 30px;

	line-height: 30px;

	margin-bottom: 20px;

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

	padding-left: 45px;

	color: #666;

}

.main-phone b{

	font-size: 24px;

	color: #eb6703;

}

.main-price{

	height: 45px;

	line-height: 45px;

}

.main-price li{

	display: inline-block;

	width: 140px;

	height: 45px;

	margin-right: 15px;

}

.main-price .main-price01{

	display: block;

	width: 140px;

	height: 45px;

	background-color: #ec6700;

	color: #fff;

}

.main-price .main-price02{

	display: block;

	width: 140px;

	height: 45px;

	background-color: #004b9e;

	color: #fff;

}

.main-type{

	height: 50px;

	background-color: #fff;

	margin: 40px auto;

}

.main-type a{

	float: left;

	width: 25%;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	background-color: #ececec;

	padding-right: 1px;

}

.main-type a:hover,

.main-type a.active{

	background-color: #ec6700;

	color: #fff;

}

.list_page{text-align:center; margin:25px auto 20px;}

.list_page li{display: inline-block; margin:0 5px;padding:5px 12px;border:1px solid #d5d5d5; color:#333; cursor:pointer;}

.list_page .thisclass,.list_page .thisclass a,.list_page li:hover{background:#ff6600; color:#fff; border:1px solid #ff6600;}

.list_page span{margin:0 5px;padding:5px 12px;}



@media (min-width: 768px) {

  .navbar-brand {

	  float: left;

	  height: 120px;

	  padding: 20px 15px;

	}

	.navbar-header {

    float: left;

    width: 100%;

  }

  .navbar-nav > li > a {

  padding: 15px 40px;

  font-size: 16px;

  line-height: 20px;

	}

	.product-item a img{

		width: 100%;

		height: 200px;

	}

	.case-item img{

	width: 100%;

	height: 190px; 

}

}



@media (min-width: 768px) {

  .navbar-brand {

	  float: left;

	  height: 120px;

	  padding: 20px 15px;

	}

	.navbar-header {

    float: left;

    width: 100%;

  }

  .navbar-nav > li > a {

  padding: 15px 40px;

  font-size: 16px;

  line-height: 20px;

	}

	.product-item a img{

		width: 100%;

		height: 200px;

	}

	.case-item img{

	width: 100%;

	height: 190px; 

}

}none;

		background-color: #f5f5f5;

		padding: 40px 0 40px;

	}

  .product-item a img{

		width: 100%;

		height: 120px;

	}

	.adv{

		background: none;

		min-height: 0;

		padding-top: 40px;

	}

	.adv h3{

		width: 70%;

		font-size: 20px;

	}

	.adv p{

		padding-left: 0;

	}

	.adv02{

		margin-top: 40px;

	}

	.adv03{

		margin-top: 40px;

	}

	.main .message .clearfix input{

		width: 70%;

	}

	.main .message textarea{

		width: 70%;

	}

}*/
@media (min-width: 768px) {

  .navbar-brand {

	  float: left;

	  height: 120px;

	  padding: 20px 15px;

	}

	.navbar-header {

    float: left;

    width: 100%;

  }

  .navbar-nav > li > a {

  padding: 15px 40px;

  font-size: 16px;

  line-height: 20px;

	}

	.product-item a img{

		width: 100%;

		height: 200px;

	}

	.case-item img{

	width: 100%;

	height: 190px; 

}

}th: 70%;

		font-size: 20px;

	}

	.adv p{

		padding-left: 0;

	}

	.adv02{

		margin-top: 40px;

	}

	.adv03{

		margin-top: 40px;

	}

	.main .message .clearfix input{

		width: 70%;

	}

	.main .message textarea{

		width: 70%;

	}

}op: 40px;

	}

	.adv03{

		margin-top: 40px;

	}

	.main .message .clearfix input{

		width: 70%;

	}

	.main .message textarea{

		width: 70%;

	}

}