@charset "utf-8";
/* CSS Document */
 /* 导航样式 */
.navbar-wapper{ position: relative; top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:180px; padding-top:30px; }
.navbar-brand img{  }
.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar {position: relative; min-height: 50px;margin-bottom: 0; border: 0 solid transparent;}

.fl{ display:inline-block; float:left;}
.nav > li{ padding:0; width:140px;}
.nav > li > a{   text-align:center; line-height:65px; padding-top:40px; padding-bottom:40px; padding-left:0; padding-right:0; }
.nav > li > a.active{  color:#fff; background:#425466; margin-left: -1px;   }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { margin-left: -1px;}
.border-r0{ border-right:0; } 
.navbar-inverse .navbar-nav > li > a{ font-size:18px; } 
 
.zh-title{ display:block; margin-top:0px;/* border-right:1px solid #425466; */}
.eng-title{ display:block;line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; position: absolute; top:82px; left:0; width:100%; text-align: center;   }
  
@media (min-width: 992px) and (max-width:1230px){
.navbar-inverse{ background:none!important;}
.nav > li{ padding:0; width:120px;}
.nav > li > a{  padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; }
}
@media (min-width: 768px) and (max-width:992px){
.navbar-inverse{ background:none!important;}
.nav > li{ padding:0; width:90px;}
.nav > li > a{  line-height:50px; padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; }
}
@media (max-width: 768px){
.navbar-nav{ }
.nav > li{ width:100%; height:35px; }
.navbar-nav > li > a{ line-height:16px;padding-bottom:0; }
.navbar-inverse .navbar-nav > li > a {
color: #fff; font-size:16px; padding-top:0; line-height:35px; margin:0; border-bottom:1px solid #333; text-align:left; padding-left:15px; padding-right:15px; }
.nav > li > a.active{ border-top:0;color:#fff; background:none; margin-left: 0;  }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { margin-left: 0; background: none;}
}
 @media (min-width: 768px) and (max-width:992px){
.navbar-brand{ width:100px; padding:20px 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:#fff; width:12px; height: 12px; margin:0;} 
.carousel-indicators .active{  width:12px; height:12px;  background:#425466;}
.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; }------*/ 
 
 } 
 
.title-area{ color:#425466; margin-top:70px; margin-bottom:40px; } 
.title-border{ border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; width:252px; margin:auto; line-height:40px; }
.title-eng{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; position:relative; top:-5px; color:#425466; }
.title-ch{ font-size:26px; font-family:"宋体"; line-height:20px; color:#425466; }
  @media (max-width: 768px){
.title-area{ margin-top:30px; margin-bottom:20px; } 
.title-border{ width:230px;line-height:30px; }
.title-ch{ font-size:20px;}
  }

.works_con{ }
.works_con_col{ padding-left:5px; padding-right:5px; margin-bottom:30px;  }
.works_con_col_img{ position:relative; }
.works_con_col_img img{ width:100%; }
.works_con_col:hover .bg-hover{ position:absolute; top:0; left:0; width:100%; height:100%;  background:rgba(66,84,102,0.8); }
.works_con_col_txt{font-size:16px; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}

  @media (max-width: 768px){
.works_con_col{ margin-bottom:10px;  }	  
  }
 
.adzone{ max-height:389px;   }
.adzone_img img{ width:100%;  }
.adzone_img img{ min-height:120px; }
.adzone_title{ margin-bottom:20px; overflow:hidden; }
.adzone_title_fl{ float:left; display:inline-block; margin-right:10px; color:#425466;   }
.adzone_title_fl span{ display:block; }
.adzone_title_fr{ float:left; display:inline-block;  color:#bdc1c5; }
.adzone_title_fr span{ display:block; }
.adzone_title_fl_ch{ font-size:30px; font-weight:600; line-height:40px;  }
.adzone_title_fl_eng{ letter-spacing:2px; }
.adzone_title_fr_ch{ font-size:22px; font-weight:600;  line-height:30px; margin-top:10px; }
.adzone_title_fr_eng{ word-spacing:2px;  }
  @media (max-width: 768px){
.adzone_title{ margin-top:10px;}
.adzone_title_fl_ch{ font-size:22px;  line-height:30px;  }
.adzone_title_fr_ch{ font-size:18px; font-weight:600; line-height:26px; margin-top:10px; }
  }



.shop_con{ margin-bottom:70px; }
.shop_con_col img{ width:100%;  }
.shop_con_col_text{ padding-top:15%; padding-bottom:15%; }
.shop_con_col_text h2{ font-size:24px;}
@media (max-width: 768px){
 .shop_con{ margin-bottom:30px; }
 .shop_con_col_text{ padding-top:10%;  }
 .shop_con_col_text h2{ font-size:20px;}
}


/*------footer------*/
.footer{ margin-top:0px; padding-top:70px; padding-bottom:60px; line-height:20px; text-align:center; color:#4f4f4f; background: url(../images/footer_bg.jpg) repeat;   }
.col-footer-logo{ text-align:center;  }
.col-footer-logo-img{ width:250px; margin:auto;   }
.col-footer-logo-img img{width:100%; }
.col-footer{ padding:0; line-height:26px; color:#425466; }
.footer-text{ text-align:center;}
.border-footer{ border-top:1px dashed #c7c7c7; width:50%; margin:20px auto; }
.bottom_bar{ height:10px; background:#425466; }


@media (max-width: 768px){
.footer{ text-align:left;padding-top:30px; padding-bottom:10px;    }
.col-footer{ padding:15px 0 10px 0;}
.footer-text{ display: block;margin:0; margin-bottom:5px;}
 }	
/*------footer------*/