@charset "UTF-8";
.w1520 {width: 15.2rem;margin: 0 auto;font-size: 0;max-width: 100%;}
@media (max-width: 1580px) {
	.w1520 {width: 90%;}
}

@media (max-width: 800px) {
	.w1520 {width: 94%;}
}

.w1320 {width: 13.2rem;margin: 0 auto;font-size: 0;max-width: 100%;}

@media (max-width: 1580px) {
	.w1320 {width: 90%;}
}

@media (max-width: 800px) {
	.w1320 {width: 94%;}
}

:root {--themes: #004895;}

.banner {width: 100%;position: relative;}
.banner .swiper-slide {width: 100%;position: relative;}
.banner .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide .imgs .img {width: 100%;padding-top: 50%;background-size:cover; background-position: center center;background-repeat: no-repeat ;}

.banner .swiper-slide .box {position: absolute;top: 50%;left: calc(200 / 1920 * 100%);transform: translateY(-50%);z-index: 3;width: 80%;max-width: 7rem;text-align: left;}
.banner .swiper-slide .box .bit {width: 100%;color: #fff;line-height: 1.2;font-weight: bold;margin-bottom: 0.15rem;font-family: 'MiSans-Demibold';opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.banner .swiper-slide .box .bit p {color: #fff;line-height: 1.2;}
.banner .swiper-slide .box .binp {width: 100%;color: #fff;line-height: 1.5;margin: 0.215rem 0 0.25rem;font-family: 'MiSans-Medium';opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.banner .swiper-slide .box .binp p {color: #fff;line-height: 1.5;}
.banner .swiper-slide .box .more {width: 100%;font-size: 0;opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;margin-top: 0.35rem;}
.banner .swiper-slide .box .more a {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.banner .swiper-slide .box .more a span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.banner .swiper-slide .box .more a span img {width: 100%;display: block;}
.banner .swiper-slide .box .more a:hover {animation: icon-bounce 0.5s alternate;}
.banner .swiper-slide .videoc {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 4;background-color: rgba(0, 0, 0, 0.3);opacity: 1;transition: all ease 0.5s;z-index: 5;}
.banner .swiper-slide .videoc .vom {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.banner .swiper-slide-active .box .bit, .banner .swiper-slide-active .box .binp, .banner .swiper-slide-active .box .more {opacity: 1;transform: translate3d(0, 0, 0);}
.banner .botom {position: absolute;left: 0;width: 100%;bottom: 0.6rem;z-index: 3;}
.banner .botom .vomd {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.banner .botom .pagination {display: inline-block;vertical-align: middle;width: auto;font-size: 0;white-space: nowrap;}
.banner .botom .pagination .pi {display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.04rem;margin-right: 0.1rem;position: relative;cursor: pointer;border-radius: 0.02rem;background-color: rgba(255, 255, 255, 0.4);}
.banner .botom .pagination .pi.on {background-color: var(--themes);}
.banner .botom .nums {display: inline-block;vertical-align: middle;width: auto;font-size: 0;}
.banner .botom .nums .lx {display: inline-block;vertical-align: middle;color: #fff;line-height: 1.5;font-weight: bold;margin: 0 0.02rem;}
.banner .botom .nums .now {color:#3f7fd9;}


@media (max-width: 1380px) {.banner .swiper-slide .box {left: 5%;}
.banner .swiper-slide .imgs .img {padding-top: 50%;}
}

@media (max-width: 800px) {.banner .swiper-slide .box {left: 3%;}
}

footer {width: 100%;background-color: #222;border-top: solid 0.04rem #004895;padding: 0.8rem 0 0.4rem;}
footer .ftop {width: 100%;padding-bottom: 0.7rem;}
footer .ftop .fop {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .ftop .fop .fit {width: 100%;font-size: 0;margin-bottom: 0.3rem;}
footer .ftop .fop .fit a {display: inline-block;vertical-align: middle;color: #fff;line-height: 1.5;}
footer .ftop .fop .fol {display: inline-block;vertical-align: middle;width: calc(870 / 1520 * 100%);font-size: 0;}
footer .ftop .fop .fol .flist {display: inline-block;vertical-align: top;width: calc(200 / 820 * 100%);text-align: left;padding-right: 0.35rem;}
footer .ftop .fop .fol .flist .fit {width: 100%;font-size: 0;margin-bottom: 0.3rem;}
footer .ftop .fop .fol .flist .fit a {display: inline-block;vertical-align: middle;color: #fff;line-height: 1.5;}
footer .ftop .fop .fol .flist .ful {width: 100%;}
footer .ftop .fop .fol .flist .ful a {width: 100%;display: inline-block;vertical-align: top;color: rgba(255, 255, 255, 0.4);transition: all ease 0.5s;line-height: 2;line-height: 1.5;padding: 0.05rem 0;}
footer .ftop .fop .fol .flist .ful a:hover {color: #fff;}
footer .ftop .fop .fom {display: inline-block;vertical-align: middle;width: calc(360 / 1520 * 100%);}
footer .ftop .fop .fom .finp {width: 100%;color: #fff;line-height: 1.75;}
footer .ftop .fop .fom .finp p {color: #fff;line-height: 1.75;}
footer .ftop .fop .for {display: inline-block;vertical-align: middle;width: calc(200 / 1520 * 100%);text-align: right;}
footer .ftop .fop .for .fogo {width: 100%;font-size: 0;}
footer .ftop .fop .for .fogo a {display: inline-block;vertical-align: middle;width: 1.8rem;}
footer .ftop .fop .for .fogo a img {width: 100%;display: block;}
footer .ftop .fop .for .share {width: 100%;font-size: 0;margin-top: 0.2rem;}
footer .ftop .fop .for .share .am {display: inline-block;vertical-align: middle;width: 0.37rem;height: 0.37rem;margin: 0 0.05rem;position: relative;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;}
footer .ftop .fop .for .share .am a, footer .ftop .fop .for .share .am img {width: 100%;display: block;}
footer .ftop .fop .for .share .am .coem {position: absolute;left: 50%;transform: translateX(-50%);bottom: calc(100% + 0.1rem);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);width: 1.4rem;background-color: #fff;padding: 0.06rem;border-radius: 0.05rem;display: none;z-index: 2;}
footer .ftop .fop .for .share .am:hover {background-color: var(--themes);}
footer .ftop .fop .for .share .am:hover .coem {display: block;}
footer .fbot {width: 100%;border-top: solid 1px rgba(255, 255, 255, 0.1);}
footer .fbot .fob {width: 100%;padding: 0.24rem 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
footer .fbot .fob .fm {display: inline-block;vertical-align: middle;width: auto;color: #666;line-height: 2;}
footer .fbot .fob .fm a {display: inline-block;vertical-align: middle;color: #666;line-height: 2;}
footer .fbot .fob .fm a:hover {color: var(--themes);}


@media (max-width: 800px) {footer .ftop .fop .fit {width: 100%;margin-bottom: 0;padding: 0.25rem 0;margin-left: 0;}
footer .ftop .fop .fit a {font-size: 16px;}
footer .ftop .fop .fol {width: 100%;}
footer .ftop .fop .fol .flist {width: 100%;border-bottom: solid 1px rgba(67, 67, 67, 0.4);position: relative;}
footer .ftop .fop .fol .flist .fit {width: 100%;margin-bottom: 0;padding: 0.25rem 0;margin-left: 0;}
footer .ftop .fop .fol .flist .fit a {font-size: 16px;}
footer .ftop .fop .fol .flist .ful {width: 100%;font-size: 0;padding-bottom: 0.15rem;display: none;height: auto;}
footer .ftop .fop .fol .flist .ful a {line-height: 2;}
footer .ftop .fop .fol .flist:first-child {border-top: none;border-top: solid 1px rgba(67, 67, 67, 0.4);}
footer .ftop .fop .fol .flist.has-ful:after {content: " ";display: inline-block;width: 14px;height: 8px;background-image: url("../images/xx.png");background-position: center;background-size: 100% 100%;text-align: center;position: absolute;right: 0.2rem;left: auto;transform: translateX(0) rotate(0deg);top: 0.4rem;color: #333;border: none;transition: all ease 0.5s;}
footer .ftop .fop .fol .flist.has-ful.show:after {content: " ";transform: translateX(0) rotate(180deg);}
footer .ftop .fop .for .fogo a {width: 2.4rem;}
footer .ftop .fop .for .share .am {width: 0.7rem;height: 0.7rem;}
}

.modular {width: 100%;}
.modular .mitop {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 0.4rem;}
.modular .mitop .mol {display: inline-block;vertical-align: middle;width: auto;}
.modular .mitop .mol .mit {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.2;}
.modular .mitop .mol .em {width: 100%;color: var(--themes);font-weight: bold;line-height: 1.2;margin-top: 0.04rem;font-family: 'Rajdhani-Bold';}
.modular .mitop .mol .xm {width: 100%;color: #222;line-height: 1.2;font-family: 'MiSans-Medium';margin-top: 0.04rem;}
.modular .mitop .mor {display: inline-block;vertical-align: middle;width: auto;}
.modular .mitop .mor a {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.modular .mitop .mor a span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.modular .mitop .mor a span img {width: 100%;display: block;}
.modular .mitop .mor a:hover {animation: icon-bounce 0.5s alternate;}
.modular .mitop .mor .btns {display: inline-block;vertical-align: middle;width: auto;}
.modular .mitop .mor .btns .btn {display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: solid 1px #d7d7d7;cursor: pointer;background-color: transparent;}
.modular .mitop .mor .btns .btn img {width: 100%;display: block;}
.modular .mitop .mor .btns .btn img:first-child {display: block;}
.modular .mitop .mor .btns .btn img:last-child {display: none;}
.modular .mitop .mor .btns .btn:hover {border: solid 1px #222;background-color: #222;}
.modular .mitop .mor .btns .btn:hover img:first-child {display: none;}
.modular .mitop .mor .btns .btn:hover img:last-child {display: block;}
.modular .mitop .mor .btns .btn + .btn {margin-left: 0.1rem;}
.modular .mitop.mid {text-align: center;}
.modular .mitop.mid .mol {width: 100%;}


.modular.white .mitop .mol .mit {color: #fff;}

.modular.white .mitop .mol .em {color: #fff;}


.newcen {width: 100%;padding: 1rem 0;}
.newcen .newcom {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.newcen .newcom .nel {display: inline-block;vertical-align: middle;width: calc(745 / 1520 * 100%);}
.newcen .newcom .nel .nelpers {width: 100%;position: relative;}
.newcen .newcom .nel .nelpers .swiper-slide {width: 100%;}
.newcen .newcom .nel .nelpers .swiper-slide a {width: 100%;display: block;}
.newcen .newcom .nel .nelpers .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;border-radius: 0.16rem;}
.newcen .newcom .nel .nelpers .swiper-slide .imgs .img {width: 100%;padding-top: 56.37%;transition: all ease 0.5s;}
.newcen .newcom .nel .nelpers .swiper-slide .roms {width: 100%;padding: 0.24rem 0;border-bottom: solid 1px rgba(0, 0, 0, 0.08);padding-right: 20%;}
.newcen .newcom .nel .nelpers .swiper-slide .roms .xit {width: 100%;color: #222;line-height: 1.2;font-family: 'MiSans-Medium';max-height: 2.4em;}
.newcen .newcom .nel .nelpers .swiper-slide .roms .time {width: 100%;color: #666;line-height: 1.5;margin-top: 0.06rem;}
.newcen .newcom .nel .nelpers .swiper-slide .roms .time span {display: inline-block;vertical-align: middle;width: 15px;margin-right: 0.06rem;position: relative;top: -0.02rem;}
.newcen .newcom .nel .nelpers .swiper-slide .roms .time span img {width: 100%;display: block;}
.newcen .newcom .nel .nelpers .swiper-slide:hover .imgs .img {transform: scale(1.1);}
.newcen .newcom .nel .nelpers .swiper-slide:hover .roms .xit {color: var(--themes);}
.newcen .newcom .nel .nelpers .swiper-pagination {left: auto;right: 0;bottom: 0.5rem;width: auto;}
.newcen .newcom .nel .nelpers .swiper-pagination-bullet {display: inline-block;vertical-align: middle;background-color: #ccc;opacity: 1;border-radius: 50%;}
.newcen .newcom .nel .nelpers .swiper-pagination-bullet-active {background-color: var(--themes);}
.newcen .newcom .ner {display: inline-block;vertical-align: middle;width: calc(715 / 1520 * 100%);}
.newcen .newcom .ner .necem {width: 100%;}
.newcen .newcom .ner .necem a {width: 100%;display: block;font-size: 0;padding-bottom: 0.3rem;border-bottom: solid 1px rgba(0, 0, 0, 0.08);}
.newcen .newcom .ner .necem .imgs {display: inline-block;vertical-align: middle;width: calc(280 / 715 * 100%);position: relative;overflow: hidden;border-radius: 0.16rem;}
.newcen .newcom .ner .necem .imgs .img {width: 100%;padding-top: 56.42%;transition: all ease 0.5s;}
.newcen .newcom .ner .necem .roms {display: inline-block;vertical-align: middle;width: calc(434 / 715 * 100%);padding-left: 0.3rem;}
.newcen .newcom .ner .necem .roms .xit {width: 100%;color: #222;line-height: 1.2;font-family: 'MiSans-Medium';max-height: 2.4em;}
.newcen .newcom .ner .necem .roms .time {width: 100%;color: #666;line-height: 1.5;margin-top: 0.06rem;}
.newcen .newcom .ner .necem .roms .time span {display: inline-block;vertical-align: middle;width: 15px;margin-right: 0.06rem;position: relative;top: -0.02rem;}
.newcen .newcom .ner .necem .roms .time span img {width: 100%;display: block;}
.newcen .newcom .ner .necem:hover .imgs .img {transform: scale(1.1);}
.newcen .newcom .ner .necem:hover .roms .xit {color: var(--themes);}
.newcen .newcom .ner .newxul {width: 100%;}
.newcen .newcom .ner .newxul .nexm {width: 100%;}
.newcen .newcom .ner .newxul .nexm a {width: 100%;display: block;padding: 0.24rem 0;border-bottom: solid 1px rgba(0, 0, 0, 0.08);}
.newcen .newcom .ner .newxul .nexm .nix {width: 100%;color: #222;font-family: 'MiSans-Medium';line-height: 1.2;}
.newcen .newcom .ner .newxul .nexm .time {width: 100%;color: #666;line-height: 1.5;margin-top: 0.06rem;}
.newcen .newcom .ner .newxul .nexm .time span {display: inline-block;vertical-align: middle;width: 15px;margin-right: 0.06rem;position: relative;top: -0.02rem;}
.newcen .newcom .ner .newxul .nexm .time span img {width: 100%;display: block;}
.newcen .newcom .ner .newxul .nexm:hover .nix {color: var(--themes);}


.partner {width: 100%;padding: 1rem 0;}
.partner .partpers {width: 100%;}
.partner .partpers .swiper-slide {width: 100%;position: relative;border-radius: 0.14rem;overflow: hidden;box-shadow: 0px 0px 0.4rem 0px rgba(0, 0, 0, 0.04);}
.partner .partpers .swiper-slide a {width: 100%;display: block;}
.partner .partpers .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;z-index: 1;border-radius: 0.2rem;}
.partner .partpers .swiper-slide .imgs .img {width: 100%;padding-top: 131.42%;transition: all ease 0.5s;}
.partner .partpers .swiper-slide .imgs .bmk {position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.partner .partpers .swiper-slide .sopm {width: 100%;position: absolute;z-index: 3;left: 0;top: 0;border-radius: 0.16rem;display: flex;flex-wrap: wrap;align-content: center;height: 100%;background-color: #f5f5f5;transition: all ease 0.5s;padding: 0.36rem;opacity: 1;transition: all ease 0.5s;}
.partner .partpers .swiper-slide .sopm .sc {display: block;margin: 0 auto 0.25rem;width: 1.7rem;height: 1.7rem;border-radius: 50%;background-color: #fff;transition: all ease 0.5s;}
.partner .partpers .swiper-slide .sopm .sc img {width: 100%;display: block;}
.partner .partpers .swiper-slide .sopm .xim {width: 100%;text-align: center;color: #666;line-height: 1.5;height: 4.5em;transition: all ease 0.5s;}
.partner .partpers .swiper-slide:hover .sopm {background-color: transparent;}
.partner .partpers .swiper-slide:hover .sopm .sc {background-color: transparent;}
.partner .partpers .swiper-slide:hover .sopm .sc img {filter: grayscale(100%) brightness(200%);}
.partner .partpers .swiper-slide:hover .sopm .xim {color: #fff;}


.equipment {width: 100%;padding: 1rem 0 0.8rem;}
.equipment .equiper {width: 100%;}
.equipment .equiper .swiper-slide {width: 100%;background-color: #f5f5f5;border-radius: 0.16rem;transition: all ease 0.5s;opacity: 0.5;}
.equipment .equiper .swiper-slide a {width: 100%;display: flex;flex-wrap: wrap;padding: 0.2rem 0.2rem 0.2rem 0.6rem;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.equipment .equiper .swiper-slide .swl {display: inline-block;vertical-align: middle;width: calc(418 / 880 * 100%);}
.equipment .equiper .swiper-slide .swl .imgs {width: 100%;position: relative;overflow: hidden;}
.equipment .equiper .swiper-slide .swl .imgs .img {width: 100%;padding-top: 100%;transition: all ease 0.5s;}
.equipment .equiper .swiper-slide .swr {display: inline-block;vertical-align: middle;width: calc(418 / 880 * 100%);}
.equipment .equiper .swiper-slide .swr .siv {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.2;margin-bottom: 0.1rem;}
.equipment .equiper .swiper-slide .swr .sim {width: 100%;color: #666;line-height: 1.5;max-height: 4.5em;}
.equipment .equiper .swiper-slide .swr .more {width: 100%;font-size: 0;margin-top: 0.35rem;}
.equipment .equiper .swiper-slide .swr .more .mtn {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.equipment .equiper .swiper-slide .swr .more .mtn span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.equipment .equiper .swiper-slide .swr .more .mtn span img {width: 100%;display: block;}
.equipment .equiper .swiper-slide .swr .more .mtn:hover {animation: icon-bounce 0.5s alternate;}
.equipment .equiper .swiper-slide-active {opacity: 1;}
.equipment .equiper .swiper-slide:hover .swl .imgs .img {transform: scale(1.1);}
.equipment .equiper .swiper-slide:hover .swr .siv {color: var(--themes);}
.equipment .equiper .swiper-slide:hover .swr .more .mtn {animation: icon-bounce 0.5s alternate;}


header {position: fixed;top: 0;left: 0;right: 0;z-index: 50;transition: all ease 0.5s;background-color: transparent;}
header .hot {width: 100%;padding: 0.1rem 0;border-bottom: solid 1px rgba(255, 255, 255, 0.1);height: 40px;transition: all ease 0.5s;overflow: hidden;}
header .hot .hom {width: 100%;display: flex;align-items: center;justify-content: space-between;align-items: center;}
header .hot .hom .hkl, header .hot .hom .hkr {width: auto;display: inline-block;vertical-align: middle;}
header .hot .hom .tel {display: inline-block;vertical-align: middle;width: auto; }
header .hot .hom .tel .tc {display: inline-block;vertical-align: middle;width: 17px;margin-right: 0.1rem;}
header .hot .hom .tel .tc img {width: 100%;display: block;}
header .hot .hom .tel .tc img:first-child {display: block;}
header .hot .hom .tel .tc img:last-child {display: none;}
header .hot .hom .tel .tm {display: inline-block;vertical-align: middle;width: auto;color: #fff;line-height: 1.5;}
header .hop {width: 100%;display: flex;justify-content: space-between;transition: all ease 0.5s;min-height: 0.9rem;align-items: center;}
header .hop .lm {display: inline-block;vertical-align: middle;width: auto;color: #fff;line-height: 1.3;margin-left: 0.2rem;}
header .hop .lm p {color: #fff;line-height: 1.3;}
header .rav {width: auto;display: inline-block;vertical-align: middle;padding-left: 0.4rem;font-size: 0;display: flex;align-items: center;}
header .rav .search {display: inline-block;vertical-align: middle;width: auto;text-align: center;cursor: pointer;position: relative;width: 65px;height: 40px;}
header .rav .search .sc {display: inline-block;vertical-align: middle;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;}
header .rav .search .sc img {width: auto;display: block;}
header .rav .search .sc img:first-child {display: block;}
header .rav .search .sc img:last-child {display: none;}
header .rav .sechom {position: absolute;z-index: 3;right: 0;width: 4rem;background-color: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);padding: 0.1rem;top: 100%;display: none;}
header .rav .sechom form {width: 100%;display: block;font-size: 0;}
header .rav .sechom .input {display: inline-block;vertical-align: middle;width: calc(100% - 2.4em - 0.2rem);margin-right: 0.2rem;}
header .rav .sechom .input .int {width: 100%;display: block;background-color: #fff;line-height: 2.4;height: 2.4em;color: #111;padding: 0 0.1rem;border: none;background-color: #fff;}
header .rav .sechom .stn {display: inline-block;vertical-align: middle;width: 2.2em;height: 2.2em;border-radius: 50%;background-color: var(--themes);position: relative;}
header .rav .sechom .stn img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.22rem;height: 0.21rem;display: block;border-radius: 50%;cursor: pointer;z-index: 1;filter: grayscale(1000%) brightness(2000%);}
header .rav .sechom .stn input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;border-radius: 50%;cursor: pointer;z-index: 3;opacity: 0;}
header .rav .menu {display: inline-block;vertical-align: middle;width: 20px;height: 20px;cursor: pointer;position: relative;display: none;}
header .rav .menu img {width: 100%;display: block;}
header .rav .menu img:first-child {display: block;}
header .rav .menu img:last-child {display: none;}
header .rav .menu .clk {width: 100%;height: 100%;text-align: center;color: #333;font-size: 20px;line-height: 24px;text-align: center;position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none;}
header .logo {display: inline-block;vertical-align: middle;width: auto;font-size: 0;white-space: nowrap; margin:10px 0;}
header .logo .log {width: 5.04rem;display: inline-block;vertical-align: middle;}
header .logo .log a, header .logo .log img {width: 100%;display: block;}
@media(max-width: 1366px){
header .logo .log {width: 5.04rem;}
}
@media(max-width: 700px){
header .logo .log {width: 100%;}
}
header .logo .log img:first-child {display: block;}
header .logo .log img:last-child {display: none;}
header nav {width: 100%;display: block;text-align: right;}
header nav .natem {width: auto;display: inline-block;vertical-align: middle;position: relative;text-align: center;font-size: 0;}
header nav .natem .nas {width: auto;display: inline-block;position: relative;margin: 0 0.1rem;}
header nav .natem .nas a {display: inline-block;line-height: 0.9rem;color: #fff;position: relative;padding: 0 0.15rem;transition: all ease 0.5s;}
header nav .natem .nas:after {content: ' ';position: absolute;left: 50%;bottom: 0rem;transform: translateX(-50%);opacity: 0;background-color: #fff;transition: all ease 0.5s;width: 0;height: 0.02rem;}
header nav .natem .navuls {width: 2.2rem;width: 2rem;position: absolute;z-index: 101;left: calc(50%);top: 100%;transform: translateX(-50%);display: none;}
header nav .natem .navuls ul {width: 100%;}
header nav .natem .navuls ul li {width: 100%;position: relative;}
header nav .natem .navuls ul li .njm {width: 100%;font-size: 0;background-color: rgba(255, 255, 255, 0.5);}
header nav .natem .navuls ul li .ns {width: 100%;display: inline-block;vertical-align: middle;line-height: 3;color: #222;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0.1rem;position: relative;text-align: center;background-color: rgba(255, 255, 255, 0.5);}
header nav .natem .navuls ul li .theul {width: 100%;background-color: #fff;display: none;}
header nav .natem .navuls ul li .theul li {width: 100%;font-size: 0;}
header nav .natem .navuls ul li .theul li .xn {display: inline-block;vertical-align: middle;color: #333;line-height: 2.5;padding: 0 0.2rem;}
header nav .natem .navuls ul li .theul li .xn:hover {color: #333;}
header nav .natem .navuls ul li:hover .ns {background-color: var(--themes);color: #fff;}
header nav .natem .navuls ul li.has-the:after {content: "+";display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;position: absolute;background: none;right: 0;left: auto;transform: translateX(0);top: 0.05rem;font-size: 20px;color: #333;border: none;display: none;}
header nav .natem .navuls ul li.has-the.show:after {content: "-";}
header nav .natem.has-nav .nas .xs {display: inline-block;}
header nav .natem.on .nas:after {opacity: 1;width: 100%;}
header nav .natem.on .nas .xs img:first-child {display: none;}
header nav .natem.on .nas .xs img:last-child {display: block;}
header nav .natem:hover .nas .xs img:first-child {display: none;}
header nav .natem:hover .nas .xs img:last-child {display: block;}
header nav .natem:hover .nas:after {opacity: 1;width: 100%;}


header.white {background-color: #fff;}
header.white .hot {height: 0;padding: 0;border-bottom: none;}
header.white .hop .lm {color: #333;}
header.white .hop .lm p {color: #333;}
header.white .logo .log img:first-child {display: none;}
header.white .logo .log img:last-child {display: block;}
header.white .rav .search .sc img:first-child {display: none;}
header.white .rav .search .sc img:last-child {display: block;}
header.white .rav .languages .lauges .lashow .ac img:first-child {display: none;}
header.white .rav .languages .lauges .lashow .ac img:last-child {display: block;}
header.white nav .natem .nas a {color: #222;}
header.white nav .natem .nas:after {background-color: var(--themes);}
header.white nav .natem.on .nas a {color: var(--themes);}
header.white nav .natem:hover .nas a {color: var(--themes);}
header.white .hot .hom .hkr .tc img:first-child {display: none;}
header.white .hot .hom .hkr .tc img:last-child {display: block;}
header.white .hot .hom .hkr .tm {color: #222;}


@media (max-width: 800px) {header {background-color: #fff;}
header .hop {align-items: center;padding: 0.1rem 0;}
header .hop .lm {color: #333;}
header .hop .lm p {color: #333;}
header .blace {position: fixed;z-index: -1;width: 100%;height: 100%;left: 0;top: 0;z-index: 450;display: none;background-color: rgba(0, 0, 0, 0.5);}
header nav {width: 100%;width: 5rem;position: fixed;right: -100%;top: 0;left: auto;height: 100vh;background-color: #fff;margin-right: 0;overflow: auto;z-index: 500;transition: all ease1.2s;padding-left: 0.1rem;padding: 0.1rem;display: block;text-align: left;opacity: 0;border-top: solid 1px #e5e5e5;}
header nav .natem {display: inline-block;vertical-align: middle;position: relative;width: auto;width: 100%;padding: 0.1rem 0;opacity: 0;transform: translate(-10px, -30px);transition: all .8s ease;}
header nav .natem .nas {width: auto;display: inline-block;text-align: left;width: 100%;margin: 0;}
header nav .natem .nas a {width: auto;display: inline-block;vertical-align: middle;line-height: 2.5;color: #333;font-weight: bold;font-family: 'Alibaba-PuHuiTi-Bold';padding: 0 0.3rem;position: relative;}
header nav .natem .nas .ik {display: none !important;}
header nav .natem .nas a:hover {color: var(--themes);background-color: transparent;}
header nav .natem .navuls {width: 100%;position: relative;z-index: 101;left: 0%;top: 0%;transform: translateX(0%);background: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);display: none;text-align: left;}
header nav .natem .navuls ul {width: 100%;padding: 0.1rem 0.2rem;}
header nav .natem .navuls ul li {width: 100%;display: block;position: relative;margin-bottom: 0;}
header nav .natem .navuls ul li .ns {width: auto;display: inline-block;vertical-align: middle;line-height: 3;color: #333;text-align: left !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0.2rem;background: #fff;position: relative;}
header nav .natem .navuls ul li .ns:hover {color: var(--themes);}
header nav .natem .navuls ul li + li {border-top: solid 1px #eee;}
header nav .natem .navuls ul li:hover .ns {background-color: transparent;color: var(--themes);}
header nav .natem .navuls ul li.has-the:after {display: block;}
header nav .natem:before {display: none !important;}
header nav .natem .prosubnav {display: none;}
header nav .natem.on .nas:after {display: none;}
header nav .natem.has-nav .nas .xs {display: none;}
header nav .natem.has-nav:after {content: "+";display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;position: absolute;background: none;right: 0;left: auto;transform: translateX(0);top: 0.05rem;font-size: 20px;color: #333;border: none;}
header nav .natem.has-nav.show:after {content: "-";}
header nav .natem.animate {opacity: 1;transform: translate(0, 0);}
header .logo .log img:first-child {display: none;}
header .logo .log img:last-child {display: block;}
header .rav .languages {margin: 0 0.2rem;}
header .rav .languages .lauges .lashow .ac {margin-right: 0;}
header .rav .languages .lauges .lashow .ac img:first-child {display: none;}
header .rav .languages .lauges .lashow .ac img:last-child {display: block;}
header .rav .menu {width: 30px;height: 30px;display: inline-block;}
header .rav .menu img:first-child {display: none;}
header .rav .menu img:last-child {display: block;}
header .rav .menu .clk {line-height: 30px;}
header .rav .searcom {width: 80px;background-color: #f8f8f8;}
header .rav .searcom .input input {color: #333;}
header .rav .searcom .input input::-webkit-input-placeholder,header .rav .searcom .input textarea::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.5);}
header .rav .searcom .input input:-moz-placeholder,header .rav .searcom .input textarea:-moz-placeholder {color: rgba(0, 0, 0, 0.5);}
header .rav .searcom .input input::-moz-placeholder,header .rav .searcom .input textarea::-moz-placeholder {color: rgba(0, 0, 0, 0.5);}
header .rav .searcom .input input:-ms-input-placeholder,header .rav .searcom .input textarea:-ms-input-placeholder {color: rgba(0, 0, 0, 0.5);}
header .rav .search {width: 80px;display: inline-block;}
header .rav .search .sc {width: 20px;height: 20px;}
header .rav .search .sc img:first-child {display: none;}
header .rav .search .sc img:last-child {display: block;}
header .rav .sechom {width: 100vw;position: fixed;left: 0;top: calc(68px + 0.2rem);padding: 0.15rem;}
header .hot {border-bottom: solid 1px rgba(0, 0, 0, 0.08);}
header .hot .hom .hkr .tc img:first-child {display: none;}
header .hot .hom .hkr .tc img:last-child {display: block;}
header .hot .hom .hkr .tm {color: #222;}

header.menu-state .rav .menu img {opacity: 0;}
header.menu-state nav {opacity: 1;right: 0;}
header.menu-state .blace {opacity: 1;}
}

.abouts {width: 100%;padding-top: 1rem;overflow: hidden;}
.abouts .abotm {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row-reverse;justify-content: space-between;align-items: flex-end;}
.abouts .abotm .abl {display: inline-block;vertical-align: middle;width: calc(833 / 1920 * 100%);position: relative;overflow: hidden;border-radius: 0.8rem 0 0 0;}
.abouts .abotm .abl .imgs {width: 100%;position: relative;}
.abouts .abotm .abl .imgs .img {width: 100%;padding-top: 58.28%;transition: all ease 0.5s;}
.abouts .abotm .abr {display: inline-block;vertical-align: middle;width: calc( 1086/ 1920 * 100%);padding-left: calc(200 / 1920 * 100%);padding-right: 1rem;padding-bottom: 0.4rem;}
.abouts .abotm .abr .minp {width: 100%;color: #444;line-height: 1.6;}
.abouts .abotm .abr .minp p {color: #444;line-height: 1.6;}
.abouts .abotm .abr .datem {width: 100%;font-size: 0;margin-top: 0.3rem;}
.abouts .abotm .abr .datem .daim {display: inline-block;vertical-align: top;width: auto;margin-right: 0.44rem;}
.abouts .abotm .abr .datem .daim .xum {width: 100%;color: #444;line-height: 1.5;}
.abouts .abotm .abr .datem .daim .xum .LineNum {display: inline-block;color: #222;font-family: 'D-DINExp';margin-right: 0.04rem;}
.abouts .abotm .abr .datem .daim .cms {width: 100%;color: #444;line-height: 1.5;margin-top: 0.08rem;}
.abouts .abotm .abr .more {width: 100%;font-size: 0;margin-top: 0.35rem;}
.abouts .abotm .abr .more a {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.abouts .abotm .abr .more a span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.abouts .abotm .abr .more a span img {width: 100%;display: block;}
.abouts .abotm .abr .more a:hover {animation: icon-bounce 0.5s alternate;}


@media (max-width: 1580px) {.abouts .abotm .abr {padding-left: 5%;}
}

@media (max-width: 800px) {.abouts {padding: 15px 3%;}
.abouts .abotm .abl {width: 100%;border-radius: 0.8rem;}
.abouts .abotm .abr {width: 100%;padding: 0.3rem 0 0;}
}

.honors {width: 100%;padding-top: 1rem;}
.honors .hnppers {width: 100%;}
.honors .hnppers .swiper-slide {width: calc(430 / 1520 * 100%);background: #fff;box-shadow: 0 8px 30px #ddd;position: relative;}
.honors .hnppers .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;}
.honors .hnppers .swiper-slide .imgs .img {width: 100%;padding-top: 133.91%;}


@media (max-width: 800px) {.honors .hnppers .swiper-slide {width: calc(900 / 1520 * 100%);}
}

.servise {width: 100%;position: relative;}
.servise .hei {width: 100%;}
.servise .hei .hg {width: 100%;padding-top: 41.66%;}
.servise .imgslist {width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 1;}
.servise .imgslist .item {width: 100%;position: absolute;left: 0;top: 0;height: 100%;opacity: 0;transition: all ease 1s;z-index: -1;}
.servise .imgslist .item .pcimgs {width: 100%;height: 100%;display: block;}
.servise .imgslist .item .pcimgs .img {width: 100%;height: 100%;display: block;}
.servise .imgslist .item .phimgs {width: 100%;height: 100%;display: none;}
.servise .imgslist .item .phimgs .img {width: 100%;height: 100%;display: block;}
.servise .imgslist .item.on {z-index: 3;opacity: 1;}
.servise .vobx {width: 100%;position: absolute;top: 40%;transform: translateY(-50%);z-index: 4;}
.servise .vobx .voms {width: 100%;}
.servise .vobx .voms .vomlist {width: 100%;position: relative;}
.servise .vobx .voms .vomlist .viem {width: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: -11;}
.servise .vobx .voms .vomlist .viem .xit {width: 100%;color: #fff;line-height: 1.5;font-family: 'MiSans-Demibold';margin-bottom: 0.2rem;opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.1s,transform 1s ease-out 0.1s,box-shadow .3s;}
.servise .vobx .voms .vomlist .viem .ximp {width: 100%;color: rgba(255, 255, 255, 0.7);line-height: 1.7;max-width: 3.6rem;opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.1s,transform 1s ease-out 0.1s,box-shadow .3s;}
.servise .vobx .voms .vomlist .viem .ximp p {color: rgba(255, 255, 255, 0.7);line-height: 1.7;}
.servise .vobx .voms .vomlist .viem.on {position: relative;opacity: 1;z-index: 4;}
.servise .vobx .voms .vomlist .viem.on .xit, .servise .vobx .voms .vomlist .viem.on .ximp {opacity: 1;transform: translate3d(0, 0, 0);}
.servise .vompers {width: 100%;position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;}
.servise .vompers .vomper {width: 100%;position: relative;}
.servise .vompers .vomper .swiper-slide {width: 100%;padding: 0.4rem 0;position: relative;cursor: pointer;}
.servise .vompers .vomper .swiper-slide:after {position: absolute;content: ' ';left: 0;width: calc((100% - 1rem) / 2);height: 1px;background-color: rgba(255, 255, 255, 0.1);top: 50%;transform: translateY(-50%);}
.servise .vompers .vomper .swiper-slide:before {position: absolute;content: ' ';right: 0;width: calc((100% - 1rem) / 2);height: 1px;background-color: rgba(255, 255, 255, 0.1);top: 50%;transform: translateY(-50%);}
.servise .vompers .vomper .swiper-slide .ic {display: block;width: 0.6rem;height: 0.6rem;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);margin: 0 auto 0.1rem;}
.servise .vompers .vomper .swiper-slide .sim {width: 100%;text-align: center;color: #fff;line-height: 1.5;}
.servise .vompers .vomper .swiper-slide:hover .ic, .servise .vompers .vomper .swiper-slide.on .ic {background-color: var(--themes);}
.servise .vompers .vomper .btn {width: 7px;display: block;position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all ease 0.5s;opacity: 0.3;}
.servise .vompers .vomper .btn img {width: 100%;display: block;}
.servise .vompers .vomper .btn:hover {opacity: 1;}
.servise .vompers .vomper .bl {left: 0;}
.servise .vompers .vomper .br {right: 0;}


@media (max-width: 800px) {.servise .hei {width: 100%;}
.servise .hei .hg {padding-top: 100%;}
.servise .imgslist .item .pcimgs {display: none;}
.servise .imgslist .item .phimgs {display: block;}
}

.products {width: 100%;padding: 1rem 0;position: relative;}
.products:after {content: ' ';position: absolute;z-index: 1;width: 100%;top: 50%;transform: translateY(-50%);height: 1px;background-color: #e9e9e9;left: 0;right: 0;}
.products .w1520 {position: relative;z-index: 2;}
.products .sotpm {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;position: relative;min-height: 500px;}
.products .sotpm .mitop {position: absolute;left: 0;top: 0;width: auto;z-index: 2;}
.products .sotpm .midr {position: absolute;right: 0;top: 0;width: auto;z-index: 2;}
.products .sotpm .midr .btns {display: inline-block;vertical-align: middle;width: auto;}
.products .sotpm .midr .btns .btn {display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: solid 1px #d7d7d7;cursor: pointer;background-color: transparent;}
.products .sotpm .midr .btns .btn img {width: 100%;display: block;}
.products .sotpm .midr .btns .btn img:first-child {display: block;}
.products .sotpm .midr .btns .btn img:last-child {display: none;}
.products .sotpm .midr .btns .btn:hover {border: solid 1px #222;background-color: #222;}
.products .sotpm .midr .btns .btn:hover img:first-child {display: none;}
.products .sotpm .midr .btns .btn:hover img:last-child {display: block;}
.products .sotpm .midr .btns .btn + .btn {margin-left: 0.1rem;}
.products .sotpm .sinpers {display: inline-block;vertical-align: middle;width: calc(1100 / 1520 * 100%);display: flex;flex-wrap: wrap;align-items: center;}
.products .sotpm .sinpers .swiper-container {width: 100%;}
.products .sotpm .sinpers .swiper-wrapper {align-items: center;}
.products .sotpm .sinpers .swiper-slide {width: 100%;position: relative;transition: all ease 1s;opacity: 0.6;cursor: pointer;}
.products .sotpm .sinpers .swiper-slide .bg {width: 100%;position: relative;overflow: hidden;transition: all ease 1s;z-index: 2;opacity: 0;}
.products .sotpm .sinpers .swiper-slide .bg .gm {width: 100%;padding-top: 100%;}
.products .sotpm .sinpers .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;transition: all ease 1s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0.5);z-index: 3;}
.products .sotpm .sinpers .swiper-slide .imgs .img {width: 100%;padding-top: 100%;}
.products .sotpm .sinpers .swiper-slide-active {opacity: 1;}
.products .sotpm .sinpers .swiper-slide-active .bg {opacity: 1;}
.products .sotpm .sinpers .swiper-slide-active .imgs {transform: translate(-50%, -50%) scale(1);}
.products .sotpm .lteoms {display: inline-block;vertical-align: middle;width: calc(380 / 1520 * 100%);display: flex;flex-wrap: wrap;position: relative;align-content: center;}
.products .sotpm .lteoms .item {width: 100%;display: none;}
.products .sotpm .lteoms .item.on {display: block;}
.products .sotpm .lteoms .vit {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.5;}
.products .sotpm .lteoms .vis {width: 100%;color: #222;line-height: 1.5;margin-top: 0.07rem;}
.products .sotpm .lteoms .sinp {width: 100%;margin-top: 0.5rem;color: #666;line-height: 1.5;}
.products .sotpm .lteoms .sinp p {color: #666;line-height: 1.5;}
.products .sotpm .lteoms .more {width: 100%;font-size: 0;margin-top: 0.35rem;position: absolute;bottom: 0.1rem;left: 0;right: 0;z-index: 2;}
.products .sotpm .lteoms .more a {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.products .sotpm .lteoms .more a span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.products .sotpm .lteoms .more a span img {width: 100%;display: block;}
.products .sotpm .lteoms .more a:hover {animation: icon-bounce 0.5s alternate;}


@media (max-width: 800px) {.products .sotpm {min-height: 0;}
.products .sotpm .mitop {position: relative;width: 100%;z-index: 2;}
.products .sotpm .midr {z-index: 3;padding-top: 0.3rem;}
.products .sotpm .sinpers {width: 100%;margin-bottom: 0.3rem;}
.products .sotpm .lteoms {width: 100%;}
.products .sotpm .lteoms .more {width: 100%;position: relative;}
}

.crumbs {width: 100%;background-color: transparent;position: relative;height: 0.9rem;}
.crumbs:after {content: ' ';position: absolute;left: 0;top: 0;height: 0.9rem;width: 100%;background-color: #f4f4f4;z-index: 1;}
.crumbs .column {width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;font-size: 0;position: relative;}
.crumbs .column .colum {width: auto;
/*font-size: 0;*/display: inline-block;vertical-align: middle;z-index: 2;position: relative;}
.crumbs .column .colum .home {display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right: .1rem;position: relative;top: -0.02rem;}
.crumbs .column .colum .home img {width: 100%;display: block;}
.crumbs .column .colum .sm {display: inline-block;vertical-align: middle;color: #666;line-height: 0.9rem;}
.crumbs .column .colum a {display: inline-block;vertical-align: middle;width: auto;color: #666;line-height: 0.9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.crumbs .column .colum a span {display: inline-block;color: #666;line-height: 0.9rem;position: relative;margin: 0 .08rem;}
.crumbs .column .colum a span img {width: 100%;display: block;}
.crumbs .column .colum a:hover {color: var(--themes);}
.crumbs .column .colum a:last-child {color: #333;}
.crumbs .column .colum a:last-child span {display: none;}
.crumbs .column .cul {display: inline-block;vertical-align: middle;flex: 1;z-index: 2;position: relative;}
.crumbs .column .cul .swiper-container {padding-bottom: 0.12rem;}
.crumbs .column .cul .swiper-slide {display: inline-block;vertical-align: middle;width: auto;position: relative;}
.crumbs .column .cul .swiper-slide a {display: inline-block;vertical-align: middle;color: #222;line-height: 0.9rem;width: auto;padding: 0 0.25rem;transition: all ease 0.5s;}
.crumbs .column .cul .swiper-slide a span {display: inline-block;vertical-align: middle;position: absolute;bottom: 0rem;left: 50%;transform: translateX(-50%);width: 100%;height: 0.02rem;background-color: var(--themes);transition: all ease 0.5s;opacity: 0;}
.crumbs .column .cul .swiper-slide:after {content: ' ';position: absolute;left: 0;right: 0;top: 100%;width: 100%;height: 0.12rem;background-color: transparent;border-radius: 0 0 75% 75%;opacity: 0;transition: all ease 0.5s;}
.crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {background-color: var(--themes);color: #fff;}
.crumbs .column .cul .swiper-slide.on:after, .crumbs .column .cul .swiper-slide:hover:after {opacity: 1;background-color: var(--themes);}
.crumbs .column .cul .swiper-scrollbar {background-color: rgba(0, 0, 0, 0.1);left: 0;right: 0;width: 100%;bottom: 0;display: none;}
.crumbs .column .cul .swiper-scrollbar-drag {background-color: var(--themes);}
.crumbs .column .cul.pbs .swiper-container {padding-bottom: 0.15rem;}
.crumbs .column .cul.pbs .swiper-scrollbar {display: block;}
.crumbs .column.xl {justify-content: space-between;font-size: 0;align-items: center;}


.crumbs.no:after {display: none;}


@media (max-width: 800px) {.crumbs .column {flex-direction: column-reverse;}
.crumbs .column .colum {border-bottom: solid 1px #eee;}
}

.nanner {width: 100%;position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;padding-top: 36.458%;}
.nanner .nox {position: absolute;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);}
.nanner .nox .nit {width: 100%;color: #fff;font-family: 'MiSans-Demibold';font-weight: bold;line-height: 1.5;}
.nanner .nox .nie {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}


@media (max-width: 1580px) {.nanner .nox {left: 5%;}
}

@media (max-width: 800px) {.nanner .nox {left: 3%;}
}

.contacts {width: 100%;padding: 0rem 0 1rem;}
.contacts .conts {width: 100%;padding-top: 0.3rem;}
.contacts .contlist {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.contacts .contlist .icom {display: inline-block;vertical-align: middle;width: 33.3%;padding: 0.2rem 0.15rem;}
.contacts .contlist .icom .ic {display: block;margin: 0 auto 0.18rem;width: 0.85rem;height: 0.85rem;border-radius: 50%;background-color: rgba(0, 72, 149, 0.1);}
.contacts .contlist .icom .ic img {width: 100%;display: block;}
.contacts .contlist .icom .xt {width: 100%;color: #111;line-height: 1.75;text-align: center;}
.contacts .maps {width: 100%;margin-top: 0.6rem;}
.contacts .maps .map {width: 100%;}
.contacts .maps .map img {width: 100%;display: block;}


.aboutem {width: 100%;}
.aboutem .abcome {width: 100%;}
.aboutem .company {width: 100%;padding: 1rem 0;}
.aboutem .company .comy {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.aboutem .company .comy .coml {display: inline-block;vertical-align: middle;width: calc(1060 / 1520 * 100%);}
.aboutem .company .comy .coml .cit {width: 100%;color: #222;line-height: 1.3;font-family: 'MiSans-Demibold';font-weight: bold;margin-bottom: 0.3rem;}
.aboutem .company .comy .coml .simp {width: 100%;color: #444;line-height: 1.5;}
.aboutem .company .comy .coml .simp p {color: #444;line-height: 1.5;}
.aboutem .company .comy .comr {display: inline-block;vertical-align: middle;width: calc(270 / 1520 * 100%);}
.aboutem .company .comy .comr .datas {width: 100%;}
.aboutem .company .comy .comr .datas .diam {width: 100%;display: inline-block;vertical-align: middle;}
.aboutem .company .comy .comr .datas .diam .xm {width: 100%;color: #444;}
.aboutem .company .comy .comr .datas .diam .xm span {display: inline-block;color: var(--themes);font-family: 'D-DINExp';margin-right: 0.04rem;}
.aboutem .company .comy .comr .datas .diam + .diam {margin-top: 0.45rem;}
.aboutem .company .sinps {width: 100%;color: #444;line-height: 1.75;margin-top: 0.24rem;}
.aboutem .company .sinps p {color: #444;line-height: 1.75;}
.aboutem .company .sinps img {max-width: 100%;}
.aboutem .reason {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.aboutem .reason .real {display: inline-block;vertical-align: middle;width: calc(960 / 1920 * 100%);position: relative;overflow: hidden;}
.aboutem .reason .real .imgs {width: 100%;position: relative;overflow: hidden;}
.aboutem .reason .real .imgs .img {width: 100%;padding-top: 66.66%;transition: all ease 0.5s;}
.aboutem .reason .real .ic {position: absolute;z-index: 2;left: -0.06rem;top: 50%;transform: translateY(-50%);width: 0.24rem;}
.aboutem .reason .real .ic img {width: 100%;display: block;}
.aboutem .reason .rear {display: inline-block;vertical-align: middle;width: calc(960 / 1920 * 100%);padding-left: calc(200 / 1920 * 100%);padding-right: calc(110 / 1920 * 100%);}
.aboutem .reason .rear .rir {width: 100%;color: #222;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.2;margin-bottom: 0.3rem;}
.aboutem .reason .rear .reauls {width: 100%;}
.aboutem .reason .rear .reauls .ril {width: 100%;padding: 14px 0.4rem;border-bottom: solid 1px #e5e5e5;}
.aboutem .reason .rear .reauls .ril .ras {width: 100%;font-size: 0;position: relative;cursor: pointer;}
.aboutem .reason .rear .reauls .ril .ras a {display: inline-block;vertical-align: middle;color: #222;font-weight: bold;line-height: 1.3;}
.aboutem .reason .rear .reauls .ril .ras:after {content: ' ';position: absolute;right: 0rem;top: 0.14rem;background-image: url("../images/i3.png");background-size: 100% 100%;width: 12px;height: 7px;cursor: pointer;display: none;transition: all ease 0.5s;}
.aboutem .reason .rear .reauls .ril .trul {width: 100%;display: none;margin-top: 0.15rem;}
.aboutem .reason .rear .reauls .ril .trul .sine {width: 100%;color: #444;line-height: 1.5;}
.aboutem .reason .rear .reauls .ril .trul .sine p {color: #444;line-height: 1.5;}
.aboutem .reason .rear .reauls .ril.has-tul .ras:after {display: block;}
.aboutem .reason .rear .reauls .ril.show {background-color: #fff;padding: 0.35rem 0.4rem;border-bottom: solid 1px transparent;}
.aboutem .reason .rear .reauls .ril.show .ras:after {transform: rotate(180deg);}
.aboutem .honors {width: 100%;padding: 1rem 0;}
.aboutem .honors .honpers {width: 100%;position: relative;}
.aboutem .honors .honpers .bg {width: 100%;position: relative;position: absolute;bottom: 0.62rem;left: 0;right: 0;z-index: 1;}
.aboutem .honors .honpers .bg .xm {width: 100%;padding-top: 7.235%;}
.aboutem .honors .honpers .swiper-container {padding-bottom: 0.5rem;position: relative;z-index: 2;}
.aboutem .honors .honpers .swiper-slide {width: 100%;}
.aboutem .honors .honpers .swiper-slide a {width: 100%;display: block;}
.aboutem .honors .honpers .swiper-slide .imgs {width: 100%;margin: 0 auto 0.4rem;position: relative;overflow: hidden;display: block;max-width: 2.72rem;background-color: #fff;}
.aboutem .honors .honpers .swiper-slide .imgs .img {width: 100%;padding-top: 140.07%;transition: all ease0.5s;}
.aboutem .honors .honpers .swiper-slide .sim {width: 100%;text-align: center;color: #444;line-height: 1.5;}
.aboutem .honors .honpers .swiper-pagination {bottom: 0;}
.aboutem .honors .honpers .swiper-pagination-bullet {width: 0.5rem;height: 0.05rem;border-radius: 0.025rem;background-color: #e1e1e1;opacity: 1;}
.aboutem .honors .honpers .swiper-pagination-bullet-active {background-color: var(--themes);}


@media (max-width: 800px) {.aboutem .honors .honpers .bg {bottom: 20%;}
}

.environment {width: 100%;padding: 1rem 0;background-color: #f5f5f5;}
.environment .enviper {width: 100%;position: relative;}
.environment .enviper .swiper-container {padding-bottom: 0.5rem;position: relative;z-index: 2;}
.environment .enviper .swiper-pagination {bottom: 0;}
.environment .enviper .swiper-pagination-bullet {width: 0.5rem;height: 0.05rem;border-radius: 0.025rem;background-color: #e1e1e1;opacity: 1;}
.environment .enviper .swiper-pagination-bullet-active {background-color: var(--themes);}
.environment .enviper .swiper-slide {display: inline-block;vertical-align: middle;width: calc(405 / 1520 * 100%);margin-right: calc(39 / 1520 * 100%);transition: all ease 0.5s;border-radius: 0.16rem;overflow: hidden;}
.environment .enviper .swiper-slide a {width: 100%;display: block;}
.environment .enviper .swiper-slide .imgs {width: 100%;position: relative;}
.environment .enviper .swiper-slide .imgs .img {width: 100%;height: 4.4rem;transition: all ease 0.5s;}
.environment .enviper .swiper-slide .vom {width: 100%;background-color: #fff;position: relative;transition: all ease 0.5s;padding: 0.2rem 0.4rem;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.environment .enviper .swiper-slide .vom .xms {width: 100%;color: #444;font-family: 'MiSans-Medium';line-height: 1.5;padding-right: 0.6rem;}
.environment .enviper .swiper-slide .vom .rc {position: absolute;right: 0.4rem;top: 50%;transform: translateY(-50%) rotate(-90deg);width: 12px;}
.environment .enviper .swiper-slide .vom .rc img {width: 100%;display: block;}
.environment .enviper .swiper-slide.on {width: calc(630 / 1520 * 100%);}
.environment .enviper .swiper-slide.on .imgs .img {transform: scale(1.1);}
.environment .enviper .swiper-slide.on .vom {background-color: var(--themes);border-radius: 0 0.32rem 0 0;}
.environment .enviper .swiper-slide.on .vom .xms {color: #fff;}
.environment .enviper .swiper-slide.on .vom .rc img {filter: grayscale(1000%) brightness(2000%);}
.environment .enviper .swiper-slide:last-child {margin-right: 0;}


.news {width: 100%;padding: 1rem 0;}


.rightnav {position: fixed;right: 0.2rem;top: 60%;transform: translateY(-50%);z-index: 10;display: none;}
.rightnav .ritm {display: block;width: 0.56rem;height: 0.56rem;background-color: #f3f3f3;border-radius: 0.06rem;}
.rightnav .ritm a, .rightnav .ritm img {width: 100%;display: block;}
.rightnav .ritm + .ritm {margin-top: 0.06rem;}
.rightnav .ritm:hover {background-color: var(--themes);}
.rightnav .ritm:hover img {filter: grayscale(1000%) brightness(2000%);}


.pages {width: 100%;padding: 0.22rem 0 0.25rem;
/*font-size: 0;*/text-align: center;margin-top: 0.2rem;}
.pages .page {display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;line-height: 0.5rem;text-align: center;color: #666;border-radius: 50%;background-color: #fff;margin: 0 0.05rem 0.1rem;}
.pages .page.ltn {background-image: url("../images/b1.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}
.pages .page.rtn {background-image: url("../images/b2.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}
.pages .page.on {background-color: var(--themes);color: #fff;}
.pages .page.ltn:hover {background-image: url("../images/b3.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-color: #fff !important;border: none;}
.pages .page.on.ltn {background-image: url("../images/b3.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-color: #fff !important;border: none;}
.pages .page.on.rtn {background-image: url("../images/b4.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-color: #fff !important;border: none;}
.pages .page.rtn:hover {background-image: url("../images/b4.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-color: #fff !important;border: none;}
.pages .page.auto {width: auto;padding: 0 0.24rem;}
.pages .page:hover {background-color: var(--themes);color: #fff;}


@media (max-width: 900px) {.pages .page {width: 0.8rem;height: 0.8rem;line-height: 0.8rem;font-size: 16px;margin: 0 0.1rem 0.1rem;}
}

.news {width: 100%;padding: 0rem 0;}
.news .newlist {width: 100%;margin-top: 0.5rem;}
.news .newlist .nitem {width: 100%;}
.news .newlist .nitem a {width: 100%;display: block;padding: 0.3rem 0;border-bottom: solid 1px #eee;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.news .newlist .nitem .imgs {display: inline-block;vertical-align: middle;width: calc(435 / 1520 * 100%);position: relative;overflow: hidden;border-radius: 0.16rem;}
.news .newlist .nitem .imgs .img {width: 100%;padding-top: 56.32%;transition: all ease 0.5s;}
.news .newlist .nitem .pom {display: inline-block;vertical-align: middle;width: calc(980 / 1520 * 100%);}
.news .newlist .nitem .pom .time {width: 100%;color: #666;line-height: 1.5;}
.news .newlist .nitem .pom .time span {display: inline-block;vertical-align: middle;width: 15px;position: relative;margin-right: 0.04rem;top: -0.02rem;}
.news .newlist .nitem .pom .time span img {width: 100%;display: block;}
.news .newlist .nitem .pom .xi {width: 100%;color: #222;line-height: 1.5;font-family: 'MiSans-Medium';margin: 0.15rem 0 0.1rem;}
.news .newlist .nitem .pom .xim {width: 100%;color: #666;line-height: 1.5;}
.news .newlist .nitem .pom .more {width: 100%;font-size: 0;margin-top: 0.3rem;}
.news .newlist .nitem .pom .more span {display: inline-block;vertical-align: middle;color: var(--themes);line-height: 1.5;}
.news .newlist .nitem:hover .imgs .img {transform: scale(1.1);}
.news .newlist .nitem:hover .pom .xi {color: var(--themes);}
.news .newpers {width: 100%;position: relative;}
.news .newpers .swiper-container {padding-bottom: 0.4rem;}
.news .newpers .swiper-slide {width: 100%;background-color: #f4f4f4;border-radius: 0.16rem;overflow: hidden;}
.news .newpers .swiper-slide a {width: 100%;display: block;}
.news .newpers .swiper-slide .imgs {display: inline-block;vertical-align: middle;width: calc(665 / 1520 * 100%);position: relative;overflow: hidden;}
.news .newpers .swiper-slide .imgs .img {width: 100%;padding-top: 56.09%;transition: all ease 0.5s;}
.news .newpers .swiper-slide .pom {display: inline-block;vertical-align: middle;width: calc(855 / 1520 * 100%);padding: 0.3rem 0.8rem;}
.news .newpers .swiper-slide .pom .time {width: 100%;color: #666;line-height: 1.5;}
.news .newpers .swiper-slide .pom .time span {display: inline-block;vertical-align: middle;width: 15px;position: relative;margin-right: 0.04rem;top: -0.02rem;}
.news .newpers .swiper-slide .pom .time span img {width: 100%;display: block;}
.news .newpers .swiper-slide .pom .xi {width: 100%;color: #222;line-height: 1.5;font-family: 'MiSans-Medium';margin: 0.15rem 0 0.1rem;}
.news .newpers .swiper-slide .pom .xim {width: 100%;color: #666;line-height: 1.5;}
.news .newpers .swiper-slide .pom .more {width: 100%;font-size: 0;margin-top: 0.25rem;}
.news .newpers .swiper-slide .pom .more .mtn {display: inline-block;vertical-align: middle;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.1rem 0 0.24rem;transition: all ease 0.5s;}
.news .newpers .swiper-slide .pom .more .mtn span {display: inline-block;vertical-align: middle;width: calc(3em - 0.2rem);height: calc(3em - 0.2rem);border-radius: 50%;margin-left: 0.4rem;position: relative;top: -0.02rem;background-color: rgba(255, 255, 255, 0.2);}
.news .newpers .swiper-slide .pom .more .mtn span img {width: 100%;display: block;}
.news .newpers .swiper-slide .pom .more .mtn:hover {animation: icon-bounce 0.5s alternate;}
.news .newpers .swiper-pagination {bottom: 0;}
.news .newpers .swiper-pagination-bullet {width: 0.5rem;height: 0.05rem;border-radius: 0.025rem;background-color: #e1e1e1;opacity: 1;}
.news .newpers .swiper-pagination-bullet-active {background-color: var(--themes);}


.netails {width: 100%;padding: 1rem 0;}
.netails .netail {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;align-items: flex-start;}
.netails .netail .nel {display: inline-block;vertical-align: middle;width: calc(1140 / 1520 * 100%);}
.netails .netail .nel .nit {width: 100%;color: #111;line-height: 1.2;margin-bottom: 0.15rem;}
.netails .netail .nel .nim {width: 100%;font-size: 0;padding: 0.25rem 0;}
.netails .netail .nel .nim .nm {display: inline-block;vertical-align: middle;width: auto;color: #999;line-height: 1.5;margin-right: 0.4rem;}
.netails .netail .nel .nim .share {display: inline-block;vertical-align: middle;width: auto;}
.netails .netail .nel .nim .share .em {display: inline-block;vertical-align: middle;width: auto;color: #999;line-height: 1.5;margin-right: 0.1rem;}
.netails .netail .nel .nim .share .am {display: inline-block;vertical-align: middle;width: 20px;margin-right: 0.2rem;position: relative;}
.netails .netail .nel .nim .share .am a, .netails .netail .nel .nim .share .am img {width: 100%;display: block;}
.netails .netail .nel .nim .share .am .codm {position: absolute;left: 50%;transform: translateX(-50%);width: 1.4rem;border-radius: 0.06rem;background-color: #fff;display: none;bottom: calc(100% + 0.1rem);box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.netails .netail .nel .nim .share .am .codm img {width: 100%;display: block;}
.netails .netail .nel .nim .share .am:hover .codm {display: block;}
.netails .netail .nel .ninp {width: 100%;padding: 0.3rem 0;color: #666;line-height: 1.75;border-top: solid 1px #eee;border-bottom: solid 1px #eee;}
.netails .netail .nel .ninp span, .netails .netail .nel .ninp p {color: #666;line-height: 1.75;}
.netails .netail .nel .ninp img {max-width: 100%;}
.netails .netail .nel .not {width: 100%;font-size: 0;margin-top: 0.3rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.netails .netail .nel .not .ntl {display: inline-block;vertical-align: middle;width: auto;flex: 1;padding-right: 0.4rem;}
.netails .netail .nel .not .ntl .am {color: #666;line-height: 1.6;width: 100%;display: flex;}
.netails .netail .nel .not .ntl .am a {display: inline-block;vertical-align: middle;color: #666;line-height: 2;flex: 1;}
.netails .netail .nel .not .ntl .am span {display: inline-block;vertical-align: middle;color: #666;line-height: 2;width: auto;}
.netails .netail .nel .not .ntl .am:hover a {color: var(--themes);}
.netails .netail .nel .not .ntr {display: inline-block;vertical-align: middle;width: auto;}
.netails .netail .nel .not .ntr .back {display: inline-block;vertical-align: middle;width: auto;}
.netails .netail .nel .not .ntr .back a {display: inline-block;vertical-align: middle;width: auto;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.2rem;}
.netails .netail .nel .not .ntr .back a span {display: inline-block;vertical-align: middle;top: -0.02rem;width: 16px;position: relative;margin-left: 0.3rem;}
.netails .netail .nel .not .ntr .back a span img {width: 100%;display: block;}
.netails .netail .ner {display: inline-block;vertical-align: middle;width: calc(285 / 1520 * 100%);position: sticky;top: 1rem;}
.netails .netail .ner .niv {width: 100%;color: #111;font-weight: bold;line-height: 1.4;margin-bottom: 0.35rem;}
.netails .netail .ner .nerlist {width: 100%;}
.netails .netail .ner .nerlist .nerom {width: 100%;border-radius: 0.16rem;overflow: hidden;}
.netails .netail .ner .nerlist .nerom a {width: 100%;display: block;}
.netails .netail .ner .nerlist .nerom .imgs {width: 100%;position: relative;overflow: hidden;}
.netails .netail .ner .nerlist .nerom .imgs .img {width: 100%;padding-top: 56.14%;transition: all ease 0.5s;}
.netails .netail .ner .nerlist .nerom .tom {width: 100%;background-color: #f4f4f4;padding: 0.2rem 0.3rem;}
.netails .netail .ner .nerlist .nerom .tom .em {width: 100%;color: #222;line-height: 1.5;}
.netails .netail .ner .nerlist .nerom .tom .time {width: 100%;color: #666;line-height: 1.5;margin-top: 0.1rem;}
.netails .netail .ner .nerlist .nerom .tom .time span {display: inline-block;vertical-align: middle;width: 15px;position: relative;margin-right: 0.04rem;top: -0.02rem;}
.netails .netail .ner .nerlist .nerom .tom .time span img {width: 100%;display: block;}
.netails .netail .ner .nerlist .nerom + .nerom {margin-top: 0.2rem;}
.netails .netail .ner .nerlist .nerom:hover .imgs .img {transform: scale(1.1);}
.netails .netail .ner .nerlist .nerom:hover .tom .em {color: var(--themes);}


.projects {width: 100%;padding: 1rem 0;}
.projects .jectlist {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.projects .jectlist .jeom {display: inline-block;vertical-align: top;width: calc(480 / 1520 * 100%);margin-right: calc(39 / 1520 * 100%);margin-bottom: 0.3rem;}
.projects .jectlist .jeom a {width: 100%;display: block;}
.projects .jectlist .jeom .imgs {width: 100%;position: relative;overflow: hidden;border-radius: 0.16rem;}
.projects .jectlist .jeom .imgs .img {width: 100%;padding-top: 56.25%;transition: all ease 0.5s;}
.projects .jectlist .jeom .coms {width: 100%;padding: 0.2rem 0;display: flex;justify-content: space-between;align-items: center;border-bottom: solid 1px #e5e5e5;}
.projects .jectlist .jeom .coms:after {content: ' ';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background-color: var(--themes);z-index: 2;transition: all ease 0.5s;}
.projects .jectlist .jeom .coms .xim {display: inline-block;vertical-align: middle;width: auto;flex: 1;font-family: 'MiSans-Medium';color: #222;line-height: 1.5;}
.projects .jectlist .jeom .coms .ec {display: inline-block;vertical-align: middle;width: 9px;margin-left: 0.14rem;}
.projects .jectlist .jeom .coms .ec img {width: 100%;display: block;}
.projects .jectlist .jeom .coms .ec img:first-child {display: block;}
.projects .jectlist .jeom .coms .ec img:last-child {display: none;}
.projects .jectlist .jeom:nth-child(3n) {margin-right: 0;}
.projects .jectlist .jeom:hover .imgs .img {transform: scale(1.1);}
.projects .jectlist .jeom:hover .coms:after {width: 100%;}
.projects .jectlist .jeom:hover .coms .ec img:first-child {display: none;}
.projects .jectlist .jeom:hover .coms .ec img:last-child {display: block;}


.parnters {width: 100%;padding: 0.2rem 0 1rem;}
.parnters .parpers {width: 100%;font-size: 0;}
.parnters .parpers .pogom {width: calc(288 / 1520 * 100%);float: left;border-radius: 0.16rem;overflow: hidden;margin-right: calc(19 / 1520 * 100%);margin-bottom: 0.2rem;border: solid 1px #ececec;transition: all ease 0.5s;}
.parnters .parpers .pogom a {width: 100%;display: block;}
.parnters .parpers .pogom .imgs {width: 100%;position: relative;overflow: hidden;}
.parnters .parpers .pogom .imgs .img {width: 100%;padding-top: 54.86%;transition: all ease 0.5s;}
.parnters .parpers .pogom:nth-child(5), .parnters .parpers .pogom:nth-child(9), .parnters .parpers .pogom:nth-child(14) {margin-right: 0;}
.parnters .parpers .pogom:first-child .imgs .img {padding-top: 116.97%;}
.parnters .parpers .pogom:hover {background-color: #ffffff;border: solid 1px #fff;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);}


@media (max-width: 800px) {.parnters .parpers .pogom {width: 48%;margin-right: 4%;}
.parnters .parpers .pogom:nth-child(2) {margin-right: 0;}
.parnters .parpers .pogom:nth-child(3) {margin-right: 0;}
}

.advange {width: 100%;padding: 0.2rem 0 1rem;}
.advange .advanlis {width: 100%;}
.advange .advanlis .advam {width: 100%;background-color: #f4f4f4;padding: 0.3rem;border-radius: 0.16rem;font-size: 0;cursor: pointer;}
.advange .advanlis .advam .imgs {display: inline-block;vertical-align: middle;width: calc(456 / 1460 * 100%);position: relative;overflow: hidden;border-radius: 0.16rem;}
.advange .advanlis .advam .imgs .img {width: 100%;padding-top: 56.14%;transition: all ease 0.5s;}
.advange .advanlis .advam .vam {display: inline-block;vertical-align: middle;width: calc(1003 / 1460 * 100%);padding-left: 0.8rem;}
.advange .advanlis .advam .vam .vcm {width: 100%;color: #222;line-height: 1.2;font-family: 'MiSans-Medium';}
.advange .advanlis .advam .vam .vcm span {display: inline-block;vertical-align: middle;width: 0.3rem;margin-right: 0.05rem;position: relative;top: -0.02rem;}
.advange .advanlis .advam .vam .vcm span img {width: 100%;display: block;}
.advange .advanlis .advam .vam .finp {width: 100%;color: #666;line-height: 1.5;margin-top: 0.14rem;}
.advange .advanlis .advam .vam .finp p {color: #666;line-height: 1.5;}
.advange .advanlis .advam + .advam {margin-top: 0.3rem;}
.advange .advanlis .advam:hover {background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);}


.flowchart {width: 100%;padding: 0.5rem 0 0.8rem;overflow: hidden;}
.flowchart .flowlis {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;position: relative;justify-content: space-between;}
.flowchart .flowlis:after {content: ' ';position: absolute;z-index: 1;top: calc(0.66rem);width: 100%;left: 0;border: dashed 1px rgba(102, 102, 102, 0.3);}
.flowchart .flowlis .flom {display: inline-block;vertical-align: middle;width: auto;position: relative;z-index: 2;}
.flowchart .flowlis .flom .ic {display: block;margin: 0 auto 0.15rem;width: 1.32rem;height: 1.32rem;border-radius: 50%;background-color: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);}
.flowchart .flowlis .flom .ic img {width: 100%;display: block;}
.flowchart .flowlis .flom .cm {width: 100%;color: #222;line-height: 1.2;text-align: center;font-family: 'MiSans-Medium';}
.flowchart .flowlis .flom .rc {position: absolute;width: 6px;top: calc(0.66rem - 4px);left: calc(150%);}
.flowchart .flowlis .flom .rc img {width: 100%;display: block;}
.flowchart .flowlis .flom:last-child .rc {display: none;}


@media (max-width: 800px) {.flowchart .flowlis:after {display: none;}
.flowchart .flowlis .flom .rc {left: 100%;}
.flowchart .flowlis .flom:nth-child(3n) .rc {display: none;}
}

.proems {width: 100%;padding: 1rem 0;}
.proems .prtolis {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.proems .prtolis .prtom {display: inline-block;vertical-align: middle;width: calc(350 / 1520 * 100%);margin-right: calc(39 / 1520 * 100%);background-color: #f4f4f4;border-radius: 0.16rem;margin-bottom: 0.34rem;transition: all ease 0.8s;}
.proems .prtolis .prtom a {width: 100%;display: block;padding: 0.3rem;}
.proems .prtolis .prtom .imgs {width: 100%;position: relative;overflow: hidden;}
.proems .prtolis .prtom .imgs .img {width: 100%;padding-top: 87.3%;transition: all ease 0.5s;}
.proems .prtolis .prtom .xim {width: 100%;text-align: center;color: #111;font-weight: bold;line-height: 1.5;font-family: 'MiSans-Demibold';height: 3em;margin-top: 0.2rem;}
.proems .prtolis .prtom:nth-child(4n) {margin-right: 0;}
.proems .prtolis .prtom:hover {background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.proems .prtolis .prtom:hover .imgs .img {transform: scale(1.1);}
.proems .prtolis .prtom:hover .xim {color: var(--themes);}


.petails {width: 100%;padding: 1rem 0;}
.petails .petail {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.petails .petail .pel {display: inline-block;vertical-align: middle;width: calc(530 / 1320 * 100%);}
.petails .petail .pel .ptper {width: 100%;position: relative;}
.petails .petail .pel .ptper .swiper-slide {width: 100%;display: block;background-color: #f4f4f4;border-radius: 16px;overflow: hidden;}
.petails .petail .pel .ptper .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;}
.petails .petail .pel .ptper .swiper-slide .imgs .img {width: 100%;padding-top: 100%;transition: all ease 0.5s;}
.petails .petail .pel .ptper .btn {position: absolute;bottom: 0.2rem;z-index: 3;width: 0.4rem;height: 0.4rem;border-radius: 50%;border: solid 1px #ddd;background-color: transparent;cursor: pointer;}
.petails .petail .pel .ptper .btn img {width: 100%;display: block;}
.petails .petail .pel .ptper .btn img:first-child {display: block;}
.petails .petail .pel .ptper .btn img:last-child {display: none;}
.petails .petail .pel .ptper .btn:hover {background-color: #222;}
.petails .petail .pel .ptper .btn:hover img:first-child {display: none;}
.petails .petail .pel .ptper .btn:hover img:last-child {display: block;}
.petails .petail .pel .ptper .br {right: 0.3rem;}
.petails .petail .pel .ptper .bl {right: calc(0.4rem + 0.1rem + 0.3rem);}
.petails .petail .pel .pbper {width: 100%;margin-top: 0.2rem;}
.petails .petail .pel .pbper .swiper-slide {width: 100%;display: block;background-color: #f4f4f4;border-radius: 16px;border: solid 2px transparent;overflow: hidden;cursor: pointer;}
.petails .petail .pel .pbper .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;}
.petails .petail .pel .pbper .swiper-slide .imgs .img {width: 100%;padding-top: 100%;transition: all ease 0.5s;}
.petails .petail .pel .pbper .swiper-slide.on, .petails .petail .pel .pbper .swiper-slide:hover {border: solid 2px var(--themes);}
.petails .petail .per {display: inline-block;width: calc(690 / 1320 * 100%);}
.petails .petail .per .pir {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.3;}
.petails .petail .per .pir span {display: inline-block;vertical-align: top;background-color: var(--themes);color: #fff;padding: 0 0.14rem;line-height: 1.6;border-radius: 0.7em;}
.petails .petail .per .lx {width: 100%;height: 1px;background-color: #e5e5e5;margin: 0.14rem 0 0.24rem;}
.petails .petail .per .pinp {width: 100%;color: #222;line-height: 1.75;font-family: 'MiSans-Medium';}
.petails .petail .per .pinp p {color: #222;line-height: 1.75;}
.petails .parameter {width: 100%;margin-top: 0.55rem;background-color: #f4f4f4;border-radius: 16px;overflow: hidden;}
.petails .parameter .parnav {width: 100%;font-size: 0;padding: 0 0.6rem;border-bottom: solid 1px #e5e5e5;}
.petails .parameter .parnav .pitm {display: inline-block;vertical-align: middle;line-height: 0.8rem;width: auto;color: #222;position: relative;font-family: 'MiSans-Medium';}
.petails .parameter .parnav .pitm:after {content: ' ';position: absolute;bottom: 0;width: 100%;height: 2px;left: 0;background-color: var(--themes);}
.petails .parameter .ameter {width: 100%;padding: 0.2rem 0.6rem 0.3rem;}
.petails .parameter .ameter .sinp {width: 100%;color: #666;line-height: 1.75;}
.petails .parameter .ameter .sinp p {color: #666;line-height: 1.75;}
.petails .parameter .ameter .form {width: 100%;}
.petails .parameter .ameter .form .fli {width: 100%;display: flex;padding: 0.15rem 0;border-bottom: solid 1px #e9e9e9;}
.petails .parameter .ameter .form .fli .fm {display: inline-block;vertical-align: top;width: 1.4rem;padding-right: 0.2rem;color: #666;line-height: 1.75;}
.petails .parameter .ameter .form .fli .fip {display: inline-block;vertical-align: top;flex: 1;color: #222;line-height: 1.75;}


.details {width: 100%;padding: 1rem 0;}
.details .detail {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;align-items: flex-start;border-top: solid 1px #e5e5e5;padding-top: 0.4rem;}
.details .detail .del {display: inline-block;vertical-align: middle;width: calc(420 / 1320 * 100%);}
.details .detail .der {display: inline-block;vertical-align: middle;width: calc(850 / 1320 * 100%);}
.details .detail .der .dinp {width: 100%;color: #444;line-height: 1.75;}
.details .detail .der .dinp p {color: #444;line-height: 1.75;}
.details .detail .der .table {width: 100%;overflow: auto;/*滚动条里面小方块*//*滚动条里面轨道*/}
.details .detail .der .table::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.details .detail .der .table::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(20, 134, 0, 0.8);background: rgba(20, 134, 0, 0.8);scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.details .detail .der .table::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.1);}
.details .detail .der .table table {width: 8.48rem;}
.details .detail .der .table table, .details .detail .der .table tr, .details .detail .der .table td, .details .detail .der .table th {border: solid 1px #e5e5e5;}
.details .detail .der .table td {padding: 0.16rem 0.24rem;color: #444;}
.details .detail .der .table th {padding: 0.16rem 0.24rem;color: #999;text-align: left;font-weight: bold;background-color: #f4f4f4;}