@charset "utf-8";
/*
*author: xghl-fed-gq
*date: 2020.8.4
*content: index style.
*/
.block-more { text-indent: 0rem; text-align: center; }
.block-more .block-more-link { position: relative; display: inline-block; width: 13.9375rem; height: 3.5rem; line-height: 3.5rem; margin: 2.1875rem 0 3.75rem 0; border: 0.0625rem solid #c6dff9; border-radius: 1.875rem; color: #2856a4; font-family: 'myrobotoblacklight'; font-size: 1.25rem; text-transform: uppercase; text-indent: 2.1875rem; }
.block-more .block-more-link i { position: absolute; left: 5%; top: 45%; margin-top: -1rem; display: inline-block; width: 2.4375rem; height: 2.4375rem; background: no-repeat  center; background-size: contain; }
.block-more .block-more-btn { position: relative; top: 0.8125rem; display: inline-block; width: 2.625rem; height: 2.625rem; line-height: 2.625rem; border-radius: 1.875rem; background: no-repeat 5% center; color: #2856a4; font-family: 'myrobotoblacklight'; font-size: 1.25rem; text-transform: uppercase; text-indent: 2.1875rem; text-align: center; background-size: contain; }
.block-more .block-more-btn.block-more-left { right: 0.625rem; background-image: ; }
.block-more .block-more-btn.block-more-right { left: 0.625rem; background-image: ; }

.block-content-product { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.25rem 1.5625rem; width: 100%; }
.block-content-product li { position: relative; margin-bottom: 1.875rem; width: 50%; max-width: 21.3125rem; height: 25rem; }
.block-content-product li a { display: block; width: 100%; height: 100%; margin-right: 1.5625rem; max-width: 18.75rem; }
.block-content-product li a .block-content-product-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 18.75rem; }
.block-content-product li a .block-content-product-img img { display: inline-block; max-width: 15.625rem; max-height: 15.625rem; }
.block-content-product li a h3 { margin-bottom: 1.25rem; font-family: 'mysourcbold'; font-size: 1.75rem; color: #333; }
.block-content-product li a p { padding-left: 0; font-family: 'mysource'; font-size: 1.5rem; color: #999; }
.block-content-product li a:nth-child(2n) { margin-right: 0; }

header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.5625rem; width: 100%; height: 5.625rem; background-color: #2856a4; color: #fff; }
header .header-logo { width: 16.5rem; height: 2.1875rem; background: no-repeat  center; background-size: contain; }
header .header-menu { width: 3rem; height: 2rem; background: no-repeat  center; background-size: contain; }
header.fixed { position: fixed; top: 0; left: 0; z-index: 111; }

main .banner { width: 100%; max-height: 37.5rem; background-color: transparent; color: #fff; overflow: hidden; }
main .banner .swiper-container { position: relative; width: 100%; height: 100%; }
main .banner .swiper-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
main .banner .swiper-container .swiper-slide a img { display: inline-block; width: 100%; height: 100%; }
main .banner .swiper-container .swiper-pagination { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; bottom: 9.375rem; padding-right: 1.25rem !important; height: 3.125rem; font-size: 1.5rem; text-align: right; }
main .banner .swiper-container .swiper-pagination .swiper-pagination-current { font-size: 2.25rem; }
main .cate { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.25rem 1.5625rem; width: 100%; }
main .cate li { position: relative; margin-bottom: 1.25rem; width: 50%; height: 16.3125rem; -ms-flex-preferred-size: 49%; flex-basis: 49%; }
main .cate li a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
main .cate li a img { display: inline-block; width: 100%; height: 100%; }
main .cate li a span { position: absolute; left: 0.9375rem; bottom: 1.5625rem; font-family: 'mysource'; font-size: 1.75rem; color: #fff; }
main .cate li a span:hover { color: #454b5a; }
main .block { width: 100%; height: 100%; }
main .block .block-title { margin-top: 3.75rem; margin-bottom: 1.875rem; padding: 0 1.25rem; max-width: 92%; text-align: right; color: #c6dff9; }
main .block .block-title .block-title-en { font-family: 'myrobotoblack'; font-size: 3rem; text-transform: uppercase; }
main .block .block-title .block-title-en-s { font-family: 'myrobotoblack'; font-size: 1.625rem; text-transform: uppercase; }
main .block .block-title .block-title-line { text-align: right; }
main .block .block-title .block-title-line span { display: inline-block; width: 5rem; height: 0.125rem; background-color: #4196ec; }
main .block .block-title .block-title-cn { color: #454b5a; font-family: 'mysourcebold'; font-size: 2.5rem; }
main .block .block-title.block-title-mid { margin-left: auto; margin-right: auto; width: 65%; text-align: left; }
main .block .block-title.block-title-mid .block-title-line { text-align: left; }
main .block .block-title.block-title-mid .block-title-cn { position: relative; top: -2.8125rem; padding-right: 1.25rem; text-align: right; }
main .block .block-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1.5625rem; width: 100%; }
main .block .block-content p { padding-left: 2.625rem; line-height: 2.5rem; font-family: 'mysourcelight'; font-size: 1.5rem; }
main .block .block-content .block-content-ls li { margin-bottom: 2.5rem; color: #454b5a; }
main .block .block-content .block-content-ls li h3 { margin-bottom: 0.3125rem; font-family: 'mysourcebold'; font-size: 1.75rem; }
main .block .block-content .block-content-ls li h3 i { position: relative; top: 0.3125rem; display: inline-block; margin-right: 0.625rem; width: 2rem; height: 2.25rem; background-repeat: no-repeat; background-position: center; background-size: contain; overflow: hidden; }
main .block .block-content .block-content-ls li:nth-child(1) > h3 i { background-image: ; }
main .block .block-content .block-content-ls li:nth-child(2) > h3 i { background-image: ; }
main .block .block-content .block-content-ls li:nth-child(3) > h3 i { background-image: ; }
main .block .block-content .block-content-ls li:nth-child(4) > h3 i { background-image: ; }
main .block .block-content .block-content-ls li:nth-child(5) > h3 i { background-image: ; }
main .block .block-content-pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3.125rem 3.75rem; width: 100%; background: no-repeat  center; background-size: cover; color: #fff; }
main .block .block-content-pic li { position: relative; margin-bottom: 4.0625rem; width: 50%; max-width: 18.75rem; }
main .block .block-content-pic li span { display: block; color: #fefeff; }
main .block .block-content-pic li span.block-content-pic-title { margin: 0.9375rem 0; font-size: 1.5rem; font-family: 'mysourcebold'; }
main .block .block-content-pic li span.block-content-pic-line { margin-bottom: 2.1875rem; width: 90%; height: 0.0625rem; background-color: #fefeff; }
main .block .block-content-pic li span.block-content-pic-num { font-family: 'myrobotoblack'; font-size: 3.75rem; }
main .block .block-content-pic li span.block-content-pic-num i { position: relative; left: -1.25rem; display: inline-block; width: 1.8125rem; height: 1.8125rem; line-height: 1.8125rem; text-align: center; background-color: #fff; border: 0.1875rem solid #1f5689; color: #1f5689; border-radius: 50%; font-family: 'mysource'; font-size: 1.5rem; font-style: normal; }
main .block.product-index { padding-bottom: 28.125rem; background: no-repeat  bottom center; background-size: cover; }
main .block.product-index .block-content { padding: 0; }
main .block.product-index .block-content .block-content-ls { padding: 0 1.5625rem; }
main .block.about-index .block-title { text-align: left; }
main .block.about-index .block-title .block-title-line { position: relative; top: 1.875rem; left: 6.875rem; text-align: left; }
main .block.about-index .block-title .block-title-cn { text-align: right; }
main .block.about-index p { padding-left: 0; text-indent: 2rem; }
main .block.hot .block-content .swiper-container { position: relative; width: 100%; height: 100%; }
main .block.hot .block-content .swiper-container .swiper-slide { /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
main .block.hot .block-content .swiper-container .swiper-slide p { padding-left: 0; }
main .block.applica .applica-item-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: repeat ; }
main .block.applica .applica-item-txt { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; line-height: 17.1875rem; color: #fff; font-family: 'mysourcebold'; font-size: 1.75rem; }
main .block.applica .applica-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 34.4375rem; overflow: hidden; }
main .block.applica .applica-top li { position: relative; text-align: center; max-height: 17.1875rem; line-height: 17.1875rem; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
main .block.applica .applica-top li:nth-child(1) { width: 40%; background-image: ; }
main .block.applica .applica-top li:nth-child(2) { width: 60%; background-image: ; }
main .block.applica .applica-top li:nth-child(3) { width: 58%; background-image: ; }
main .block.applica .applica-top li:nth-child(4) { width: 42%; background-image: ; }
main .block.applica .applica-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 68.75rem; overflow: hidden; }
main .block.applica .applica-bottom li { position: relative; text-align: center; max-height: 17.1875rem; line-height: 17.1875rem; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
main .block.applica .applica-bottom li:nth-child(1) { width: 100%; background-image: ; }
main .block.applica .applica-bottom li:nth-child(2) { width: 40%; background-image: ; }
main .block.applica .applica-bottom li:nth-child(3) { width: 60%; background-image: ; }
main .block.applica .applica-bottom li:nth-child(4) { width: 58%; background-image: ; }
main .block.applica .applica-bottom li:nth-child(5) { width: 42%; background-image: ; }
main .block.applica .applica-bottom li:nth-child(6) { width: 100%; background-image: ; }
main .block-banner { width: 100%; height: 23.75rem; background: no-repeat  center; background-size: cover; overflow: hidden; }
main .news { color: #fff; background-color: #2856a4; }
main .news .news-ls { margin-bottom: 2.8125rem; }
main .news .news-ls li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.8125rem 1.5625rem; width: 100%; height: 19.375rem; border-bottom: 0.0625rem solid #fff; }
main .news .news-ls li .news-ls-tag { display: block; width: 10.375rem; height: 2.8125rem; line-height: 2.8125rem; text-align: center; background-color: #d2e3f9; color: #2856a4; border-radius: 1.5625rem; font-size: 1.25rem; margin-bottom: 2.1875rem; }
main .news .news-ls li .news-ls-title { margin-bottom: 1.875rem; width: 100%; line-height: 1.5; font-size: 1.75rem; color: #fff; font-family: 'mysourcebold'; }
main .news .news-ls li .news-ls-content { font-size: 1.5rem; height: 5rem; line-height: 2.5rem; font-family: 'mysourcelight'; color: #c6dff9; }
main .news .block-more { border: none; }
main .news .block-more a { color: #fff; }

footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 6.75rem; padding: 2.5rem 0; width: 100%; height: 15rem; font-family: 'mysourcelight'; color: #666; font-size: 1.25rem; }
footer p { height: 3.125rem; line-height: 3.125rem; }
footer p .footer-logo { position: relative; top: 0.5rem; margin-left: 0.3125rem; display: inline-block; width: 5rem; height: 1.625rem; background: no-repeat  center; background-size: contain; }

nav { display: none; position: fixed; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6.25rem; width: 88%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: 112; color: #fff; text-align: center; }
nav h2 { margin-bottom: 0.625rem; font-size: 2.25rem; }
nav ul { margin: 0 auto; width: 90%; }
nav ul li { line-height: 5.625rem; }
nav ul li a { font-size: 2.25rem; color: #fff; }
nav ul li.active a { color: #1f5689; }
nav.show { display: -webkit-box; display: -ms-flexbox; display: flex; }
nav.fixed { position: fixed; padding-top: 12.5rem; }

/*底部浮动信息*/
.bottom-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 6.75rem; position: fixed; max-width: 750px; bottom: 0; background: #2f4ca7; opacity: 0.9; z-index: 999; }
.bottom-btn a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; height: 100%; color: white; font-size: 1.5rem; text-align: center; line-height: 9.6875rem; font-weight: bold; }
.bottom-btn a.bottom-btn-map { background:  no-repeat center 0.75rem; background-size: 2rem 2.875rem; }
.bottom-btn a.bottom-btn-tel { border-left: 0.15625rem solid rgba(255, 255, 255, 0.7); border-right: 0.15625rem solid rgba(255, 255, 255, 0.7); background:  no-repeat center 1.0625rem; background-size: 2.375rem; }
.bottom-btn a.bottom-btn-top { background:  no-repeat center 1.625rem; background-size: 4.1875rem 1.75rem; }
.bottom-btn.fixed { position: fixed; }

@media screen and (max-width: 321px) { .block-content-pic-num { font-size: 3.625rem !important; }
  .product-inner .product-img .product-img-swiper .swiper-pagination { left: 86% !important; }
  .process .block-content { margin-bottom: 4.6875rem !important; } }

.global-paging {
  margin: 0px auto;
  width: 90%!important;
}
.global-paging a,
.global-paging span {
  margin: 5px;
  display: inline-block;
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
  border-radius: .25rem;
  border: 1px solid #ccc;
  color: #333;
}

.global-paging .thisclass {
  background: #2856a4;
  color: #fff;
}