/* contents */ #contents.inner{margin-top: -1rem;margin-left: 0;padding: 0 0.8rem 0.1rem;background: #FFF;box-shadow: 0 20px 26px #EEE;} 
#contents.inner .cont-top{padding: .5rem 0 0;} 
#contents #cont {display:block;min-height:600px} /*container-wrap*/ #container-wrap { position: relative; } 
#container { margin-bottom: 0.8rem; } 
#container:after { content: ""; display: block; width: 100%; height: 0; clear: both } 

/*---------------------------------------------------*/ 
.submenu .depth1 { display: block; } 
.submenu .depth1 .lm_a1 { display: none; } 
.submenu .depth2 { display: block; padding-bottom: 0.3rem; background: #FEFEFE; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } 
.submenu .depth2 .lm_l2 { position: relative; display: block; margin: 0 .2rem; } 
.submenu .depth2 .lm_a2 { display: block; padding: .2rem 0; font-size: .20rem; transition: color ease .3s; border-bottom: 1px solid #DDD; } 
.submenu .depth2 .lm_a2 span { position: relative; padding-left: 0.15rem; } 
.submenu .depth2 .lm_a2 span:before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; transform: translateY(-50%); background: #CCC; border-radius: 50px; transition: background ease .3s; } 
.submenu .depth2 .over .lm_a2,.submenu .depth2 .lm_a2:hover,.submenu .depth2 .lm_a2:focus { color: #14489c; } 
.submenu .depth2 .over .lm_a2,.submenu .depth2 .is-open .lm_a2 { font-weight: bold; color: #0f70b6; border-bottom: 2px solid #0f70b6; } 
.submenu .depth2 .over .lm_a2 span::before,.submenu .depth2 .is-open .lm_a2 span::before,.submenu .depth2 .lm_a2:hover span::before,.submenu .depth2 .lm_a2:focus span::before { background: #14489c; } 
.submenu .depth2 .has-sub .lm_a2 { padding-right: .25rem; } 
.submenu .depth3 { background: #F8F8F8; box-sizing: border-box; } 
.submenu .lm_l2.over .depth3, .submenu .lm_l2.is-open .depth3 { /* display:block; */ } 
.submenu .depth3 .lm_l3 { position: relative; } 
.submenu .depth3 .lm_a3 { position: relative; display: block; font-size: .16rem; padding: .1rem 0 .1rem .15rem; } 
.submenu .depth3 .lm_a3 span::before { content: ''; display: inline-block; margin-right: 5px; width: 7px; height: 2px; vertical-align: 4px; background: #7c7c7c; } 
.submenu .depth3 .over .lm_a3 span::before,.submenu .depth3 .is-open .lm_a3 span::before { background: #0f70b6; } 
.submenu .depth3 .has-sub .lm_a3 { padding-right: 0.3rem; } 
.submenu .depth3 .over .lm_a3,.submenu .depth3 .is-open .lm_a3,.submenu .depth3 .lm_a3:hover,.submenu .depth3 .lm_a3:focus { color: #0f70b6; } 
.submenu .depth3 .over .lm_a3 span::before,.submenu .depth3 .is-open .lm_a3 span::before,.submenu .depth3 .lm_a3:hover span::before,.submenu .depth3 .lm_a3:focus span::before { background: #0f70b6; } 
.submenu .depth4 { background: #F2F2F2; padding: 0.1rem .15rem; display: none; } 
.submenu .depth4 .lm_l4 { position: relative; margin: 5px 0; } 
.submenu .depth4 .lm_a4 { position: relative; font-size: 14px; display: block; padding: 5px 0 5px 10px; } 
.submenu .depth4 .lm_a4:before { content: ''; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; border-radius: 50%; background: #999; } 
.submenu .depth4 .over .lm_a4,.submenu .depth4 .lm_a4:hover,.submenu .depth4 .lm_a4:focus { color: #14489c; } 
.submenu .depth4 .over .lm_a4:before,.submenu .depth4 .lm_a4:hover:before,.submenu .depth4 .lm_a4:focus:before { background: #14489c; } 
.submenu .depth5 { background: #FFF; margin-top: 10px; padding: 5px 10px; display: none; } 
.submenu .depth5 .lm_l5 { position: relative; margin: 5px 0; } 
.submenu .depth5 .lm_a5 { position: relative; display: block; font-size: 13px; padding: 5px 0 5px 8px; } 
.submenu .depth5 .lm_a5:before { content: ''; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; border-radius: 50%; background: #979797; } 
.submenu .depth5 .over .lm_a5,.submenu .depth5 .lm_a5:hover,.submenu .depth5 .lm_a5:focus { color: #14489c; } 
.submenu .depth5 .over .lm_a5:before,.submenu .depth5 .lm_a5:hover:before,.submenu .depth5 .lm_a5:focus:before { background: #14489c; } 
.submenu .depth4#leftnav_n1 .lm_l4 { position: relative; margin: 5px 0; display: inline-block; } 
.submenu .depth4#leftnav_n1 .lm_a4 { position: relative; font-size: 14px; display: block; padding: 5px 6px; background: #FFF; } 
.submenu .depth4#leftnav_n1 .lm_a4:before { display: none } 
.submenu .depth4#leftnav_n1 .over .lm_a4,.submenu .depth4#leftnav_n1 .lm_a4:hover,.submenu .depth4#leftnav_n1 .lm_a4:focus { color: #FFF; background: #14489c; } 
.submenu .depth4#leftnav_n1 .over .lm_a4:before,.submenu .depth4#leftnav_n1 .lm_a4:hover:before,.submenu .depth4#leftnav_n1 .lm_a4:focus:before { background: #14489c; } 
#side-wrap { display: block; position: relative; width: 100%; z-index: 2; } 
.cont-navi { position: relative;float:right; } 
.submenu { width: 2.5rem; position: absolute; top: -.46rem; } 
.submenu .lm-tit { padding: 0.45rem 0; text-align: center; color: #fff; background: #0f70b6; } 
.submenu .lm-tit h1 { display: block; font-size: .3rem; letter-spacing: -.04em; line-height: 1; /* text-shadow: 0 0 5px rgba(0, 0, 0, .7); */ } 
.submenu .lm-tit p { display: block; font-size: 17px; text-shadow: 0 0 5px rgb(0 0 0 / 70%); opacity: 0; transform: translateY(40px); transition: all .6s ease 1s; } 
.submenu .submenu-wr .home { position: relative; width: 60px; height: 60px; background-color: #000000; display: none; } 
.submenu .submenu-wr .home i { display: block; position: absolute; width: 14px; height: 12px; left: 50%; top: 50%; margin: -9px 0 0 -6px; color: #FFF; font-size: 17px; } 
.submenu .submenu-wr #cont-navi-wrap { display: block; width: 100%; } 
.submenu .submenu-wr .cnavi-fix { display: block; position: fixed; width: 100%; height: 52px; left: 0; top: 0; background: rgba(181, 138, 96, .7) } 
.loaded .submenu .lm-tit p { opacity: 1; transform: translateY(20px); }

 /*---------------------------------------------------*/

#side-wrap .lm_a1, #side-wrap .lm_l1 > button { display: none; } 
#side-wrap .depth2 .has-sub .tgl-btn { position: absolute; top: .18rem; right: 0; width: 20px; height: 20px; font-size: 20px; z-index: 9; transition: .5s; color: #999; } 
#side-wrap .depth2 .over.has-sub > .tgl-btn, #side-wrap .depth2 .is-open.has-sub > .tgl-btn, #side-wrap .depth2 .over .has-sub > .tgl-btn { transform: rotate(-180deg); color: #14489c; } 
#side-wrap .depth2 .has-sub:focus .tgl-btn:before,#side-wrap .depth2 .has-sub:focus .tgl-btn:after,#side-wrap .depth2 .has-sub:hover .tgl-btn:before, #side-wrap .depth2 .has-sub:hover .tgl-btn:after { background: #333; } 
#side-wrap .depth2 .depth3 .has-sub .tgl-btn { top: .05rem; right: .05rem; border: none; } 
#side-wrap .depth2 .depth4 .has-sub .tgl-btn { top: 1px; right: -.08rem; } 

/* submenu */ 

.submenu #cont-navi button.m-btn { display: none } 
.submenu #cont-navi .home { display: block; position: relative; float: left; width: 60px; height: 60px; background-color: #000000; } 
.submenu #cont-navi .home i { display: block; position: absolute; width: 14px; height: 12px; left: 50%; top: 50%; margin: -9px 0 0 -6px; color: #FFF; font-size: 17px; } 
.submenu #cont-navi dl { display: block; float: left; position: relative } 
.submenu #cont-navi dl:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; top: 0; right: 0; background-color: #e9474c; } 
.submenu #cont-navi dl dt a { display: block; position: relative; min-width: 200px; height: 60px; line-height: 60px; } 
.submenu #cont-navi dl.cnavi3 dt a { min-width: 160px; width: auto; padding-right: 40px } 
.submenu #cont-navi dl dt a .txt { display: block; font-size: 15px; color: #fff; letter-spacing: .03em; margin: 0 20px; } 
.submenu #cont-navi dl dt a .txt i { display: inline-block; float: right; vertical-align: bottom; font-size: 20px; } 
.submenu #cont-navi dl dt a .txt i:before { border: 1px solid rgb(255 255 255 / 50%); } 
.submenu #cont-navi dl dt a:hover .txt i:before { border-color: #fff; transition: .5s; } 
.submenu #cont-navi dl { background-color: #da2127; } 
.submenu #cont-navi dl .isOver a,.submenu #cont-navi dl .isOver a:hover { background: #c0191e; } 
.submenu #cont-navi dl .isOver a:after { content: ""; display: block; position: absolute; width: 5px; height: 9px; right: 20px; top: 50%; margin: -4.5px 0 0 0; } 
.submenu #cont-navi dl dd { display: none } 
.submenu #cont-navi dl dd ul { display: block } 
.submenu #cont-navi dl dd ul li { display: block } 
.submenu #cont-navi dl dd ul li a { display: block; position: relative; color: #fff; font-size: 15px; letter-spacing: -.05em; padding: 16px 0; } 
.submenu #cont-navi dl dd ul li a span { display: block; margin: 0 0 0 15px } 
.submenu #cont-navi dl dd ul li a:hover,.submenu #cont-navi dl dd ul li a:focus { background-color: #b31f23; } 
.submenu #cont-navi dl dd ul li a:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background-color: #e9474c; } 
.submenu #cont-navi dl dd ul li a:hover:after,.submenu #cont-navi dl dd ul li a:focus:after { content: ""; display: block; position: absolute; width: 5px; height: 9px; right: 20px; top: 50%; margin: -4.5px 0 0 0; } /* cont-ctrl-btns */ #cont-ctrl-btwr { display: flex; z-index: 999; align-items: center; position: absolute; right: 0; } 



#cont-ctrl-btwr button { display: inline-block; float: left; position: relative; width: 0.6rem; height: .4rem; font-size: 0; } 
#cont-ctrl-btwr button i { display: block; position: absolute; width: 25px; height: 20px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: all .3s ease; } 
#cont-ctrl-btwr button i:before { font-size: 22px; } 
#cont-ctrl-btwr button:focus i,#cont-ctrl-btwr button:hover i { transform: translateY(-3px); } 
#cont-ctrl-btwr .unit { position: relative; float: left; display: none; } 
#cont-ctrl-btwr .unit .btn-cast::before { display: none } 
#cont-ctrl-btwr .unit .btn-cast.is-open,#cont-ctrl-btwr .unit .btn-cast:hover,#cont-ctrl-btwr .unit .btn-cast:focus { } 
#cont-ctrl-btwr .unit .btn-print:hover,#cont-ctrl-btwr .unit .unit .btn-print:focus { background-color: #12213a; border-color: #12213a } 
#cont-ctrl-btwr .unit .btn-share.is-open,#cont-ctrl-btwr .unit .unit .btn-share:hover,#cont-ctrl-btwr .unit .btn-share:focus { background: #ffffff; } 
#cont-ctrl-btwr .unit .sns-list { display: none; position: absolute; top: 100%; right: 0; z-index: 100; width: 220px; white-space: nowrap; box-sizing: border-box; box-shadow: 0 2px 8px rgb(0,0,0,10%); } 
#cont-ctrl-btwr .unit .sns-list.is-open { display: block } 
#cont-ctrl-btwr .unit .sns-list .inwr { background: #fff; border: 1px solid #EEE; padding: 12px; text-align: center; position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } 
#cont-ctrl-btwr .unit .sns-list .inwr:before { display: block; position: absolute; right: 22px; top: -7px; width: 12px; height: 12px; background: #FFF; border: solid #E1E1E1; border-width: 0 1px 1px 0; content: ''; transform: rotate(-135deg); } 
#cont-ctrl-btwr .unit .sns-list.is-open .inwr { border-radius: 999px; opacity: 1; transition: opacity .35s ease, border-radius 3s ease .5s } 
#cont-ctrl-btwr .unit .sns-list.is-open .inwr:before,#cont-ctrl-btwr .unit .sns-list.is-open .inwr:after { opacity: 1 } 
#cont-ctrl-btwr .unit .sns-list .tit { display: block; font-size: 15px; color: #333333; font-weight: 500; line-height: 22px; } 
#cont-ctrl-btwr .unit .sns-list button { width: 36px; height: 36px; position: relative; font-size: 0; margin: auto; overflow: hidden; border-radius: 50%; transition: .25s; background: #888; } 
#cont-ctrl-btwr .unit .sns-list button i { font-size: 22px; color: #FFF; } 
#cont-ctrl-btwr .unit .sns-list ul { display: block; font-size: 0; white-space: nowrap; margin: 0 20px 0 10px; } 
#cont-ctrl-btwr .unit .sns-list li { display: inline-block; box-sizing: border-box; margin: 0 5px; } 
#cont-ctrl-btwr .unit .sns-list li:last-child { } 
#cont-ctrl-btwr .unit .sns-list li button:hover,#cont-ctrl-btwr .unit .sns-list li button:focus { box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.3); } 
#cont-ctrl-btwr .unit .sns-list li .btn-wechat { background-color: #3db042; } 
#cont-ctrl-btwr .unit .sns-list li .box-wechat { position: absolute; width: 150px; height: 150px; margin-top: 10px; padding: 15px; top: 100%; left: 0; background: #FFF; border: 1px solid #EEE; overflow: hidden; opacity: 0; transition: .5s; } 
#cont-ctrl-btwr .unit .sns-list li .box-wechat.on { opacity: 1; margin-top: 0; } 
#cont-ctrl-btwr .unit .sns-list li .box-wechat img { width: 100% } 
#cont-ctrl-btwr .unit .sns-list li .btn-wechat:hover .box-wechat { display: block } 
#cont-ctrl-btwr .unit .sns-list li .btn-weibo { background-color: #f52212; } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:before,#cont-ctrl-btwr .unit .sns-list .sns-closer:after { content: ""; display: block; background: #FFF; box-sizing: border-box; width: 12px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: all .3s ease } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:before { transform: rotate(45deg) } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:after { transform: rotate(135deg) } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:hover { background: #000 } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:hover:before,#cont-ctrl-btwr .unit .sns-list .sns-closer:focus:before { transform: rotate(135deg) } 
#cont-ctrl-btwr .unit .sns-list .sns-closer:hover:after,#cont-ctrl-btwr .unit .sns-list .sns-closer:focus:after { transform: rotate(225deg) } 
#contents { display: block; line-height: 1.6; word-break: break-all; margin-left: 3rem; } 
#contents .cont-top { display: block; position: relative; padding: .5rem 0 0; z-index: 0; } 
#contents .cont-top .topCul { display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #EEE; } 
#contents .cont-top .cont-tit { display: block; float: left; font-size: .24rem; font-weight: bold; line-height: 1; color: #0f70b6; } 
#contents .cont-top .cont-navi { display: block; /* padding: .15rem 0 0; */ margin-left: auto; } /* contents */ #contents.inner{margin-top: -1rem;margin-left: 0;padding: 0 0.8rem 0.1rem;background: #FFF;box-shadow: 0 20px 26px #EEE;} 
#contents.inner .cont-top{padding: .5rem 0 0;} 
#contents #cont {display:block;min-height:600px} 
#contents #cont .contents_view_wrap{} 
#contents #cont .contents_view_wrap .ViewBox{text-align: center;margin: 0.4rem 0 .2rem;padding-bottom: 10px;border-bottom: 1px solid #EEE;} 
#contents #cont .contents_view_wrap .ViewBox .ViewTit{font-size: .24rem;font-weight: 700;line-height: normal;} 
#contents #cont .contents_view_wrap .ViewBox .ViewTit h3{color: #000;font-size: 30px;font-weight: 700;line-height: normal;} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo{color: #666;font-size: 0.15rem;margin-top: .2rem;} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo > span{padding: 0 15px 0 0;margin: 0 10px 0 0;line-height: 1;position: relative;display: inline-block;} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo > span::after{content:'';width:1px;height: 75%;background:#ddd;display: inline-block;top: 3px;right: 0;position: absolute;} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo > span:last-child{margin: 0;padding: 0;} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo > span:last-child::after{display:none} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.source{} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.author{} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.edit{} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.date{} 
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.hit{} 
#contents #cont .ViewInner{font-size: 0.17rem;line-height: 2;position: relative;overflow: hidden;min-height: 500px;margin-top: .2rem;} 
#contents #cont .ViewInner p{text-indent: 2em !important;margin-bottom: 16px !important;line-height: inherit !important;font-family: auto !important;font-size: inherit !important;background: none !important;} 
#contents #cont .ViewInner p *{font-family: auto !important;font-size: inherit !important;line-height: inherit !important;} 
#contents #cont .ViewInner p img,#contents #cont .ViewInner p video{display: block;margin: .3rem auto;height: auto !important;} 
#contents #cont .ViewPagination {display:block;position:relative;width:100%;margin: .5rem 0 .3rem;border-top: 3px solid #EEE;} 
#contents #cont .ViewPagination ul {position:relative;width:100%;overflow:hidden;padding:0;} 
#contents #cont .ViewPagination ul:before {display:block;content:'';position:absolute;top:50%;left:50%;width:1px;height:50px;background: #EEE;transform:translateY(-50%);} 
#contents #cont .ViewPagination li {width:50%;height:100%;box-sizing:border-box;float:right;text-align:right;} 
#contents #cont .ViewPagination li a {display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding: 25px 40px 25px 15px;} 
#contents #cont .ViewPagination li .ico {position:absolute;top:0;right:0;overflow:hidden;width: 30px;height: 100%;display: flex;justify-content: center;flex-direction: column;} 
#contents #cont .ViewPagination li .ico i{font-size: 28px;} 
#contents #cont .ViewPagination li .lbl {font-weight:500;display:block;font-size: 1.2em;} 
#contents #cont .ViewPagination li .subject {font-size: 1.1em;display:block;white-space: break-spaces;text-overflow:ellipsis;overflow:hidden;margin-top:0;} 
#contents #cont .ViewPagination li .date {display:none} 
#contents #cont .ViewPagination li:first-child {float:left;text-align:left;} 
#contents #cont .ViewPagination li:first-child a {padding: 25px 15px 25px 40px;} 
#contents #cont .ViewPagination li:first-child .ico {left:0;right:auto;} /** pailiecon */ #pailiecon{margin-top: 0.2rem;} 
#pailiecon .fenlei{margin-bottom: .2rem;padding-bottom: .2rem;background: #fdfdfd;} 
#pailiecon .fenlei .fenlei-1{font-size: .18rem;font-weight: bold;color: #0f70b6;padding: 10px 15px;background: #f0f5f8;} 
#pailiecon .fenlei .boshi{padding: .2rem .2rem 0 .2rem;} 
#pailiecon .fenlei .boshi+.boshi{} 
#pailiecon .fenlei .boshi b{font-size: .17rem;display: block;margin-bottom: .05rem;} 
#pailiecon .fenlei .boshi a{font-size: .16rem;min-width: 1rem;line-height: 2.3;display: inline-block;} 
#pailiecon .tabname{display: flex;display: none;} 
#pailiecon .tabname a{flex: 1;text-align: center;padding: 10px;background-color: #eeeff1;font-size: 17px;} 
#pailiecon .tabname a.on{color: #FFF;background: #0f70b6;} 
#pailiecon .nav{margin: 10px -5px;} 
#pailiecon .nav a{border: 1px #dcdada solid;padding: 5px 13px;margin: 5px 5px;display: inline-block;float: left;} 
#pailiecon .nav a:first-child {} 
#pailiecon .nav a.on{color: #FFF;background: #0f70b6;border-color:#0f70b6} 
#pailiecon .nav-fx{margin: 10px -5px;display: flex;} 
#pailiecon .nav-fx a{border: 1px #dcdada solid;padding: 10px 13px;margin: 5px 5px;display: inline-block;float: left;text-align: center;width: 33.333%;background: #f8f8f8;} 
#pailiecon .nav-fx a.on{color: #FFF;background: #0f70b6;border-color:#0f70b6} 
#pailiecon .nav-fx-2{margin: 10px -5px;display: flex;} 
#pailiecon .nav-fx-2 a{border: 1px #dcdada solid;padding: 10px 0;margin: 0 5px;display: inline-block;float: left;text-align: center;flex: 1;font-size: 14px;} 
#pailiecon .nav-fx-2 a.on{color: #FFF;background: #0f70b6;border-color:#0f70b6} 
#pailiecon .box{} 
#pailiecon .box ul{} 
#pailiecon .box ul li{min-width: 1.1rem;display: inline-block;} 
#pailiecon .box ul li a{font-size: .16rem;display: block;line-height: 2.5;} @media only screen and (min-width: 999px) and (max-width:1600px) { .wrap { padding-left: 7%; padding-right: 7%; } }




/*--------------------------------------------------------------
# News Page Two
--------------------------------------------------------------*/
.news-page-two {
  position: relative;
  display: block;
  background-color: #f8f9fb;
  padding: 120px 0 120px;
  z-index: 1;
}

.news-page-two__left {
  position: relative;
  display: block;
}

.news-page-two__content-box {
  position: relative;
  display: block;
}

.news-page-two__single {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
  height: 170px;
}

.news-page-two__img {
  flex-shrink: 0;
  position: relative;
  display: block;
  overflow: hidden;
  width: 170px;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 1;
}

.news-page-two__img img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-page-two__single:hover .news-page-two__img img {
  transform: scale(1.05);
}

.news-page-two__img:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(var(--cust-black-rgb), .30);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transform: perspective(400px) rotateY(90deg) scaleX(0.5);
  -ms-transform: perspective(400px) rotateY(90deg) scaleX(0.5);
  transform: perspective(400px) rotateY(90deg) scaleX(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
}

.news-page-two__single:hover .news-page-two__img:after {
  -webkit-transform: perspective(400px) rotateY(0deg) scaleX(1.0);
  -ms-transform: perspective(400px) rotateY(0deg) scaleX(1.0);
  transform: perspective(400px) rotateY(0deg) scaleX(1.0);
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.news-page-two__content {
  flex-grow: 1;
  position: relative;
  display: block;
  height: 100%;
  padding: 10px 30px 20px;
  background-color: var(--cust-white);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 1;
}

.news-page-two__user {
  position: absolute;
  top: 40px;
  right: 60px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: 2;
}

.news-page-two__user img {
  width: 100%;
  border-radius: 50%;
}

.news-page-two__user-title {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  pointer-events: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  padding: 0px 11px;
  border-radius: 6px;
  background: #F52549;
  color: var(--cust-white);
}

.news-page-two__user-title::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13px;
  height: 7px;
  bottom: -6px;
  -webkit-clip-path: polygon(100% 0px, 50% 100%, 0px 0px);
  clip-path: polygon(100% 0px, 50% 100%, 0px 0px);
  background: #F52549;
}

.news-page-two__user:hover .news-page-two__user-title {
  opacity: 1;
}

.news-page-two__date-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.news-page-two__date-box h3 {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.news-page-two__date-box p {
  font-size: 20px;
  line-height: 28px;
  color: var(--cust-black);
  margin-left: 20px;
}

.news-page-two__category {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}

.news-page-two__category a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  background-color: #1d58b5;
  padding: 9px 20px 7px;
  border-radius: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}


.news-page-two__category a:hover {
  background-color: var(--cust-black);
}

.news-page-two__title-box {
  position: relative;
  display: block;
  border-bottom: 2px dashed #ddd;
  padding-bottom: 8px;
  margin-bottom: 11px;
}

.news-page-two__title-box h3 {
  font-size: 22px;
  line-height: 32px;
  text-transform: capitalize;
  font-weight: 700;
}

.news-page-two__title-box h3 a {
  color: var(--cust-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden; /* 隐藏超出容器的内容 */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 用省略号表示被截断的文本 */
}

.news-page-two__title-box h3 a:hover {
  color: var(--cust-base);
}

.news-page-two__read-more {
  position: relative;
  display: block;
}

.news-page-two__read-more a {
  position: relative;
  display: inline-block;
  color: var(--cust-black);
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-page-two__read-more a:hover {
  color: var(--cust-base);
}



/*图文列表*/
.listnew{clear:both;padding:20px 0;display:block;}
.listnew li{padding:20px 0;border-bottom:#f1f1f1 solid 1px;display:flex;align-items: center;transition:all 0.5s;position:relative;}
.listnew li .date{padding:5px;display:block;background:#63065f;border-radius:5px;color:#fff;}
.listnew li .date year{display:block;padding:0 0 5px;border-bottom:rgba(255,255,255,0.5) solid 1px;text-align:center;font-size:15px;font-weight:bold;}
.listnew li .date mouth{display:block;padding:5px 0 0;white-space:nowrap;}
.listnew li .inf{width:100%;height:auto;line-height:23px;padding-left:20px;}
.listnew li .inf em{color:#666;font-size:14px;font-weight:lighter;display:block;}
.listnew li .inf t{border-radius:3px;background:#0f70b6;color:#fff;font-size:12px;padding:3px 10px;margin-bottom:10px;display:inline-block;}
.listnew li .inf b{display:block;font-size:16px;color:#000;}
.listnew li .inf dd{font-size:14px;color:#aaa;line-height:23px;padding:10px 0 0;}
.listnew li.image{justify-content: space-between;}
.listnew li.image .img{width:20%;overflow:hidden;}
.listnew li.image .img img{width:100%;height:100%;object-fit:cover;transform: scale(1.0);transition:all 1s;}
.listnew li:hover{box-shadow:0 0 15px rgba(111,111,111,0.2);padding:20px;}
.listnew li:hover b a{color:#63065f !important;}
.listnew li.image:hover .img img{color:#63065f !important;transform: scale(1.1);}
.listnew li .leftLine{position:absolute;left:0;top:1px;bottom:1px;width:3px;background:#999;opacity:0.2;transition:all 0.5s;}
.listnew li:hover .leftLine{opacity:1;width:10px;background:#63065f;}
@media screen and (max-width:3840px) {
    .listnew li .date{padding:1.5rem;border-radius:1rem;}
    .listnew li .date year{font-size:35px;}
    .listnew li .date mouth{font-size:30px;}
    .listnew li .inf b{font-size:30px;line-height:45px;}
    .listnew li .inf dd{font-size:28px;line-height:35px;}
    .listnew li .inf .f14{font-size:28px !important;}
    .listnew li .inf .lh20{line-height:35px !important;}
}
@media screen and (max-width:2560px) {
    .listnew li .date{padding:1rem;border-radius:1rem;}
    .listnew li .date year{font-size:26px;}
    .listnew li .date mouth{font-size:20px;}
    .listnew li .inf b{font-size:20px;line-height:35px;}
    .listnew li .inf dd{font-size:18px;line-height:25px;}
    .listnew li .inf .f14{font-size:18px !important;}
    .listnew li .inf .lh20{line-height:25px !important;}
}
@media screen and (max-width:1920px) {
    .listnew li .date{padding:0.5rem;border-radius:0.5rem;}
    .listnew li .date year{font-size:15px;}
    .listnew li .date mouth{font-size:14px;}
    .listnew li .inf b{font-size:16px;line-height:20px;}
    .listnew li .inf dd{font-size:14px;line-height:16px;}
    .listnew li .inf .f14{font-size:14px !important;}
    .listnew li .inf .lh20{line-height:20px !important;}
}
@media screen and (max-width:1680px) {
    .listnew li .inf b{font-size:15px;line-height:20px;}
    .listnew li .inf dd{font-size:12px;line-height:16px;}
}
@media screen and (max-width:960px) {
    .listnew li.image{align-items: flex-start;}
}