.el-header, .el-main { padding: 0; overflow: initial }
.bgb-b, .bgb-bss, .bgb-bsz { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; padding-left: 15px; margin-top: 1rem }
.isab .isab-mib, .top-img { position: relative }
.isab .isab-mib .ec-top-foot { position: absolute; top: -102px; left: 15px; background: #00b6cd; min-width: 6.5rem; height: .78rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.isab .isab-mib .ec-top-foot .el-breadcrumb { line-height: .78rem; padding-left: 10px }
.el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #fff; font-weight: 400 }
.el-breadcrumb__item .el-breadcrumb__separator { color: #fff }
.el-breadcrumb__inner a:hover { color: #fff600 }
.w .mi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: auto; padding: 0 1.4rem; margin-top: .3rem }
.mi .cards, .w .mi { -ms-flex-wrap: wrap; flex-wrap: wrap }
.mi .cards { width: 100% }
.w .mi .card { border: 1px solid #d8d8d8; margin-top: .4rem; position: relative; margin-right: .2rem; -webkit-box-flex: 49%; -ms-flex: 49%; flex: 49%; width: 10.5rem; min-height: 7rem }
.w .mi .card:nth-child(2n) { margin-right: 0 }
.w .mi .card:before { border-top: .5rem solid #d8d8d8; top: -1px }
.mi .card:after, .w .mi .card:before { content: " "; border-left: .5rem solid transparent; border-right: .5rem solid transparent; position: absolute; margin-left: -.4rem; left: 50% }
.mi .card:after { border-top: .5rem solid #fff; top: -2px }
.mi .cards .card .card-af:after { content: ""; position: absolute; right: 0; top: -1px; height: 3px; width: 30%; background: #00b6cd }
.mi .cards .card:nth-child(2n) .card-af:after, .mi .cards .card:nth-child(3n) .card-af:after { background: #a5cd39 }
.mi .cards .card:nth-child(4n) .card-af:after { background: #00b6cd }
.mi .cards .card .card-icon { margin-top: 1rem; margin-left: .5rem; text-align: left; color: #00b6cd }
.mi .cards .card:nth-child(2n) .card-icon, .mi .cards .card:nth-child(3n) .card-icon { color: #a5cd39 }
.mi .cards .card:nth-child(4n) .card-icon { color: #00b6cd }
.mi .cards .card .card-icon .icon-cn-txt { font-size: .42rem; font-weight: 400 }
.mi .cards .card .card-icon .icon-en-txt > p { font-size: .26rem }
.mi .cards .card .card-txt { font-size: .27rem; color: #6a6969; line-height: .45rem; text-align: justify; margin: .7rem .5rem 0 .5rem; overflow: hidden; padding-bottom: .3rem }
.mi .idvo { padding: 30px 0 }
.mis .main-x { position: relative; margin-bottom: .6rem; width: 100%; min-height: 3.9rem }
.mis .main-x .main-i { background: #f1f1f1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 3.9rem }
.mis .main-x .main-i .main-i-i { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; position: relative }
.top-img-top { position: absolute; top: 45%; left: 5%; color: #fff; text-align: left }
.top-img-top p { font-size: .6rem; font-weight: 600 }
.top-img-top span { font-size: .45rem; font-weight: 300 }
.top-img .top-img-top:after { content: ""; position: absolute; left: 0; top: -16px; height: 1px; width: 40%; background: #fff }
.mis .main-x .main-i-i:after { content: ""; position: absolute; left: 0; top: auto; bottom: 0; right: auto; height: 52%; width: 3px; background: #a6ce39 }
.mis .main-x:nth-child(2n) .main-i-i:after { background: #00b6cd }
.mis .main-x .main-i .main-l { float: left; z-index: 2; position: absolute; right: .8rem; top: 20%; max-width: 2rem }
.mis .main-x .main-i .main-l > h3 { font-size: .3rem; color: #a6ce39 }
.mis .main-x .main-i .main-l > p { color: #a6ce39 }
.miss .card-box { background: #00b8ce; margin-right: .4rem; margin-top: .4rem; height: 95% }
.reform-card { margin-bottom: .9rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.miss .el-col:nth-child(3n) .card-box { margin-right: 0 }
.miss .el-col:nth-child(2n) .card-box { background: #a6ce36 }
.miss .card-box .title-box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative }
.miss .card-box .card-num { float: left; font-size: 2rem; color: #dfdddd; margin-left: -.4rem }
.miss .card-box .card-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .19rem }
.miss .card-box .card-title .title-en p { color: #d1d1d1; font-size: .25rem; text-align: left }
.miss .card-box .card-title .title-cn { font-size: .44rem; color: #fff; text-align: left; font-weight: 700; position: absolute; bottom: 41px }
.miss .card-box .card-title .title-cn p { font-weight: 700 }
.miss .card-box .card-txt { margin-top: -.3rem; padding: 0 .4rem .8rem .4rem; text-indent: 0; font-size: .3rem; color: #fff; text-align: left }
.mis .main-x:first-child .main-i .main-i-i .main-l { margin-right: .15rem }
.mis .main-x .main-i .main-l h3 > p { white-space: nowrap }
.mis .main-x:nth-child(2n) .main-i .main-l > h3, .mis .main-x:nth-child(2n) .main-i .main-l > p { color: #00b6cd }
.mis .main-x .main-i .main-r { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; text-indent: 2em; text-align: left; font-size: .25rem; color: #464646; padding-right: .5rem }
.mis .main-x .main-i .main-r a { color: #464646; }
.main-l-b > h3, .main-l-b > p { color: #00b6cd }
.main-x .main-i .main-ttt { float: left; font-size: 2rem; color: #e1e1e1; position: absolute; top: -.9rem; left: -.25rem }
.w .mis { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; margin-top: .5rem }
.ss .w .miss, .w .mis { padding: 0 1.4rem }
.ss .w .foot { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.ss .w .foot, .ss .w .miss .foot-i { display: -webkit-box; display: -ms-flexbox; display: flex }
.ss .w .miss .foot-i { -webkit-box-flex: 30%; -ms-flex: 30%; flex: 30%; background: #00b6cd; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: .3rem; min-height: 5.5rem; margin-bottom: .45rem }
.ss .w .miss .foot-i:nth-child(3n) { background: #00b6cd; margin-right: 0 }
.ss .w .miss .foot-i:nth-child(2n) { background: #a6cd39 }
.foot-i-a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.6rem; position: relative; margin-bottom: .4rem }
.foot-ii { -ms-flex-wrap: wrap; flex-wrap: wrap }
.foot-ii .foot-is { height: 100% }
.ss .w .miss .foot-i .foot-i-a .foot-x { font-size: 1.4rem; color: #d1d1d1; float: left; margin-left: -11% }
.ss .w .miss .foot-i .foot-i-a .foot-t { -webkit-box-flex: 75%; -ms-flex: 75%; flex: 75%; text-align: left; min-width: 3rem; color: #fff; position: absolute; bottom: 0; left: 1.6rem }
.miss .foot-i .foot-i-a .foot-t .foot-h { font-size: .2rem; word-wrap: break-word; white-space: nowrap; bottom: .37rem; color: #d1d1d1 }
.miss .foot-i .foot-i-a .foot-t .foot-m { font-size: .3rem; bottom: 0; left: 1.3rem }
.miss .foot-i .foot-txt { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; text-indent: 2em; text-align: left; color: #fff; font-size: .25rem; padding: 0 .3rem .3rem }
.miss .foot-i .foot-txt .foot-txt-t { word-break: break-all }
.miss .foot-i .foot-txt a { color: #fff; }
.mis .main-x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f8f8f8; overflow: hidden }
.bgb-bss .bgb-i { width: 51% }
.bgb-bsz .bgb-i { width: 54% }
.bgb-bs .bgb-i { width: 50% }
.bgb-bs { margin-top: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; padding-left: 15px; margin-bottom: .4rem; padding-top: .8rem }
.mian-x .main-i .main-r, .ss { width: 100% }
.ss, .ss > .w { background: #f8f8f8 }
.ss .sin { position: fixed; right: 1rem; top: 50%; width: 5px }
.ss .sin a { display: inline-block; width: 3px; height: 60px; background: #d8d8d8 }
.ss .sin a:hover { width: 5px; background: #b1b0b0 }

@media screen and (max-width:1100px) {
    .w .mi { padding: 0 15px }
    .bgb-bsz { margin-bottom: .3rem }
    .ss .w .miss .foot-i { -webkit-box-flex: 45%; -ms-flex: 45%; flex: 45% }
    .ss .w .miss .foot-i:nth-child(3n) { background: #a6cd39 }
    .ss .w .miss .foot-i:nth-child(2n) { margin-right: 0 }
    .ss .w .miss .foot-i:nth-child(4n) { background: #00b6cd }
    .w .mis { padding: 0 15px }
    .mis .main-x .main-i .main-l > h3 { font-size: .35rem }
    .ss { background: #fff }
    .ss .w .miss { padding: 0 15px }
    .ss > .w { background: #fff }
    .isab .isab-mib .ec-top-foot { display: none }
}

@media screen and (max-width:990px) {
    .reform-card .el-col .card-box { margin-right: 0 }
}

@media screen and (max-width:769px) {
    .ss .sin { display: none }
    .w .mi { padding: 0 15px; margin-top: 0 }
    .bgb-i { width: 100% }
    .bgb-bs, .w .mis { padding: 0 }
    .main-x .main-i .main-ttt { font-size: 2rem; color: #e1e1e1; position: absolute; top: 0; left: -.3rem }
    .main-x .main-i .main-r { padding: 0; padding: .5rem .5rem }
    .w .mi .card { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: .6rem; margin-right: 0 }
    .mis .main-x .main-i { background: #f1f1f1; position: relative; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
    .mis .main-x .main-i, .miss .foot-i .foot-txt { display: -webkit-box; display: -ms-flexbox; display: flex }
    .miss .foot-i .foot-txt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
    .mis .main-x .main-i .main-l { position: absolute; top: 1.8rem; right: .1rem; text-align: center }
    .mis .main-x .main-i .main-l > h3 { font-size: .35rem }
    .mis .main-x .main-i .main-l > p { font-size: .2rem }
    .mis .main-x .main-i .main-r { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 700px; text-indent: 2em; text-align: left; font-size: .25rem }
    .mis .main-x .main-i .main-r .sew { padding-bottom: .3rem }
    .mis .main-x .main-i:after { display: none }
    .ss .w .miss .foot-i { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; min-height: 4rem }
    .ss .w .miss .foot-i .foot-i-a { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 }
    .ss .w .miss .foot-i .foot-i-a .foot-x { padding-top: .4rem }
    .ss .w .miss .foot-i .foot-i-a .foot-t { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; bottom: -.85rem; left: -.3rem; text-align: right }
    .miss .foot-i .foot-i-a .foot-t .foot-m { margin-top: .1rem }
    .miss .foot-i .foot-txt { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; margin: 0; text-indent: 2em }
    .ss .w .miss { background: #fff; margin-top: 0 }
    .main-i-i .main-l p { display: none }
    .bgi-i { padding-left: .3rem; width: 50% }
    .bgi-is { width: 52%; padding: 0 }
    .bgb-bss { margin-top: .8rem; margin-bottom: 0; text-align: left }
    .mi .idvo { padding-bottom: 0 }
    .bgb-bsz { text-align: left; margin-bottom: .4rem; margin-top: .8rem }
    .bgb-bsz > .bgi-i { padding: 0 }
    .w .mis { padding: 0 15px }
    .ss > .w { background: #fff }
    .mi .cards .card .card-txt { margin: .35rem .4rem 0 .4rem }
    .ss .w .miss .foot-i:nth-child(3n) { background: #00b6cd }
    .ss .w .miss .foot-i:nth-child(2n) { background: #a6cd39 }
    .mi .cards .card .card-icon { margin-top: .4rem; margin-left: .4rem }
    .mis .main-x .main-i .main-i-i { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 }
    .mis .main-x .main-i-i:after { display: none }
    .main-i-i .main-l img { width: 60% }
    .mi .cards .card:nth-child(3n) .card-icon { color: #00b6cd; color: #a5cd39 }
}

.el-main { margin-top: 0; overflow: initial }
.el-popover { padding: 0 }
.el-popover .el-popover__title { height: 20px; font-size: .3rem; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 34px; color: #6a6969 }
