@charset "utf-8";
/* CSS Document */
body{ background:#f5f5f5;}
.banner_box{}
.banner_box img{ display:block; width:100%;}
.banner_box .swiper-slide{ height:200px; overflow:hidden; background-repeat:no-repeat;  background-size:100% auto; background-position:center; background-color:#000000;}

.ix_time img{ display:block; width:97%; position:relative; margin:0 auto; margin-top:-50px; z-index:5;}


.banner_box .pagination {  position: absolute;  left: 0;  text-align: center;  bottom:5px;  width: 100%;}
.banner_box  .swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius: 10px;  background: #fff;  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;  cursor: pointer;}

.banner_box .swiper-active-switch{ background:#8c3e28 ;}

.connect_box{ background:#fff; padding:20px; margin-top:20px;}
.connect{ border-bottom:1px #f3f3f3 solid; padding:15px 0;word-wrap: break-word;word-break: normal;}
.connect:nth-child(1){ padding-top:0px;}
.connect>h2{ color:#666;font-size: 14px; font-weight:normal;word-wrap: break-word;word-break: normal;}
.connect>h2>i{ background:#8F3E2B; border-radius:5px; width:5px; margin-right:8px; margin-bottom:3px; height:13px; display:inline-block; vertical-align:middle;}
.connect>ul{ padding:0px; border:none; padding-left:13px;}
.connect>ul>li{ padding-top:10px; line-height:20px;font-size: 14px;color: #999;}
.connect>ul>li>label{ color:#999;}

.cmts_box{ margin-top:20px; background:#f5f5f5;}
.cmts_box h2{ font-size:18px; height:30px; line-height:30px; position:relative; padding:10px 15px; color:#333; margin-top:20px;}
.cmts_box h2> i{ background-position:-31px -162px; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:5px;}
.cmts_box h2 a{ font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999; position:absolute; top:0px; right:10px; line-height:50px;}
.cmts_box h2 a i{background-position:-34px -195px;width:10px; height:15px; display:inline-block; vertical-align:middle; margin-left:5px;}
.cmts_box img{ display:block; width:100%;}

.art_box{ background:#fff;}

.swiper-pagination-bullet{ background:#fff;}
.swiper-pagination-bullet-active{ background:#fff;}

.news_box{ background:#fff; padding:0 15px;}
.news_box h2{ padding:10px 0px;}
.news_box h2 a{ right:-5px;}
.news_box h3{font-weight:normal; font-size:14px;  color:#666; padding:15px 0px; word-wrap: break-word;word-break: normal;text-align: justify;}
.news_time{ color:#999; text-align:right; height:20px; padding-bottom:10px; font-size:12px;}
.news_time i{ background-position:-4px -197px; width:12px; height:12px; display:inline-block; vertical-align:middle; margin-right:5px;}
.news_time span{ margin-right:10px; color:#8F3E2B;}
.news_box li{ border-bottom:1px #f2f2f2 solid;}


/**/
.exhibitions_list{ width:100%; position:relative;}
.exhibitions{ border:1px #8c3e28 solid; position:relative; margin:0 15px; overflow:hidden; height:220px; }
.exhibitions a:hvoer,.exhibitions:active{ color:#333;}
.exhibitions_box{ position:relative; padding:10px; padding-left:170px; font-size:12px; display:block;  height:200px;}
.exhibitions_img{ position:absolute; left:10px; top:10px; width:150px; height:200px; overflow:hidden; line-height:200px;  vertical-align: middle; background:url(../images/default_bg.png) #e9e9e9; text-align:center; }
.exhibitions_img img{ max-width:100%; display: inline-block; vertical-align: middle; max-height:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.exhibitions_img i{ display: inline-block; vertical-align: middle; height:100%;}

.exhibitions_box>h3{word-wrap: break-word;word-break: normal; font-size:12px; line-height:20px; height:auto; margin-top:0px; max-height:100px; overflow:hidden; font-weight:normal; }
.exhibitions .swiper-button-next{ top:auto; right:10px; bottom:10px; z-index:2;text-align:center; width:25px; height:25px;background-position:-127px -164px;}
.exhibitions .swiper-button-prev{left:auto;top:auto; bottom:10px; right:40px; z-index:2; height:25px;line-height:25px; background-position:-99px -164px;}
.exhibitions .swiper-button-next:after, .exhibitions .swiper-container-rtl .swiper-button-prev:after{ content:''}
.exhibitions .swiper-button-prev:after,.exhibitions .swiper-container-rtl .swiper-button-next:after{ content:''}



.exhibitions_list .arrow-left{ display:block; top:auto; right:20px; bottom:10px; z-index:2;text-align:center; width:25px; height:25px;background-position:-127px -164px; position:absolute;}
.exhibitions_list .arrow-right{display:block; left:auto;top:auto; bottom:10px; right:50px; z-index:2;width:25px; height:25px;line-height:25px; background-position:-99px -164px; position:absolute;}

.exhibitions .news_time{ position:relative; padding-left:15px; padding-top:20px; text-align:left; margin-top:5px;}
.exhibitions .news_time i{ position:absolute; left:0px; top:3px;}
.exhibitions .news_time span{ position:absolute; left:15px; top:0px;}


.device { width: 100%; position: relative; margin: 10px auto;  height: 250px;}
.device .swiper-container { width: 100%; height: 250px; color: #fff;  text-align: center;}
.device .swiper-slide {
	height:240px; overflow:hidden;
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.device .swiper-slide-visible {
  opacity: 0.5; 
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}


.device .red-slide {  background: #ca4040;}
.device .blue-slide {  background: #4390ee;}
.device .orange-slide {  background: #ff8604;}
.device .green-slide {  background: #49a430;}
.device .pink-slide {  background: #973e76;}
.device .swiper-slide .title { font-style: italic; color:#333; font-size: 12px; margin-top: 5px;  margin-bottom: 0;  line-height: 20px;  padding:0 10px;}
.device .swiper-slide-active { top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);  }
.device .swiper-slide-active .title{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1); color:#8F3E2B;}
.device .pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.device .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;
}
.device .swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.device .swiper-active-switch {
  background: #fff;
}

.device .arrow-left{ display:none; top:auto;right:5%; bottom:40%; z-index:2;text-align:center; width:25px; height:25px;background-position:-127px -164px; position:absolute;}
.device .arrow-right{display:none; left:auto;top:auto;left:5%;  bottom:40%;  z-index:2;width:25px; height:25px;line-height:25px; background-position:-99px -164px; position:absolute;}



@media screen and (max-width:360px ) {


}