.sub-nav-hero .mainContainer{width:80%;}
.pmoreBtn{display:block; margin: 4vw 0; font-size:1vw}
.subCon{background:url(../images/bg4.jpg);background-position:center top; background-size:cover; padding:1vw 0 2vw 0;}

.Box {  padding:2vw 0 2vw 0; width:100%; margin:2vw auto 1vw auto;  background: rgba(255,255, 255, 0) ;}
.Box ul{ margin:1vw -1vw;display: -webkit-flex; /* Safari */  display: flex;flex-direction: row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.Box ul li{ width:33.33333%; padding:1vw 1vw 1vw 1vw;z-index:1; position:relative;}
.nav11 .Box ul li{ width:33.333333%; }
.nav12 .Box ul li{ width:50%; }
.Box ul li .imgBox{  background:#FFF; padding:0; width:100%; height:auto;position:relative;transition: all .5s}
.Box ul li .imgBox img{ width:100%; height:auto;border-radius:0px; }


.Box ul li .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;}

.Box ul li .txtBg{width:100%; height:50%;background: linear-gradient(transparent,rgba(0,0, 0, .6)); position:absolute;  left:0; bottom:0; z-index:1;transition: all .5s}
.Box ul li:hover .txtBg{width:100%; height:50%;background: linear-gradient(transparent,rgba(0,0, 0, .9)); position:absolute;  left:0; bottom:0;transition: all .5s}

.Box ul li .txt{ width:100%;  padding:2.0vw 1.5vw 1vw 1.5vw; text-align:left; position:absolute;  left:0; bottom:0; z-index:2;transition: all .5s}
.Box ul li:hover .txt{padding:2.0vw 1.5vw 2vw 1.5vw; position:absolute;  left:0; bottom:0; transition: all .5s}

.Box ul li .txt h3{ text-align:left; color:#FFF; font-weight:500; margin:0 0 0 0;font-size:1.2vw;line-height:150%; min-height:0; text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.Box ul li .newsBox{border:rgba(255,255,255,.3) solid 1px; margin-top:0; position:relative; border-radius:0px;overflow:hidden; transition: all .5s}
.Box ul li:hover .newsBox{border:rgba(255,255,255,1) solid 2px; margin-top:0; position:relative; border-radius:0px;overflow:hidden; transition: all .5s}

.Box ul li:hover .newsBox{box-shadow:0px 20px 20px rgba(0,0,0,.5); transition: all .5s}
.Box ul li .txt p{ color:#fff; padding:10px 0;}
.Box ul li .txt p i{ margin-right:5px;}
.Box ul li:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.2);-moz-transform:translateZ(0) scale(1.2);-ms-transform:translateZ(0) scale(1.2);-o-transform:translateZ(0) scale(1.2);transform:translateZ(0) scale(1.2); background:url(../images/imgbg.jpg) ;background-size: 100% auto;  transition: all .5s}


  .cd-secondary-nav {
   border-bottom:none; 
}
.cd-secondary-nav li a{ width:auto; padding:4vw 1.5vw 2vw 1.5vw; display:block; line-height:150%;color:#000; text-decoration: none; font-size:1.2vw;transition: 0s; -webkit-transition: 0s;  -moz-transition: 0s;}
.cd-secondary-nav.fixed li a{font-size:.85vw;transition: all .3s;}
.cd-secondary-nav li a.active {color: #df0716;  border-bottom:#df0716 solid 2px; font-weight:700;transition: all 0s; -webkit-transition: all 0s;  -moz-transition: all 0s;}
		
.cd-secondary-nav li.active  a{color: #df0716; font-weight:700;transition: all 0s; -webkit-transition: all 0s;  -moz-transition: all 0s;}
.Box h2 { letter-spacing:0; font-weight:500; padding:0; margin:1vw 0;font-size:2vw; line-height:160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@media (min-width: 769px) and (max-width: 1520px){

.Box ul.newList li .newsBox .txt h3{font-size:16px;line-height:160%; }


}
@media (max-width:768px) {
	.sub-nav-hero .mainContainer{width:100%;}

	.Box {  padding:20px 0 20px 0; width:100%; }
		.pmoreBtn{display:inline-block; margin:20px 0;}

.subCon{background:none;background-position:center top; background-size:cover; padding:0 0;}
.Box ul{ margin:10px 0;display: -webkit-flex; /* Safari */  display: flex;flex-direction: row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.Box ul li{ width:50%; padding:5px;z-index:1; position:relative;}

.Box ul li .imgBox{ border:#FFF solid 1px; background:#FFF; padding:0 ; width:100%; height:auto;overflow:hidden; position:relative;transition: all .5s}
.Box ul li .imgBox img{ width:100%; height:auto;border-radius:0px; }


.Box ul li .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;}
.Box ul li .txt{ width:100%; background:none; padding:10px; text-align:center; position:static;  left:0; bottom:0; z-index:2;transition: all .5s}
.Box ul li:hover .txt{padding:10px; position:static;  left:0; bottom:0; transition: all .5s}

.Box ul li .txtBg{width:100%; height:auto;background:none; position:absolute;  left:0; bottom:0; z-index:1;transition: all .5s}
.Box ul li:hover .txtBg{width:100%; height:auto;background:none; position:absolute;  left:0; bottom:0;transition: all .5s}

.Box ul li .txt h3{ text-align:center; color:#000; font-weight:500; margin:0 0 0 0;font-size:16px;line-height:150%; min-height:0; text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
  
.Box ul li .newsBox{ margin-top:0; position:relative;  transition: all .5s}

.Box ul li:hover .newsBox{box-shadow:none; transition: all .5s}
.Box ul li .txt p{ color:#fff; padding:10px 0;}
.Box ul li .txt p i{ margin-right:5px;}

.Box ul li:hover .imgBox{display:block;-webkit-transform:translateZ(0) scale(1.05);-moz-transform:translateZ(0) scale(1.05);-ms-transform:translateZ(0) scale(1.05);-o-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05);border:#FFF solid 1px; background:url(../images/imgbg.jpg) ;background-size: 100% auto; margin-top:0; box-shadow: 0px 20px 20px rgba(0,0,0,.3);transition: all .5s}
   
.Box h2 { letter-spacing:0; font-weight:500; padding:0; margin:20px 0;font-size:20px; line-height:160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

	}
	
	