.bgimg a{ display: block; width: 100%; height: 100%;}

.timezone{ background-image: url(../img/line3.png); background-repeat: repeat-y; background-position: left 26px top; background-size: 4px auto ; width: 100%; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}
.tzbox{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 20px;}
.tzbox:first-child{margin-top: 0px;}
.tzic{ background-size: 72px 56px; background-repeat: no-repeat; background-position: center; width: 72px; height: 56px;  text-align: center; line-height: 56px; color: #ffffff; font-size: 12px;}
.tzcon{ width: 100px; flex-grow: 1; margin-left: -5px; box-shadow: 3px 0px 5px rgba(0,0,0,0.1); display: flex; flex-direction: row; justify-content: center;align-items: flex-start; flex-wrap: wrap; box-sizing: border-box; padding: 10px;}
.tzcon .img{ max-width: 85%; width: auto;margin-bottom: 12px;}
.tzcon .img img{ width:auto; height: auto; max-width: 100%;}
.wl .tzic{ padding-right: 16px; background-image: url(../img/ic_l1.png);}
.wr .tzic{   padding-right:16px ;background-image: url(../img/ic_r.png);}
.tzcon .texts h5{ font-weight: bold; color: #01419a; margin-bottom: 12px;}
.texts .gdbox span{color: #01419a; font-weight: bold;}
.texts .xmimg{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.texts .xmimg img{ width: 49%; height: 130px; object-fit: cover; margin-top: 15px;}
@media (min-width:576px) {
	.tzcon .img{ max-width: 30%; width: auto;}
	.tzcon .texts{ width: 70%; box-sizing: border-box; padding-left: 10px;}
	
	
}
@media (min-width:768px) {
	
	.timezone{ background-position: left 31px top;background-size: 6px auto; }
	.tzic{ background-size: 86px 68px;  width: 86px; height: 68px; line-height: 68px;  font-size: 16px;}
	.tzcon{ }
	.wl .tzic{ padding-right: 18px;}
	.wr .tzic{   padding-right:18px;}
}
@media (min-width:992px) {
	.timezone{ background-position: center top; }
	
	.tzbox{ width: 499px; margin-top: -195px; }
	
	.wr{ align-self: flex-end;}
	.wl{  }
	.wl .tzcon{ margin-left: 0px; margin-right: -5px;}
	.wl .tzic{ order: 2;background-image: url(../img/ic_l.png);padding-left:18px;padding-right: 0px;}
	
	.tzcon .img{ max-width: 50%; width: auto; }
	.tzcon .texts{ width: 100%; font-size: 16px;  }
}
@media (min-width:1230px) {	
	.tzbox{ width: 634px; margin-top: -120px; }
	.tzcon .img{ width: 30%; }
	.tzcon .texts{ width: 70%;}
}

.fj-cut{ width: 100%;}
.fj-cut ul{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #f4f4f4;}
.fj-cut ul li{ width: 33.3333333%; text-align: center; line-height: 2.5; background: #f4f4f4; border-right: 1px solid #01419a; flex-grow: 1;}
.fj-cut ul li:last-child{ border: none;}
.fj-cut ul li.on{ background: #01419a; color: #FFFFFF;}

@media (min-width:992px) {	
	.fj-cut ul li{ font-size: 20px;}
}

.hdp7 .swiper-slide{   width: 100%; box-sizing: border-box; }
.hdp7 .swiper-slide .casebox{ display: flex;  flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;box-shadow: inset 0px 0px 8px rgba(0,0,0,0.1);}
.hdp7 .swiper-slide .imgs{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%;}
.hdp7 .swiper-slide .imgs img{ width: 50%; height:130PX; object-fit: cover;}
.hdp7 .swiper-slide .texta{ width: 100%;padding: 15px;  padding-bottom: 50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.hdp7 .swiper-slide .texta b{ display: block; margin-top: 10px;}
.hdp7 .swiper-slide .texta h5{ color: #01419a; font-weight: bold;}

@media (min-width:576px) {	
 .hdp7 .swiper-slide .imgs img{  height:180PX; }
}
@media (min-width:768px) {	
 .hdp7 .swiper-slide .imgs img{  height:230PX; }
}
@media (min-width:992px) {	
	.hdp7 .swiper-slide .imgs{ width: 33.33333%;}
	.hdp7 .swiper-slide .imgs img{ width: 100%; height: 50%; }
	.hdp7 .swiper-slide .texta{ width: 100px; flex-grow: 1; box-sizing: border-box; padding: 20px;  padding-bottom: 50px; padding-top:40px; }
	.hdp7 .swiper-slide .texta b{   margin-top: 15px;}
	
	.hdp7 .swiper-button-next{ right: 33%; bottom: 12px; margin-right: -60px;}
	.hdp7 .swiper-button-prev{  left: 66%; bottom: 12px;margin-left: -60px;}

	
}
@media (min-width:1230px) {	

	.hdp7 .swiper-slide .texta{  font-size: 16px;}


	
}

.nbg{ background: url(../img/nbg.jpg) no-repeat center top; background-size: cover; }
.nbg{}
.nbg .tbar2 h3 b{ color: #000000;}
.nbg .tbar2 span{  color: #7daacb;  }
.nbg .pd-tb80{ padding-bottom: 150px;}

.cf1{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.cf1 .img{ position: relative; width: 100%;}
.cf1 .img p{ width: 100%; background:#01419a ; color: #ffffff;  padding: 8px 10px;}
.cf1 .img p b{ font-size: 16px;}
.cf1 .img img{ width: 100%; height: auto;}
.cf1 .text{ width: 100%; padding: 15px; display:flex;flex-direction: column; align-items: center; }
.cf1 .text h5{color: #01419a; margin-bottom: 10px;}
.cf1 .text p{ margin: 8px 0px; width: 100%; text-indent: 2em; text-align: justify;}
.cf1 .text a{ margin-top: 10px; font-size: 14px;  justify-content: flex-end; background-color:  #01419a; color: #ffffff; align-self: flex-end; padding: 3px 8px;  border-radius: 5px;}
@media (min-width:576px) {
	.cf1 .img{  width: 33%;}
	.cf1 .text{ width: 67%;  }
}
@media (min-width:576px) {
	.cf1 .text{padding:0px 15px 15px 15px;}
}
@media (min-width:768px) {
	
}
@media (min-width:992px) {
	.cf1 {box-shadow: inset 0px 0px 8px rgba(0,0,0,0.1);}
	.cf1 .text{font-size: 16px; padding: 25px;}
}
@media (min-width:1230px) {
	
	.cf1 .text{font-size: 18px;}
	.cf1 .img p{ position: absolute; bottom: 0px; left: 0px;    font-size: 20px;  padding: 8px 10px;}
	.cf1 .img p b{ font-size: 22px;}
	.cf1 .text a{ font-size: 16px;margin-top: 20px;}
}

.imgtt5:hover .text3{ background:rgba(1,65,154,0.8); color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.imgtt5:hover .text3 p{color: #ffffff; width: 100%; box-sizing: border-box; text-indent: 2em;  }
.imgtt5 .text3 a{ color: #ffffff; display: inline-block; align-items: flex-end; margin-top: 20px; background: #ffffff;color: #01419a; padding: 3px 8px; border-radius: 5px; align-self: flex-end;}
.imgtt5 .img img{ height: 250px;}

@media (min-width:1230px) {
	.imgtt5 .img img{ height: 300px;}
}

.col3s li{ width: 100%;}
@media (min-width: 576px) {
	.col3s li{ width: 32%;}
}
.text3 h5{ font-weight: bold; display: block; margin-bottom:15px;}
.imgtt5 .text{ background: #01419a; color: #ffffff; padding-bottom: 8px;}
.imgtt5 .text h6{color: #ffffff; font-size: 14px; }
.imgtt5 .text h5{ font-size: 16px;}

.text3 p{ font-size: 14px;    -webkit-line-clamp: 4;}


.cf3{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.timg8{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.timg8 .img{ width: 35%;}
.timg8 .img img{ height: 100%; width: 100%; object-fit: cover;}
.timg8 .text{ width: 65%; box-sizing: border-box; padding: 15px; background:#01419a; color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
@media (min-width: 768px) {
	.timg8{ width: 49%;}
}
.timg8 .text h6{ font-size: 14px; color: #ffffff;}
.timg8 .text h5{ font-size: 16px;color: #ffffff;}
.timg8 .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;  margin-top: 8px; color: #ffffff;text-indent: 2em; }

.timg8 .text p::after{
  width: 100%;
  display: inline-block;
  content: '';  
}

.timg8 .text a{ color: #ffffff; display: inline-block; align-items: flex-end; margin-top: 20px; background: #ffffff;color: #01419a; padding: 3px 8px; border-radius: 5px; align-self: flex-end;}

@media (min-width: 768px) {
	.timg8 .img{ width: 40%;}
	.timg8 .text{ width: 60%;}
}

video{ width: 100%; height: auto;}