/* w3018 内页导航 start */
.crumbs { width: 100%; background-color: #f4f6f8; position: relative; }
.crumbs:before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: var(--w, 6.4rem); display: block; /* height: 0.8rem; */ height: 100%; background-color: #00cae7; }
.crumbs .crum { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; font-size: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.crumbs .crum .cul { display: inline-block; vertical-align: middle; width: auto; }
.crumbs .crum .cul .home { display: inline-block; vertical-align: middle; margin-right: 0.15rem; width: 20px; }
.crumbs .crum .cul .home img { width: 100%; display: block; }
.crumbs .crum .cul a { display: inline-block; vertical-align: middle; color: #fff; line-height: 0.8rem; }
.crumbs .crum .cul a span { display: inline-block; color: #fff; margin: 0 0.1rem; }
.crumbs .crum .cul a span img { width: 100%; display: block; }
.crumbs .crum .cul a:last-child span { display: none; }
.crumbs .crum .cur { width: auto; display: inline-block; vertical-align: middle; }
.crumbs .crum .cur .curm { display: inline-block; vertical-align: middle; width: auto; }
.crumbs .crum .cur .curm.fixed { position: fixed; z-index: 5; width: 106%; left: 50%; padding: 0 6%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }
.crumbs .crum .cur .swiper-slide { display: inline-block; vertical-align: middle; }
.crumbs .crum .cur .swiper-slide { display: inline-block; vertical-align: bottom; width: auto; height: auto; }
.crumbs .crum .cur .swiper-slide a { display: inline-block; vertical-align: bottom; color: #333; line-height: 0.8rem; padding: 0 0.3rem; width: auto; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.crumbs .crum .cur .swiper-slide.on a, .crumbs .crum .cur .swiper-slide:hover a { color: #fff; background-color: #00cae7; }
/* w3018 内页导航 end */

/* w3018 关于我们-介绍 start */
.Profile { width: 100%; padding: 0.7rem 0; }
.Profile .ptc { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 0.3rem; }
.Profile .proam { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.Profile .proam .pkl { width: calc((760 / 1520 * 100%)); display: inline-block; vertical-align: top; }
.Profile .proam .pkl .pmm { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 0.3rem; padding-right: 0.5rem; }
.Profile .proam .pkl .pmm p { color: #333; font-weight: bold; line-height: 1.5; }
.Profile .proam .pkl .pinp { width: 100%; color: #666; line-height: 1.5; padding-right: 0.5rem; margin-bottom: 0.5rem; }
.Profile .proam .pkl .pinp p { color: #666; line-height: 1.5; }
.Profile .proam .pkr { width: calc((640 / 1520 * 100%)); display: inline-block; vertical-align: top; }
.Profile .proam .pkr .imgs { width: 100%; position: relative; overflow: hidden; }
.Profile .proam .pkr .imgs .img { width: 100%; padding-top: 118.75%; }
.Profile .proam .pkr .kom { width: 90%; display: block; margin: 0 auto; background-color: #00cae7; padding: 0.35rem 0.4rem; position: relative; top: -1rem; }
.Profile .proam .pkr .kom .kc { width: .2rem; margin-bottom: .2rem; }
.Profile .proam .pkr .kom .kc img { width: 100%; }
.Profile .proam .pkr .kom .imp { width: 100%; color: #fff; line-height: 1.6; }
.Profile .proam .pkr .kom .imp p { color: #fff; line-height: 1.6; }
.Profile .datas { width: 100%; font-size: 0; margin-top: 0.8rem; }
.Profile .datas .datm { width: calc(260 / 1520 * 100%); margin-right: calc(160 / 1520 * 100%); display: inline-block; vertical-align: top; }
.Profile .datas .datm .dc { display: block; height: 0.49rem; }
.Profile .datas .datm .dc img { height: 100%; display: block; }
.Profile .datas .datm .dum { width: 100%; font-size: 0; margin: 0.25rem 0; }
.Profile .datas .datm .dum .num { display: inline-block; vertical-align: top; color: #333; font-weight: bold; margin-right: 0.1rem; }
.Profile .datas .datm .dum .im { display: inline-block; vertical-align: top; font-weight: bold; color: #333; }
.Profile .datas .datm .lx { width: 100%; height: 1px; background-color: #999; margin: 0.25rem 0; }
.Profile .datas .datm .dx { width: 100%; color: #333; line-height: 1.5; }
.Profile .datas .datm:nth-child(4n) { margin-right: 0; }
@media (max-width: 800px) { .Profile .proam .pkr .imgs .img { padding-top: 60%; } }
/* w3018 关于我们-介绍 end */

/* w3018 关于我们-荣誉资质 start */
.honors { width: 100%; padding: 0.7rem 0; }
.honors .honsper { width: 100%; position: relative; }
.honors .honsper .swiper-container, .honors .honsper .swiper-wrapper { height: auto; }
.honors .honsper .swiper-slide { width: 100%; background-color: #fff; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.honors .honsper .swiper-slide .imgs { width: 100%; position: relative; overflow: hidden; }
.honors .honsper .swiper-slide .imgs .ic { position: absolute; bottom: 0.15rem; right: 0.15rem; width: 30px; height: 30px; }
.honors .honsper .swiper-slide .imgs .ic img { width: 100%; display: block; }
.honors .honsper .swiper-slide .imgs .img { width: 100%; padding-top: 105.55%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.honors .honsper .swiper-slide .hom { width: 100%; padding: 0.28rem 0.3rem; border-top: solid 1px #eee; }
.honors .honsper .swiper-slide .hom .ht { width: 100%; color: #333; font-weight: bold; line-height: 1.5; }
.honors .honsper .swiper-slide .hom .hp { width: 100%; color: #999; line-height: 1.5; margin-top: 0.1rem; }
.honors .honsper .swiper-slide:hover { -webkit-box-shadow: 0px 10px 40px 0px rgba(21, 64, 145, 0.1); box-shadow: 0px 10px 40px 0px rgba(21, 64, 145, 0.1); }
.honors .honsper .swiper-slide:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.honors .honsper .btn { display: inline-block; vertical-align: middle; width: .5rem; height: .5rem; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #ffffff; border-radius: 0; }
.honors .honsper .btn img { width: 100%; display: block; }
.honors .honsper .btn img:first-child { display: block; }
.honors .honsper .btn img:last-child { display: none; }
.honors .honsper .btn:hover { background-color: #00cae7; }
.honors .honsper .btn:hover img:first-child { display: none; }
.honors .honsper .btn:hover img:last-child { display: block; }
.honors .honsper .bl { left: -0.8rem; }
.honors .honsper .br { right: -0.8rem; }
@media (max-width: 1540px) { 
  .honors .honsper .bl { left: -0.2rem; }
  .honors .honsper .br { right: -0.2rem; } 
}
/* w3018 关于我们-荣誉资质 end */

/* w3018 关于我们-图册 start */
.styles { width: 100%; padding: 0.7rem 0; }
.styles .imgpers { width: 100%; position: relative; }
.styles .imgpers .swiper-slide { width: 100%; position: relative; overflow: hidden; }
.styles .imgpers .swiper-slide .img { width: 100%; padding-top: 60%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; position: relative;}
.styles .imgpers .swiper-slide .img .mg{ position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;opacity: 0; }
.styles .imgpers .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f7f7f7; border-radius: 0; }
.styles .imgpers .btn img { width: 100%; display: block; }
.styles .imgpers .btn img:first-child { display: block; }
.styles .imgpers .btn img:last-child { display: none; }
.styles .imgpers .btn:hover { background-color: #00cae7; }
.styles .imgpers .btn:hover img:first-child { display: none; }
.styles .imgpers .btn:hover img:last-child { display: block; }
.styles .imgpers .bl { left: -0.8rem; }
.styles .imgpers .br { right: -0.8rem; }
@media (max-width: 1540px) { 
  .styles .imgpers .bl { left: -0.2rem; }
  .styles .imgpers .br { right: -0.2rem; } 
}
/* 播放图标 */
.styles .icon{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.2rem; cursor: pointer; z-index: 2; }
.styles .icon img{width: 100%;}
/* w3018 关于我们-图册 end */