.dt_bg{ background: #f2f2f2;}
p{ text-align: justify;}
.dt_center{ display: flex; flex-direction: row; justify-content: center; align-items: center;}

.dt_nav{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;  background: #ffffff; box-shadow: -10px 10px 12px rgba(0,0,0,0.14); border-radius: 10px;   position: relative; z-index: 1; margin-top: -5%;}
.dt_nav li{ width: 20%; display: flex; align-items: center; justify-content: center; flex-direction: row; text-align: center; position: relative; font-weight: bold; position: relative;}
.dt_nav li::before{ content: ""; position: absolute; left: 0;height: 54%; width: 1px; top: 23%; background: #bc2a1c;}
.dt_nav li:last-child::after{ content: ""; position: absolute; right: 0;height: 54%; width: 1px; top: 23%; background: #bc2a1c;}
.dt_nav li img{ margin: 0px auto; margin-bottom: 4px; width: 2.25em; height: 2.25em;}
.dt_nav li span{ display: none; font-size: 0.75em; font-weight: normal;}
@media (min-width: 768px) {
	.dt_nav{border-radius: 20px;}
	.dt_nav li img{margin-bottom: 8px;}
}
@media (min-width: 1230px) {
	.dt_nav{border-radius: 1.875em;}
	.dt_nav li img{margin-bottom: 16px;}
	.dt_nav li span{ display: block;}
	.dt_nav li::before{  width: 2px;}
	.dt_nav li:last-child::after{ width: 2px;}
}

.dt_bar{ line-height: 1; display: flex; flex-direction: column; align-items:flex-start; justify-content:center; font-weight: bold; color: #000000; padding-bottom: 0.885em; background: url(../img/dt_line.png) no-repeat left bottom; background-size: auto 2px;}
.dt_bar span{ color: #bc2a1c; font-size: 12px; font-weight: normal; display: inline-block; text-transform: uppercase; margin-bottom: 5px;}
@media (min-width: 768px) {
	.dt_bar{background-size: auto 4px;}
	.dt_bar span{ margin-bottom: 7px;}
}

.dt_btn{ font-size: 12px; padding: 3px 28px 3px 8px; color: #000000; border-radius: 4px;border: 1px solid #bc2a1c; display: inline-block; background: url(../img/dt_ic_btn.png) no-repeat right 1px center; background-size: 19px 19px; line-height: 15px; transition: all linear 0.3s; display: inline-block;}
.dt_btn:hover{ background: url(../img/dt_ic_btn.png) no-repeat right 2px center #bc2a1c; background-size: 23px 23px; color: #ffffff;}
@media (min-width: 768px) {
	.dt_btn{padding: 5px 32px 5px 10px;background: url(../img/dt_ic_btn.png) no-repeat right 2px center; background-size: 23px 23px; line-height: 17px;}
}

.dt_btn_m{ display: inline-block; line-height: 1.75; padding:0px 2em; color: #999999; border: 1px solid #999999;transition: all linear 0.3s;}
.dt_btn_m:hover{ background: #bc2a1c; color: #ffffff; color: #ffffff;border: 1px solid #bc2a1c;}

.dt_rw{ display: flex; flex-direction: column; justify-content: center; align-items:stretch; background: #ffffff; border-radius: 10px;}
.dt_rw .rwjs{width: 100%; box-sizing: border-box;padding: 20px;}
.dt_rw .rwjs h3{ font-weight:bolder; line-height: 1; color: #bc2a1c;}
.dt_rw .rwjs  b{ font-size: 1.143em; line-height: 2.31; display: block; margin-bottom: 0.9em;}
.dt_rw .rwjs  p{ text-indent: 2em; line-height: 2;}
.dt_rw .rwjs .dt_btn{ float: right;}
.dt_rw .rwimg{ width: 100%;}
.dt_rw .rwimg img{ width: 100%; height: 100%; object-fit: cover;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
@media (min-width: 576px) {
	.dt_rw .rwjs{ padding: 30px;}
}
@media (min-width: 768px) {
	.dt_rw{ flex-direction: row;border-radius: 20px; }
	.dt_rw .rwjs{ width: 60.2%;padding: 30px;}
	.dt_rw .rwimg{width: 39.8%;}
	.dt_rw .rwimg img{ border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:0px;}
}
@media (min-width: 992px) {
	.dt_rw .rwjs{ padding: 45px;}
}
@media (min-width: 1230px) {
	.dt_rw .rwjs{ padding: 60px;}
}



.dt_zj{ position: relative; display: flex; flex-direction:column; justify-content:center; align-items:flex-start;width: 100%;background-image: url(../img/dt_gbg.jpg); background-position: center top; background-size: 100% 100%;border-radius: 10px; transition: all linear 0.3s;}
.dt_zj.c_r{align-items: flex-end; align-self: flex-end;  }

.dt_zj:hover{ box-shadow:0px 8px 13px rgba(0,0,0,0.14) ;}

.dt_zj .zjimg{ position: absolute; left: 0; bottom: 0;width: 28%}
.dt_zj.c_r .zjimg{ right: 0; left: auto;}
.dt_zj .zjimg img{ width: 100%; height: auto;}
.dt_zj p{ width: auto;}

.dt_zj .zjcon{ background-image: url(../img/dt_lobg.png); background-position: bottom right 0%; background-size: 67% auto; background-repeat: no-repeat; width: 100%;padding-left: 33%; padding-right: 4%;box-sizing: border-box; line-height: 1.5; color: #333333; display: flex; flex-direction: column; border-radius: 15px; justify-content: flex-start; align-items: flex-start}
.dt_zj .zjcon .dt_btn{ align-self: flex-end;}
.dt_zj.c_r .zjcon{background-image: url(../img/dt_lobg.png);padding-right: 33%;padding-left: 4%;background-position: bottom left 11%;}

.dt_zj .zjcon b{ color: #000000;display: block; line-height: 1; }
.dt_zj .zjcon i{ display: block; font-style: normal; line-height: 2.22; color: #999999; }
.dt_zj .zjcon span{ display: block; }
.dt_zj .zjcon p{ margin-top: 0px; color: #333333; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.dt_zj .zjcon .t2btn{background-image: url(../img/btn1.png); width: 86px; height: 14px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.c_l .t2btn{ align-self: flex-end; }

.dt_zj:hover .t2btn{background-image: url(../img/btn2.png);}

@media (min-width: 576px) {
	.dt_zj .zjimg{width: 24%}
	.dt_zj .zjcon{ line-height: 2;}
	.dt_zj .zjcon p{-webkit-line-clamp: 2;}
}
@media (min-width: 768px) {
	
	.dt_zj{ border-radius: 20px;}
	
	.dt_zj .zjcon p{-webkit-line-clamp: 3;}
}

.dt_dy{ width: 100%; position: relative;}
.dt_dy .dycon{ padding-left:5.416% ; padding-right: 3.75%; width: 100%; box-sizing: border-box; background: rgba(0,0,0,0.75); color: #ffffff; line-height: 2;}
.dt_dy .dycon img{ max-width:233px; width: 50%; height: auto;}
.dt_dy .dyimg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: -1;}
.dt_dy .dyimg img{ width: 100%; height: 100%; object-fit: cover; }

.dt_line{ width: 100%; height:1px; line-height: 1px; background: #e6e6e6;}


.dt_slide_1 .swiper-container {
      width: 100%;
      height:auto; padding-bottom: 10px; box-sizing: content-box;
      margin-left: auto;
      margin-right: auto;
    }
.sd_2 .swiper-container{padding-bottom: 40px;}
.dt_slide_1 .swiper-slide {
      background: none;
      /* Center slide text vertically */
    }
.dt_slide_1 .swiper-container-horizontal>.swiper-pagination-bullets,.dt_slide_1 .swiper-pagination-custom,.dt_slide_1 .swiper-pagination-fraction{ bottom: 0; display: flex; flex-direction: row; justify-content: center; align-items: center;z-index: 1; height:30px;}
.dt_slide_1 .swiper-pagination-bullet{ width:6px; height:6px; background:#e1e1e1; opacity:1; }
.dt_slide_1 .swiper-pagination-bullet-active{ opacity:1; background:#ffffff;width:12px; height:12px; box-sizing: border-box; border: 1px solid #bc2a1c;}

.dt_slide_1 .swiper-button-next:after,.dt_slide_1 .swiper-container-rtl .swiper-button-prev:after{ content: '';}
.dt_slide_1 .swiper-button-prev:after,.dt_slide_1 .swiper-container-rtl .swiper-button-next:after{content: '';}
.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-button-prev{ top:auto; width:30px; height:30px; border-radius: 50%; bottom: 0px; background-position: center; background-repeat: no-repeat; background-color:none; background-size:auto 100%; z-index: 2;}
.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-container-rtl .swiper-button-prev{ right:0px; left: auto; background-image: url(../img/ic_next9.png);}
.dt_slide_1 .swiper-button-prev,.dt_slide_1 .swiper-container-rtl .swiper-button-next{left: 0px; right: auto; background-image: url(../img/ic_prve9.png);}
@media (min-width: 576px) {
	.dt_slide_1 .swiper-container{ }
}
@media (min-width: 768px) {
	.dt_slide_1 .swiper-container{ /*padding-bottom: 50px;*/}
	.sd_2 .swiper-container{padding-bottom: 50px;}
	.dt_slide_1 .swiper-container-horizontal>.swiper-pagination-bullets,.dt_slide_1 .swiper-pagination-custom,.dt_slide_1 .swiper-pagination-fraction{height:30px;}
	.dt_slide_1 .swiper-pagination-bullet-active{ width:10px; height:10px; }
	.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-button-prev{ width:30px; height:30px;  }
	.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-container-rtl .swiper-button-prev{ right:50%; left: auto; margin-right: -250px;}
	.dt_slide_1 .swiper-button-prev,.dt_slide_1 .swiper-container-rtl .swiper-button-next{left:50%; right: auto; margin-left: -250px;}
}
@media (min-width: 992px) {
	.dt_slide_1 .swiper-container{ /*padding-bottom: 70px;*/}
	.sd_2 .swiper-container{padding-bottom: 70px;}
	.dt_slide_1 .swiper-container-horizontal>.swiper-pagination-bullets,.dt_slide_1 .swiper-pagination-custom,.dt_slide_1 .swiper-pagination-fraction{height:35px;}
	.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-button-prev{ width:35px; height:35px; }
	.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-container-rtl .swiper-button-prev{ right:50%; left: auto; margin-right: -200px;}
	.dt_slide_1 .swiper-button-prev,.dt_slide_1 .swiper-container-rtl .swiper-button-next{left:50%; right: auto; margin-left: -200px;}
}
@media (min-width: 1230px) {
	.dt_slide_1 .swiper-container{/*padding-bottom: 100px;*/}
	.sd_2 .swiper-container{padding-bottom: 100px;}
	.dt_slide_1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 7px;}
	.dt_slide_1 .swiper-pagination-bullet-active{ width:12px; height:12px;}
	.dt_slide_1 .swiper-container-horizontal>.swiper-pagination-bullets,.dt_slide_1 .swiper-pagination-custom,.dt_slide_1 .swiper-pagination-fraction{height:40px;}
	.dt_slide_1 .swiper-button-next,.dt_slide_1 .swiper-button-prev{ width:40px; height:40px; }
}

.dt_slide_1.sd_2 .swiper-button-next,.dt_slide_1 .swiper-container-rtl .swiper-button-prev{ right:50%; left: auto; margin-right: -70px;}
.dt_slide_1.sd_2 .swiper-button-prev,.dt_slide_1 .swiper-container-rtl .swiper-button-next{left:50%; right: auto; margin-left: -70px;}

.dt_tw{ width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap; }
.twcon{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; box-sizing: border-box; transition: all linear 0.3s;}
.twcon:hover{ background: #ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.16) ;}
.twcon h6{ line-height: 2.5; font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; position: relative;}
.twcon h6::after{ content: ''; width: 30%; height: 1px; background: #e6e6e6; bottom: 0px;  left: 50%; margin-left:-15%; position: absolute;}
.twcon p{ font-size: 12px; color: #666666;/*overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;*/}
.twcon i{ display: inline-block; line-height: 22px; background: url(../img/dt_ic_jt.png) no-repeat center; width: 60px; background-size: auto 50%; }
@media (min-width: 576px) {
	.twcon{ width: 31.6%;}
}
@media (min-width: 1230px) {
	.dt_tw{padding-top: 10px; padding-left:10px; padding-right: 10px;}
	.twcon{padding-top: 10px; padding-left:10px;  padding-right: 10px;}
	.twcon h6{line-height: 3.33;}
	.twcon p{/*-webkit-line-clamp: 4;*/ padding-left: 15px; padding-right: 15px;}
	.twcon i{line-height: 30px; width: 60px;background-size: auto 16px;opacity: 0;transition: all linear 0.3s;}
	.twcon:hover i{opacity: 1;}
}

.dt_bf{ display: flex; flex-direction: column; justify-content: center; align-items:stretch; background: #ffffff;  }
.dt_bf .rwjs{width: 100%; box-sizing: border-box;padding: 20px;}

.dt_bf .rwjs i{ display: block;font-weight: bold; font-style: normal;}
.dt_bf .rwjs  b{ display: block; height: 1px; background: #d1d1d1; overflow: hidden; line-height: 1; width: 85%;}
.dt_bf .rwjs  p{ text-indent: 2em; line-height: 2;}
.dt_bf .rwjs .dt_btn{ float: right;}
.dt_bf .rwimg{ width: 100%;}
.dt_bf .rwimg img{ width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 576px) {
	.dt_bf .rwjs{ padding: 30px;}
}
@media (min-width: 768px) {
	.dt_bf{ flex-direction: row; }
	.dt_bf .rwjs{ width: 42.5%;padding: 30px;}
	.dt_bf .rwimg{width: 57.5%;}
	.dt_bf .rwimg img{  border-bottom-left-radius:0px;}
}
@media (min-width: 992px) {
	.dt_bf .rwjs{ padding: 45px;}
}
@media (min-width: 1230px) {
	.dt_bf .rwjs{ padding: 60px;}
}

.zzbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;  box-sizing: border-box;  text-align: center; background: rgba(0,0,0,0.8); display: none;}
.v-box{ width: 96%; height: auto; position: absolute; top: 50%; transform:translate(0,-50%);  left: 50%; margin-left: -48%; background: #000000;}
.v-box video{ width: auto; height:auto; max-width: 100%; max-height: 650px;}

@media (min-width:768px) {
	.v-box{ width: 90%; margin-left: -45%; }
}
@media (min-width:1230px) {
	.v-box{ width: 50%; margin-left: -25%; }
}

.dt_gy{ position: relative;}
.gy_tit{ color: #5a5a5a; line-height: 1;}
.gy_tit b{ color: #000000; font-size: 1.6em; display: block; margin-top:0.25em;}
.gy_con{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.gy_con p{ width: 45.8%; line-height: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.gy_con .bta{ width: 100%;}
.dt_gy .img{ position: absolute; width: 50%;left: 50%; top: 0; height: 100%;}
.dt_gy .img img{  width: 100%; height:100%; object-fit: cover;}
@media (min-width:576px) {
	.dt_gy .img{left:49%;width: 31.6%;}
	.gy_con .bta{ width: auto;}
}
@media (min-width:768px) {
	.dt_gy .img{left:51%;}
}
@media (min-width:992px) {
	.gy_con .bta{width: 12.5%;}
}