@charset "utf-8";

@import url(/public/theme/css/footer_extended.css);
/*---culture header menu footer----*/
header {  width:100%;  position:relative; z-index:3; overflow:hidden; background:#fff;  }
header .top {    position:relative;  overflow:hidden;  }
header nav { background:#eee; position:relative; color:#d6d6d6;  }
header nav a { padding:17px 50px; display:inline-block; }
header nav .current { background:#900; color:#fff; }



/*----culture synthesize----*/
.culture_banner .textgroup { position:absolute; left:50%;top:120px; margin:0 0 0 -520px; }

.swiper-wrapper { position: relative; width: 100%;height:100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-wrapper .swiper-slide{ float:left;height:100%; background-size:cover; background-position:center; position:relative; }

.swiper-container { height:100%;overflow: hidden; }
.pagination { text-align:center;  position:absolute; z-index:9999;  bottom:10px; left:48%;  background:url(../images/black_alpha_.6.png); padding:0 5px 3px 12px; border-radius:39px; }
.swiper-pagination-switch { display: inline-block; vertical-align:middle; width: 11px; height: 11px; border-radius: 28px; background: #fff; margin-right: 7px;   cursor: pointer; }
.swiper-visible-switch {background: #b2b2b2;}
.swiper-active-switch {background: #c30008;width: 15px; height: 15px; }

.c_con_group [class*=c_con_] {background-position:center; transition:all ease-in-out .2s; background-size:100%; }
.c_con_0 { background-image:url(../images/cultureconbg_0.jpg); width:554px; height:771px; float:left; position:relative; }
.c_con_1 { background-image:url(../images/cultureconbg_1.jpg); width:635px; height:359px; float:left; position:relative;}
.c_con_2 { background-image:url(../images/cultureconbg_2.jpg); width:635px; height:402px; float:left; position:relative;}
.c_con_3 { background-image:url(../images/cultureconbg_3.jpg); width:635px; height:359px; float:left; position:relative;}
.c_con_4 { background-image:url(../images/cultureconbg_4.jpg); width:1200px; height:402px; float:left; position:relative;}
.c_con_5 { background-image:url(../images/cultureconbg_5.jpg); width:554px; height:771px; float:right;margin:10px 1px 0 0; position:relative;}
.c_con_group .textgroup { position:absolute; text-align:center; width:100%; bottom:20px; color:#fff; font-size:14px; }
.c_con_group a { display:block; width:100%; height:100%; position:absolute; z-index:1; }
/*----culture_index----*/
.culture_inx_ {  width:100%;position:relative;  }
.edge-slider:hover .edge-next, .edge-slider:hover .edge-prev { opacity: .8; }
.edge-slider .edge-next, .edge-slider .edge-prev { position: absolute; top: 50%; z-index: 10; padding:10px; height:40px;width:40px; background-color: rgba(0,0,0,.4); color: #fff; text-align: center; cursor: pointer; opacity: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.edge-slider .edge-next i, .edge-slider .edge-prev i { font-size: 16px; line-height: 60px; }
.edge-slider .edge-next:hover, .edge-slider .edge-prev:hover { background-color: rgba(0,0,0,.6); opacity: 1; }

.edge-slider .edge-slider-holder { z-index: 10; }
 
.edge-slider .edge-next { right: 30px; }
.edge-slider .edge-prev { left: 30px; }
 /*----culture history----*/
.history_bg  {  width:100%; position:relative; }
.history_bg .item { background-size:cover; width:100%; height:100%; position:absolute;transition:all ease-in-out .3s; }

.history_con { position:absolute; width:100%; z-index:4; }
.history_photo { width:826px; height:452px;position:absolute; left:50%; margin:130px 0 0 -700px; z-index:2; }
.history_photo .xk { width:826px; height:452px;  position:absolute; z-index:5;}
.history_photo .photo { position:absolute; padding:92px 0 0 198px; }
.history_photo .photo img{ position:absolute;transition:all ease-in-out .2s;  }
.history_txt { padding:130px 0 0 730px; color:#333; line-height:24px; font-size:16px; font-weight:bold; }
.history_year_event { position:absolute; left:50%; margin:0 0 0 -600px; width: 1200px; /* background: url('../images/year_line.png') left 63px repeat-x;*/overflow:hidden;}


#dates { width: 100%; overflow:hidden;}
#dates li {float: left;width: 280px;  font-family:Impact; font-size:36px;text-align:center;  }
#dates a { display:inline-block; padding: 42px 0 0 0;color: #666;text-align:center; }
#dates .selected {  color: #8a0000;  }

#issues { width: 1200px; height: 550px; display: block;   }
#issues li { width: 1200px;   float: left;   }
 

#next,#prev {position: absolute;top: 45px; width: 36px;height: 38px;background-position: 0 0;background-repeat: no-repeat;}
#next:hover,#prev:hover {background-position: 0 -38px;}
#next {right: 0;background-image: url(../images/year_next.png); }
#prev {left: 0;background-image: url(../images/year_prev.png); }
#next.disabled,#prev.disabled {opacity: 0.2;}
/*----culture social----*/
.social_pubuliu .item { float:left; width:33.3%; }

.culture_ico { position:absolute; color:#fff; text-align:center; }
.culture_ico img {  vertical-align:middle;  }
.culture_ico .culture_txt { background:#0071c1; border-radius:8px; padding:10px 20px; color:#fff; font-size:14px; position:relative; margin-top:10px; transition:opacity ease-in-out .5s; }
.culture_ico .culture_txt .arrow { position:absolute; top:-14px; width:0; left:40%; height:0; font-size:0; border:solid 7px; border-color:rgba(0,0,0,0)  rgba(0,0,0,0) #0071c1 rgba(0,0,0,0) ; }