/* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
  }
  /* margin */
  .margin-left-5{
	  margin-left:5px;
  }
  .margin-left-10{
	  margin-left:10px;
  }
  .margin-right-10{
	  margin-right:10px;
  }
  .margin-right-15{
	  margin-right:15px;
  }
  .margin-bottom-20{
	  margin-bottom:20px;
  }
  .margin-top-30{
	  margin-top:30px;
  }
  .margin-bottom-30{
	  margin-bottom:30px;
  }
  /* padding */
  .padding-left-60{
	  padding-left:60px;
  }
  .padding-left-40{
	  padding-left:40px;
  }
  .padding-left-20{
	  padding-left:20px;
  } 
  .padding-top-45px{
	  padding-top:45px;
  }
  .padding-top-55{
	  padding-top:55px;
  }
  .padding-top-30{
	  padding-top:30px;
  }
  /* a style */
  a{
	  color: #585858;text-decoration:none;
  }
  a:hover{
	  color: #007BFF;text-decoration:none;
  }

  .Ad-font-size{
	font-size:22px;
}
  .public-fontsize{
	  font-size:16px;
  }
  .font-size-18{
	  font-size:18px;
  }
  .font-size-16{
	  font-size:16px;
  }
  .font-size-26{
	  font-size:26px;
  }
  .font-size-24{
	  font-size:24px;
	  color:#969494;
	  font-family:""
  }   
  .font-color-gray{
	  color:#A09898;
  }
  .public-color{
	  color: #007BFF;
  }
  .public-background-gray-color{
	  background-color: #f6f6f6;
  }
  .public-container-width-100{
	  width:100%;
	  background-color:#f6f6f6;
  }
  /* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom:80px; /* Margin bottom by footer height */
  font-size:14px;
}
ol , ul {list-style:none;}
.nav{
	width:1280px;height:60px;float:left;
}
ul, li { list-style: none; }
.nav ul{
	margin:0px; padding:0px; list-style-type:none;
}
.nav li{
	width:128px;
	height:60px;
	line-height:60px;
	text-align:center;
	float:left;
	font-size:16px;
}
.nav li a{
	color:#ffffff;
	display:black;
}
.nav li:hover{
	color#f6f6f6; background-color:#FF6D00;
	display:black;
}
.active{
	background-color:#FF6D00;
}
.about-title{
	width:100%;
	
}
.about-img{
	width:429px;
	height:286px;
	
}
.about-container{
	width:100%;
	float:left;
}

.news-content{
	width:100%
}
.news-content-box{
	width:100%;
	margin-bottom:18px;
	float:left;
}
.news-content-box-left{
	padding:2px 0px;
	width:22%;
	height:50px;
	line-height:22px;
	background-color:#21357C;
	color:#ffffff;
	float:left;
	text-align:center;
}
.news-content-box-right{
	width:78%;
	height:50px;
	line-height:50px;
	background-color:#f6f6f6;
	float:left;
	text-overflow:ellipsis;
	padding-left:2%;
}
.chang-title{
	width:100%;
	height:auto;
	float:Left;
	text-align:center;
	padding-top:30px;
	line-height:27px;
}
.footer {
  position: absolute;
  width: 100%;
  height:215px; /* Set the fixed height of the footer here */
  line-height:27px; /* Vertically center the text there */
  background-color: #2C2C2C;
  padding:30px 0px;
  color:#ffffff;
  margin-top:40px;
}
.public-container-fluid{
	width:100%;
}
.public-height-60{
	height:60px;
}
.container{
	width:1280px;
	max-width:1280px;
	padding:0px 0px;
}

.public-img{
	width:100%;
}
.public-line-height{
	line-height:27px;
}

/*hezuo*/
.hez{ background-color:#f6f6f6}
.hezuo { overflow:hidden; width:1280px; margin:30px auto 0px auto; padding:30px 0}
.hezuo h2{ text-align:center; margin-bottom:5px; font-size:28px;}
.hezuo h2 a{ color:#000;}
.hezuo span{ display:block; text-align:center; font-size:14px; color:#CCC; font-weight:lighter; margin-bottom:50px; text-transform:uppercase}
.hezuo .hzbox{ overflow:hidden; width:100%; height:203px; position:relative; margin-bottom:40px;}
.hezuo .hzbox ul{ overflow:hidden; position:absolute}
.hezuo .hzbox li{ float:left; width:260px; height:; margin-right:18px; text-align:center;}
.hezuo .hzbox li img{ display:block; border:4px solid #E8E8E8;margin-bottom:10px;}
.hezuo .hzbox li span{ display:block; text-align:center; font-size:14px; color:#585858; margin-top:15px;float:Left;}
.hezuo .hzbox li a{ display:block; text-decoration:none}
.hezuo .btn { overflow:hidden; width:168px; margin:0 auto; height:40px; position:relative;margin-left:43%;}
.hezuo .btn i{ display:block; width:100%; height:1px; background-color:#bebebe; position:absolute; left:0; top:50%;}
.hezuo .btn b{ display:block; width:40px; float:left; position:relative; z-index:1; height:40px; margin-right:2px; cursor:pointer}
.hezuo .btn .btn01{ background:url(../images/bg.png) no-repeat 0 -500px; margin-left:30px;}
.hezuo .btn .btn02{ background:url(../images/bg.png) no-repeat -60px -500px;}
.hezuo .btn .btn01:hover{ background:url(../images/bg.png) no-repeat 0 -540px;}
.hezuo .btn .btn02:hover{ background:url(../images/bg.png) no-repeat -60px -540px;}

/*case*/
.case { overflow:hidden; width:1280px; padding:40px 0px 0px 0px; margin:0 auto }
.case h2{ text-align:center; margin-bottom:5px; font-size:28px; }
.case h2 a{color:#000000;}
.case span{ display:block; text-align:center; font-size:14px; color:#c1c1c1; font-weight:lighter; margin-bottom:10px; text-transform:uppercase}
.casebox{ overflow:hidden; width:100%; height:180px;}
.casebox-list{ overflow:hidden; width:100%; height:auto;}
.case dl{ overflow:hidden; width:; height:180px; float:left; margin-right:30px;margin-bottom:30px;}
.case dt{ float:left; width:241px; height:180px; border:14px solid #e5e5e5;}
.case dd{ overflow:hidden; float:left; padding-left:15px; height:180px; width:384px; border:2px solid #e5e5e5; border-left:none}
.case dd h3{ font-size:14px; margin-top:25px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case dd h3 a{ color:#000}
.case dd p{ font-size:14px; line-height:22px; color:#000; height:66px; overflow:hidden; text-align:justify; margin-bottom:15px; width:355px;}
.case dd .more{ display:block; width:98px; height:32px; background-color:#E5E5E5; text-align:center; line-height:32px; font-size:13px; color:#585858; border-radius:3px; text-decoration:none}
.case dl:hover dt{ border-color:#21357C;}
.case dl:hover dd{ background-color:#21357C; border-color:#21357C;}
.case dl:hover dd .more{ color:#646464; background-color:#fff;}
.case dl:hover dd h3 a{ color:#fff;}
.case dl:hover dd p{ color:#fff;}

.title{ overflow:hidden; width:100%; text-align:center; position: relative; margin:0px 0px 40px 0px;}
.title .sc{ display:block; width:196px; height:26px; text-align:center; line-height:26px; font-size:13px; color:#fff; position:relative; z-index:1; background-color:#21357C; margin:0 auto; border-radius:3px;}
.title i{ display:block; width:100%; height:1px; background-color:#d9d9d9; position:absolute; left:0; bottom:13px;}

.left{
	width:220px;height:auto;float:left;
}
.left-product{width:220px;height:auto;float:left;}
.left-case{width:220px;height:auto;float:left;}
.left-products-title{
	width:220px;
	height:45px;
	float:left;
	background-color:#21357C;
	float:left;
	line-height:45px;
	text-align:center;
	color:#ffffff;
	font-size:18px;
}
.left-products-content{
	width:220px;
	height:auto;
	float:left;
	border-top:none;
	border:1px solid #21357C;
	padding:20px 10px;
}
.left-products-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.left-products-content li{
	width:200px;
	height:38px;
	line-height:38px;
	float:left;
	text-align:center;
	color:#ffffff;
	border:1px solid #f6f6f6;
	margin-bottom:15px;
}
.left-products-content li:hover{
	width:200px;
	height:38px;
	line-height:38px;
	float:left;
	text-align:center;
	background-color:#21357C;
	color:#ffffff;
}
.left-products-content li a:hover{
	width:200px;
	height:38px;
	line-height:38px;
	float:left;
	text-align:center;
	color:#ffffff;
}
.right{
	width:1040px;
	margin-left:20px;
	float:left;
	line-height:27px;
}
.rtop{
	width:1280px;
	height:auto;
	float:Left;
}
.rtopl{width:400px;float:Left;height:auto;}
.proinfo{
	width:850px;
	height:333px;
	float:Left;
	line-height:27px;
	margin-left:30px;
}
.proinfo span{color:#000;font-weight:bold;}
.proinfo-title{width:850px;height:45px;line-height:45px;float:Left;font-size:15px;border-bottom:#cccccc 1px dashed;}
.proinfo-title-t{width:850px;height:auto;float:Left;padding:15px 0px;line-height:27px;}
.proinfo-title-b{width:850px;height:auto;float:Left;padding:15px 0px;line-height:27px;}
.focusbox{
	width:500px;
	height:333px;
	float:Left;
}
.rbom{
	width:1040px;
	height:auto;
	float:Left;
	padding-top:0px;
	line-height:27px;
}
.rbom img{}
.top{width:100%;float:Left;height:auto;}
.bom{width:100%;float:left;height:auto;padding-top:40px;padding-bottom:40px;}
.boms{width:100%;float:left;height:auto;padding-top:0px;padding-bottom:40px;}
.network{
	width:470px;
	height:auto;
	padding:15px;
	float:left;
	border:14px solid #e5e5e5;
	margin-right:20px;
	margin-bottom:20px;
}
.network:hover{
	width:470px;
	height:auto;
	padding:15px;
	float:left;
	border:14px solid #21357C;
	margin-right:20px;
	margin-bottom:20px;
}
.network ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.network li{
	width:100%;
	height:38px;
	line-height:38px;
	float:left;
}
.xinwentiao{ width:1040px; float:left; height:38px; float:left; border-bottom:1px dashed #6A6A6A; line-height:38px;}
.xwzi{ width:870px; float:left; height:38px; line-height:38px; background-image:url(../images/newsdian.png); background-repeat:no-repeat; background-position:4px center; padding-left:20px; font-size:14px;}
.xwzi a{ color:#212121; text-decoration:none;}
.xwzi a:hover{ color:#21357C; font-weight:bold;}
.time{ width:150px; height:32px; line-height:32px; text-align:right; float:left; color:#2d2d2d;}
.danye{ width:1040px; height:24px; float:left; text-align:center; font-size:16px; font-weight:bold; line-height:24px;}
.nrk{ width:1040px; float:left; line-height:28px; padding-top:12px;}

.more{ display:block; width:98px; height:32px; background-color:#e5e5e5; text-align:center; line-height:32px; font-size:13px; color:#585858; border-radius:3px; text-decoration:none;margin-top:5px;}

.changzi-box{
	width:251px;
	height:;
	float:left;
	margin-right:12px;
	margin-bottom:0px;
}
.changzi-box-img{
	width:251px;height:auto;float:left;
	border:3px solid #e5e5e5;
	
}
.changzi-box-title{
	width:251px;
	height:45px;line-height:45px;float:left;
	text-align:center;
}

.nfanye{width:100%;margin:0 auto;text-align:center;overflow:hidden; background-color:#fff; padding:20px 0px; margin-top:0px; float:left;}
/*======鍒嗛〉=====*/
.viciao {margin-left:auto; margin-right:auto; }
.viciao A, .viciao SPAN.disabled{BORDER: #CAC7C7 1px solid;PADDING:5px 8px;COLOR:#7a7676; overflow:hidden;  MARGIN-RIGHT:7px; background:#F7F6F6; }
.viciao A:hover, .viciao A:active, .viciao a.current{BORDER: