@charset "utf-8";
/* CSS Document */
 /* 导航样式 */
.navbar-wapper{ position: relative; top:20px; left:0; right:0; z-index:20;} 
.navbar-brand{ width:180px; padding-top:0; }
.navbar-brand img{ width:102px; height:131px; }
.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar {
  position: relative; 
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.fl{ display:inline-block; float:left;}
.nav > li{ background:url(../images/nav_bg.png) no-repeat right bottom; padding:0; width:120px; height:95px;}
.nav > li > a{  margin-left:10px; margin-right:10px; text-align:center;  font-family:"宋体"; line-height:95px;  

  }
.nav > li > a.active{ border-top:1px solid #811a1a;   }
@media (min-width: 768px) and (max-width:1230px){
  .nav > li{ width:90px; }
   .navbar-nav > li > a{ line-height:90px; }
}
@media (max-width: 768px){
	.nav > li{ width:100%; height:35px; }
    .navbar-nav > li > a{ line-height:16px; text-align:left; padding-left:0; }
   	.navbar-inverse .navbar-nav > li > a {
  color: #fff; font-size:16px; padding-top:0;  margin:0 15px; border-bottom:1px solid #333;}
  .nav > li > a.active{ border-top:0; }
}

 @media (min-width: 768px) and (max-width:1200px){

.navbar-brand{ width:100px; padding:5px 0 0 30px;}
.navbar-brand img{ width:40px; height:51px; }
 }
 

 
 @media (max-width: 768px){
.carousel-inner{height:350px;}	
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
 height:350px;
   width:100vw;
}
.navbar-wapper{ position: absolute;top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:150px; padding:5px 0 0 15px;}
.navbar-brand img{ width:31px; height:40px; }
.navbar-inverse { background:rgba(0,0,0,0.8); }
 }
  @media (max-width: 320px){
	.carousel-inner{height:320px;}	
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%; 
}  
}
.carousel-indicators{bottom:8px;}
.carousel-indicators li{ border:0; background:#f5140e; width:76px; height: 2px; margin:0;} 
.carousel-indicators .active{  width:76px; height: 2px;  background:#fff;}
.carousel-control{ opacity:.0;}

 @media (max-width: 768px){
    .carousel-indicators li{width:30px; }
	.carousel-indicators .active{ width:30px; }
 }
  @media (max-width: 768px){
 .banner-sub{ min-height:350px; }
/*------ #bannerA{ background:url(../images/banner01.png) no-repeat 60% 50%; background-size:cover; }
 #bannerB{ background:url(../images/banner_join.png) no-repeat 60% 50%;background-size:cover; }
 #bannerC{background:url(../images/banner02.png) no-repeat 60% 50%;background-size:cover; }------*/ 
 
 } 
 
.title-area{ padding:60px 0 40px 0; }
.title-eng{ color:#a1a1a1; font-size:12px; font-family:Arial, Helvetica, sans-serif;  }
.title-ch{ color:#811a1a; font-size:18px; font-family:"黑体"; line-height:18px; font-weight:600;  }
.title-border{ border-bottom:1px solid #811a1a; position:relative; margin-top:15px; }
.circle-area{ width:142px; margin:auto; background:#fff; height:34px; border-left:1px solid #811a1a; border-right:1px solid #811a1a;  display:inline-block;position:absolute; top:-17px; left:50%; margin-left:-71px;  }
.circle-area .circle{ width:8px; height:8px; text-align:center; margin:auto; background:#b01717; display:inline-block; border-radius:8px; position:absolute; top:0; left:11px;  }
 
@media (max-width: 768px){
	.title-area{ padding:30px 0 20px 0; }
}

.works_con{  } 
.works_con_col{ padding-left:5px; padding-right:5px; margin-top:10px; color:#231f20; font-size:16px; text-align:center; }

.works_con_col_bg{ background: #fff; border:1px solid #8b8b8b; padding:10px; }
.works_con_col_img{ /*max-width:283px; max-height:400px;*/ position:relative;   }
.works_con_col_img img{width:100%; /*max-width:285px; max-height:400px;*/ border-radius:50%; }
.works_con_col_txt{  height:80px; padding-top:35px;  }
.works_con_col_txt .title{ height:20px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;   }
.works_con_col_bg:hover { border:1px solid #811a1a;} 

.works_con_col_img .bg-hover{ position:absolute; display:none;  top:0; left:0; width:100%; height:100%; padding:20px; border-radius:50%; background: rgba(255,255,255,0.6); }
.works_con_col_img .bg-hover .bg-hover-title{ border:1px solid #811a1a; display:inline-block; padding-top:45%; text-align:center; vertical-align:middle;   width:100%; height:100%;  border-radius:50%;  }

@media (max-width: 768px){
	.works_con{ margin-top:10px;  }
    .works_con_col{  margin-top:10px;}
    .works_con_col_txt{  height:50px; padding-top:20px;  }
} 
 
 .news{ margin-top:20px; }
 .news_con{ padding:30px 0; }
 .news_con_col{ margin-bottom:20px;}
 .news_con_col .title{ margin-bottom:5px; height:24px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }
 
 .post-content{ margin-top:10px; height:60px; line-height:20px; overflow:hidden; }
 
 .news_con_col .post-date{ color:#8b8b8b; font-family:Arial, Helvetica, sans-serif; }
 .post-link{ margin-top:10px; }

 .btn-default {
  border: 1px solid #811a1a;
  background: #811a1a;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
		  font-size:12px; float:right; padding:2px 13px; border-radius:1px; 
}
.btn-default:hover {
  border: 1px solid #811a1a;
  background: #811a1a;
  color: #ffffff;
}
.btn-default:focus {
  outline: none;
}
.btn-default[disabled] {
  border: 1px solid #303030;
  background: #303030;
  color: #ffffff;
}
 @media (max-width: 768px){
 .news_con{ padding:20px 0 10px 0;}
 .news_con_col{ margin-bottom:20px;} 
 .btn-default{ float:left; }
 }

.shop{ background:#811a1a; padding:30px 0; margin-top:60px;  }
.shop_con_col img{ width:100%; }

 .shop_con_col{ position:relative; }
 .shop_txt{ position:absolute; background: rgba(255,255,255,0.8); margin:15%; width:70%; height:70%; padding:5%;   } 
 .shop_txt_area{ border: 1px solid #811a1a; width:100%; height:100%; text-align:center;   }
 .shop_txt_title{ padding-top:20%; padding-bottom:5%; }
 .shop_txt_title i{border-bottom:1px solid #811a1a; width: 48px; display:block; margin:auto; }
 .shop_txt_infor{ padding-top:5%; padding-bottom:5%; font-family:"宋体"; color:#8a8a8a;  }
 .shop_txt_infor span{ display:block; }
 .shop_txt_link{ padding-top:5%; padding-bottom:5%;   }
 
 .shop_text{ position:absolute; display:none; background: rgba(255,255,255,0.8); margin:15%; width:70%; height:70%; padding:12% 5% 5% 5%;text-align:center;   } 
 .shop_text_title{ padding-top:10%; padding-bottom:10%; color:#131920;  }
 .shop_text_title h5{ height:20px; overflow:hidden; line-height:20px;}
 .shop_text_title i{border-bottom:1px solid #8b8b8b; width: 50px; display:block; margin:auto; }
 .shop_text_infor{ padding-top:5%; padding-bottom:5%;  color:#231f20;  }
 @media (max-width: 768px){
	.shop{ margin-top:40px;  }
	.shop_con_col{ margin-bottom:10px; }
}  
 
  .btn-primary {
  border: 1px solid #8a8a8a;
  background-color:transparent;
  color: #8a8a8a;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
		  font-size:12px; border-radius:2px; padding:8px 20px;font-family:"宋体";  
}
.btn-primary:hover {
  border: 1px solid #811a1a;
  background: #811a1a;
  color: #ffffff;
}
.btn-primary:focus {
  outline: none;
}
.btn-primary[disabled] {
  border: 1px solid #303030;
  background: #303030;
  color: #ffffff;
}