body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 0.16rem; color: #333;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; /*cursor: pointer;*/}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
html,body{ font-size: calc(100vw/19.2);}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1760{ width: 17.6rem; margin: auto;}
.bannerbox{ position: relative;}
.bannerbox .banner .mker{ position: relative;}
.bannerbox .banner .mker .m{ width: 100%; height: 9.6rem; overflow: hidden;}
.bannerbox .banner .mker .m img{ display: block; width: 100%; opacity: 0;}
.bannerbox .banner .mker .cont{ position: absolute; top: 0.76rem; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;} 
.bannerbox .banner .mker .cont .h{ font-size: 0.8rem; line-height: 1.1rem; color: #fff; /*font-weight: bold;*/}
.bannerbox .banner .mker .cont .p{ font-size: 0.2rem; line-height: 0.36rem; color: #fff; font-weight: bold; margin-top: 0.2rem;}
.moreboxone{ display: flex;}
.moreboxone a{ display: flex; background: #2269C2; width: 2.24rem; height: 0.54rem; line-height: 0.54rem;}
.moreboxone a i{ padding-left: 0.58rem; font-size: 0.14rem; font-weight: bold; color: #fff; letter-spacing: 0.06rem; padding-right: 0.36rem; position: relative;}
.moreboxone a i::after{ content: ''; width: 0.18rem; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/75.png) no-repeat center; background-size: 100% auto;}
.bannerbox .banner .moreboxone{ margin-top: 0.65rem;}
.bannerbox .banner .vbot{ position: absolute; right: 6.31rem; bottom: 0; background: #fff; padding: 0 0.24rem; z-index: 5; display: flex; align-items: center;}
.bannerbox .banner{ position: relative;}
.bannerbox .banner .swiper-button-next, 
.bannerbox .banner .swiper-button-prev,
.bannerbox .banner .swiper-pagination{ position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0; transform: none;}
.bannerbox .banner .swiper-button-next, 
.bannerbox .banner .swiper-button-prev{ width: 0.16rem; height: 1rem; background: url(../images/46.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.bannerbox .banner .swiper-button-next{ transform: rotate(180deg);}
.bannerbox .banner .swiper-button-next:hover, 
.bannerbox .banner .swiper-button-prev:hover{ background: url(../images/46s.png) no-repeat center; background-size: 100% auto;}
.bannerbox .banner .swiper-pagination{ display: flex; justify-content: center; margin: 0 0.2rem;}
.bannerbox .banner .swiper-pagination span{ display: block; width: 0.12rem; height: 0.12rem; margin: 0 0.1rem; background: hsla(0,0%,23%,0.3); border-radius: 0; opacity: 1;}
.bannerbox .banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #2269C2;}
.bannerbox .down{ position: absolute; left: 0.34rem; bottom: 0.38rem; z-index: 5; width: 0.22rem; padding-bottom: 0.52rem; background: url(../images/47.png) no-repeat center bottom; background-size: 100% auto; cursor: pointer;}
.bannerbox .down{ animation: myfirst2 0.8s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0; }
@keyframes myfirst2{
    0%   { bottom: 0.38rem; }
    100% { bottom: 0.48rem; }
}
.bannerbox .down i{ display: block; margin: auto; width: 0.14rem; font-size: 0.14rem; color: #fff; line-height: 0.18rem; padding-bottom: 0.12rem;}
.bannerbox .newstop{ position: absolute; right: 0; bottom: 0; background: #2269C2; width: 6.31rem; height: 1rem; z-index: 5; }
.bannerbox .newstop .swiper{ padding: 0 1rem 0 0.62rem; position: relative; height: 1rem;}
.bannerbox .newstop .swiper::after{ width: 0.22rem; height: 100%; background: url(../images/44.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; left: 0.29rem; content: '';}
.bannerbox .newstop .swiper a{ display: block; font-size: 0.18rem; color: #fff; line-height: 1rem;}
.bannerbox .newstop .swiper .swiper-slide{ height: 1rem;}
.bannerbox .newstop .vbot{ width: 0.2rem; position: absolute; top: 50%; right: 0.8rem; transform: translateY(-50%);}
.bannerbox .newstop .vbot .swiper-button-prev,
.bannerbox .newstop .vbot .swiper-button-next{ position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0; transform: none; width: 0.2rem; height: 0.1rem; background: url(../images/45.png) no-repeat center; background-size: 100% auto; padding: 0.05rem 0;}
.bannerbox .newstop .vbot .swiper-button-next{ background: url(../images/76.png) no-repeat center; background-size: 100% auto;}
.footercp{ background: #F1F1F1 url(../images/12.jpg) no-repeat center bottom; background-size: 100% auto; padding: 0.7rem 0;}
.footercp .topbox{ display: flex; justify-content: space-between;}
.footercp .topbox .left{ display: flex;}
.footercp .topbox .left .wli{ margin: 0 0 0 1.25rem;}
.footercp .topbox .left .wli:first-child{ margin: 0;}
.footercp .topbox .left .wli .h{ display: flex; margin-bottom: 0.25rem;}
.footercp .topbox .left .wli .h a{ display: block; font-size: 0.16rem; line-height: 0.2rem; color: #333; position: relative; transition: all 0.5s;}
.footercp .topbox .left .wli .h a::after{ content: ''; width: 0%; height: 1px; background: #2269C2; position: absolute; left: 0; bottom: 0; transition: all 0.5s;}
.footercp .topbox .left .wli .h a:hover{ color: #2269C2;}
.footercp .topbox .left .wli .h a:hover::after{ width: 100%;}
.footercp .topbox .left .wli .min .li{ display: flex; margin-top: 0.18rem;}
.footercp .topbox .left .wli .min .li:first-child{ margin-top: 0;}
.footercp .topbox .left .wli .min .li a,
.footercp .topbox .left .wli .min .li .p{ display: block; font-size: 0.15rem; color: hsla(228,4%,26%,0.80); position: relative; transition: all 0.5s; line-height: 0.22rem;}
.footercp .topbox .left .wli .min .li a::after{ content: ''; width: 0%; height: 1px; background: #2269C2; position: absolute; left: 0; bottom: 0; transition: all 0.5s;}
.footercp .topbox .left .wli .min .li a:hover{ color: #2269C2;}
.footercp .topbox .left .wli .min .li a:hover::after{ width: 100%;}
.footercp .topbox .right .m img{ display: block; height: 1.49rem; margin: auto;}
.footercp .topbox .right .p{ font-size: 13px; margin-top: 0.15rem; color: #404145; opacity: 0.7; text-align: center;}
.footercp .botbox{ margin-top: 1rem;}
.footercp .botbox .m{ display: flex; flex-wrap: wrap;}
.footercp .botbox .m a,
.footercp .botbox .m .p{ font-size: 0.13rem; line-height: 0.24rem; color: hsla(228,4%,26%,0.50); transition: all 0.5s; margin-right: 0.1rem;}
.footercp .botbox .m a:hover{ color: #2269C2;}
.footercp .botbox .more{ margin-top: 10px; display: flex;}
.footercp .botbox .more a{ display: block; font-size: 0.13rem; line-height: 0.24rem; color: hsla(228,4%,26%,0.50); transition: all 0.5s; position: relative; margin-left: 0.4rem;}
.footercp .botbox .more a:first-child{ margin-left: 0;}
.footercp .botbox .more a::after{ content: ''; width: 1px; height: 13px; background: #000; opacity: 0.2; position: absolute; top: 50%; left: -0.2rem; transform: translateY(-50%);}
.footercp .botbox .more a:first-child::after{ display: none;}
.footercp .botbox .more a:hover{ color: #2269C2;}
.indexrightnav{ position: fixed; top: 50%; right: 1px; transform: translateY(-50%); z-index: 20;}
.indexrightnav .wli{ position: relative; margin-bottom: 3px;}
.indexrightnav .wli .mk{ width: 0.8rem; height: 0.77rem; display: flex; align-items: center; background: #E6ECF3; border-radius: 1px; cursor: pointer; transition: all 0.5s;}
.indexrightnav .wli:hover .mk{ background: #2269C2;}
.indexrightnav .wli .mk>div{ width: 100%;}
.indexrightnav .wli .mk .p{ font-size: 0.14rem; line-height: 1; color: #2269C2; text-align: center; margin-top: 5px; transition: all 0.5s;}
.indexrightnav .wli:hover .mk .p{ color: #fff;}
.indexrightnav .wli .mk .m{ width: 0.36rem; height: 0.36rem; margin: auto; transition: all 0.5s;}
.indexrightnav .wli1 .mk .m{ background: url(../images/39.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli2 .mk .m{ background: url(../images/39.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli3 .mk .m{ background: url(../images/40.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli4 .mk .m{ background: url(../images/41.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli1:hover .mk .m{ background: url(../images/39s.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli2:hover .mk .m{ background: url(../images/39s.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli3:hover .mk .m{ background: url(../images/40s.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .wli4:hover .mk .m{ background: url(../images/41s.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .top{ background: #0F305A; width: 0.8rem; height: 0.36rem; border-radius: 1px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s;}
.indexrightnav .top img{ display: block; width: 0.27rem;}
.indexrightnav .top:hover{ background: #2269C2;}
.indexrightnav .telbox{ position: absolute; top: 0; right: 0.8rem; min-width: 1.72rem; padding-right: 0.08rem; display: none;}
.indexrightnav .wli:hover .telbox{ display: block;}
.indexrightnav .telbox .tel{ background: #2269C2; border-radius: 2px 0 2px 2px; padding: 0.22rem 0.2rem; position: relative; z-index: 5;}
.indexrightnav .telbox .tel .h{ font-size: 0.14rem; line-height: 1; color: #fff; margin-bottom: 4px;}
.indexrightnav .telbox .tel .p{ font-size: 0.16rem; font-weight: bold; color: #fff; line-height: 0.3rem;}
.indexrightnav .telbox::after{ background: #2269C2; width: 100%; height: 0.77rem; position: absolute; top: 0; left: 0; border-radius: 2px 0 0 0; content: '';}
.indexrightnav .telbox .wn img{ display: block; width: 1.28rem; margin: auto;}
.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 20; border-bottom: 1px solid hsla(0,0%,100%,0.10); transition: all 0.5s;}
.headercptwo,
.headercp2{ background: #fff;}
.headercp .cont{ display: flex; justify-content: space-between; align-items: center; height: 0.76rem; padding: 0 0 0 0.72rem;}
.headercp .cont .logo a img{ display: block; height: 0.58rem; transition: all 0.5s;}
.headercp .cont .logo{ position: relative;}
.headercp .cont .logo .i2 img{ position: absolute; top: 0; left: 0; opacity: 0;}
.headercptwo .cont .logo .i2 img,
.headercp2 .cont .logo .i2 img{ opacity: 1;}
.headercptwo .cont .logo .i1 img,
.headercp2 .cont .logo .i1 img{ opacity: 0;}
.headercp .cont .right{ display: flex; align-items: center;}
.headercp .cont .right .nav{ display: flex;}
.headercp2 .cont .right .nav{ opacity: 0; z-index: -10;}
.headercp .cont .right .nav .wli{ margin-left: 0.72rem;}
.headercp .cont .right .nav .wli:first-child{ margin: 0;}
.headercp .cont .right .nav .wli .tit{ position: relative; z-index: 2;}
.headercp .cont .right .nav .wli .tit a{ display: block; font-size: 0.17rem; color: #fff; line-height: 0.76rem; transition: all 0.5s;}
.headercptwo .cont .right .nav .wli .tit a,
.headercp2 .cont .right .nav .wli .tit a{ color: #353535;}
.headercp .cont .right .nav .wli.on .tit a{ font-weight: bold; color: #2269C2;}
.headercp .cont .right .nav .wli:hover .tit a{ color: #2269C2;}
.headercp .cont .right .sole{ width: 0.8rem; height: 0.77rem; margin-bottom: -1px; background: #2269C2 url(../images/3.png) no-repeat center; background-size: 0.26rem auto; transition: all 0.5s; cursor: pointer; margin-left: 0.4rem;}
.headercp .cont .right .sole2{ background: #2269C2 url(../images/78.png) no-repeat center; background-size: 0.25rem auto;}
.headercp .cont .right .seah{ position: relative; margin-left: 0.44rem; z-index: 5;}
.headercp .cont .right .seah button{ display: block; width: 0.22rem; height: 0.76rem; background: url(../images/2.png) no-repeat center; background-size: 100% auto; border: none; cursor: pointer; position: relative; z-index: 5; transition: all 0.5s;}
.headercptwo .cont .right .seah button,
.headercp2 .cont .right .seah button{ background: url(../images/2s.png) no-repeat center; background-size: 100% auto;}
.headercp .cont .right .seah:hover button{ background: url(../images/2ss.png) no-repeat center; background-size: 100% auto;}
.headercp .cont .right .seah .input{ display: flex; width: 7.7rem; width: 0; height: 0.76rem; /*background: #fff;*/ position: absolute; top: 0; right: -0.2rem; z-index: 0; align-items: center; opacity: 0; transition: all 0.5s;}
.headercp2 .cont .right .seah .input{ width: 7.7rem; opacity: 1;}
.headercp .cont .right .seah .input input{ display: block; width: 100%; height: 0.62rem; border: none; border-bottom: 1px solid hsla(0,0%,0%,0.10); font-size: 0.17rem; color: #353535; background: hsla(0,0%,100%,0.00);}
.headercp .listup{ position: absolute; top: 0.76rem; width: 100%; left: 0; max-height: calc(100vh - 0.77rem); overflow-y: auto; background: hsla(213,70%,45%,0.95); display: none;}
.headercp .listup .list{ padding: 0.86rem; display: flex; justify-content: center;}
.headercp .listup .list .m a{ display: block; width: 4.15rem; overflow: hidden;}
.headercp .listup .list .m a img{ display: block; width: 100%;}
.headercp .listup .list .left{ width: 9.2rem; margin-right: 0.64rem;}
.titlemaxbox .en{ font-size: 0.62rem; line-height: 1; color: #fff; opacity: 0.1; font-family: '微软雅黑';}
.titlemaxbox .h{ font-size: 0.36rem; color: #fff; line-height: 1; font-weight: bold; margin-top: -0.32rem; position: relative; z-index: 2;}
.titlemaxbox .p{ font-size: 0.16rem; line-height: 0.32rem; color: #fff; margin-top: 0.15rem; opacity: 0.6;}
.headercp .listup .list .min{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 0.25rem; border-top: 1px solid hsla(0,0%,100%,0.15); padding-top: 0.06rem;}
.headercp .listup .list .min .li{ width: 2.3rem; margin-right: 1.15rem; margin-top: 0.3rem;}
.headercp .listup .list .min .li:nth-child(3n){ margin-right: 0;}
.headercp .listup .list .min .li a{ display: block; font-size: 0.16rem; line-height: 0.26rem; color: #fff; padding-left: 0.16rem; position: relative;}
.headercp .listup .list .min .li a::after{ content: ''; width: 0.08rem; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/77.png) no-repeat center; background-size: 100% auto;}
.headercp .listup .list .min .li a:hover{ text-decoration: underline;}
.minboxnavx{ position: fixed; top: 0.77rem; left: 0; right: 0; height: calc(100vh - 0.77rem); background: hsla(213,70%,45%,0.95); z-index: 30; padding: 0 1.9rem; display: none;}
.minboxnavx .topnav{ padding-top: 0.65rem; display: flex; justify-content: space-between;}
.minboxnavx .topnav .h{ display: flex; margin-bottom: 0.36rem;}
.minboxnavx .topnav .h a{ font-size: 0.17rem; line-height: 0.2rem; font-weight: bold; color: #fff; position: relative;}
.minboxnavx .topnav .h a::after{ content: ''; width: 0; height: 1px; background: #fff; opacity: 0.8; position: absolute; left: 0; bottom: -2px; transition: all 0.5s;}
.minboxnavx .topnav .h a:hover::after{ width: 100%;}
.minboxnavx .topnav .min .li{ display: flex; margin-top: 0.24rem;}
.minboxnavx .topnav .min .li a{ display: block; font-size: 0.16rem; line-height: 0.22rem; color: #fff; opacity: 0.9; position: relative;}
.minboxnavx .topnav .min .li a::after{ width: 0; height: 1px; background: #fff; opacity: 0.8; position: absolute; left: 0; bottom: 0; transition: all 0.5s; content: '';}
.minboxnavx .topnav .min .li a:hover::after{ width: 100%;}
.minboxnavx .topnav .min .li:first-child{ margin: 0;}
.minboxnavx .boot{ position: absolute; left: 1.9rem; bottom: 0.86rem; right: 1.9rem; border-top: 1px solid hsla(0,0%,100%,0.20); padding-top: 0.4rem; display: flex; justify-content: space-between; align-items: center;}
.minboxnavx .boot .m img{ display: block; width: 1.17rem;}
.minboxnavx .boot .left{ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 9.5rem;}
.minboxnavx .boot .left .li{ margin-right: 0.2rem; padding: 0.07rem 0;}
.minboxnavx .boot .left .li .p{ font-size: 0.15rem; line-height: 0.2rem; color: hsla(0,0%,100%,0.80); padding-left: 0.24rem; position: relative;}
.minboxnavx .boot .left .li .p::after{ width: 0.2rem; height: 0.2rem; position: absolute; top: 0; left: 0; content: '';}
.minboxnavx .boot .left .li1 .p::after{ background: url(../images/61.png) no-repeat center; background-size: 100% auto;}
.minboxnavx .boot .left .li2 .p::after{ background: url(../images/62.png) no-repeat center; background-size: 100% auto;}
.minboxnavx .boot .left .li3 .p::after{ background: url(../images/63.png) no-repeat center; background-size: 100% auto;}
.indextopbox{ display: flex; justify-content: space-between; align-items: flex-end;}
.titlemaxbox2 .en{ color: #333;}
.titlemaxbox2 .h{ color: #333;}
.titlemaxbox2 .p{ color: #333; font-size: 0.2rem; font-weight: bold; opacity: 1; margin-top: 0.2rem;}
.indextopbox .more a{ display: block; font-size: 0.16rem; line-height: 0.32rem; font-family: '微软雅黑'; color: #fff; position: relative;}
.indextopbox .more a::after{ content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0.05rem; background: #fff; opacity: 0.9; transition: all 0.5s;}
.indextopbox .more a:hover::after{ width: 100%;}
.indexboxone{ background: #eee url(../images/49.jpg) no-repeat center; background-size: cover; padding: 1rem 0; position: relative;}
.indexboxone .ii{ width: 6.31rem; position: absolute; top: 0; right: 0; height: 100%; /*background: #2269C2;*/ content: '';}
.indexboxone .cont{ position: relative; z-index: 5;}
.indexboxone .list{ display: flex; justify-content: flex-start; margin: 0 -0.2rem; flex-wrap: wrap;}
.indexboxone .list .li{ width: 5.6rem; margin: 0.5rem 0.2rem 0 0.2rem;}
.indexboxone .list .li .m{ overflow: hidden;}
.indexboxone .list .li .m i{ display: block; width: 100%; height: 3.6rem; overflow: hidden; transition: all 0.5s;}
.indexboxone .list .li:hover .m i{ transform: scale(1.03);}
.indexboxone .list .li .m i img{ display: block; width: 100%;}
.indexboxone .list .li .text{ padding: 0.3rem 0 0 0.1rem;}
.indexboxone .list .li .text .h{ font-size: 0.22rem; line-height: 0.32rem; font-weight: bold; color: #333; transition: all 0.5s;}
.indexboxone .list .li:hover .text .h{ color: #2269C2;}
/*.indexboxone .list .li:nth-child(3n) .text .h{ color: #fff;}*/
.indexboxone .list .li .text .p{ font-size: 0.15rem; line-height: 0.28rem; margin-top: 0.1rem; opacity: 0.8; min-height: 0.56rem;}
/*.indexboxone .list .li:nth-child(3n) .text .p{ color: #fff;}*/
.moremines{ display: flex;}
.moremines a i{ display: block; font-size: 0.14rem; line-height: 0.2rem; color: #2269C2; position: relative; padding-right: 0.25rem; background: url(../images/10.png) no-repeat center right; background-size: 0.16rem auto;}
/*.indexboxone .list .li:nth-child(3n) .moremines a i{ background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto; color: #fff;}*/
.indexboxone .list .li .moremines{ margin-top: 0.35rem;}
.moremines a:hover i{ animation: myfirst1 1s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0; }
@keyframes myfirst1{
    0%   { padding-right: 0.25rem; }
	50%  { padding-right: 0.3rem }
    100% { padding-right: 0.25rem; }
}
.indexboxtwo{ padding: 0.95rem 0; position: relative;}
.indexboxtwo::after{ width: 5rem; height: 100%; /*background: #2269C2;*/ position: absolute; top: 0; left: 0; z-index: 0; content: '';}
.indexboxtwo .cont{ position: relative; z-index: 5;}
.indextopbox2 .more a{ color: #2269C2;}
.indextopbox2 .more a::after{ background: #2269C2;}
.indexboxtwo .list{ margin-top: 0.4rem; display: flex; justify-content: space-between; align-items: flex-start;}
.indexboxtwo .list .vido{ width: 7.59rem; overflow: hidden; position: relative;}
.indexboxtwo .list .vido img{ display: block; width: 100%;}
.indexboxtwo .list .vido .play{ width: 0.75rem; height: 0.75rem; background: url(../images/50.png) no-repeat center; background-size: 100% auto; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.indexboxtwo .list .vido .play:hover{ background: url(../images/50s.png) no-repeat center; background-size: 100% auto;}
.indexboxtwo .titlemaxbox .h,
.indexboxtwo .titlemaxbox .p{ color: #333;}
.indexboxtwo .text{ width: 9.38rem; padding-top: 0.4rem;}
.indexboxtwo .smore{ display: flex; justify-content: space-between;}
.indexboxtwo .smore .li{ min-width: 1.95rem;}
.indexboxtwo .smore .li .s{ font-size: 0.16rem; line-height: 1; padding-left: 0.12rem; color: hsla(0,0%,20%,0.50); position: relative;}
.indexboxtwo .smore .li .s::after{ content: ''; width: 0.06rem; height: 0.06rem; border-radius: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #ADADAD;}
.indexboxtwo .smore .li .num{ display: flex; justify-content: flex-start; align-items: flex-end; margin: 0.05rem 0 0.1rem 0;}
.indexboxtwo .smore .li .num i{ font-size: 0.56rem; color: #2269C2; font-family: 'font2'; line-height: 1;}
.indexboxtwo .smore .li .num em{ font-size: 0.16rem; line-height: 1; color: #333; margin-left: 0.1rem; padding-bottom: 0.06rem;}
.indexboxtwo .smore .li .x{ font-size: 0.16rem; line-height: 1;}
.indexboxtwo .p{ margin-top: 0.5rem;}
.indexboxtwo .p,
.indexboxtwo .p p{ font-size: 0.15rem; line-height: 0.3rem;}
.indexvideoup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -50; opacity: 0; display: flex; justify-content: center; align-items: center;}
.indexvideoup2{ z-index: 50; opacity: 1;}
.indexvideoup .up{ width: 100%; height: 100%; background: #000; opacity: 0.8; position: absolute; top: 0; left: 0; z-index: 0;}
.indexvideoup .cont{ width: 9.6rem; background: #fff; position: relative; transition: all 0.5s; transform: scale(0);}
.indexvideoup2 .cont{ transform: scale(1);}
.indexvideoup .cont video{ display: block; width: 100%;}
.indexvideoup .cont .sole{ width: 0.3rem; height: 0.3rem; background: url(../images/78.png) no-repeat center; background-size: 0.25rem auto; position: absolute; left: 50%; margin-left: -0.15rem; bottom: -0.6rem; transition: all 0.5s; cursor: pointer;}
.indexvideoup .cont .sole:hover{ transform: rotate(180deg);}
.indexboxthree{ padding: 0.8rem 0 0.5rem 0; background: hsla(0,0%,93%,0.70); overflow: hidden;}
.indexboxthree .cont{ margin-top: 0.5rem; width: 33rem; margin-left: -7.96rem;}
.indexboxthree .cont .list{ display: flex; justify-content: space-between; width: 10.56rem; background: #E5E5E5; transition: all 0.5s;}
.indexboxthree .cont .swiper-slide-active .list{ background: #2269C2;}
.indexboxthree .cont .swiper{ padding-bottom: 0.6rem;}
.indexboxthree .cont .list .m{ overflow: hidden;}
.indexboxthree .cont .list .m i{ display: block; width: 7rem; height: 4.5rem; overflow: hidden; transition: all 0.5s;}
.indexboxthree .cont .list:hover .m i{ transform: scale(1.03);}
.indexboxthree .cont .list .m i img{ display: block; width: 100%;}
.indexboxthree .cont .list .text{ width: 2.85rem; padding-right: 0.35rem; position: relative;}
.indexboxthree .cont .list .text .moremines{ position: absolute; left: 0; bottom: 0.5rem;}
.indexboxthree .cont .list .text .nk{ padding-top: 0.4rem;} 
.indexboxthree .cont .list .text .t{ font-size: 0.16rem; line-height: 1; color: hsla(0,0%,20%,0.50); padding-left: 0.12rem; position: relative; transition: all 0.5s;}
.indexboxthree .cont .swiper-slide-active .list .text .t{ color: hsla(0,0%,100%,0.80);}
.indexboxthree .cont .list .text .t::after{ content: ''; width: 0.06rem; height: 0.06rem; background: #000; opacity: 0.2; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 100%; transition: all 0.5s;}
.indexboxthree .cont .swiper-slide-active .list .text .t::after{ background: #FFAE00; opacity: 1;}
.indexboxthree .cont .list .text .h{ font-size: 0.2rem; font-weight: bold; line-height: 0.36rem; color: #333; margin-top: 0.15rem; transition: all 0.5s;}
.indexboxthree .cont .swiper-slide-active .list .text .h{ color: #fff;}
.indexboxthree .cont .list .text .p{ font-size: 0.15rem; line-height: 0.28rem; color: #333; margin-top: 0.25rem; opacity: 0.8; transition: all 0.5s;}
.indexboxthree .cont .swiper-slide-active .list .text .p{ color: #fff;}
.indexboxthree .swiper-pagination{ width: auto!important; display: flex; justify-content: center; bottom: 0!important; left: 7.96rem!important; right: 4.5rem!important;}
.indexboxthree .cont .swiper-slide-active .moremines a i{ color: #fff; background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto;}
.indexboxfour{ padding: 1rem 0 1.1rem 0; position: relative;}
.indexboxfour .img{ position: absolute; top: 0; right: 0; width: 6.04rem; height: 100%; overflow: hidden;}
.indexboxfour .img img{ display: block; width: 100%;}
.indexboxfour .list{ margin-top: 0.75rem; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indexboxfour .list .li{ width: 3.05rem; margin-right: 1.1rem;}
.indexboxfour .list .li .m img{ display: block; height: 0.45rem;}
.indexboxfour .list .li .h{ font-size: 0.24rem; line-height: 0.34rem; margin-top: 0.25rem;}
.indexboxfour .list .li .n{ font-size: 0.15rem; line-height: 0.2rem; opacity: 0.7; margin-top: 0.02rem;}
.indexboxfour .list .li .p{ font-size: 0.15rem; line-height: 0.28rem; margin-top: 0.2rem; color: #7F7F7F;}
.indexboxfive{ background: url(../images/56.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.indexboxfive .list{ display: flex; justify-content: space-between; margin-top: 0.4rem;}
.indexboxfive .list .left{ width: 9.52rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexboxfive .list .left .li{ width: 4.6rem;}
.indexboxfive .list .left .li .m{ overflow: hidden;}
.indexboxfive .list .left .li .m i{ display: block; overflow: hidden; height: 2.96rem; transition: all 0.5s;}
.indexboxfive .list .left .li:hover .m i{ transform: scale(1.03);}
.indexboxfive .list .left .li .m i img{ display: block; width: 100%;}
.indexboxfive .list .left .li .h{ font-size: 0.17rem; line-height: 0.32rem; min-height: 0.64rem; padding: 0.15rem 0.1rem 0.25rem 0.1rem; transition: all 0.5s;}
.indexboxfive .list .left .li:hover .h{ font-weight: bold; color: #2269C2;}
.indexboxfive .list .left .li .bot{ display: flex; justify-content: space-between; border-top: 1px solid hsla(213,70%,45%,0.10); padding: 0.2rem 0.1rem 0 0.1rem;}
.indexboxfive .list .left .li .bot .moremines a i{ color: hsla(228,4%,26%,0.50);}
.indexboxfive .list .left .li:hover .bot .moremines a i{ color: #2269C2;}
.indexboxfive .list .left .li .bot .t{ font-size: 0.14rem; line-height: 0.2rem; color: #404145; opacity: 0.5; transition: all 0.5s;}
.indexboxfive .list .left .li:hover .bot .t{ color: #2269C2; opacity: 1;}
.indexboxfive .list .right{ width: 7.78rem;}
.indexboxfive .list .right .li{ margin-top: 0.22rem; min-height: 1rem; background: #fff; transition: all 0.5s;}
.indexboxfive .list .right .li:first-child{ margin-top: 0;}
.indexboxfive .list .right .li:hover{ background: #2269C2;}
.indexboxfive .list .right .li>div{ padding: 0.18rem 0.2rem 0.18rem 0.26rem;}
.indexboxfive .list .right .li .h{ font-size: 0.18rem; color: #404145; transition: all 0.5s; line-height: 1;}
.indexboxfive .list .right .li:hover .h{ color: #fff;}
.indexboxfive .list .right .li .bot{ margin-top: 0.25rem; display: flex; justify-content: space-between;}
.indexboxfive .list .right .li .bot .t{ font-size: 0.14rem; color: hsla(228,4%,26%,0.50); transition: all 0.5s;}
.indexboxfive .list .right .li:hover .bot .t{ color: #fff;}
.indexboxfive .list .right .li .moremines a i{ color: hsla(228,4%,26%,0.50);} 
.indexboxfive .list .right .li:hover .bot .moremines a i{ color: #fff; background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto;}
.indexboxsix{ padding: 0.8rem 0;}
.indexboxsix .titlemaxbox .h{ margin: 0;}
.indexboxsix .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -0.2rem;}
.indexboxsix .list .li{ width: 2.6rem; margin: 0.24rem 0.2rem 0 0.2rem; padding-top: 0.2rem;}
.indexboxsix .list .li a{ height: 0.9rem; display: flex; justify-content: center; align-items: center; border: 1px solid hsla(0,0%,0%,0.10); transition: all 0.5s;}
.indexboxsix .list .li a:hover{ border-color: #2269C2;}
.indexboxsix .list .li a img{ display: block; max-width: 90%; max-height: 90%;}
.bannerdata{ position: relative;}
.bannerdata .m img{ display: block; width: 100%;}
.bannerdata .cont{ position: absolute; top: 0; left: 0; right: 0; bottom: 0.6rem; z-index: 2; display: flex; align-items: center; justify-content: center;}
.bannerdata .cont .h{ font-size: 0.36rem; line-height: 0.54rem; color: #fff;}
.bannerdata .minnavs{ position: absolute; left: 0; bottom: 0.25rem;}
.minnavs{ width: 100%;}
.minnavs .more{ display: flex;}
.minnavs .more a{ font-size: 0.15rem; line-height: 0.2rem; color: #fff; margin-left: 0.16rem; position: relative; transition: all 0.5s;}
.minnavs .more a:first-child{ margin-left: 0.25rem;}
.minnavs .more a::after{ content: '-'; font-size: 0.15rem; color: #fff; opacity: 0.8; text-align: center; width: 0.16rem; position: absolute; top: 0; left: -0.16rem;}
.minnavs .more a:first-child::after{ content: ''; width: 0.25rem; height: 0.2rem; left: -0.25rem; background: url(../images/5.png) no-repeat left center; background-size: 0.13rem auto;}
.minnavs .more a:hover{ color: #2269C2;}
.contactbox{ padding: 0.6rem 0 1rem 0; background: #fff url(../images/36.jpg) no-repeat center; background-size: cover;}
.contactbox .list{ display: flex; justify-content: flex-start; margin-top: 0.6rem;}
.contactbox .list .right img{ display: block; width: 8.22rem; margin-left: 1rem;}
.contactbox .list .left{ width: 7.02rem;}
.contactbox .list .left .text{ margin-top: 0.5rem; background: #eee; padding: 0.45rem 0.5rem; margin-bottom: 2px;}
.contactbox .list .left .text .h{ font-size: 0.28rem; line-height: 0.36rem;}
.contactbox .list .left .mk{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactbox .list .left .mk .li{ width: 2.85rem; margin-top: 0.4rem;}
.contactbox .list .left .mk .li .m{ font-size: 0.16rem; line-height: 0.2rem; color: #2269C2;}
.contactbox .list .left .mk .li .p div{ font-size: 0.16rem; line-height: 0.32rem; color: #646464;}
.contactbox .list .left .mk .li .p{ padding-top: 0.12rem;}
.contactbox .list .left .bt{ background: #2269C2; padding: 0.24rem 0.8rem 0.24rem 0.4rem; font-size: 0.22rem; line-height: 0.32rem; color: #fff; position: relative; cursor: pointer;}
.contactbox .list .left .bt::after{ width: 0.25rem; height: 100%; content: ''; position: absolute; top: 0; right: 0.42rem; background: url(../images/79.png) no-repeat center; background-size: 100% auto;}
.contactbox .list .left .bt:hover::after{ animation: myfirst3 0.8s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0;}
@keyframes myfirst3{
    0%   { right: 0.42rem; }
    100% { right: 0.52rem; }
}
.photobox{ padding: 0.55rem 0; background: #fff url(../images/6.jpg) no-repeat top center; background-size: 100% auto;}
.photobox .cont{ display: flex; justify-content: space-between;}
.photobox .cont .left{ width: 13.9rem; overflow: hidden;}
.photobox .cont .left .list{ padding-top: 0.4rem; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -0.21rem; border-bottom: 1px solid hsla(0,0%,58%,0.20); padding-bottom: 0.22rem;}
.photobox .cont .left .list .li{ width: 4.35rem; margin: 0.15rem 0.21rem 0 0.21rem; transition: all 0.5s;}
.photobox .cont .left .list .li:hover{ background: #eee;}
.photobox .cont .left .list .li .m{ overflow: hidden;}
.photobox .cont .left .list .li .m i{ display: block; width: 100%; height: 2.78rem; overflow: hidden; transition: all 0.5s;}
.photobox .cont .left .list .li .m i img{ display: block; width: 100%;}
.photobox .cont .left .list .li:hover .m i{ transform: scale(1.03);}
.photobox .cont .left .list .li .text{ padding: 0.25rem 0.34rem 0.22rem 0.27rem;}
.photobox .cont .left .list .li .text .h{ font-size: 0.22rem; font-weight: bold; line-height: 0.26rem; transition: all 0.5s;}
.photobox .cont .left .list .li:hover .text .h{ color: #2269C2;}
.photobox .cont .left .list .li .text .p{ font-size: 0.15rem; line-height: 0.3rem; opacity: 0.8; min-height: 0.6rem; margin-top: 0.1rem;}
.photobox .cont .left .list .li .text .a{ display: flex; margin-top: 0.2rem;}
.photobox .cont .left .list .li .text .a div{ border-radius: 0.25rem; transition: all 0.5s;}
.photobox .cont .left .list .li .text .a i{ display: block; font-size: 0.14rem; line-height: 0.45rem; transition: all 0.5s; padding-right: 0.25rem; background: url(../images/10.png) no-repeat right center; background-size: 0.16rem auto; color: #2269C2;}
.photobox .cont .left .list .li:hover .text .a div{ background: #2269C2; padding: 0 0.2rem;}
.photobox .cont .left .list .li:hover .text .a i{ color: #fff; background: url(../images/11.png) no-repeat right center; background-size: 0.16rem auto;}
.pageing{ display: flex; justify-content: center; flex-wrap: wrap;}
.pageing a{ display: block; font-size: 0.16rem; line-height: 0.46rem; min-width: 0.26rem; padding: 0 0.1rem; border-radius: 100%; text-align: center; margin: 0 4px; transition: all 0.5s;}
.pageing a.cur,
.pageing a:hover{ background: #2269C2; color: #fff;}
.pageing a.prev,
.pageing a.next{ border-radius: 0.25rem; padding: 0 0.2rem;}
.photobox .pageing{ margin-top: 0.34rem;}
.photobox .cont .right{ width: 3.2rem; padding-top: 0.45rem; }
.photobox .cont .right .nav{ background: #eee; margin-bottom: 0.2rem;}
.photobox .cont .right .nav .wli{ margin-top: 3px;}
.photobox .cont .right .nav .wli:first-child{ margin-top: 0;}
.photobox .cont .right .nav .wli .tit{ background: #2269C2; padding: 0.15rem 0.5rem 0.15rem 0.24rem; position: relative;}
.photobox .cont .right .nav .wli .tit a{ display: block; font-size: 0.18rem; line-height: 0.3rem; color: #fff;}
.photobox .cont .right .nav .wli .tit i{ display: block; width: 0.11rem; height: 100%; background: url(../images/9.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 0.24rem; cursor: pointer; transition: all 0.5s;}
.photobox .cont .right .nav .wli .tit i.i2{ transform: rotate(180deg);}
.photobox .cont .right .nav .wli .mk{ padding: 0.1rem 0.26rem; display: none;}
.photobox .cont .right .nav .wli .mk .li{ display: flex;}
.photobox .cont .right .nav .wli .mk .li a{ display: block; font-size: 0.16rem; line-height: 0.2rem; padding: 0.1rem 0; transition: all 0.5s; position: relative;}
.photobox .cont .right .nav .wli .mk .li:hover a,
.photobox .cont .right .nav .wli .mk .li.cur a{ color: #2269C2; padding: 0.1rem 0 0.1rem 0.25rem;}
.photobox .cont .right .nav .wli .mk .li a::after{ width: 0; height: 0.2rem; position: absolute; top: 0.1rem; left: 0; transition: all 0.5s; content: ''; background: url(../images/10.png) no-repeat center right; background-size: 0.16rem auto;}
.photobox .cont .right .nav .wli .mk .li.cur a::after,
.photobox .cont .right .nav .wli .mk .li:hover a::after{ width: 0.16rem;}
.photobox .cont .right .tui{ background: #eee; padding: 0.25rem 0.2rem;}
.photobox .cont .right .tui .h{ font-size: 0.24rem; line-height: 1; padding-bottom: 0.16rem; border-bottom: 1px solid #D5D5D5;}
.photobox .cont .right .tui .mk .li a{ display: block;}
.photobox .cont .right .tui .mk .li{ margin-top: 0.2rem;}
.photobox .cont .right .tui .mk .li .m{ font-size: 0.15rem; line-height: 0.2rem; position: relative; transition: all 0.5s; padding: 0 0 0 0.15rem;}
.photobox .cont .right .tui .mk .li:hover .m{ color: #2269C2;}
.photobox .cont .right .tui .mk .li .m::after{ content: ''; width: 0.04rem; height: 0.04rem; background: #2269C2; border-radius: 100%; position: absolute; top: 0.08rem; left: 0.03rem;}
.photobox .cont .right .tui .mk .li .t{ font-size: 0.14rem; opacity: 0.7; line-height: 1; margin-top: 0.1rem; padding: 0 0 0 0.15rem;}
.photodatabox .tit{ font-size: 0.36rem; line-height: 1; font-weight: bold; padding-bottom: 0.3rem; border-bottom: 1px solid hsla(0,0%,58%,0.20);}
.photobox .cont .right2{ padding-top: 0;}
.photodatabox .vbaner{ margin: 0.48rem auto 0.54rem auto; width: 9.08rem; position: relative;}
.photodatabox .vbaner .mySwiper2 .m{ width: 100%; height: 5.82rem; overflow: hidden;}
.photodatabox .vbaner .mySwiper2 .m img{ display: block; width: 100%; height:100%;}
.photodatabox .vbaner .mySwiper2{ margin-bottom: 0.2rem; overflow: hidden;}
.photodatabox .vbaner .cver{ overflow: hidden;}
.photodatabox .vbaner .mySwiper{ width: 9.28rem; margin: 0 0 0 -0.1rem;}
.photodatabox .vbaner .mySwiper .m{ width: 2.12rem; height: 1.36rem; margin: auto; overflow: hidden; position: relative; cursor: pointer;}
.photodatabox .vbaner .mySwiper .m img{ display: block; width: 100%;}
.photodatabox .vbaner .mySwiper .m::after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 0.03rem solid #2269C2; background: hsla(213,70%,45%,0.50); opacity: 0; transition: all 0.5s;}
.photodatabox .vbaner .mySwiper .swiper-slide-thumb-active .m::after{ opacity: 1;}
.photodatabox .vbaner .swiper-button-next,
.photodatabox .vbaner .swiper-button-prev{ display: none;}
.photodatabox .vbaner .em{ width: 0.18rem; height: 1.36rem; position: absolute; left: -0.44rem; bottom: 0; background: url(../images/31.png) no-repeat center; background-size: 100% auto; opacity: 0.5; transition: all 0.5s; cursor: pointer;}
.photodatabox .vbaner .em:hover{ opacity: 1;}
.photodatabox .vbaner .em2{ transform: rotate(180deg); left: auto; right: -0.44rem;}
.photodatabox .databox .xli{ margin-top: 0.3rem; padding-top: 0.3rem; border-top: 1px solid hsla(0,0%,58%,0.20);}
.photodatabox .databox .xli .xh{ font-size: 0.26rem; font-weight: bold; color: #2269C2; line-height: 1; margin-bottom: 0.2rem;}
.photodatabox .databox .xli .ps,
.photodatabox .databox .xli .ps p{ font-size: 0.16rem; line-height: 0.36rem;}
.photobox .cont .left .databox .list{ padding: 0; border: none;}
.caseboxwent{ padding: 0.56rem 0 0.46rem 0; background: url(../images/6.jpg) no-repeat center top; background-size: 100% auto;}
.caseboxwent .indexboxthree .cont{ width: auto; margin: 0;}
.caseboxwent .indexboxthree{ background: hsla(0,0%,100%,0.00); padding: 0;}
.caseboxwent .indexboxthree .cont{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 0.2rem;}
.caseboxwent .indexboxthree .cont .list{ width: 8.6rem; margin-top: 0.48rem;}
.caseboxwent .indexboxthree .cont .list .m i{ width: 5.58rem; height: 3.58rem;}
.caseboxwent .indexboxthree .cont .list .text{ width: 2.4rem; padding-right: 0.32rem;}
.caseboxwent .indexboxthree .cont .list .text .p{ margin-top: 0.15rem;}
.caseboxwent .indexboxthree .cont .list .text .moremines{ bottom: 0.36rem;}
.caseboxwent .indexboxthree .cont .list .text .t::after{ background: #2269C2; opacity: 1;}
.caseboxwent .indexboxthree .cont .list:hover{ background: #2269C2;}
.caseboxwent .indexboxthree .cont .list:hover .text .h{ color: #fff;}
.caseboxwent .indexboxthree .cont .list:hover .text .p{ color: #fff;}
.caseboxwent .indexboxthree .cont .list:hover .text .t::after{ background: #FFAE00;}
.caseboxwent .indexboxthree .cont .list:hover .text .t{ color: hsla(0,0%,100%,0.80);}
.caseboxwent .indexboxthree .cont .list:hover .moremines a i{ color: #fff; background: url(../images/11.png) no-repeat right center; background-size: 0.16rem auto;}
.caseboxwent .pageing{ margin-top: 0.6rem;}
.caseboxwent .tops{ display: flex; justify-content: space-between; align-items: flex-end;}
.moremaxvernt{ display: flex;}
.moremaxvernt a{ display: block; padding: 0 0.32rem; border: 1px solid #B7BCC1; margin-left: 0.1rem; line-height: 0.48rem; border-radius: 0.25rem; font-size: 0.17rem; color: #333333; transition: all 0.5s;}
.moremaxvernt a:first-child{ margin-left: 0;}
.moremaxvernt a:hover,
.moremaxvernt a.on{ background: #2269C2; color: #fff; border-color: #2269C2;}
.caseboxdatay .tit{ font-size: 0.24rem; line-height: 0.34rem; font-weight: bold;}
.caseboxdatay .icon{ display: flex; justify-content: flex-start; margin-top: 0.2rem;}
.caseboxdatay .icon div{ font-size: 0.15rem; line-height: 0.2rem; margin-left: 0.1rem; opacity: 0.7;}
.caseboxdatay .icon div:first-child{ margin-left: 0;}
.caseboxdatay .data{ margin: 0.2rem 0; padding: 0.3rem 0; border-top: 1px solid hsla(0,0%,58%,0.20); border-bottom: 1px solid hsla(0,0%,58%,0.20);}
.caseboxdatay .data, 
.caseboxdatay .data p{ font-size: 0.16rem; line-height: 0.36rem;}
.caseboxdatay .data img{ display: block; margin: auto; /*max-width: 100%;*/width: 100%;}
.caseboxdatay .more a{ display: flex;}
.caseboxdatay .more{ padding-top: 0.1rem;}
.caseboxdatay .more a,
.caseboxdatay .more a i{ font-size: 0.16rem; line-height: 0.42rem; transition: all 0.5s; white-space: nowrap;}
.caseboxdatay .more a:hover i{ color: #2269C2; text-decoration: underline;}
.photobox .cont .right .vertyu{ background: #eee; margin-bottom: 0.22rem;}
.photobox .cont .right .vertyu .li{ border-top: 1px solid hsla(0,0%,84%,0.80); transition: all 0.5s; position: relative;}
.photobox .cont .right .vertyu .li:hover,
.photobox .cont .right .vertyu .li.on{ background: #2269C2;}
.photobox .cont .right .vertyu .li:first-child{ border-top: none;}
.photobox .cont .right .vertyu .li a{ display: block; padding: 0.16rem 0.4rem 0.16rem 0.22rem; font-size: 0.18rem; color: #333; line-height: 0.28rem; transition: all 0.5s;}
.photobox .cont .right .vertyu .li:hover a,
.photobox .cont .right .vertyu .li.on a{ color: #fff;}
.photobox .cont .right .vertyu .li::after{ width: 0.16rem; height: 100%; background: url(../images/11w.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 0.2rem; content: ''; opacity: 0.8; transition: all 0.5s;}
.photobox .cont .right .vertyu .li:hover::after,
.photobox .cont .right .vertyu .li.on::after{ background: url(../images/11.png) no-repeat center; background-size: 100% auto; opacity: 1;}
.Guaranteebox{ margin-top: 0.64rem;}
.Guaranteebox .gli{ margin-top: 0.68rem; background: #eee;}
.Guaranteebox .gli .img{ float: right; width: 12.1rem; position: relative;}
.Guaranteebox .gli:nth-child(2n) .img{ float: left;}
.Guaranteebox .gli .img .m{ width: 100%; height: 7.78rem; overflow: hidden;}
.Guaranteebox .gli .img .m img{ display: block; width: 100%;}
.Guaranteebox .gli .img .vber{ display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; left: 0; bottom: 0.48rem;}
.Guaranteebox .gli .img .vber .swiper-button-next,
.Guaranteebox .gli .img .vber .swiper-button-prev{ width: 0.18rem; height: 0.14rem; background: url(../images/75.png) no-repeat center; background-size: 100% auto; position: relative; top: auto; left: auto; right: auto; transform: none; margin: 0; opacity: 0.5; transition: all 0.5s;}
.Guaranteebox .gli .img .vber .swiper-button-next:hover,
.Guaranteebox .gli .img .vber .swiper-button-prev:hover{ opacity: 1;}
.Guaranteebox .gli .img .vber .swiper-button-prev{ transform: rotate(180deg);}
.Guaranteebox .gli .img .vber .swiper-pagination{ position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; display: flex; width: auto; margin: 0 1rem;}
.Guaranteebox .gli .img .vber .swiper-pagination span{ background: #fff; opacity: 0.5; margin: 0 0.1rem;}
.Guaranteebox .gli .img .vber .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1;}
.Guaranteebox .gli .text{ width: 4.36rem; float: left; padding: 0.65rem 0.54rem;}
.Guaranteebox .gli:nth-child(2n) .text{ float: right;}
.Guaranteebox .gli .text .h{ font-size: 0.24rem; line-height: 0.36rem; font-weight: bold; margin-bottom: 0.2rem;}
.Guaranteebox .gli .text .p,
.Guaranteebox .gli .text .p p{ font-size: 0.15rem; line-height: 0.32rem; color: #646464;}
.Guaranteemink{ margin: 0.6rem 0 0 0;}
.Guaranteemink .ps,
.Guaranteemink .ps p{ font-size: 0.16rem; line-height: 0.36rem;}
.Guaranteemink .img{ margin-top: 0.6rem; display: flex; justify-content: space-between;}
.Guaranteemink .ps img{ max-width: 100%;}
.Guaranteemink .mySwiper2{ width: 12.1rem; overflow: hidden; position: relative;}
.Guaranteemink .mySwiper2 .vb{ width: 12.1rem; height: 7.78rem; overflow: hidden; position: relative;}
.Guaranteemink .mySwiper2 .vb .m{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; transition: all 0.5s; opacity: 0;}
/*.Guaranteemink .mySwiper2 .vb .m:first-child,*/
.Guaranteemink .mySwiper2 .vb .m.on{ opacity: 1;}
.Guaranteemink .mySwiper2 .vb .m img{ display: block; width: 100%;}
.Guaranteemink .mySwiper{ width: 5.29rem; overflow: hidden; position: relative;}
.Guaranteemink .mySwiper .vb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.Guaranteemink .mySwiper .vb .m{ width: 2.55rem; height: 1.65rem; overflow: hidden; margin-bottom: 0.15rem; position: relative; cursor: pointer;}
.Guaranteemink .mySwiper .vb .m img{ display: block; width: 100%;}
.Guaranteemink .mySwiper .vb .m::after{ border: 0.04rem solid #2269C2; background: hsla(213,70%,45%,0.30); position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.5s; opacity: 0; content: '';}
/*.Guaranteemink .mySwiper .vb .m:first-child::after,*/
.Guaranteemink .mySwiper .vb .m.on::after{ opacity: 1;}
.Guaranteemink .wmore{ position: absolute; bottom: 0; right: 0; width: 5.29rem; height: 0.6rem; background: #2269C2; display: flex; justify-content: space-between; align-items: center;}
.Guaranteemink .wmore .swiper-pagination,
.Guaranteemink .wmore .swiper-button-next,
.Guaranteemink .wmore .swiper-button-prev{ width: auto; display: flex; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 0; }
.Guaranteemink .wmore .swiper-pagination-bullet{ width: 0.1rem; height: 0.1rem; background: #fff; margin: 0 0.1rem;}
.Guaranteemink .wmore .swiper-button-next,
.Guaranteemink .wmore .swiper-button-prev{ width: 0.18rem; height: 0.2rem; background: url(../images/75.png) no-repeat center; background-size: 100% auto;}
.Guaranteemink .wmore .swiper-button-prev{ margin-left: 0.4rem; transform: rotate(180deg);}
.Guaranteemink .wmore .swiper-button-next{ margin-right: 0.4rem;}
.newsboxlist .wlist{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -0.27rem;}
.newsboxlist .wlist .li{ width: 5.5rem; margin: 0.5rem 0.27rem 0 0.27rem; background: #F5F5F5; position: relative; padding-bottom: 1.85rem;}
.newsboxlist{ overflow: hidden;}
.newsboxlist .wlist .li .m{ overflow: hidden;}
.newsboxlist .wlist .li .m i{ display: block; width: 100%; height: 3.54rem; overflow: hidden; transition: all 0.5s;}
.newsboxlist .wlist .li:hover .m i{ transform: scale(1.03);}
.newsboxlist .wlist .li .m i img{ display: block; width: 100%;}
.newsboxlist .wlist .li .text{ position: absolute; left: 0; width: 100%; height: 1.85rem; bottom: 0; transition: all 0.5s; background: #F5F5F5;}
.newsboxlist .wlist .li:hover .text{ height: 100%;}
.newsboxlist .wlist .li .text .mk{ padding: 0.2rem 0.34rem 0 0.34rem; transition: all 0.5s;}
.newsboxlist .wlist .li:hover .text .mk{ padding: 0.4rem 0.34rem 0 0.34rem;}
.newsboxlist .wlist .li .text .mk .h{ font-size: 0.21rem; line-height: 0.36rem; transition: all 0.5s;}
.newsboxlist .wlist .li:hover .text .mk .h{ color: #2269C2;}
.newsboxlist .wlist .li .text .mk .a{ display: flex; position: absolute; left: 0.34rem; bottom: 0.2rem; transition: all 0.5s;}
.newsboxlist .wlist .li:hover .text .mk .a{ bottom: 0.35rem;}
.newsboxlist .wlist .li .text .mk .a div{ border-radius: 0.25rem; transition: all 0.5s;}
.newsboxlist .wlist .li:hover .text .mk .a div{ padding: 0 0.22rem; background: #2269C2;}
.newsboxlist .wlist .li .text .mk .a i{ display: block; font-size: 0.14rem; line-height: 0.45rem; transition: all 0.5s; padding-right: 0.25rem; background: url(../images/10.png) no-repeat right center; background-size: 0.16rem auto; color: #2269C2;}
.newsboxlist .wlist .li:hover .text .mk .a i{ color: #fff; background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto;}
.newsboxlist .wlist .li .text .tr{ display: none;}
.newsboxlist .wlist .li:hover .text .tr{ display: block;}
.newsboxlist .wlist .li .text .tr .t{ font-size: 0.16rem; line-height: 1; opacity: 0.5; margin-top: 0.2rem;}
.newsboxlist .wlist .li .text .tr .p{ font-size: 0.15rem; line-height: 0.3rem; color: #646464; padding-top: 0.2rem; margin-top: 0.25rem; border-top: 1px solid #DFDFDF;}
.newsboxlist .pageing{ margin-top: 0.52rem;}
.caseboxdatay .icon div.t1{ padding-left: 0.22rem; background: url(../images/81.png) no-repeat left center; background-size: 0.18rem auto;}
.caseboxdatay .icon div.t2{ padding-left: 0.2rem; background: url(../images/80.png) no-repeat left center; background-size: 0.16rem auto;}
.newsboxlistwo{ padding: 0.15rem 0 0 0;}
.newsboxlistwo .wlist .li{ border-bottom: 1px solid #E3E3E3; padding: 0.45rem 0;}
.newsboxlistwo .wlist .li a{ display: flex; justify-content: space-between; padding-top: 0.5rem; position: relative;}
.newsboxlistwo .wlist .li .m{ overflow: hidden;}
.newsboxlistwo .wlist .li .m i{ display: block; width: 2.9rem; overflow: hidden; transition: all 0.5s;}
.newsboxlistwo .wlist .li:hover .m i{ transform: scale(1.03);}
.newsboxlistwo .wlist .li .m i img{ display: block; width: 100%;}
.newsboxlistwo .wlist .li .text{ width: calc(100% - 3.15rem);}
.newsboxlistwo .wlist .li .text .p{ font-size: 0.15rem; line-height: 0.32rem; min-height: 0.64rem; color: #646464; padding: 0.1rem 0.14rem 0 0;}
.newsboxlistwo .wlist .li .text .a{ display: flex;}
.newsboxlistwo .wlist .li .text .a div{ border-radius: 0.25rem; transition: all 0.5s;}
.newsboxlistwo .wlist .li:hover .text .a div{ padding: 0 0.22rem; background: #2269C2;}
.newsboxlistwo .wlist .li .text .a i{ display: block; font-size: 0.14rem; line-height: 0.45rem; transition: all 0.5s; padding-right: 0.25rem; background: url(../images/10.png) no-repeat right center; background-size: 0.16rem auto; color: #2269C2;}
.newsboxlistwo .wlist .li:hover .text .a i{ color: #fff; background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto;}
.newsboxlistwo .wlist .li .text .tr{ display: flex; justify-content: space-between; margin-top: 0.3rem; align-items: center;}
.newsboxlistwo .wlist .li .text .tr .t{ font-size: 0.15rem; color: #646464; opacity: 0.8;}
.newsboxlistwo .wlist .li .text .h{ position: absolute; top: 0; left: 0; font-size: 0.22rem; line-height: 0.26rem; font-weight: bold; transition: all 0.5s;}
.newsboxlistwo .wlist .li:hover .text .h{ color: #2269C2;}
.newsboxlistwo .wlist .li2 .text{ width: 100%;}
.newsboxlistwo .wlist .li2 a{ padding-top: 0.35rem;}
.newsboxlistwo .wlist .li2{ padding: 0.45rem 0 0.3rem 0;}
.newsboxlistwo .wlist .li2 .text .p{ min-height: inherit;}
.newsboxlisthree .wlist .li{ padding: 0.55rem 0; border-bottom: 1px solid #E3E3E3;}
.newsboxlisthree .wlist .li a{ display: flex; justify-content: space-between; align-items: center; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover a{ background: #F2F2F2;}
.newsboxlisthree .wlist .li a .m{ overflow: hidden;}
.newsboxlisthree .wlist .li a .m i{ width: 4.47rem; display: block; overflow: hidden; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover a .m i{ transform: scale(1.03);}
.newsboxlisthree .wlist .li .text{ width: 10.95rem; padding-right: 1.77rem; position: relative; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover .text{ width: 10.54rem; padding-right: 2.16rem;}
.newsboxlisthree .wlist .li .text .h{ font-size: 0.22rem; line-height: 0.32rem; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover .text .h{ font-weight: bold; color: #2269C2;}
.newsboxlisthree .wlist .li .text .p{ font-size: 0.15rem; line-height: 0.32rem; color: #646464; margin-top: 0.1rem; min-height: 0.96rem;}
.newsboxlisthree .wlist .li .text .a{ display: flex; margin-top: 0.5rem;}
.newsboxlisthree .wlist .li .text .a div{ border-radius: 0.25rem; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover .text .a div{ padding: 0 0.22rem; background: #2269C2;}
.newsboxlisthree .wlist .li .text .a i{ display: block; font-size: 0.14rem; line-height: 0.45rem; transition: all 0.5s; padding-right: 0.25rem; background: url(../images/10.png) no-repeat right center; background-size: 0.16rem auto; color: #2269C2;}
.newsboxlisthree .wlist .li:hover .text .a i{ color: #fff; background: url(../images/11.png) no-repeat center right; background-size: 0.16rem auto;}
.newsboxlisthree .wlist .li .text .time{ position: absolute; top: 0.35rem; right: 0; width: 1.15rem; height: 1.6rem; background: #ECECEC; border-radius: 0.1rem; display: flex; justify-content: center; align-items: center; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover .text .time{ right: 0.4rem; background: #2269C2;}
.newsboxlisthree .wlist .li .text .time i{ display: block; font-size: 0.42rem; line-height: 1; font-weight: bold; color: #333; text-align: center; width: 100%; padding-top: 0.42rem; background: url(../images/73.png) no-repeat top center; background-size: 0.26rem auto; transition: all 0.5s;}
.newsboxlisthree .wlist .li .text .time .v{ font-size: 0.16rem; line-height: 1; color: #646464; text-align: center; margin-top: 0.1rem; transition: all 0.5s;}
.newsboxlisthree .wlist .li:hover .text .time i{ color: #fff; background: url(../images/73s.png) no-repeat top center; background-size: 0.26rem auto;}
.newsboxlisthree .wlist .li:hover .text .time .v{ color: #fff;}
.newsboxlisthree .wlist .li a .m i img{ display: block; width: 100%;}
.contactbox .list .right{ position: relative;}
.contactbox .list .right .icon .i{ width: 0.5rem; height: 0.6rem; background: url(../images/82.png) no-repeat center; background-size: 100% auto; cursor: pointer;}
.contactbox .list .right .icon2 .i{ width: 0.37rem; height: 0.45rem; background: url(../images/83.png) no-repeat center; background-size: 100% auto;}
.contactbox .list .right .icon{ position: absolute; top: 1.98rem; right: 2.22rem;}
.contactbox .list .right .icon2{ top: 3.56rem; right: 3.23rem;}
.contactbox .list .right .icon .mkw{ position: absolute; top: -0.1rem; right: 0.7rem; background: #2269C2; box-shadow: 0 0 15px #eee; border-radius: 3px; padding: 0.2rem; display: none; z-index: 5;}
.contactbox .list .right .icon:hover .mkw{ display: block;}
.contactbox .list .right .icon .mkw .p{ font-size: 14px; line-height: 22px; color: #fff; white-space: nowrap; margin-top: 5px;}
.contactbox .list .right .icon .mkw .p:first-child{ margin-top: 0;}
.contactbox .list .right .icon .mkw::after{ width: 10px; height: 10px; background: #2269C2; content: ''; position: absolute; top: 0.25rem; right: -5px; transform: rotate(45deg);}
.contactbox .list .right .icon1 .i{ animation: myfirst4 0.5s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0;}
@keyframes myfirst4{
    0%   { margin-top: 0; }
    100% { margin-top: -0.1rem; }
}
.contactbox .list .right .icon2 .i{ animation: myfirst5 0.7s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0;}
@keyframes myfirst5{
    0%   { margin-top: 0; }
    100% { margin-top: 0.1rem; }
}

.aboutboxfour{ padding: 0.88rem 0 0.68rem 0; background: #f3f7fb; overflow: hidden;}
.aboutboxfour .list{ padding-top: 0.45rem; width: 18rem; margin-left: -0.2rem;}
.aboutboxfour .list a{ display: block; margin: auto; width: 5.58rem; height: 3.94rem; overflow: hidden;}
.aboutboxfour .list a img{ display: block; width: 100%; height:100%; transition: all 0.5s;}
.aboutboxfour .list a:hover img{ transform: scale(1.03);}
.aboutboxfour .list .swiper{ padding-bottom: 1.14rem;}
.aboutboxfour .list .swiper .bot{ width: 100%; position: absolute; left: 0; bottom: 0; display: flex; justify-content: center;}
.aboutboxfour .list .swiper .bot .swiper-button-next,
.aboutboxfour .list .swiper .bot .swiper-button-prev{ width: 0.74rem; height: 0.74rem; background: #D3E1F3 url(../images/31.png) no-repeat center; background-size: 0.19rem auto; position: relative; top: auto!important; left: auto!important; right: auto!important; margin: 0 0.15rem; border-radius: 100%; transition: all 0.5s;}
.aboutboxfour .list .swiper .bot .swiper-button-next:hover,
.aboutboxfour .list .swiper .bot .swiper-button-prev:hover{ background: #2269C2 url(../images/16s.png) no-repeat center; background-size: 0.19rem auto; }
.aboutboxfour .list .swiper .bot .swiper-button-next{ transform: rotate(180deg);}
.aboutboxthree{ padding: 0.88rem 0 0.94rem 0; background: url(../images/28.jpg) no-repeat top center; background-size: cover;}
.aboutboxthree .img{ position: relative; margin-top: 0.32rem;}
.aboutboxthree .img img{ width: 14.73rem; margin: auto; display: block;}
.aboutboxthree .img .h{ font-size: 0.2rem; font-weight: bold; line-height: 0.3rem; position: absolute; top: 0; left: 0;}
.aboutboxtwo{ display: flex;}
.aboutboxtwo .img{ width: 50%; overflow: hidden; min-height: 9.1rem;}
.aboutboxtwo .img img{ display: block; height: 100%;}
.aboutboxtwo .right{ width: 50%;}
.aboutboxtwo .right .mk{ padding: 0.6rem 0.8rem 0.3rem 0.75rem;}
.aboutboxtwo .right .list .li{ padding: 0.3rem 0 0 0; margin: 0.3rem 0 0 0; border-top: 1px solid #D4D4D4;}
.aboutboxtwo .right .list .li:first-child{ margin: 0; padding: 0; border: none;}
.aboutboxtwo .right .list .li .h{ font-size: 0.18rem; line-height: 0.26rem; color: #2269C2; font-weight: bold;}
.aboutboxtwo .right .list .li .p{ font-size: 0.26rem; line-height: 0.32rem; margin-top: 0.1rem; font-weight: bold;}
.aboutboxtwo .right .list{ margin-top: 0.25rem;}
.aboutboxtwo .right .form .li{ border-bottom: 1px solid #D4D4D4; padding: 0.25rem 0;}
.aboutboxtwo .right .form .li .tp{ display: flex; justify-content: space-between;}
.aboutboxtwo .right .form .li .tp .h{ font-size: 0.18rem; line-height: 0.26rem; color: #2269C2; width: 85%; padding: 0.02rem 0;}
.aboutboxtwo .right .form .li .tp .i{ width: 0.3rem; height: 0.3rem; border-radius: 100%; background: url(../images/26.png) no-repeat center; background-size: 100% auto; cursor: pointer; margin-right: 0.1rem;}
.aboutboxtwo .right .form .li:hover .tp .h,
.aboutboxtwo .right .form .li.on .tp .h{ font-weight: bold;}
.aboutboxtwo .right .form .li.on .tp .i{ background: url(../images/27.png) no-repeat center; background-size: 100% auto;}
.aboutboxtwo .right .form .li .ps a{ display: block; font-size: 0.16rem; line-height: 0.32rem; padding-left: 0.2rem; position: relative; transition: all 0.5s;}
.aboutboxtwo .right .form .li .ps a::after{ content: ''; width: 0.06rem; height: 0.06rem; border-radius: 100%; position: absolute; top: 0.12rem; left: 0.03rem; background: #333;}
.aboutboxtwo .right .form .li .ps a:hover{ color: #2269C2;}
.aboutboxtwo .right .form .li .ps{ margin-top: 0.15rem; display: none;}
.aboutboxtwo .right .form{ margin-top: 0.7rem;}
.aboutboxone .tops{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0.56rem 0 0.37rem 0;}
.aboutboxone .cont{ background: #F1F4F7 url(../images/23.png) no-repeat center right; background-size: auto 100%;}
.aboutboxone .cont .text{ padding: 0.76rem 0 0.7rem 0;}
.aboutboxone .cont .text .mk{ width: calc(100% / 2);}
.aboutboxone .cont .text .h{ font-size: 0.3rem; line-height: 0.4rem; font-weight: bold;}
.aboutboxone .cont .text .m{ font-size: 0.2rem; line-height: 0.32rem; font-weight: bold; width: 3.8rem; margin-top: 0.15rem;}
.aboutboxone .cont .text .p{ font-size: 0.15rem; line-height: 0.34rem; margin-top: 0.4rem;}
.numboer{ width: 50%; background: #2269C2; display: flex;}
.numboer .wli{ width: 50%; display: flex; padding: 0.45rem 0;}
.numboer .wli:nth-child(2){ background: url(../images/24.jpg) no-repeat center; background-size: cover;}
.numboer .wli .n{ font-size: 0.16rem; line-height: 1;padding-left: 0.12rem; color: hsla(0,0%,100%,0.50); position: relative;}
.numboer .wli .n::after{ content: ''; width: 0.06rem; height: 0.06rem; border-radius: 100%; background: #fff; position: absolute; top: 0.05rem; left: 0;}
.numboer .wli .h{ font-size: 0.16rem; line-height: 0.26rem; color: #fff; font-family: 'font2'; display: flex; align-items: flex-end; margin-top: 0.1rem;}
.numboer .wli .h i{ font-size: 0.56rem; line-height: 1; /*font-weight: bold;*/ color: #fff; margin-right: 0.06rem; font-family: 'font2';}
.numboer .wli .p{ font-size: 0.16rem; margin-top: 0.15rem; color: #fff;}
.numboer .wli .li{ padding-left: 0.72rem;}
.aboutboxfive{ background: url(../images/32.jpg) no-repeat center; background-size: cover; padding: 0.88rem 0 0.5rem 0; overflow: hidden;}
.aboutboxfive .list{ width: 28rem; margin: 1.3rem 0 0 -0.3rem; position: relative;}
.aboutboxfive .list a{ display: block; position: relative; z-index: 5;}
.aboutboxfive .list i{ display: block; width: 0.18rem; height: 0.18rem; margin: auto; background: #fff; border-radius: 100%;}
.aboutboxfive .list::after{ width: 100%; height: 1px; position: absolute; left: 0; top: 0.09rem; border-bottom: 1px dashed #fff; content: '';}
.aboutboxfive .list .p{ font-size: 0.2rem; font-weight: bold; text-align: center; line-height: 1; margin-top: 0.3rem; color: #fff;}
.aboutboxfive .list .swiper-slide-active .p{ opacity: 0;}
.aboutboxfive .list .swiper-pagination{ display: none;}
.aboutboxfive .list .a{ cursor: pointer;}
.aboutboxfive .text{ display: flex; justify-content: space-between; align-items: center; margin-top: -0.25rem; padding: 0 0.8rem 0 1.46rem;}
.aboutboxfive .text .boot{ display: flex}
.aboutboxfive .text .boot .em{ width: 0.74rem; height: 0.74rem; background: #D3E1F3 url(../images/31.png) no-repeat center; background-size: 0.19rem auto; border-radius: 100%; transition: all 0.5s; cursor: pointer;}
.aboutboxfive .text .boot .em:hover{ background: #2269C2 url(../images/16s.png) no-repeat center; background-size: 0.19rem auto; }
.aboutboxfive .text .boot{ display: flex;}
.aboutboxfive .text .boot .em2{ margin-left: 0.3rem; transform: rotate(180deg);}
.aboutboxfive .text .ps{ width: 9.4rem;}
.aboutboxfive .text .m{ width: 4.74rem; height: 4.74rem; border-radius: 100%; overflow: hidden; margin-left: 0.48rem;}
.aboutboxfive .text .m img{ display: block; width: 100%; transition: all 0.5s;}
.aboutboxfive .text .m:hover img{ transform: scale(1.03);}
.aboutboxfive .text .li{ display: none;}
.aboutboxfive .text .li.on{ display: flex; align-items: center;}
.aboutboxfive .text .li .p{ font-size: 0.16rem; line-height: 0.34rem; margin-top: 0.5rem; color: #fff;}
.aboutboxfive .text .li .h{ display: flex; justify-content: flex-end; align-items: flex-end; font-size: 0.32rem; font-weight: bold; line-height: 0.5rem; color: #fff;}
.aboutboxfive .text .li .h i{ font-size: 0.72rem; font-weight: bold; line-height: 1; color: #fff; margin-right: 0.05rem;}
.aboutboxsix{ padding: 0.9rem 0 0.55rem 0; overflow: hidden;}
.aboutboxsix .list{ padding-top: 0.65rem; margin: 0 -0.8rem;}
.aboutboxsix .list a{ display: block; width: 4.76rem; height: 3.06rem; overflow: hidden; transition: all 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.aboutboxsix .list a img{ display: block; width: 100%; transition: all 0.5s;}
.aboutboxsix .list a:hover img{ transform: scale(1.03);}
.aboutboxsix .list .swiper-slide{ height: 4.74rem; /*display: flex; justify-content: center; align-items: center;*/}
.aboutboxsix .list .swiper-slide-active a{ width: 7.34rem; height: 4.74rem;}
.aboutboxsix .list .swiper{ padding-bottom: 1.15rem;}
.aboutboxsix .list .swiper .bot{ width: 100%; position: absolute; left: 0; bottom: 0; display: flex; justify-content: center;}
.aboutboxsix .list .swiper .bot .swiper-button-next,
.aboutboxsix .list .swiper .bot .swiper-button-prev{ width: 0.74rem; height: 0.74rem; background: #D3E1F3 url(../images/31.png) no-repeat center; background-size: 0.19rem auto; position: relative; top: auto!important; left: auto!important; right: auto!important; margin: 0 0.15rem; border-radius: 100%; transition: all 0.5s;}
.aboutboxsix .list .swiper .bot .swiper-button-next:hover,
.aboutboxsix .list .swiper .bot .swiper-button-prev:hover{ background: #2269C2 url(../images/16s.png) no-repeat center; background-size: 0.19rem auto; }
.aboutboxsix .list .swiper .bot .swiper-button-next{ transform: rotate(180deg);}
.aboutboxone{ overflow: hidden;}