.banner{height: 623px;}
.sjbanner{height:623px;}
.swiper-container{width:100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{width:100%; height:100%;}

.headline{width:100%; height:auto; margin:0 auto; text-align:center; padding-top:60px; padding-bottom:36px;}
.headlinet{width:100%; height:60px; line-height:60px; font-size:60px; margin-bottom: -48px; color:#f0f0f0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.caption{width:100%; height:48px; line-height:48px; font-size:36px; color:#871F64;}
.b-headline{width:100%; height:auto; margin:0 auto; text-align:center; padding-top:60px; padding-bottom:36px;}
.b-headlinet{width:100%; height:40px; line-height:40px; font-size:25px; color:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.b-caption{width:100%; height:48px; line-height:48px; font-size:36px; color:#ffffff;}
.exhibit{width:1140px;  margin:0 auto 60px auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.exhibit6{width:1140px; height: auto; margin:0 auto 60px auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.exhibitk{width:358px; height:210px; margin-bottom:30px;}
.exhibitk6{width:358px; height:210px; margin-bottom:30px;}
.exhibitz{width:170px; height: auto; float:right; margin:18px 18px; text-align:right;}
.exhibitzt{width:170px; height:auto; float:right; color:#ffffff; font-size:18px; font-weight:600; line-height:45px;}
.exhibitzm{width:170px; height:auto; float:right; color:#ffffff; font-size:18px; text-transform:capitalize;}

.culture{width:100%; height: auto; padding-top:100px;padding-bottom: 100px;}
.culturek{width:1140px; height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.culturek .x{width:1px; height:166px; background:#FFF; opacity:0.3; margin-top:5px;}
.cultures{width:284px; height:175px; text-align:center; font-size:48px; color:#ffffff;}
.cultures .bd{width:100%; display:inline-block; text-align:center; margin-bottom:30px;}
.cultures .bd img{max-width:45px; width:100%;}
.cultures .counter-value{font-size:50px; line-height:70px;}
.cultures .title{width:100%; display:inline-block; font-size:18px; line-height:40px;text-transform:capitalize;}
.cultures-spk{width:94%; margin:0 auto; text-align:center; font-size:48px; color:#ffffff; }
.cultures-spk video{width:100%;}

.activitie{width:1140px; height:423px; margin:0 auto 50px auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.activitielf{width:572px; height:423px; overflow:hidden;}
.activitielf img{width:100%;}
.activitielft{width:100%; height:50px; background:#000; opacity:0.8; position:relative; margin-top:-50px; font-size:14px;}
.alfbt{width:400px; line-height:50px; color:#ffffff; float:left; margin-left:20px; float:left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.alfrq{width:100px; line-height:50px; color:#ffffff; float: right; margin-right:20px; text-align:right;}
.activitieri{width:516px; height:423px; display:flex; flex-direction:column; justify-content:space-between;}
.arik{width:100%; height:65px;}
.ariklf{width:90px; height:65px; line-height:48px; text-align:center; border-right:1px solid #0f56aa; color:#0f56aa; font-size:48px; float:left;}
.ariklfz{font-size:12px; line-height:20px;}
.arikri{width:400px; height:65px; line-height:20px; color:#333333; font-size:16px; float:right;}
.arikriz{font-size:12px; line-height:20px; color:#666666; margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.operate{width:100%; height:615px; padding-top:5px; padding-bottom: 45px;}
.opk{width:1140px; height:auto; margin:0 auto; }	
.opk ul{ width:1140px; list-style-type: none; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.opk li{width:262px; height:351px; float:left; position: relative; overflow: hidden;}
.opk li:hover .caption{cursor:pointer; position:absolute; opacity:1; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out;}
.opk li:hover img{opacity:1; transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.opk img{float:left; z-index:4;}
.opk .caption{opacity: 1;}
.opk img{-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.opk .blur{background-color:rgba(23,91,173,0.8); width:262px; height:351px; z-index:5; position:absolute;}
.opk .caption-text{z-index:10; font-size:12px; color:#fff; position:absolute; width:262px; height:351px; text-align:center;}
.opk .t{width:62px; height:53px; margin:100px auto 20px auto;}
.opk .z{width:100%; text-transform:uppercase; font-size:18px; line-height:55px; text-align:center;}
.opk .b{width:88%; margin:20px auto 0 auto; font-size:14px; line-height:20px; color:#fff; text-align:center;}

.sjoperate{width:100%; height:auto; padding-top:5px;}
.sjopk{width:94%; height: auto; margin:0 auto; display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap;}
.sjopkr{width:200px; height:268px; overflow:hidden;}
.sjopkr img{width:100%;}
.sjopk .caption{background-color:rgba(23,91,173,0.8); width:200px; height:268px; z-index:5; position:absolute; margin-top:-268px;}
.sjopk .caption-text{z-index:10; font-size:12px; color:#fff; width:100%;text-align:center;}
.sjopk .t{width:62px; height:53px; margin:50px auto 0px auto;}
.sjopk .z{width:100%; font-size:16px; line-height:60px; }
.sjopk .b{width:88%; margin:20px auto 0 auto; line-height:20px;}

.live{width:100%; height:630px;}
.livek{width:1140px; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.livefk{width:262px; height:284px;}
.livet{width:262px; height:146px; overflow:hidden;}
.livet img{width:100%;}
.livez{width:222px; height:108px; margin-top:1px; padding:15px 20px; background-color:rgba(0,0,0,0.2); color:#ffffff;}
.livezb{font-size:14px; height:28px; line-height:28px; overflow: hidden;}
.livez p{font-size:12px; line-height:18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.more{width:100%; height:45px; text-align:center; font-size:14px; margin:50px auto 0 auto; clear:both; position:relative; z-index:101;}
.more a:link{width:170px; height:42px; line-height:42px; color:#323232; border:2px solid #ffffff; opacity:0.8; color:#ffffff; text-decoration: none; display:block; margin:0 auto; }
.more a:visited{width:170px; height:42px; line-height:42px; border:2px solid #ffffff; opacity:0.8; text-decoration:none;}
.more a:hover{width:170px; height:42px; line-height:42px; border:2px solid #ffffff; background:#ffffff; color:#f5933d; text-decoration:none; transition:all .8s;}

.range{width: 100%; height: auto; padding-bottom: 3%;}
.rangek{width:1140px; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.rangefk{width:254px; height:90px; background-color:rgba(0,0,0,0.2); padding:4px; margin-bottom:26px; overflow:hidden;}
.rangefk img{width:100%;}
.media{width:100%; height:350px; background:#f9f9f9;}
.picScroll-left{width:100%; height:98px; background:#f9f9f9;  overflow:hidden; position:relative; }
.picScroll-left .bd{ padding:0;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.mediatk{width:1140px; height:98px; margin:0 auto; }
.mediafk{width:260px; height:96px; border:1px solid #eeeeee;}
.mediafk img{width:100%;}

.guidelf{width: 600px; height: 424px; float: left;}
.guideri{width: 540px; height: 424px; display: flex;flex-direction: column; justify-content: space-between; background: #f8f8f8; float: left;}
.guideriz{width:480px; margin: 30px auto 0 auto;}