/* CSS Document */
.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}
.fullimg{  height: auto; width: auto;max-width: 100%; margin: 0px auto;}


.pd-t120{ padding-top: 30px;}
.pd-t80{ padding-top: 25px;}
.pd-tb80{padding-top: 25px; padding-bottom: 25px;}
.pd-t40{ padding-top: 15px;}
.pd-t20{ padding-top: 8px;}
.mg-t80{ margin-top: 25px;}
.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-tb20{ padding-top: 8px; padding-bottom: 8px;}
.pd-tb40{ padding-top: 15px; padding-bottom: 15px;}
.pd-l60{ padding-left: 23px;}
.pd-b40{ padding-bottom: 15px;}
h1, .h1, .ft36-26 {font-size: 1.625rem;}/*26px*/
h2, .h2, .ft32-24 {font-size: 1.5rem;}/*24px*/
h3, .h3, .ft28-22 {font-size: 1.375rem;}/*22px*/
h4, .h4, .ft24-18 {font-size: 1.125rem;}/*18px*/
h5, .h5, .ft20-16 {font-size: 1rem;}/*16px*/
h6, .h6, .ft16-14 {font-size: 0.875rem;}/*14px*/
.ft_52{ font-size:1.875rem;/*30px*/}
.ft_32{ font-size:1.125rem;/*18px*/}
.ft_22{ font-size:0.875rem;/*14px*/}
.ft_20{font-size:0.75rem;/*12px*/}
@media (min-width: 576px) {
	.ft_52{ font-size:2.25rem;/*36px*/}
	.ft_32{ font-size:1.25rem;/*20px*/}
	.ft_22{ font-size:1rem;/*16px*/}
	.ft_20{font-size:0.875rem;/*14px*/}
}
@media (min-width: 768px) {
	.pd-t120{ padding-top: 50px;}
	.pd-t80{ padding-top: 40px;}
	.pd-tb80{padding-top: 40px; padding-bottom: 40px;}
	.pd-t40{ padding-top: 20px;}
	.pd-t20{ padding-top: 10px;}
	.mg-t80{ margin-top: 40px;}
	.mg-t40{ margin-top: 20px;}
	.mg-t20{ margin-top: 10px;}
	.pd-tb25{ padding-top: 15px; padding-bottom: 15px;}
	.pd-t15{ padding-top: 5px;}
	.pd-t25{ padding-top: 15px;}
	.pd-tb20{ padding-top: 10px; padding-bottom: 10px;}
	.pd-tb40{ padding-top: 20px; padding-bottom: 20px;}
	.pd-l60{ padding-left: 30px;}
	.pd-b40{ padding-bottom: 20px;}
	h1, .h1, .ft36-26 {font-size: 1.875rem;}/*30px*/
	h2, .h2, .ft32-24 {font-size: 1.625rem;}/*26px*/
	h3, .h3, .ft28-22 {font-size: 1.5rem;}/*24px*/
	h4, .h4, .ft24-18 {font-size: 1.25rem;}/*20px*/
	h5, .h5, .ft20-16 {font-size: 1.125rem;}/*18px*/
	h6, .h6, .ft16-14 {font-size: 1rem;}/*16px*/
	.ft_52{ font-size:2.625rem;/*42px*/}
	.ft_32{ font-size:1.375rem;/*22px*/}
	.ft_22{ font-size:1.125rem;/*18px*/}
	.ft_20{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-t40{ padding-top: 30px;}
	.pd-t20{ padding-top: 15px;}
	.mg-t80{ margin-top: 60px;}
	.mg-t40{ margin-top: 30px;}
	.pd-t15{ padding-top: 10px;}
	.pd-t25{ padding-top: 20px;}
	.mg-t20{ margin-top: 15px;}
	.pd-tb20{ padding-top: 15px; padding-bottom: 15px;}
	.pd-tb40{ padding-top: 30px; padding-bottom: 30px;}
	.pd-l60{ padding-left: 45px;}
	.pd-b40{ padding-bottom: 30px;}
	h1, .h1, .ft36-26{font-size: 2.25rem;}/*36px*/
	h2, .h2, .ft32-24{font-size: 2rem;}/*32px*/
	h3, .h3, .ft28-22{font-size: 1.75rem;}/*28px*/
	h4, .h4, .ft24-18{font-size: 1.5rem;}/*24px*/
	h5, .h5, .ft20-16{font-size: 1.25rem;}/*20px*/
	h6, .h6, .ft16-14 {font-size: 1rem;}/*16px*/
	.ft_52{ font-size: 2.875rem;/*46px*/}
	.ft_32{ font-size:1.625rem;/*26px*/}
	.ft_22{ font-size:1.25rem;/*20px*/}
	.ft_20{font-size:1.125rem;/*18px*/}
}
@media (min-width: 1230px) {
	.pd-t120{ padding-top: 120px;}
	.pd-t80{ padding-top: 80px;}
	.pd-tb80{padding-top: 80px; padding-bottom: 80px;}
	.pd-t40{ padding-top: 40px;}
	.pd-t20{ padding-top: 20px;}
	.mg-t80{ margin-top: 80px;}
	.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-tb20{ padding-top: 20px; padding-bottom: 20px;}
	.pd-tb40{ padding-top: 40px; padding-bottom: 40px;}
	.pd-l60{ padding-left: 60px;}
	.pd-b40{ padding-bottom: 40px;}
	.ft_52{ font-size: 3.25rem;/*52px*/}
	.ft_32{ font-size:2rem;/*32px*/}
	.ft_22{ font-size: 1.375rem;/*22px*/}
	.ft_20{font-size:1.25rem;/*20px*/}
}

.ft12{ font-size: 12px;}
.ft14{ font-size: 14px;}
.ft16{ font-size: 16px;}
.fts18{ font-size: 14px;}
.fts16{ font-size: 14px;}
.fts14{ font-size: 12px;}
@media (min-width: 576px) {
.fts18{ font-size: 16px;}
}
@media (min-width: 992px) {
.fts18{ font-size: 18px;}
.fts16{ font-size: 16px;}
.fts14{ font-size: 14px;}
}



/*专题banner图*/

.banner{ clear:both; width:100%; height:220px; background:url(../img/banbg.jpg) no-repeat center;background-size:auto 100%; }

@media (min-width: 480px) {
  .banner{  height:320px;}

}
@media (min-width: 576px) {
  .banner{  height:350px;}

}
@media (min-width: 640px) {
	.banner{  height:350px;}

}
@media (min-width: 768px) {
	.banner{  height:390px;}

}
@media (min-width: 992px) {
	.banner{  height:450px;}

}
@media (min-width: 1230px) {
	.banner{  height:750px;}

}


/*专题板块标题*/
.tbar{ display: flex; flex-direction: row; justify-content:center; align-items:center;  width: 100%; text-align: center;font-size:1.375rem; font-weight: bold;  }
.tbar span{ display: inline-block; background-image: url(../img/s_tbar.png); background-position: left center; background-repeat: no-repeat; background-size: 50% auto; padding-left: 20px;}
.tbar img{ max-width: 240px; width: 40%; height: auto;}
@media (min-width: 576px) {
	.tbar img{ width: 35%;}
}
@media (min-width: 768px) {
	.tbar img{ width: 30%;}
	.tbar{ font-size:1.625rem;}
	.tbar span{    padding-left: 30px;}
}
@media (min-width: 992px) {
	.tbar span{   padding-left: 40px;}
	
}
@media (min-width: 1230px) {

	.tbar{ font-size: 2rem;}
	.tbar span{  padding-left: 50px;}
}







/*返回顶部*/
#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) {
	 
}
@media (min-width: 768px) {
	.col2s li{ width: 49%;}
}

/*布局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%;}
}

/*布局5列：上3，下2*/
.col5s{ display:  flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: stretch; width: 100%; }
.col5s li{ width: 50%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;}
@media (min-width: 768px) {
	.col5s li{width: 33.33%; padding-left: 1%; padding-right: 1%;}
}

/*按钮样式*******************************************************************************************************************************/
.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;}



/* 滚动条特效 */
.gdbox{width:100%; height:auto;padding-right: 10px;overflow-y:auto;scrollbar-base-color:#f00; box-sizing: border-box;  }
@media (max-width: 767.98px) {
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.gdbox::-webkit-scrollbar  
{  
    width: 8px;  /*滚动条宽度*/
    height: 12px;  /*滚动条高度*/
}  
.gdbox::-webkit-scrollbar-button  
{  
background-color:#cccc;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;color:#900
} 

/*定义滚动条轨道 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;  /*滚动条的背景区域的圆角*/
    background-color: #1c4aa0;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #ffffff;  /*滚动条的背景颜色*/
}


/*层文本*******************************************************************************************************************************/
/*文本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;}
}


/*文本5  p字体大小12-14-16-18-20号*/
.text5{}
.text5 p{font-size: 12px;margin-top: 6px; background: url(../img/dot.png) no-repeat left top 7px; background-size: 4px 4px;padding-left: 10px;}
.text5 span{ font-size: 12px;}
.text5 h4{ font-weight: bold; margin-top: 8px;}
@media (min-width:576px) {
	.text5 p{  margin-top: 8px;font-size: 14px;background: url(../img/dot.png) no-repeat left top 8px;background-size: 4px 4px;}
}
@media (min-width: 768px) {
.text5 p{ font-size: 16px;margin-top: 8px;background: url(../img/dot.png) no-repeat left top 9px;background-size: 4px 4px;}
.text5 span{ font-size: 16px;} 
}
@media (min-width:992px) {
	.text5 p{  margin-top: 8px;font-size: 18px;background: url(../img/dot.png) no-repeat left top 10px;background-size: 5px 5px;padding-left: 12px;}
	.text5 span{ font-size: 18px;} 
}
@media (min-width:1230px) {
	.text5 p{  margin-top: 10px;font-size: 20px;background: url(../img/dot.png) no-repeat left top 11px;background-size: 6px 6px;padding-left: 14px;}
}




/*多图文样式******************************************************************************************************************************/
/*多图文形式一：电脑端上下布局，手机端左右*/
.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,.imgtt3 .text{  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%;}
}



/*多图文形式九：简单图文浮在图片底部*/
.imgtt9{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;width: 100%; position: relative; height: 100%; border-radius: 10px;}
.imgtt9 .text{ position: absolute; bottom: 0px; left: 0px; width: 100%; height:100%; background: linear-gradient(to top, rgba(0,78, 161, 1) 0%,rgba(255, 255, 255, 0.1) 30%); display: flex; flex-direction: column; align-items:center; justify-content:flex-end; color: #ffffff; box-sizing: border-box; padding-bottom: 10px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.imgtt9 .text h5{ font-weight: bold;}
.imgtt9 .text p{ margin-top: 10px; color: #f1f1f1;}
.imgtt9 .text a{ margin-top: 15px;}
.imgtt9 .img{ height: 130px; width: 100%;}
.imgtt9 .img img{ width: 100%; height: 100%; object-fit: cover;border-radius: 10px;}
@media (min-width:576px) {
	.imgtt9 .img{ height: 220px;  }
}
@media (min-width:629px) {
	.imgtt9 .img{ height: 260px;  }
}
@media (min-width:992px) {
	.imgtt9 .img{ height: 300px;  }
}
@media (min-width:1230px) {
	.imgtt9 .img{ height: 320px;  }
}


/*多图文形式十：电脑端左右布局，手机端上下*/
.imgtt10{ display: flex; flex-direction: row; flex-wrap: wrap; align-items:stretch; justify-content: space-between; width: 100%; position: relative;  padding: 15px;}
.imgtt10 .img{  width: 100%; border-radius: 10px;box-shadow: 0px 0px 15px rgba(25,65,155,0.8); }
.imgtt10 .text{ width: 100%; height:100%; background:url(../img/tbg.jpg) no-repeat center; background-size: 100% 100%; color: #ffffff; padding: 10px; box-sizing: border-box;box-shadow: 0px 0px 15px rgba(25,65,155,0.8);border-radius: 10px;max-height: 215px; line-height: 1.8;}
.imgtt10 .text p{ color: #ffffff; margin-top: 8px;}
.imgtt10 .img img{ height: 100%; border-radius: 10px;}
@media (min-width: 768px) {
	.imgtt10{  }
	.imgtt10 .img{ width: 58%;height: 300px; }
	.imgtt10 .text{width: 40%;  padding: 20px;height: 300px; max-height: 300px;}
}

@media (min-width: 992px) {
	.imgtt10{  }
	.imgtt10 .img{ width: 55%;height: 415px; }
	.imgtt10 .text{ height: 415px; max-height: 415px;}
}

/*文本样式******************************************************************************************************************************/
/*样式一*/
.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;}
.ttimg5 .img{ width: 100%; position: relative;}
.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 #00cfd7;transition:all 0.2s linear; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.ttimg5 .text:hover{ background: #00cfd7; color: #ffffff;}
.ttimg5 .text:hover h6,.ttimg5 .text:hover a{ color: #ffffff;}
.ttimg5 .text h6{ margin-top: 8px; font-size: 14px;}
.ttimg5 .text h5{ font-size: 16px;}

@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-end; justify-content: space-between;}
.ttimg6 .text4 p{ padding-right: 20px; text-indent: 2em; margin-top: 10px; font-size: 14px;}
.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: #00cfd7; 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: 25%;bottom: 15px;}
	.tgwz2 h3{left: auto; right: 25%;}
	.ttimg6 .text4{width: 50%;padding: 0px 0px 0px 30px;}
	.ttimg6 .text4 p{ padding-right: 70px;}
	.ttimg6 .text4 a{font-size: 30px;padding: 5px 65px;}
	
}

/*图文形式七*/
.ttimg7{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.ttimg7 .img{ width:100%; background: url(../img/imgbg.png) no-repeat; background-size: 100% 100%; position: relative; box-sizing: border-box ; margin-right: 15px;  }
.ttimg7 .img .zimg{ width: 100%; height: auto; padding: 20px; }
.ttimg7 .img .logo{ position: absolute; right: -15px; bottom: 13.5%; width:60%; height: auto; box-sizing: border-box; padding: 20px; background: #14529f; border-radius: 5px;}
.ttimg7 .img .logo img{ width: auto; height: auto; max-width:100%;}
.ttimg7 .text5{ width: 100%;}
.ttimg7 .text5 span{ display: inline-block; background: #ffda44; padding: 3px 10px; color: #ffffff;}
.ttimg7 .text5 h4{ color: #1452a0;}
.ttimg7 .text5 p{ color: #666666; text-indent: 2em;}
.ttimg7 .text5 .gdbox{ margin-top: 8px;}
@media (min-width:576px) {
	.ttimg7 .img{ width: 80%;}
}
@media (min-width:768px) {
	.ttimg7 .img{width: 40%;}
	.ttimg7 .text5{ width: 100px; flex-grow: 1; margin-left: 20px;}
	.ttimg7 .img .zimg{padding: 20px; }

}
@media (min-width:992px) {
	
}
@media (min-width:1230px) {	
	.ttimg7 .img .zimg{padding: 30px; }
	.ttimg7 .text5 .gdbox{ height: 380px;}
}






/*折叠图文**********************************************************************************************************************************************/
.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;}
.imgt2 h4{ text-align: center;}

.hdp2 .swiper-container {width: 100%;height: 100%;}
.hdp2 .swiper-slide { background: #fff; }
.hdp2 .imgt2{ padding-bottom: 0px;}
.hdp2 .imgt2 img{ width: 100%; object-fit: cover; height: auto;}
.imgt2 div{ position: absolute; display: none; width: 100%; height: 100%; top: 0px; left: 0px;transition: all 1s; box-sizing: border-box;}
.imgt2:hover div{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(113,184,248,0.8); color: #ffffff;padding: 10px;}
.hdp2 .imgt2 p{ color: #eaecea;}

/*.hdp2 .swiper-pagination{ text-align:center;}
.hdp2 .swiper-pagination-bullet{width:20px;height:20px; border-radius:100%;background: #999999;opacity:1}
.hdp2 .swiper-pagination-bullet-active{ background:#0250a3}
.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;left:0;width:100%}
.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
*/



.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%;height: 100%; }
.hdp4 .swiper-wrapper{/* 通过改变animation-timing-function 制作弹性切换效果 */transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.hdp4 .swiper-slide {background: url(../img/s_imgs.png) no-repeat bottom center; background-size:100% 45px ; padding-bottom: 45px;border-radius: 5px; }
.hdp4 .swiper-slide img{ width: 100%; height: auto; border-radius: 5px;}

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

.hdp4 .swiper-button-next,.hdp4 .swiper-button-prev{top:auto;bottom: 0px;width:13px;height:23px;margin-top:0px;z-index:10;cursor:pointer;background-size:13px 23px ; background-repeat: no-repeat;}
.hdp4 .swiper-button-next{background-image:  url(../img/ic_next.png); right:auto;right:50%; margin-right: -50px; }
.hdp4 .swiper-button-prev{background-image: url(../img/ic_prve.png);left:50%;right:auto; margin-left: -50px;}

@media (min-width: 576px) {
	.hdp4 .swiper-slide { background-size:100% 65px ; padding-bottom: 65px; }
}



.hdp5 .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto; padding-bottom: 40px;}
.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;}

.hdp5 .swiper-pagination-bullet{width:8px;height:8px;display:inline-block; background:#999999;opacity:1}
.hdp5 .swiper-pagination-bullet-active{opacity:1;background:#19419b; }
.hdp5 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
@media (min-width:1230px) {
	.hdp5 .swiper-pagination-fraction{ font-size: 20px; }
	
	.hdp5 .swiper-pagination-bullet{width:40px;height:2px;  border-radius: 0; }
	.hdp5 .swiper-pagination-bullet-active{opacity:1; height: 4px;}
}





.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:#00cfd7; 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{ }
.hdp7 .swiper-slide { width: 100%;height:auto; align-items: center; }
.hdp7 .swiper-slide img{ width: 100%; height: 280px; border-radius: 5px;object-fit: cover;}

@media (min-width:576px) {
	.hdp7 .swiper-slide img{ height: 240px; }
}
@media (min-width:1230px) {
	.hdp7 .swiper-slide img{ height: 300px; }
}


.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:50px;height:50px;background-size:50px 50px ; margin-top: -25px;}
.hdp7 .swiper-button-next{background-image:  url(../img/ic_next7.png); right: 0px;}
.hdp7 .swiper-button-prev{background-image: url(../img/ic_prve7.png); left: 0px; }



    .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%; height: auto;}
	.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}
	

	
	.hdp9 .swiper-container { width: 100%;height:auto; padding: 14px 0px;  }
	.hdp9 .swiper-wrapper{ }
	.hdp9 .swiper-slide { width: 100%;height:auto;border: 1px solid #dddddd; border-radius: 10px; padding: 14px 0px; position: relative;}
	.hdp9 .swiper-slide img{ width: 100%; height: auto; }

	.hdp9 .swiper-button-prev:after,.hdp9 .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
	.hdp9 .swiper-button-next:after,.hdp9 .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/
	
	.hdp9 .swiper-button-next,.hdp9 .swiper-button-prev{width:62px;height:14px;background-size:62px 14px ; margin-top: auto;   }
	.hdp9 .swiper-button-next{background-image:  url(../img/ic_next.jpg); right:50%; left: auto; margin-right: -31px; bottom: 8px;}
	.hdp9 .swiper-button-prev{background-image: url(../img/ic_prve.jpg); left: 50%; top: 8px; margin-left: -31px; }
	
	.hdp9  .swiper-button-next.swiper-button-disabled{opacity:1;background-image:  url(../img/ic_next1.jpg);}
	.hdp9  .swiper-button-prev.swiper-button-disabled{opacity:1;background-image: url(../img/ic_prve1.jpg);}
@media (min-width:768px) {
	.hdp9 .swiper-button-next,.hdp9 .swiper-button-prev{width:125px;height:28px;background-size:125px 28px ; }
	.hdp9 .swiper-button-next{   margin-right: -65px; bottom: 0px;}
	.hdp9 .swiper-button-prev{   margin-left: -65px;top: 0px; }
}


.hdp10 .swiper-container { width: 100%;height:auto; }
.hdp10 .swiper-wrapper{ }
.hdp10 .swiper-slide { width: 100%;height:auto; 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; box-sizing: border-box;  }
.hdp10 .swiper-slide img{  }
@media (min-width:768px) {
.hdp10 .swiper-slide {  padding: 0px 5%;}
}
.hdp10 .swiper-button-prev:after,.hdp10 .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
.hdp10 .swiper-button-next:after,.hdp10 .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/
.hdp10 .swiper-button-next,.hdp10 .swiper-button-prev{width:34px;height:34px;background-size:34px 34px ; margin-top: -17px;   }
.hdp10 .swiper-button-next{background-image:  url(../img/ic_next3.png);  }
.hdp10 .swiper-button-prev{background-image: url(../img/ic_prve3.png);  }


.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: 35px; height: 35px;overflow: hidden;font-size: 14px;background: url(../img/dot.png) no-repeat left center; padding-left: 10px; background-size: 4px; border-bottom: 1px dashed   #d2d2d2;}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
	.newsli{ justify-content: center;}
	.newsli li{ width: 48%; line-height: 40px; height: 40px; background: url(../img/dot.png) no-repeat left center; padding-left: 18px;background-size: 6px; }
}
@media (min-width: 1230px) {
	.newsli li{ font-size: 16px;padding-left: 20px; line-height: 50px; height: 50px;width:48%;}
}