.subCon{background:url(../images/bg4.jpg); background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
.subCon .title{ display:inline-table; font-size:2.4vw; font-weight:500; letter-spacing:2px;margin:0 auto; text-align:center; position:relative;}
.section .line{ width:30%; height:5px; background:#cf081a; position:absolute; top:calc(100% + 10px);  left:50%; transform: translate(-50%, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.section:hover .line{ width:40%; height:5px; background:#cf081a;position:absolute; top:calc(100% + 10px);  left:50%; transform: translate(-50%, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#section0{padding:6vw 0 0 0;background:none; }
#section0 .mainContainer{width: 85%; }

#section0 .Box{padding:1vw 0;width:100%; border-radius:10px;text-align:center; margin:3vw auto; }
#section0 .txtCon{ font-size:1.0vw; line-height:200%; font-weight:500; margin:1vw 0; color:#333}
#section0 .txtCon p:first-child{ font-size:1.6vw; line-height:200%; font-weight:700; margin:1vw 0; color:#000; letter-spacing:1px;}

#section0 .galleryBox{display: -webkit-flex;  display: flex;flex-wrap: nowrap;justify-content:center;align-items:center; text-align:center; margin:.5vw auto; padding:0 0;border-radius:5px;}
#section0 .galleryBox .list{ padding:0 1vw 0 1vw; margin:1vw auto; }
#section0 .galleryBox .list .imgBox{ width:100%; padding:0 0;  position:relative; }
#section0 .galleryBox .list .imgBox{border-radius:8px;width:100%; height:auto;overflow:hidden;;-moz-box-shadow:0 5px 15px #bbb;-webkit-box-shadow:0 5px 15px #bbb;box-shadow:0 5px 15px #bbb;text-align:center; margin:0 auto; position:relative;transition: all .5s}
#section0 .galleryBox .list .imgBox img{width:100%; height:auto;}
#section0 .galleryBox .list .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#section0 .galleryBox .list .txtBox{ position:absolute; left:0; bottom:-100%; width:100%; height:auto; padding:2vw 1vw;background:rgba(0,0, 0, .6);transition: all .8s; -webkit-transition: all .8s;  -moz-transition: all .8s;}
#section0 .galleryBox .list .imgBox:hover .txtBox{ mposition:absolute; left:0; bottom:0;transition: all .8s; -webkit-transition: all .8s;  -moz-transition: all .8s;}
#section0 .galleryBox .list .txtBox h5{ color:#FFF; font-weight:500; font-size:1.4vw; margin-bottom:1vw; }
#section0 .galleryBox .list .txtBox h5 i{ margin-right:.5vw;}
#section0 .galleryBox .list .txtBox p{ color:#FFF; line-height:200%; font-size:.85vw; }



#section1{padding:3vw 0 3vw 0; background:url(../images/bg3.png) ; background-size:cover }

#section1 .Box{padding:2vw 4vw 0 4vw;width:100%; border-radius:10px;text-align:center; margin:3vw auto; display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;}
#section1 .Box .imgBox{width:50%; height:auto; border-radius:8px;overflow:hidden; position:relative}
#section1 .Box .imgBox li{border-radius:8px;overflow:hidden;  }
#section1 .Box .imgBox li img{ width:100%; height:auto;padding:0;overflow:hidden;transition: all .5s}
#section1 .Box .imgBox li img{display:block;-webkit-transform:translateZ(0) scale(1.01);-moz-transform:translateZ(0) scale(1.01);-ms-transform:translateZ(0) scale(1.01);-o-transform:translateZ(0) scale(1.01);transform:translateZ(0) scale(1.01);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#section1 .Box .imgBox li:hover img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
#section1 .Box .imgBox .txt{border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden; background: rgba(223,7, 22, .8) ; padding:1.0vw 1.0vw; position:relative; position:absolute; left:0; bottom:0; width:100%; height:auto; transition: all .5s}
#section1 .Box .imgBox .txt p{ margin-bottom:.5vw;}
#section1 .Box .imgBox .txt h3{ color:#FFF; text-align:left; font-weight:500;font-size:1.1vw;line-height:160%; }
#section1 .Box .imgBox .txt h3 span{font-size:.85vw; margin-left:.5vw;}
#section1 .Box .imgBox .txt p{ font-size:.85vw; color:#fff; text-align:left; line-height:180%; transition: all .5s}
/*#section1 .Box .imgBox:hover{-moz-box-shadow: 1px 1px 20px #bbb;-webkit-box-shadow: 1px 1px 20px #bbb;box-shadow:1px 1px 20px #bbb;transition: all .5s}
#section1 .Box .imgBox:hover .txt{background: rgba(223,7, 22, .9) ;position:relative; position:absolute; left:0; bottom:0; width:100%; height:auto; transition: all .5s}*/

#section1 .Box .myID{ position:absolute; width:90px; height:4vh; top:3vw; left:0; line-height:4vh;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(237, 28, 36, .8); z-index:9;box-shadow:1px 1px 10px rgba(0,0, 0, 0.5); }
#section1 .Box .myID.media{ position:absolute; width:80px; height:3.5vh; top:3vh; left:0; line-height:3.5vh;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(255, 180, 0, .8); z-index:9; box-shadow:1px 1px 10px rgba(0,0, 0, 0.5);}
#section1 .Box .newList{ width:50%;  padding:1.5vw 0vw 2vw 4vw; border-radius:8px;}
#section1 .Box .newList h4{ font-size:1.3vw; text-align:left; font-weight:500; margin-bottom:1vw; }
#section1 .Box .newList ul{  padding:0 2vw; max-height:65vh;}

#section1 .Box .newList li a{ padding:1.2vw 0 1.5vw 0;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center; border-bottom:#bbb solid 1px; transition: all .5s}
#section1 .Box .newList li a:hover{ padding:1.2vw 0 1.5vw 0;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center; border-bottom:#df0716 solid 1px; transition: all .5s}

#section1 .Box .newList li .picCon{width:13%; height:auto;overflow:hidden; position:relative;transition: all .5s}
#section1 .Box .newList li .picCon img{ width:100%; height:auto;border-radius:10px;}


#section1 .Box .newList li .txt{ width:85%; padding:0 0 0 1vw;position:relative}
#section1 .Box .newList li .txt h3{ text-align:left; font-weight:500; margin:0 0;font-size:1.1vw;line-height:160%; text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; font-family:}
  #section1 .Box .newList li .txt p{ text-align:left;}
  
  
#section2{padding:6vw 0 5vw 0;background:url(../images/bg1.jpg); background-position:center top; background-size:125% auto;}
.paralasic {
	background-image:url(../images/b03.jpg);
	
	background-attachment:scroll;
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f2f2f2; height:100vh;
}
#section2 .mainContainer{ width:100%;}
#section2 .Box{padding:2vw 0; width:100%; margin:1vw auto; text-align:center}
#section2 .owl-carousel li{width:70%; padding:0vw 0;margin:0 auto; text-align:center;position:relative }
#section2 .owl-carousel li .flexBox{display: -webkit-flex;   display: flex;justify-content:center;align-items:center; }
#section2 .owl-carousel li h2{ line-height:200%;}
#section2 .owl-carousel li .atlas{ z-index:2; width:50%; height:auto;border-radius:10px; overflow:hidden ;-moz-box-shadow: 1px 1px 20px #bbb;-webkit-box-shadow: 1px 1px 20px #bbb;box-shadow:1px 1px 20px #bbb; }
#section2 .owl-carousel li .atlas img{width:100%; height:auto; }
#section2 .owl-carousel li .article{padding:3vw 2vw; background: rgba(255,255, 255, .8) ; margin-left:-25%; width:75%; z-index:1; border-radius:10px; padding-left:calc(25% + 2vw); }
#section2 #main-scrollbar{max-height:80vh; min-height:50vh; padding:0 2vw;}
#section2 #main-scrollbar .innerHeight{ height:1vw;}
#section2 .owl-carousel li .article p{line-height:180%; text-align:left;font-size:.9vw; color:#333 ; margin:0 auto;}
#section2 .owl-carousel li .textBox{ margin:0 auto; text-align:left}
#section2 .owl-carousel li .textBox p{ margin:0 auto; text-align:left; font-size:1.0vw; }
#section2 .owl-carousel li .textBox h2{text-align:left; font-size:1.8vw; letter-spacing:10px;color:#000}

#section3{padding:3vw 0 0vw 0; } 
#section3 .mainContainer{ width:100%;}

#section3 .Box{ padding:2vw 0; margin:1vw auto; text-align:center}
#section3 .owl-carousel ul{ margin:0 -1.0vw;  position:relative}
#section3 .owl-carousel li{padding:0 1vw;}
#section3 .owl-carousel li img{
        display: block;
        width: 100%;
        height: auto;border-radius:10px;
}
#section4{padding:3vw 0; } 
#section4 .Box{ padding:2vw 0; margin:1vw auto; text-align:center}

.exhibition_hall {text-align:center;position: relative;}
.exhibition_hall h4 {font-size:30px;font-family:"微软雅黑";text-align:center;margin:0px auto;padding-top:50px;color:#000;}
.tline {color:#dedede;}
.roundabout_box {width:100%;height:auto;}
.roundabout_box ul {}
.roundabout_box li{ position:relative;}
.roundabout_box li .titleTxt{ opacity:.5; width:100%; height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#FFF; z-index:2; background: rgba(0,0, 0, .5)  no-repeat ;display: -webkit-flex; display: flex; justify-content:center; align-items:center; }
.roundabout_box li .titleTxt h1{ font-weight:500; line-height:150%;  font-size:1.2vw; padding:0 0; letter-spacing:1px }

.roundabout_box li .titleTxt p{ font-size:1.2vw; margin:2vh 0;display: flex;align-items: center;justify-content: center;letter-spacing:1px }
.roundabout_box li .titleTxt p i{ padding:0 .5vw; font-size:3vw; }
.roundabout_box li .titleTxt p span{ display:none;}
.roundabout_box li img {width:100%;border-radius:0px; overflow:hidden}
/**********roundabout**********/
.roundabout_box {height:auto;width:100%; margin:0 auto 2vw auto; text-align:center;}
.roundabout-holder{list-style:none;width:65vw;height:28vw;margin:0px auto;}
.roundabout-moveable-item{height:auto;width:70%;cursor:pointer;}
.roundabout-moveable-item img{height:auto;width:100%;margin:0;}
.roundabout-in-focus{border-radius:0px;cursor:auto;border:1px #fff solid;-moz-box-shadow: 0px 10px 20px #bbb;-webkit-box-shadow: 0px 1px 10px #bbb;box-shadow:0px 10px 20px #bbb;transition: all .5s}
.roundabout-in-focus:hover{border:1px #df0716 solid;-moz-box-shadow: 0px 15px 15px #bbb;-webkit-box-shadow:0px 15px 15px #bbb;-moz-box-shadow:0px 15px 15px #bbb;transition: all .5s}
.roundabout-in-focus:hover .titleTxt{opacity:1; width:100%; height:100%;position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); color:#FFF; z-index:2;background: rgba(0,0, 0, .3)  no-repeat ;display: -webkit-flex; display: flex;justify-content:center; align-items:center;transition: all .5s }

.roundabout-holder .text{ position:absolute;left:50%; top:100%; transform: translate(-50%, 0);font-size:1.2vw;opacity:0;color:#333; font-weight:700; padding:2vw 0;transition: all .5s}
.roundabout-in-focus .text{opacity:1;display:inline-block;transition: all .5s}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
@media (min-width: 769px) and (max-width: 1520px){



}
@media (max-width:768px) {
	.paralasic {
	background-image:none;
	
	background-attachment:fixed;
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	 height:auto;
   }
   
   .subCon{background:none;background-position:center top; background-size:cover;}
.subCon .title{ display:inline-table; font-size:24px; letter-spacing:2px;margin:0 auto; text-align:center; position:relative;}
.subCon .line{ display:none;}

#section0{padding:40px 0 0 0;background:none; }
#section0 .mainContainer{width:100%; }

#section0 .Box{ padding:0; width:100%; border-radius:10px;text-align:center; margin:10px auto; }
#section0 .txtCon{ font-size:14px; line-height:180%; font-weight:500; margin:10px 0; color:#333}
#section0 .txtCon p:first-child{ font-size:20px; line-height:150%; font-weight:700; margin:30px 0 10px 0; color:#000; letter-spacing:0px;}

#section0 .galleryBox{display: -webkit-block;  display:block;flex-wrap: nowrap;justify-content:center;align-items:center; margin:10px 0; padding:0 0;border-radius:5px;overflow:hidden;}
#section0 .galleryBox .list{ width:100%;  height:auto;float:left; padding:0 0 0 0; margin:20px 0; overflow:hidden; }
#section0 .galleryBox .list .imgBox{ width:100%; padding:0 0;  position:relative; overflow:hidden;position:relative;}
#section0 .galleryBox .list .imgBox{border-radius:5px;width:100%; height:auto;overflow:hidden; box-shadow:0px 10px 15px #bbbbbb;text-align:center; margin:0 auto; position:relative;transition: all .5s}
#section0 .galleryBox .list .imgBox img{width:100%; height:auto;border-radius:5px;overflow:hidden;}
#section0 .galleryBox .list .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#section0 .galleryBox .list .txtBox{ position:static; left:0; bottom:0; width:100%; height:auto; padding:20px 0 0 0;background:none;transition: all .8s; -webkit-transition: all .8s;  -moz-transition: all .8s;}
#section0 .galleryBox .list .imgBox:hover .txtBox{ mposition:absolute; left:0; bottom:0;transition: all .8s; -webkit-transition: all .8s;  -moz-transition: all .8s;}
#section0 .galleryBox .list .txtBox h5{ color:#000; font-weight:700; font-size:18px; margin-bottom:10px; }
#section0 .galleryBox .list .txtBox h5 i{ margin-right:5px;}
#section0 .galleryBox .list .txtBox p{ color:#333; line-height:200%; font-size:14px; }


   #section1{padding:30px 0;background:none; }

#section1 .Box{ background: rgba(250,250, 250, 0) ;padding:0 0;width:100%; border-radius:10px;text-align:center; margin:20px auto; display: -webkit-block; display:block;justify-content:space-between;align-items:center;-moz-box-shadow:none;-webkit-box-shadow: none;box-shadow:none}
#section1 .Box .imgBox{ border-radius:5px;width:100%; height:auto; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;overflow:hidden; position:relative}
#section1 .Box .imgBox li img{ width:100%; height:auto;padding:0;overflow:hidden; border:#bbb solid 1px;transition: all .5s}
#section1 .Box .imgBox li img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#section1 .Box .imgBox li:hover img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
#section1 .Box .imgBox .txt{background: rgba(223,7, 22, .8) ; padding:10px 10px; position:relative; position:absolute; left:0; bottom:0; width:100%; height:auto; transition: all .5s}
#section1 .Box .imgBox .txt p{ margin-bottom:.5vw;}
#section1 .Box .imgBox .txt h3{ color:#FFF; text-align:left; font-weight:500;font-size:16px;line-height:160%; }
#section1 .Box .imgBox .txt h3 span{font-size:16px; margin-left:5px;}
#section1 .Box .imgBox .txt p{ font-size:14px; color:#fff; text-align:left; line-height:180%; transition: all .5s}
#section1 .Box .imgBox:hover{-moz-box-shadow: 1px 1px 20px #bbb;-webkit-box-shadow: 1px 1px 20px #bbb;box-shadow:1px 1px 20px #bbb;transition: all .5s}
#section1 .Box .imgBox:hover .txt{background: rgba(223,7, 22, .9) ;position:relative; position:absolute; left:0; bottom:0; width:100%; height:auto; transition: all .5s}

#section1 .Box .myID{ position:absolute; width:70px; height:30px; top:20px; left:0; line-height:30px;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(237, 28, 36, .8); z-index:9;box-shadow:1px 1px 10px rgba(0,0, 0, 0.5); font-size:12px; }
#section1 .Box .myID.media{ position:absolute; width:70px; height:30px; top:20px; left:0; line-height:30px;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(255, 180, 0, .8); z-index:9; box-shadow:1px 1px 10px rgba(0,0, 0, 0.5);}
#section1 .Box .newList{ width:100%;  padding:20px 0; border-radius:0px;}
#section1 .Box .newList h4{ font-size:20px; text-align:left; font-weight:500; margin-bottom:10px; }
#section1 .Box .newList ul{  padding:0 0; max-height:inherit;}

#section1 .Box .newList li a{ padding:20px 0;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center; border-bottom:#bbb solid 1px; transition: all .5s}
#section1 .Box .newList li a:hover{ padding:20px 0;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center; border-bottom:#df0716 solid 1px; transition: all .5s}

#section1 .Box .newList li .picCon{width:15%; height:auto;overflow:hidden; position:relative;transition: all .5s}
#section1 .Box .newList li .picCon img{ width:100%; height:auto;border-radius:5px;}


#section1 .Box .newList li .txt{ width:85%; padding:0 0 0 15px;position:relative}
#section1 .Box .newList li .txt h3{ text-align:left; font-weight:500; margin:0 0;font-size:14px;line-height:180%; text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; }
  #section1 .Box .newList li .txt p{ text-align:left;}
  
#section2{padding:30px 0;background: #f2f2f2;}
.paralasic {
	background-image:none;
	
	background-attachment:scroll;
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f2f2f2; height:auto;
}
#section2 .mainContainer{ width:100%;}
#section2 .Box{padding:20px 0; width:100%; margin:10px auto; text-align:center}
#section2 .owl-carousel li{width:100%; padding:0vw 0;margin:0 auto; text-align:center; position:relative }
#section2 .owl-carousel li .flexBox{display: -webkit-block;   display:block;justify-content:center;align-items:center; }

#section2 .owl-carousel li h2{ line-height:200%;}
#section2 .owl-carousel li .atlas{ z-index:2; width:100%; height:auto;border-radius:5px; overflow:hidden ;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; }
#section2 .owl-carousel li .atlas img{width:100%; height:auto; }
#section2 .owl-carousel li .article{padding:20px 0; background: rgba(255,255, 255, 0) ; margin-left:0; width:100%; z-index:1; border-radius:5px; padding-left:0; }
#section2 #main-scrollbar{max-height:none; min-height:inherit; padding:0 0;}
#section2 #main-scrollbar .innerHeight{ height:10px;}
#section2 .owl-carousel li .article p{line-height:180%; text-align:left;font-size:14px; color:#333 ; margin:0 auto;}
#section2 .owl-carousel li .textBox{ margin:10px auto; text-align:left}
#section2 .owl-carousel li .textBox p{ margin:0 auto; text-align:left; font-size:14px; }
#section2 .owl-carousel li .textBox h2{text-align:left; font-size:24px; letter-spacing:10px;color:#000}

#section3{padding:30px 0; } 

#section3 .Box{ padding:20px 0; margin:0 auto; text-align:center}
#section3 .owl-carousel ul{ margin:0 0;  position:relative}
#section3 .owl-carousel li{padding:10px 0;}
#section3 .owl-carousel li img{
        display: block;
        width: 100%;
        height: auto;border-radius:5px;
}
#section4{padding:0 0 30px 0; }
#section4 .Box{ padding:20px 0; margin:0 auto; text-align:center}
nav.nav-box ul {padding: 0 0;margin: 0 auto; border:none; position:relative;  width:150%; text-align:center;display: -webkit-flex; display: flex;justify-content:center;align-items:center;flex-wrap: nowrap}
.roundabout_box {width:100%;height:auto;}
.roundabout_box ul {}
.roundabout_box li{ position:relative;}
.roundabout_box li .titleTxt{ opacity:.5;width:100%; height:100%;position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); color:#FFF; z-index:2; display: -webkit-flex; display: flex;justify-content:center; align-items:center; }
.roundabout_box li .titleTxt h1{ font-weight:500; line-height:150%;  font-size:18px; padding:10px 0; letter-spacing:1px }

.roundabout_box li .titleTxt p{ font-size:24px; margin:10px 0;display: flex;align-items: center;justify-content: center;letter-spacing:1px }
.roundabout_box li .titleTxt p i{ padding:0 5px; font-size:30px; }
.roundabout_box li .titleTxt p span{ display:none;}
.roundabout_box li img {width:100%;border-radius:3px; overflow:hidden}
/**********roundabout**********/
.roundabout_box {height:auto;width:100%; margin:0 auto 30px auto; text-align:center;}
.roundabout-holder{list-style:none;width:90vw;height:180px;margin:0px auto;}
.roundabout-moveable-item{height:auto;width:75%;cursor:pointer;}
.roundabout-moveable-item img{height:auto;width:100%;margin:0;}
.roundabout-in-focus{border-radius:5px;cursor:auto;border:1px #fff solid;-moz-box-shadow: 0px 10px 20px #bbb;-webkit-box-shadow: 0px 1px 10px #bbb;box-shadow:0px 10px 20px #bbb;transition: all .5s}
.roundabout-in-focus:hover{border:1px #df0716 solid;-moz-box-shadow: 0px 15px 15px #bbb;-webkit-box-shadow:0px 15px 15px #787878;-moz-box-shadow:0px 15px 15px #787878;transition: all .5s}
.roundabout-in-focus:hover .titleTxt{opacity:1; width:100%; height:100%;position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); color:#FFF; z-index:2;background: rgba(0,0, 0, .3)  no-repeat ;display: -webkit-flex; display: flex;justify-content:center; align-items:center;transition: all .5s }

.roundabout-holder .text{ font-size:15px;opacity:0;color:#333; font-weight:500; padding:15px 0;transition: all .5s}
.roundabout-in-focus .text{opacity:1;display:inline-block;transition: all .5s}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
}