@charset "utf-8";

/* 公共 */

@font-face {
  font-family: 'tp-regular';
  src: url("/statics/fonts/TaipeiSansTCBeta-Regular/TaipeiSansTCBeta-Regular.eot");/* IE9 Compat Modes */
  src: url("/statics/fonts/TaipeiSansTCBeta-Regular/TaipeiSansTCBeta-Regular.eot") format("embedded-opentype"), /* IE6-IE8 */
       url("/statics/fonts/TaipeiSansTCBeta-Regular/TaipeiSansTCBeta-Regular.woff2") format("woff2"), /* Super Modern Browsers */
	   url("/statics/fonts/TaipeiSansTCBeta-Regular/TaipeiSansTCBeta-Regular.woff") format("woff"), /* Pretty Modern Browsers */
	   url("/statics/fonts/TaipeiSansTCBeta-Regular/TaipeiSansTCBeta-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
	   }

@font-face {
  font-family: 'tp-bold';
  src: url("/statics/fonts/TaipeiSansTCBeta-Bold/TaipeiSansTCBeta-Bold.eot");/* IE9 Compat Modes */
  src: url("/statics/fonts/TaipeiSansTCBeta-Bold/TaipeiSansTCBeta-Bold.eot") format("embedded-opentype"), /* IE6-IE8 */
       url("/statics/fonts/TaipeiSansTCBeta-Bold/TaipeiSansTCBeta-Bold.woff2") format("woff2"), /* Super Modern Browsers */
	   url("/statics/fonts/TaipeiSansTCBeta-Bold/TaipeiSansTCBeta-Bold.woff") format("woff"), /* Pretty Modern Browsers */
	   url("/statics/fonts/TaipeiSansTCBeta-Bold/TaipeiSansTCBeta-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
	   }

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
}

/*字体*/
body{font-family:'Noto Sans SC', sans-serif; 
  font-size: 14px;
  line-height: 1.42857;
  color: #000;
  background-color: #fff;
  padding-top:46px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}

/*ul*/
ul{ list-style:none;}

/*a*/
a,a:hover,a:active,a:link,a:visited{ text-decoration:none;outline:none;}
a:hover{color:#19A6E8;}

/*img*/
img{border:0 none;}


/*清除浮动*/
.clear{clear:both;}

/*分页样式*/
.page{
	margin-top:3px;
	display: inline-block;
	*display:inline;
	zoom:1;
}
.pageX{
	float:right;
	margin-top:3px;
}
.pageX *{height:22px;padding-top:0px;padding-bottom:0px;width:auto !important;}
.pageX .btn{
	padding: 2px 12px;
}
.pageX .dropdown-menu{height:auto;max-height:200px !important;}
.pageX .dropdown-menu li a{padding: 0px 20px;}
.page a {
    text-decoration: none;
	border: 0px solid #ADADAD;
	color: #000;
    display: inline-block;
    margin-right: 30px;
	margin-bottom: 5px;
	color: #000;
	background: #ffffff;
	border-radius: 0px;
	font-size:24px;
}
.page a:hover {
	background: #fff;
	text-decoration: none;
}

.page .current {
    background: #fff !important;
    color: #000 !important;
	border: 0px solid #bf213b;
	text-decoration: none;
	cursor:pointer;
	*cursor:hand;
	font-weight:600;
}
.page .current:hover {
    color: #000000;
    text-decoration: none;
}
html, body {
    -ms-overflow-style: scrollbar;
}
/*bootstrap 解决列高不一样错位问题*/
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
/* 图片等比缩放，通过设置 width:100%;padding-bottom:100%; 控制缩放比例 */
.zoomImage{
    height:0;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.zoomImage2{
    height:0;
    overflow:hidden;
    background-position: center center;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

/* PC版 */

.fiNav {
	position: fixed;
	TOP: 0px;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop));
	z-index: 9999;
	width:100%;
	background:#fff;
	left: 0;
    padding-left: 6.5%;
    padding-right: 6.5%;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);*/
}
.fiNav .navtop{top:21px !important;transition:.1s;}
.fiNav .nav-id-9,.fiNav .nav-id-10{display:none;}
.fiNav .navbar-nav{margin: 0 0px;}

.fiNavtop{margin-bottom:61px;}

.fi-page-title{	position: fixed;
	TOP: 20px;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop));
	z-index: 1;
	width:100%;
	background:#fff;
	left: 0;
    padding-left: 6.5%;
    padding-right: 6.5%; padding-top:40px; padding-bottom:15px;}

.fi-page-main-left{	position: fixed;
	TOP: 189px;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop));
	z-index: 1;	
	background:#fff;
	left: 0;
    padding-left: 6.5%;}
.fi-page-exhibition-year{
position: fixed;
	TOP: 189px;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop));
	z-index: 1;
	background:#fff;
	width:71%;
    padding-right: 6.5%; height:75px !important;
}
.fi-page-exhibition-past{margin-top:70px !important;}
.fi-page-main{margin-top:125px;}
.son{width: 100%;margin-right: auto;margin-left: auto;padding-left: 6.5%;padding-right: 6.5%;}

.dropdown-menu a:hover{color:#000;font-family:tp-bold !important;}

.home-main{margin-top:35px;}
.home-main-title{margin-bottom:2px;}
.home-main-title span{font-size:58px; font-weight:600; color:#828282;font-family:tp-bold,Noto Sans SC;}
.home-main-title a{float:right; font-size:38px;font-weight:600; color:#828282;display: block;margin-top: 23px; font-family:tp-bold,Noto Sans SC;}

.footer{margin-top:85px;margin-bottom:55px;}
.footer li{display:inline-block; vertical-align:top;font-size:18px; width:33%;line-height:26px;font-family:tp-regular,Noto Sans SC;}
.footer li h1{font-size:19px; margin-bottom:6px; font-weight:600;font-family:tp-bold,Noto Sans SC;}
.footer li a{color:#000;}

.page-title{font-size:58px; font-weight:600; color:#828282; margin-top:35px; margin-bottom:12px;font-family:tp-bold,Noto Sans SC;}
.page-main{}
.page-main-left{float:left;}
.page-main-right{float:right; text-align:left; width:74%;margin-bottom:18px;}
.page-main-right-content{font-size:24px; line-height:36px;text-align: justify;text-justify: inter-ideograph;}

.m-left{margin-top:13px;}
.m-left li{margin-bottom:0px;margin-top:0px;}
.m-left li:first-child{}
.m-left li a{
	display:block;
	line-height:25px;
	color:#C0C0C0;
	font-size:38px;
	font-weight:600;
	padding: 0px 0px 33px 0px;
	letter-spacing: 0px;
	font-family: tp-bold,Noto Sans SC;}
.m-left li:hover a,.m-left li.current a{color:#828282;}

.m-home-top-tips{display:none;}

.banner-arrow-right{background-image:none !important;right:20% !important;top: -50px !important;opacity:0 !important;text-shadow:none !important; width:auto !important; height:50px !important;}

/* PC版 大屏 */
 @media (min-width: 1550px) {
 .nav-id-6{right: 23.5% !important;}
 .nav-id-7{right: 15% !important;}
 .nav-id-9{right: 15% !important;}
 }
 
 @media (min-width: 1750px) {
 .nav-id-6{right: 22% !important;}
 .nav-id-7{right: 14% !important;}
 .nav-id-9{right: 14% !important;}
 }
 
 @media (min-width: 1850px) {
 .nav-id-6{right: 20.5% !important;}
 .nav-id-7{right: 13.5% !important;}
 .nav-id-9{right: 13.5% !important;}

 .row-col-img img{height:460px !important;}

 }

/* PC版 小屏 */

@media (min-width: 1367px) and (max-width: 1400px) {

 .row-col-img img{height:350px !important;}
 
 .page-list-style-1-title font h1{font-size:31px !important;margin-bottom:12px !important;line-height:36px !important;}
 .page-list-style-1-title font h2{font-size:19px !important;margin-bottom:10px !important;line-height:25px !important;}
 .page-list-style-1-title font h3{font-size:15px !important;margin-bottom:5px !important;line-height: 21px !important;} 

 }

 @media (min-width: 1281px) and (max-width: 1366px) {

 .row-col-img img{height:350px !important;}
 
  #myCarousel .item-title font h1{font-size:37px !important;line-height:43px !important;}
  #myCarousel .item-title font h2{font-size:20px !important;line-height: 25px !important;}
  #myCarousel .item-title font h3{font-size:16px !important;line-height:21px !important;}
 
 .page-list-style-1-title font h1{font-size:31px !important;margin-bottom:12px !important;line-height:36px !important;}
 .page-list-style-1-title font h2{font-size:19px !important;margin-bottom:10px !important;line-height:25px !important;}
 .page-list-style-1-title font h3{font-size:15px !important;margin-bottom:5px !important;line-height: 21px !important;} 

 }
 
 @media (min-width: 1200px) and (max-width: 1280px) {
 
 .row-col-img img{height:330px !important;}
 
  #myCarousel .item-title font h1{font-size:35px !important;line-height:42px !important;}
  #myCarousel .item-title font h2{font-size:18px !important;line-height: 24px !important;margin-bottom: 13px !important;}
  #myCarousel .item-title font h3{font-size:15px !important;line-height:20px !important;}
  
 .page-list-style-1-title font h1{font-size:28px !important;margin-bottom:10px !important;line-height:32px !important;}
 .page-list-style-1-title font h2{font-size:18px !important;margin-bottom:10px !important;line-height:22px !important;}
 .page-list-style-1-title font h3{font-size:14px !important;margin-bottom:5px !important;line-height: 18px !important;} 

 }
 
 @media (min-width: 1001px) and (max-width: 1199px) {
 .nav-id-6{right: 28.5% !important;}
 .nav-id-7{right: 17.5% !important;}
 .nav-id-9{right: 17.5% !important;}

 .row-col-img img{height:280px !important;}
 #myCarousel .item-title font h1{font-size:25px !important;line-height:31px !important;margin-bottom: 12px !important;}
 #myCarousel .item-title font h2{font-size:14px !important;line-height: 22px !important;}
  #myCarousel .item-title font h3{font-size:12px !important;line-height:18px !important;}
 .page-list-style-1-title font h1{font-size:22px !important;margin-bottom:8px !important;line-height:26px !important;}
 .page-list-style-1-title font h2{font-size:14px !important;margin-bottom:7px !important;line-height:18px !important;}
 .page-list-style-1-title font h3{font-size:12px !important;margin-bottom:5px !important;line-height:17px !important;} 
 }

 /* 平板版 */
 @media (min-width: 768px) and (max-width: 1000px) {
 .navbar-brand img {
    max-width: 70% !important;
	margin-left: 0px;
}
 .nav-id-6{right: 34.5% !important;}
 .nav-id-7{right: 20.5% !important;}
 .nav-id-9{right: 19% !important;}

 .row-col-img img{height:280px !important;}
 .item-title>font{padding:15px !important;}
 #myCarousel .item-title font h1{font-size:20px !important;line-height:26px !important;margin-bottom: 10px !important;}
 #myCarousel .item-title font h2{font-size:12px !important;line-height: 18px !important;margin-bottom: 10px !important;}
  #myCarousel .item-title font h3{font-size:10px !important;line-height:16px !important; }
 .page-list-style-1-title font h1{font-size:22px !important;margin-bottom:5px !important;line-height:26px !important;}
 .page-list-style-1-title font h2{font-size:14px !important;margin-bottom:5px !important;line-height:20px !important;}
 .page-list-style-1-title font h3{font-size:12px !important;margin-bottom:5px !important; display:none;} 
 .page-list-style-1-title>font{padding:15px !important;}
 .banner-arrow-right{width:40px !important;top: -20px !important;}
 .fiNav .navtop {display: none;}
 }

/* 移动版 */
 @media (max-width: 767px) {
 
  /* 移动版横屏 */
  @media (min-width: 482px) and (max-width: 767px) {
 .navbar-brand img {
    max-width: 27% !important;
	margin-left: 15px;
}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:217px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:217px !important;}
 .row-col-img img{height:250px !important;}

	.m-home-top-tips {
    font-size: 20px !important;}
 }
 
/* 手机版 1 大屏 */ 
@media (max-width:481px) {.m-left li a{}
    .navbar-brand img {
    max-width: 37% !important;
	margin-left: 15px;}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:197px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:197px !important;}
 .row-col-img img{height:250px !important;}
 
	.m-home-top-tips {
    font-size: 22px !important;}
}
/* 手机版 2 标准 大屏 */ 
@media (max-width:415px) {.m-left li a{margin-right:34px !important;}
.m-left .last a {margin-right: 0px !important;}
 .navbar-brand img {
    max-width: 40% !important;
	margin-left: 15px;}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:177px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:167px !important;}
 .row-col-img img{height:208px !important;}

	.m-home-top-tips {
    font-size: 22px !important;}
}
/* 手机版 3 标准屏 苹果 */ 
@media (max-width:376px) {.m-left li a{margin-right:28px !important;}
.m-left .last a {margin-right: 0px !important;}
 .navbar-brand img {
    max-width: 44% !important;
	margin-left: 15px;}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:167px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:167px !important;}
 .row-col-img img{height:188px !important;}
 
	.m-home-top-tips {
    font-size: 22px !important;}
}
/* 手机版 4 标准屏 安卓 */ 
@media (max-width:361px) {.m-left li a{margin-right:22px !important;font-size:21px !important;}
.m-left .last a {margin-right: 0px !important;}
 .navbar-brand img {
    max-width: 46% !important;
	margin-left: 15px;}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:167px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:167px !important;}
 .row-col-img img{height:188px !important;}

	.m-home-top-tips {
    font-size: 22px !important;}
}
/* 手机版 5 小屏 */ 
@media (max-width:321px) {.m-left li a{margin-right:12px !important;font-size:21px !important;}
.m-left .last a {margin-right: 0px !important;}
  .navbar-brand img {
    max-width: 52% !important;
	margin-left: 15px;}
  #myCarousel{height:auto !important; margin-bottom:0px !important;}
  #myCarousel .item-img img{height:152px !important;}
  #myCarousel .carousel-control.left,#myCarousel .carousel-control.right {height:152px !important;}
   .row-col-img img{height:160px !important;}

	.m-home-top-tips {
    font-size: 22px !important;}

}
 
 .banner-arrow-right{display:none;}
 
 .fiNav-m-top {
    margin-top:109px !important;
}
 
 .fiNav-m-gd{
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 0;}
 
 .fiNav-m {
	position: fixed;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop));
	z-index: 9999;
	width:100%;
	top: 0;
    padding-top: 20px;
}
.fiNav-m .hc-oi{
top: 33px !important;
}
 
 .navbar-collapse{position: absolute;background: #fff;width: 100%; padding-bottom:0px;padding-top:0px;padding-right: 19px;
    padding-left: 17px;}
 .nav-content-tips{display:none !important;}
 .nav-id-8{margin-bottom:22px;}
 .nav-id-5{margin-bottom:34px;}
  .navbar-brand {
    height: 70px !important;
	float:none !important;
	padding-top:10px;
	display:block;
}

.navbar-nav {
   padding-top: 14px;
}

.navtop{ position:relative !important; top:auto !important; right:auto !important;}
.navtop a{padding: 10px 15px !important;}
.navchn{display:none !important;}
.nav-m-tips{display:block !important;padding: 15px !important;font-size: 22px !important;width: 100% !important; position:relative !important; top:auto !important; right:auto !important;margin-bottom: 16px !important; font-weight:500; color:#000; padding-right:22px !important;}
.nav-close{display:none !important;}
.nav-content{height:auto !important;}
.nav-content ul{padding-top:0px !important;}
.nav-content ul li a{font-size:22px !important;color:#828282 !important;margin-bottom:2px !important;font-family: Noto Sans SC !important;display:block !important;}
.dropdown-menu{padding-bottom:3px;height: auto; padding-top:0px;padding-left: 24px;}
.nav-id-6 a,.nav-id-7 a,.nav-id-8 a{color:#BF213B !important;padding-top:5px !important;padding-bottom:9px !important;}
.nav-id-10 a .top-lan-en{display:inline-block !important; margin-left:6px;}
.nav-wrap {
    padding-left: 42px;
}
.container {
    padding-left: 19px;
    padding-right: 19px;
}
.son {
    padding-left: 19px;
    padding-right: 19px;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
	font-size:22px;
	padding-top:5px;
	padding-bottom:9px;
	font-weight:400;
	font-family: Noto Sans SC !important;
}
body{padding-top:0px;}
.home-main-title {
    margin-bottom: 5px;
}
.home-main {
    margin-top: 19px;
}
.home-main-exhibition-past {
    margin-top: 10px;
	margin-bottom: 38px;
}
.home-main-title span {font-size:25px;font-weight:700;}
.home-main-title a {
    float: right;
	font-size: 25px;
    font-weight: 600;
    margin-top:0px;
	position: relative;
}
.home-main-title a font{ display:none;}
.home-main-title a i{font-size: 20px !important;top: 6px;position: absolute;right: 0px;}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-xs-6, .col-sm-3,.col-md-3{padding-left:7px;padding-right:7px;}
.row-col-title{line-height:18px !important;font-size:15px !important;margin-top:10px !important;margin-bottom:12px !important;}
.row-col-title p{font-size:16px !important;margin-bottom: 3px !important;line-height: 18px !important;}
.footer{margin-top:50px !important;margin-bottom:50px;}
.footer li{display:block;width:100%; margin-bottom:20px;font-size:15px;line-height:20px;}
.footer li h1{font-size: 16px;margin-bottom:3px;}
.carousel-inner .item span{float:none !important;width:100% !important;}
.carousel-indicators{ width:100% !important; height:100% !important;}
.carousel-indicators .active {width:100% !important; height:100% !important;}
.carousel-indicators li a{width:100% !important; height:100% !important; padding:0px !important;}
.carousel-indicators li a span{ display:none;}
#myCarousel .item-title{padding-bottom:0px !important;}
#myCarousel .item-title font{position:relative !important; padding:0px !important; padding-top:10px !important;}
.item-title-left{float:left; width:57%;padding-right:15px;}
#myCarousel .item-title font h1{font-size: 22px !important; margin-bottom:3px !important;line-height:26px !important;}
#myCarousel .item-title font h2{font-size: 14px !important;margin-bottom:0px !important;line-height: 18px !important;}
#myCarousel .item-title font h3{font-size: 14px !important; float:right; width:43%;line-height:18px !important;}
#myCarousel .carousel-control.right{right:0 !important;height: 70%;opacity: 0 !important;}
#myCarousel .carousel-control.left{height: 70%;opacity: 0 !important;}
.m-home-top-tips{display:block;font-size:22px;margin-top:111px !important; margin-bottom:35px; padding-right:20px;}
.page-main-left-exhibition{display:none;}
.page-main-left-collection{display:none;}
.page a {
    margin-right: 10px;
	margin-bottom: 5px;
	font-size:18px;
}
.page-main-left {float:none; margin-bottom:5px;}
.page-main-right {float:none;width:100%;margin-top:10px !important;}
.m-left {width:100%; height:40px;margin-top: 0px;}
.m-left li a{float:left;padding:0px;font-size:22px;margin-right:33px;}
.m-left .last a {margin-right: 0px !important;}
.page-title{font-size:25px;margin-top:14px;margin-bottom: 16px;}
.page-title-296{margin-bottom:8px;}
.page-main-right-content{font-size:16px;line-height:25px;padding-bottom:0px;width:100% !important;}
.m-left-all-text{display:none;}
.page-list-style{margin-top:0px !important; margin-bottom:42px;}
.page-list-style li{margin-bottom:0px !important;}
.page-list-style-1{margin-bottom:9px !important; height:auto !important;}
.page-list-style-1 span{float:none !important; width:100% !important;}
.page-list-style-1-title{height:auto !important;display: inline-block;background:#fff !important;padding-bottom:0px !important;}
.page-list-style-1-title font{position:relative !important; padding:0px !important;padding-top:11px !important;}
.page-list-style-1-title-left{float:left; width:57%;padding-right:15px;}
.page-list-style-1-title font h1{font-size:22px !important;line-height:25px !important;margin-bottom: 2px !important;}
.page-list-style-1-title font h2{font-size:14px !important;line-height:18px !important;margin-bottom: 0px !important;}
.page-list-style-1-title font h3{font-size: 14px !important; float:right; width:43%;line-height:16px !important;}
.page-list-style-1-img div{padding-bottom:55% !important;}

.no-content{font-size:16px !important;}
.nav-id-10{padding-bottom: 60px;}
}

/*关闭按钮动画效果，6个 transform .3s*/
@media only screen and (max-width:767px){
.navbar-header .hc-oi{width:34px;height:34px;border-radius:0px;background:none;position:absolute;right:16px;top:13px;padding:3px}
.navbar-header .hc-io{width:34px;height:34px;border-radius:0px;background:none;position:absolute;right:16px;top:13px;padding:3px}
.navbar-header .hc-oi em{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;width:28px;height:5px;background-color:#828282;z-index:10}
.navbar-header .hc-oi em::before,.navbar-header .hc-oi em::before{content:'';position:absolute;top:-2px;right:0;width:100%;height:100%;background-color:#828282;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0s;-moz-transition:-moz-transform 0s;transition:transform 0s}
.navbar-header .hc-oi em:after,.navbar-header .hc-oi em:after{content:'';position:absolute;top:2px;right:0;width:100%;height:100%;background-color:#828282;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0s;-moz-transition:-moz-transform 0s;transition:transform 0s}
.navbar-header .hc-oi em::before{-webkit-transform:translateY(-8px) rotate(0deg);-moz-transform:translateY(-8px) rotate(0deg);-ms-transform:translateY(-8px) rotate(0deg);-o-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg)}
.navbar-header .hc-oi em::after{-webkit-transform:translateY(8px) rotate(0deg);-moz-transform:translateY(8px) rotate(0deg);-ms-transform:translateY(8px) rotate(0deg);-o-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg)}
.navbar-header .hc-io em{background:transparent}
.navbar-header .hc-io em::before{-webkit-transform:translateY(0px) rotate(45deg);-moz-transform:translateY(0px) rotate(45deg);-ms-transform:translateY(0px) rotate(45deg);-o-transform:translateY(0px) rotate(45deg);transform:translateY(0px) rotate(45deg);top:0px;}
.navbar-header .hc-io em::after{-webkit-transform:translateY(0px) rotate(-45deg);-moz-transform:translateY(0px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-45deg);-o-transform:translateY(0px) rotate(-45deg);transform:translateY(0px) rotate(-45deg);top:0px;}
}

.ztip{
}
#ztip{
    display:none;
    position:absolute;
    display: inline-block;
    text-align:center;
	background:url(/statics/img/banner-arrow.png);
	width:55px;
	height:48px;
}
#ztip:after {
    content:'';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
#ztip.top:after {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
#ztip.bottom:after {
    top: 0;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
#ztip.left:after {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
#ztip.right:after {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
#ztip.track{
    text-align:left;
}
#ztip.track:after {
    display:none;
}

/*bootstrap banner切换由左右滚动，变为淡入淡出效果，并将carousel-fade加在carousel slide后面*/

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {
   opacity: 1;
}
.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {
    left: 0;
    /*transform: translate3d(0, 0, 0);*/
}
.carousel-fade .carousel-control {
    z-index: 2;
}