/* CSS Document */
.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}
.fullimg{  height: auto; width: auto;max-width: 100%;}

.pd-t120{ padding-top: 30px;}
.pd-t80{ padding-top: 25px;}
.pd-tb80{padding-top: 25px; padding-bottom: 25px;}
.pd-b80{padding-bottom: 25px;}
.pd-t40{ padding-top: 15px;}
.mg-t40{ margin-top: 15px;}
.mg-t20{ margin-top: 8px;}
.pd-t15{ padding-top: 6px;}
.pd-t25{ padding-top: 9px;}
.pd-tb25{ padding-top: 9px; padding-bottom: 9px;}
.pd-lr25{padding-left: 9px; padding-right: 9px;}
.pd-tb20{ padding-top: 8px; padding-bottom: 8px;}
h1, .h1 {font-size: 1.625rem;}/*26px*/
h2, .h2 {font-size: 1.5rem;}/*24px*/
h3, .h3 {font-size: 1.375rem;}/*22px*/
h4, .h4 {font-size: 1.125rem;}/*18px*/
h5, .h5 {font-size: 1rem;}/*16px*/
h6, .h6 {font-size: 0.875rem;}/*14px*/
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.pd-t120{ padding-top: 50px;}
	.pd-t80{ padding-top: 40px;}
	.pd-tb80{padding-top: 40px; padding-bottom: 40px;}
	.pd-b80{padding-bottom: 40px;}
	.pd-t40{ padding-top: 20px;}
	.mg-t40{ margin-top: 20px;}
	.mg-t20{ margin-top: 10px;}
	.pd-tb25{ padding-top: 15px; padding-bottom: 15px;}
	.pd-lr25{padding-left: 15px; padding-right: 15px;}
	.pd-t15{ padding-top: 5px;}
	.pd-t25{ padding-top: 15px;}
	.pd-tb20{ padding-top: 10px; padding-bottom: 10px;}
	h1, .h1 {font-size: 1.875rem;}/*30px*/
	h2, .h2 {font-size: 1.625rem;}/*26px*/
	h3, .h3 {font-size: 1.5rem;}/*24px*/
	h4, .h4 {font-size: 1.25rem;}/*20px*/
	h5, .h5 {font-size: 1.125rem;}/*18px*/
	h6, .h6 {font-size: 1rem;}/*16px*/
}
@media (min-width: 992px) {
	.pd-t120{ padding-top: 80px;}
	.pd-t80{ padding-top: 60px;}
	.pd-tb80{padding-top: 60px; padding-bottom: 60px;}
	.pd-b80{padding-bottom: 60px;}
	.pd-t40{ padding-top: 30px;}
	.mg-t40{ margin-top: 30px;}
	.pd-t15{ padding-top: 10px;}
	.pd-t25{ padding-top: 20px;}
	.pd-tb25{ padding-top: 20px; padding-bottom: 20px;}
	.pd-lr25{padding-left: 20px; padding-right: 20px;}
	.mg-t20{ margin-top: 15px;}
	.pd-tb20{ padding-top: 15px; padding-bottom: 15px;}
	h1, .h1 {font-size: 2.5rem;}/*36px*/
	h2, .h2 {font-size: 2rem;}/*32px*/
	h3, .h3 {font-size: 1.75rem;}/*28px*/
	h4, .h4 {font-size: 1.5rem;}/*24px*/
	h5, .h5 {font-size: 1.25rem;}/*20px*/
	h6, .h6 {font-size: 1rem;}/*16px*/
}
@media (min-width: 1230px) {
	.pd-t120{ padding-top: 120px;}
	.pd-t80{ padding-top: 80px;}
	.pd-tb80{padding-top: 80px; padding-bottom: 80px;}
	.pd-b80{padding-bottom: 80px;}
	.pd-t40{ padding-top: 40px;}
	.mg-t40{ margin-top: 40px;}
	.mg-t20{ margin-top: 20px;}
	.pd-t15{ padding-top: 15px;}
	.pd-t25{ padding-top: 25px;}
	.pd-tb25{ padding-top: 25px; padding-bottom: 25px;}
	.pd-lr25{padding-left: 25px; padding-right: 25px;}
	.pd-tb20{ padding-top: 20px; padding-bottom: 20px;}
}




/*专题banner图*/
.banner{ clear:both; width:100%; height:200px; background:url(../img/banbg.jpg) no-repeat center;background-size:auto 100%; }
@media (min-width: 480px) {
  .banner{  height:280px;}
}
@media (min-width: 576px) {
  .banner{  height:340px;}
}
@media (min-width: 640px) {
	.banner{  height:370px;}
}
@media (min-width: 768px) {
	.banner{  height:440px;}
}
@media (min-width: 992px) {
	.banner{  height:590px;}
}
@media (min-width: 1230px) {
	.banner{  height:740px;}
}


/*专题板块标题*/
.tbar{ display: flex; flex-direction: row; justify-content:center; align-items:center;  width: 100%; text-align: center;font-size:1.375rem; font-weight: bold; color: #851b06;}
@media (min-width: 768px) {
	.tbar{ font-size:1.625rem;}
}
@media (min-width: 1230px) {
	.tbar{ font-size: 2rem;}
}
.fbit{display: flex; flex-direction: row; justify-content:center; align-items:center;  width: 100%; text-align: center; color: #999999; font-size: 0.75rem; padding: 0px 15px; box-sizing: border-box;}
@media (min-width: 768px) {
	.fbit{ font-size:0.875rem;}
}


/*专题导航*/


@media (min-width: 576px) {
	.menu li a img{ width:30%;}
}
@media (min-width: 768px) {
	.menu ul{ justify-content: center;}
	.menu li{padding: 0px 10px;background-size:3px auto;width:auto;}
	.menu li a{ flex-direction: row;font-size: 0.75rem; text-align: left;}
	.menu li a img{ width:60px;margin-right: 5px;margin-bottom: 0px;}
	.menu li a b{ font-size: 1.25rem;}
	.menu li a p{ font-size: 0.875rem;}
}
@media (min-width: 992px) {
	.menu ul{ justify-content: center;}
	.menu li{padding: 0px 16px;}
	.menu li a img{ width:70px;margin-right: 10px;}
	.menu li a b{ font-size: 1.375rem;}
	.menu li a p{ font-size: 1.125rem;}
}
@media (min-width: 1230px) {
	.menu li{padding: 0px 30px;}
	.menu li a img{ width:110px; margin-right: 12px;}
}
.menu li a div{ display: flex; flex-direction: column;}




/*返回顶部*/
#gotop{ z-index:20; bottom:30px;_margin-bottom:30px;
    width:29px;height:29px;position:fixed;right:15px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

.hide{ display:none;}
div.hide{ display: none;}
.anmt{ transition: all 200s ease;}


/*布局格式*******************************************************************************************************************************/
/*布局1列*/
.col1{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
.col1 li{ width: 100%;}

/*布局2列：电脑端横向，手机端纵向*/
.col2s{ display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; }
.col2s li{ width: 100%;}
@media (min-width: 576px) {
	.col2s li{ width: 50%;}
}

/*布局3列：电脑端横向，手机端纵向*/
.col3s{ display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; }
.col3s li{ width: 100%;}
@media (min-width: 768px) {
	.col3s li{ width: 32%;}
}

/*布局4列：电脑端横向，手机端纵向*/
.col4s{ display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; }
.col4s li{ width: 48%;}
@media (min-width: 576px) {
	.col4s li{ width: 48%;}
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	 .col4s li{ width: 23.5%;}
}

/*按钮样式*******************************************************************************************************************************/
.bt_1{display: inline-block;  background:#3140fc; color: #ffffff; border-radius:18px; height: 30px; box-sizing: border-box; line-height: 30px; padding: 0px 20px; font-size: 12px;}


/*图片*******************************************************************************************************************************/
.img{position: relative;}
.img img{ width: 100%; height: auto; object-fit: cover;margin: 0px auto;}

/*图片比例*/
.img_s{ width: 100%;  position: relative;padding-top: 100%; height: 100%;}
.sz1_1{padding-top: 100%;height: 0;}/*图片宽高1:1*/
.sz3_2{padding-top: 66.66666%;height: 0;}/*图片宽高3:2*/
.sz5_6{padding-top: 124%;height: 0;}/*图片宽高5:6*/
.sz5_4{padding-top: 80%;height: 0;}/*图片宽高5:6*/
.sz4_3{padding-top: 75%;height: 0;}/*图片宽高4:3*/
.sz100_56{padding-top: 56%;height: 0;}/*图片宽高10:5.6*/
.img_s img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;}

.sz10_7{padding-top: 70%;height: 0;}/*图片宽高10:7*/

/*层文本*******************************************************************************************************************************/
/*文本1  p字体大小14号*/
.text{ width: 100%;}
.text h5{font-weight: bold;}
.text h6{ margin-top:4px; color: #666666;}
.text p{ margin-top:4px;color: #999999;}

/*文本2  p字体大小12-14号*/
.text2{}
.text2 h5{ height: 1.5; overflow: hidden; line-height: 1.5;}
.text2 span{ color: #cccccc; font-size: 12px;display: block;margin-top: 2px; }
.text2 p{font-size: 12px; color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 2px;}
@media (min-width: 768px) {
.text2 p{ font-size: 14px;}
}
@media (min-width:992px) {
	.text2 span{  margin-top: 5px;}
	.text2 p{  margin-top: 8px;}
}

/*文本3,p字体大小12px*/
.text3 span{ color: #cccccc; font-size: 12px;display: block;margin-top: 2px;}
.text3 p{font-size: 12px; color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 2px; }
@media (min-width:992px) {
	.text3 span{  margin-top: 5px;}
	.text3 p{  margin-top: 8px;}
}

/*文本4  p字体大小12-14-16号*/
.text4{}
.text4 p{font-size: 12px;}
@media (min-width: 768px) {
.text4 p{ font-size: 14px;}
}
@media (min-width:992px) {
	.text4 p{  margin-top: 8px;font-size: 16px;}
}




/*多图文样式******************************************************************************************************************************/
/*多图文形式一：电脑端上下布局，手机端左右*/
.imgtt{ display: flex; flex-direction: row; flex-wrap: wrap;  align-items: center; justify-content: space-between; width: 100%; position: relative;}
.imgtt .img{background: #f6f6f6; border-radius: 5px; padding: 4px; width: 35%; }
.imgtt .text{ width: 10px; flex-grow: 1; padding-left: 15px; }
@media (min-width: 768px) {
	.imgtt .img{ width: 100%; border-radius: 5px; padding: 8px;}
	.imgtt .text{ padding-left: 0px;text-align: center; padding-top: 10px;}
}

/*多图文形式二：图文左右布局*/
.imgtt2{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; position: relative;}
.imgtt2 .img{ border-radius: 5px; width: 35%;}
.imgtt2 .text2{ width:10%; flex-grow: 1; padding-left: 15px; box-sizing: border-box;}
@media (min-width: 768px) {
.imgtt2 .img{ width: 25%;}
.imgtt2 .text2{ padding-left: 25px;}
}
@media (min-width:1230px) {
	.imgtt2 .img img{ height: 160px; }
}

/*多图文形式三：图文上下布局*/
.imgtt3{ display: flex; flex-direction: row; flex-wrap: wrap;  align-items: center; justify-content: space-between; width: 100%; position: relative;}
.imgtt3 .text3{  padding-top: 10px; }
@media (min-width: 768px) {
}

/*多图文形式四：文本定位图片底部显示*/
.imgtt4{ display: flex; flex-direction: row;flex-wrap: wrap;  justify-content: space-between; align-items: center; width: 100%;position: relative;}
.imgtt4 img{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
.imgtt4 .text3{ width: 100%; box-sizing: border-box; padding: 8px 10px; background: rgba(9,19,148,0.7); color: #ffffff;position: absolute; bottom: 0px; height: auto; left: 0; }
.imgtt4 .text3 h6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.imgtt4 .text3 p{  margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


/*多图文形式五：文本浮于图片显示，文本显示在下方*/
.imgtt5{ display: flex; flex-direction: row;flex-wrap: wrap;  justify-content: space-between; align-items: center; width: 100%;position: relative;}
.imgtt5 .img img{ height: 250px;}
.imgtt5 .text3{  height: 0px; overflow: hidden;font-size: 12px;position: absolute; top: 0px; left: 0px; width: 100%; display: flex; flex-direction:column; justify-content:center; align-items: center; transition: all ease 0.5s;}
.imgtt5:hover .text3{height: 100%;  padding: 8px 12px; box-sizing: border-box; background: #fff200;transform: scale(1);}
.imgtt5 .text{ padding-top: 10px; text-align: center;}


/*多图文形式六：图文上下布局，带底色*/
.imgtt6{ display: flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; width: 100%; position: relative;  background: #f7f7f7; height: 100%;-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;}
.imgtt6:hover{ background-color: #fbf2f2;-webkit-animation-name:bounceIn;animation-name:bounceIn;}

.imgtt6 .text3{  padding-top: 10px; padding-left: 8px ; padding-right: 8px; padding-bottom: 10px;}
@media (min-width: 768px) {
}


/*多图文形式七：文本浮于图片上方*/
.qcontainer{-webkit-perspective:400;-moz-perspective:400; }
.imgtt7{width:100%;height:300px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer:hover .imgtt7{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.imgtt7 .img,.imgtt7 .text3{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; }
.imgtt7 img{ width: 100%; height:300px; object-fit:cover;}
.imgtt7 .text3{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; }

.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background:-webkit-gradient(linear,left top,left bottom,from(#fdbb5a),to(#db5726));background:-moz-linear-gradient(top,#fdbb5a,#db5726);width:100%;height:300px;}


/*多图文形式八：文本在图片上方*/
.imgtt8{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;width: 100%; position: relative; height: 100%;}
.imgtt8 .text{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to top, rgba(27,35, 155, 1) 0%,rgba(0, 0, 0, 0.2) 80%); display: flex; flex-direction: column; align-items:flex-start; justify-content:center; color: #ffffff; padding: 10px 10% 10px 5%; box-sizing: border-box; transition: all ease 0.5s; transform:rotateX(1deg)}
.imgtt8 .text:hover{background: linear-gradient(to top, rgba(155,129, 27, 1) 0%,rgba(0, 0, 0, 0.2) 80%); transform:rotateX(90deg)}
.imgtt8 .text h5{ font-weight: bold;}
.imgtt8 .text p{ margin-top: 10px; color: #f1f1f1;}
.imgtt8 .text a{ margin-top: 15px;}

@media (min-width:1230px) {
	.imgtt8 .text{padding: 10px 40% 10px 10%;}
}




/*多图文形式十一：文浮图上*/
.imgtt11{ display: block; width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.imgtt11 .tsimg{ width: 30%;}
.imgtt11 .text { width: 65%;}
.imgtt11 .text span{ font-size: 12px; display: block; margin-top: 5px;}
.imgtt11 .text  h4{display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden; font-size: 14px;margin-top: 5px;}
.imgtt11 .text  p{display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden; font-size: 12px; margin-top: 5px; color: #999999;}
@media (min-width:576px) {

.imgtt11{ width: 32.5%;}
	.imgtt11 .tsimg{ width: 100%;}
	.imgtt11 .text { width: 100%;}
	.imgtt11 .text span{ font-size: 14px;}
	
	
}
@media (min-width:768px) {
	.imgtt11 .text  h4{ font-size: 16px;}
	
}
@media (min-width:992px) {
	
	.imgtt11 .text  p{ font-size: 14px;}
}
@media (min-width:1230px) {

	.imgtt11 .text{ position: absolute; bottom: 0px; left: 0; width: 100%; height: auto; padding-bottom: 0px; background: linear-gradient(to top, rgba(40,33, 88, 1) 0%,rgba(255, 255, 255, 0.01) 100%);  box-sizing: border-box; padding-left: 10%; padding-right: 10%;}
	.imgtt11 .text span{ font-size: 18px; text-align: center; color: #ffffff;}
	.imgtt11 .text  h4{ font-size: 20px; color: #ffffff;text-align: center; font-weight: bold;}

	.imgtt11 .text  p{ -webkit-line-clamp:3; padding-top: 20px; background: url(../img/line1.png) no-repeat center top; background-size: 1px 20px;  height: 20px; overflow: hidden;transition: 0.5s; color: #ffffff; font-weight: 100; font-size: 16px; text-align: center;}
	.imgtt11:hover .text p{ padding-top:25px;background-size: 1px 15px;line-height: 25px; height: 70px;}
}


/*文本样式******************************************************************************************************************************/
/*样式一*/
.tt1{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;color: #1a1e66;}
.tt1 h2{ width: 30%; font-weight: bold;}
.tt1 h2 span{ color: #3140fc;}
.tt1 p{  width: 60%;}

/*样式二*/
.tt2{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.tt2 li{ background-color: #091496; color: #ffffff; padding: 20px 20px 20px 80px; width: 100%; box-sizing: border-box; background-position: left 20px center; background-repeat: no-repeat; background-size: 45px auto;}
.tt2 li.ic1{ background-image: url(../img/ic_1.png);}
.tt2 li.ic2{ background-image: url(../img/ic_2.png);}
.tt2 li.ic3{ background-image: url(../img/ic_3.png);}
@media (min-width:768px) {
.tt2 li{ width: 32%; padding: 80px 20px 30px 20px;  background-position: top 20px center;background-size:  auto 45px; text-align: center;}
}
@media (min-width:1230px) {
.tt2 li{ width: 31%; padding: 30px 20px 30px 80px;  background-position: left 20px center;background-size: 45px auto; text-align:left; }
}

/*样式三*/
.tt3{  color: #1a1e66;}
.tt3 h2{ font-weight: bold;}
.tt3 h2 span{ color: #3140fc;}
.tt3 p{ margin-top:8px;}
@media (min-width:1230px) {
.tt3 p{ margin-top:24px;}
}
.tt3 i{ display: block; margin-top: 8px; padding-top:5px; border-top: 1px dashed #1a1e66; font-size: 16px; font-style: normal;}
.tt3 i span{ font-weight: bold; font-size: 24px;}

@media (min-width:768px) {
.tt3 i{  margin-top: 28px; padding-top: 20px;  }
}


/*样式四*/
.tt4{ display: flex; flex-direction:column; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.tt4 li{ background-color: #291674; color: #ffffff; padding: 20px; width: 100%; box-sizing: border-box; display: flex; flex-direction: row;justify-content: space-between; align-items: flex-start; }
.tt4 li span{ width: 40px; height: 40px; border-radius: 20px; background: #7d60f9; display:flex; flex-direction: row; justify-content: center;align-items: center; font-size:24px;}
.tt4 li div{ width: 100px; flex-grow: 1; margin-left: 18px; font-size: 0.75rem; color: #8781a0;}
.tt4 li div h6{ color: #ffffff; margin-bottom: 8px; font-weight: bold;}


/*单图文形式******************************************************************************************************************************/
/*图文形式一*/
.ttimg{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;color: #1a1e66;}
.ttimg .tt3{ width: 100%;}

.ttimg .img{ width: 100%;}
.ttimg .img img{ width: 100%; height: 400px; object-fit: cover; border-radius: 20px; box-shadow: 0px 0px 35px rgba(0,0,0,0.4);}

@media (min-width:768px) {
.ttimg .tt3{ width: 50%;}
.ttimg .img{ width: 42%;}
}

/*图文形式五*/
.ttimg5 { height: 100%; display: flex; flex-direction: column; align-items:stretch; width: 100%;box-sizing: border-box;}
.ttimg5 .img{ width: 100%; position: relative; flex-shrink: 0;}
.ttimg5 .img span{ display: block;  width: 20px; height: auto; position: absolute; top: 0px; right: 20px;border-bottom-left-radius:20px ;border-bottom-right-radius:20px ; color: #ffffff;  font-size: 14px; line-height: 1; padding: 5px 3px 10px 3px;}
.ttimg5 .img span.ls{ background: #3763eb; }
.ttimg5 .img span.cs{ background: #ff8a01; }
.ttimg5 .img span.hs{ background: #873c95; }
.ttimg5 .img img{ width: 100%; height:auto; object-fit: cover;}
.ttimg5 .text{ margin: -15px auto 0px auto; background-color: #ffffff; position: relative; z-index: 1; width: 92%; box-sizing: border-box; padding: 8px 10px; box-shadow: 0px 3px 8px rgba(51,51,51,0.18); border-bottom: 2px solid #034b9f;transition:all 0.2s linear; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.ttimg5 .text:hover{ background: #034b9f; color: #ffffff;}
.ttimg5 .text:hover h6,.ttimg5 .text:hover a{ color: #ffffff;}
.ttimg5 .text h6{ margin-top: 8px; font-size: 14px; width: 100%; box-sizing: border-box;}
.ttimg5 .text h5{ font-size: 16px;width: 100%; box-sizing: border-box;}

@media (max-width:991.98px) {
	.ttimg5 .text h6{   font-size: 12px; }
	.ttimg5 .text h5{ font-size: 14px;}
}
@media (min-width:1230px) {
	.ttimg5 .img span{  font-size: 18px;width: 29px;padding: 5px 5px 13px 5px;}
	.ttimg5 .text{ margin: -50px auto 0px auto;}
	.ttimg5 .text h6{ margin-top: 10px;}
}
.ttimg5 .text a{ text-align: right; display: block; width: 100%;}


/*图文形式六*/
.ttimg6{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; width: 100%; position: relative; flex-wrap: wrap;}
.ttimg6 h3{  display: inline-block; padding: 8px 30px; color: #ffffff; background: #2b5562;font-size: 18px;  }
.ttimg6 .img{ width: 100%; position: relative;}
.ttimg6 .icimg{ position: absolute; left: 10px; top: 0px; width: 60px; height: 95px;}
.ttimg6 .img img{ width: 100%; height: auto;}
.ttimg6 .text4{ width: 100%; padding: 0px 0px 0px 10px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: #fafafa;}
.ttimg6 .text4 div{ width: 100%;}
.ttimg6 .text4 h5{ font-weight: bold; margin-top: 10px;}
.ttimg6 .text4 p{ padding-right: 20px; text-indent: 2em; margin-top: 10px; font-size: 14px;width: 100%; box-sizing: border-box;}
.ttimg6 .text4 img{ position: absolute; right: 0px;bottom: 0px; z-index: -1; width: 65%; height: auto;}
@media (min-width:768px) {
	.ttimg6 .icimg{  width: 80px; height: 95px;}
}

.ttimg6 .text4 a{ display: inline-block; background: #034b9f; color: #ffffff; padding: 3px 25px; border-radius: 50%; font-size: 18px; margin-top: 8px;}

.tgwz2 h3{left: auto; right: 25%;}
.tgwz2 .icimg{ left: auto; right: 10px;}
.tgwz2 .text4{align-items: flex-start}
.tgwz2 .text4 img{ right: auto; left: 0px;}


@media (min-width:768px) {
	.ttimg6 .img{width: 50%;}
	.ttimg6 .text4{width: 50%;padding: 0px 0px 0px 15px;}
	.ttimg6 .text4 p{ padding-right: 30px;font-size: 16px;}
	.ttimg6 h3{ position: absolute; bottom: 5px; left:5%; z-index: 2; display: inline-block; padding: 8px 30px; color: #ffffff; background: #2b5562; font-size: 20px; }
	.tgwz2 h3{left: auto; right:5%;}
	.tgwz2 .img{ order: 2;}
	.ttimg6 .text4 a{font-size: 24px;padding: 5px 40px;}
}
@media (min-width:1230px) {
	.ttimg6 h3{left: 0%;bottom: 15px;}
	.tgwz2 h3{left: auto; right:0%;}
	.ttimg6 .text4{width: 50%;padding: 0px 0px 0px 30px;}
	.ttimg6 .text4 p{ padding-right: 40px; margin-top: 5px;}
	.ttimg6 .text4 a{font-size: 30px;padding: 5px 65px;}
	
}


/*折叠图文**********************************************************************************************************************************************/
.zdtw{  column-count:3;  column-gap: 20px;}
.zdtw li{ width: 100%; background-color: #2c2c2c; color: #ffffff; break-inside: avoid; margin-bottom: 20px; box-sizing: border-box; padding: 30px;}
.zdtw li:hover{ cursor: pointer;}
.zdtit{ padding: 10px 0px; font-size: 1rem; background: url(../img/ic_rjt.png) no-repeat right 0px center;}
.zdmore{  padding-top: 20px; display: none;}
.zdtw li.changebg{background-color:#f26c4f; }
.zdtw li.changebg .zdtit{ font-weight: bold; background: url(../img/ic_xjt.png) no-repeat right center;}



.bgf7{ background: #f7f7f7;}
.bgde{ background-color: #e6e6e6;}
.bgfz{ background-color: #0f0240;}
.bgfz .tbar{ color: #ffffff;}
.bgf9{background: #f9f9f9;}


.hdp1 .swiper-container {width: 100%;height: 100%; }
.hdp1 .swiper-slide { background: #fff; }
.imgt2{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 15px; position:relative}
.imgt2 img{ width: 100%; height: auto;}
.imgt2 h6{ padding: 0px 15px; margin-top:10px;}
.imgt2 span{ color: #cccccc; font-size: 12px;padding: 0px 15px; margin-top: 5px;}
.imgt2 p{ color: #999999;padding: 0px 15px; margin-top: 10px;font-size: 12px;}

.hdp2 .swiper-container {width: 100%;height: 100%;}
.hdp2 .swiper-slide { background: #fff; }
.hdp2 .imgt2{ padding-bottom: 0px;}
.hdp2 .imgt2 img{ height: 350px; object-fit: cover;}
.imgt2 div{ position: absolute; display: none; width: 100%; height: 100%; top: 0px; left: 0px;transition: all 1s;}
.imgt2:hover div{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(8,104,21,0.8); color: #ffffff; }
.hdp2 .imgt2 p{ color: #eaecea;}


.hdp3{ width: 100%; position: relative; padding-left: 50px; padding-right: 50px;}
.hdp3 .swiper-container {width: 100%;height:auto; }
.hdp3 .swiper-slide { text-align: center;}
.hdp3 .swiper-slide img{ width:100%; height:370px; object-fit: cover;}
.hdp3 .swiper-slide h5{color:  #1a1e66; font-weight: bold; font-size: 1.125rem; margin-top: 15px;}
.hdp3 .swiper-slide span{ color: #666666;}

.hdp4 .swiper-container { width: 100%;}
.hdp4 .swiper-slide {background-position: center;background-size: cover;width: 100%;height:auto;}
.hdp4 .swiper-slide img{ width: 100%; height: auto; border-radius: 5px;}



.hdp5 .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto; padding-bottom: 50px;}
.hdp5 .swiper-slide { height: auto;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: flex-start;align-items: flex-start;}

.hdp5 .swiper-button-next{background-image: url(../img/btnanext.jpg);right:50%;left:auto; margin-right: -60px;}
.hdp5 .swiper-button-prev{background-image: url(../img/btnaprev.jpg);left:50%;right:auto; margin-left: -60px;}
.hdp5 .swiper-button-next,.hdp5 .swiper-button-prev{top:auto; bottom: 0px;width:20px;height:20px;margin-top:0px;z-index:10;cursor:pointer;background-size:20px 20px;background-position:center;background-repeat:no-repeat; color:#000000 }
.hdp5 .swiper-button-next:after,.hdp5 .swiper-button-prev:after{ font-size: 20px;  font-weight: bold;}
.hdp5 .swiper-pagination-fraction{ bottom:0px;left:0;width:100%; font-size: 16px; color: #000000; font-weight: bold;line-height: 24px;}
@media (min-width:1230px) {
	.hdp5 .swiper-pagination-fraction{ font-size: 20px; }
}


.lo_hdp .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto; }
.lo_hdp .swiper-slide { height: auto;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.hdp6 .swiper-container { width: 100%;}
.hdp6 .swiper-slide {background-position: center;background-size: cover;width: 53%;height:auto;  border-radius: 20px;}
.hdp6 .swiper-slide img{ width: 100%; height: auto;   }

.hdp6 .swiper-button-next{background-image: url(../img/ic_next.png); }
.hdp6 .swiper-button-prev{background-image: url(../img/ic_prve.png); }
.hdp6 .swiper-button-next,.hdp6 .swiper-button-prev{width:46px;height:46px; background-size:46px 46px;background-position:center;background-repeat:no-repeat; color:#000000 }
.hdp6 .swiper-button-prev:after,.hdp6 .swiper-container-rtl .swiper-button-next:after{content:''} 
.hdp6 .swiper-button-next:after,.hdp6 .swiper-container-rtl .swiper-button-prev:after{content:''}
.hdp6 .imgtt4 .img{ width: 100%;}


.hdp6 .imgtt4{ border-radius: 20px;}

.hdp6 .imgtt4 img{ border-radius: 20px;}
.hdp6 .imgtt4 .text2{   padding: 8px 15px; background:#034b9f; color: #ffffff;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;text-align: center; width: 100%; box-sizing: border-box;position: absolute; bottom: 0px; height: auto; left: 0; }
.hdp6 .imgtt4 .text2 h5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.hdp6 .imgtt4 .text2 p{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #ffffff;}
@media (max-width:767.98px) {
	.hdp6 .swiper-slide{width: 80%;}
	.hdp6 .imgtt4 .text2{  position: relative; bottom: 0px; height: auto; left: 0; }
	.hdp6 .swiper-button-next,.hdp6 .swiper-button-prev{width:30px;height:30px; background-size:30px 30px; }
	.hdp6 .imgtt4 img{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
}


.hdp7 .swiper-container { width: 100%;height:auto; }
.hdp7 .swiper-wrapper{/*transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;*/}
.hdp7 .swiper-slide { width: 100%;height:auto; }
.hdp7 .swiper-slide img{ width: 100%; height: 180px; border-radius: 5px;object-fit: cover;}

@media (min-width:576px) {
	.hdp7 .swiper-slide img{ height: 250px;  }
}
@media (min-width:768px) {
	.hdp7 .swiper-slide img{ height: 325px;  }
}
@media (min-width:992px) {
	.hdp7 .swiper-slide img{ height: 420px;  }
}
@media (min-width:1230px) {
	.hdp7 .swiper-slide img{ height: 540px; }
}


.hdp7 .swiper-button-prev:after,.hdp7 .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
.hdp7 .swiper-button-next:after,.hdp7 .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/

.hdp7 .swiper-button-next,.hdp7 .swiper-button-prev{width:47px;height:200px;background-size:47px 200px ; margin-top: -100px;}
.hdp7 .swiper-button-next{background-image:  url(../img/ic_next1.png); right: 0px;}
.hdp7 .swiper-button-prev{background-image: url(../img/ic_prve1.png); left: 0px; }


@media (min-width:576px) {
	.hdp_s{ height: 312px;  }
}
@media (min-width:768px) {
	.hdp_s{ height: 406px;  }
}
@media (min-width:992px) {
	.hdp_s{ height: 525px;  }
}
@media (min-width:1230px) {
	.hdp_s{ height: 675px; }
}

    .hdp_s .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .hdp_s .swiper-slide {
      background-size: cover;
      background-position: center;
    }
	.hdp_s .swiper-slide img{ width: 100%; height:100%; border-radius: 5px;object-fit: cover;}
    .hdp_s .gallery-top {
      height: 80%;
      width: 100%;
	  padding-bottom: 10px;
    }
    .hdp_s .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      
    }
    .hdp_s .gallery-thumbs .swiper-slide {
      width: 100%;
      height: 100%;
	  background: #666666; border-radius: 5px;
    }
	.hdp_s .gallery-thumbs .swiper-slide img{opacity: 0.3;}
    .hdp_s .gallery-thumbs .swiper-slide-thumb-active img {
      opacity: 1;
    }
	
	.hdp_s .swiper-button-prev:after,.hdp_s .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
	.hdp_s .swiper-button-next:after,.hdp_s .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/
	.hdp_s .swiper-button-next,.hdp_s .swiper-button-prev{width:26px;height:26px;background-size:26px 26px; margin-top: -13px; }
	.hdp_s .swiper-button-next{background-image:  url(../img/ic_next.png); right: 5px;}
	.hdp_s .swiper-button-prev{background-image: url(../img/ic_prve.png); left: 5px; }
@media (min-width:992px) {
	.hdp_s .swiper-button-next,.hdp_s .swiper-button-prev{width:36px;height:36px;background-size:36px 36px; margin-top: -18px; }
}

    .hdp8 .swiper-container {
      width: 100%;
      height: 100%;
    }

   .hdp8 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background:none; height: auto;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; padding: 15px; padding-bottom: 40px; width: 20%;
    }
	
	.hdp8 .swiper-slide .wpbox{   height: 100%; background: #ffffff; box-shadow: 5px 0px 10px rgba(17,17,17,0.3);   width: 100%; box-sizing: border-box; padding-bottom: 30px; border-bottom: 2px solid #e6bc8b;}
	.hdp8 .swiper-slide .wpbox img{ width: 100%; }
	.hdp8 .swiper-slide .wpbox h5{ display: block; font-weight: bold; margin-top: 15px; color: #b18d5a; padding:0px 5px}
	.hdp8 .swiper-slide .wpbox h6{ display: block; margin-top: 20px; padding:0px 5px}




.imgt3{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.imgt3 li{ width: 32.8%; position: relative;}
.imgt3 li img{ width: 100%; height: auto; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.imgt3 li .text{ width: 100%; box-sizing: border-box; padding: 8px 10px; background: rgba(9,19,148,0.7); color: #ffffff;}
.imgt3 li .text h6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.imgt3 li .text p{ font-size: 12px; margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media (min-width:992px) {
.imgt3 li .text{ position: absolute; bottom: 0px; height: auto; left: 0;  }
}





.btn1{ padding: 5px 20px; color:#ffffff; background: #ff5c23; display: inline-block;}

.rimgt{ position: relative; width: 100%; height: auto;}
.rimgt img{ width:475px; max-width: 100%; height: auto;}
.rimgt div{ position: absolute; right: 0px; bottom:20px; width: 380px; box-sizing: border-box;background: #ff5c23; color: #ffffff; padding: 10px;}
.rimgt div h3{ margin-bottom: 10px;}

@media (min-width:768px) {
.rimgt div{  padding: 20px;}
}
@media (min-width:1230px) {
.rimgt{padding-left: 20px;}
.rimgt div{  padding: 40px;}
}

.bgfz .col-md-6{}


.newsli{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; clear: both;}

.newsli li{ width: 100%;line-height: 30px; height: 30px;overflow: hidden;font-size: 14px;background: url(../img/dot.png) no-repeat left top 12px; padding-left: 10px; background-size: 4px;}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
	.newsli li{ width: 48%; line-height: 38px; height: 38px; background: url(../img/dot.png) no-repeat left top 15px; padding-left: 18px;background-size: 8px; }
}
@media (min-width: 1230px) {
	.newsli li{ font-size: 16px;padding-left: 20px;}
}