@charset "utf-8";
/*Technical Support SudyTech*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: "";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 /* -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8); */
}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
body {line-height:1;font-size: 13px;font-family: '思源黑体CN',"Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;position: relative;background: #F6FBFF;}
p{line-height:1.75;}
a {color: #333333;text-decoration:none;transition:all 0.4s ease-in-out;font-family:'思源黑体CN';}
a:hover { color:var(--hoverColor);}
.news_title{transition: all 0.3s ease;}
:root{
    --mainColor:#2D5B9A;
    --hoverColor:#019869;
    --titleColor:#000000;
    --introColor:#626262;
}

/* fonts */
/* ========================================
  Font
  (Named Instances)
  250 = ExtraLight  300 = Light     350 = Normal  400 = Regular
  500 = Medium      600 = SemiBold  700 = Bold    900 = Heavy
======================================== */
@font-face {
  font-family: '思源黑体CN';
  src: url('./extends/fonts/SourceHanSansCN-VF-3500.woff2') format('woff2-variations');
  font-weight: 300 350 400 500 600 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '思源宋体CN';
  src: url('./extends/fonts/SourceHanSerifCN-VF-3500.woff2') format('woff2-variations');
  font-weight: 300 350 400 500 600 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Arial'; /* 自定义字体名称 */
    src: url('extends/fonts/Arial.ttf') format('truetype'); /* .ttf 格式 */
}


/*页面尺寸*/
.wrapper {width: 100%;}
.wrapper .inner {width: 16rem;margin:0 auto;} /**页面全局宽度**/
/*headAll*/
.headAll{width: 100%;}
/*head开始*/
#head {background: linear-gradient(to bottom,rgba(0,57,134,0.9),#2961aa00);position: absolute;z-index: 1;}
/* #head.fix{background: #F0F8FC url(images/head_bg.png) no-repeat;} */
#head .inner{position:relative;height: 2.52rem;}
/* #head.fix .inner{padding-bottom: 0;} */
.header .sitelogo{float:left;margin-top: 0.36rem;width:4.48rem;}
.header .sitelogo img{width:100%;}
.header .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/
.header .head-left{float:left;display:inline-block;}
.header .head-main{float:left;margin-top:10px;}
.header .head-right{float:right;display: flex;flex-direction: column;align-items: flex-end;}
.header .head-right::after{display: none;}
.header .head-right .hrTop{margin-top: 0.32rem;}
.header .head-right .hrBott{margin-top: 0.1rem;}

/*rale样式*/
.site-rale{}
.site-rale ul{}
.site-rale ul li.links{float:left;}
.site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url(images/icon_role.png) no-repeat;}
.site-rale ul li.links a:hover{color:#fff;}
.site-rale ul li.links.i1 a{background-position: 0px 0px;}
.site-rale ul li.links.i2 a{background-position: -90px 0px;}
.site-rale ul li.links.i3 a{background-position: -187px 0px;}
.site-rale ul li.links.i4 a{background-position: -269px 0px;}
/*lang样式*/
.site-lang{float: left;margin-right: 0.05rem;}
.site-lang ul{float:right;}
.site-lang ul li.links{float:left;position: relative;}
/* .site-lang ul li.links:last-child:after{    content: '|';    display: inline-block;    margin-right: 0.175rem; color:#fff;opacity: 0.2;} */
.site-lang ul li.links a{font-size: 0.16rem;color: #fff;transition: all .3s ease;text-align: center;line-height: 0.28rem;font-weight: 500;padding: 0 0.07rem;}
.site-lang ul li.links a:hover{opacity: 0.6;}
.site-lang ul li:first-child{border-left: none;}

.site-lang2{float:right;}
.site-lang2 ul{float:right;}
.site-lang2 ul li.links{float:left;}
.site-lang2 ul li.links a{line-height: 36px;margin-right:27px;font-size: 14px;color: #fff;transition: all .4s ease;}
.site-lang2 ul li.links a:hover{font-size:15px; font-weight:bold;}
/*默认主导航样式*/
#nav{margin-right: -0.29rem;}
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {margin:0 auto}
.nav .sub-menu .sub_img { top: 0; position: absolute; width: 100%; height: 100%;z-index: -1; background: #fff;opacity: 0.8;}
.nav .wp-menu .menu-item {display: inline-block;float: left;position: relative;}
.nav .wp-menu .menu-item.i1 { background:none;}
.nav .wp-menu .menu-item a > .menu-switch-arrow{display: none;width:20px;height:20px;background:url(images/nav_j.png) no-repeat center center;vertical-align:middle;}
.nav .wp-menu .menu-item a.menu-link {display: inline-block;line-height: 0.6rem;color: #FFFFFF;font-size: 0.2rem;font-weight: 700;font-family:'思源黑体CN';padding: 0 0.1rem;height: 0.6rem;}
.nav .wp-menu .menu-item.i7 a.menu-link{}
.nav .wp-menu .menu-item.hover a.menu-link,
.nav .wp-menu .menu-item a.hover{}
.nav .sub-menu {display: none;position: absolute;right: 50%;top: 100%;min-width: 100%;z-index: 100;transform: translateX(50%);background:#fff;}
.nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.nav .sub-menu .sub-item a {text-align: center;display: block;color: var(--mainColor);line-height: 0.5rem;padding: 0 10px;font-size: 15px;background:none;}
.nav .sub-menu .sub-item.hover> a,
.nav .sub-menu .sub-item a:hover{color: #fff;background-color: var(--mainColor);display: block;}
.nav .sub-menu .sub-menu {left: 50%;top: 0px;z-index: 200;background:#fff;}
.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover {  text-decoration: none;/* font-size: 20px;*//*font-weight: bold*/}
.nav .wp-menu .menu-item a.menu-link:after {  content: ""; width: 00px; height: 0.03rem; display: block;  background: #fff; margin: 0 auto;transition: all .4s ease;border-radius: 15px;}
.nav .wp-menu .menu-item.hover a.menu-link:after {width: 100%}
/* 主页大图 */
#banner {}
#banner .inner {width: 100%;text-align: center;position: relative;box-sizing: border-box;}
.mbanner .news_list{padding-bottom:0;}
.mbanner .news_list li.news{padding:0;background:unset;}
.mbanner li.news .news_imgs,
.mbanner li.news .news_video {position: relative;overflow: hidden;height: 100vh;background: #eee;}
.mbanner li.news .news_video video,
.mbanner li.news .news_imgs img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;}
.mbanner li.news .news_div{position: relative;}
.mbanner li.news .news_div::after{content: '';width: 100%;height: 2.52rem;position: absolute;bottom: 0;background: linear-gradient(to top,rgba(0,57,134,0.8),#2961aa00);left: 0;}
.mbanner .slick-dots{bottom: 0.55rem;}
.mbanner .slick-dots li{width: 0.2rem;height: 0.2rem;margin: 0 0.15rem;background: rgb(255 255 255 / 43%);border-radius: 50%;transition: all 0.6s ease;}
.mbanner .slick-dots li button{width: 100%;height: 100%;}
.mbanner .slick-dots li.slick-active{width: 0.25rem;height: 0.25rem;margin: 0 0.15rem;background: rgb(255 255 255);border-radius: none;}
.mbanner .slick-next,.mbanner .slick-prev{width: 0.49rem;height: 0.47rem;opacity: 1;}
.mbanner .slick-prev{left: 0.79rem;background: url(images/ban_prev.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.mbanner .slick-next{right: 0.79rem;background: url(images/ban_next.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.mbanner .slick-prev:hover{background: url(images/ban_prev2.png) no-repeat center / contain;}
.mbanner .slick-next:hover{background: url(images/ban_next2.png) no-repeat center / contain;}

/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
.mod {}
.mbox {}
/**自定义新闻列表**/
.news_list { }
.news_list li.news {line-height: 34px;padding-left:0px;} /**标题图标**/
.news_list li.news span.news_title {}/*标题*/
.news_list li.news span.news_title img {vertical-align: middle;}
.news_list li.news span.news_meta {float:right;margin-left:2px;color: #9C9C9C;}/*属性*/
.news_list li.news .news_time,
.news_list li.news .news_time span{color: #666;}/*发布时间*/
.news_list li.news .news_icon {display:inline-block;margin:0 auto; border:0px solid red;}
.news_list li.news .news_text {line-height:22px; color:#666;}/*默认简介*/
.news_list li.news .news_bg {position:absolute; left:0px;bottom:0px; right:0px; height:30px; background:#000; opacity:.7; filter:Alpha(opacity=70);}
.news_list li.news p {line-height:34px;}
/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner{background-position:center center;background-repeat:no-repeat;text-align:center;background-size: cover;position: relative;padding-top: 23.75%;overflow: hidden;background: #eee;background-size: cover;}
.l-banner img{display:none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;margin: auto;z-index: -1;}
.col_menu_bg{position: relative;padding-top: 144.583333%;overflow: hidden;height: 0;margin-top: 0.19rem;}
.col_menu_bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;}
.l-banner::before{content: '';width: 100%;height: 1.22rem;background: linear-gradient(to top,#003986,#2961aa00);position: absolute;left: 0;bottom: 0;z-index: 2;}

/**主体列表页开始**/
#container-1{position: relative;}
#l-container,#d-container{background: url(images/listContent2.png) no-repeat center bottom / contain;}
#l-container .inner {padding: 0.26rem 0px 2.4rem;}
.col_news_top{position: relative;}
.col_news_top .inner{}
.listContent{background: url(images/listContent.png) no-repeat center top / contain;}
/**主体文章页开始**/
#d-container {}
#d-container .inner {width:13rem;}

.col_menu {position:relative;} 
.col_menu .l-qh{ margin-bottom:10px;}
.col_menu .col_menu_head {background: var(--mainColor);display: none;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name {font-size: 0.22rem;font-weight:normal;color:#fff;font-family: 思源黑体 CN;}/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height: 0.65rem;padding: 0px 0.05rem 0px 0.3rem;}/**栏目名称图标**/
.col_menu .col_menu_con{}
/*栏目列表*/
.listNav{background: #fff;box-shadow: #2961aa1f 0 0.03rem 0.06rem;}
.col_list{}
.col_list .wp_listcolumn .wp_column.parent>a{color: #fff;border-bottom: none;}
.col_list .wp_listcolumn { border-top:0px solid var(--mainColor); border-bottom:0px solid #fff; display: flex;justify-content: center;}
.col_list .wp_listcolumn .wp_column{width: auto;position: relative;}
.col_list .wp_listcolumn .wp_column a {color:#333333;font-size: 0.2rem;font-weight:400;background:none;font-family: '思源黑体CN';border: none;}
.col_list .wp_listcolumn .wp_column a .column-name{line-height: 0.66rem;padding-left: 0.44rem;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#fff;}
.col_list .wp_listcolumn .wp_column a {position: relative;}
.col_list .wp_listcolumn .wp_column a span.column-name{color: #252525;position: relative;z-index: 1;font-size: 0.2rem;font-weight: 400;line-height: 0.6rem;padding: 0 0.4rem;transition: all 0.6s ease;font-size: 0.26rem;}
.col_list .wp_listcolumn .wp_column a span.column-name::after{content: '';width: 0;height: 3px;background: var(--mainColor);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.6s ease;border-radius: 25px;}
.col_list .wp_listcolumn .wp_column.selected a span.column-name::after,
.col_list .wp_listcolumn .wp_column a span.column-name:hover::after{width: 100%;}
.col_list .wp_listcolumn .wp_column a span.column-name:hover,
.col_list .wp_listcolumn .wp_column.selected a span.column-name{color: #2960AA;font-weight: bold;}
.col_list .wp_listcolumn .wp_column a.sub-item-link span.column-name{color: #333333;font-size: 0.16rem;line-height: 0.6rem;text-align: center;padding: 0;display: inline-block;transition: all 0.6s ease;color: #333333;border-bottom: #d5d0d0 1px solid;padding: 0 0.4rem;text-wrap: nowrap;}
.col_list .wp_listcolumn .wp_column a.sub-item-link span.column-name::after{width: 0;}
.col_list .wp_listcolumn .wp_column a.sub-item-link span.column-name:hover{color: #fff;background: var(--mainColor);}
.col_list .wp_listcolumn .wp_column .sub-item:last-child a.sub-item-link span.column-name{border-bottom: none;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #333333; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold;}
/*二级子栏目**/
.col_list .wp_listcolumn .sub_list{position: absolute;min-width: 100%;top: 100%;left: 50%;transform: translateX(-50%) scale(0);background: #fff;border-radius: 0.25rem;box-shadow: #2961aa1f 0 0.03rem 0.06rem;transition: all 0.6s ease;overflow: hidden;}
.col_list .wp_listcolumn>.wp_column:hover .sub_list{transform: translateX(-50%) scale(1);}
.col_list .wp_listcolumn .wp_column .sub_list a {color:#333333;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {font-weight:bold; font-weight:bold;color:var(--mainColor);} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:var(--mainColor);} 
/**栏目新闻**/
.possplit{text-indent: 0;width: auto;background: none;margin: 0 0.05rem;}
.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{}
.col_news_head {}
.col_metas .col_title { display:inline-block; float:left; height: 0.48rem; line-height: 0.48rem; margin-top: 0.1rem; float:none; text-align:center; width:100%;}  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 0.4rem;font-weight: 700;color: #000000;font-size: 0.24rem;}
.col_metas .col_path {display:none;float:right;font-size: 0.18rem;line-height: 0.3rem;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 0.23rem;background: url(images/weizhi.svg) no-repeat left center;background-size: 0.14rem auto;margin-top: 0.3rem;} /**当前位置**/
.col_metas .col_path a{color: #000;}
.col_news_con {padding: 0.3rem 0px 0.1rem 0px;margin:0 0px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;font-family: 微软雅黑 !important;}
.col_news_list .wp_entry p span{font-family: 微软雅黑 !important;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/
/**友情链接**/
.botlinks .links-wrap {position: relative;float: left;display: inline-block;width: 100%;line-height: 0.63rem;background: rgba(255, 255, 225, 0.21);}
.botlinks .links-wrap a.links-arrow {display: block; height: 0.63rem; line-height: 0.63rem; padding: 0 0.41rem 0 0.24rem;color: #fff;font-weight: bold;font-size: 0.16rem;}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow { color: rgba(255,255,255,0.8); background-position: right 0.27rem bottom 0.13rem; cursor: pointer;}
.botlinks .links-wrap .link-items {display: none; position: absolute; left: 0; bottom: 0.63rem; width: auto; width:100%; height:auto; max-height: 3rem; overflow: auto; overflow-x:hidden;background: #fff;}
.botlinks .links-wrap .link-items a { display: block; line-height: 0.24rem; padding: 0.05rem 0; color: #444;font-size: 0.14rem;}
.botlinks .links-wrap .link-items a span { display:block; margin:0 0.06rem; white-space:nowrap;font-size: 0.14rem;}
.botlinks .links-wrap .link-items a:hover { color: #fff; background: var(--mainColor); cursor: pointer;}/**链接样式**/
.botlinks.mlink .links-wrap{background: rgba(225,225,225,0.09);line-height: 0.47rem;}
.botlinks.mlink .links-wrap a.links-arrow{height: 0.47rem;line-height: 0.47rem;opacity: 1;padding-left: 0.19rem;padding-right: 0.57rem;font-size: 0.18rem;font-weight: 500;position: relative;}
.botlinks.mlink .links-wrap a.links-arrow::after{content: '';width: 0.47rem;height: 0.47rem;background: url(images/mlink.svg) no-repeat center center;position: absolute;right: 0;top: 0;background-size: 0.14rem auto;transition: all 0.6s ease;}
.botlinks.mlink .links-wrap .link-items{bottom: 0.47rem;}
.botlinks.mlink .links-wrap a.links-arrow:hover,
.botlinks.mlink .wrap-open a.links-arrow { color: #fff;cursor: pointer;}
.botlinks.mlink .links-wrap a.links-arrow:hover::after{transform: rotate(180deg)}
.botlinks.mlink .links-wrap .link-items a:hover { color: #fff; background: #41725F; cursor: pointer;}
/**文章页**/
.infobox {padding:52px 60px; margin:0 auto; width:auto;min-height: 600px;}
.article {padding-top:10px;}
.article h1.arti_title {line-height: 0.36rem;font-size: 0.3rem;text-align:center;color: #000000;font-weight: 700;} /**文章标题**/
.article h2.arti_title {line-height: 34px;font-size: 18px;text-align:center;color: #1B1B1B;} /**文章副标题**/
.article .arti_metas {padding: 15px;text-align:center;border-bottom: #C4C4C4 1px solid;padding-bottom: 0.35rem;}
.article .arti_metas span {margin:0 5px;font-size: 16px;color:#909090;}/**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden;margin-top:35px;} /**文章内容**/
.article .entry .read,.article .entry .read p,
.article .entry .read span { line-height:1.75!important; font-size:16px!important; color:#333!important;text-wrap: wrap!important;font-weight: 500!important;font-family: '微软雅黑'!important;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/
.article .entry .read table{margin:0 auto; border:none!important;}
/**页脚开始**/
.footer{background: linear-gradient(-75deg,#019869,#2960AA);position: relative;}
.footer .modTop{min-height: 2.34rem;border-bottom: rgba(225,225,225,0.39) 1px solid;}
.footer .ml{float: left;width: 4.21rem;margin-top: 0.65rem;}
.footer .mc1{float: left;margin-left: 0.44rem;margin-top: 0.4rem;width: 4.4rem;}
.footer .mc2{float: right;margin-top: 0.8rem;}
.footer .mr{float: right;margin-top: 0.4rem;margin-right: 0.26rem;width: 5.7rem;}
.post-91{position: relative;padding-left: 0.4rem;}
.post9 .tt{font-size: 0.18rem;line-height: 0.3rem;font-weight: 700;color: #fff;margin-bottom: 0.12rem;}
.post-91 li.news{float: left;width: 50%;}
.post9 .news_title{font-size: 0.16rem;line-height: 0.34rem;color: #fff;font-weight: 400;transition: all 0.6s ease;}
.post-91 .news_title:hover{opacity: 0.6;}
.post-91::before{content: '';width: 1px;height: 1.05rem;background: #fff;opacity: 0.5;position: absolute;left: 0;top: 0.3rem;}
.post-92{position: relative;padding-right: 0.25rem;}
.post-92::before{content: '';width: 1px;height: 1.05rem;background: #fff;opacity: 0.5;position: absolute;right: 0;top: 0.3rem;}
.post-94 p.copyright{font-size: 0.16rem;line-height: 0.3rem;color: #fff;opacity: 0.6;padding: 0.17rem 0;text-align: center;}
.footer .ml img{width: 100%;}

/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF url(images/sous.png) no-repeat center;cursor: pointer; vertical-align:top; }
.layer{position: fixed;  background: rgba(0,0,0,.5);  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 9999;   display: none;}
/*自定义输入框*/
.wp-search {position: relative;background: rgba(225,225,225,0.2);border-radius: 0.2rem;}
.wp-search form {display: block;}
.wp-search .search-input {margin-right: 0.45rem;}
.wp-search .search-input input.search-title {width: 100%;height: 0.28rem;line-height: 0.28rem;background: none;font-size: 0.14rem;border:0;outline: 0;margin-left: 0.13rem;color: #DBE3EE;font-family: '思源黑体CN';font-weight: 400;}
.wp-search .search-btn {width: 0.28rem;height: 0.28rem;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width: 0.28rem;height: 0.28rem;border: 0;outline: 0;background: url(images/sous.svg) no-repeat center;cursor: pointer;position: relative;background-size: 0.14rem auto;}
/* .wp-search .search-btn::before{content: '';width: 0.01rem;height: 0.21rem;background-color: #C30712;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} */
.searchbox {width: 1.66rem;float: left;}
/*搜索去背景色：*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}
/* 分享二维码 */
.shares{text-align:center;}
.shares ul{width:auto; margin:0 auto;text-align: right;float:right;}
.shares li{float:left; margin:0 0.11rem; position:relative;}
.shares li a{display:inline-block; width: 0.54rem; height: 0.54rem; border: 0px solid red; background: url(images/wx.svg) no-repeat center / contain;filter:Alpha(opacity=60); vertical-align:top;}
.shares li a:hover{ opacity:1; filter:Alpha(opacity=100);}
.shares li.i1 a{background: url(images/wx.svg) no-repeat center / contain;}
.shares li.i2 a{background: url(images/wb.svg) no-repeat center / contain;}
.shares li span{display:block; line-height:22px; font-size:12px; color: #D0D4EA;text-align:center;}
.shares li .con{display:none; position:absolute; bottom: 0.6rem; left:50%;z-index:100; margin-left: -0.5rem; width:1rem;}
.shares li .con img{ width: 0.9rem; height:0.9rem; vertical-align:top; background:#fff;}

/*列表页*/
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news{}
.col_news .col_news_box .col_news_con .col_news_list li:first-child .news_div{border-top: #DDDDDD 1px solid;}
.col_news .col_news_box .col_news_con .col_news_list .news_div{box-sizing: border-box;padding: 0.28rem 0.2rem 0.3rem;display: flex;justify-content: space-between;align-items: center;border-bottom: #DDDDDD 1px solid;transition: all 0.6s ease;}
.col_news .col_news_box .col_news_con .col_news_list .news_date{width: 0.78rem;height: 0.8rem;border-radius: 0.1rem;border: #8DADD7 1px solid;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.col_news .col_news_box .col_news_con .col_news_list .dd{font-size: 0.4rem;line-height: 0.42rem;color: #2960AA;font-family: 'Microsoft YaHei';font-weight: bold;text-align: center;}
.col_news .col_news_box .col_news_con .col_news_list .ym{font-size: 0.12rem;line-height: 0.2rem;color: #2960AA;font-family: 'Microsoft YaHei';text-align: center;}
.col_news .col_news_box .col_news_con .col_news_list .news_con{width: calc(100% - 0.95rem);transition: all 0.6s ease;}
.col_news .col_news_box .col_news_con .col_news_list .news_title{font-size: 0.22rem;line-height: 0.36rem;font-weight: 500;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.6s ease;}
.col_news .col_news_box .col_news_con .col_news_list .news_intro{font-size: 0.16rem;line-height: 0.3rem;font-weight: 400;color: #909090;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.col_news .col_news_box .col_news_con .col_news_list a.news_link:hover .news_div{background: #fff;}
.col_news .col_news_box .col_news_con .col_news_list a.news_link:hover .news_title{color: #2960AA;}
.col_news .col_news_box .col_news_con .col_news_list a.news_link:hover .news_con{width: calc(100% - 1.2rem);}

/*banner*/
/*************************************************************
 * 特殊页面
 */
 /*滚动样式*/
.wrapperinner {position: relative;z-index: 1;width: 100%;overflow: hidden; -ms-touch-action: none;}
.scroller {position: absolute; z-index: 1; width: 750px; height: 160px;   -webkit-tap-highlight-color: rgba(0,0,0,0);   -webkit-transform: translateZ(0);   -moz-transform: translateZ(0);   -ms-transform: translateZ(0);   -o-transform: translateZ(0);   transform: translateZ(0);   -webkit-touch-callout: none;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   -webkit-text-size-adjust: none;   -moz-text-size-adjust: none;   -ms-text-size-adjust: none;   -o-text-size-adjust: none;   text-size-adjust: none;}
/*************************************************************
*二级页面
*/
/*组织机构*/
.inss .part_xy{}
.inss .part_xy .item{}
.inss .part_xy .item h3{line-height:40px;padding-left:0px;font-size: 16px;font-weight:normal;color: #1567B1;border-bottom:1px solid #cecece;}
.inss .part_xy .sub-box{float:left; width:100%;padding-top:0px;padding-bottom:5px;}
.inss .part_xy .sub-list{margin-right:0px;}
.inss .part_xy .sub-list .sub-item{float:left; width:33.3%;background: url(images/icon_arrow2.png) no-repeat left center;}
.inss .part_xy .sub-list .sub-item a{line-height: 35px;padding-left:10px;font-size: 14px;}
.inss .part_xy .sub-img{display:none;float:right;margin-top:15px;margin-left:-250px; width:240px;min-height:80px;}
.inss .part_xy .item.i5 .sub-list .sub-item {width: 50%;}
/*角色*/
.role .part_xy{}
.role .part_xy .item{margin-bottom:10px;display:none;}
.role .part_xy .item.selected{display:block;}
.role .part_xy .item h3{display:none;line-height: 46px;padding-left:0px;font-size:20px;font-weight:bolder;color: #068358;border-bottom:1px solid #f1f1f1;background:none;}
.role .part_xy .sub-list{margin-top:15px;}
.role .part_xy .sub-list .sub-item{padding-top: 10px;padding-bottom: 5px;width:auto;border-bottom:1px solid #f1f1f1;word-wrap: break-word;word-break: normal;}
.role .part_xy .sub-list .sub-item a{line-height: 35px;font-size: 15px;white-space:nowrap;font-weight:bolder;/* color: #068358; */}
.role .part_xy .sub-list .sub-list{margin-top:10px;margin-left:40px;}
.role .part_xy .sub-list .sub-list .sub-item{padding-bottom:5px; padding-top:0px;float:left;margin-right: 50px;border-bottom:0px solid #f1f1f1;}
.role .part_xy .sub-list .sub-list .sub-item a{line-height: 35px;font-size: 15px;white-space:nowrap;font-weight:normal;/* color: #333; */}


/* 定制开始 */

/* post通用标题 */
.post .tit{float: left;}
.post .title{
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #000000;
    font-weight: 700;
}
.post .entit{
    font-size: 0.3rem;
    line-height: 0.36rem;
    font-family: '思源宋体CN';
    font-weight: 700;
    color: #2960AA;
    opacity: 0.3;
    margin-left: 0.16rem;
}
.post .more_btn{float: right;margin-top: 0.08rem;}
.post .more_text{
    font-size: 0.18rem;
    line-height: 0.26rem;
    font-family: '思源宋体CN';
    font-weight: 700;
    color: #019869;
    padding-right: 0.17rem;
    background: url(images/more.svg) no-repeat right center;
    background-size: 0.07rem auto;
}

/* main1 */
.main1{
    background: url(images/m1_bg.png) no-repeat center top / contain;
}
.main1 .inner{padding-top: 0.65rem;padding-bottom: 0.86rem;}
.main1 .ml{float: left;width: 7.17rem;}
.main1 .mr{float: right;width: 8.28rem;}
/* post-10 */
.post-10 .tt{margin-bottom: 0.48rem;}
/* post-11 */
.post-11 .news_imgs{
    position: relative;
    padding-top: 72.524407%;
    overflow: hidden;
    height: 0;
    background: #eee;
    border-radius: 0.15rem;
}
.post-11 .news_imgs img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.post-11 .news_con{margin-top: 0.25rem;}
.post-11 .news_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-11 .news_date{
    width: 1.08rem;
    height: 0.82rem;
    border-radius: 0.05rem;
    background: linear-gradient(-45deg,#2960AA,#019869);
    color: #fff;
    font-family: '思源宋体CN';
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}
.post-11 .news_date::before{
    content: '';
    width: 1px;
    height: 0.2rem;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    transform: translateX(-50%);
}
.post-11 .news_date div{
    width: 50%;
    text-align: center;
}
.post-11 .yy{
    font-size: 0.12rem;
    line-height: 0.16rem;
    font-weight: 600;
}
.post-11 .zhou{
    font-size: 0.1rem;
    line-height: 0.16rem;
}
.post-11 .mm{
    font-size: 0.26rem;
    line-height: 0.36rem;
}
.post-11 .dd{
    font-size: 0.26rem;
    line-height: 0.36rem;
}
.post-11 .news_text{width: calc(100% - 1.23rem);}
.post-11 .news_title{
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: var(--titleColor);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.6s ease;
}
.post-11 .news_intro{
    font-size: 0.16rem;
    line-height: 0.3rem;
    height: 0.6rem;
    color: var(--introColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.06rem;
}
.post-11 a.news_link:hover .news_imgs img{transform: scale(1.05);}
.post-11 a.news_link:hover .news_title{color: var(--hoverColor);}
/* post-12 */
.post-12 li.news{margin-top: 0.38rem;}
.post-12 li:first-child{margin-top: 0;}
.post-12 .news_div{
    padding: 0.22rem 0.17rem;
    background: #fff;
    border-radius: 0.15rem;
    box-shadow: #13389e1c 0 0.03rem 0.16rem;
    position: relative;
}
.post-12 .news_div::before{
    content: '';
    width: 0.07rem;
    height: 0;
    border-radius: 0.3rem;
    background: linear-gradient(to bottom,#019869,#2960AA);
    position: absolute;
    top: 0.33rem;
    left: 0;
    transition: all 0.6s ease;
}
.post-12 a.news_link:hover .news_div::before{height: 0.72rem;}
.post-12 .news_imgs{
    float: left;
    width: 2.3rem;
}
.post-12 .news_images{
    position: relative;
    padding-top: 73.913043%;
    overflow: hidden;
    height: 0;
    background: #eee;
    border-radius: 0.1rem;
}
.post-12 .news_images img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.post-12 .news_con{
    float: right;
    width: calc(100% - 2.59rem);
}
.post-12 .news_title{
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: var(--titleColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.6s ease;
}
.post-12 a.news_link:hover .news_title{color: var(--mainColor);}
.post-12 .news_intro{
    font-size: 0.16rem;
    line-height: 0.3rem;
    font-weight: 400;
    color: #6A80B6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.1rem;
}
.post-12 .news_date{
    font-size: 0.16rem;
    line-height: 0.3rem;
    font-weight: 400;
    color: var(--introColor);
    margin-top: 0.1rem;
}


/* main2 */
.main2{
    background: url(images/m2_bg.png) no-repeat center / cover;
}
.main2 .inner{
    padding-top: 0.62rem;
    padding-bottom: 1rem;
}
/* post-21 */
.post-21 .tt{margin-bottom: 0.59rem;}
.post-21 .news_list{margin: 0 -0.13rem;}
.post-21 li{float: left;width: 25%;}
.post-21 .news_div{
    margin: 0 0.13rem;
    min-height: 4.25rem;
    background: #fff;
    border-radius: 0.15rem;
    box-shadow: #13389e1c 0 0.03rem 0.16rem;
    box-sizing: border-box;
    padding: 0.58rem 0.34rem 0 0.49rem;
    position: relative;
}
.post-21 .news_div::before{
    content: '';
    position: absolute;
    left: 0.41rem;
    right: 0.41rem;
    bottom: 0.7rem;
    height: 1px;
    background: #DBDBDB;
}
.post-21 .news_date{
    width: 1.25rem;
    height: 0.37rem;
    font-size: 0.18rem;
    line-height: 0.37rem;
    color: #fff;
    font-family: 'Arial';
    text-align: center;
    background: linear-gradient(-60deg,#2960AA,#019869);
    border-radius: 1.03rem;
}
.post-21 .news_title{
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: var(--titleColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.6s ease;
    margin-top: 0.36rem;
}
.post-21 .news_intro{
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: var(--introColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 0.21rem;
}
.post-21 a.news_link:hover .news_title{color: var(--hoverColor);}
.post-21 .slick-list{padding-bottom: 0.2rem;}
.post-21 .slick-next,.post-21 .slick-prev{width: 0.48rem;height: 0.47rem;opacity: 1;}
.post-21 .slick-prev{left: -0.7rem;background: url(images/p21_prev.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.post-21 .slick-next{right: -0.7rem;background: url(images/p21_next.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.post-21 .slick-prev:hover{background: url(images/ban_prev2.png) no-repeat center / contain;}
.post-21 .slick-next:hover{background: url(images/ban_next2.png) no-repeat center / contain;}


/* main3 */
.main3{}
.main3 .inner{}
.main3 .ml{float: left;width: calc(100% - 8.4rem);}
.main3 .mr{float: right;width: 8.4rem;}
/* post-30 */
.post-30 .tt{margin-bottom: 0.64rem;}
/* post-31 */
.post-31 {
    background: #fff;
    border-radius: 0.15rem 0 0 0.15rem;
    box-sizing: border-box;
    padding: 0.18rem 0.65rem 0.18rem 0.45rem;
    box-shadow: #13389e1c 0 0.03rem 0.16rem;
}
.post-31 .news_div{
    min-height: 1.04rem;
    border-bottom: #DBDBDB 1px solid;
}
.post-31 li:last-child .news_div{border-bottom: none;}
.post-31 .news_title{
    font-size: 0.2rem;
    line-height: 0.32rem;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.6s ease;
    padding-top: 0.26rem;
}
.post-31 .news_date{
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: 400;
    color: #019869;
}
.post-31 a.news_link:hover .news_title{color: var(--hoverColor);}
/* post-32 */
.post-32 .news_div{position: relative;}
.post-32 .news_imgs{
    position: relative;
    padding-top: 66.666667%;
    overflow: hidden;
    height: 0;
    background: #eee;
    border-radius: 0 0.15rem 0.15rem 0;
}
.post-32 .news_imgs img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.post-32 .news_con{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.66rem;
    background: linear-gradient(to top,rgba(0,0,0,0.8),#ffffff00);
    box-sizing: border-box;
    padding: 1.1rem 2.54rem 0 0.32rem;
}
.post-32 .news_title{
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.post-32 a.news_link:hover .news_imgs img{transform: scale(1.05);}
.post-32 .slick-next,.post-32 .slick-prev{width: 0.21rem;height: 0.45rem;opacity: 0.5;}
.post-32 .slick-prev{left: 0.2rem;background: url(images/p32_prev.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.post-32 .slick-next{right: 0.2rem;background: url(images/p32_next.svg) no-repeat center / contain;z-index: 999;transition: all 0.6s ease;}
.post-32 .slick-prev:hover{opacity: 1;}
.post-32 .slick-next:hover{opacity: 1;}
.post-32 .slick-dots{width: auto;display: flex;align-items: flex-end;right: 0.2rem;bottom: 0.2rem;}
.post-32 .slick-dots li{background: transparent;width: auto;height: auto;margin: 0 0.1rem;}
.post-32 .slick-dots li button{font-size: 0.3rem;font-family: 'Arial';color: #fff;transition: all 0.6s ease;width: auto;height: auto;line-height: 0.3rem;padding: 0;}
.post-32 .slick-dots li.slick-active button{font-size: 0.4rem;line-height: 0.4rem;}
.post-32 .slick-dots li.slick-active{background: transparent;}
.post-32 .slick-list{border-radius: 0 0.15rem 0.15rem 0;}


/* main4 */
.main4{}
.main4 .inner{padding-top: 1.09rem;}
/* post-41 */
.post-41 .tt{margin-bottom: 0.77rem;}
.post-41 .news_list{margin: 0 -0.4rem;}
.post-41 li{float: left;width: 33.33%;}
.post-41 .news_div{
    margin: 0 0.4rem;
    background: #fff;
    border-radius: 0.15rem;
    box-shadow: #13389e1c 0 0.03rem 0.16rem;
}
.post-41 .news_imgs{position: relative;}
.post-41 .news_images{
    position: relative;
    padding-top: 52.916667%;
    overflow: hidden;
    height: 0;
    background: #eee;
    border-radius: 0.15rem 0.15rem 0 0;
}
.post-41 .news_images img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.post-41 .news_con{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.98rem;
    background: linear-gradient(-75deg,rgba(41,96,170,0.8),rgba(1,152,105,0.8));
    padding: 0 0.1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.post-41 .news_con div{
    font-size: 0.25rem;
    line-height: 0.3rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.post-41 .news_text{
    min-height: 2.53rem;
    box-sizing: border-box;
    padding: 0.25rem 0.53rem 0;
    position: relative;
}
.post-41 .news_intro{
    font-size: 0.16rem;
    line-height: 0.34rem;
    color: var(--introColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.post-41 a.news_link{
    display: inline-block;
    height: 0.35rem;
    border-radius: 0.24rem;
    border: var(--hoverColor) 1px solid;
    font-size: 0.14rem;
    line-height: 0.35rem;
    font-weight: 400;
    color:#019869;
    padding-right: 0.37rem;
    padding-left: 0.17rem;
    background: url(images/p41_link.svg) no-repeat right 0.17rem center;
    background-size: 0.16rem auto;
    position: absolute;
    right: 0.53rem;
    bottom: 0.32rem;
    transition: all 0.6s ease;
}
.post-41 a.news_link:hover{
    padding-right: 0.46rem;
    right: 0.44rem;
}



/* main5 */
.main5{
    padding-bottom: 0.8rem;
    background: #fff url(images/m5_bg.png) no-repeat center bottom / contain;
}
.main5 .inner{padding-top: 1.12rem;}
/* post-50 */
.post-50 .tt{margin-bottom: 0.68rem;}
/* modBott */
.main5 .modBott{
    display: flex;
    justify-content: space-between;
    height: 6.05rem;
    overflow: hidden;
    position: relative;
}
.post-51{width: 3.55rem;}
.post-52{width: 5.14rem;}
.post-53{width: 2.64rem;}
.post-54{width: 3.61rem;}
.post-55{width: 3.55rem;}
.main5 .news_imgs{
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    height: 0;
    background: #eee;
    border-radius: 0.15rem;
}
.main5 .news_imgs img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.post-55 .news_imgs{padding-top: 125.633803%;}
.post5 .news_list{margin: -0.1rem 0;}
.post5 .news_div{margin: 0.1rem 0;}
.post5 .slick-list{overflow: visible;}
.main5 .modBott .fg1{
    width: 3.01rem;
    height: 5.41rem;
    background: linear-gradient(to right,#FFFFFF,#ffffff00);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.main5 .modBott .fg2{
    width: 3.01rem;
    height: 5.41rem;
    background: linear-gradient(to left,#FFFFFF,#ffffff00);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.main5 .modBott .fg3{
    width: 100%;
    height: 3.86rem;
    background: linear-gradient(to top,#FFFFFF,#ffffff00);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}