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: #404040;
}
.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: #ff6600;
}
.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: #404040;
	color: #fff;
}
.product-item{
	margin-bottom: 30px;
}
.product-item span{
	height: 46px;
	line-height: 46px;
	border-bottom: 2px solid #e3e3e3;
	font-size: 16px;
  overflow: hidden;
}
.product-item:hover span{
	background-color: #ff6600;
	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: 728px;
	padding-top: 185px;
}
.adv img{

}
.adv h3{
  font-size: 30px;
  margin: 30px 0;
  color: #ff6600;
}
.adv-about p{
  font-size: 16px;
  line-height: 30px;
}
.adv-text{
  padding-left: 120px;
  margin-bottom: 50px;
}
.adv-text h4{
  font-size: 24px;
  font-weight: bold;
  color: #125dd2;
  margin: 10px 0;
  color: #222;
}
.adv-text p{
  font-size: 16px;
  line-height: 26px;
  color: #666;
}
.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: #404040;
	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: #404040;
	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;
  min-height: 370px;
}
.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: #ff6600;
	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;
}
.footer a{ color:#fff} 
.footer a:hover{ color:#Fff} 
.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; */
  background-color: #404040;
	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 #dedede;
	font-size: 16px;
  background-color: #fff;
}
.sidebar-list li a{
  display: block;
  height: 46px;
  background: url(../images/icon_sidebar.png) no-repeat 20px center;
	padding-left: 50px;
  transition: all 0.3s;
}
.sidebar-list li a:hover{
   background: #ff6600 url(../images/icon_sidebar2.png) no-repeat 20px center;
   color: #fff;
}
.sidebar-title01{
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	margin: 0 0 20px;
	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: 10px 20px;
}
.sidebar-contact p{
	line-height: 24px;
	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;
  margin-bottom: 30px;
}
.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;
	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: #ececec;
	margin: 40px auto;
}
.main-type span{
	float: left;
	width: 25%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ec6700;
  color: #fff;
}
.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: #333;
  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: #333;
  border-color: #333;
}
.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: #333;
  border-color: #333;
}

@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 (max-width: 767px) {
	.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 0 15px;
	}
	.navbar-brand img{
		height: 50px;
	}
	.product{
		background: none;
		background-color: #f5f5f5;
		padding: 40px 0 40px;
	}
  .product-item span{
    font-size: 14px;
  }
	.adv{
		background: none;
		min-height: 0;
		padding-top: 40px;
	}
  .adv-text{
    padding-left: 0;
  }
	.main .message .clearfix input{
		width: 70%;
	}
	.main .message textarea{
		width: 70%;
	}
}

#banner{width:100%; height: 508px; overflow: hidden;position:relative;}
#banner .m{width:1920px; height: 508px; overflow: hidden; position:absolute;left:50%;margin-left:-960px; z-index: 100;}



#banner .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;z-index: 200;
}
#banner .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;z-index: 200;
}
#banner .swiper-container {
  height: 508px;
  width: 100%;
}
#banner .content-slide {
  color: #fff;
}
#banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:26px;
  width: 100%;
z-index: 200;
}
#banner .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 8px;
  cursor: pointer;
}
#banner .swiper-active-switch {
  background: #fc0000;
}


#box1{width:100%; height:2258px; overflow: hidden; position:relative;}
#box1 .m{width:1920px; height: 2258px; overflow: hidden; position:absolute;left:50%;margin-left:-960px; z-index: 100; background: url(../images/pfbg.jpg);}



/*优胜空间 */
.contactusdiyou {position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #009aff; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#009aff; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; } 
.contactusdiyou .conter{width:186px; height:560px; margin-left:22px;   position:absolute; top:55%;*margin-top:-140px;margin-top:-280px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.contactusdiyou  dl .f1{width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{ width:142px; float:right; font-size:12px; color:#fff; height:30px;line-height: 30px; float:right;}
.kefuQQ a{ background:url(../images/button-custom-qq.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(../images/button-custom-qq-h.gif)  no-repeat;}
.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}


.contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 73px;height: auto;}
.contactusdiyou .dytimer{    float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /***联系我们***/