html,
body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto;
  margin: 0 auto -130px;
  padding: 0 0 80px;
}
.container {
  padding:0px;
  width:1200px !important;
}
.navbar-custom {
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f8f8f8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #ffffff);
  background-image: -o-linear-gradient(top, #f8f8f8, #ffffff);
  background-image: linear-gradient(to bottom, #f8f8f8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-top: 3px solid #F04F27;
  border-bottom:1px solid #eee;
  margin-bottom:0px;
  font-weight:bold;
}
.navbar-custom .navbar-nav > li > a {
  color: #777777;

}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-custom .nav-justified a{
   color: #000;
   padding:20px;
}
.navbar-top-custom {
  margin-bottom:0px;
  padding-bottom:20px;
}
.navbar-top-custom a{
  color: #666666;
  font-size:12px;
}
.navbar-search .navbar-form{
  margin-top:20px;
  margin-bottom:0px;
}
.navbar-search .navbar-form  button{
  font-size:12px;
}
.carousel-caption h1{
  font-size:30px;
  font-family:height: 100%;font-size:14px;font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#2c2c2c;background:#fff;
}
.carousel-caption h2{
  font-size:20px;
  font-family:height: 100%;font-size:14px;font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#2c2c2c;background:#fff;
}
/* Footer */
#footer{
  margin-top:50px;
  height: 150px;
  text-align:center;
  padding-top: 50px;
  border-top:1px solid #ddd;
  background-color:#F5F5F5;
  font-size:12px;
}
#footer a{
  color:#444;
}
#footer p,#footer p>a{
 color: #777;
}
#image-news-title{
  background:url(../images/custom/title_image_news.gif) no-repeat;
  width:100%;
  height:45px;
  text-indent:-100px;
  overflow:hidden;
}
#news-title{
  background:url(../images/custom/title_news.gif) no-repeat;
  width:100%;
  height:45px;
  text-indent:-100px;
  overflow:hidden;
}
#industry-news-title{
  background:url(../images/custom/title_industry_news.gif) no-repeat left;
  width:100%;
  height:45px;
  text-indent:-100px;
  overflow:hidden;
}
#news-list{
  font-size:12px;
  margin:4px 0px;
  width:100%;
}
#news-list li { 
  height:28px;
  line-height:28px;
  background:url(../images/custom/list_icon.gif) no-repeat left center;
  text-indent:16px;overflow:hidden
} 
#news-list li >a{ 
  color:#000;
} 
#news-list li>span { 
  float:right;
  color:#999;
} 


/*===========================
=========业务介绍======
===========================*/
.intro-services-title{
  background:url(../images/services_title.png) no-repeat center center;
  height:45px;
  margin:0px 0px 10px 0px;
}
.intro-services-item{
  padding-bottom: 5px;
}
.intro-services-img{
  float: left;
  margin-right:0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.intro-services-img img{
  width:95%;
  height:95%;
 
}
.intro-services-heading{
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 65px;
  color: #2c2c2c;
  font-weight: bold;
}
.intro-services-content{
  font-size: 18px;
  line-height: 20px;
  color:Black;
  text-align:left;
}
.intro-services-content p{ height:32px; line-height:30px;}
.intro-services-item:hover .intro-services-img{
  opacity: .8;
}
/* 位置导航条 */
.title-bar{
   margin:0 auto;
   border:1px solid #E6E6E6;
   height:40px;
   background-color:#f5f5f5;
   font-size:12px;
   padding-left:11.777%;
}
.title-bar a{
  color:#AAAAAB;
}
/*===========================
=========侧边导航======
===========================*/
.sidebar{
  margin:0px auto;
  padding-right:0px;
}
.sidebar ul{
  font-size: 12px;
  list-style: none;
  display: block;
  margin: 0 auto;
}
.sidebar > ul > li {
  padding: 0px 0px;
  border-bottom: 1px dotted #d5d5d5;
  border-left: 1px solid #d5d5d5;
  text-align: left;
}
.sidebar > ul .active{
  border-left: 2px solid #DB4A39;
  background-color:#f4f4f4;
}
.sidebar > ul >li > a {
  padding: 8px 0px 8px 45px;
  text-decoration: none;
  color: #000;
}
.sidebar > ul >li > a:hover, .sidebar > ul >li > a:focus {
  border-left: 2px solid #DB4A39;
}
/* 内容容器 */
.content-wraper{
  min-height: 300px;
  height: auto;
  border-left: 1px solid #ddd;
  padding:0px 30px 0px 0px;
}
/* 内容导航条 */
.content-nav-title {
  font-size: 12px;
  margin-left:30px;
  padding-left:5px;
  height:40px;
  line-height:40px;
  background:url(../images/custom/content_nav_title.gif) no-repeat left center;
} 
/* 文章内容 */
.article{
   line-height: 2.5em;
   font-size: 12px;
   margin-left: 30px;
   padding:8px 0px;
}
.article p{
  text-indent:2em;
}
.article hr{
  border-top: 1px dotted #ccc;
  margin:10px 0px;
}
.article-list{
   line-height: 2.5em;
   font-size: 12px;
   width:100%;
   padding:8px 0px 8px 22px;
}
.article-list li { 
  height:35px;
  line-height:35px;
  background:url(../images/custom/list_min_icon.gif) no-repeat left;
  text-indent:16px;
  overflow:hidden
} 
.article-list li >a{ 
  color:#000;
} 
.article-list li>span { 
  float:right;
  color:#000;
} 
.bg-gray{
  background-color: #eee;
}
.pc{
   margin-right: -30px;
   margin-left: -15px;
}
.pc td{
  vertical-align:middle!important;
}
@media (max-width:768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:100% !important;
    overflow-x:hidden;
  }
  .content-wraper{
    border:0;
  }
  .article img{
    width:70%;
    height:70%;
  }
}