@font-face {
  font-family: 'iconfont';  /* project id："181393" */
  src: url('//at.alicdn.com/t/font_xxfy1s3zeufh6w29.eot');
  src: url('//at.alicdn.com/t/font_xxfy1s3zeufh6w29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_xxfy1s3zeufh6w29.woff') format('woff'),
  url('//at.alicdn.com/t/font_xxfy1s3zeufh6w29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_xxfy1s3zeufh6w29.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px}

.icon-tel{color:#edb811; font-size:35px; }
.tel-wap{margin-top:5px;margin-right: 10px;}
.tel-pc{color: #8c4528!important; font-size:14px;}
.icon-tel-pic{ font-size:12px;}

.l1,.l2,.l3,.l4,.l5,.l6{color:#aaa;}
.l1{font-size:40px; }
.l2{font-size:40px; }
.l3{font-size:40px; }
.l4{font-size:40px; }
.l5{font-size:40px; }
.l6{font-size:40px; }

*{margin:0; padding: 0}
li{list-style: none; }
ol, ul { list-style: none;  margin:0;}
a {  font-family: Verdana,Geneva,sans-serif;  cursor: pointer;}
address, cite, dfn, em, var { font-style: normal;}

a{color:#444;text-decoration:none}
a:visited{color:#918b8e;text-decoration:none}
a:hover{color:#9c7046}
a:active{color:#666}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.img-center{display:block; text-align:center;}
/*5列*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } 
@media (min-width:768px) { 
    .col-sm-5ths { width: 20%; float: left; } 
} 
@media (min-width:992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 
@media (min-width:1200px) { 
    .col-lg-5ths{ width: 20%; float: left; } 
}

/*bt更改*/
@media (min-width: 1318px){
.container {  width: 1318px;}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.clearfix {-ms-zoom: 1;}
.clearfix::after {  height: 0px;  overflow: hidden;  clear: both;  display: block;   visibility: hidden;    content: ".";}

.m-t-10{margin-top: 10px!important; }
.m-t-5 {  margin-top: 5px;}
.m-b-15{margin-bottom: 15px}
.m-b-10{margin-bottom: 10px}
.m-b-30{margin-bottom: 30px}

@media (min-width: 768px){
    .navbar-brand { margin-left: 0px!important;}
}
@media (max-width: 768px){
  .m-b-15-768{margin-bottom: 15px}
  
}
.m-t-b-30{margin-top: 30px; margin-bottom: 30px}
@media (max-width: 400px){
	.m-t-b-30{margin-top: 15px; margin-bottom: 15px}
}
.p-0{padding: 0}
.p-l-0{padding-left: 0}
.p-r-0{padding-right: 0}
.p-t-30{padding-top: 30px}
.padding-l-r-0{padding-right: 0; padding-left:0;}
.m_t_2em{margin-top: 2em}

.relative{ position: relative; } 
.line { border-bottom: 1px dotted #ccc;}
.a-8c4326 a {  color: #8c4326; }
.radius_img img{border-radius: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;}
.img100 img,
.img100 a img{width: 100%}
.max_img_100 img,
.max_img_100
{ max-width: 100% }
.post-body p{padding-bottom: 15px;}

/*顶部bar*/
.menutop { background: #e4e4e4;}
.menutop .container{padding-left:10px; padding-right:10px;}
.top-nav{height: 36px; line-height: 36px; font-size: 12px;}
.top-nav li{ display: inline-block;  color: #999;}
.top-nav li a{  color: #777;}
.menutop .pull-left span{ color: #8c4427;  padding-left: 2px}
.top-nav li.border { width: 1px; height: 13px; background: #777; vertical-align: middle; margin: 0 10px;}
.menutop .pull-right a.tel{color: #8c4528; font-weight: bold;}
.menutop .pull-right a.tel_icon{ background: url(top_nav_icos.png) 0 -45px no-repeat;  padding-left: 15px;}
.show_zh_weixin {   position: absolute;   top: 37px;   left: -15px;   display: none;   z-index: 99999999;}
.pull-right.top-right {margin-right: 50px;}
@media (max-width: 1200px){
  .show_zh_weixin {left: -20px;}
}
.shows .show_zh_weixin{display: block;}
.btn720 { margin-top: 18px;}

@media (max-width: 400px){
  .top-nav{ }
  .menutop .pull-left li{font-size: 16px}
  /*.menutop .pull-right{ float: left!important; }*/
}

/*导航*/
.main-nav .container{padding-left:10px; padding-right:10px;}
.navbar-toggle{margin-right: 5px;}
.container-fluid{padding-right: 0; padding-left: 0;}
.navbar-default {background-color: #fff!important;min-height: 80px;}
.navbar {border:0}
.navbar-header{margin-right: 40px!important}




.navbar-brand {
    padding: 0;
    margin:15px 15px 0 15px;
}

@media (min-width: 768px){
.navbar-nav > li > a {
	margin: 0 20px;    
	line-height: 80px;    
	font-weight: 700;    
	color: #666;    
	font-size: 16px; 
	padding:0;}
}
.navbar{margin-bottom: 0;}
.nav .h-cur { border-bottom: 2px solid #ebb928;}
.navbar-default .navbar-nav > li > a{color: #333}
.navbar-default .navbar-nav > .open > a{background: #8c4427!important;color: #fff!important;border-top-left-radius:4px;border-top-right-radius:4px;}
.nav .open > a{background: #8c4427!important;color: #fff!important}
.dropdown-menu{	border-radius: 4px;	min-width:100%!important;	background: #8c4427;}
@media (min-width: 768px){
  .navbar-nav > li > a { margin: 0; padding: 0 20px}
}
.dropdown-menu li{	color: #666;	height: 32px;	line-height: 32px;	font-size: 14px;	text-align: center;}
.dropdown-menu>li>a{color: #fff}
.dropdown-menu li a:hover{background: #a36952;color:#fff;}

@media (max-width: 767px){
  .navbar-header{margin-right: 0!important}
  .navbar-header button{margin-top: 1.5em}
  .nav .h-cur { border-bottom: 0px;}
  .nav > li{text-align: center;}
  .navbar-default .navbar-collapse{border-top: 2px solid #8c4427; margin-top: 0.5em}
  .navbar-default .navbar-nav > li > a{color: #fff; font-weight: 500;font-size: 18px; letter-spacing: 1px; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #ebb928}
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color: #ffd4c2}
}

@media only screen and (max-width: 767px) and (min-width: 250px){
.navbar-default .navbar-collapse {
    top: 80px;
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    background: rgba(145,68,39,0.9);
    margin: 0px auto;
    border: medium none;
    z-index: 9999}
}

/*滚动大图*/
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block;}
#owl-demo img { display: block; width: 100%; border: 0 none;}
#bar{ width: 0%; max-width: 100%; height: 4px; background: #eab827; overflow: hidden;}
#progressBar{ width: 100%; background: #ededed;}
.owl-wrapper-outer{  position: relative;  background: #ccc;}
.owl-controls{left: 50%; position: absolute;  bottom: 30px;  margin-left: -30px;  z-index: 10;}
.owl-theme .owl-controls .owl-page span{background: #fff}


/*首页公用部分*/
.index-tit { border-left: solid 4px #BEBEBE; height: 26px; line-height: 26px; text-indent: 20px; font-size: 26px; margin-bottom: 20px;  }
.index-tit a{ color: #000;  }
.index-tit a:hover{  color: #8c4427}


/*流程图*/
.flow-chart {
    background: #f7f7f7;
    margin-bottom: 20px;
}

.flow-chart .service b,
.flow-chart .service i{display: block;}
.flow-chart .service b{font-size: 22px}
.flow-chart .service i{font-weight: normal; font-size: 12px; font-style: normal;}

.flow-chart .service{
  border-right: 1px solid #999; 
  margin-right: 30px
}

.flow-chart .col-lg-2{
  padding-top:20px; 
  padding-bottom: 20px
}

.flow-chart .col-lg-10{
  padding-left: 0; 
  padding-right: 0
}

.flow-chart .col-md-2{
  font-family: '微软雅黑'; 
  font-size: 14px; 
  font-weight: bold; 
  color: #666; 
  padding-top:20px; 
  padding-bottom: 20px
}

@media (max-width: 1200px){
  .flow-chart .col-md-2{font-size: 12px; }
}

  

.flow-chart span{
  margin-left: 10px;  
  display: inline-block;
}

.flow-chart em{    
    display: block;
    width: 42px;
    height: 42px;
    background: url(liucheng.png) no-repeat;
    float: left;
}

.flow-chart .s1 em { background-position: 0px 0;}
.flow-chart .s2 em { background-position: -42px 0;}
.flow-chart .s3 em { background-position: -84px 0;}
.flow-chart .s4 em { background-position: -126px 0;}
.flow-chart .s5 em { background-position: -168px 0;}
.flow-chart .s6 em { background-position: -208px 0;}

@media (max-width: 400px){
    .flow-chart .col-md-2{ padding-top: 5px;  padding-bottom: 5px;}
}

/*banner*/
.small_banner{
  background: rgba(145,76,48,0.2);
  margin-bottom: 2em;
  margin-top: 2em;
}

/*首页产品*/
.index-prod .col-md-6 img,
.index-prod .col-md-4 img{width: 100%}
.index-prod .col-md-6 span{ 
  display: inline-block; 
  background: #f1eee5; 
  width: 100%; 
  padding: 20px 10px; 
  font-size: 24px;
}
.index-prod .col-md-4 span{ 
  display: inline-block; 
  background: #f1eee5; 
  width: 100%; 
  padding: 20px 10px; 
  font-size: 20px; 
  margin-bottom: 20px
}

.index-prod a{ color: #333}
.index-prod a:hover {color: #8c4527;}

.btn-warning {
  color: #fff;
  background-color: #ae7c68;
  border-color: #8c4528;
}

.btn-warning:hover{
  background-color: #ebb928;
  border-color: #c89614;
}

.index-prod img:hover {
    opacity: .9;
    filter: alpha(opacity=90);
}

@media (max-width: 400px){
	.index-prod .col-md-6 span{ font-size: 12px!important}
    .index-tit {font-size: 18px; margin-bottom: 10px}
    .index-prod{padding-right: 10px}
    .index-prod .col-md-6{ padding-right:0}
    .index-prod .col-md-6 span{font-size: 14px;padding: 5px 10px; margin-bottom: 15px }
    .index-prod .col-md-4 span{font-size: 12px;padding: 5px 10px; }
    .index-prod .m_t_2em{margin-top: 0; margin-bottom: 0}
    .index-prod .btn-lg{font-size:14px; padding: 5px 10px}
}


/*案例*/
.case_list {
  position: relative;
}

.case_list p{ 
  margin-bottom: 0; 
  color: #fff
}
.case_list a span, .case_list a p, .case_list a em {
  position: absolute;
}

.case_list a span {
  bottom: 0;
  left: 0;
  background: #000;
  opacity: .55;
}

.case_list a.case_one span {
  width: 100%;
  height: 90px;
}

.case_list a.case_one p {
  left: 20px;
  bottom: 44px;
  font-size: 24px;
  width: 80%;
  height: 26px;
  line-height: 26px;
}

.case_list a.case_one em {
  left: 20px;
  bottom: 23px;
  color: #999;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case_list a.case_two span {
  width: 100%;
  height: 30px;
}

.case_list a.case_two p {
  left: 14px;
  color: #fff;
  bottom: 6px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

@media (max-width: 400px){
    .case_list a.case_one p {font-size: 16px;}
    .case_list a.case_two p { font-size: 12px;}
}

/*新闻*/
.index_news_list a.left:before
{
    content: "";
    margin-right: 5px;
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #666;
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
}

.index_news_list a.pull-right>i{
    background: url(triangle.jpg) no-repeat;
    display: inline-block;
    width: 5px;
    margin-right: 5px;
    height: 10px;
    padding-left: 5px;
}

.index_news_list{
  padding: 16px 0; height:120px;
}

.index_news_list li{padding-right:10px;}

.index_news_list a{
  font-size: 12px; 
  color: #333;    
  line-height: 28px;    
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_news_list a:hover{
  color: #8c4527; 
  text-decoration: none;
}

.index_news_list a.pull-right{color: #999}
.index_news_list a.pull-right:hover  {color: #8c4527;}


.index_news .tag{
  border-left: 1px solid #ededed;
  border-top:  1px solid #ededed;
  width: 100%;
  display: inline-block;

}
.index_news .tag li{
  border-bottom:1px solid #ededed; 
  border-right:1px solid #ededed; 
  line-height: 40px; 
  height: 40px; 
  font-size: 12px
}
.index_news .tag .col-md-4{
  padding-left: 0; 
  padding-right: 0
}
.index_news .tag li a{
  color: #333; 
  padding-left: 5px; 
  padding-right: 5px
}
.index_news .tag li a:hover{
  background: #8c4427;
  color: #fff; 
  display: inline-block; 
  width: 100%; 
}
.new_ad{
  padding-top: 20px;
}

@media (max-width: 400px){
    .index_news_list li{  width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .hidden-xs {display: none!important;}
}

@media only screen and (max-width: 767px) and (min-width: 250px){
	.index_news .line{border-bottom:0;}
}

/*城市*/
.city {
    border: 1px #c5c5c5 solid;
    border-bottom: 1px #8c4427 solid;
    margin-bottom: 25px;
    padding: 10px 20px;
    font-size: 12px;
    background: #FFFFFF url(bg_city.png) no-repeat right bottom;
}
.city img {
    float: left;
    display: block;
}

.city span {
    margin-left: 60px;
    display: block;
}
.city span a {
	color: #999;
  padding: 0px 5px 5px 5px;
  line-height: 24px;
}
.city span a:hover{
	text-decoration:underline;
}

/********************************************首页**********************************************/

/*footer*/
.footer{  
	padding: 20px 0; 
	background:#2D3237;
	color:#b3b3b3;
}

.footer a:hover{
	color: #8c4326
}

.footer dt {
	margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.footer .tel {
  margin-bottom: 10px;
  font-size: 30px;
  color: #050505;
}

@media (max-width: 1200px){
    .footer .tel{font-size: 20px;}
}

.footer .kf a{
	background: url(kf.png) no-repeat -1px 0px; 
	margin: 5px 0 8px;    
	padding-left: 49px;    
	display: block;    
	width: 200px; 
  text-indent: 30px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  color: #070707;
  text-decoration: none;
}

.footer .kf a:hover{
	background-position: -1px -43px;
  color: #fff;
}

.friendly-title {
  height: 32px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  margin-bottom: 5px;
}

.friendly-title h5 {
  border-bottom: 1px solid #999;
  width: auto;
  font-weight:bold;
  height: 32px;
  line-height: 32px;
  color: #ae7b67;
  position: absolute;
  top: 0px;
  margin: 0;
  padding: 0;
}

.friendly-link a {
  font-size: 12px;
  color: #999;
  padding-right: 10px;
  line-height: 24px;
}

.friendly-link a:hover{
	text-decoration:underline;
}

@media (max-width: 400px){

.footer .tel {    font-size: 16px;}
.footer .kf a {  background:#d9dadb;    padding-left:0;   width: 100%;  text-indent:0;   text-align: center;   font-size: 18px;   color: #070707;    text-decoration: none;}
.footer .kf a:hover{   color: #8c4528;}

}

/*内页*/

/*当前位置*/
.guide{background:#f6f6f6;  border-top:2px solid #8c4427;}
.guide h4{font-size:36px;color:#fff; height:40px; line-height:40px}
.guide h4 span{color:#d0a071;font-size:36px;padding-left:12px}
.guide h5{font-size:14px;color:#666;height:40px; line-height:40px; margin-top:0; margin-bottom:0;}
.guide h5 a{color:#666 !important}



/*下一页*/
.pagebar{ width:100%; padding:20px 0}
.pagination-loading,.ias_trigger a { float:left;   height: 35px;  display: block;  width: 100%;  background: #f2f2f2;  text-align: center;  font-size: 14px;  line-height: 35px;  color: #454545; margin:20px 0}
.pagebar{ display:none}

/*内页tag*/
.tags{color:#8c4427; background: #f8f8f8; padding-bottom:10px;}
.tags .tagbox{padding:15px; font-size:14px;}
.tags .tagbox h4{font-size:14px;}
.tags .tagbox li{float:left; margin-right:20px; margin-top:10px;}
.tags .tagbox li a{font-size:12px; color:#999;}
.tag-count { color:#ae7b67;}

/*内容公用*/
.post-body img{max-width:100%;}


/*内页新闻页*/
.new-content{ padding: 30px 5px  }
.new-content .cur-page { color: #333; margin-bottom: 15px;}
.new-content h1 {  font-size: 24px;   font-weight: normal;    color: #000;}
.new-content .des {   padding-bottom: 40px;  margin-top: 20px;  border-bottom: 2px solid #f0f0f0;   color: #999999;}
.new-content .des span { margin-right: 16px; }
.new-content img{max-width: 100%}

.new-content .content { margin-top: 30px; line-height: 2;      color: #333; }
.new-content .content p{font-size: 16px;    padding-bottom: 15px;}
.new-content .content img{}
.new-content .content table{font-size: 16px;margin-top:10px; margin-bottom:10px;}
.new-content .content table td{padding:5px;}

.encyclopedia {   margin-bottom: 20px;    border: 1px solid #e6e6e6;}
.encyclopedia h3{ height: 49px;   line-height: 49px;   padding-left: 20px;   font-size: 16px;   border-bottom: 1px solid #e6e6e6;   background: #f9f9f9;}
.encyclopedia .enc-con {  padding: 20px 20px 10px 20px;}
.encyclopedia ul {   margin-bottom: 10px;}
.encyclopedia li {  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.encyclopedia li a {  font-size: 14px;  line-height: 2.3;  color: #666; }


.new-content .tags {   margin-bottom: 20px;   border-bottom: 2px solid #f0f0f0;  color: #999; padding-bottom:20px; }
.new-content .tags p{font-size: 16px}
.new-content .tags span { display: inline-block;  margin-right: 5px;   padding: 0 10px;   vertical-align: middle;   background: #f0f0f0;   border-radius: 2px;   color: #666;}

.new-content .page,.new-content .page a{ color:#8c4326;}

.like-article p{font-size: 16px; }
.like-article a{ font-size: 14px;  color: #999;}
.like-article img{max-width: 100%}

.new-content-list li {
  padding-bottom: 20px;
  margin-bottom:20px;
  border-bottom: 1px dashed #f0f0f0;
}

.new-content-list img{width:100%;}
.new-content-list .mz-con h2 a {
  font-size: 20px;
  font-weight: normal;
  color: #000;
}
.new-content-list .mz-con .des {
  color: #999;
  height: 72px;
  margin-top: 10px;
  margin-bottom: 22px;
  line-height: 2;
  overflow: hidden;
  color: #999999;
}
.new-content-list .views,
.new-content-list .category,
.new-content-list .tag{float:left; margin-right:10px;}
.new-content-list .time{float:right;}

.new-content-list .mz-con .tag span {
  display: inline-block;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #f0f0f0;
  color: #666666;
}

.ellipsis-h2 h2
 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:95%;
}


.galleryg-page { line-height: 2;  color: #333; }
.galleryg-page p{font-size: 16px;    padding-bottom: 15px;}
.galleryg-page img{max-width:100%;}
.box_gallery{margin-bottom:25px;}
.box_gallery img{width:100%;}

/*案例图片*/
.p_10_20{padding:10px 20px; }
#imglist>li>.linr {
    border: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 25px;
}

#imglist>li>.linr>a:hover>img{opacity: 0.9;}

#imglist>li>.linr>.checking{ position: absolute; width: 100%; height: 0px;top:0;left:0;z-index: 99; background:rgba(30,19,13,0.5);}
#imglist>li>:hover>.checking{height:60px; transition:all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
#imglist>li>.linr>.checking>a{display: block;float: right; width:117px; height:0px;margin-top: 10px;cursor: pointer;}
#imglist>li>:hover>.checking>a{height:40px; transition:all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}


#imglist a.online-consult{margin-right: 20px; background:url(online-consult.png) no-repeat center center;}

.case-title{
    display: block;
    height: 40px;
    line-height: 40px;
    color: #323232;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

@media (max-width: 768px){

.case-title{border-bottom: 0px solid #e0e0e0;
    height: 20px;    line-height: 20px;
}

}


.case-tags li{float:left;}
.case-tags li:nth-child(n+4){display:none;}


.title_gallery{
    height:40px;
    line-height:40px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.ias_trigger{margin:0 0px;}
.ias_trigger a span {
    width: 15px;
    height: 15px;
    background: url(load_gif.gif) no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right: 4px;
}


.case-tags {
    padding-left: 30px;
    color: #323232;
    margin-top:10px;
    margin-bottom:10px;
    background: url(ptags.png) no-repeat 0 2px;
}
.case-tags>ul>li {
    padding: 4px 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
}

.case-tags>ul>li:nth-child(1) {
    background: #fffbf8;
    border: 1px solid #eed8c3;
    color: #b69a82;
}
.case-tags>ul>li:nth-child(2) {
    background: #f1f8fe;
    border: 1px solid #bcdef7;
    color: #8bb5e5;
}
.case-tags>ul>li:nth-child(3) {
    background: #f5fff4;
    border: 1px solid #bfe9b7;
    color: #6bb55c;
}

/*产品页*/
.p_15_30{padding:15px 30px;}
.p_t_b_15{padding-top:15px; padding-bottom:15px;}
.p_t_b_26{padding-top:26px; padding-bottom:26px;}
.bg_white{background:#fff;}
.bg_prod{background:#e9eaec;}
.post-title{margin-bottom:1em;margin-top:1em; font-size: 24px;;font-weight: normal;}
.sidebar_prod dl{margin-bottom:0;}
.sidebar_prod dt{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}
.p_l_r_15{padding-left:15px; padding-right:15px;}
.p_l_r_9{padding-left:9px; padding-right:9px;}
.p_l_r_6{padding-left:6px; padding-right:6px;}
.p_t_30{padding-bottom:30px;}
.recommend_img .col-xs-6{padding-right:6px; padding-left:6px; margin-bottom:12px;}
.sidebar_faq_list dd a{color:#666; font-size:12px;}
.sidebar_faq_list dd a::before {
    content: "";
    margin-right: 5px;
    display:inline-block;
    width: 2px;
    height: 2px;
    background-color: #666;
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
}

.pagebars{clear: both;}
.pagebars li{float: left; border: 1px solid #ccc; min-width:30px;padding: 3px; margin-left:10px; text-align:  center;}
.pagebars li:hover{background: #e4e4e4;}
/*扩展阅读*/
.expands h4{ color:#ff0000; font-size:16px; padding-bottom:5px; border-bottom:2px solid #ff0000; float:left; }
.expands ul li{min-height:24px; line-height:24px;}
.expands p{padding:0; margin:0; font-size:14px}


/*=comment*/
.comments{border-top:2px solid #f0f0f0; padding-top:20px; margin-top:10px;}
.revertcomment a{color:#8c4427;}
.inpName {  line-height: 2;}

input,
textarea,
select{outline:none;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 2px 2px #eee inset;background:#f9f9f9;padding:0 5px;font:14px/32px "微软雅黑",Arial;color:#666;}
textarea{line-height:24px;padding:5px;overflow:auto}
input:focus,
textarea:focus{border-color:#39C;background:#fff;color:#123}
input.err,
textarea.err{border-color:#C33;box-shadow:0 0 3px 3px #FFEEF7 inset;}
input[type='text']{height:30px;}
input[type='checkbox'],
input[type='radio']{border:none;background:none;}

#comment blockquote{border-left: 0}

#comment{}
#comment blockquote{position:relative;padding:0 0 0 70px;margin:0 0 20px;}
#comment figure{position:absolute;left:0;top:0;margin:0;padding:0;overflow:hidden}
#comment figure img{display:block;width:50px;height:50px;background:#def;border-radius:3px;}
#comment cite{font-style:normal;display:block;overflow:hidden}
#comment cite b{float:left}
#comment cite a{color:#345}
#comment time{float:right;color:#abc;font-size:12px}
#comment q{display:block;quotes:none}
#comment blockquote blockquote,
#postreply{margin:15px 0 0;border:1px solid #cde;padding:5px 8px 8px 47px;border-radius:3px}
#comment blockquote blockquote:before,
#postreply:before{content:".";overflow:hidden;height:0;width:0;font:0px/0 arial;border:10px solid;border-color:transparent transparent #def transparent;position:absolute;left:10px;top:-20px}
#comment blockquote blockquote figure{margin:8px 0 0 8px;}
#comment blockquote blockquote figure img{width:32px;height:32px;}
#comment blockquote blockquote cite b,
#comment blockquote blockquote cite time{float:none;margin:0 5px 0 0}
/*=reply*/
#reply{background-color:#f0f0f0;padding:5px;border-radius: 5px;display:none;}
#reply figure{display:none;}
/*=pstcmt*/
#postcmt dd{position:relative;padding:108px 0 0 0;margin:0 12px 0 100px;}
#postcmt dd h5{font-size:14px;font-weight:100;position:absolute;left:10px;top:5px;margin:0;}
form[action*='act=cmt'] p{margin:12px 0 0;}
form[action*='act=cmt'] p label{margin:0 -10px 0 10px;display:block}
form[action*='act=cmt'] p img{right:0;position:absolute;margin:-2px -2px 0 0;z-index:2}
form[action*='act=cmt'] p sup{color:#F36;}
form[action*='act=cmt'] input{height:32px;width:100%;display:block;background:none;margin:0 0 -29px -10px;text-indent:60px;}
form[action*='act=cmt'] textarea,
form[action*='act=cmt'] span[class^='xhe_']{height:96px;position:absolute;top:0;left:0;background:none;width:100%;}
form[action*='act=cmt'] textarea:focus{background:#fff!important;}
form[action*='act=cmt'] button{}
#postcmt figure{position:absolute;left:-100px;top:0;margin:0;padding:0;width:80px;text-align:center;}
#postcmt figure img{width:80px;height:80px;display:block;margin:0 0 3px}
#postcmt figure b{margin:0 5px 0 0 }
#postcmt figure ins{color:#789;font-size:12px;position:relative;top:-1px;white-space:nowrap}
blockquote textarea{background:white!important;position:relative!important;width:95%!important;}
blockquote input{background:white!important;width:95%!important;}

#postcmt dt,
#comment dt{
    font-size: 1.4em;
    color: #3A6EA5;
    margin: 0 0 5px;
}

#postcmt {
    padding: 20px 0;
    line-height: 2;
}
form p{margin:12px 0 0;}

/*招聘*/
.hr-sidebar .row{
    margin-right: 5px!important;
    margin-left: 5px!important;
}
.hr .row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.hr-sidebar >.row:nth-of-type(2n),
.hrlist >.row:nth-of-type(2n) {
    background-color: #f9f9f9;
}

.hr-sidebar >.row:hover,
.hrlist .row:hover{background:#e0dfdf}

.hr-row-tit {
    color: #646464;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    float: left;
    padding-left: 10px;
    text-align: left;
}

.hr-row {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hr-row a {
    color: rgb(40,70,140);
    text-decoration:underline;
}
.hr-row span {
    color: #ff6600;
    font-weight: bold;
}

.hr-sidebar-tit{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}

.hr-body ul li{
    list-style:none;
    text-indent:2em;
    margin:0;
    padding:0;
    font-size:16px;
}
.hr-body p{padding-bottom: 0px;font-size:16px;}

@media (max-width: 720px){
.hr-sidebar{margin-top:10px;}

.mb .new-content{padding:0;}
.mb .container{padding-left:0; padding-right:0;}
.mb .new-content h1{font-size:18px; font-weight:bold;}
.mb .new-content .des{padding-bottom: 20px;}
.mb .new-content .tags{padding-bottom:0; padding-top:5px; padding-left:5px;}
}


#newBridge {display: none!important;}
.navbar-brand>img { width: 200px;}