@charset "utf-8";
/* CSS Document */
 /* 导航样式 */
.navbar-wapper{ position: relative; padding-top:30px; left:0; right:0; z-index:20; background:#000;} 
.navbar-brand{ width:180px; padding-top:0; }
.navbar-brand img{ width:357px; height:90px; }
.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar {
  position: relative; 
  min-height: 50px;
  padding-bottom:0; margin-bottom:0;
  border: 1px solid transparent;
}
.fl{ display:inline-block; float:left;}
.nav > li{  padding:0;  height:100px;}
.nav > li > a{  margin-left:25px; margin-right:25px; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px; text-align:center; line-height:30px;   

  }
.nav > li > a.active{ border-bottom:2px solid #8e0404;   }
@media (min-width: 768px) and (max-width:1200px){
 
   .navbar-nav > li > a{ line-height:40px; margin-left:10px; margin-right:10px;}
}
@media (max-width: 768px){
	.nav > li{ width:100%; height:35px; }
    .navbar-nav > li > a{ line-height:16px; }
   	.navbar-inverse .navbar-nav > li > a {
  color: #fff; font-size:16px; padding-top:0;  margin:0 0; padding-left:15px; border-bottom:1px solid #333; text-align:left; }
 
  .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:200px; height:50px; }
.navbar-inverse { background:rgba(0,0,0,0.6); }
 
 }
 

 
 @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; padding-top:0px; background-color:transparent; } 
.navbar-brand{ width:150px; padding:5px 0 0 15px;}
.navbar-brand img{ width:180px; height:45px; }
.navbar-inverse { background:rgba(0,0,0,0.8); padding-bottom: 0; }
.navbar-nav{ margin-bottom:0;}
 }
  @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{   background:#fff; width:10px; height: 10px; margin:0 6px; } 
.carousel-indicators .active{  width:10px; height: 10px;  background:#c42b2a; border-color:#c42b2a;  margin:0 6px;}
.carousel-control{ opacity:.0;}

 
  @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; }------*/ 
 
 } 
 
 
.information{ background:url(../images/infor_bg.jpg) no-repeat center center; max-height:216px; text-align:center; padding:50px 0;} 
.information_img { width:1200px; margin:auto;}
.information_img img{ width:100%; } 
@media (min-width: 768px) and (max-width:1200px){
.information{ padding:30px 0;} 
.information_img { width:768px; margin:auto;}
}
@media (max-width: 768px){
.information{ padding:10px 0;} 
.information_img { width:290px; margin:auto;}
}

.infor_index{ padding-top:80px; padding-bottom:70px; }
.infor_index_text{ text-align:center; border-top:1px solid #ddd; padding-top:30px; color:#424242; line-height:28px;  }
.infor_index_text h3{ }
.infor_index_img{ border:1px solid #b9b9b9; padding:4px; max-width:405px; }
.infor_index_img img{ width:100%; max-width:405px;}
.infor_index_text_p{ }
.infor_index_text_p span{ display:block;}

@media (max-width: 768px){
.infor_index{ padding-top:30px; padding-bottom:20px; }	
.infor_index_text{padding-top:0; text-align:left;   }
.infor_index_text_p span{ display: inline;}
}

.title-area{ padding:60px 0 60px 0; }
.title-eng{ font-size:18px; font-family:Arial, Helvetica, sans-serif;  }
.title-ch{ font-size:26px; font-family: "宋体";  }
.title-border{ border-bottom:1px solid #cac9c9; position:relative; margin-top:15px; }
.title-border-shop{ border-bottom-color:#615c5e; }
.title-border-works{ border-bottom-color:#cbcaca;}
.circle-area{ width:280px; margin:auto;  height:30px; display:inline-block;position:absolute; top:-20px; left:50%; margin-left:-140px;  }
.title-area-txt{ position:absolute; width:100%; text-align:center; color:#615c5e; top:20px;} 
.left_circle{ width:5px; height:5px; border-radius:5px; background:#615c5e; position:absolute; left:0; top:18px; }
.right_circle{ width:5px; height:5px; border-radius:5px; background:#615c5e; position:absolute; right:0; top:18px;  }

@media (max-width: 768px){
.title-area{ padding:30px 0 40px 0; }
.title-eng{ font-size:14px; }
.title-ch{ font-size:22px;}
.circle-area{ width:220px;margin-left:-110px; top:-15px;   }
.left_circle{ top:13px; }
.right_circle{ top:13px;  }
}


.shop{ padding-top:0; padding-bottom:50px; background:#7c7678; }
.mlr-shop{ margin-left:-50px; margin-right:-50px; }
.shop_con_col{ text-align:center; color:#fff; padding-left:50px; padding-right:50px; margin-top:20px; } 
.shop_con_col_img{ width:150px; height:150px; border:1px solid #fff; padding:5px; margin:auto; border-radius:50%; margin-bottom:30px;}
.shop_con_col_img img{ width:100%;  border-radius:50%; }

.circle-hr{ width:140px; margin:auto; height:1px; background:#605b5d; position:relative }
.circle-hr-span{ width:5px; height:5px; border-radius:5px; background:#615c5e; position:absolute; left:50%; margin-left:-2px;top:-2px; }

.shop_con_col_infor{  color:#fff; font-size:12px; text-align:center; line-height:22px; height:66px; overflow:hidden; margin-top:30px; margin-bottom:40px; } 
.shop_con_col_link{ text-align:center; } 
.btn-more{ background:#c6c4c5; padding:8px 27px; font-size:14px; border-radius:20px; border:0; color:#fff; } 
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color:#863536;
  border-color: #863536;
}
@media (max-width: 768px){
.shop{ padding-bottom:20px;  }
.mlr-shop{ margin-left:-10px; margin-right:-10px; }
.shop_con_col{ text-align:center; color:#fff; padding-left:10px; padding-right:10px; margin-top:20px; } 	
.shop_con_col_img{margin-bottom:20px;}
.shop_con_col_infor{  margin-top:20px; margin-bottom:20px; } 
.shop_con_col_link{ margin-bottom:10px;} 
 
} 


.works{ padding-top:0px; background:url(../images/works_bg.jpg) no-repeat; }
.works_con{ padding-top:30px;  } 
.works_con_col{ padding-left:0px; padding-right:0px; text-align:center;  }
.works_con_col_img{ /*max-width:300px; max-height:300px;*/ position:relative;   }
.works_con_col_img img{width:100%;    }
 
.works_con_col_txt{ background:#f2f2f2;  padding-top:30%; padding-bottom:20%; height:400px;}
.works_con_col_txt h2{ margin-top:0; color:#8e0404; font-size:30px; font-weight:600; }
.works_con_col_title .hr{width:40px; margin:auto; height:1px; background:#605b5d;  }

.works_con_col_link{ margin-top:20px;padding-top:10%; }
.btn-look{background:#f2f2f2; padding:6px 30px; font-size:14px; border-radius:20px; border-color:#9d9d9d; color:#555;  }

@media (min-width: 992px) and (max-width:1200px){
	.works_con_col_txt{  padding-top:25%;  height:313px;}
	}

@media (min-width: 768px) and (max-width:992px){
	.works_con_col_txt{  padding-top:20%;  height:240px;}
	}

@media (max-width: 768px){
.works{ padding-top:0px;}
.works_con{ padding-top:0px;  }
.works_con_col{  margin-top:10px;}
.works_con_col_txt{ background:#f2f2f2;  padding-top:10%;  height:200px;}
.works_con_col_link{ padding-top:0; } 
} 
 
.news{ padding-top:20px; }
.news_con{  }
.news_con_img{ border:1px solid #c1c1c1; padding:5px; margin:auto; margin-bottom:20px; }
.news_con_img img{ width:100%; }
.news_con_col:hover{ cursor: pointer; }
.news_con_col:hover .news_con_img{ background:#c1c1c1; }
.news_con_col{ padding-left:10px; padding-right:10px; text-align:center; margin-bottom:70px; }
.news_text{ padding-left:0; }
.news_text .title{ color:#1e1e1e;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; height:20px;  }
.news_text .title:hover{ color:#f90; }
.news_text .post-date{ color:#7c7678; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;  }
.news_text .post-content{ margin-top:10px; height:40px; color:#858585; line-height:20px; overflow:hidden; font-size:12px;}

@media (max-width: 768px){
.news{ padding:0; }
.news_con{ padding:0;}
.news_con_img{ margin-bottom:10px; }
.news_con_col{ margin-bottom:20px;} 
.news_text{ padding-left:0px; padding-top:10px;}
.news_text .title{ margin-bottom:0;}
 }