@font-face {
  font-family: 'Baloo2-Bold';
  src: url(../assets/font/Baloo2-Regular.ttf);
}

@font-face {
  font-family: 'Baloo2-Bold';
  font-weight: bold;
  src: url(../assets//font/Baloo2-Bold.ttf);
}

html {
  font-size: 100px;
}

body {
  font-family: Baloo2-Bold;
}

.wrap {
	max-width: 1250px;
	margin: 0 auto;
  padding: 0 .25rem;
}

.header-m,
.header-wrap .hd-search,
.header-wrap .product-nav-m,
.index-banner-swiper,
.index,
.banner,
.about,
.news,
.news-detail,
.why-us,
.contact,
.faq,
.download,
.turnkey-solutions,
.introduce,
.register,
.types,
.products-list,
.product-detail,
footer {
	transition: all .5s;
	-webkit-transition: all .5s
}

/* Header */
header {
  height: .57rem;
  background-color: #222;
}

header > .wrap {
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 100%;
}

header .logo-wrap {
  display: flex;
  align-items: center;
}

header .logo-lk {
  display: block;
  width: 1.52rem;
  height: .39rem;
  padding-top: .39rem;
  overflow: hidden;
  background: url(../images/logo.png) no-repeat top left / 1.52rem .39rem;
}

header .nav-list {
  display: flex;
  align-items: center;
}

header .nav-item .nav-lk {
  display: flex;
  align-items: center;
  height: .57rem;
  padding: 0 .22rem;
  color: #ddd;
  font-size: .2rem;
  line-height: .59rem;
}

header .nav-item .nav-lk:hover {
  text-decoration: underline;
}

.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 666;
}

.header-wrap .hd-search {
  background-color: #fff;
}

.header-wrap .hd-search .inner-wrap {
  display: flex;
  align-items: center;
  height: .7rem;
  padding: .14rem .18rem .12rem;
}

.header-wrap .hd-search .search-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: .22rem;
  overflow: hidden;
  box-shadow: 0 0 .13rem 0 rgba(0, 0, 0, .13);
}

.hd-search .search-wrap .input-wrap {
  width: 80%;
  height: 100%;
}

.hd-search .search-wrap .input-wrap input {
  width: 100%;
  height: 100%;
  padding: 0 .4rem;
  font-family: Baloo2-Bold;
  font-size: .16rem;
  color: #222;
}

.hd-search .search-wrap .btn-wrap {
  width: 20%;
  height: 100%;
}

.hd-search .search-wrap .btn-wrap .search-lk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #134587;
  z-index: 1;
  font-size: .16rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0 .22rem .22rem 0;
  overflow: hidden;
  transition: all .6s ease;
}

.hd-search .search-wrap .btn-wrap .search-lk::before,
.hd-search .search-wrap .btn-wrap .search-lk::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: .25s ease-in-out
}

.hd-search .search-wrap .btn-wrap .search-lk::before {
  right: 0;
  z-index: -2;
  background-color: #134587
}

.hd-search .search-wrap .btn-wrap .search-lk::after {
  right: 100%;
  z-index: -1;
  background-color: #E3151A
}

.hd-search .search-wrap .btn-wrap .search-lk:hover::before {
  left: 100%
}

.hd-search .search-wrap .btn-wrap .search-lk:hover::after {
  right: 0;
}

.search-lk .icon-search {
  margin-right: .1rem;
}

.product-nav {
  background-color: #134587;
}

.product-nav > .wrap {
  position: relative;
}

.product-nav-list {
  display: flex;
}

.product-nav-item {
  flex-grow: 1;
}

.product-nav-item .nav-lk {
  display: flex;
  height: .6rem;
  padding: 0 6%;
  font-size: .16rem;
  color: #ddd;
  line-height: .6rem;
  text-align: center;
  transition: all .5s linear;
}

.product-nav-item .nav-lk.active {
  background-color: #E3151A;
}

.product-nav .outer-wrap {
  position: absolute;
  top: 100%;
  left: .25rem;
  width: calc(100% - .5rem);
}

.product-nav .product-nav-handle-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.product-nav .product-nav-content-wrap {
  display: flex;
  padding: .2rem .44rem .4rem;
  background-color: rgba(0, 0, 0, .9);
}

.product-nav .nav-content-list {
  width: 16.8%;
  margin-right: 4%;
}

.product-nav .nav-content-list:last-child {
  margin-right: 0;
}

.product-nav .nav-content-list .nav-lk:hover {
  color: #E3151A;
}

.product-nav .nav-content-list dt {
  display: flex;
  align-items: center;
  height: .7rem;
  margin-bottom: .17rem;
  border-bottom: 1px solid rgba(255, 255, 255, 3);
}

.product-nav .nav-content-list dt .nav-lk {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: .16rem;
  color: #ddd;
}

.product-nav .nav-content-list .icon-product-nav {
  flex-shrink: 0;
  margin-right: .15rem;
}

.product-nav .nav-content-list .icon-product-nav img {
  display: block;
  max-width: .36rem;
}

.product-nav .nav-content-list dt .nav-lk .els {
  width: calc(100% - .51rem);
}

.product-nav .nav-content-list dd .nav-lk {
  display: block;
  font-size: .14rem;
  line-height: .3rem;
  color: #999;
}

.header-m {
  display: none;
  position: relative;
  left: 0;
  min-height: 46px;
  height: .57rem;
  background: #222;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
}

.header-m .logo {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  min-height: 46px;
  height: .57rem;
  margin-top: 0;
  padding: 10px 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.header-m .logo img {
  height: 100%;
}

.header-m .m-menu-b {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 46px;
  width: 60px;
  height: .57rem;
  cursor: pointer
}

.header-m .m-menu-b::before,
.header-m .m-menu-b::after {
  position: absolute;
  content: '';
  top: 50%;
  left: calc(35px / 2);
  width: 25px;
  height: 1px;
  z-index: 999;
  transition: all .3s ease-out .3s;
  -webkit-transition: all .3s ease-out .3s;
  background-color: #fff;
}

.header-m .m-menu-b::before {
  transform: translateY(-4px) rotate(0);
  -webkit-transform: translateY(-4px) rotate(0)
}

.header-m .m-menu-b::after {
  transform: translateY(4px) rotate(0);
  -webkit-transform: translateY(4px) rotate(0)
}

.header-m .m-menu {
  display: none;
  z-index: 888;
  position: fixed;
  width: 260px;
  height: 100%;
  top: 0;
  left: -260px;
  opacity: 1;
  background: #fafafa;
  text-align: left;
  padding-top: .57rem
}

.header-m .m-menu::after {
  position: absolute;
  top: .57rem;
  content: '';
  width: 100%;
  height: 1px;
  background: #ebebeb
}

.header-m .nav {
  height: calc(100% - 82px);
  overflow-x: hidden;
  overflow-y: auto
}

.header-m .nav > li {
  border-bottom: 1px solid #ebebeb;
  animation: resize .5s both;
  -webkit-animation: resize .5s both
}

.header-m .nav > li > a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 15px;
  padding: 0 40px;
  color: #666;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  overflow: hidden;
  height: 50px;
  line-height: 50px
}

.header-m .nav > li > a::after {
  position: absolute;
  content: '';
  left: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: 1px solid #999;
  border-radius: 50%;
  background: transparent;
  transition: all .3s;
  -webkit-transition: all .3s
}

.header-m .nav > li .sub-nav {
  display: none
}

.header-m .nav > li .sub-nav a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 12px 40px;
  background: #f2f2f2;
  color: #4E4E4E
}

.header-m .nav > li .sub-nav a::before,
.header-m .nav > li .sub-nav a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 20px;
  top: 20px;
  border: 5px solid transparent;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s
}

.header-m .nav > li .sub-nav a::before {
  left: 21px;
  border-left: 5px solid #555
}

.header-m .nav > li .sub-nav a::after {
  border-left: 5px #ebebeb solid
}

.header-m .nav > li.cur {
  position: relative
}

.header-m .nav > li.cur::after,
.header-m .nav > li.cur::before {
  position: absolute;
  content: '';
  background: #999;
  transition: all .5s;
  -webkit-transition: all .5s
}

.header-m .nav > li.cur::before {
  top: 19px;
  right: 25px;
  width: 2px;
  height: 12px
}

.header-m .nav > li.cur::after {
  top: 24px;
  right: 20px;
  width: 12px;
  height: 2px
}

.header-m .nav > li.active::after {
  background: #fff
}

.header-m .nav > li.active::before {
  height: 0
}

.header-m .nav > li.active > a {
  color: #fff;
  background-color: #134587;
}

.header-m .nav > li.active > a::after {
  border-color: #fff;
  background-color: #fff;
}

.header-m .nav > li.active .sub-nav li {
  animation: ReturnToNormal .5s both;
  -webkit-animation: ReturnToNormal .5s both
}

.header-m .m-lks {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.header-m .m-lks a {
  color: #666;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #ebebeb;
  animation: slideInUp 1.5s both;
  -webkit-animation: slideInUp 1.5s both;
}

html.active {
  overflow: hidden
}

html.active body {
  overflow: hidden
}

html.active .header-m {
  left: 260px
}

html.active .header-m::after {
  display: block
}

html.active .header-m .m-menu-b::before {
  transform: translateY(0) rotate(225deg);
  -webkit-transform: translateY(0) rotate(225deg)
}

html.active .header-m .m-menu-b::after {
  transform: translateY(0) rotate(-225deg);
  -webkit-transform: translateY(0) rotate(-225deg)
}

html.active .header-m .m-menu {
  display: block;
  left: 0
}

html.active .header-wrap .hd-search,
html.active .product-nav-m,
html.active .index-banner-swiper,
html.active .index,
html.active .banner,
html.active .about,
html.active .news,
html.active .news-detail,
html.active .why-us,
html.active .contact,
html.active .faq,
html.active .download,
html.active .turnkey-solutions,
html.active .introduce,
html.active .register,
html.active .types,
html.active .products-list,
html.active .product-detail,
html.active footer {
  transform: translateX(260px);
  -webkit-transform: translateX(260px);
}

.product-nav-m {
	display: none;
	position: relative;
	cursor: pointer
}

.product-nav-m .title {
	position: relative;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	background-color: #134587;
	box-sizing: border-box;
	text-align: left;
	border-bottom: none
}

.product-nav-m .title strong {
	color: #fff;
	font-size: 16px;
	font-weight: bold
}

.product-nav-m .title i {
	position: absolute;
	content: '';
	width: 45px;
	height: 100%;
	right: 0
}

.product-nav-m .title i::before,
.product-nav-m .title i::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 12px;
	height: 1px;
	background: #fff;
	transition: all .3s;
	-webkit-transition: all .3s
}

.product-nav-m .title i::before {
	left: 46%;
	transform: rotate(40deg) scaleY(1.5);
	-webkit-transform: rotate(40deg) scaleY(1.5)
}

.product-nav-m .title i::after {
	right: 46%;
	transform: rotate(-40deg) scaleY(1.5);
	-webkit-transform: rotate(-40deg) scaleY(1.5)
}

.product-nav-m .title.active i::before {
	transform: rotate(-40deg) scaleY(1.5);
	-webkit-transform: rotate(-40deg) scaleY(1.5)
}

.product-nav-m .title.active i::after {
	transform: rotate(40deg) scaleY(1.5);
	-webkit-transform: rotate(40deg) scaleY(1.5)
}

.product-nav-m > ul {
	display: none;
	position: absolute;
	top: 45px;
	width: 100%;
	padding: 0 10px;
	background-color: rgb(19, 69, 135, .8);
	color: #fff;
	box-sizing: border-box;
}

.product-nav-m ul > li {
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.product-nav-m ul > li > a {
	display: block;
	line-height: 45px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.product-nav-m ul > li a {
  color: #fff;
}

.m_sub_nav01 {
	width: 97%;
	display: none
}

.m_sub_nav01 a {
	padding-left: 20px;
	display: block;
	line-height: 45px
}

.thr3 {
	display: none;
	padding-left: 40px
}

.thr3 a {
	line-height: 30px;
}

/* Index */

.index-banner-swiper {
  position: relative;
  margin-top: 1.27rem;
}

.index-banner-swiper .lk {
  display: block;
  position: relative;
}

.index-banner-swiper img {
  display: block;
  width: 100%;
  height: auto;
}

.index-banner-swiper .banner-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 8%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}

.index-banner-swiper .text {
  color: #134587;
  font-weight: bold;
  line-height: 1em;
}

.index-banner-swiper .text.line01 {
  font-size: .73rem;
}

.index-banner-swiper .text.line02 {
  font-size: .53rem;
}

.index-banner-swiper .more-btn {
  position: absolute;
  bottom: 30%;
  width: 2rem;
  height: .54rem;
  background-color: #134587;
  border-radius: .27rem;
  z-index: 1;
  overflow: hidden;
  font-size: .18rem;
  color: #fff;
  line-height: .54rem;
  text-align: center;
}

.index-banner-swiper .more-btn::before,
.index-banner-swiper .more-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: .25s ease-in-out
}

.index-banner-swiper .more-btn::before {
  right: 0;
  z-index: -2;
  background-color: #134587
}

.index-banner-swiper .more-btn::after {
  right: 100%;
  z-index: -1;
  background-color: #E3151A
}

.index-banner-swiper .more-btn:hover::before {
  left: 100%
}

.index-banner-swiper .more-btn:hover::after {
  right: 0;
}

.index-banner-swiper .swiper-notification {
  display: none;
}

.index-banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 4%;
}

.index-banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { 
  position: relative;
  width: .7rem;
  height: 4px;
  margin: 0 5px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 0;
  opacity: 1; 
  transition: all 0.5s ease;
}

.index-banner-swiper .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  background-color: #003B67;
}
.index-banner-swiper .swiper-pagination .swiper-pagination-bullet.on::before {
  width: 100%;
  transition: all 4s linear;
}


.index .normal-part {
  padding-top: .9rem;
}

.index .normal-part > .wrap,
.index .normal-part .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index .normal-part .sub-tit,
.index .normal-part .more-lk {
  font-size: .18rem;
  color: #003B67;
  text-align: center;
  font-weight: bold;
}

.index .normal-part .sub-tit {
  margin-bottom: .24rem;
}

.index .normal-part .more-lk {
  margin-bottom: .2rem;
}

.index .normal-part .more-lk:hover {
  text-decoration: underline;
}

.index .normal-part .desc {
  margin-bottom: .38rem;
  font-size: .36rem;
  line-height: 1em;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.index .part01 {
  padding: 1.3rem 0 1.5rem;
  background-color: #F4F4F4;
}

.index .part01 .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index .part01 .text-wrap .desc {
  margin-bottom: .7rem;
  font-size: .36rem;
  font-weight: bold;
  color: #000;
  line-height: 1em;
  text-align: center;
}

.index .part01 .text-wrap .sub-desc {
  margin-bottom: .12rem;
  font-size: .18rem;
  color: #000;
  text-align: center;
}

.index .part01 .text-wrap .more-lk {
  font-size: .18rem;
  color: #133562;
  text-align: center;
}

.index .part01 .text-wrap .more-lk:hover {
  text-decoration: underline;
}

.index .part01 .image-text-wrap {
  display: flex;
  margin-top: .95rem;
}

.index .part01 .intro-item {
  display: flex;
  width: calc(100% / 3);
}

.index .part01 .intro-item .icon-index-intro {
  flex-shrink: 0;
}

.index .part01 .intro-item .intro-text {
  width: 100%;
  padding: 0 4% 0 9%;
}

.index .part01 .intro-item .tit {
  font-size: .26rem;
  color: #000;
  font-weight: bold;
}

.index .part01 .intro-item .desc {
  font-size: .18rem;
  color: #666;
  line-height: .3rem;
}

.index .part02 {
  margin-top: .1rem;
  padding-bottom: .5rem;
  background-color: #F4F4F4;
}

.index .part02 .img-wrap {
  height: 3.29rem;
}

.index .part02 .img-wrap img {
  display: block;
  width: auto;
  height: 100%;
}

.index .part03 {
  padding-bottom: .42rem;
  background: url(../images/index-part3-bg.jpg) no-repeat center / cover;
}

.index .part03 .sub-tit {
  color: #fff;
  opacity: .5;
}

.index .part03 .desc {
  color: #fff;
  opacity: .6;
}

.index .part03 .img-wrap {
  height: 3.63rem;
}

.index .part03 .img-wrap img {
  display: block;
  width: auto;
  height: 100%;
}

.index .part04 {
  display: flex;
  flex-wrap: wrap;
  padding: .1rem;
}

.index .part04 .intro-box {
  position: relative;
  width: calc((100% - .1rem) / 2);
  height: 5.8rem;
  margin-bottom: .1rem;
  margin-right: .1rem;
  overflow: hidden;
}

.index .part04 .intro-box:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.index .part04 .intro-box:nth-child(2n) {
  margin-right: 0;
}

.index .part04 .intro-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .part04 .intro-box .text-warp {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 100%;
  padding: 0 4%;
  margin-top: .8rem;
}

.index .part04 .intro-box .text-warp .tit {
  margin-bottom: .12rem;
  font-size: .36rem;
  color: #000;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

.index .part04 .intro-box .text-warp .desc {
  margin-bottom: .32rem;
  font-size: .18rem;
  color: #000;
  text-align: center;
}

.index .part04 .intro-box .text-warp .more-lk {
  font-size: .18rem;
  color: #003B67;
}

.index .part04 .intro-box .text-warp .more-lk:hover {
  text-decoration: underline;
}

.index .part05 {
  position: relative;
  padding-bottom: .9rem;
  background-color: #000;
  overflow: hidden;
}

.index .part05 canvas {
	display:block;
}

.index .part05 .waves {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.index .part05 .sub-tit,
.index .part05 .desc {
  color: #fff;
  opacity: .6;
}

.index .part05 .sub-desc {
  margin-bottom: .78rem;
  font-size: .18rem;
  color: #fff;
  opacity: .4;
}

.index .part05 .img-group {
  display: flex;
  justify-content: space-between;
}

.index .part05 .img-group .img-wrap {
  position: relative;
  width: 31%;
  height: 2.64rem;
  border-radius: .04rem;
  overflow: hidden;
}

.index .part05 .img-group .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .part05 .img-group .img-wrap .img-desc {
  position: absolute;
  left: 6%;
  bottom: .18rem;
  font-size: .2rem;
  color: #fff;
  font-weight: bold;
}

.index .part06 {
  padding-bottom: 1rem;
}

.index .part06 .brands-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4%;
}

.index .part06 .brand-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 4);
  height: 1.36rem;
  padding: .07rem .1rem;
}

.index .part06 .desc {
  margin-bottom: .7rem;
}

.index .part06 .more-btn {
  display: block;
  position: relative;
  width: 2rem;
  height: .54rem;
  margin-top: .8rem;
  background-color: #134587;
  border-radius: .27rem;
  z-index: 1;
  overflow: hidden;
  font-size: .18rem;
  color: #fff;
  line-height: .54rem;
  text-align: center;
}

.index .part06 .more-btn::before,
.index .part06 .more-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: .25s ease-in-out
}

.index .part06 .more-btn::before {
  right: 0;
  z-index: -2;
  background-color: #134587
}

.index .part06 .more-btn::after {
  right: 100%;
  z-index: -1;
  background-color: #E3151A
}

.index .part06 .more-btn:hover::before {
  left: 100%
}

.index .part06 .more-btn:hover::after {
  right: 0;
}

/* About */

.about-banner {
  height: 7.63rem;
  margin-top: 1.27rem;
  background: url(../images/about-banner-bg.jpg) no-repeat center / cover;
  color: #fff;
}

.about-banner > .wrap {
  height: 100%;
}

.about-banner .inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 .3rem;
}

.about-banner .text {
  font-size: .42rem;
  font-weight: bold;
  text-align: center;
}

.about-banner .num-wrap {
  display: flex;
  margin-top: .9rem;
}

.about-banner .num-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 3);
}

.about-banner .num-item .num {
  font-size: .6rem;
  font-weight: bold;
}

.about-banner .num-item .desc {
  font-size: .22rem;
  text-align: center;
}

.about .anchor-wrap {
  position: sticky;
  top: 1.27rem;
  height: 1.06rem;
  background-color: #F7F7F7;
  z-index: 1;
}

.about .anchor-wrap > .wrap {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.about .anchor-wrap .anchor-lk {
  display: block;
  font-size: .2rem;
  color: #000;
  margin: 0 .5rem;
  text-align: center;
}

.about .anchor-wrap .anchor-lk:hover {
  color: #134587;
}

.about .company-profile {
  padding: 1.2rem 0 .86rem;
}

.about .company-profile .type,
.about .exceptional-service .type {
  font-size: .3rem;
  color: #29282C;
  text-align: center;
  line-height: 1em;
}

.about .company-profile .name,
.about .exceptional-service .name {
  margin-top: .26rem;
  font-size: .6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
  background: linear-gradient(0deg, #F16D1F 0%, #F70F46 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about .company-profile .detail-desc {
  margin-top: .6rem;
  font-size: .18rem;
  line-height: .26rem;
  color: #000;
  text-align: center;
}

.about .company-profile .detail-list {
  margin-top: .78rem;
}

.about .company-profile .detail-item {
  margin-bottom: .36rem;
}

.about .company-profile .detail-item:last-child {
  margin-bottom: 0;
}

.about .company-profile .detail-item .tit {
  margin-bottom: .14rem;
  font-size: .24rem;
  color: #29282C;
  font-weight: bold;
}

.about .company-profile .detail-item .desc {
  font-size: .18rem;
  color: #000;
}

.about .normal-banner {
  height: 7.63rem;
}

/*.about .normal-banner.banner01 {
  background: url(../images/about-normal-banner-bg01.jpg) no-repeat center / cover;
}*/

.about .normal-banner.banner02 {
  background: url(../images/about-normal-banner-bg02.jpg) no-repeat center / cover;
}

.about .normal-banner > .wrap {
  height: 100%;
}

.about .normal-banner .inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 64%;
  color: #fff;
}

.about .normal-banner .type {
  margin-bottom: .48rem;
  font-size: .3rem;
}

.about .normal-banner .text {
  font-size: .42rem;
  line-height: .5rem;
  font-weight: bold;
}

.engineering-quality .part01 {
  padding: 1.15rem 0;
}

.engineering-quality .part01 .image-text-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.engineering-quality .part01 .text-wrap {
  padding-right: 7%;
}

.engineering-quality .part01 .text-wrap .text {
  margin-bottom: .34rem;
  font-size: .18rem;
  line-height: .26rem;
  color: #000;
  text-align: justify;
}

.engineering-quality .part01 .text-wrap .text:last-child {
  margin-bottom: 0;
}

.engineering-quality .part01 .img-wrap {
  flex-shrink: 0;
  width: 40%;
}

.engineering-quality .part01 .num-wrap {
  display: flex;
  margin-top: .89rem;
}

.engineering-quality .part01 .num-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.engineering-quality .part01 .num-item .icon-detail-num01 {
  margin-bottom: .23rem;
}

.engineering-quality .part01 .num-item .icon-detail-num02 {
  margin-bottom: .19rem;
}

.engineering-quality .part01 .num-item .icon-detail-num03 {
  margin-bottom: .25rem;
}

.engineering-quality .part01 .num-item .icon-detail-num04 {
  margin: .12rem 0 .27rem;
}

.engineering-quality .part01 .num-item .num {
  margin-bottom: .2rem;
  font-size: .6rem;
  color: #134587;
  line-height: 1em;
  font-weight: bold;
}

.engineering-quality .part01 .num-item .desc {
  font-size: .18rem;
  color: #000;
  text-align: center;
}

.engineering-quality .part02 {
  padding: 1.15rem 0 1.04rem;
  background-color: #F5F5F7;
}

.engineering-quality .part02 > .wrap {
  display: flex;
  justify-content: space-between;
}

.engineering-quality .part02 .image-text {
  width: 46%;
}

.engineering-quality .part02 .image-text .img-wrap {
  width: 100%;
  height: 4.24rem;
  border-radius: .04rem;
  overflow: hidden;
}

.engineering-quality .part02 .image-text .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.engineering-quality .part02 .image-text .desc {
  margin-top: .6rem;
  font-size: .22rem;
  color: #000;
  line-height: .36rem;
  text-align: center;
}

.engineering-quality .part03 {
  padding: 1.08rem 0 1.3rem;
}

.engineering-quality .part03 .tit {
  margin-bottom: 1rem;
  background: linear-gradient(0deg, #F16D1F 0%, #F70F46 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: .6rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

.engineering-quality .part03 .engineering-quality-swiper {
  position: relative;
  overflow: hidden;
}

.engineering-quality .part03 .engineering-quality-swiper .img-wrap {
  height: 2.81rem;
  border-radius: .02rem;
  overflow: hidden;
}

.engineering-quality-swiper .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.engineering-quality .part03 .engineering-quality-swiper .desc {
  font-size: .22rem;
  color: #29282C;
  line-height: .86rem;
  text-align: center;
}

.engineering-quality .part03 .engineering-quality-swiper .swiper-notification {
  display: none;
}

.engineering-quality .part03 .swiper-btn-group {
  display: flex;
  justify-content: center;
  margin-top: .58rem;
}

.engineering-quality .part03 .swiper-btn-group .engineering-quality-swiper-button-prev {
  margin-right: .49rem;
}

.about .exceptional-service {
  padding: 1rem 0 1.33rem;
}

.about .exceptional-service .content-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: .9rem;
}

.about .exceptional-service .text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 49%;
  padding: .65rem 2% .75rem 3%;
  background-color: #F5F5F7;
  border-radius: .08rem;
}

.about .exceptional-service .text-box .text {
  font-size: .22rem;
  line-height: .36rem;
  color: #000;
  text-align: justify;
}

.about .exceptional-service .text-box .lk {
  font-size: .18rem;
  color: #0061C4;
}

.about .exceptional-service .text-box .lk:hover {
  text-decoration: underline;
}

/* News */

.news {
  margin-top: 1.27rem;
  padding-top: .42rem;
  background-color: #F5F5F7;
}

.news > .wrap {
  overflow: hidden;
}

.news .tabs-lk {
  display: flex;
  border-bottom: 1px solid #CACAD0;
}

.news .tab-item {
  margin-right: .76rem;
}

.news .tab-item .tab-lk {
  display: block;
  font-size: .26rem;
  line-height: .6rem;
  font-weight: bold;
  color: #888;
}

.news .tab-item.cur .tab-lk {
  font-size: .36rem;
  color: #000;
}

.news .news-box-group {
  display: flex;
  padding: .58rem 0;
  border-bottom: 1px solid #CACAD0;
}

.news .news-box-group .news-box {
  display: block;
  width: 31%;
  margin-right: 3.5%;
  border-radius: .08rem;
  overflow: hidden;
}

.news .news-box-group .news-box:last-child {
  margin-right: 0;
}

.news .news-box-group .news-box .img-wrap {
  height: 2.16rem;
  overflow: hidden;
}

.news .news-box-group .news-box .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .news-box-group .news-box .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1.8rem;
  padding: 0 9.6%;
  background-color: #fff;
}

.news .news-box-group .news-box .text-wrap .tit {
  margin-bottom: .26rem;
  font-size: .2rem;
  color: #000;
  line-height: .3rem;
  font-weight: bold;
}

.news .news-box-group .news-box:hover .text-wrap .tit {
  text-decoration: underline;
}

.news .news-box-group .news-box .text-wrap .time {
  font-size: .18rem;
  color: #999;
} 

.news .news-list-wrap .news-item {
  position: relative;
  padding: .34rem 0;
  border-bottom: 1px solid #CACAD0;
}

.news .news-list-wrap .news-item .lk {
  display: block;
  height: 1.66rem;
}

.news .news-list-wrap .news-item .img-wrap {
  position: absolute;
  top: .34rem;
  left: 0;
  width: 25%;
  height: 1.66rem;
  border-radius: .04rem;
  overflow: hidden;
}

.news .news-list-wrap .news-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .news-list-wrap .news-item .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 25%;
  padding-left: 5%;
}

.news .news-list-wrap .news-item .text-wrap .tit {
  font-size: .2rem;
  color: #000;
  font-weight: bold;
}

.news .news-list-wrap .news-item:hover .text-wrap .tit {
  text-decoration: underline;
}

.news .news-list-wrap .news-item .text-wrap .desc {
  margin: .15rem 0 .24rem;
  font-size: .16rem;
  color: #666;
  line-height: .3rem;
}

.news .news-list-wrap .news-item .text-wrap .time {
  font-size: .18rem;
  color: #999;
}

/* News Detail */

.news-detail {
  margin-top: 1.27rem;
}

.news-detail .content-wrap {
  padding-top: .86rem;
  background-color: #F5F5F7;
  overflow: hidden;
}

.news-detail .news-tit {
  font-size: .38rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.news-detail .news-time {
  margin-bottom: .84rem;
  font-size: .16rem;
  color: #000;
  text-align: center;
}

.news-detail .content p {
  margin-bottom: .56rem;
  font-size: .18rem;
  color: #000;
  line-height: .3rem;
  text-align: justify;
}

.news-detail .content img {
  margin-bottom: .56rem;
  display: block;
  width: 100%;
  height: auto;
}

.news-detail .handle-wrap {
  padding: .4rem 0;
}

.news-detail .handle-wrap .next-prev-wrap .text {
  display: inline-block;
  width: 1.94rem;
  font-size: .18rem;
  color: #000;
  font-weight: bold;
  line-height: .34rem;
}

.news-detail .handle-wrap .next-prev-wrap .lk {
  width: calc(100% - 1.94rem);
  font-size: .18rem;
  color: #222;
  line-height: .34rem;
}

.news-detail .handle-wrap .back-btn {
  display: block;
  width: 2rem;
  height: .4rem;
  margin: .3rem auto 0;
  background-color: #E8E8ED;
  border-radius: .2rem;
  font-size: .18rem;
  color: #000;
  line-height: .4rem;
  text-align: center;
  font-weight: bold;
}

/* Why Us */

.why-us-banner {
  height: 7.63rem;
  margin-top: 1.27rem;
  background: url(../images/why-us-banner-bg.jpg) no-repeat center / cover;
  color: #fff;
}

.why-us-banner > .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.why-us-banner .tit {
  margin-bottom: .4rem;
  font-size: .42rem;
  font-weight: bold;
}

.why-us-banner .desc {
  margin-bottom: .52rem;
  font-size: .26rem;
  line-height: .4rem;
  text-align: center;
}

.why-us .part01 {
  padding: .93rem 0 1rem;
}

.why-us .part01 .reason-wrap {
  display: flex;
  margin-bottom: .78rem;
}

.why-us .part01 .reason-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 3);
}

.why-us .part01 .reason-item .icon-reason01 {
  margin-bottom: .04rem;
}

.why-us .part01 .reason-item .icon-reason02 {
  margin-bottom: .06rem;
}

.why-us .part01 .reason-item .icon-reason03 {
  margin-bottom: .13rem;
}

.why-us .part01 .reason-item .desc {
  font-size: .36rem;
  color: #000;
  font-weight: bold;
}

.why-us .part01 .reason-desc {
  margin-bottom: .77rem;
  padding: 0 6%;
  font-size: .26rem;
  color: #000;
  line-height: .4rem;
  text-align: center;
}

.why-us .part01 img {
  display: block;
  width: 100%;
  height: auto;
}

.why-us .part02 {
  padding: 1.18rem 0;
  background-color: #FAFAFA;
}

.why-us .part02 .inner-wrap,
.why-us .part03 .inner-wrap  {
  display: flex;
}

.why-us .part02 .text-wrap {
  padding-right: 5%;
}

.why-us .part02 .text-wrap .tit,
.why-us .part03 .text-wrap .tit {
  margin-bottom: .18rem;
  font-size: .42rem;
  color: #000;
  font-weight: bold;
}

.why-us .part02 .text-wrap .desc,
.why-us .part03 .text-wrap .desc {
  margin-bottom: .22rem;
  font-size: .16rem;
  color: #333;
  line-height: .3rem;
  text-align: justify;
}

.why-us .part02 .text-wrap .desc:last-child,
.why-us .part03 .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.why-us .part02 .img-wrap,
.why-us .part03 .img-wrap {
  flex-shrink: 0;
  width: 55%;
  height: 4rem;
  border-radius: .1rem;
  overflow: hidden;
}

.why-us .part02 .img-wrap img,
.why-us .part03 .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-us .part03 {
  padding: 1.18rem 0;
}

.why-us .part03 .text-wrap {
  padding-left: 5%;
}

/* Contact */

.contact-banner {
  height: 5rem;
  margin-top: 1.27rem;
  background: url(../images/content-banner-bg.jpg) no-repeat center / cover;
}

.contact-banner > .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.contact-banner .tit {
  font-size: .42rem;
  color: #fff;
  font-weight: bold;
}

.contact {
  padding: 1rem 0;
}

.contact .contact-box {
  display: flex;
  padding: 1rem 6% 1rem 8%;
  border: 1px solid #F0F0F0;
}

.contact .contact-box .left {
  flex-grow: 1;
  padding-right: 5%;
}

.contact .contact-box .left .tit {
  margin-bottom: .62rem;
  font-size: .36rem;
  color: #000;
  font-weight: bold;
}

.contact .contact-box .left .contact-list {
  margin-bottom: .86rem;
}

.contact .contact-box .left .contact-item {
  position: relative;
  padding-left: .72rem;
  margin-bottom: .56rem;
  font-size: .22rem;
  color: #000;
  line-height: .3rem;
}

.contact .contact-box .left .contact-item:last-child {
  margin-bottom: 0;
}

.contact .contact-box .contact-item .icon-contact {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.contact .contact-box .left .app-wrap {
  display: flex;
  align-items: center;
}

.contact .contact-box .app-wrap .lk {
  position: relative;
  margin-right: .4rem;
}

.contact .contact-box .app-wrap .lk:last-child {
  margin-right: 0;
}

.contact .contact-box .app-wrap .lk .qrcode-wrap {
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 100px;
  width: 1.2rem;
  transform: translate(-50%, -.08rem);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}

.contact .contact-box .app-wrap .lk:hover .qrcode-wrap {
  opacity: 1;
  visibility: visible;
}

.contact .contact-box .right {
  flex-shrink: 0;
  width: 39%;
}

.contact .contact-box .right .tip {
  font-size: .2rem;
  color: #000;
  line-height: .68rem;
}

.contact .contact-box .input-wrap {
  width: 100%;
  height: .6rem;
  margin-bottom: .1rem;
  background-color: #f3f3f3;
}

.contact .contact-box .input-wrap input {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  background-color: transparent;
  font-size: .2rem;
  color: #000;
}

.contact .contact-box .textarea-wrap {
  width: 100%;
  height: 1.5rem;
  margin-bottom: .1rem;
  background-color: #f3f3f3;
}

.contact .contact-box .textarea-wrap textarea {
  width: 100%;
  height: 100%;
  padding: .5em 1em;
  background-color: transparent;
  font-size: .2rem;
  color: #000;
  resize: none;
}

.contact .contact-box .code-wrap {
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
}

.contact .contact-box .code-wrap .input-wrap {
  margin-bottom: 0;
}

.contact .contact-box .code-wrap .code-lk {
  display: block;
  margin-left: 2%;
}

.contact .contact-box .submit-btn {
  display: block;
  width: 100%;
  height: .6rem;
  border: .02rem solid #134587;
  font-size: .16rem;
  color: #134587;
  line-height: .6rem;
  text-align: center;
  font-weight: bold;
}

.contact .contact-box .submit-btn:hover {
  background-color: #134587;
  color: #fff;
}

/* FAQ */

.faq-banner {
  height: 5rem;
  margin-top: 1.27rem;
  background: url(../images/faq-banner-bg.jpg) no-repeat center / cover;
}

.faq-banner > .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.faq-banner .tit {
  font-size: .42rem;
  color: #fff;
  font-weight: bold;
}

.faq {
  padding-top: 1.08rem;
}

.faq .faq-item {
  margin-bottom: .3rem;
}

.faq .faq-item:last-child {
  margin-bottom: 0;
}

.faq .faq-item .question-wrap {
  display: flex;
  position: relative;
  align-items: center;
  height: .9rem;
  padding: 0 2%;
  border: 1px solid #EBEBEB;
}

.faq .faq-item.cur .question-wrap {
  box-shadow: 0 0 0.24rem 0 rgba(11, 3, 6, .13);
}

.faq .faq-item .question-wrap::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: .03rem;
  background-color: #21508e;
  transition: all .5s;
}

.faq .faq-item.cur .question-wrap::after {
  width: 100%;
}

.faq .faq-item .icon-question {
  margin-right: 2%;
}

.faq .faq-item .tit {
  margin-right: 2%;
  flex-grow: 1;
  font-size: .22rem;
  color: #131313;
  font-weight: bold;
}

.faq .faq-item .answer-wrap {
  display: none;
  position: relative;
  padding: .22rem 8%;
  margin-top: .3rem;
  border: 1px solid #EBEBEB;
}

.faq .faq-item .icon-answer {
  position: absolute;
  top: .28rem;
  left: 2%;
}

.faq .faq-item .answer-text {
  font-size: .2rem;
  color: #131313;
  line-height: .48rem;
}

/* Download */

.download-banner {
  height: 5rem;
  margin-top: 1.27rem;
  background: url(../images/download-banner-bg.jpg) no-repeat center / cover;
}

.download-banner > .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.download-banner .tit {
  font-size: .42rem;
  color: #fff;
  font-weight: bold;
}

.download {
  padding-top: .5rem;
}

.download .tabs-lk {
  display: flex;
  justify-content: center;
  margin-bottom: .65rem;
}

.download .tabs-lk .tab-item {
  position: relative;
  width: 34%;
  height: .86rem;
  margin-right: 4px;
  font-size: .3rem;
  color: #333;
  font-weight: bold;
  line-height: .86rem;
  text-align: center;
  background-color: #EAEAEA;
}

.download .tabs-lk .tab-item:last-child {
  margin-right: 0;
}

.download .tabs-lk .tab-item::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -0.25rem;
  border-top: .25rem solid #EAEAEA;
  border-left: .25rem solid transparent;
  border-right: .25rem solid transparent;
  transform: translateX(-50%);
}

.download .tabs-lk .tab-item.cur .tab-lk {
  color: #134587;
}

.download .download-list {
  display: flex;
  flex-wrap: wrap;
}

.download .download-item {
  position: relative;
  width: 31%;
  padding: .45rem .58rem .42rem;
  margin: 0 3.5% .4rem 0;
}

.download .download-item:nth-child(3n) {
  margin-right: 0;
}

.download .download-item:nth-last-child(-n + 3) {
  margin-bottom: 0;
}

.download .download-item .img-wrap {
  width: 100%;
  height: 3.56rem;
}

.download .download-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.download .download-item .desc {
  font-size: .16rem;
  color: #000;
  line-height: .68rem;
  text-align: center;
}

.download .download-item .download-btn {
  display: block;
  width: 44%;
  height: .4rem;
  margin: 0 auto;
  background-color: #134587;
  font-size: .16rem;
  color: #fff;
  line-height: .4rem;
  text-align: center;
  border-radius: .08rem;
}

.download .download-item .mask {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
}

.download .download-item .mask .desc {
  font-size: .16rem;
  color: #fff;
  line-height: .3rem;
}

/* Turnkey Solutions */

.turnkey-banner {
  height: 7.63rem;
  margin-top: 1.27rem;
  background: url(../images/turnkey-banner-bg.jpg) no-repeat center / cover;
  color: #fff;
}

.turnkey-banner > .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.turnkey-banner .tit {
  margin-bottom: .12rem;
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
} 

.turnkey-banner .desc {
  font-size: .2rem;
  line-height: .26rem;
  text-align: center;
}

.turnkey-banner .solutions-wrap {
  display: flex;
  margin: 1.04rem 0;
}

.turnkey-banner .solution-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.turnkey-banner .solution-item .img-wrap {
  width: 1.89rem;
  height: 1.64rem;
  margin-bottom: .32rem;
}

.turnkey-banner .solution-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}

.turnkey-solutions .anchor-wrap {
  position: sticky;
  top: 1.27rem;
  height: 1.06rem;
  background-color: #F7F7F7;
  z-index: 1;
}

.turnkey-solutions .anchor-wrap > .wrap {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.turnkey-solutions .anchor-wrap .anchor-lk {
  display: block;
  font-size: .2rem;
  color: #000;
  margin: 0 .5rem;
  text-align: center;
}

.turnkey-solutions .anchor-wrap .anchor-lk:hover {
  color: #134587;
}

.turnkey-solutions .part01 {
  padding: .72rem 0 1.28rem;
}

.turnkey-solutions .part01 .tit {
  margin-bottom: .62rem;
  font-size: .36rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.turnkey-solutions .part01 .image-text-wrap {
  display: flex;
  align-items: center;
}

.turnkey-solutions .part01 .img-wrap {
  flex-shrink: 0;
  width: 43%;
}

.turnkey-solutions .part01 .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.turnkey-solutions .part01 .text-wrap {
  padding-right: 7%;
}

.turnkey-solutions .part01 .text {
  margin-bottom: .36rem;
  font-size: .2rem;
  color: #000;
  line-height: .36rem;
  text-align: justify;
}

.turnkey-solutions .part01 .text:last-child {
  margin-bottom: 0;
}

.turnkey-solutions .part02 {
  padding: .95rem 0;
  background-color: #303030;
}

.turnkey-solutions .part02 .image-text-wrap {
  display: flex;
}

.turnkey-solutions .part02 .img-wrap {
  flex-shrink: 0;
  width: 40%;
}

.turnkey-solutions .part02 .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.turnkey-solutions .part02 .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-left: 3%;
  color: #fff;
  font-size: .2rem;
  line-height: .36rem;
  text-align: justify;
}

.turnkey-solutions .part02 .text-wrap .text:first-child {
  padding-left: 18.6%;
}

.turnkey-solutions .part02 .text-inner-img-wrap {
  width: 1.95rem;
  height: 1.3rem;
  margin: .46rem 0 .3rem;
}

.turnkey-solutions .part02 .text-inner-img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.turnkey-solutions .part03 {
  padding: .96rem 0 .84rem;
}

.turnkey-solutions .part03 .tit {
  margin-bottom: .2rem;
  font-size: .42rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.turnkey-solutions .part03 .desc {
  margin-bottom: .94rem;
  font-size: .2rem;
  color: #000;
  text-align: center;
}

.turnkey-solutions .part03 .ccontent-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.turnkey-solutions .part03 .btn-wrap {
  width: 48.5%;
  height: .65rem;
  margin-bottom: .5rem;
  padding: 0 .2rem;
  font-size: .18rem;
  color: #fff;
  line-height: .65rem;
  text-align: center;
  border-radius: .08rem;
  background-color: #285692;
  transition: all .5s;
}

.turnkey-solutions .part03 .btn-wrap:hover {
  box-shadow: 0 0 0.13rem 0 rgba(0, 0, 0, .53);
}

.turnkey-solutions .part03 .img-wrap {
  width: 48.5%;
  margin-bottom: .5rem;
  overflow: hidden;
}

.turnkey-solutions .part03 .img-wrap:last-child {
  margin-bottom: 0;
}

.turnkey-solutions .part03 .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.turnkey-solutions .part03 .full {
  width: 100%;
}

.turnkey-solutions .part04 {
  padding: .95rem 0 1.1rem;
  background-color: #F9F9F9;
}

.turnkey-solutions .part04 .image-text-wrap {
  display: flex;
}

.turnkey-solutions .part04 .img-wrap {
  flex-shrink: 0;
  width: 53%;
  height: 4.27rem;
  overflow: hidden;
}

.turnkey-solutions .part04 .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.turnkey-solutions .part04 .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 6%;
}

.turnkey-solutions .part04 .tit {
  margin-bottom: .32rem;
  font-size: .42rem;
  color: #000;
  font-weight: bold;
}

.turnkey-solutions .part04 .text {
  font-size: .2rem;
  line-height: .3rem;
  color: #000;
}

/* Introduce */

.introduce {
  margin-top: 1.87rem;
}

.introduce .part01 {
  height: 5.37rem;
  background: url(../images/introduce-part01-bg.jpg) no-repeat right / cover;
}

.introduce .part01 > .wrap {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 100%;
}

.introduce .part01 .tit {
  margin-bottom: 1.04rem;
  font-size: .42rem;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.introduce .part01 .desc {
  font-size: .22rem;
  line-height: .3rem;
  color: #000;
  text-align: center;
}

.introduce .part02 {
  position: relative;
}

.introduce .part02 img {
  display: block;
  width: 100%;
  height: auto;
}

.introduce .part02 > .outer-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translateX(-50%);
}

.introduce .part02 .wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 5% .25rem;
}

.introduce .part02 .text {
  width: 68%;
  font-size: .36rem;
  line-height: .4rem;
  color: #fff;
  font-weight: bold;
}

.introduce .part03 {
  padding: 1rem 0 1.54rem;
}

.introduce .part03 .tit {
  margin-bottom: 1.04rem;
  font-size: .42rem;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.introduce .part03 .products-wrap {
  display: flex;
  justify-content: space-between;
}

.introduce .part03 .product-item {
  width: 19.5%;
  height: 2.33rem;
}

.introduce .part03 .product-item01 {
  background: url(../images/product-item-img01.jpg) no-repeat center / 2.34rem 2.33rem;
}

.introduce .part03 .product-item02 {
  background: url(../images/product-item-img02.jpg) no-repeat center / 2.34rem 2.33rem;
}

.introduce .part03 .product-item03 {
  background: url(../images/product-item-img03.jpg) no-repeat center / 2.34rem 2.33rem;
}

.introduce .part03 .product-item04 {
  background: url(../images/product-item-img04.jpg) no-repeat center / 2.34rem 2.33rem;
}

.introduce .part03 .product-item05 {
  background: url(../images/product-item-img05.jpg) no-repeat center / 2.34rem 2.33rem;
}

.introduce .part03 .product-item .text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 10%;
  background-color: rgba(0, 0, 0, .4);
  transition: all .5s;
}

.introduce .part03 .product-item .text-wrap:hover {
  background-color: rgba(19, 69, 135, .92);
}

.introduce .part03 .product-item .text {
  font-size: .2rem;
  color: #fff;
  line-height: .3rem;
  font-weight: bold;
  text-align: center;
}

.introduce .part04 {
  height: 7.24rem;
  background: url(../images/introduce-part03-bg.jpg) no-repeat center / cover;
}

.introduce .part04 > .wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.introduce .part04 .intro-num-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.introduce .part04 .intro-num-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.introduce .part04 .intro-num-item .icon-intro-num01 {
  margin-top: .12rem;
  margin-bottom: .49rem;
}

.introduce .part04 .intro-num-item .icon-intro-num02 {
  margin-bottom: .44rem;
}

.introduce .part04 .intro-num-item .icon-intro-num03 {
  margin-top: .09rem;
  margin-bottom: .42rem;
}

.introduce .part04 .intro-num-item .num-wrap {
  font-size: .6rem;
  line-height: 1em;
} 

.introduce .part04 .intro-num-item .desc {
  margin-top: .35rem;
  font-size: .22rem;
  text-align: center;
}

/* Register */ 

.register {
  margin-top: 1.2rem;
}

.register .cur-route {
  font-size: .14rem;
  line-height: .52rem;
  color: #666;
}

.register .form-wrap {
  display: flex;
  flex-wrap: wrap;
}

.register .row-2-8,
.register .row-half {
  display: flex;
  justify-content: space-between;
}

.register .row-2-8 .form-group:first-child {
  width: 21%;
}

.register .row-2-8 .form-group:last-child {
  width: 74%;
}

.register .row-half .form-group {
  width: 47%;
}

.register .form-item-wrap {
  width: 48.75%;
  margin-right: 2.5%;
}

.register .form-item-wrap:nth-child(2n) {
  margin-right: 0;
}

.register .form-item-wrap .tit {
  margin-bottom: .2rem;
  font-size: .21rem;
  color: #8b0000;
  border-bottom: 1px solid #e5e5e5;
}

.register .form-group {
  margin-bottom: .15rem;
}

.register .form-group label {
  display: inline-block;
  margin-bottom: .05rem;
  font-size: .14rem;
  line-height: 1.4;
  color: #333;
  font-weight: bold;
}

.register .form-group .form-control {
  display: block;
  width: 100%;
  height: .31rem;
  padding: .06rem .12rem;
  font-size: .14rem;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .02rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.register .form-group textarea.form-control {
  height: auto;
  resize: vertical;
}

.register .form-group .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.register .selectize-control.single .selectize-input {
  padding: 0 8px;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  border-color: #ccc;
  border-radius: .02rem;
}

.register .selectize-input {
  height: .31rem;
}

.register .selectize-input input {
  height: 100%;
  color: #555;
}

.register .selectize-input .item {
  height: 100%;
  line-height: .31rem;
}

.register .selectize-dropdown .selected,
.register .selectize-dropdown .active {
  background-color: #134587;
}

.w-switch > div {
  display: inline-block
}

.w-switch > div input {
  display: none
}

.w-switch > div:first-child .w-switch-label {
  border-radius: .05rem 0 0 .05rem
}

.w-switch > div:last-child .w-switch-label {
  border-radius: 0 .05rem .05rem 0
}

.w-switch > div .w-switch-label {
  cursor: pointer;
  height: .28rem;
  padding: .04rem .08rem;
  background-color: #f3f3f3;
  font-size: .14rem;
  color: #8c8c8c
}

.w-switch > div .w-switch-label.w-switch-active {
  background-color: #108ee9;
  color: #fff
}

.register .sign-btn {
  display: block;
  width: 100%;
  height: .31rem;
  margin: .4rem 0 .86rem;
  font-size: .14rem;
  color: #fff;
  text-align: center;
  line-height: .31rem;
  border-radius: .04rem;
  background-color: #8b0000;
}

.register .sign-btn:hover {
  background-color: #134587;
}

/* Types */

.types {
  margin-top: 1.87rem;
}

.types .tit {
  padding-top: .55rem;
  font-size: .48rem;
  color: #000;
  font-weight: bold;
  line-height: .82rem;
  border-bottom: .03rem solid #ddd;
}

.types .tit span {
  position: relative;
}

.types .tit span::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.03rem;
  width: 100%;
  height: 3px;
  background-color: #134587;
}

.types .vehicle-type {
  padding-bottom: .88rem;
  background-color: #F5F5F5;
}

.types .vehicle-type .type-list-wrap {
  margin-top: .78rem;
}

.types .vehicle-type .type-list {
  display: flex;
  flex-wrap: wrap;
}

.types .vehicle-type .type-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-bottom: .23rem;
}

.types .vehicle-type .type-item:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.types .vehicle-type .type-item .img-wrap {
  width: 1.71rem;
  height: 1.71rem;
  border-radius: 50%;
  overflow: hidden;
}

.types .vehicle-type .type-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.types .vehicle-type .type-item .desc {
  width: 100%;
  font-size: .24rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: .7rem;
}

.types .brands-type {
  padding-bottom: 1.12rem;
}

.types .brands-type .type-list-wrap {
  margin-top: .45rem;
}

.types .brands-type .type-list {
  display: flex;
  flex-wrap: wrap;
}

.types .brands-type .type-item {
  margin-bottom: .23rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.types .brands-type .type-item:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.types .brands-type .type-item .img-wrap {
  display: flex;
  align-items: center;
  height: 1.12rem;
}

.types .brands-type .type-item .img-wrap img {
  display: block;
  max-width: 80%;
  min-height: 80%;
  object-fit: contain;
  margin: 0 auto;
}

.types .brands-type .type-item .desc {
  font-size: .24rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: .7rem;
}

.types .more-lk {
  display: block;
  min-width: 130px;
  width: 3.72rem;
  height: .83rem;
  margin: .84rem auto 0;
  background-color: #F5F5F5;
  font-size: .24rem;
  color: #222;
  font-weight: bold;
  text-align: center;
  line-height: .83rem;
  border-radius: .2rem;
}

.types .more-lk:hover {
  box-shadow: 0 0 0.13rem 0 rgba(0, 0, 0, .53);
}

/* Products List */

.products-list {
  margin-top: 1.87rem;
}

.products-list .cur-pro-type {
  height: .6rem;
  background-color: #222;
  font-size: .26rem;
  color: #fff;
  font-weight: bold;
  line-height: .6rem;
}

.products-list .cur-pro-type span {
  position: relative;
  padding-left: 23px;
}

.products-list .cur-pro-type span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #DF0909;
  border-radius: 50%;
  transform: translateY(-50%);
}

.products-list .wrap > .tit {
  padding-top: .16rem;
  font-size: .26rem;
  font-weight: bold;
  color: #000;
  line-height: .92rem;
}

.products-list .pro-item {
  margin-bottom: .2rem;
  padding: .22rem 3%;
  border: 1px solid #ddd;
  border-radius: .1rem;
  transition: all .5s;
}

.products-list .pro-item:hover {
  border-color: #134587;
}

.products-list .pro-item:last-child {
  margin-bottom: 0;
}

.products-list .pro-item .pro-lk {
  display: flex;
}

.products-list .pro-item .img-wrap {
  flex-shrink: 0;
  margin-right: 3.6%;
  width: 1.3rem;
  height: 1.27rem;
}

.products-list .pro-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products-list .pro-item .info-wrap {
  padding-top: .06rem;
} 

.products-list .pro-item .row {
  display: flex;
  /* align-items: center; */
}

.products-list .pro-item .info-item {
  margin-right: 6%;
  line-height: .3rem;
}

.products-list .pro-item .name {
  font-size: .24rem;
  font-weight: bold;
  color: #333;
}

.products-list .pro-item:hover .name {
  color: #134587;
}

.products-list .pro-item .icon-new {
  margin-left: .12rem;
}

.products-list .pro-item .key {
  font-size: .14rem;
  color: #666;
  white-space: nowrap;
}

.products-list .pro-item .val {
  font-size: .14rem;
  color: #000;
  font-weight: bold;
}

.products-list .pro-item .blue {
  font-size: .14rem;
  color: #134587;
  font-weight: bold;
}

/* Product Detail */

.product-detail {
  margin-top: 1.87rem;
}

.product-detail .cur-route {
  background-color: #F9F9F9;
  font-size: 14px;
  line-height: 52px;
  color: #666;
}

.product-detail-wrap .hd-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: .18rem;
  border-bottom: .03rem solid #134587;
}

.product-detail-wrap .hd-wrap .tit {
  font-size: .32rem;
  color: #000;
  font-weight: bold;
  line-height: .7rem;
}

.product-detail-wrap .hd-wrap .desc {
  margin-left: .1rem;
  font-size: .16rem;
  color: #aaa;
  vertical-align: baseline;
  font-weight: bold;
}

.product-detail-wrap .hd-wrap .left {
  display: flex;
  align-items: center;
}

.product-detail-wrap .hd-wrap .pdf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  margin-left: 30px;
  font-size: 16px;
  color: #E7262C;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.product-detail-wrap .hd-wrap .pdf-btn .icon-pdf {
  margin-right: 4px;
}

.product-detail-wrap .hd-wrap .login-btn {
  width: 114px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  background-color: #E7262C;
  border-radius: 6px;
}

.product-detail-wrap .bd-wrap {
  display: flex;
  justify-content: space-between;
}

.product-detail-wrap .bd-wrap > .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 34%;
  background-color: #F3F7FC;
  border-radius: 0 0 .1rem .1rem;
  overflow: hidden;
}

.product-detail-wrap .bd-wrap > .left .top,
.product-detail-wrap .bd-wrap > .left .bottom {
  padding: .12rem .34rem;
  font-size: .16rem;
  color: #000;
  line-height: .44rem;
}

.product-detail-wrap .bd-wrap > .left .top .val,
.product-detail-wrap .bd-wrap > .left .bottom .val {
  font-weight: bold;
}

.product-detail-wrap .bd-wrap > .left .top .icon-wrap {
  display: flex;
  align-items: center;
  /* margin-bottom: .16rem; */
}

/* .product-detail-wrap .bd-wrap > .left .top .icon-vehicle-types {
  margin-right: .34rem;
}

.product-detail-wrap .bd-wrap > .left .top .icon-vehicle-types:last-child {
  margin-right: 0;
} */

.product-detail-wrap .bd-wrap > .left .top .icon-wrap img {
  display: block;
  width: .3rem;
  height: .3rem;
  margin-right: .34rem;
}

.product-detail-wrap .bd-wrap > .left .top .icon-wrap img:last-child {
  margin-right: 0;
}

.product-detail-wrap .bd-wrap > .left .middle,
.product-detail-wrap .bd-wrap > .right .top {
  position: relative;
  background-color: #333;
  height: .36rem;
  font-size: .18rem;
  color: #fff;
  font-weight: bold;
  line-height: .36rem;
  text-align: center;
}

.product-detail-wrap .bd-wrap > .left .middle::after,
.product-detail-wrap .bd-wrap > .right .top::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -0.05rem;
  border-top: .05rem solid #333;
  border-left: .05rem solid transparent;
  border-right: .05rem solid transparent;
  transform: translateX(-50%);
}

.product-detail-wrap .bd-wrap > .left .bottom .info-item {
  display: flex;
}

.product-detail-wrap .bd-wrap > .left .bottom .info-item .key {
  width: 70%;
  padding-right: 4%;
}

.product-detail-wrap .bd-wrap > .left .bottom .info-item .val {
  width: 30%;
}

.product-detail-wrap .bd-wrap > .left .login-btn,
.product-detail-wrap .bd-wrap > .right .login-btn {
  display: block;
  height: .4rem;
  background-color: #134587;
  font-size: .16rem;
  color: #fff;
  font-weight: bold;
  line-height: .4rem;
  text-align: center;
}

.product-detail-wrap .bd-wrap > .middle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 34.5%;
} 

.product-detail-wrap .bd-wrap .product-swiper-wrap {
  position: relative;
  margin-top: .22rem;
  padding: .34rem 0 .36rem;
  border: 1px solid #ddd;
}

.product-detail-wrap .bd-wrap .product-swiper-wrap .swiper-notification {
  display: none;
}

.product-detail-wrap .bd-wrap .product-swiper {
  position: relative;
  width: 100%;
  height: 2.46rem;
  overflow: hidden;
}

.product-detail-wrap .bd-wrap .product-swiper .swiper-slide {
  padding: 0 .5rem;
}

.product-detail-wrap .bd-wrap .product-swiper img {
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
  width: .12rem;
  height: .22rem;
  background-size: .12rem .22rem;
}

.product-swiper .swiper-button-next {
  right: 4%;
  background-image: url(../images/arrow-next.png);
}

.product-swiper .swiper-button-prev {
  left: 4%;
  background-image: url(../images/arrow-prev.png);
}

.product-detail-wrap .bd-wrap .thumbnail-swiper {
  width: 60%;
  margin: .34rem auto 0;
  overflow: hidden;
}

.product-detail-wrap .bd-wrap .thumbnail-swiper .swiper-slide {
  border: 1px solid #ddd;
  border-radius: .04rem;
  overflow: hidden;
}

.product-detail-wrap .bd-wrap .thumbnail-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-detail-wrap .bd-wrap .product-swiper-wrap .mag-lk {
  position: absolute;
  top: 2.5%;
  left: 2.5%;
}

.product-detail-wrap .bd-wrap > .middle .similar .tit {
  font-size: .2rem;
  color: #E7262C;
  font-weight: bold;
}

.product-detail-wrap .bd-wrap > .middle .similar .text-wrap {
  padding: .16rem 6%;
  border: 1px solid #ddd;
}

.product-detail-wrap .bd-wrap > .middle .similar .desc {
  font-size: .14rem;
  line-height: .27rem;
  color: #000;
}

.product-detail-wrap .bd-wrap > .middle .similar .desc p {
  width: 100%;
  word-break: break-all;
}

.product-detail-wrap .bd-wrap > .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28%;
  border-radius: 0 0 0.1rem 0.1rem;
  overflow: hidden;
}

.product-detail-wrap .bd-wrap > .right .text-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: .22rem;
}

.product-detail-wrap .bd-wrap > .right .table-wrap {
  flex-grow: 1;
  padding: .25rem .2rem .2rem;
  background-color: #F8F8F8;
}

.product-detail-wrap .bd-wrap > .right .table {
  border-left: 1px solid #EDEDED;
}

.product-detail-wrap .bd-wrap > .right .table .hd,
.product-detail-wrap .bd-wrap > .right .table .item {
  display: flex;
}

.product-detail-wrap .bd-wrap > .right .table .item:nth-child(even) {
  background-color: #fff;
}

.product-detail-wrap .bd-wrap > .right .table .item:nth-child(odd) {
  background-color: #F9F9F9;
}

.product-detail-wrap .bd-wrap > .right .table .hd > span,
.product-detail-wrap .bd-wrap > .right .table .item > span {
  width: 50%;
  font-size: .14rem;
  text-align: center;
}

.product-detail-wrap .bd-wrap > .right .table .hd > span {
  color: #000;
  font-weight: bold;
  line-height: .28rem;
  background-color: #EDEDED;
}

.product-detail-wrap .bd-wrap > .right .table .item > span {
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.product-detail-wrap .bd-wrap > .right .table .item .id {
  color: #134587;
  line-height: .2rem;
}

.product-detail-wrap .bd-wrap > .right .table .item .oem {
  color: #000;
  line-height: .2rem;
}

.product-detail-wrap .ft-wrap {
  margin: .47rem 0 .56rem;
}

.product-detail-wrap .ft-wrap .app-handle {
  display: flex;
  justify-content: space-between;
  height: .5rem;
}

.product-detail-wrap .ft-wrap .app-handle .tit {
  width: 15%;
  height: 100%;
  background-color: #134587;
  font-size: .18rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: .5rem;
}

.product-detail-wrap .ft-wrap .app-handle .handle-wrap {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  padding-right: 1.5%;
  border: 1px solid #ddd;
}

.product-detail-wrap .ft-wrap .app-handle .handle-wrap > a {
  display: flex;
  align-items: center;
  font-size: .16rem;
  font-weight: bold;
}

.product-detail-wrap .ft-wrap .app-handle .handle-wrap .icon-arrow-down {
  margin-left: .23rem;
}

.product-detail-wrap .data-wrap {
  display: none;
  margin-bottom: .62rem;
  border-radius: .06rem;
  overflow: hidden;
  border: 1px solid #ebeae4;
}

.product-detail-wrap .data-wrap .hd {
  display: flex;
  padding: .04rem 2%;
  font-size: .14rem;
  color: #000;
  font-weight: bold;
  background-color: #f8f7f1;
  border-bottom: 1px solid #ebeae4;
}

.product-detail-wrap .data-wrap .item {
  display: flex;
  padding: .04rem 2%;
  font-size: .14rem;
  color: #000;
}

.product-detail-wrap .data-wrap .item:nth-child(even) {
  background-color: #fff;
}

.product-detail-wrap .data-wrap .item:nth-child(odd) {
  background-color: #f8f7f1;
}

.product-detail-wrap .data-wrap .hd span,
.product-detail-wrap .data-wrap .item span {
  width: 30%;
  padding-right: 4%;
}

.product-detail-wrap .data-wrap .hd span:first-child,
.product-detail-wrap .data-wrap .item span:first-child {
  width: 40%;
}

/* Login Container */

.login-container {
  display: none;
}

.login-container .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(80, 80, 80, .5);
}

.login-container .modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 90%;
  z-index: 1000;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 .05rem .15rem rgba(0, 0, 0, .5);
  border-radius: .06rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.login-container .modal-header {
  position: relative;
  padding: .15rem;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
}

.login-container .modal-title {
  font-size: .14rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.login-container .modal-header .close {
  position: absolute;
  top: 50%;
  right: .15rem;
  transform: translateY(-50%);
}

.login-container .modal-body {
  padding: .3rem .26rem;
  background-color: #fff;
}

.login-container .input-wrap {
  position: relative;
  margin-bottom: .1rem;
}

.login-container .input-wrap input {
  width: 100%;
  padding: .1rem .15rem .1rem .45rem;
  font-family: Baloo2-Bold;
  font-size: .16rem;
  line-height: .26rem;
  color: #343434;
  border: 1px solid #e1e1e1;
  border-radius: .03rem;
  box-shadow: inset 0 0 0 1px transparent;
}

.login-container .input-wrap .icon-modal-user {
  position: absolute;
  left: .14rem;
  top: .13rem;
}

.login-container .input-wrap .icon-modal-unlock,
.login-container .input-wrap .icon-modal-verif {
  position: absolute;
  left: .13rem;
  top: .14rem;
} 

.login-container .input-wrap .input-error {
  color: #8b0000;
}

.login-container .input-wrap .login-btn {
  display: block;
  width: 100%;
  height: .34rem;
  background-color: #dbdbdb;
  font-size: .14rem;
  color: #919191;
  line-height: .34rem;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.login-container .input-wrap .login-btn:active {
  color: #333;
  border-color: #333;
}

.login-container .input-wrap.verif-wrap {
  display: flex;
  align-items: center;
}

.login-container .input-wrap.verif-wrap img {
  width: auto;
  height: .46rem;
}

.login-container .handle-wrap {
  display: flex;
  justify-content: space-between;
}

.login-container .handle-wrap .lk {
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #000;
}

.login-container .handle-wrap .lk .icon {
  margin-right: .14rem;
}

/* Forgot Container */

.forgot-container {
  display: none;
}

.forgot-container .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(80, 80, 80, .5);
}

.forgot-container .modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 90%;
  z-index: 1000;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 .05rem .15rem rgba(0, 0, 0, .5);
  border-radius: .06rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.forgot-container .modal-header {
  position: relative;
  padding: .15rem;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
}

.forgot-container .modal-title {
  font-size: .14rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.forgot-container .modal-header .close {
  position: absolute;
  top: 50%;
  right: .15rem;
  transform: translateY(-50%);
}

.forgot-container .modal-body {
  padding: .3rem .26rem;
  background-color: #fff;
}

.forgot-container .input-wrap {
  position: relative;
  margin-bottom: .1rem;
}

.forgot-container .input-wrap input {
  width: 100%;
  padding: .1rem .15rem .1rem .45rem;
  font-family: Baloo2-Bold;
  font-size: .16rem;
  line-height: .26rem;
  color: #343434;
  border: 1px solid #e1e1e1;
  border-radius: .03rem;
  box-shadow: inset 0 0 0 1px transparent;
}

.forgot-container .input-wrap .icon-modal-user {
  position: absolute;
  left: .14rem;
  top: .13rem;
}

.forgot-container .input-wrap .icon-modal-unlock,
.forgot-container .input-wrap .icon-modal-verif {
  position: absolute;
  left: .13rem;
  top: .14rem;
} 

.forgot-container .input-wrap .input-error {
  color: #8b0000;
}

.forgot-container .input-wrap .forgot-btn {
  display: block;
  width: 100%;
  height: .34rem;
  background-color: #dbdbdb;
  font-size: .14rem;
  color: #919191;
  line-height: .34rem;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.forgot-container .input-wrap .forgot-btn:active {
  color: #333;
  border-color: #333;
}

.forgot-container .input-wrap.verif-wrap {
  display: flex;
  align-items: center;
}

.forgot-container .input-wrap.verif-wrap img {
  width: auto;
  height: .46rem;
}

.forgot-container .handle-wrap {
  display: flex;
  justify-content: space-between;
}

.forgot-container .handle-wrap .lk {
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #000;
}

.forgot-container .handle-wrap .lk .icon {
  margin-right: .14rem;
}

/* Data Container */

.data-container .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(80, 80, 80, .5);
}

.data-container .modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 90%;
  z-index: 1000;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 .05rem .15rem rgba(0, 0, 0, .5);
  border-radius: .06rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.data-container .modal-header {
  position: relative;
  height: .52rem;
  padding: 0 .19rem;
  background-color: #144588;
}

.data-container .modal-title {
  font-size: .2rem;
  color: #fff;
  font-weight: bold;
  line-height: .52rem;
}

.data-container .modal-header .close {
  position: absolute;
  top: 50%;
  right: .19rem;
  background-color: transparent;
  transform: translateY(-50%);
}

.data-container .modal-body {
  max-height: 34vh;
  padding: .2rem;
  overflow-y: scroll;
  background-color: #fff;
}

.data-container .modal-body .data-wrap {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.data-container .modal-body .data-wrap .hd {
  display: flex;
}

.data-container .modal-body .data-wrap .hd > span {
  width: 50%;
  background-color: #FAFAFA;
  font-size: .14rem;
  color: #000;
  font-weight: bold;
  line-height: .4rem;
  text-align: center;
}

.data-container .modal-body .data-wrap span {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.data-container .modal-body .data-wrap .item {
  display: flex;
}

.data-container .modal-body .data-wrap .item > span {
  width: 50%;
  font-size: .14rem;
  color: #000;
  line-height: .4rem;
  text-align: center;
}

.data-container .modal-body .data-wrap .item .key {
  color: #134587;
}

/* Full Swiper */

.full-swiper {
  position: relative;
  width: 100vw;
  overflow: hidden;
}

.full-swiper .swiper-notification {
  display: none;
}

.full-swiper .product-swiper {
  position: relative;
  height: 80vh;
}

.full-swiper .product-swiper .swiper {
  height: 100%;
}

.full-swiper .product-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.full-swiper .product-swiper .swiper-button-next,
.full-swiper .product-swiper .swiper-button-prev {
  width: .24rem;
  height: .44rem;
  background-size: .24rem .44rem;
}

.full-swiper .thumbnail-swiper {
  width: 60vw;
  height: 20vh;
  margin: 0 auto;
  overflow: hidden;
}

.full-swiper .thumbnail-swiper .swiper {
  height: 100%;
}

.full-swiper .thumbnail-swiper .swiper-slide {
  opacity: .5;
}

.full-swiper .thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.full-swiper .thumbnail-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.full-swiper .icon-albums-close {
  position: absolute;
  top: 3%;
  right: 4%;
  cursor: pointer;
  z-index: 1;
}

/* Pagelmc */

.pagelmc {
  margin: .49rem 0 .23rem;
  font-size: .16rem;
  color: #000;
}

.pagelmc .pagelmc-num {
  margin: 0 .36rem;
}

.pagelmc .pagelmc-num > a {
  padding: .05rem .14rem;
  text-align: center;
}

.pagelmc .pagelmc-num .cur {
  background-color: #134587;
  color: #fff;
}

/* Footer */

footer {
  padding: .8rem 0 .2rem;
  background-color: #F4F4F4;
}

footer > .wrap {
  position: relative;
}

footer .lks-wrap {
  display: flex;
}

footer .lk-list {
  width: 19%;
}

footer .lk-tit {
  margin-bottom: .28rem;
  font-size: .16rem;
  color: #000;
  font-weight: bold;
}

footer .lk-desc {
  font-size: 14px;
  color: #666666;
  line-height: .3rem;
}

footer .lk-desc .website-lk:hover {
  text-decoration: underline;
}

footer .contact-text {  
  margin-top: .78rem;
  border-bottom: 1px solid #D3D3D3;
  font-size: 12px;
  color: #000;
  line-height: .3rem;
}

footer .copy-app-wrap {
  display: flex;
  justify-content: space-between;
  font-size: .12rem;
  color: #000;
  line-height: .4rem;
}

footer .copy-app-wrap .app-wrap {
  display: flex;
  align-items: center;
}

footer .copy-app-wrap .app-wrap > a {
  margin-right: .04rem;
}

footer .copy-app-wrap .app-wrap > a:last-child {
  margin-right: 0;
}

footer .to-top {
  position: absolute;
  top: 0;
  right: .25rem;
  transform: translateY(-50%);
}