.section{padding:3vw 0;background:none; }
.section .title{ display:inline-table; font-size:2.4vw; font-weight:500; letter-spacing:2px;margin:3vw 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;}
.section .titleBox{text-align:left;margin:3vw auto; display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;}
.section .titleBox .box{position:relative;display:inline-block;font-size:2.4vw; font-weight:500; letter-spacing:2px; text-align:left; }
.section .titleBox .line{ width:30%; height:5px; background:#cf081a; position:absolute; top:calc(100% + 10px);  left:0; transform: translate(0, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.section:hover .titleBox .line{ width:50%; height:5px; background:#cf081a;position:absolute; top:calc(100% + 10px);  left:0; transform: translate(0, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
@media (min-width: 769px){
	
#topSub{ }
.subCon{width:80%;text-align:center; margin:0 auto; padding:0 0;background:rgba(255,255, 255, .99); padding:0 0;-moz-box-shadow:0 0 10px rgba(187,187, 187, .5);-webkit-box-shadow:0 0 10px rgba(0,0, 0, .5);box-shadow:0 0 20px rgba(0,0, 0, .5)}
	#section1 .mainContainer{ width:80%; }
	#section2{width:100%;}
#section2 .mainContainer{ width:90%;}
#section3{width:100%;}
#section3 .mainContainer{ width:80%;}
#section3 .Box{width:100%;}
#section4{  padding:0; }
#section4 .mainContainer{ width:80%;}


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


	#section1 .titleBox{}
	
	
	
	.tz-gallery .owl-carousel li .txtBox{ position:absolute; left:50%; bottom:-1.5vw; width:70%; transform: translate(-50%, -50%); height:auto; padding:1vw .8vw;background:rgba(0,0, 0, .6);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	
.tz-gallery .owl-carousel li .imgBox:hover .txtBox{background:rgba(170,27, 31, .8); position:absolute; left:50%;transform: translate(-50%, 0);  bottom:2vw;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.tz-gallery .owl-carousel li .txtBox h5{ color:#FFF; font-weight:500; font-size:1.2vw; margin-bottom:1vw; }
.tz-gallery .owl-carousel li .txtBox h5 i{ margin-right:.5vw;}
.tz-gallery .owl-carousel li .txtBox p{ color:#FFF; line-height:160%; font-size:1.0vw; }
.tz-gallery .owl-carousel li img{ width:100%;}
#video-box .video{ width:100%; height:50vh;}
}
@media (max-width:768px) {
	.bgBox{background:#fff;  }
	
	.subCon{width:100%;}
#section0 .titleBox{margin-top:0}
	#section0 .mainContainer{ width:100%;}
	#section1 .mainContainer{ width:100%; }
	#section2{width:100%;background:#ededed;}
#section2 .mainContainer{ width:100%; padding-bottom:40px;}
#section3{width:100%;}
#section3 .mainContainer{ width:100%;}
#section3 .Box{width:100%;}
#section4{  padding:0; }
#section4 .mainContainer{ width:100%;}


   .section .title{ display:inline-table; font-size:28px; font-weight:500; letter-spacing:1px;margin:20px auto; text-align:center; position:relative;}
.section .line{ display:none;}

   .subCon{background:none;background-position:center top; background-size:cover;}
.subCon .line{ display:none;}
.subCon .titleBox .box{display:inline-table; font-size:28px; letter-spacing:1px;margin:20px auto; text-align:center; position:relative;}

#section1 .mainContainer{ width:100%;}
.newBox .offer li{width:100%; height:auto;  padding:0 0;}
.newBox .offer li .txtBox{background:#ededed; padding:20px 20px;}
	.newBox{ width:100%; height:auto;}
	.newBox  img{width:100%; height:auto;}
	.newBox .sub1{ width:100%; height:auto; background:#fafafa; position:relative; overflow:hidden}
	
	.newBox .sub1 .imgBox{ top:0;  left:0;width:100%; height:auto;overflow:hidden;}
	.newBox .sub1 img{width:100%; height:auto}
	
	.newBox .sub1 .txtBox{ padding: 20px 20px; background:#eee;width:100%; height:auto;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	.newBox .offer li h2{ font-size:16px;}	
	.newBox .sub2{ width:100%; height:auto; padding:20px 0 0 0;}
	.newBox .sub3{ width:100%; height:auto; background:#305e98; position:relative;}
	.newBox .sub3 .txtBox{ padding: 20px 20px;  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	.newBox .sub3 .txtBox p{ display:none}
	
	.newBox .minsub1{width:100%; height:auto; background:#f5f5f5;}
	.newBox a h2{ font-size:24px; padding:10px 0 ; color:#000; line-height:150%;}
	.newBox a h3{ font-size:20px; padding:10px 0 ;color:#000;  line-height:150%; }
	.newBox  a p{ padding:10px 0;color:#333;line-height:150%;}
	.newBox .btn{ display:none;}
	.newBox .sub1 i{  }
	.newBox .sub1 .btn{ display:none; }
	
	.newBox  a .sub3 h2{ padding:10px 0;color:#fff; font-size:20px; line-height:150%;}
	.newBox .sub2 .obj .btn{ display:none;  }
	
	
	.newBox .sub3 .btn{display:none;  }
	.newBox .minsub1{width:100%;height:auto; background:#eee;padding:0 0; text-align:center; position:relative;}
	

	.newBox .minsub2{width:100%; height:auto;padding:0 0;}
	.newBox .minsub2 .obj{width:100%; background:#eee;  padding:0 0; margin:20px 0; position:relative}
	.newBox  .obj .txtBox{padding:20px 20px;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	


	.newBox .minsub2 .obj3{width:100%; background:#eee;position:relative; overflow:hidden}
	.newBox .minsub2 .obj .imgBox{overflow:hidden;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	
	.newBox .minsub2 .obj3 .imgB img{ width:auto;}
	.newBox .minsub2 .obj3 .txtBox{transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
	#section3 .mainContainer{ width:100%;}
.newList{ width:100%;  padding:20px 0; border-radius:0px;}
.newList h4{ font-size:20px; text-align:left; font-weight:500; margin-bottom:10px; }
.newList ul{  padding:0 0; max-height:inherit;}

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

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


.newList li .txt{ width:90%; padding:0 0 0 15px;position:relative}
.newList li .txt h3{ text-align:left; font-weight:500; margin:0 0;font-size:16px;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; }
  .newList li .txt p{ text-align:left;}
.tz-gallery .owl-carousel li .txtBox{ position:absolute; left:50%; bottom:0; width:100%; transform: translate(-50%, 0); height:auto; padding:10px 0;background:rgba(0,0, 0, .6);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.tz-gallery .owl-carousel li .imgBox:hover .txtBox{background:rgba(170,27, 31, .8); position:absolute; left:50%;transform: translate(-50%, 0);  bottom:0;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.tz-gallery .owl-carousel li .txtBox h5{ color:#FFF; font-weight:500; font-size:16px; margin-bottom:0; }
.tz-gallery .owl-carousel li .txtBox h5 i{ margin-right:3px;}
.tz-gallery .owl-carousel li .txtBox p{ color:#FFF; line-height:200%; font-size:16px; }
.tz-gallery .owl-carousel li img{ width:100%;}
}