/*Top003221 */
@import url(responsive2.0.css);
@import url(useREM.css);
@import url(fonts.css);

.top-tel{padding-left: .3rem;line-height: 20px; background: url(../images/icon_tel.svg) no-repeat left}

.top-user{ padding-left:2vw; line-height: .36rem;}
.top-user a{padding:0 .24rem; display: inline-block; color: rgba(var(--rgb-fff)); background: rgb(var(--rgb-red)); border-radius: var(--br20); cursor: pointer}
.top-user .user{padding-right: .1rem}

.top-search{display: block;padding: 0;}
.top-search a{width:0.36rem;height:0.36rem;display:block;background:center center no-repeat url(../images/icon_search.svg);cursor:pointer;}
.top-search .search-box{position:absolute;right:0;top:180%;height:0.4rem;border:1px solid rgba(255,255,255,0.5);border-radius: var(--br20); visibility:hidden;opacity:0;transition:0.5s ease-in-out;width:0;overflow:hidden;background: rgb(var(--rgb-red)); z-index: 10}
.top-search .search-box .text{flex:1;background:none;border:0;color:rgba(var(--rgb-fff));padding:0 1em;height:0.4rem;line-height:0.4rem}
.top-search .search-box .btn{filter: brightness(0) invert(1);}
.search-show .search-box{width:4rem;visibility:visible;opacity:1;transition:0.5s ease-in-out}

.header{position:relative; z-index:1000;}
.header .top_w{position:fixed; width: 100%; background: #fff }
.header.show_t .top_w{box-shadow: 0px 2px 2px var(--bg-gray);}
.header .logo{width: 21.389%}
.header .right{max-width: 75%;}
.header .other{order: 2;padding-left:2vw}
.header .line{width: 1px; height: 18px; background: #cccccc; margin: 0 1.3vw 0 1vw}
.header menu{ font-size: var(--f18)}
.header menu li span{display:block;line-height:1rem;}
.header menu li span a{display: block; cursor: pointer; position: relative}
.header menu li.has-sub{z-index:100}
.header menu li .sub{transition:opacity 0.5s,transform 0s 0.5s,visibility 0s 0.5s;}
.header menu li.active .sub{transition: transform 0.3s,opacity 0.3s,visibility 0.3s;}
.header menu li .sub .box{background:var(--bg-gray);padding: .4rem .6rem}
.header menu li .sub dl{position:relative;z-index:1;--top:0}
/*.header menu li .sub dl::after{position:absolute;content:'';width:3px;top:var(--top);height:2em;background-color:var(--hover-color);transition:0.3s}
.header menu li .sub dl dl{width:max-content;background-color:#f8f4f0;transition:0.3s;padding:1em 0}*/
.header menu li .sub dd{ padding: .1rem 0; position:relative;z-index:1;}
.header menu li .sub dd a{position: relative;display:block;line-height: .4rem; padding: 0 .3rem; border-radius: var(--br30); transition: 0.5s}
.header menu li .sub dd a:before{content: ''; position: absolute; right: 1rem; width: .25rem; height: .25rem;border-radius:100%; top:.07rem; background: rgba(var(--rgb-fff)) url("../images/more_jt_blue.svg") no-repeat center center; opacity:0; transition: 0.5s}
.header menu li .sub dd a:hover{color: rgba(var(--rgb-fff));background:rgba(var(--rgb-blue));}
.header menu li .sub dd a:hover:before{opacity: 1; right: .1rem;}

@media (min-width:1025px) {
.header menu{flex: auto; z-index: 5}
.header menu ul{display: flex; justify-content: space-between}
.header menu ul li:not(:last-child){margin-right:1.8vw}
.header menu ul li span a:after{content: '';position: absolute;margin:auto;left: 0; right: 0;bottom: 0; width:0; height: 3px; background:rgba(var(--rgb-red));transition: 0.5s }
.header menu ul li.aon span a{color: rgba(var(--rgb-red)); position: relative}
.header menu ul li.aon span a:after{width: 100%; }
.header menu ul li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
.header menu li .sub{width:100%;position:absolute;left:0;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden; pointer-events:none;}
/*.header menu li .sub dl dl{position:absolute;left:100%;top:-1em;width:14em;transform:translateX(0.3rem);visibility:hidden;opacity:0;}
.header menu li .sub dl .active > dl{transform:translateX(0);visibility:visible;opacity:1}*/
.header menu li .box{display: flex; align-items: flex-start;pointer-events:auto;}
.header menu li .sub dl{display: flex; flex-wrap: wrap; justify-content: space-between;}
.header menu li .sub dl dd{width:45.162%;}
.header menu li .nav{flex: 1; margin-right: .6rem}
.header menu li .pic{width: 46.875%}
.header menu li .pic figure{padding-bottom:calc(340 / 600 * 100%); position: relative}
.header menu li .pic figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;border-radius: var(--br10)}
}
@media (min-width:1480px) {
.header menu ul li:not(:last-child){margin-right:2.3vw}
}
@media (max-width:1024px) {
.header .logo{padding: .2rem 0;width:48%}
.header .open-menu{background-color: #e1001f;border-radius: 50%;margin-left: .3rem}
.header .open-menu i{width: calc(100% - 0.1rem); margin: auto; left: 0; right: 0}

.header menu{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);padding-top:.6rem; top:0;bottom: 0; width: 3rem; background-color: rgba(var(--rgb-fff),0.95);;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s;}
.menu-show menu{left: 0;opacity: 1; transform: translateX(0);}
.header menu ul{overflow: auto;height: 100%;}
.header menu ul li.has-sub .wap-op{content:'';display:block;right:0; top: 0; width:.5rem; height: 100%; background:center center no-repeat url(../images/sub-select.svg);transition:0.3s;position: absolute;}
.header menu ul li.has-sub.click .wap-op{transform:rotate(-180deg);background-image:url(../images/sub-select-color.svg)}
.header menu li span{line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header menu li span a{justify-content: space-between;padding: 0 10%;}
.header menu li .sub .box{padding: .1rem}
.header menu li .sub .pic{display: none}
.header menu li .sub,
.header menu li .sub dl dl{display: none;}
.header .top-search{position:inherit;}
.header .top-search .search-box{top: 100%;}
.search-show .header .search-box{width:100%;}
}
@media (max-width:640px) {
.top-tel{display: none}
}

.footer{background: #2a313c}
.footer,
.footer a:not(:hover){color: rgba(var(--rgb-fff),0.6)}
.footer a:hover{color: rgba(var(--rgb-fff))}
.footer .dropdown-menu{padding-top: 2%; padding-bottom: 2%;}
.footer .dropdown-menu dl{width: 23.5%; position: relative;}
.footer .dropdown-menu dt{background: #3b414b; border: solid 1px #535861; padding: 0 .23rem; line-height: .4rem; border-radius: var(--br10);color:  rgba(var(--rgb-fff),0.6); position: relative; cursor: pointer}
.footer .dropdown-menu dt:after{content: '';position: absolute; width: 10px; height: 10px;top: 0; bottom: 0; right: .2rem; margin: auto; background: url("../images/dropdown_icon.svg") no-repeat center center; transition: 0.5s}
.footer .dropdown-menu dd{position: absolute; width: 100%;z-index: 10; background: #3b414b;border-radius:0 0 var(--br10) var(--br10); border: solid 1px #535861; display: none;}
.footer .dropdown-menu dd ul{padding: .1rem 0}
.footer .dropdown-menu dd a{display: block; padding: .1rem .23rem;}
.footer .dropdown-menu dd a:hover{color: rgba(var(--rgb-fff),1); background: rgba(var(--rgb-fff),0.05)}
.footer .dropdown-menu .show dt{border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.footer .dropdown-menu .show dt:after{transform: rotate(180deg)}
.footer .boxC{padding: 2% 0; border-top: solid 1px #3a404b;border-bottom: solid 1px #3a404b}
.footer .column-group{width: 72%; max-width: 900px}
.footer .column-title{color: rgba(var(--rgb-fff));font-size: var(--f18); font-weight: var(--fwB)}
.footer .column-title a{color: rgba(var(--rgb-fff));}
.footer .column-list li{ list-style: none; line-height: .32rem}
.footer .follow{ width: 23.5%;color: rgba(var(--rgb-fff))}
.footer .qr-codes{max-width: 264px;font-size: var(--f15);}
.footer .qr-code{width: 44%; line-height: 2; text-align: center}
.footer .contact-info{font-size: var(--f15);}
.footer .contact-info span{display: block; color: rgba(var(--rgb-fff),.6)}
.footer .contact-info b{font-size: var(--f20); color: rgba(var(--rgb-red))}
.footer .contact-item{padding-top: .2rem}
.footer .contact-item:nth-child(2)~.contact-item{width: 48%}
.footer .boxB{padding: 1% 0;font-size: var(--f14);}
.footer .bottom-info{line-height: 1.8}
.footer .bottom-nav{ order: 2}
.footer .bottom-nav a:not(:first-child){margin-left: .2rem}
@media(max-width:1024px){
.footer .column-group{width: 100%}
.footer .follow{width: 100%; padding-top: 2%}
.footer .contact-item{width: 50%}
.footer .bottom-nav{order: -1; padding: 1% 0}
.footer .bottom-info{width: 100%; padding: 2% 0}
}
@media(max-width:640px){
.footer .dropdown-menu dl{width: 48%; margin: 2% 0}
.footer .column-group{display: none}
.footer .qr-codes{max-width: inherit}
.footer .contact-item{width: 100%}
}


.body_compete .footer .boxT,
.body_compete .footer .boxC,
.body_compete .footer .bottom-nav,
.body_compete .footer .license-info{display: none}
.body_compete .footer .bottom-info{width: 100%; text-align: center}

.in-banner{position: relative}
.in-banner .column{color: #fff; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; font-weight: bold}
.in-banner .column .cn{font-size: .54rem;}
.in-banner figure img{width: 100%;}
.in-banner figure img.pcimg{height: 4.2rem;object-fit: cover;-o-object-fit: cover;}
.in-banner figure img.wapimg{display: none}
.body_compete .in-banner figure img.pcimg{height: auto}
@media(max-width:768px){
.in-banner figure img.pcimg{display: none}
.in-banner figure img.wapimg{display: block}
.in-banner .column .cn{font-size: .40rem;}
}

.location{display: none}

.in-menu{background: var(--bg-gray);line-height: .7rem}
.in-menu li{display: inline-block; }
.in-menu li a{ display:block; padding:0 1.1vw; position: relative;}
@media(min-width:1024px){
.in-menu li.aon a{color: rgb(var(--rgb-fff)); background: rgba(var(--rgb-blue))}
.in-menu .wapnav{display: none}
}
@media(max-width:1024px){
.in-menu {line-height: .6rem}
.in-menu .auto{width: 100%}
.in-menu .wapnav{font-size: var(--f24); display:flex; justify-content: space-between; align-items: center;background: rgba(var(--rgb-blue));color: rgb(var(--rgb-fff));padding: 0 3%}
.in-menu .wapnav:after{content: ''; display: block; width:.6rem; height:.6rem; background: url(../images/menu.png) no-repeat center center;background-size: 70%}
.in-menu .side-menu{position: absolute; width: 100%; background: var(--bg-gray);box-shadow: 0 5px 10px #ddd; z-index: 10; display: none}
.in-menu .side-menu li{display: block;}
.in-menu .side-menu li:not(:last-child){border-bottom: solid 1px #ddd}
.in-menu .side-menu li a{padding: 0 3%}
}

/*移动端 滚动导航*/
.in-menu #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.in-menu #side-menu .owl-stage-outer{ position:relative; overflow:hidden;}
.in-menu #side-menu .owl-stage{position:relative;touch-action: manipulation; margin: 0;}
.in-menu #side-menu{position:relative;}
.in-menu #side-menu .owl-nav {display: none;}
.in-menu #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:none;  color:#ed1c24; cursor:pointer; padding:0; font-size:24px; font-family: 宋体; line-height: 36px;}
.in-menu #side-menu .owl-nav .owl-prev{ left:0;}
.in-menu #side-menu .owl-nav .owl-next{ right:0;}
.in-menu #side-menu .owl-nav button.disabled{ color: #999; cursor: default;}

.menu_sub{padding-top: 4.167%}
.menu_sub ul{display: flex; flex-wrap: wrap; text-align: center; justify-content: center}
.menu_sub li{padding: 0 .1rem;}
.menu_sub li a{display: flex; justify-content: center; align-items: center;padding:0 1.29vw; line-height: .48rem; border-radius:var(--br30); border: solid 1px #e2e4eb}
.menu_sub li.aon a{color: rgb(var(--rgb-fff)); background: rgb(var(--rgb-blue)); border-color: rgb(var(--rgb-blue))}
@media(max-width:640px){
.menu_sub li{min-width: 32.333%;padding: 1%}
.menu_sub li a{line-height: .48rem}
}

.menu_branch{padding-top: 4.167%}
.menu_branch ul{display: flex; justify-content: center}
.menu_branch li{padding: 0 2.2vw; font-size: var(--f20)}
.menu_branch li a{display: flex; align-items: center;padding:0 1.2vw; line-height: .68rem; border-radius:var(--br20); border: solid 1px #e2e4eb}
.menu_branch li a:before{content: '';width: .32rem; height: .32rem; margin-right: 10px; background: no-repeat center center; background-size: contain}
.menu_branch li:nth-child(1) a:before{background-image: url("../images/branch_menu1.svg")}
.menu_branch li:nth-child(2) a:before{background-image: url("../images/branch_menu2.svg")}
.menu_branch li.aon a{color: rgb(var(--rgb-fff)); background: rgb(var(--rgb-blue)); border-color: rgb(var(--rgb-blue))}
.menu_branch li.aon a:before{filter: brightness(0) invert(1);}
@media(max-width:640px){
.menu_branch li a{line-height: .48rem}
}

.ul_hotlist li{list-style:none;padding-bottom: .3rem; border-bottom: solid 1px #e9eaee;}
.ul_hotlist .txt{position: relative}
.ul_hotlist .txt h4{font-size: var(--f20);padding: 0 1rem 0 0; margin: 0; line-height: 2}
.ul_hotlist .txt p{margin-top: .1rem; line-height: .26rem; height: .52rem;font-weight: var(--fwL)}
.ul_hotlist .txt time{position: absolute; right: 0; top:.1rem;font-weight: var(--fwL)}
.ul_hotlist .item .pic{width:2rem}
.ul_hotlist .item .pic figure{padding-bottom: 1.12rem;border-radius: var(--br10);}
.ul_hotlist .item .txt{width: calc(97% - 2rem)}
@media(max-width:768px){
.ul_hotlist .item .pic{width: 100%; margin-bottom: .2rem}
.ul_hotlist .item .pic figure{padding-bottom:40%;}
.ul_hotlist .item .txt{width: 100%}
}

.ul_list{line-height: .28rem}
.ul_list li{list-style:none; padding:.1rem 0 .1rem .2rem; border-bottom: solid 1px #e9eaee; position: relative}
.ul_list li:before{content: '';position: absolute; left: 0; top: .2rem; width: 5px; height: 5px; border-radius: 100%; background: #d2d3d7;}
.ul_list li time{float: right; opacity: 0.7; padding-left: .1rem}
.ul_list li:hover:before{background: rgb(var(--rgb-blue))}

.more-icon{display: flex; align-items: center;}
.more-icon:before{content: '';width:86px;height: 25px;margin-right: -25px; background: url(../images/more_line.png)  no-repeat right center; position: relative; z-index: 2;}
.more-icon:after{content: '';width: 25px; height: 25px; border-radius: 100%; background: rgb(var(--rgb-blue));}
.more-icon.arrow{margin: auto;width: 25px;}
.more-icon.arrow:before{width: 25px;background-position: center center; background-image: url(../images/more_jt_blue.svg)}
.item:not(:hover) .more-icon.arrow:before{filter: brightness(0) invert(1);}
.item:hover .more-icon:after{background: rgb(var(--rgb-fff))}
.item:hover .more-icon:not(.arrow):before{background-image: url(../images/more_line_blue.png)}
@media(max-width:768px){
.more-icon:before{width: 25px;background-position: center center; background-image: url(../images/more_jt_blue.svg)}
.item:not(:hover) .more-icon:before{filter: brightness(0) invert(1);}
.item:hover .more-icon:not(.arrow):before{background-image: url(../images/more_jt_blue.svg)}
}

.tit_icon{position: absolute; left: 0; top: 0; width: .2rem; height: .3rem; background: url("../images/icon_tit.svg") no-repeat center center; background-size: contain }
.item:hover .tit_icon{filter: brightness(0) invert(1);}

.ywzn_article{line-height: 2; color: rgba(var(--rgb-666))}
.ywzn_article .title{text-align: center; font-size: var(--f30);color: rgba(var(--rgb-333));}
.ywzn_article .item{padding-bottom: 4%}
.ywzn_article .item:last-child .arrow{display: none}
.ywzn_article .box_left{width: 14.2858%; display: flex;flex-wrap: wrap; justify-content: center; align-content: space-between}
.ywzn_article .box_right{width:75.7142%; padding:3.5%; position: relative;background: var(--bg-gray);border-radius: var(--br20);}
.ywzn_article .box_right:before{content: '';width: .4rem; height: .4rem; background: linear-gradient(45deg,#ffffff 50%,#f5f7fa 50%); position: absolute; right: 100%}
.ywzn_article .icon{width: 100%; text-align: center;padding:25%; background: var(--bg-gray);border-radius: 100%;position: relative; z-index:1}
.ywzn_article .icon .num{left: 0;top: 0; z-index: 10; position: absolute; font-size: var(--f20);width: .5rem; line-height: .5rem; text-align: center; background: rgba(var(--rgb-fff)); color: rgba(var(--rgb-blue)); border-radius: 100%; box-shadow: 0 0 10px rgba(var(--rgb-blue),0.2);font-weight: var(--fwB)}
.ywzn_article .arrow{width: 100%; text-align: center}
.ywzn_article .sub{font-size: var(--f20); color: rgba(var(--rgb-333)); padding-bottom: 2%}
.ywzn_article article{word-break: break-word;}
.ywzn_article article ul{margin-left: 2em}
.ywzn_article article li::marker{color: rgba(var(--rgb-blue))}

.ywzn_article article a{color: rgba(var(--rgb-blue));display: inline-block; line-height: 1.5; text-decoration: underline}
.ywzn_article .end{text-align: right;}
@media(min-width:768px){
.ywzn_article article .two{display: flex; justify-content: space-between}
.ywzn_article article .two ul{width: 48%;}
.ywzn_article article li dl{display: flex}
.ywzn_article article li dl dt{white-space: nowrap}
.ywzn_article article li dl dd{flex: 1;}
}
@media(max-width:640px){
.ywzn_article .icon .num{left: 100%}
}

.faq_list .item{background: var(--bg-gray);border-radius: var(--br10); overflow: hidden}
.faq_list .item:not(:last-child){margin-bottom: .2rem}
.faq_list .title{cursor: pointer;color: rgb(var(--rgb-333)); display: flex; justify-content: space-between; padding: .25rem .3rem; }
.faq_list .title h4{font-size:var(--f20);padding-left: .5rem; background: url("../images/faq_q.png") no-repeat left}
.faq_list .info{display: none;}
.faq_list .txt{padding: .3rem .3rem .3rem .8rem;background: url("../images/faq_a.png") no-repeat .3rem .4rem; line-height: 2; color: rgba(var(--rgb-666))}
.faq_list .show .title{color: rgb(var(--rgb-fff));background: rgb(var(--rgb-blue));}
.faq_list .show .title h4{ background-image: url("../images/faq_qon.png")}

.gssxfbz .title{font-size: var(--f24); text-align: center;font-weight: var(--fwB)}
.gssxfbz .select{padding: 3% 0}
.gssxfbz .select dl{display: flex; align-items: center; position: relative}
.gssxfbz .select dl:nth-child(2) .box{width:3.75rem}
.gssxfbz .select .box{width: 1.3rem; }
.gssxfbz .select label{white-space: nowrap}
.gssxfbz .select input[type='text']{width: 100%;flex: 1; line-height: .4rem;height: .4rem; border-radius: var(--br5); color: rgba(var(--rgb-999)); padding: 0 .1rem; border: solid 1px #eaeaea;cursor: pointer; position: relative; transition: 0.2s}
.gssxfbz .select .data-xl input[type='text']{ background: url("../images/select_icon2.svg") no-repeat 95% center;transition: 0.5s}
.gssxfbz .select datalist::after{display: none}
.gssxfbz .select .data-xl input[list]::-webkit-calendar-picker-indicator { opacity: 0; display: none;}
.gssxfbz .select .data-xl input[list]::-webkit-clear-button { display: none;}
.gssxfbz .select .data-xl input[list] { appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.gssxfbz .select button{width: 1.16rem;height: .4rem; color: rgba(var(--rgb-fff)); background: rgb(var(--rgb-blue));border-radius: var(--br5); border: none; cursor: pointer;font-size: var(--f16); transition: 0.5s}
.gssxfbz .select button:hover{background: #84c6f0;}
.gssxfbz .total{padding: .1rem 0}
.gssxfbz .list{overflow: auto;max-height: 5rem}
.gssxfbz .list table{min-width: 100%;}
.gssxfbz .list table th,
.gssxfbz .list table td{font-size: var(--f14)}
.gssxfbz .list table thead{background: #84c6f0; color: rgb(var(--rgb-fff));position: sticky; top: 0;}
.gssxfbz .list table thead th{text-align: center;padding-top: .1rem; padding-bottom: .1rem}
.gssxfbz .list table tbody tr:nth-child(odd){background: #ebebeb}

.gssxfbz .list table tbody tr td{border: solid 1px #cccccc;padding: .1rem;text-align: center;}
.gssxfbz .remarks{padding-top:3%}
.gssxfbz .remarks .sub{color: rgb(var(--rgb-blue))}
.gssxfbz .remarks .info{ font-size: var(--f14); color: rgba(var(--rgb-666));line-height: 2}
@media(min-width:1200px){
.gssxfbz .select{gap:.1rem}
.gssxfbz .select dl:not(.btn){flex:1}
}
@media(max-width:1200px){
.gssxfbz .list table th,
.gssxfbz .list table td{white-space: nowrap}
.gssxfbz .select dl{width:48%;margin-bottom: .2rem}
.gssxfbz .select .box{flex: 1;width: 100%}
.gssxfbz .select .btn{margin: auto;}
.gssxfbz .select button{width: 100%}
}

.jyyj_article{color: rgba(var(--rgb-666)); line-height: 2}
.jyyj_article .title{color: rgba(var(--rgb-333));text-align: center; padding: 0 0 1% 0; margin: 0;}
.jyyj_article .box{padding: .3rem; border-radius: var(--br10);background: var(--bg-gray);margin-bottom: .15rem}
.jyyj_article h2{font-size: var(--f20);color: rgba(var(--rgb-333));padding: 0 0 .1rem 0; margin: 0}
.jyyj_article h3{font-size: var(--f16);color: rgba(var(--rgb-333));padding: 0; margin: 0}
.jyyj_article ul{margin-left:1em}
.jyyj_article ul li::marker{color: rgb(var(--rgb-blue));font-size: var(--f14);}
.jyyj_article p{padding: 0 0 .1rem 0; margin: 0}
.jyyj_article u{color: rgb(var(--rgb-blue))}
.jyyj_article .icon{color: rgb(var(--rgb-blue))}
.jyyj_article .step{padding: 2% 0; display: flex; flex-wrap: wrap; justify-content: space-between}
.jyyj_article .step li{text-align: center; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; background: #dce6f5; border-radius: 100%;color: rgb(var(--rgb-blue)); transition: 0.5s; padding:.25rem;line-height: 24px;position: relative}
.jyyj_article .step li:hover{background: rgb(var(--rgb-blue)); color: rgba(var(--rgb-fff))}
.jyyj_article .step li:not(:last-child):after{content: '';position: absolute; margin: auto; left: 120%; top: 0; bottom: 0; background: url("../images/step_jt.svg") no-repeat right center; width: .38rem; height: .08rem}
.jyyj_article .step li i{position: absolute;white-space: nowrap; left: 100%; bottom: 100%; background: rgb(var(--rgb-blue)); color: rgba(var(--rgb-fff));border-radius: 100%; padding: .2rem; font-style: normal}
.jyyj_article .step li i:after{content: '';position: absolute; left: 30%; top: 120%; background: url("../images/step_jt2.svg") no-repeat right center;background-size: contain; width: .27rem; height: .45rem}
@media(max-width:1200px){
.jyyj_article .step li:not(:last-child):after{left:90%}
.jyyj_article .step li i:after{left:5%}
}
@media(max-width:768px){
.jyyj_article .step li{width: 30%; height: auto; margin: 2% 0}
.jyyj_article .step li:not(:last-child):after{left:80%}
.jyyj_article .step li:nth-child(3):after{display: none}
}


.fxkz_article{line-height: 2; color: rgba(var(--rgb-666))}
.fxkz_article .article .box{padding: .3rem; border-radius: var(--br10);background: var(--bg-gray);margin-top: .15rem}
.fxkz_article h2{font-size: var(--f20);color: rgba(var(--rgb-333));padding: 0 0 .1rem 0; margin: 0}
.fxkz_article .article ul{margin-left:1em}
.fxkz_article .article ul li::marker{color: rgb(var(--rgb-blue));font-size: var(--f14);}

.fxkz_article .down_group {padding-top: 2%}
.fxkz_article .down_group h4{color: rgba(var(--rgb-333));padding:0; margin: 0; font-size: var(--f16)}
.fxkz_article .down_group li{width:49.286%;margin-top: 1.428%; padding: .2rem .3rem; display: flex; justify-content: space-between; align-items: flex-start; background: var(--bg-gray);border-radius: var(--br10)}
.fxkz_article .down_group li .down{margin-left: .2rem; display: flex; white-space: nowrap}
.fxkz_article .down_group li .down .more-icon{margin-left: .1rem}
@media(max-width:1024px){
.fxkz_article .down_group li{width: 100%; padding: .15rem}
}

.fxkz_article .dhbg_group .item{border-radius: var(--br20); overflow: hidden; margin-top: .2rem}
.fxkz_article .dhbg_group .title{width: 2.40rem; background: #d0def5; display: flex; justify-content: center; align-items: center}
.fxkz_article .dhbg_group .title h4{width: 58%; text-align: center; font-size: var(--f20); color: rgba(var(--rgb-blue)); line-height: 1.5; position: relative}
.fxkz_article .dhbg_group .title .num{font-size: .88rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0.1}
.fxkz_article .dhbg_group .title b{position: relative; z-index: 2}
.fxkz_article .dhbg_group .info{width: calc(100% - 2.3rem);margin-left: -.1rem;background: var(--bg-gray);position: relative;padding:2.5%}
.fxkz_article .dhbg_group .info ul{margin-left: 1em;}
.fxkz_article .dhbg_group .info ul li::marker{color: rgb(var(--rgb-blue));font-size: var(--f14);}

@media(max-width:768px){
.fxkz_article .dhbg_group .title{width: 100%; padding: 4%}
.fxkz_article .dhbg_group .info{width: 100%; margin: 0; padding: 4%}
}

.yjzx_group .item{width: 100%; padding: .25rem; background: var(--bg-gray); border-radius: var(--br20)}
.yjzx_group .pic{width:37.738%}
.yjzx_group .pic a{display: block; position: relative}
.yjzx_group .pic figure{padding-bottom: 2.80rem;border-radius: var(--br5); background: rgba(var(--rgb-000))}
.yjzx_group .pic figure img{opacity: 0.5;transition: 0.5s}
.yjzx_group .pic .txt{position: absolute; width: 100%; padding: 0 2%; top: 50%; transform: translateY(-50%); z-index: 5; text-align: center; color: rgb(var(--rgb-fff))}
.yjzx_group .pic h4{font-size: var(--f24); margin-bottom: .1rem}
.yjzx_group .pic:hover figure img{opacity:0.8}
.yjzx_group .info{width:60%}
.yjzx_group .hot{padding-bottom: .2rem; border-bottom: solid 1px #e9eaee}
.yjzx_group .hot time {width: .7rem; height: .7rem; color: rgb(var(--rgb-fff));background: rgb(var(--rgb-blue));border-radius: var(--br5);text-align: center; margin-right: 16px; white-space: nowrap} 
.yjzx_group .hot time span{display: block;font-size: var(--f24); line-height:.36rem}
.yjzx_group .hot h4{font-size: var(--f18); flex: 1;}
.yjzx_group .hot label{margin-right: 8px; }
.yjzx_group .ul_list label{background: #f9eae3; padding: 0px 8px; margin-right: 8px; color: rgba(var(--rgb-red)); border-radius: 0 10px 0px 10px}
@media(min-width:1024px){
.yjzx_group .item:nth-child(2)~.item{margin-top: 2%}
.yjzx_group .item{width: 49%;}
}
@media(max-width:1024px){
.yjzx_group .item:not(:first-child){margin-top: 2%}
}

.clzc_list li{width: 100%; background: var(--bg-gray); border-radius: var(--br20)}
.clzc_list li a{display: block; padding: .3rem}
.clzc_list .info h4{font-size: var(--f24);}
.clzc_list .txt{margin: .255rem 0; line-height: .3rem;height: 1.2rem; font-weight: var(--fwL)}
.clzc_list li:hover{background: url("../images/li_bg2.png") no-repeat; background-size: cover}
.clzc_list li:hover a{color: rgba(var(--rgb-fff))}
@media(min-width:1024px){
.clzc_list li{width:23.286%;}
.clzc_list li:nth-child(4)~li{margin-top: 2.285333333333333%}
.clzc_list li:not(:nth-child(4n+4)){ margin-right: 2.285333333333333%}
.clzc_list .info {height: .7rem}
}
@media(min-width:640px) and (max-width:1024px){
.clzc_list li{width:49%; }
.clzc_list li:nth-child(2)~li{margin-top: 2%}
.clzc_list li:not(:nth-child(2n+2)){margin-right: 2%}
}
@media(max-width:640px){
.clzc_list li:not(:first-child){margin-top: 4%}
}

.cgbg_list li{width:100%;background: var(--bg-gray); border-radius: var(--br10)}
.cgbg_list li a{display: block; padding: .4rem}
.cgbg_list .info{height: 1.6rem}
.cgbg_list .info:after{content: ''; display: block; width: .28rem; height: .03rem;background: rgb(var(--rgb-blue))}
.cgbg_list .info h4{font-size: var(--f20);font-weight: var(--fwB); margin: .3rem 0}
.cgbg_list .info label{font-size: var(--f20); line-height: .34rem; display: inline-block;padding:0 14px; color: rgba(var(--rgb-fff)); background: rgba(var(--rgb-red)); border-radius: 10px 0px 10px 0 }
.cgbg_list .info time{float: right; color: rgba(var(--rgb-999))}
.cgbg_list .info time span{font-size: var(--f24); color: rgba(var(--rgb-333))}
.cgbg_list .info time i{padding: 0 .05rem}
.cgbg_list .txt{margin: .4rem 0; line-height: .3rem;height: 1.5rem; font-weight: var(--fwL)}
.cgbg_list .down{display:flex; align-items: center; color: rgb(var(--rgb-blue))}
.cgbg_list .down i{display: inline-block;margin-left: 8px; width: 25px; height: 25px; border-radius: 100%; background: rgb(var(--rgb-blue))}
.cgbg_list .down i:after{content: '';display: inline-block; width: 100%; height: 100%; border-radius: 100%; background: url(../images/down_jt_blue.svg) no-repeat center center}
.cgbg_list li:not(:hover) .down i:after{filter: brightness(0) invert(1);}
.cgbg_list li:hover{background: rgb(var(--rgb-blue))}
.cgbg_list li:hover *{color: rgba(var(--rgb-fff))!important}
.cgbg_list li:hover .info:after{ background: rgba(var(--rgb-fff))}
.cgbg_list li:hover .down i{background: rgba(var(--rgb-fff))}
@media(min-width:1024px){
.cgbg_list li{width: 31.8572%;}
.cgbg_list li:nth-child(3)~li{margin-top: 2.2142%}
.cgbg_list li:not(:nth-child(3n+3)){margin-right: 2.2142%}
}
@media(min-width:640px) and (max-width:1024px){
.cgbg_list li{width:49%; }
.cgbg_list li:nth-child(2)~li{margin-top: 2%}
.cgbg_list li:not(:nth-child(2n+2)){margin-right: 2%}
}
@media(max-width:640px){
.cgbg_list li:not(:first-child){margin-top: 4%}
.cgbg_list li a{padding: .2rem}
.cgbg_list .info{height: auto; margin: .2rem 0}
.cgbg_list .txt{height: auto}
}

.list_one li{width:100%; line-height: .4rem; border-radius: var(--br10); background: var(--bg-gray); padding:.2rem .3rem;display: flex; justify-content: space-between}
.list_one li a{font-size: var(--f20); font-weight: bold; position: relative}
.list_one li a:before{content: ''; display: inline-block; margin-right: 12px; width: 6px; height: 6px; border-radius: 100%; background: rgb(var(--rgb-blue));vertical-align: middle;}
.list_one li a:after{content: '';position: absolute;right: 0;bottom: 0; width: calc(100% - 18px); height: 1px;}
.list_one li time{ white-space: nowrap; padding-left: .1rem; opacity: 0.7}
.list_one li:hover{ background: rgb(var(--rgb-blue)) url(../images/li_bg.png) no-repeat right center; background-size: cover}
.list_one li:hover a,
.list_one li:hover time{color: rgb(var(--rgb-fff));}
.list_one li:hover a:after{background: rgb(var(--rgb-fff))}
.list_one li:hover a:before{background: rgb(var(--rgb-fff))}
@media(min-width:1024px){
.list_one li:nth-child(2)~li{margin-top: 2%}
.list_one li{width: 49%;}
}
@media(max-width:1024px){
.list_one li:not(:first-child){margin-top: 2%}
.list_one li{padding:.15rem .2rem;}
}



.cfzx_list li{background: var(--bg-gray); border-radius: var(--br10);}
.cfzx_list li:not(:first-child){margin-top: .2rem}
.cfzx_list li a{display: block; padding: .35rem .7rem .25rem .7rem;position: relative}
.cfzx_list li .tit_icon{left: auto;top:auto;transform: translateX(-30px)}
.cfzx_list li .txt{padding-top: .15rem; padding-bottom: .35rem;margin-bottom: .25rem; border-bottom: solid 1px rgba(var(--rgb-000),0.08)}
.cfzx_list li h4{font-size: var(--f20); position: relative;display: inline-block; max-width: 100%;border-bottom: solid 1px transparent}
.cfzx_list li .txt{ font-weight: var(--fwL)}
.cfzx_list li .more-icon{float: right}
.cfzx_list li time{color: rgb(var(--rgb-999));}
.cfzx_list li:hover{background: url("../images/li_bg4.png") no-repeat;background-size: cover}
.cfzx_list li:hover .txt{border-bottom-color: rgba(var(--rgb-fff),0.2)}
.cfzx_list li:hover h4{border-bottom-color: rgba(var(--rgb-fff),0.8)}
.cfzx_list li:hover *{color: rgb(var(--rgb-fff))}

.jzpl_list li{font-size: var(--f18); background: var(--bg-gray); border-radius: var(--br10);}
.jzpl_list li a{padding: .30rem .40rem;line-height: 1.5; position: relative}
.jzpl_list li .txt{display: flex; align-items: center; max-width: 80%; padding-left: 30px; position: relative}
.jzpl_list li h4{font-size: var(--f20); position: relative;}
.jzpl_list li time{margin-right: .15rem; white-space: nowrap; color: rgb(var(--rgb-999));}
.jzpl_list li .other{display: flex; align-items: center; color: rgb(var(--rgb-999));}
.jzpl_list li .more-icon:before{width:46px;margin-left: 20px;}
.jzpl_list li:not(:first-child){margin-top: .2rem}
.jzpl_list li:hover{background: url("../images/li_bg3.png") no-repeat; background-size:cover}
.jzpl_list li:hover a{color: rgb(var(--rgb-fff));}
.jzpl_list li:hover time,
.jzpl_list li:hover .other{color: rgb(var(--rgb-fff));}

@media(max-width:768px){
.jzpl_list li a{padding: .2rem;}
.jzpl_list li .txt{flex-wrap: wrap;max-width: inherit;width: 100%}
.jzpl_list li time{ order: 2;width: 100%; margin-top: .1rem}
.jzpl_list li .other{position: absolute;right: .2rem; bottom: .2rem}
}

.member-login{line-height: .44rem;position: relative;}
.member-login .box{padding:.2rem 0; border-radius: 5px 50px 0 0;background: rgba(var(--rgb-fff), 0.7);}
.member-login h2{margin-bottom: .2rem; text-align: center;font-size: var(--f30);}
.member-login h2 span{color: rgb(var(--rgb-blue))}
.member-login .group{margin-bottom: .15rem;position: relative}
.member-login .icon{position: absolute; opacity: .2; top: 0; bottom: 0; right: .2rem;margin: auto; transition: 0.5s}
.member-login .tips{position: absolute;padding: 0 .2rem;}
.member-login .text{width: 100%; height: .44rem; padding: 0 .2rem; background: var(--bg-gray);border-radius: var(--br5);border: none;}
.member-login .yzm img{width:22%;position: absolute; top: 0; bottom: 0; right: .2rem;margin: auto}
.member-login .btn{padding: .15rem 0}
.member-login .login{display: block; text-align: center; cursor: pointer; color: rgb(var(--rgb-fff)); background: rgba(var(--rgb-red));border-radius: var(--br5);transition: 0.5s}
.member-login .login:hover{background: rgb(var(--rgb-yellow))}
.member-login .group.show .icon{opacity: 1}
@media(min-width:768px){
.member-login .box{position: absolute; width: 400px; padding:.3rem .4rem; right: 0; bottom: 0}
}

.cfzx_main li{background: #e5ebf6 url("../images/li_bg5.png") no-repeat left bottom; background-size: contain;border-radius: var(--br10);position: relative; overflow: hidden}
.cfzx_main .txt{padding: .4rem; position: relative; z-index: 11}
.cfzx_main .txt h4{font-size: var(--f30);}
.cfzx_main .icon{padding: .1rem 0; position: relative}
.cfzx_main .icon img{height: .55rem; transition: 0.5s}
.cfzx_main .icon img:nth-child(2){opacity: 0;left: 0; position: absolute;}
.cfzx_main .other{display: flex; justify-content: flex-end; align-items: center;padding-top:30.272%; font-weight: var(--fwL)}
.cfzx_main .other .more-icon{margin: inherit; margin-left: 10px}
.cfzx_main .pic{position: absolute; width: 100%; height: 100%; bottom: 0;opacity: 0; background: rgba(var(--rgb-blue)); transition: 0.5s}
.cfzx_main .pic figure{padding-bottom: 0; height: 100%; opacity: 0.3}
.cfzx_main li:hover .pic{opacity: 1}
.cfzx_main li:hover a{color: rgba(var(--rgb-fff))}
.cfzx_main li:hover .icon img:nth-child(1){opacity: 0}
.cfzx_main li:hover .icon img:nth-child(2){opacity: 1}
@media(min-width:1024px){
.cfzx_main li{width: 32.1429%}
.cfzx_main li:nth-child(3)~li{margin-top: 1.78565%}
}
@media(max-width:1024px){
.cfzx_main li{width:49%}
.cfzx_main li:nth-child(2)~li{margin-top:2%}
.cfzx_main .txt{padding: .2rem;}
}

.public_list li{width: 100%; background: var(--bg-gray); border-radius: var(--br10);}
.public_list li a{display: block; padding:.4rem .30rem;position: relative}
.public_list li .txt{margin-bottom: .1rem}
.public_list li h4{font-size: var(--f20); position: relative;display: inline-block; max-width: 100%;}
.public_list li p{ font-weight: var(--fwL)}
.public_list li time{color: rgb(var(--rgb-999));line-height: 1; }
.public_list li time span{font-size: var(--f36);display: block; padding-bottom: .1rem}
.public_list li:hover{background: no-repeat;background-size: cover}
.public_list li:hover *{color: rgb(var(--rgb-fff))}
.public_list .rows2 li time{position: absolute;padding-right: .28rem; border-right: solid 1px #e4e6ed}
.public_list .rows2 li .txt{padding-left: 1.15rem;}
.public_list .rows2 li .more-icon{margin-left: 1.15rem;}
.public_list .rows2 li:hover{background-image: url("../images/li_bg6.png");}
.public_list .rows3 li .txt{height:0.7rem; margin-top: .1rem}
.public_list .rows3 li:hover{background-image: url("../images/li_bg7.png");}
/*
.public_list li:hover h4:ml-search-more[border-bottom]{text="border-bottom"}
.public_list li:hover h4:ml-search-more[padding-bottom]{text="padding-bottom"}
*/
@media(min-width:1024px){
.public_list .rows2 li{width: 48.92858%}
.public_list .rows2 li:nth-child(2)~li{margin-top: 2.14284%}
.public_list .rows2 li .txt{height: 1rem}
.public_list .rows3{justify-content: flex-start}
.public_list .rows3 li{width: 31.858%}
.public_list .rows3 li:not(:nth-child(3n+3)){margin-right: 2.213%}
.public_list .rows3 li:nth-child(3)~li{margin-top: 2.213%}
}
@media(min-width:768px) and (max-width:1024px){
.tzzjy_list .rows3 li{width: 48.92858%}
.tzzjy_list .rows3 li:nth-child(2)~li{margin-top: 2.14284%}
}
@media(max-width:768px){
.tzzjy_list li{margin-top: 4%}
.tzzjy_list .rows3 li .txt{height: auto}
}

.tzzbh_list li.item{width: 18.2858%}
.tzzbh_list .item a{display: block; padding: .14rem;border-radius: var(--br5); border: solid 1px #e4e6ed;}
.tzzbh_list .item figure{padding-bottom: 132.75%;border-radius: var(--br5)}
.tzzbh_list .item h4{font-size: var(--f18);line-height: 3; text-align: center;font-weight: var(--fwR)}
.tzzbh_list .item:hover{border-color: rgba(var(--rgb-blue))}
.tzzbh_list .item:hover a{border-width: 2px; padding: .13rem; border-color: rgba(var(--rgb-blue))}
.tzzbh_list.swiper div.item{}
@media(min-width:1024px){
.tzzbh_list li.item:not(:nth-child(5n+5)){margin-right: 2.14275%}
.tzzbh_list li.item:nth-child(5)~li{margin-top: 2.14275%}
}
@media(max-width:1024px){
.tzzbh_list li.item{width: 48.928625%}
.tzzbh_list li.item:not(:nth-child(2n+2)){margin-right: 2.14275%}
.tzzbh_list li.item:nth-child(2)~li.item{margin-top: 2.14275%}
}

.about {padding-bottom: 0}
.about .auto{color: rgba(var(--rgb-666));padding-bottom:6%; position: relative;}
.about .auto:after{content: '';position: absolute; width:62%;height: 100%; left:66.66714285714286%; top: 0;background:var(--bg-gray) }
.about .article{width: 62%;padding-bottom: 5%; line-height: 2; text-align: justify;}
.about .article .sub{padding: 0; margin: 0; color: rgba(var(--rgb-333))}
.about .other{width: 28%;;position: relative; z-index: 10}
.about .other dl{line-height:1; border-bottom: solid 1px rgba(var(--rgb-000),0.08)}
.about .other dl:not(:last-child){margin-bottom: .3rem}
.about .other .counter{font-size: calc(52/1920*100vw);color: rgba(var(--rgb-333))}
.about .other .counter i{font-style: normal}
.about .other .num{position: absolute}
.about .other .no{opacity: 0}
.about .other p{padding:.1rem 0; margin: 0}
.about .other dd{max-width: .56rem}
.about .list{border-radius: var(--br10); overflow: hidden}
.about .list li{flex: 1; position: relative}
.about .list .box{position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 10}
.about .list .txt{ color: rgba(var(--rgb-fff)); text-align: center; padding: 3%}
.about .list .txt h4{font-size: var(--f30); line-height:2.5;display: inline-block}
.about .list .txt h4:after{content: '';display: block; margin: auto; width: 20px;height: 5px; background: rgba(var(--rgb-fff)); border-radius: 3px;}
.about .list .txt p{font-weight: var(--fwL); margin-top:.25rem}
.about .list .icon{padding-top: 60%; opacity: 0; transition: 0.5s}
.about .list .pic figure:before{content: '';position: absolute; width: 100%; height: 100%; background: linear-gradient(#93bbfb,#0248b8); z-index: 2; opacity: .26; transition: 0.5s}
.about .list li:hover .pic figure:before{opacity: .1}
.about .list li:hover .icon{opacity: 1}
.about .list li:hover .more-icon:before{background-image: url(../images/more_line.png)}
.about .list li:hover .more-icon:after{background: rgb(var(--rgb-blue));}
@media(max-width:1200px){
.about .other .counter{font-size: calc(52/1400*100vw);}
}
@media(max-width:640px){
.about .auto:after{display: none}
.about .article{width: 100%}
.about .other{width: 100%;background:var(--bg-gray);padding:5%}
.about .other .counter{font-size: calc(52/768*100vw);}
.about .list li{flex: auto; width: 100%;}
.about .list .pic figure{padding-bottom:60%}
.about .list .icon{padding-top: 30%;}
}

.zzjg_img{text-align: center}

.gdbj_info .item{padding: .3rem; background:var(--bg-gray);border-radius: var(--br10); }
.gdbj_info .item:not(:last-child){margin-bottom: .3rem}
.gdbj_info .pic{width: 28.359%}
.gdbj_info .pic img{border-radius: var(--br10); }
.gdbj_info .info{width:70.641%; padding:2%;line-height: 2; }
.gdbj_info .title{font-size: var(--f24);font-weight: var(--fwB)}
.gdbj_info .title:after{content: '';display: block;margin-top: .15rem; width: 20px;height: 5px;background:rgba(var(--rgb-blue));border-radius: 3px;}
.gdbj_info .txt{text-align: justify;padding-top: .3rem; color: rgba(var(--rgb-666))}
@media(max-width:768px){
.gdbj_info .pic{width: 100%;}
.gdbj_info .info{width: 100%; padding: 3% 0}
}


.xxgs_info .left_title{width: 21.42858%; position: relative}
.xxgs_info .left_title h3{font-size: var(--f30); color: rgba(var(--rgb-fff)); line-height: .8rem; background:rgba(var(--rgb-blue));border-radius: 10px 10px 0 0;text-align: center;}
.xxgs_info .left_title ul{padding: .2rem; background: var(--bg-gray);border-radius: 0 0 10px 10px;}
.xxgs_info .left_title ul li{padding:.2rem 0 .2rem .18rem;position: relative}
.xxgs_info .left_title ul li:not(:last-child){border-bottom: solid 1px #ebebeb}
.xxgs_info .left_title ul li:before{content: '';position: absolute; left: 0; top: .3rem; width: 6px; height: 6px; border-radius: 100%; background: #d0d2d5;}
.xxgs_info .left_title ul li a{display: block;}
.xxgs_info .left_title ul li.aon:before{background:rgba(var(--rgb-blue));}
.xxgs_info .left_title ul li.aon a{color: rgba(var(--rgb-blue))}
.xxgs_info .right_info{width: 76.42858%}
.xxgs_info .title{font-size: var(--f24); line-height:.6rem;padding-top: .2rem; border-bottom: solid 1px #ebebeb; font-weight: var(--fwB);margin-bottom: .3rem}
.xxgs_info .info{overflow-x: auto}
.xxgs_info .info table{min-width: 100%;text-align: center;border: none}
.xxgs_info .info table thead tr:first-child{color: rgba(var(--rgb-blue)); background: #ccdaf1}
.xxgs_info .info table tbody tr:nth-child(odd){background:var(--bg-gray)}
.xxgs_info .info table th{white-space: nowrap}
.xxgs_info .info table th,
.xxgs_info .info table td{padding: .2rem;font-size: var(--f16);border: solid 1px #e2e6ec}
@media(min-width:768px){
.xxgs_info .left_title ul{display: block!important}
}
@media(max-width:768px){
.xxgs_info .left_title{width: 100%}
.xxgs_info .left_title h3{text-align: left; line-height: .6rem;font-size: var(--f24);}
.xxgs_info .left_title h3 b{padding-left: .2rem}
.xxgs_info .left_title h3 .icon{position: absolute; width: 100%; height: 100%;display: flex; align-items: center; justify-content: flex-end; padding-right: .2rem}
.xxgs_info .left_title h3 .icon:after{content: '';width: .5rem; height: .5rem; background: url("../images/menu.png") no-repeat center center; background-size: 80%}
.xxgs_info .left_title ul{position: absolute; width: 100%;padding: .1rem; display: none; opacity: 0.9; box-shadow:  0 0 20px #ddd}
.xxgs_info .left_title ul li{ padding: .1rem 0 .1rem .18rem;}
.xxgs_info .left_title ul li:before{top: .15rem}
.xxgs_info .right_info{width: 100%}
.xxgs_info .info table th,
.xxgs_info .info table td{white-space: nowrap; padding: .1rem;}
}

.lxfs_info .info{width: 34%; color: rgba(var(--rgb-333))}
.lxfs_info .info h1{font-size: var(--f30);}
.lxfs_info .info ul{font-size: var(--f20);}
.lxfs_info .info ul li{ width: 48%;padding-left: 10px;margin-top: .4rem; border-left: solid 1px #ebf1fa}
.lxfs_info .info ul span{font-size: var(--f16); color: rgba(var(--rgb-666));display: block; padding-left: 20px;background: no-repeat left}
.lxfs_info .info ul li.address{width: 100%}
.lxfs_info .info ul li.address span{background-image: url("../images/lxfs_address.svg")}
.lxfs_info .info ul li.zipcode span{background-image: url("../images/lxfs_zipcode.svg")}
.lxfs_info .info ul li.tel span{background-image: url("../images/lxfs_tel.svg")}
.lxfs_info .info ul li.email span{background-image: url("../images/lxfs_email.svg")}
.lxfs_info .info ul li.fax span{background-image: url("../images/lxfs_fax.svg")}
.lxfs_info .map{width: 55.715%; text-align: center}
.lxfs_info .map img{border-radius: var(--br10)}
@media(max-width:1024px){
.lxfs_info .info,
.lxfs_info .map{ width:100%;}
.lxfs_info .info{padding-bottom: 5%}
}

.job_list .title{padding: .18rem .4rem;background:var(--bg-gray); border-radius: var(--br10);}
.job_list .title span{flex: 1}
.job_list .title span.icon{ flex: none; width: 25px; height: 25px;position: relative}
.job_list .first .title{font-size: var(--f18);line-height: .35rem; color: rgba(var(--rgb-fff));background: rgba(var(--rgb-blue));}
.job_list .item .title{cursor: pointer}
.job_list .item .title span.icon{background: rgba(var(--rgb-blue));border-radius:100% }
.job_list .item .title span.icon:before,
.job_list .item .title span.icon:after{content: '';position: absolute;left: 0;right: 0;top: 0; bottom: 0; margin: auto; width: 50%;height: 1px; background:rgba(var(--rgb-fff)); transition: 0.5s}
.job_list .item:not(.show) .title span.icon:after{transform: rotate(90deg);}
.job_list .item{margin-top: .1rem;}
.job_list .item .title span.time{color: rgba(var(--rgb-999));}
.job_list .info{padding: .4rem;display: none; border: solid 1px #e8ebef;border-radius:0 0 var(--br10) var(--br10)}
.job_list .sub{font-size: var(--f18);font-weight: var(--fwB)}
.job_list .wap{display: none}
.job_list .txt{font-weight: var(--fwL); line-height: 2;padding:1% 0 4% 0}
.job_list .apply{display: inline-block}
.job_list .apply a{display: flex; color: rgba(var(--rgb-blue))}
.job_list .apply .more-icon.arrow{margin: inherit; margin-left: .1rem;}
.job_list .apply .more-icon.arrow:before { filter: brightness(0) invert(1);background-image: url(../images/more_jt_blue.svg);}
.job_list .apply .more-icon.arrow:after{background: rgba(var(--rgb-blue)) }
.job_list .item.show .title{background: rgba(var(--rgb-blue),0.2); box-shadow:inset 0 0 0 1px #bacae4;border-radius:var(--br10) var(--br10) 0 0 }
.job_list .item.show .title span.time{color: rgba(var(--rgb-333));}
@media(max-width:768px){
.job_list .title{padding: .1rem .2rem;}
.job_list .title span.place,
.job_list .title span.num,
.job_list .title span.time{display: none}
.job_list .wap{display:block; padding-bottom: .2rem}
.job_list .info{padding: .2rem}
}

.party .Pages .p_page .a_cur,
.party .Pages .p_page a:not(.no):hover{background:#e60012;}

.party_list .item{background:var(--bg-gray); border-radius: var(--br10);}
.party_list .item:not(:first-child){margin-top: .3rem}
.party_list .item a{padding: .3rem;}
.party_list .date{color: rgba(var(--rgb-999))}
.party_list .date:before{content: '';display: block;height: 4px;margin-bottom: .1rem; border-radius: var(--br10); background: #ebf1fa}
.party_list .date span{display: block;font-size: var(--f36)}
.party_list .pic{width:2.26rem}
.party_list .pic figure{padding-bottom: 66.375%; border-radius: var(--br10);}
.party_list .text{width:calc(100% - 3.7rem);}
.party_list .text h4{font-size: var(--f20);}
.party_list .text h4:before{content: ''; display: block; height: .2rem;transition: 0.5s}
.party_list .text p{margin-top: .1rem; margin-bottom: .2rem}
.party_list .text .more-icon{opacity: 0;height: 0; visibility: hidden}
.party_list .item:hover{ background: #e60012}
.party_list .item:hover a,
.party_list .item:hover .date{color: rgba(var(--rgb-fff))}
.party_list .item:hover .date:before{background: #ee4d5a}
.party_list .item:hover .text h4:before{height: 0;}
.party_list .item:hover .more-icon{opacity: 1; height: 25px; visibility: inherit}
.party_list .item:hover .more-icon:before{background-image: url("../images/more_line_red.png")}
@media(max-width:1024px){
.party_list .text{width:calc(97% - 2.26rem);}
.party_list .date{position: absolute; z-index: 10; padding:.1rem; color: #fff!important;background:  #e60012;border-radius: var(--br10) 0 var(--br10) 0}
.party_list .date:before{display: none}
}
@media(max-width:768px){
.party_list .pic{width: 100%}
.party_list .text{width: 100%; padding-top: .2rem!important}
.party_list .item a{padding: .2rem}
}

.compete{background: url("../images/bg_body_compete.jpg") no-repeat center top; background-size: cover; position: relative; z-index: 5}
.compete .part{margin-right: .1rem; padding: .1rem; position: relative; background:rgba(var(--rgb-fff)); border-radius: var(--br30);}
.compete .part:before{content: '';position: absolute; width: 100%; left: 0; top: 0; height: 1.8rem; background: linear-gradient(#e7f7fe,#fcfdfe);border-radius: var(--br30); z-index: 5}
.compete .part:after{content: '';position: absolute;top: -.1rem; left: .1rem; width:100%; height:100%; border-radius: var(--br30); background: linear-gradient(#4b90ff,#0248b8); z-index: -1}
.compete .part:not(:last-child){margin-bottom:9%}
.compete .inbox{ background: #fcfdfe; position: relative}
.compete .inbox:before,
.compete .inbox:after{content: ''; position: absolute; width: .78rem; height: .53rem; background: no-repeat; background-size: contain; z-index: 10}
.compete .inbox:before{left: .2rem; top: .2rem; background-image: url("../images/dianL.png")}
.compete .inbox:after{bottom: .2rem; right: .2rem; background-image: url("../images/dianR.png")}
.compete .title{font-size: var(--f32);transform: translateY(-.38rem);position: relative; z-index: 10}
.compete .title h3{position: relative; padding: 0; margin: 0; height: 1.1rem; padding: 0 1.1rem}
.compete .title h3:before,
.compete .title h3:after{content: ''; top: 0;  position:absolute; width: 50%; height: 100%; background: url("../images/compete_titbg.png") no-repeat; background-size: 200%;}
.compete .title h3:before{left: 0; background-position: left top}
.compete .title h3:after{right: 0; background-position: right top}
.compete .title h3 span{position: relative; color: rgba(var(--rgb-fff));line-height: .77rem; z-index: 3;}
.compete .title h3 span:after{content: ''; display: block; transform: translateY(-.28rem); height: .11rem; background: #05b2f0; z-index: -1; position: relative}
.compete .article{padding:0 3% 3% 3%; margin-top: -.3rem; line-height: 2; color: rgba(var(--rgb-666)); position: relative; z-index: 10}
.compete .btn{text-align: center;padding-bottom:3%}
.compete .btn a{display: inline-block;line-height: .48rem; padding: 0 2.2vw; color: rgba(var(--rgb-blue));border-radius: 25px;border: solid 1px #0248b8; cursor: pointer; transition: 0.5s}
.compete .btn a:hover{background:#0248b8; color: rgba(var(--rgb-fff));}
.compete .form{position: relative; z-index: 10; max-width: 750px; margin: auto}
.compete .form .group{margin-bottom: .2rem}
.compete .form .name{width: 1.4rem;text-align: right;}
.compete .form .name span{color: #f80000; padding-right: 5px;}
.compete .form .box{flex: 1; margin-left: .2rem;}
.compete .form label{color: rgba(var(--rgb-999))}
.compete .form label:not(.tips):not(:last-child){margin-right: .5rem}
.compete .form label.tips{position: absolute; line-height: .5rem; padding: 0 .2rem; }
.compete .form .text,
.compete .form select{width: 100%;height: .5rem; line-height: .5rem; border: none; padding: 0 .2rem; background-color: #ebf1fa;	border-radius: var(--br5);}
.compete .form textarea.text{height: 1.4rem}
.compete .form .btn{padding-top: 5%; padding-bottom: 5%}
.compete .form .btn a{padding: 0 3vw; background:#0248b8; color: rgba(var(--rgb-fff));}
.compete .form .btn a:hover{background: #05b2f0; border-color: #05b2f0}
.compete .form .tip{text-align: center;padding-bottom: 5%; color: #f82626;font-size: var(--f14)}
@media(max-width:1024px){
.compete .title h3{ padding: 0 .8rem;}
.compete .title h3 span{line-height: .6rem}
.compete .title h3 span:after{transform: translateY(-.18rem);}
}

.side_nav{position:absolute; right: .6rem; z-index:50; transition: 0.5s; top:.8rem}
.side_nav li{position: relative; padding-right: 15px;}
.side_nav li:not(:last-child){margin-bottom: 6px;}
.side_nav li a{display: block; cursor: pointer;text-align: center; width: 1.3rem; line-height: .4rem; border: solid 1px rgba(var(--rgb-blue)); border-radius: var(--br30); background: rgba(var(--rgb-fff)); transition: 0.5s}
.side_nav li a:after{content: '';position: absolute;width: 8px; height: 8px;border-radius: var(--br30);border: solid 1px rgba(var(--rgb-blue));margin: auto;right: 0; top: 0; bottom: 0; transition: 0.5s}
.side_nav li:not(:last-child) a:before{content: '';position: absolute; width: 1px; height:100%;right: 4px; top: 50%;background: rgba(var(--rgb-blue))}
.side_nav li.active a{background: rgba(var(--rgb-blue)); color: rgba(var(--rgb-fff))}
.side_nav li.active a:after{background: rgba(var(--rgb-blue));}
.side_nav.show_t{position: fixed; top: 1.5rem}
@media(max-width:1400px){
.side_nav{right: .2rem}
}
@media(max-width:768px){
.side_nav{position: fixed;width: 100%; top: auto!important; right:0; bottom: .1rem}
.side_nav ul{display: flex;}
.side_nav li{flex: 1;padding-right: 0; margin: 0 1%}
.side_nav li a{width: 100%}
.side_nav li a:before,
.side_nav li a:after{display: none}
}

.branch_search{position: relative; z-index: 10; padding-bottom: 4%}
.branch_search dl{width:28.57143%; position: relative}
.branch_search dt{line-height: .6rem; border-radius: var(--br30); color: rgba(var(--rgb-999)); padding: 0 .3rem; border: solid 1px #e4e6ed;cursor: pointer; position: relative; transition: 0.2s}
.branch_search dt:after{content: '';position: absolute;width: 14px; height: 14px; margin: auto; right: .3rem; top: 0; bottom: 0; background: url("../images/select_icon.svg") no-repeat center center;transition: 0.5s}
.branch_search dd{position: absolute;width: 100%; background: rgba(var(--rgb-fff));border: solid 1px #e4e6ed;border-radius: 0 0 var(--br30) var(--br30); overflow: auto;max-height:20em; display: none; z-index: 10}
.branch_search dd li:not(:last-child){border-bottom: solid 1px #e4e6ed}
.branch_search dd li a{display: block; padding: .1rem .3rem;transition: 0.5s; cursor: pointer}
.branch_search dd li a:hover{background: #e4e6ed}
.branch_search dl.show dt{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.branch_search dl.show dt:after{transform: rotate(180deg)}
.branch_search dl.key{width: 40%; display: flex}
.branch_search dl.key .text{width:90%; height: .6rem; border: solid 1px #e4e6ed; border-radius: var(--br30); padding: 0 .3rem; color: rgba(var(--rgb-999));}
.branch_search dl.key a{color:rgba(var(--rgb-fff)); line-height: .6rem;text-align: center;background: rgba(var(--rgb-blue));border-radius: var(--br30); width:23.5%;position: absolute;right: 0;top: 0; cursor: pointer; transition: 0.5s}
.branch_search dl.key a:hover{background: #05b2f0}
@media(max-width:768px){
.branch_search dl{width: 49%}
.branch_search dl.key{width: 100%; margin-top: 2%}
}

.branch_list li{width: 100%; background: var(--bg-gray); border-radius: var(--br10);}
.branch_list li a{display: block;position: relative; padding: .3rem}
.branch_list li p{ font-weight: var(--fwL)}
.branch_list li .info:before{content: '';position: absolute; left: 0; transform: translateY(8px); width: 3px; height: 18px;background: rgba(var(--rgb-blue))}
.branch_list li .info h4{font-size: var(--f20);width: 80%}
.branch_list li .desc b{font-size: var(--f18);color: rgba(var(--rgb-blue))}
.branch_list li .txt p{display: flex; padding-top: .05rem;padding-bottom: .05rem}
.branch_list li .txt p em{font-style: normal; white-space: nowrap}
.branch_list li .txt p span{flex: 1}
.branch_list li .txt p:nth-child(odd){width: 62%}
.branch_list li .txt p:nth-child(even){width: 32%}
.branch_list li:hover{background: no-repeat;background-size: cover}
.branch_list li:hover *{color: rgb(var(--rgb-fff))}
.branch_list li:hover .desc b{color: rgb(var(--rgb-fff))}
.branch_list ol li a{padding-top: .5rem; padding-bottom: .5rem; background: url("../images/K.svg") no-repeat 90% bottom; background-size: 16%}
.branch_list ol li .desc{width:90%; padding-bottom: .2rem;margin-bottom: .1rem; border-bottom: dotted 1px #cdcecf}
.branch_list ol li .info h4{font-size: var(--f30);margin-bottom: .2rem}
.branch_list ol li .info:before{width: 4px; height: 28px}
.branch_list ol li .info p{line-height: 2}
.branch_list ol li .txt p{padding-left: 30px; background:no-repeat left}
.branch_list ol li .txt p.lx{background-image: url(../images/icon_lx.svg)}
.branch_list ol li .txt p.xm{background-image: url(../images/icon_xm.svg)}
.branch_list ol li .txt p.dz{background-image: url(../images/icon_dz.svg)}
.branch_list ol li .txt p.sj{background-image: url(../images/icon_sj.svg)}
.branch_list ol li:hover{background-color:rgba(var(--rgb-blue));}
.branch_list ol li:hover .txt p{filter: brightness(0) invert(1);}
.branch_list ul li{margin-top: 2.14284%}
.branch_list ul li .txt{padding-top: .2rem}
.branch_list ul li:hover{background-image: url("../images/li_bg6.png");}
@media(min-width:1024px){
.branch_list ol li .info h4{width: 100%}
.branch_list ol li .info .more-icon{display: none}
.branch_list ol li .desc .more-icon{position: absolute; right: .3rem; transform: translateY(4px)}
.branch_list ul li{width: 48.92858%;}
}
@media(max-width:768px){
.branch_list li .txt p{width: 100%!important}
.branch_list li .more-icon:before{width: 25px;}
.branch_list ol li .desc{width: 100%}
.branch_list ol li .desc .more-icon{display: none}
.branch_list ul li{margin-top: 4%}
}

.dongtai_list li{ background: var(--bg-gray); border-radius: var(--br10);}
.dongtai_list li a{padding: .25rem .3rem;line-height: 1.5; position: relative}
.dongtai_list li h4{font-size: var(--f20);}
.dongtai_list li p{color: rgb(var(--rgb-999));line-height: 2}
.dongtai_list li time{color: rgb(var(--rgb-999));}
.dongtai_list li:not(:first-child){margin-top: .2rem}
.dongtai_list ul li a{flex-wrap: nowrap; }
.dongtai_list ul li time{border-right: solid 1px #dcdee0; padding-right: .3rem; line-height:1.087}
.dongtai_list ul li time span{display: block; font-size: var(--f30);}
.dongtai_list ul li h4{flex: 1; margin-left:.3rem; }
.dongtai_list ol li{margin-bottom: .2rem}
.dongtai_list ol li a{display: block}
.dongtai_list ol li .date{color: rgb(var(--rgb-999));}
.dongtai_list ol li h4{margin: .15rem 0}
.dongtai_list li:hover{background: url("../images/li_bg8.png") no-repeat; background-size:cover}
.dongtai_list li:hover a,
.dongtai_list li:hover .date,
.dongtai_list li:hover time,
.dongtai_list li:hover h4,
.dongtai_list li:hover p{color: rgb(var(--rgb-fff));}
.dongtai_list ol li:hover{background-image: url("../images/li_bg10.png")}
.dongtai_list li.tips{background: #fce8e9;}
.dongtai_list li.tips a{line-height: .8rem; padding-left:0; padding-top:0; padding-bottom:0}
.dongtai_list li.tips h4{display: flex; flex:none; color: rgba(var(--rgb-fff));background:#e01a23; margin-left:0 ; border-bottom-left-radius:  var(--br10);border-top-left-radius:  var(--br10); position: relative}
.dongtai_list li.tips h4 span{font-size: var(--f18);font-weight: normal}
.dongtai_list li.tips h4:before,
.dongtai_list li.tips h4:after{content: ''; width:.6rem; }
.dongtai_list li.tips h4:before{background: url("../images/stock_titicon.svg") no-repeat right; margin-right: .2rem}
.dongtai_list li.tips h4:after{background: url("../images/stock_titbg.svg") no-repeat right; transform: translateX(.3rem); z-index: 10;position: relative}
.dongtai_list li.tips:not(:hover) .more-icon:after{background: #e01a23}
@media(min-width:768px){
.dongtai_list ol li p{width: 80%}
.dongtai_list ol li .more-icon{position: absolute; right: .3rem; bottom: .5rem}
}
@media(max-width:768px){
.dongtai_list li a{padding: .2rem;}
.dongtai_list ol li .more-icon:before{ width: 86px; background: url(../images/more_line.png) no-repeat right center;}
.dongtai_list ol li:not(:hover) .more-icon:before{filter:none}
.dongtai_list ol li:hover .more-icon:not(.arrow):before {background: url(../images/more_line_blue.png) no-repeat right center;}
}


.branch_company{padding: .5rem;background: var(--bg-gray) url(../images/K2.svg) no-repeat 90% top;background-size:18.7%;border-radius:  var(--br10);}
.branch_company .title{font-size: var(--f30); padding: 0; margin: 0; line-height: 1; position: relative}
.branch_company .title:before{content: '';left: -.5rem; position: absolute;width: 4px; height: 100%;background: rgba(var(--rgb-blue))}
.branch_company .info{padding: 2% 0;margin-bottom:3%; line-height: 2; border-bottom: dotted 1px #c6c6c7}
.branch_company .info p{padding: 0; margin: 0}
.branch_company .details{padding: .4rem; border-radius:var(--br15);background: rgba(var(--rgb-fff))}
.branch_company .sub{font-size: var(--f18);color: rgba(var(--rgb-blue)); padding: .2rem 0}
.branch_company .article{padding-bottom: 2%; line-height: 2; color: rgba(var(--rgb-666))}
.branch_company .photo{position: relative; padding: 0 7.378%}
.branch_company .photo .item{background: #fff; padding: .5rem 0}
.branch_company .photo figure{padding-bottom: 74.372%}
.branch_company .photo p{text-align: center; padding: .2rem 0}
.branch_company .swiper{position: inherit}
.branch_company .photo.list{padding: 0}
.branch_company .photo.list .swiper-wrapper{display: flex; gap: .2rem}
.branch_company .photo.list .swiper-slide{flex: 1}
.branch_company .photo.list .arrow{display: none}
.branch_company .arrow{background: none; box-shadow: none}
.branch_company .arrow:after{background-image: url("../js/swiper/arrow2.svg");filter:none}
.branch_company .swiper-horizontal .swiper-slide:not(.swiper-slide-active) p{opacity: 0}
.branch_company .swiper-horizontal .swiper-slide:not(.swiper-slide-active) figure{opacity: 0.8}
.branch_company .swiper-slide-active figure{box-shadow: 0 0 30px rgba(0,0,0,0.5)}
@media(max-width:640px){
.branch_company{padding: .2rem}
.branch_company .title:before{left: -.2rem}
.branch_company .details{padding: .2rem}
}

.rjxz_list .item{width: 48.92858%;background-color:var(--bg-gray); border-radius: var(--br10);overflow: hidden; transition: 0.5s}
.rjxz_list .title{padding:.1rem .3rem; background: url("../images/li_bg11.png") no-repeat center top; background-size: 100%; min-height: 1.4rem;align-content:center}
.rjxz_list .title h4{font-size: var(--f24); display: inline-block; margin-right: 5px;}
.rjxz_list .title label{margin-right: 5px;display: inline-block;color: rgba(var(--rgb-red)); padding:0 .1rem; border: solid 1px rgba(var(--rgb-red)); font-weight: var(--fwB); border-radius: var(--br30);}
.rjxz_list .title .date{width: 100%; padding-top: .15rem; color: rgba(var(--rgb-666))}
.rjxz_list .info{padding: .3rem;color: rgba(var(--rgb-666)); line-height: 2}
.rjxz_list .sub{font-weight: var(--fwB);}
.rjxz_list .txt{padding-bottom: .2rem}
.rjxz_list .down{padding-top: .4rem}
.rjxz_list .down a{display:inline-flex; color: rgba(var(--rgb-blue))}
.rjxz_list .more-icon{margin: inherit; margin-left: .1rem}
.rjxz_list .more-icon:before{filter: brightness(0) invert(1);background-image:url(../images/down_jt_blue.svg)}
.rjxz_list .item:hover .more-icon:after{background: rgb(var(--rgb-blue));}
.rjxz_list .item:hover{background:rgba(var(--rgb-fff)) ; box-shadow: 0px 4px 20px 0px rgba(2, 72, 184, 0.1);}
@media(min-width:1024px){
.rjxz_list .item:nth-child(2)~.item{margin-top: 2.14284%}
}
@media(max-width:1024px){
.rjxz_list .item{width: 100%}
.rjxz_list .item:not(:first-child){margin-top: 4%}
}

.yykh_form .title{text-align: center; padding-bottom: .3rem}
.yykh_form .title h3{font-size: var(--f24)}
.yykh_form .title p{color: rgba(var(--rgb-666)); padding: .1rem 0}
.yykh_form .title p span{color: rgba(var(--rgb-red))}
.yykh_form .box{display: flex;align-items: center; background-color:var(--bg-gray); border-radius: var(--br30);overflow: hidden; position: relative; z-index: 2}
.yykh_form .photo{width: 40%}
.yykh_form .form{flex: 1; padding: .60rem;}
.yykh_form .form .group{margin-bottom: .2rem;}
.yykh_form .form .group.full{width: 100%}
.yykh_form .form .name{color: rgba(var(--rgb-666)); padding-bottom: .1rem}
.yykh_form .form .name span{color: rgba(var(--rgb-red)); padding-right: 5px;}
.yykh_form .form .tips{line-height: .5rem; position: absolute;color: rgba(var(--rgb-999));padding: 0 .2rem}
.yykh_form .form .text,
.yykh_form .form select{width: 100%;height: .5rem; line-height: .5rem; border:solid 1px #d8dde5; padding: 0 .2rem; background: none; border-radius: var(--br5);}
.yykh_form .form textarea.text{height: 1.4rem}
.yykh_form .form select{color: rgba(var(--rgb-999));}
.yykh_form .form .btn{padding-top:.2rem;}
.yykh_form .form .btn input[type="button"]{width: 1.5rem; line-height: .5rem; background:rgba(var(--rgb-blue)); color: rgba(var(--rgb-fff));cursor: pointer; border: none;border-radius: var(--br5);}
.yykh_form .form .btn input[type="button"]:hover{background: #05b2f0; border-color: #05b2f0}
.yykh_form .form .info{width: 100%; padding-top: 4%}
@media(min-width:768px){
.yykh_form .form{display: flex; flex-wrap: wrap; justify-content: space-between}
.yykh_form .form .group{width: 48%}
}
@media(max-width:768px){
.yykh_form .photo{width:1000%;position: absolute; bottom: 0;z-index: -1; opacity: 0.05}
.yykh_form .form{padding: .2rem}
}

.sub_column {padding-bottom: .2rem}
.sub_column h3{font-size: var(--f30); padding: 0; margin: 0; display: flex; align-items: center}
.sub_column h3:before{content: '';display: block; width: .06rem; height:.27rem;margin-right: .14rem;background:rgba(var(--rgb-blue))}
.sub_column p{padding-left: .2rem; font-weight: var(--fwL)}


.sub_title {margin-bottom:.3rem; position: relative;}
.sub_title h3{font-size: var(--f30);padding: 0; margin: 0}
.sub_title h3 i{color:  rgba(var(--rgb-blue)); font-style: normal}
.sub_title span a{display: flex; align-items: center}
.sub_title .more-icon.arrow{margin: inherit; margin-left: .1rem}
.sub_title .more-icon.arrow:before{filter: brightness(0) invert(1);}

.main.tzzjy{padding-bottom: 0}
.tzzjy_main .part1{padding-bottom: 4.167% }
.tzzjy_main .part1 .list li{width: 24%; line-height: .26rem;}
.tzzjy_main .part1 .list li a{display: block; padding:6.105%; background: linear-gradient(90deg,#fcfdff,#eff5ff);border-radius: var(--br10); position: relative}
.tzzjy_main .part1 .list li figure{padding-bottom:66.445%; border-radius: var(--br10);}
.tzzjy_main .part1 .list li .info{padding: .27rem 0}
.tzzjy_main .part1 .list li h4{font-size: var(--f18);font-weight: var(--fwR); margin-top: .1rem}

.tzzjy_main .part1 .list li time{border: solid 1px #d8dde6; padding: 0 .1rem;border-radius: var(--br5); display: inline-block;}
.tzzjy_main .part1 .list li:not(:first-child) p{display: none}
.tzzjy_main .part1 .list li:not(:first-child) .more-icon{display: none}
.tzzjy_main .part1 .list li:first-child{width: 49.286%; }
.tzzjy_main .part1 .list li:first-child a{padding: 0; color: rgba(var(--rgb-fff))}
.tzzjy_main .part1 .list li:first-child figure{padding-bottom:51.305%; }
.tzzjy_main .part1 .list li:first-child .info{z-index: 10; position: absolute; left: 8%; right: 35%; top: 10%;}
.tzzjy_main .part1 .list li:first-child h4{font-size: var(--f20);}
.tzzjy_main .part1 .list li:first-child p{ margin-top: .1rem; margin-bottom: .4rem}
.tzzjy_main .part1 .list li:first-child time{display: none}

.tzzjy_main .part2{padding: 4.167% 0; background: url(../images/flywgz_bg.jpg) no-repeat center center; background-size:cover}
.tzzjy_main .left_box{width: calc(98% - 3.35rem)}
.tzzjy_main .left_box .tabs-main{display: flex; align-items: flex-start}
.tzzjy_main .left_box .tabs-title{width: 1.4rem; background:rgba(var(--rgb-blue)) url("../images/tab-bg.png") no-repeat left center; background-size:contain;border-radius: .1rem 0 0 .1rem; padding: .1rem 0 .1rem .1rem; overflow: hidden}
.tzzjy_main .left_box .tabs-title li{padding-left: .24rem; line-height: .56rem; color: rgba(var(--rgb-fff));font-size: var(--f18); cursor: pointer;border-radius: .1rem 0 0 .1rem;}
.tzzjy_main .left_box .tabs-title li.show{color: rgba(var(--rgb-blue)); background: #f2f5fb url("../images/more_jt_blue.svg") no-repeat 90% center}
.tzzjy_main .left_box .tabs-group{flex: 1; background: rgba(var(--rgb-fff),0.5); padding: .3rem .3rem .2rem .3rem;border-radius: var(--br10);}
.tzzjy_main .left_box .ul_list li{padding-top: .15rem; padding-bottom: .15rem}
.tzzjy_main .right_box{width:3.35rem}
.tzzjy_main .right_box .list{background: rgba(var(--rgb-fff),0.5); padding:.2rem .3rem;border-radius: var(--br10); }
.tzzjy_main .right_box .ul_list li{padding-top:.05rem; padding-bottom:.05rem; border-bottom: none}
.tzzjy_main .right_box .ul_list li h4{font-size: var(--f18);font-weight: var(--fwR)}
.tzzjy_main .right_box .ul_list li time{float: none}
.tzzjy_main .gyxc{padding: 4.167% 0; background: url(../images/gyxc_bg.jpg) no-repeat center center; background-size:cover}
.tzzjy_main .left_video{width: 60%}
.tzzjy_main .left_video figure{position: relative;border-radius: var(--br10); overflow: hidden; background: rgba(var(--rgb-000)); padding-bottom:55.953%;}
.tzzjy_main .left_video figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-fit: cover; opacity: 0.5}
.tzzjy_main .left_video .open-video{position: absolute; display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 10; cursor: pointer}
.tzzjy_main .left_video .open-video::before,
.tzzjy_main .left_video .open-video::after {background: rgba(255,255,255,0.3);position: absolute;left: 0;top: 0; right: 0; bottom: 0; content: '';border-radius: 50%;-webkit-animation: quan 2s linear infinite;opacity: 0;margin:auto;}
.tzzjy_main .left_video .open-video:before{width:1rem;height:1rem;}
.tzzjy_main .left_video .open-video:after {width:.6rem;height:.6rem;-webkit-animation-delay: .5s;}
.tzzjy_main .left_video .open-video i{width: 30px; height: 30px; background: url("../images/play.svg") no-repeat center center;}
.tzzjy_main .left_video .root-popup-videobox{position: absolute;}
.tzzjy_main .left_video .root-popup-videobox .inner{width: 100%; height: 100%}
.tzzjy_main .left_video .root-popup-videobox .inner video{height: 100%; object-fit: fill}
.tzzjy_main .right_list{width:38.572%; padding: 2%; background: rgba(var(--rgb-fff));border-radius: var(--br10);}
.tzzjy_main .right_list .ul_list li{font-size: var(--f18); padding: .15rem .1rem .15rem .27rem ;}
.tzzjy_main .right_list .ul_list li:before{top: .25rem; left: .1rem}
.tzzjy_main .right_list .ul_list li:hover{background-color:var(--bg-gray)}
.tzzjy_main .right_list .ul_list li:hover a{color: rgba(var(--rgb-blue)); }

.tzzjy_main .pxgg{padding-top: 4.167%}

.tzzjy_main .tzzbh{padding: 4.167% 0}
.tzzjy_main .tzzbh_list .swiper-pagination{padding-top: .3rem}

.tzzjy_main .dongtai_list ul li a{padding-top: .15rem; padding-bottom: .15rem}
.tzzjy_main .dongtai_list ul li h4{font-size: var(--f18); font-weight: var(--fwR)}

.tzzjy_main .inbox{padding-bottom:4.167% }
.tzzjy_main .AML_list li{padding-top: .3rem; border-radius:var(--br10);background: var(--bg-gray); overflow: hidden}
.tzzjy_main .AML_list li:not(:first-child){margin-top: .2rem}
.tzzjy_main .AML_list li .pic{width:37.32%}
.tzzjy_main .AML_list li .pic figure{padding-bottom: 66.41%; border-radius:0 .1rem .1rem .1rem;}
.tzzjy_main .AML_list li .txt{width: 62.68%; padding: 0 .3rem}
.tzzjy_main .AML_list li h4{font-size: var(--f20);}
.tzzjy_main .AML_list li p{margin: .1rem 0;line-height: 2; color: rgba(var(--rgb-666))}
.tzzjy_main .AML_list li time{color: rgba(var(--rgb-666))}
.tzzjy_main .AML_list li:hover{background: url("../images/li_bg6.png") no-repeat;background-size: cover}
.tzzjy_main .AML_list li:hover *{color: rgba(var(--rgb-fff))}

.tzzjy_main .finance_list li{border-radius:var(--br10);;padding:5%;background: linear-gradient(90deg,#fcfdfe,#f5f7fa)}
.tzzjy_main .finance_list li:not(:first-child){margin-top: .2rem}
.tzzjy_main .finance_list li h4{font-size: var(--f18); font-weight: var(--fwR); margin-bottom: .12rem}
.tzzjy_main .finance_list li time{color: rgba(var(--rgb-666))}
.tzzjy_main .finance_list li:hover{background: url("../images/li_bg6.png") no-repeat;background-size: cover}
.tzzjy_main .finance_list li:hover *{color: rgba(var(--rgb-fff))}
@media(min-width:1024px){
.tzzjy_main .dongtai_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.tzzjy_main .dongtai_list ul li{width:49.2858%}
.tzzjy_main .dongtai_list ul li:nth-child(2){margin-top: 0}
.tzzjy_main .dongtai_list ul li .more-icon{display: none}
.tzzjy_main .inbox .box{width:49%}
}
@media(max-width:1024px){
.tzzjy_main .part1 .list li{width: 48%}
.tzzjy_main .part1 .list li:first-child{width: 100%; margin-bottom: 4%}
.tzzjy_main .part1 .list li:first-child .info{right: 8%}
.tzzjy_main .part1 .list li:first-child p{margin-bottom: .2rem}
.tzzjy_main .left_box{width: 100%}
.tzzjy_main .right_box{width: 100%;padding-top: 4%}
.tzzjy_main .inbox .box{width:100%}
.tzzjy_main .inbox .box.right{padding-top: 4%}
.tzzjy_main .left_video,
.tzzjy_main .right_list {width: 100%}
}
@media(max-width:640px){
.tzzjy_main .left_box .tabs-main{display: block}
.tzzjy_main .left_box .tabs-title{width: 100%;border-radius:.1rem;padding:.1rem;}
.tzzjy_main .left_box .tabs-title ul{ display: flex}
.tzzjy_main .left_box .tabs-title ul li{flex: 1; padding: 0;border-radius:.1rem;text-align: center}
.tzzjy_main .AML_list li{padding: 0}
.tzzjy_main .AML_list li .pic{width: 100%}
.tzzjy_main .AML_list li .txt{padding:4%; width: 100%}
}
@-webkit-keyframes quan {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1.5);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}

.wskh_plan {padding-bottom: 4.167%}
.wskh_plan .box{display: flex;flex-wrap:wrap; align-items: center}
.wskh_plan .info{width:2.8rem; position: relative;background: rgba(var(--rgb-blue)); border-radius: var(--br20); overflow: hidden}
.wskh_plan .txt{text-align: center; position: relative; z-index: 2; color: rgba(var(--rgb-fff)); padding:22.86% 4%; line-height: 2}
.wskh_plan .txt h4{font-size: var(--f24);}
.wskh_plan .more{padding-top: .22rem}
.wskh_plan .more a{width: 1.4rem; line-height: .5rem; text-align: center; display: inline-block; color: rgba(var(--rgb-blue)); background: rgba(var(--rgb-fff)); border-radius: var(--br30)}
.wskh_plan .pic img{position: absolute; top: 0; width: 100%; height: 100%; opacity: 0.49}
.wskh_plan .list{flex: 1}
.wskh_plan .list li{width:16.66666666666667%; padding-left:2.381%}
.wskh_plan .list li p{font-size: var(--f20); text-align: center; margin:0; padding: .15rem 0}
.wskh_plan .list li figure{position: relative; background: #ebf1fa;border-radius: var(--br20); transition: 0.5s}
.wskh_plan .list li figure img{object-fit: none;-o-object-fit: none; transition: 0.5s}
.wskh_plan .list li figure img:nth-child(2){opacity: 0}
.wskh_plan .list li:hover figure{background: rgba(var(--rgb-blue))}
.wskh_plan .list li:hover figure img:nth-child(1){opacity: 0}
.wskh_plan .list li:hover figure img:nth-child(2){opacity: 1}
@media(max-width:1024px){
.wskh_plan .list li{width:33.333%;padding-left: 10%}
}
@media(max-width:640px){
.wskh_plan .info{width: 100%}
.wskh_plan .txt{padding: 10% 4%}
.wskh_plan .list{flex: initial;width: 100%}
.wskh_plan .list li{padding: 2%}
}

.wskh_help{padding: 4.167% 0; background: var(--bg-gray)}
.wskh_help .box{width: 47.85715%}
.wskh_help .list .ul_list{font-size: var(--f18);}
.wskh_help .list .ul_list li{padding-bottom: .15rem}
.wskh_help .list .ul_list li:not(:first-child){margin-top: .15rem;}
.wskh_help .left .inbox{display: flex; justify-content: space-between}
.wskh_help .left .pic{width:38.21%; margin-right: 4.5%}
.wskh_help .left .pic img{border-radius: var(--br10)}
.wskh_help .left .list{flex: 1}
.wskh_help .right .ul_list a{ color: rgba(var(--rgb-blue));display: inline-block}
.wskh_help .more{padding-top: .22rem;}
.wskh_help .more a{width: 1.4rem; line-height: .5rem; text-align: center; display: inline-block; color: rgba(var(--rgb-fff)); background: rgba(var(--rgb-blue)); border-radius: var(--br30)}
@media(max-width:768px){
.wskh_help .box{width: 100%;}
.wskh_help .box:not(:last-child){padding-bottom: 5%}
}

.wskh_bankcard{padding-top: 4.167%}
.wskh_bankcard .list figure {width: 100%; display: flex; justify-content: center; align-items: center; height: 1.2rem; background: #f5f7fa;border-radius: var(--br10)}
.wskh_bankcard .list figure img{max-width: 80%; max-height: 80%;mix-blend-mode:multiply}
.wskh_bankcard .list p{display: none}
.wskh_bankcard .list ul{ display: flex; flex-wrap: wrap;}
.wskh_bankcard .list li{width:20%;padding:.14rem;}
@media(max-width:1024px){
    .wskh_bankcard .list li{width:33.333%;}
}
@media(max-width:640px){
.wskh_bankcard .list li{width:50%;}
.wskh_bankcard .list figure{height:1rem;}
}

.hot_news.swiper{margin-bottom: 4%}
.hot_news li{padding-top: .46rem;}
.hot_news li a{display: block; border-radius: var(--br20); background: linear-gradient(-90deg,rgba(245,247,250,1),rgba(245,247,250,0))}
.hot_news li .pic{width:92.108%; transform: translateY(-.46rem)}
.hot_news li .pic figure{padding-bottom:67.145%;-webkit-mask-image: url("../images/path_news.svg");-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;}
.hot_news li time{position: absolute; right: 0}
.hot_news li time span{font-size: var(--f30);}
.hot_news li time i{padding: 0px .1rem; font-size: var(--f24); color: #ccced0}
.hot_news li .txt{padding: .3rem; position: relative}
.hot_news li h4{font-size: var(--f18); line-height: .28rem; height: .56rem}
.hot_news li p{color: rgba(var(--rgb-666)); line-height: .26rem; height: .52rem; margin: .2rem 0} .hot_news li:hover a{background: linear-gradient(-90deg,rgba(var(--rgb-blue),1),rgba(var(--rgb-blue),0.3))}
.hot_news li:hover a *{color: rgba(var(--rgb-fff))!important}
.hot_news.swiper-horizontal .swiper-pagination{padding-top: .3rem}

.news_list li{ background: var(--bg-gray); border-radius: var(--br10);}
.news_list li a{ padding: .3rem;line-height: 1.5; position: relative}
.news_list li .text{width: calc(98% - .9rem);line-height: .3rem; padding:.1rem 10% .1rem 0; position: relative}
.news_list li h4{font-size: var(--f20);}
.news_list li p{color: rgb(var(--rgb-666));}
.news_list li .date{color: rgb(var(--rgb-999));width: .9rem; text-align: center; line-height:.3rem;  border-radius: 5px; overflow: hidden; box-shadow:inset 0 0 0 1px #dfe1e3}
.news_list li .date span{display: block;line-height: .6rem; color: rgb(var(--rgb-fff)); font-size: var(--f30);background: rgba(var(--rgb-blue),1)}
.news_list li .more-icon{position: absolute; top: 0; bottom: 0; right: 0; margin: auto}
.news_list li:not(:first-child){margin-top: .2rem}
.news_list li:hover{background: url("../images/li_bg9.png") no-repeat; background-size:cover}
.news_list li:hover a,
.news_list li:hover p{color: rgb(var(--rgb-fff));}
.news_list li:hover .date{color: rgb(var(--rgb-fff));background: rgba(var(--rgb-fff),0.2); box-shadow: none}
.news_list li:hover .date span{background: rgba(var(--rgb-fff),0.4)}
@media(max-width:768px){
.news_list li a{padding: .2rem;}
.news_list li .date{width: .7rem}
}

.search-list ul li{padding: 1.5% 0; border-bottom: solid 1px rgba(var(--rgb-000), 0.08);}
.search-list ul li time{float: right; opacity: 0.8}

.article-details .title{text-align: center; border-bottom: solid 1px #e5e5e5}
.article-details .title h1{font-size: var(--f30)}
.article-details .title p{padding: 2% 0}
.article-details img{max-height: inherit!important}
.article-details .article{font-size: var(--f18);max-width: 1120px;padding: 3% 0;margin: auto; line-height: 2}

.prev-next{line-height:2.5; padding-top: 3%; border-top: solid 1px #e5e5e5}
.prev-next .back{text-align: right}
.prev-next .back a{display: inline-block;color: rgba(var(--rgb-fff)); background: rgba(var(--rgb-red)); border-radius: var(--br30); padding: 0 .4rem}
.prev-next p{margin-top: .05rem}

.single-article{}
.single-article .article{padding-bottom:3%}

.sitemap .item{padding: .2rem 0; border-bottom: solid 1px #ddd;}
.sitemap a{display: inline-block}
.sitemap h3{padding: 0; margin: 0; font-size: var(--f18);}
.sitemap ul{padding: .1rem 0}
.sitemap li{padding-right: .2rem}

.Pages,
.Pages .p_page,
.Pages .p_page em,
.Pages .p_page a{ display: flex; align-items: center; justify-content: center}
.Pages{padding-top: .55rem}
.Pages .p_cur,
.Pages .p_total,
.Pages .p_page .a_first,
.Pages .p_page .a_end,
.Pages .p_jump{display: none}
.Pages .p_page em{font-style: normal; padding: 0 .2rem}
.Pages .p_page a{ width: .54rem; height: .54rem; margin:0 .04rem; border-radius: 100%;}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{font-size: 0; background: var(--bg-gray);}
.Pages .p_page .a_prev::before,
.Pages .p_page .a_next::before{content: '';width: 100%; height: 100%; display: block; background: url("../images/page_jt.svg") no-repeat center center}
.Pages .p_page .a_next::before{transform: rotate(180deg)}
.Pages .p_page .no{cursor: default;}
.Pages .p_page .a_cur,
.Pages .p_page a:not(.no):hover{color: #fff; background:var(--hover-color);  border-color: var(--hover-color) }
.Pages .p_page a.no::before,
.Pages .p_page a:not(:hover)::before{filter: grayscale(100%) brightness(50%); }
.Pages .p_count{padding-left: .3rem}
.Pages .p_jump input[type=text]{background: none; margin: 0 .1rem}
.Pages .p_jump input[type=button]{background:var(--hover-color); border-color:var(--hover-color); color: #fff; cursor: pointer}
@media(max-width:640px){
.Pages .p_page a{width: .40rem; height: .40rem;}
.Pages .p_page em{padding: 0 .1rem}
}

.phone-guide{position:relative;display:flex;justify-content:center;align-items:center; z-index:1}
.phone-guide .box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.7rem;height:2.7rem;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;transition:all .3s ease;box-shadow:0 0 0 0.8vw rgba(var(--rgb-blue));background:#fff url("../images/tel.svg") no-repeat center center}
.phone-guide .box:hover{transform:translate(-50%,-50%) scale(1.05)}
.phone-guide .title{font-size:var(--f20);}
.phone-guide .phone{font-size:var(--f30); font-weight: var(--fwB); color: rgba(var(--rgb-blue))}
.phone-guide .group{position:relative;width:32.813vw;height:32.813vw; box-shadow: 0 0 0 0.5vw rgba(var(--rgb-blue),0.1); border-radius: 50%}
.segment{top:50%;left:50%;position:absolute;width:100%;height:100%;overflow:hidden;border-radius:50%;transition:all .3s ease;cursor:pointer;clip-path:polygon(50% 50%,100% 0,100% 50%)}
.segment figure{position:absolute;top:50%;left:50%;width:50%;height:50%;transform:translate(0,-98%);transition:transform .3s ease}
.segment figure img{width:100%;height:100%}
.segment:hover{z-index:5}
.segment-1{transform:translate(-50%,-50%) rotate(0)}
.segment-2{transform:translate(-50%,-50%) rotate(45deg)}
.segment-3{transform:translate(-50%,-50%) rotate(90deg)}
.segment-4{transform:translate(-50%,-50%) rotate(135deg)}
.segment-5{transform:translate(-50%,-50%) rotate(180deg)}
.segment-6{transform:translate(-50%,-50%) rotate(225deg)}
.segment-7{transform:translate(-50%,-50%) rotate(270deg)}
.segment-8{transform:translate(-50%,-50%) rotate(315deg)}
.labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.label{position:absolute;color:#2c3e50;cursor:pointer;pointer-events:all;transition:all .3s ease;z-index:15}
.label h4{font-size: var(--f20); padding: 0; margin: 0; line-height:50px}
.label span{color: rgba(var(--rgb-666)); font-weight: var(--fwL); position: relative}
.label span::before{content:'';position:absolute;width:8px;height:8px;background:rgba(var(--rgb-blue));border-radius:50%;top:50%;transform:translateY(-50%);transition:all .3s ease}
.label span::after{content: '';position: absolute; top: 50%; width:800%; height: 1px;background:rgba(var(--rgb-blue),0.2);}
.label:hover span::before{transform:scale(1.1);background:#e74c3c;transform:translateY(-50%) scale(1.5)}
.label-1 span::before,
.label-2 span::before,
.label-3 span::before,
.label-4 span::before{left:-20px}
.label-1 span::after,
.label-2 span::after,
.label-3 span::after,
.label-4 span::after{right: 150%}
.label-5,
.label-6,
.label-7,
.label-8{text-align: right}
.label-5 span::before,
.label-6 span::before,
.label-7 span::before,
.label-8 span::before{right: -20px}
.label-5 span::after,
.label-6 span::after,
.label-7 span::after,
.label-8 span::after{left: 150%}
.label-1{top:5%;left:80.42%;}
.label-2{top:35%;left:88.214%;}
.label-3{top:65%;left:88.214%;}
.label-4{top:80%;left:76.5%}
.label-5{top:80%;right:76.5%;}
.label-6{top:65%;right:88.214%}
.label-7{top:35%;right:88.214%;}
.label-8{top:5%;right:80.42%}
@media(max-width:640px){
    
    .phone-guide{ margin-bottom: .5rem;}
.phone-guide .group{width:55vw;height:55vw;}
.phone-guide .box{width:30vw;height:30vw;}
.label span::after{width: 200%}
.label h4{line-height: 20px;font-size:var(--f16);}
.phone-guide .title{font-size:var(--f16);}
.phone-guide .phone{font-size:var(--f20);}
.label-4,
.label-5{top: 90%;}
}

/*index start*/
.banner-slide{position: relative;}
.banner-slide .infobox{color: rgba(var(--rgb-fff));position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.banner-slide h3{font-size: calc(64/1920*100vw)}
.banner-slide h4{font-size: var(--f20)}
.banner-slide .swiper-pagination-bullet{background:rgba(var(--rgb-fff)); border: none; opacity: 0.4}
.banner-slide .swiper-pagination-bullet-active{width: 30px;border-radius:var(--br10); opacity: 1}
.banner-slide .arrow{z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: .5rem; height: .5rem; border-radius: 100%;cursor: pointer; background:rgba(var(--rgb-fff),0.2)}
.banner-slide .arrow:before{content: ''; position: absolute; width: 100%; height: 100%;background: url(../images/arrow.svg) no-repeat center center}
.banner-slide .prev{left: 3%}
.banner-slide .next{right: 3%}
.banner-slide .next:before{transform: rotate(180deg)}
.banner-slide .arrow:hover{background:rgba(var(--rgb-red),1)}
.banner-slide .pages{display: flex; justify-content: center;position: absolute; bottom:4%; width: 100%; z-index: 10}

.indbox{padding: 4% 0}
.indbox .more-icon.arrow{margin: inherit; margin-left: .1rem}
.indbox .more-icon.arrow:before{filter: brightness(0) invert(1);}

.ind_title {margin-bottom:.4rem; position: relative;}
.ind_title h3{font-size: var(--f30);padding: 0; margin: 0}
.ind_title h3 i{color:  rgba(var(--rgb-blue)); font-style: normal}
.ind_title span a{display: flex; align-items: center}



.ind_other{padding-top: 3%; background: url("../images/indbg_other.jpg") no-repeat center top; background-size:cover}

.ind_stock{margin-bottom:4%; border-bottom: solid 2px #ebedf5}
.ind_stock h3{font-size: var(--f24);padding-left: .3rem;padding-right: .58rem; line-height: .8rem; background: url("../images/stock_titbg.svg") no-repeat right;transform: translateY(2px)}
.ind_stock h3 em{color: rgba(var(--rgb-fff));padding-left: .28rem; background: url("../images/stock_titicon.svg") no-repeat left}
.ind_stock ul{flex: 1;padding: 0 0 0 7%}
.ind_stock ul li{width: 20%}
.ind_stock ul li:not(:last-child){border-right: solid 1px #e4e6ed}
.ind_stock ul li span{display: block;}
.ind_stock ul li b{font-size: var(--f20);}
@media(max-width:1024px){
.ind_stock ul{padding: 0}
.ind_stock ul li{width:45%; padding:2% 0}
.ind_stock ul li:nth-child(even){border-right: none}
.ind_stock ul li:nth-child(2)~li{margin-top: 2%}
}

.ind_quicknav li{width: 13.2143%; margin: 1% 0}
.ind_quicknav li a{display: block;padding: .3rem; background-color: #ebf1fa;border-radius:var(--br30);transition: 0.5s}
.ind_quicknav li figure{margin: auto; width: .6rem; height: .6rem; position: relative}
.ind_quicknav li figure img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain; transition: 0.5s}
.ind_quicknav li figure img:nth-child(2){opacity: 0}
.ind_quicknav li span{font-size: var(--f20);display: block; padding-top: .2rem; text-align: center}
.ind_quicknav li:hover a{background: rgba(var(--rgb-blue)); box-shadow: .1rem .1rem .2rem rgba(var(--rgb-blue),0.25)}
.ind_quicknav li:hover figure img:nth-child(1){opacity: 0}
.ind_quicknav li:hover figure img:nth-child(2){opacity: 1}
.ind_quicknav li:hover span{color: rgba(var(--rgb-fff));}
@media(max-width:1024px){
.ind_quicknav li{width:31%;margin:1.5% 0}
.ind_quicknav li a{padding: .15rem;}
}

.ind_notice .photo{width: 28.57143%;}
.ind_notice .photo .item{display: block;position: relative}
.ind_notice .photo .pic figure:before{content: '';position: absolute; width: 100%; height:70%; bottom: 0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); z-index: 10}
.ind_notice .photo .pic figure{padding-bottom: 120%;border-radius: var(--br10);}
.ind_notice .photo .txt{color: rgba(var(--rgb-fff)); position: absolute; width: 100%; bottom: 0; z-index: 10; padding:5%}
.ind_notice .photo .txt time{opacity: 0.6}
.ind_notice .photo .txt h4{font-size: var(--f20);line-height: 2}
.ind_notice .list{width: 67.85715%}
.ind_notice .list .ul_list li{margin-top: .15rem}
@media(max-width:640px){
.ind_notice .photo{width: 100%; margin-bottom: .4rem}
.ind_notice .list{width: 100%}
}

.ind_report_calendar{background: url("../images/indbg_report_calendar.jpg") no-repeat center bottom; background-size:cover}
.ind_report{width: calc(97% - 3.59rem)}
.ind_report .ind_title li{cursor:pointer;}
.ind_report .ind_title li:not(:last-child){margin-right: .5rem}
.ind_report .ind_title li span{display:none; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.ind_report .ind_title li:not(.show),
.ind_report .ind_title li:not(.show) h3 i{color: rgba(var(--rgb-999))}
.ind_report .ind_title li.show span{display:block;}
.ind_report .report_item{padding: .3rem; background:rgba(var(--rgb-fff)); border-radius:var(--br10);}
.ind_report .report_item .tabs-item{min-height:4.03rem}
.ind_report .ul_list li{margin-top: .15rem;}
.ind_report .ul_list a{font-size: var(--f18);}
.ind_report .ul_list time{font-weight: var(--fwL)}
.ind_calendar{width:3.59rem}
.HomeDateBox{display: flex; justify-content: center;}
.HomeDate .layui-laydate-main{width:100%;}
.HomeDate .layui-laydate-content td, .layui-laydate-content th{width:0.47rem;height:0.47rem;padding:0;border-radius: 50%;}
.HomeDate .layui-laydate-header{line-height: 0.8rem;padding:0 0.7rem;background: #496ec7;color:#fff;border-radius: 5px 5px 0 0;font-size: 0.18rem;}
.HomeDate .layui-laydate-header i{top:0;color:#fff;}
.HomeDate .layui-laydate,
.HomeDate .layui-laydate-hint{border:none;border-radius: 5px;}
.HomeDate .layui-laydate-content{padding:0.26rem 0.15rem;font-size: 0.16rem;background: #e3e9f9;border-radius: 0 0 5px 5px;}
.HomeDate .laydate-day-mark::after{width:6px;height:9px;background:url(../images/calendar.svg) no-repeat center center;border-radius: 0;}
.HomeDate .layui-laydate-content th{color:#999;height:0.47rem;}
.HomeDate .laydate-day-mark{font-size: 0.16rem;line-height: 0.47rem;}
.HomeDate .layui-laydate-content td{color: #333;}

.HomeDate{position: relative;z-index:999;}
.HomeDate .layui-laydate td::after{content:'';display: none;position: absolute;top:-12px;left:0;width:100%;height:100%;opacity: 0;}
.HomeDate .layui-laydate td:hover:after{opacity: 0;}
.DatePopup{position: absolute;width:4.6rem;background: #fff;box-shadow: 4px 0 30px rgba(4,18,51,0.2);bottom:99%;z-index:999;color:#333 !important;right:0rem;box-sizing: border-box;padding:0.24rem 0.28rem 0.3rem !important;}
.DatePopup .Content{}
.DatePopup .DatePopupTit{line-height: 0.3rem;margin-bottom:0.2rem;}
.DatePopup .DatePopupTit h2{font-weight: bold;font-size: 0.16rem;color:#073190;position: relative;padding-left: 17px;}
.DatePopup .DatePopupTit h2::before{content:'';display: block;width:15px;height:100%;background:url(../images/calendar.svg) no-repeat center left;position: absolute;left:0;top:0;}
.DatePopup .DatePopupTit .date{font-weight: lighter;}
.DatePopup .DatePopupTit .date span{font-family: 'hm';}
.DatePopup .DatePopupTit .date i{font-family: "宋体";color:#073190;font-style: normal;}
.DatePopup .DatePopupBox ul li{background: #f7f9fd;margin-bottom:0.2rem;padding-left:1.4rem;position: relative;display: flex;align-items: center;position: relative;}
.DatePopup .DatePopupBox ul li .img{width:1.4rem;height:100%;display: flex;align-items: center;justify-content: center;left:0;top:0;position: absolute;}
.DatePopup .DatePopupBox ul li .img img{max-width:80%;max-height:80%;}
.DatePopup .DatePopupBox ul li .text{color:#666;line-height: 0.3rem;min-height:0.6rem;padding:0.2rem 0.4rem 0.2rem 0;text-align: left;}
.DatePopup .DatePopupCon{text-align: left;font-size: 14px;line-height: 24px;}
@media(max-width:1024px){
.HomeDate .layui-laydate-content{font-size: 14px;}
.HomeDate .layui-laydate-header{font-size: 16px;line-height: 60px;}
.HomeDate .laydate-day-mark{font-size: 14px;line-height: 36px;}
}
@media(max-width:640px){
.ind_report{width: 100%;}
.ind_report .report_item{ padding: .2rem}
.ind_report .report_item .tabs-item{min-height:auto}
.ind_calendar{width: 100%; margin-top: .4rem}

    .DatePopup{width:360px;padding:10px;  left: 50%; transform: translate(-50%, -50%); bottom: initial;}
    .DatePopup .DatePopupTit{line-height: 35px;}
    .DatePopup .DatePopupTit h2{font-size: 15px;}
    .DatePopup .DatePopupTit h2:before{background-size: 9px;}
    .DatePopup .DatePopupBox ul li {padding-left:100px;}
    .DatePopup .DatePopupBox ul li .img{width:100px;}
    .DatePopup .DatePopupBox ul li .text{font-size: 13px;line-height: 22px;min-height:44px;padding-right:8px;}
}

.ind_news{background: url("../images/indbg_news.jpg") no-repeat center bottom; background-size: contain}
.ind_news .hot_news{width: 57.85715%}
.ind_news .hot_news li{width:46.915%;}
.ind_news .list{width: 38.5715%}
.ind_news .list li:not(:first-child){margin-top: .2rem}
.ind_news .list li a{display: block; padding: .4rem .5rem; border-radius: var(--br10);background: linear-gradient(-45deg,#f5f7fa,#fbfcfd)}
.ind_news .list h4{ font-size: var(--f18); padding: 0; margin: 0 0 .05rem 0; font-weight: var(--fwR)}
.ind_news .list .more{display: flex; justify-content: flex-end; padding-top: .45rem}
.ind_news .list .more a{display: flex; align-items: center}
.ind_news .list li:hover a{color: rgba(var(--rgb-fff)); background: linear-gradient(-90deg,rgba(var(--rgb-blue),1),rgba(var(--rgb-blue),0.3))}
@media(min-width:1024px){
.ind_news .ind_title span{display: none}
}
@media(max-width:1024px){
.ind_news .hot_news{width: 100%}
.ind_news .list{width: 100%; padding-top: .4rem}
}
@media(max-width:640px){
.ind_news .hot_news li{width: 100%}
.ind_news .hot_news li:not(:first-child){margin-top: .4rem}
.ind_news .list li a{padding: .2rem}
}

.ind_partner{background: #f1f5f9;}
.ind_partner span{padding: 0 .3rem; display: block}
.ind_partner a{display: block;}
.ind_partner figure{height: 55px; display: flex; align-items: center}
.ind_partner figure img{max-height: 100%;mix-blend-mode: multiply }
.ind_partner p{display: none}
@media(max-width:640px){
.ind_partner figure{height:40px;}
}

.side_other{position: fixed;right: 0;z-index:999; background: rgba(var(--rgb-fff)); box-shadow: 0 0 10px rgba(var(--rgb-000),.1)}
.side_other li{position: relative;z-index: 999;}
.side_other li a{text-align: center;display: block; padding: .15rem; cursor: pointer}
.side_other li p{padding: 0; margin: 0}
.side_other li figure{padding-bottom: .1rem}
.side_other li:hover a{color: rgba(var(--rgb-fff)); background: rgba(var(--rgb-blue))}
.side_other li:hover figure{filter: brightness(0) invert(1);}
.side_other li .hover-code{position: absolute;right:100%;top: 0;width:max-content;visibility: hidden; opacity: 0; transform: translateY(0.2rem); transition: 0.3s; padding-right: 0.1rem;}
.side_other li:hover .hover-code{visibility: visible; opacity: 1; transform: translateY(0);}
.side_other li .hover-code img{width: 1.8rem;background-color: #fff; box-shadow: 0 0 10px rgba(var(--rgb-000),.1);padding: 0.05rem 0.05rem 0.1rem; }
@media(min-width:640px){
.side_other{ top: 50%; transform: translateY(-50%);  border-radius: .1rem 0 0 .1rem;}
.side_other li:not(:last-child){border-bottom: solid 1px #ebebeb}
.side_other li:first-child a{border-top-left-radius: 10px}
.side_other li:last-child a{border-bottom-left-radius: 10px}
}
@media(max-width:640px){
.side_other{left: 0; bottom: 0;border-radius: .1rem .1rem 0 0 ; }
.side_other ul{display: flex;}
.side_other li{flex: 1}
.side_other li:not(:last-child){border-right: solid 1px #ebebeb}
.side_other li:first-child a{border-top-left-radius: 10px}
.side_other li:last-child a{border-top-right-radius: 10px}
.footer{padding-bottom: 1rem}
}
/*index end*/


[data-popup]{background-color: rgba(0,0,0,0.5);display: flex;align-items: center; justify-content: center; position: fixed; top: 0;width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; left: -100%; transition: opacity 0.3s;}
[data-popup].show{visibility: visible; opacity: 1; left: 0;}
[data-popup] .close{position: absolute; right: 0; top: 0; width: 0.4rem; height: 0.4rem;--color:#000;cursor: pointer; z-index: 10;}
[data-popup] .close:before,
[data-popup] .close:after{background-color: var(--color); width: 60%; height: 2px;content: '';position: absolute; left: 20%; top: 50%; margin-top: -1px;transform: rotate(45deg);}
[data-popup] .close:after{transform: rotate(-45deg);}
[data-popup] .inner{width: 95%;margin: 0 auto; max-width: 10rem; border-radius: 0.1rem; background-color: #fff; max-height: 90vh; padding: 0 0.1rem 0.2rem; position: relative;}
[data-popup] .title{text-align: center; font-size: 0.28rem; font-weight: 700;padding: 1em 0;}
[data-popup] .edit-info{overflow: auto; max-height: calc(80vh - 5em); padding: 0 0.3rem; line-height: 1.875;}
.edit-info .Table{table-layout: fixed;}
.edit-info .Table td{border: 1px solid #ddd; padding: 0.05rem 0.1rem;}

 /* 交易日历 */
.Trading-desk-calendar{background-color: #eef0f1;}
.RightCon .TabNav{margin-bottom:0;justify-content: center;}
.RightCon .TabNav{height: 0.6rem;line-height: 0.6rem;padding: 0 0.29rem;margin-bottom: 20px;position: relative;background: #fff;z-index: 2;}
.RightCon .TabNav li{position: relative;float: left;}
.RightCon .TabNav li:not(:last-child){padding-right: 0.45rem;}
.RightCon .TabNav li a{ display:block; position: relative;z-index: 1;color:#555555;padding: 0 0.08rem;}
.RightCon .TabNav li a:after{content: '';	position: absolute;	left: 50%;	right: 0;	top: 100%;	height: 2px;	background: #073190;width: 0;transition: all 0.3s;}
.RightCon .TabNav li a:hover,
.RightCon .TabNav li.on a{ color:#073190;}
.RightCon .TabNav li:hover a:after,
.RightCon .TabNav li.on a:after{width: 100%;left: 0;}

#win{position:absolute;z-index:999;top:50%;left:50%;width:4rem;height:2rem;background:rgba(00, 00, 00, 0.5);margin:-1rem 0 0 -2rem;display:none;}
#win #otitle{color:#fff;height:0.33rem;padding-left:0.1rem;text-align:left;background:rgba(00, 00, 00, 0.7);}
#win #otitle #otitlestr {float:left;width:2rem;height:0.3rem;line-height:0.3rem;}
#win #otitle #close {font-size:0.24rem;width:0.33rem;height:0.33rem;line-height:0.33rem;text-align:center;font-weight:bold;float:right;cursor:pointer;}
#win #showstr {color:#fff;margin:0.1rem;text-align:left;height: 1.47rem;overflow: auto;}
.clear{clear: both;}
#newDate ul,li{list-style-type: none;margin:0px;padding:0px;}
#newDate{width:100%;height:auto;}
#newDate #nowDate{width:100%;float:left;cursor:pointer;}
#newDate .Weeks{width:100%;height:0.6rem;}
#newDate .Weeks span{font-weight:bold;width:calc(100%/7 - 0.05rem);height:0.6rem;line-height:0.6rem;text-align:center;background:#fff;margin-right:0.05rem;float:left;color:rgb(132,132,132);}
#nowDate>ul{display: inline-block;width: 100%;}
#nowDate>ul li{color:#999;font-size:0.24rem;overflow:hidden;width:calc(100%/7 - 0.05rem);height:1.8rem;line-height:0.4rem;text-align:center;margin-top:0.05rem;margin-right:0.05rem;background:#fff;float:left;}
#nowDate>ul li span{float:left;margin-bottom:0.15rem;font-size:0.18rem;padding:0 0.1rem;}
#nowDate>ul li .mobileDay{display:none;}
#nowDate>ul li a{display: block;color:#999;float:left;overflow:hidden;}
#nowDate>ul li a{font-size: 0.16rem;line-height: 0.3rem;width: calc(100% - 0.2rem);height: 0.3rem;text-align: left;box-sizing: border-box;padding: 0 0.3rem;background-color: rgb(252,233,235);border-radius: 0.08rem;margin: 0.1rem; margin-top:0;position:relative;}
#nowDate>ul li a img{max-height:0.2rem;position:absolute;top:50%;transform:translateY(-50%);}
#nowDate>ul li a .markIcon{right:0.05rem;}
#nowDate>ul li a:nth-of-type(2n){background:rgb(248,237,251)}
#nowDate>ul li a:nth-of-type(3n){background:rgb(251,242,233)}
#date{position: relative;height: 0.4rem;padding: 0 0.2rem;border:1px solid #ccc;}
#date::-webkit-calendar-picker-indicator{position: absolute;right: 10%;padding-left: 100%;}
#nowDate>ul li:hover{border:2px solid rgb(7,43,133);}
#nowDate>ul li:hover span{color:white;background-color:rgb(7,43,133);}
#nowDate>ul .active{border:2px solid rgb(7,43,133);}
#nowDate>ul .active span{color:white;background-color:rgb(7,43,133);}
#markList{display:none;}
.ble img{height:100%;margin-right:0.1rem;}

@media (max-width: 786px){
#newDate .Weeks span{background-color:transparent;}
#nowDate{background-color:white;}
#nowDate>ul li{width:calc(100%/7 - 0.2rem);margin:0.1rem;border-radius:50%;position:relative;background-color:transparent !important;}
#nowDate>ul .weekDate::before{content:"";width:4px;height:4px;background-color:rgb(7,43,133);left:50%;bottom:0;transform:translateX(-50%);border-radius:50%;position:absolute;}
#nowDate>ul li .day{display:none;}
#nowDate>ul li .mobileDay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;}
#nowDate>ul li a{display:none;}
#nowDate>ul li:hover{border:none;background-color:rgb(7,43,133) !important;}
#nowDate>ul li:hover span{color:white;background-color:rgb(7,43,133);}
#nowDate>ul .active{border:none;background-color:rgb(7,43,133) !important;}
#nowDate>ul .active span{color:white;background-color:rgb(7,43,133);}
#date{border:none;}
#markList{display:inline-block;width:100%;}
#markList a{width: 100%;float: left;padding: 0.1rem 0.4rem;margin: 0.1rem 0;font-size: 0.2rem;line-height: 0.3rem;text-align: left;box-sizing: border-box;background-color: rgb(252,233,235);border-radius: 0.08rem;position:relative;}
#markList a:nth-of-type(2n){background:rgb(248,237,251)}
#markList a:nth-of-type(3n){background:rgb(251,242,233)}
#markList a .markIcon{position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);}
}



 /* 交易日历 */
.Trading-calendar{ background:#fff;}
.Trading-con .box{position: relative;top:-1rem;}
.Trading-title{ margin-bottom:.3rem; padding:.3rem 0; font-size:.26rem; border-bottom:solid 1px #e5e5e5;}
.Trading-con{ font-size:.16rem; padding-bottom:.5rem; margin-bottom:.5rem; border-bottom:dashed 1px #e5e5e5;}
.Trading-con .ble{ margin-bottom:.15rem; font-size:.22rem; color:#333333;}
.Trading-con .ul li{ padding:.15rem 0;}
.Trading-con .ul li .icon{ width:.45rem;}
.Trading-con .ul li .text{ width:calc(100% - .5rem);}
.Trading-con .ul li .til{ line-height:2; font-size:.18rem; color:#333333;}
.Trading-con .ul li .wz{ line-height:1.8; font-size:.16rem; color:#666666;}
.Trading-video{ display:flex; margin-top:.3rem;}
.Trading-video .video_shell{ border-radius:5px; overflow:hidden;}
.Trading-video .video_shell a{ position:relative;}
.Trading-video .video_shell a::after{ cursor:pointer; content:''; display:block; position:absolute; left:50%; top:50%; width:.8rem; height:.8rem; background-image:url(../images/play.png); background-size:cover; margin-left:-.32rem; margin-top:-.32rem; border-radius:100%; overflow: hidden;}
.Trading-pic-list{ margin-top:.3rem;}
.Trading-pic-list .item{ width:48.643%; border-radius:10px; overflow:hidden;}
.Trading-dow li{ width:32%; margin-right:2%; border-radius:5px; overflow:hidden; transition:all ease .5s;}
.Trading-dow li a{ background:#f8f9fb; padding:.3rem .2rem;}
.Trading-dow li .icon{ margin-right:.2rem;}
.Trading-dow li .wenan{ width:calc(100% - .3rem);}
.Trading-dow li .wenan .icon{ width:.45rem;}
.Trading-dow li .wenan .txt{ width:calc(100% - .7rem); line-height:1.5;}
.Trading-dow li .dow{ width:.2rem; height:.15rem; background:url(../images/dow-icon1.png) no-repeat center; padding-left:.3rem; background-size:contain;}
.Trading-dow li:nth-child(3n){ margin-right:0;}
.Trading-dow li:hover{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}

@media(max-width:640px){
.Trading-title{}
.Trading-con{ font-size:.24rem;}
.Trading-con .ble{ }
.Trading-con .ul li .til{ font-size:.20rem;}
.Trading-con .ul li .wz{ font-size:.18rem;}
.Trading-con .ul li .text{ width:calc(100% - .7rem);}
.Trading-dow li{ font-size:.24rem; width:100%; margin-right:0; margin-bottom:.3rem;}
.Trading-dow li .wenan{ width:calc(100% - .5rem);}
.Trading-dow li .dow{ width:.4rem; height:.25rem;}
}