@charset "UTF-8";



body {
  width: 100%;
  position: relative;
}

.w1800 {
  max-width: 93.75%;
  margin: 0 auto;
}

.w1440 {
  max-width: 75%;
  margin: 0 auto;
}



.m_img {
  display: none;
}

.textbold {
  font-weight: bold;
}





.maincon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}


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

@media(max-width: 1024px) {
  .header-wrap {
    position: fixed;
    width: 100%;
  }
}

.header-wrap.index {
  position: fixed;
  left: 0;
  top: 0;
}



.header-wrap .header-con {
  height: 2.5rem;
  transition: all 0.5s ease 0s;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-wrap .header-con:before {
  content: '';
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  background: #1a2259;
  opacity: 0.1;
  transition: all 0.5s ease 0s;
  z-index: 2;
}

.header-wrap .a_img {
  display: none;
}




.header-wrap .pc_nav_box {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 100%;
  z-index: 1;
}

.header-wrap .logo {
  height: 2.5rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.header-wrap .logo img {
  max-width: 5.65rem;
}

.header-wrap .ricon .mall_link {
  color: #fff;
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.header-wrap .ricon .mall_link:before {
  content: '';
  position: absolute;
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(255, 255, 255, 0.5);
  right: -0.25rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap.down .ricon .mall_link:before {
  content: '';
  position: absolute;
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(26, 34, 89, 0.5);
  right: -0.25rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap.down .ricon .mall_link {
  color: #1a2259;
}

.header-wrap .ricon .mall_link span {
  margin-left: 5px;
}

.header-wrap .m_ricon .mall_link {
  display: inline-flex;
  align-items: center;
  font-size: 0.28rem;
  margin-right: 10px;
}

.header-wrap .m_ricon .mall_link img {
  width: 16px !important;
  height: 16px !important;
  margin-right: 10px;
}


.header-wrap .pc_nav_box .pc_nav>li {
  margin: 0 0.5rem;
}

.header-wrap .pc_nav_box .a {
  font-size: 0.375rem;
  font-weight: bold;
  color: #fff;
}

.header-wrap .pc_nav_box .a:hover {
  color: #1a2259;
}

.header-wrap .pc_nav_box .pc_search {
  margin-left: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.header-wrap .pc_nav_box .pc_search:hover .b_img {
  display: none;
}

.header-wrap .pc_nav_box .pc_search:hover .a_img {
  display: block;
}

.header-wrap .pc_nav_box .pc_search:hover {
  transform: translateY(2px);
}

.header-wrap .ricon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  height: 2.5rem;
  color: #fff;
}

.header-wrap .ricon .store_up {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.header-wrap .ricon .store_up:hover {
  color: #1a2259;
}

.header-wrap .ricon .store_up:hover .b_img {
  display: none;
}

.header-wrap .ricon .store_up:hover .a_img {
  display: block;
}

.header-wrap .store_up img {
  margin-left: 7px;
}


.header-wrap .ricon .like {
  margin: 0 0.65rem;
  position: relative;
}

.header-wrap .ricon .like:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(26, 34, 89, 0.5);
  right: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap .ricon .like:hover .b_img {
  display: none;
}

.header-wrap .ricon .like:hover .a_img {
  display: block;
}

.header-wrap .ricon .like:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(255, 255, 255, 0.5);
  left: -0.35rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap .ricon .like:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(255, 255, 255, 0.5);
  right: -0.35rem;
  top: 50%;
  transform: translateY(-50%);
}




.header-wrap .wecode .wecode_up {
  cursor: pointer;
  position: relative;
}

/*.header-wrap .wecode .wecode_up:before{
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    transform:translateX(-50%); 
    }*/

.header-wrap .wecode .wecode_up:hover .b_img {
  display: none;
}

.header-wrap .wecode .wecode_up:hover .a_img {
  display: block;
}

.header-wrap .wecode_option {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  padding: 4px;
  left: 50%;
  transform: translateX(-50%);
  top: 1.2rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.header-wrap .wecode_option:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
}

.header-wrap .wecode .wecode_up:hover+.wecode_option {
  top: 1rem;
  visibility: visible;
  opacity: 1;
}


.header-wrap .store_up {
  cursor: pointer;
  position: relative;
}

.header-wrap .store_query:before {
  content: '';
  position: absolute;
  width: 3rem;
  height: 1.5rem;
  right: 3rem;
  top: 1rem;
}

.header-wrap .store_option {
  width: 47.6%;
  background: #fff;
  box-sizing: border-box;
  padding: 1.1rem 2.25rem 1.25rem 1.5rem;
  right: -1rem;
  top: 2.5rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

.header-wrap .store_query .store_option.cur {
  visibility: visible;
  right: 0;
  opacity: 1;
  z-index: 1;
}

.header-wrap .store_option .option_le {
  width: 50.5%;
  margin-right: 3rem;
  position: relative;
}

.header-wrap .store_option .option_le:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 3rem;
  background: #d7d7d7;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5rem;
}

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

.header-wrap .store_option h3 {
  font-weight: bold;
  font-size: 0.65rem;
  color: #1a2259;
  margin-bottom: 0.25rem;
}

.header-wrap .store_option p {
  font-size: 12px;
  font-weight: bold;
  color: #666;
}

.header-wrap .store_option .title {
  margin-bottom: 0.45rem;
}

.header-wrap .store_option .form_box {
  width: 100%;
  height: 1.1rem;
  line-height: 1.1rem;
  box-sizing: border-box;
  border: 1px solid #d1d3de;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 0.4rem;
  color: #000;
  transition: all 0.3s ease 0s;
}

.header-wrap .store_option .form_box:hover {
  border: 1px solid #1a2259;
}

.header-wrap .store_option .form_box input {
  width: 100%;
}

.header-wrap .form_box input::-webkit-input-placeholder {
  color: #666;
}

.header-wrap .form_box input::-moz-input-placeholder {
  color: #666;
}

.header-wrap .form_box input::-ms-input-placeholder {
  color: #666;
}

.header-wrap .option_ri a {
  font-weight: bold;
  color: #666;
  display: block;
  margin-right: 0.65rem;
  transition: 0s;
}

.header-wrap .option_ri a:hover {
  color: #1a2259;
}

.header-wrap .form_box .img {
  width: 3rem;
  height: 3rem;
  border: 1px solid #ccc;
}







.header-wrap.down.index .header-con {
  border-bottom: none;
}

.header-wrap.down.index .b_img {
  display: none;
}

.header-wrap.down.index .a_img {
  display: block;
}

.header-wrap.down.index .pcnav_box .a_img {
  display: none;
}

.header-wrap.down.index .header-con {
  background: #fff;
}

.header-wrap.down.index .header-con:before {
  width: 100%;
}

.header-wrap.down.index .pc_nav_box .a {
  color: #1a2259;
}

.header-wrap.down.index .ricon {
  color: #1a2259;
}

.header-wrap.down.index .ricon .like:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(26, 34, 89, 0.5);
  left: -0.35rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap.down.index .ricon .like:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 7px;
  background: rgba(26, 34, 89, 0.5);
  right: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrap.down.index .wecode_option {
  background: #1a2259;
}

.header-wrap.down.index .wecode_option:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1a2259 transparent;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
}


/*-------------------*/
.inbanner {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.inbanner .banner-swiper {
  width: 100%;
  height: 100%;
}

.inbanner .swiper-slide {
  width: 100%;
  height: 100%;
  transition: all 0s ease 0s !important;
}

.inbanner .swiper-slide .backcover {
  width: 100%;
  height: 100%;
  -transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}

.inbanner .swiper-slide-active .backcover {
  -transform: scale3d(1.051, 1.051, 1);
}

.inbanner .swiper-slide .link {
  display: inline-block;
  width: 3.7rem;
  height: 1.3rem;
  border-radius: 1.3rem;
  line-height: 1.3rem;
  color: #fff;
  font-size: 0.35rem;
  background: #f8b62b;
  margin-top: 2rem;
  text-align: center;
}

.inbanner .swiper-slide .w1440 {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: all 1s ease 0s;
}

.inbanner .swiper-slide-active .w1440 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.inbanner .swiper-slide.center .w1440 {
  text-align: center;
}

.inbanner .maincon {
  color: #fff;
  padding-top: 18%;
}

.inbanner .maincon h1 {
  font-size: 1.8rem;
  margin: 0.35rem 0 1rem;
}

.inbanner .maincon h3 {
  letter-spacing: 6px;
}

.inbanner .banner-pagination {
  bottom: 1.5rem;
}

.inbanner .banner-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(255, 255, 255, 0.35);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 12px;
}

.inbanner .banner-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.inbanner .banner-next {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.5);
  right: 4%;
  border-radius: 50%;
}

.inbanner .banner-next:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain;
}

.inbanner .banner-prev {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.5);
  left: 4%;
  border-radius: 50%;
}

.inbanner .banner-prev:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain;
}

.inbanner .page_btn {
  right: 12.5%;
  bottom: 1.25rem;
  z-index: 2;
  color: #fff;
  display: flex;
  line-height: 1;
  align-items: flex-end;
}


.inbanner .page_btn .page_now {
  font-size: 0.75rem;
}

.inbanner .page_btn .line_box {
  width: 2rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0.35rem;

  transform: translateY(-0.1rem);
  position: relative;
}

.inbanner .page_btn .line_box .line_move {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  z-index: 2;
}

@keyframes linewidth {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.inbanner .page_btn .line_box.cur .line_move {
  width: 100%;

  animation: linewidth 4s linear 0s infinite;
}

.inbanner .page_btn .page_all {
  font-size: 0.35rem;
}


.inselect-wrap {
  /* height: 28rem; */
  padding-bottom: 2rem;
}

.inselect-wrap:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 12.5rem;
  background: #f6f6f6;
  left: 0;
  top: 0;
}

.inselect-wrap .select-box {
  z-index: 2;
  width: 100%;
}


.inselect-wrap .select-con {
  width: 87.5%;
  margin: 0 auto;
}


.inselect-wrap .select-tab {
  width: 100%;
  position: relative;
  z-index: 2;
}

.inselect-wrap .tab-swiper {
  width: 100%;
  padding-bottom: 8px;
}

.inselect-wrap .tab-swiper {
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.inselect-wrap .tab-swiper .swiper-slide {
  width: 25%;
  height: 5rem;
  background: #f5f5f5;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.05);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  position: relative;
}

.inselect-wrap .tab-swiper .swiper-slide:before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-width: 6px;
  bottom: -12px;
  left: 1rem;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.inselect-wrap .tab-swiper .swiper-slide:hover:before {
  display: none;
}

.inselect-wrap .tab-swiper .swiper-slide.cur:hover:before {
  display: block;
}

.inselect-wrap .tab-swiper p {
  color: #666;
  font-size: 0.35rem;
  font-weight: bold;
}

.inselect-wrap .tab-swiper .ico {
  margin-bottom: 0.5rem;
}

.inselect-wrap .tab-swiper .ico .a {
  display: none;
}

.inselect-wrap .tab-swiper img {
  max-height: 0.9rem;
}

.inselect-wrap .tab_next {
  display: none;
}

@media(max-width: 992px) {
  .inselect-wrap .tab_next {
    display: block;
  }
}

@media(min-width: 1024px) {
  .inselect-wrap .tab-swiper .swiper-slide:hover {
    background: #fff;
    box-shadow: 0 0 12px rgba(32, 33, 36, .28);
    z-index: 2;
  }

  .inselect-wrap .swiper-slide:hover .ico img {
    display: block;
  }

  .inselect-wrap .swiper-slide:hover .ico .a {
    display: none;
  }

  .inselect-wrap .tab-swiper .swiper-slide:hover p {
    color: #1a2259;
  }

  .inselect-wrap .tab-swiper .swiper-slide:hover:before {
    opacity: 1;
  }
}


.inselect-wrap .swiper-slide .ico img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.inselect-wrap .tab-swiper .swiper-slide.cur {
  background: #fff;
  box-shadow: 0 0 12px rgba(32, 33, 36, .28);
  z-index: 2;
}

.inselect-wrap .swiper-slide.cur .ico img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
}

.inselect-wrap .swiper-slide:hover .ico img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
}

.inselect-wrap .tab-swiper .swiper-slide.cur p {
  color: #1a2259;
}

.inselect-wrap .tab-swiper .swiper-slide.cur:before {
  opacity: 1;
}

.inselect-wrap .show-box {
  width: 100%;
  transform: translateY(-8px);
}

.inselect-wrap .show-box .show-swiper {
  width: 100%;
  height: auto;
}


.inselect-wrap .show-box .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.inselect-wrap .img-box .img-item img {
  width: 100%;
}

.inselect-wrap .swiper-slide .img-item {
  /* height: 100%; */
}

.inselect-wrap .swiper-slide .img-item.big {
  width: 69.047%;
}

.inselect-wrap .swiper-slide .img-item.big img {
  width: 100%;
}

.inselect-wrap .img-item .backcover {
  width: 100%;
  height: 100%;
  transition: all 0.8s ease 0s;
}


.inselect-wrap .img-box {
  width: 30.357%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.inselect-wrap .img-box .img-item {
  height: auto;
}

.inselect-wrap .img-box .img-item:first-child {
  margin-bottom: .25rem;
}


.index_square {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.index_square .line {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 1s ease .1s;
}

.index_square .line2 {
  transition: all 1s ease .1s;
}

.index_square:hover .line1 {
  transform: rotateZ(360deg);
}

.index_square:hover .line2 {
  transform: rotateZ(-360deg);
}

.index_square.show-next:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1a2259;
  left: 50%;
  transform: translateX(-50%);
  top: 53%;
}

.index_square .text {
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 0.65rem;
}

.inselect-wrap .show-swiper .swiper-wrapper {
  transition: all 0.35s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}

.inselect-wrap .show-next {
  background: none;
  left: -4.5rem;
  right: auto;
  display: none;
}


.inselect-wrap .item-con {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}

.inselect-wrap .img-item.big .item-con {
  padding: 1.75rem 0 0 2rem;
}

.inselect-wrap .img-item.big .title {
  margin-bottom: 1rem;
}

.inselect-wrap .img-item.big h2 {
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.5rem;
}


.inselect-wrap .img-item.big p {
  font-size: 0.45rem;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 3px;
}

.inselect-wrap .swiper-slide .img-item.blue.big h2 {
  color: #1a2259;
}

.inselect-wrap .swiper-slide .img-item.blue.big p {
  color: #1a2259;
}

.index_more {
  display: block;
  padding-left: 0;
  position: relative;
}

.index_more:before {
  display: none;
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  top: 58%;
  transform: translateY(-50%);
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  transition: all 1s ease 0s;
}

.index_more.animated:before {
  width: 4.3rem;
}

.index_more:hover:before {
  width: 2.5rem;
}

.index_more span {
  color: #f8b62b;
  font-size: 12px;
}

.inselect-wrap .img-box .item-con {
  padding: 0 0 0.9rem 0.9rem;
  display: flex;
  align-items: flex-end;
}

.inselect-wrap .img-box h2 {
  font-size: 0.6rem;
  color: #fff;
  margin-bottom: 0.25rem;
}

.inselect-wrap .img-box p {
  font-size: 0.35rem;
  color: rgba(255, 255, 255, 0.7);
}


.inselect-wrap .img-box .blue h2 {
  color: #1a2259;
}

.inselect-wrap .img-box .blue p {
  color: #1a2259;
}



.ininfo-wrap {
  width: 100%;
  height: 25.5rem;
}

.ininfo-wrap .conle {
  padding-top: 2.7rem;
  width: 50.34%;
}

.ininfo-wrap .conri {
  width: 40.27%;
}

.ininfo-wrap .conri .con_box {
  width: calc(100% - 1.4rem);
  right: 0;
  top: 1.75rem;
}

.ininfo-wrap .conle h1 {
  color: #1a2259;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

.ininfo-wrap .conle h1 img {
  margin-left: 0.75rem;
}

.ininfo-wrap .conle h3 {
  font-size: 0.5rem;
  color: #1a2259;
  margin-bottom: 0.3rem;
}

.ininfo-wrap .conle p {
  font-size: 12px;
  color: #999;
  opacity: 0.7;
}

.ininfo-wrap .conle .title {
  margin-bottom: 0.75rem;
}

.ininfo-wrap .conle .con-t {
  color: #666;
  line-height: 2.14;
  font-size: 0.35rem;
}

.ininfo-wrap .index_more {
  margin-top: 1.25rem;
  margin-left: 0%;
}

.ininfo-wrap .index_more:before {
  background: #1a2259;
  opacity: 0.25;
}

.ininfo-wrap .video_con {
  width: 100%;
  margin-top: 1.45rem;
}

.ininfo-wrap .video_con .backimg {
  width: 100%;
}

.ininfo-wrap .video_con .index_square {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ininfo-wrap .video_con .index_square {
  color: #f8b62b;
  font-size: 0.35rem;
  text-align: center;
  line-height: 3.15rem;
}


.ininfo-wrap .conri {
  width: 40.277%;
  position: relative;
  padding: 1.75rem 0 0 1.4rem;
}


.ininfo-wrap .conri .backblock {
  width: 100%;
  height: 15rem;
  left: 0;
  top: 0;
  background: #1a2259;
}


.ininfo-wrap .conri .title {
  margin-bottom: 0.6rem;
  color: #fff;
  font-size: 0.45rem;
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 0.5rem;
}

.ininfo-wrap .conri .title:before {
  content: '';
  position: absolute;
  width: 9rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 0;
}

.ininfo-wrap .conri .title img {
  margin-left: 0.45rem;
}

.ininfo-wrap .exhibition-swiper {
  width: 100%;
  height: 14.875rem;
}

.ininfo-wrap .exhibition-swiper .swiper-slide {
  width: 100%;
}

.ininfo-wrap .swiper-slide img {
  width: 100%;
}



.ininfo-wrap .exhibition-pagination {
  left: -0.8rem;
  bottom: 4rem;
}

.ininfo-wrap .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(255, 255, 255, 0.25);
  width: 10px;
  height: 10px;
  display: block;
  margin: 8px 0 !important;
}

.ininfo-wrap .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}


.inlast-wrap {
  width: 100%;
  height: 18.5rem;
  color: #fff;
  text-align: center;
  padding-top: 5.5rem;
}



.inlast-wrap h1 {
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.inlast-wrap p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.inlast-wrap .title {
  margin-bottom: 1.25rem;
}


.inlinks {
  padding: 2rem 0 2.5rem;
}

.inlinks .link-swiper {
  width: 100%;
}

.inlinks .link-swiper .swiper-slide {
  width: 25%;
  height: 4rem;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
}

.inlinks .link-swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.inlinks .link-swiper .swiper-slide img {
  transition: all 0.3s ease 0s;
}

.inlinks .link-swiper .swiper-slide:hover img {
  transform: translateY(2px);
}

.inlinks .link-swiper .swiper-slide:last-child {
  border-right: none;
}

.inlinks .link-swiper .swiper-slide img {
  max-height: 1.5rem;
}


.inlinks .link-swiper .swiper-slide h3 {
  margin: 0.8rem 0 0.35rem;
  color: #333;
  font-size: 0.4rem;
  font-weight: bold;
}

.inlinks .link-swiper .swiper-slide p {
  font-size: 12px;
  color: #666;
}



.sidebar-wrap {
  z-index: 50;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.sidebar-wrap .item {
  transition: all 0.75s ease 0s;
  cursor: pointer;
}

.sidebar-wrap .item .item_up {
  width: 1.4rem;
  height: 1.4rem;
  background: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  transition: all 0.5s ease 0s;
}

.sidebar-wrap .item .a_img {
  display: none;
}

.sidebar-wrap .item:last-child .item_up {
  border-bottom: none;
}



.sidebar-wrap .item:hover .item_up {
  background: #3b4270;
}

.sidebar-wrap .item:hover img {
  display: none;
}

.sidebar-wrap .item:hover .a_img {
  display: block;
}

.sidebar-wrap .item_option {
  width: 4rem;
  text-align: center;
  line-height: 1.4rem;
  height: 1.4rem;
  background: #3b4270;
  color: #fff;
  left: 1.4rem;
  top: 0;
}

.sidebar-wrap .item_option:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 70%;
  background: rgba(255, 255, 255, 0.35);
  top: 15%;
  left: 0;
}

.sidebar-wrap .item:last-child:hover {
  transform: translateX(-4rem);
}



.footer-wrap {
  border-top: 1px solid #e5e5e5;
}

.footer-wrap .foot_top {
  padding: 0.75rem 0 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-wrap .foot_top .top_text {
  font-size: 12px;
}

.footer-wrap .foot_top .item {
  margin: 0 1.25rem;
  position: relative;
  text-align: center;
}

.footer-wrap .foot_top .item:first-child:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 2.25rem;
  background: #d6d6d6;
  top: 50%;
  right: -1.25rem;
  transform: translateY(-50%);
}

.footer-wrap .foot_top .top_text a {
  color: #666;
  display: inline-block;
  margin: 0 10px;
  font-weight: bold;
}

.footer-wrap .foot_top .top_text a:hover {
  color: #1a2259 !important;
}

.footer-wrap .foot_top .form_box {
  width: 10.5rem;
  height: 1.15rem;
  line-height: 1.15rem;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  display: flex;
  margin: 0.6rem 0 0.65rem;
  transition: all 0.3s ease 0s;
}

.footer-wrap .foot_top .form_box:hover {
  border: 1px solid #1a2259;
}

.footer-wrap .foot_top .form_box:hover .sub_input {
  border-left: 1px solid #1a2259;
}

.footer-wrap .foot_top p {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-align: center;
}

.footer-wrap .foot_top .top {
  display: flex;
  align-items: center;
  justify-content: center
}

.footer-wrap .foot_top .top .ico {
  height: 2.5rem;
  margin-bottom: 8px;
}

.footer-wrap .foot_top .top .ico img {}

.footer-wrap .foot_top .sub_input input {
  width: 100%;
  height: 100%;
  background: none;
}

.footer-wrap .form_box .text_input {
  width: 70%;
  box-sizing: border-box;
  padding: 0 4%;
}

.footer-wrap .form_box .sub_input {
  width: 2.7rem;
  height: 100%;
  border-left: 1px solid #d6d6d6;
  font-weight: bold;
  color: #666;
  position: relative;
  letter-spacing: 2px;
  transition: all 0.3s ease 0s;
}

.footer-wrap .form_box .sub_input:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: url('../../web/img/search_ico2.png')no-repeat center center;
  background-size: contain;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
}


.footer-wrap .foot_main {
  background: #333;
  padding: 1.7rem 0 2.25rem;
}


.footer-wrap .foot_navlist {
  padding-bottom: 2.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-wrap .foot_navlist .back_top {
  right: 0;
  bottom: 0.75rem;
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

.footer-wrap .foot_navlist .back_top img {
  display: block;
  margin: 0 auto 10px;
  transition: all 0.3s ease 0s;
}

.footer-wrap .foot_navlist .back_top:hover img {
  transform: translateY(-2px);
}


.footer-wrap .foot_main .copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.25);
}

.footer-wrap .foot_main .copyright a {
  color: rgba(255, 255, 255, 0.25);
}

.footer-wrap a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

.footer-wrap .foot_main .foot_text {
  margin-top: 0.6rem;
}

.footer-wrap .foot_main .hot_line {
  font-size: 0.35rem;
  color: #fff;
}

.footer-wrap .foot_main .hot_line .tel {
  font-weight: bold;
}

.footer-wrap .navlist {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1.5rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.footer-wrap .navlist:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 1rem;
}

.footer-wrap .navlist .t {
  font-size: 0.35rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1rem;
}

.footer-wrap .navlist .sub-list a {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.35rem;
}


.header-wrap .pc_nav_box .pcnav_box {
  background: #fff;
  width: 51vw;
  top: 1.7rem;
  box-sizing: border-box;
  padding: 1.1rem 0 1.1rem 1.2rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
  box-shadow: 0 4px 4px 0 rgba(32, 33, 36, .1);
}

.header-wrap .pc_nav_box .pcnav_box.right2 {
  left: -8vw;
}

.header-wrap .pc_nav_box .pcnav_box.right3 {
  left: -12vw;
}

.header-wrap .pc_nav_box .pc_nav>li:before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  top: 0.4rem;
  z-index: 2;
}

.header-wrap .pc_nav_box li .pcnav_box.cur {
  visibility: visible;
  opacity: 1;
  top: 1.5rem;
}

.header-wrap .pc_nav_box .pcnav_box:before {
  content: '';
  position: absolute;
  width: 3.75rem;
  height: 3px;
  background: #1a2259;
  top: 0;
  left: 0;
}

.header-wrap .pcnav_box .nav_title h3 {
  font-weight: bold;
  font-size: 0.65rem;
  margin-bottom: 0.25rem;
  color: #1a2259;
}

.header-wrap .pcnav_box .nav_title p {
  font-weight: bold;
  font-size: 12px;
  color: #666;
}


.header-wrap .pcnav_box .pc_sublist {
  width: 45.9%;
  padding: 1rem 0.75rem 0.4rem 0.15rem;
  border-right: 1px solid #ebebeb;
}

.header-wrap .pcnav_box .sub_link {
  width: 45.8%;
  box-sizing: border-box;

}

.header-wrap .pcnav_box li {
  font-weight: bold;
  width: 48.2%;
  margin-bottom: 0.75rem;
}

.header-wrap .pcnav_box li a {}

.header-wrap .pcnav_box li .ico {
  width: 0.5rem;
  text-align: center;
  margin-right: 0.3rem;
}

.header-wrap .pcnav_box li a {
  color: #666;
  font-size: 0.35rem;
}

.header-wrap .pcnav_box li .ico img {
  width: 15px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);

  filter: gray;
}

/*.header-wrap .pcnav_box li:hover img{
 display: none;
}
.header-wrap .pcnav_box li:hover .a_img{
 display: block;
 }*/
.header-wrap .pcnav_box li:hover a {
  color: #1a2259;
}

.header-wrap .sub_link .t {
  color: #1a2259;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
}

.header-wrap .sub_link .t img {
  transition: all 0.3s ease 0s;
  margin-left: 0.25rem;
}

.header-wrap .sub_link:hover .t img {
  transform: translateX(2px);
}

.header-wrap .sub_link .hoverimg {
  position: relative;
  padding-bottom: 49.18%;
}


.header-wrap .sub_link .hoverimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}







.nybanner {
  width: 100%;
  height: 18.75rem;
  color: #fff;
  text-align: center;
  position: relative;
}

.nybanner .w1440 {
  padding-top: 9rem;
}

.nybanner .w1440 .tip {
  display: none;
}

.nybanner.engi .w1440 {
  display: none;
}

.nybanner h1 {
  font-size: 1.8rem;
  margin: 0.2rem 0 1.25rem;
  display: none;
}

.nybanner h2 {
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
  display: none;
}

.nybanner .banner_swiper {
  width: 100%;
  height: 100%;
}

.nybanner .banner-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  right: 4%;
  background: rgba(255, 255, 255, 0.5);
}

.nybanner .banner-next:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain;
}

.nybanner .banner-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  left: 4%;
  background: rgba(255, 255, 255, 0.5);
}

.nybanner .banner-prev:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain;
}


.nybanner .banner_swiper .banner-pagination {
  bottom: 1.25rem;
}

.nybanner .banner_swiper .swiper-pagination-bullet {
  opacity: 1;
  background: #fff;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  background: none;
  margin: 0 8px;
}

.nybanner .banner_swiper .swiper-pagination-bullet-active {
  background: #1a2259;
  border: 2px solid #1a2259;
}

.nybanner .conbox {
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}



.conmain-wrap {
  padding-top: 0.6rem;
  padding-bottom: 2.5rem;
}

.conmain-wrap:before {
  content: '';
  position: absolute;
  width: 0%;
  height: 1px;
  background: #e5e5e5;
  left: 50%;
  transform: translateX(-50%);
  top: 0.6rem;
  transition: all 1s ease 0s;
}

@media(min-width: 1024px) {
  .conmain-wrap.cur:before {
    width: 100%;
  }
}

@media(max-width: 1024px) {
  .conmain-wrap.cur:before {
    width: 100%;
  }

  .conmain-wrap:before {
    transition: all 0s ease 0s;
    width: 100% !important;
  }
}

/*左部固定*/
.conmain-wrap .conmain_le.fix {
  position: fixed;
  top: 0;
  left: 12.5%;
  width: 5.9rem;
}

.conmain-wrap .conmain_le.fix.poa {
  position: absolute;
  top: auto;
  left: 12.5%;
  width: 5.9rem;
  bottom: 0;
}

/*左部固定*/

.conmain-wrap .conmain_le {
  width: 16.666%;
  z-index: 2;
}

.conmain-wrap .conmain_le .con_title {
  width: 100%;
  height: 3rem;
  background: url('../../web/img/pro-titleback.jpg')no-repeat center center;
  background-size: cover;
  padding: 0.75rem 0.9rem 0;
}

.conmain-wrap .conmain_le .con_title .t {
  display: none;
}

.conmain-wrap .conmain_le .t {
  color: rgba(255, 255, 255, 0.5);
}

.conmain-wrap .conmain_le h3 {
  color: #fff;
  margin-top: 0.15rem;
  letter-spacing: 4px;
}

.conmain-wrap .conmain_le .list {
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 6px;
  background: #e8e8ee;
}

.conmain-wrap .conmain_le li {
  width: 100%;
  height: 1.9rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
  transition: all 0.3s ease 0s;

  padding: 0.65rem 0 0 0.9rem;
}

.conmain-wrap .conmain_le li a {
  display: block;
  width: 100%;
  height: 100%;
}

.conmain-wrap .conmain_le li:before {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  background: url('../../web/img/pro_ico.png')no-repeat center center;
  background-size: contain;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}

.conmain-wrap .conmain_le li:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 0%;
  background: #1a2259;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
  opacity: 0;
}

.conmain-wrap .conmain_le .list .t {
  color: #000;
  margin-bottom: 0.1rem;
}

.conmain-wrap .conmain_le .list .en {
  font-size: 10px;
  color: #999;
  transform: scale(0.8)translateX(-0.6rem);
  display: none;
}


.conmain-wrap .conmain_le li.cur {
  background: #fff;
}

.conmain-wrap .conmain_le li.cur .t {
  color: #1a2259;
}

.conmain-wrap .conmain_le li.cur .en {
  color: #1a2259;
}

.conmain-wrap .conmain_le li.cur:before {
  background: url('../../web/img/pro_icoa.png')no-repeat center center;
  background-size: contain;
}

.conmain-wrap .conmain_le li.cur:after {
  height: 100%;
  opacity: 1;
}


.conmain-wrap .conmain_le li:hover {
  background: #fff;
}

.conmain-wrap .conmain_le li:hover .t {
  color: #1a2259;
}

.conmain-wrap .conmain_le li:hover .en {
  color: #1a2259;
}

.conmain-wrap .conmain_le li:hover:before {
  background: url('../../web/img/pro_icoa.png')no-repeat center center;
  background-size: contain;
}

.conmain-wrap .conmain_le li:hover:after {
  height: 100%;
  opacity: 1;
}

.conmain-wrap .conmain_ri {
  width: 80.5555%;
}


.conmain-wrap .conmain_ri .conmain_navbar {
  width: 100%;
  height: 1.45rem;
  line-height: 1.45rem;
  font-size: 12px;
  text-align: right;
  color: #999;
  position: relative;
  font-weight: normal;
}

.conmain-wrap .conmain_ri .conmain_navbar:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 1px;
  background: #e5e5e5;
  left: -1rem;
  bottom: 0;
}

.conmain-wrap .conmain_ri .conmain_navbar a {
  color: #999;
}

.conmain-wrap .conmain_ri .conmain_navbar a:hover {
  color: #1a2259;
}

.conmain-wrap .conmain_ri .conmain_navbar a:last-child {
  color: #1a2259;
  font-weight: bold;
}



.product-wrap .product_title {
  width: 100%;
  height: 3.5rem;
  background: url('../../web/img/product_title_back.png')no-repeat left center;
  background-size: cover;
  padding: 0 0 0 1.25rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.45rem;
  color: #1a2259;
}

.product-wrap .product_title img {
  max-width: 4rem;
}

.product-wrap .product_title .title {
  margin-right: 0.8rem;
  /* display: none; */
}

.product-wrap .product_title h2 {
  font-size: 0.9rem;
  margin-top: 0.15rem;
}


.product-wrap .proswiper-box {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.8rem;
}


.product-wrap .proswiper-box .pro-pagination {
  bottom: 0.5rem;
}

.product-wrap .proswiper-box .swiper-pagination-bullet {
  opacity: 1;
  background: #1a2259;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}

.product-wrap .proswiper-box .swiper-pagination-bullet-active {
  width: 2.25rem;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 10px;
  background: #f5f5f5;
}


.pro_list li {
  width: 100%;
  height: 9.25rem;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  margin-bottom: 0.5rem;
}

.pro_list li:last-child {
  margin-bottom: 0;
}


.pro_list li .pro_le {
  padding: 1.5rem 2.75rem 0 1.5rem;
  height: 100%;
  float: left;
  width: 46.55%;
}

.pro_list li .pro_img {
  width: 53.45%;
  height: 100%;
  float: right;
}

.pro_list li:nth-child(2n) .pro_le {
  float: right;
}

.pro_list li:nth-child(2n) .pro_img {
  float: left;
}

.pro_list li .pro_img .backcover {
  width: 100%;
  height: 100%;
}


.pro_list li h3 {
  font-size: 0.75rem;
  margin-bottom: 0.7rem;
  color: #1a2259;
}

.pro_list li .con-t {
  font-size: 0.35rem;
  line-height: 2.14;
  color: #333;
  /* height: 3rem; */
  /* overflow: auto; */
  overflow: hidden;
  /* text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; */
  height: 3rem;
}

@media(max-width: 1366px) {
  .pro_list li .pro_le {
    padding: 1rem 2.75rem 0 1.5rem;
  }

  /* .pro_list li .con-t {
    height: 3.3rem;
  } */
}

@media(max-width: 1024px) {
  /* .pro_list li .con-t {
    height: 3.4rem;
  } */
}

@media(max-width: 767px) {
  .pro_list li .con-t {
    height: auto;
    -webkit-line-clamp: 100;
  }
}

.pro_list li .pro_ico {
  right: 1.25rem;
  bottom: 0.75rem;
  max-width: 2.5rem;
}


.pro_detail {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 3.75rem;
  height: 1.15rem;
  background: #1a2259;
  color: #fff;
  font-size: 0.35rem;
  line-height: 1.15rem;
  text-align: center;
}

.pro_detail:hover {
  color: #fff;
}

.pro_detail img {
  margin-left: 0.45rem;
  transition: all 0.3s ease 0s;
}

.pro_detail:hover img {
  transform: translateX(2px);
}




.body {
  padding-top: 2.5rem;
}

.prode-wrap {
  padding-bottom: 2.5rem;
}

.prode-wrap .prode-navtitle {
  width: 100%;
  padding: 0.85rem 0 0.75rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1.25rem;
}

.prode-wrap .prode-navtitle h2 {
  font-size: 1.2rem;
  color: #1a2259;
  margin-top: 0.45rem;
}

.prode-wrap .prode-navtitle .title {
  font-size: 12px;
  color: #999;
}

.prode-wrap .prode-navtitle .title a {
  color: #999;
}

.prode-wrap .prode-navtitle .title a:hover {
  color: #1a2259;
}

.prode-wrap .prode-navtitle .title a:last-child {
  color: #1a2259;
}

.prode-wrap .prode-navtitle .pic {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.prode-wrap .produce-box {
  margin-bottom: 1.5rem;
}

.prode-wrap .produce-box .produce_le {
  width: 50%;
}

.prode-wrap .produce_le .bigimg {
  width: 100%;
  margin-bottom: 0.35rem;
}

.prode-wrap .produce_le .big-swiper {
  width: 100%;
}

.prode-wrap .produce_le .big-swiper .swiper-slide {
  width: 100%;
  padding-bottom: 77.777%;
  position: relative;
}

.prode-wrap .produce_le .big-swiper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.prosmall-box .small-swiper {
  width: 100%;
}

.half {
  width: 50%;
}

.prosmall-box .small-swiper .swiper-slide {
  width: 2.75rem;
  padding-bottom: 11.8%;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.prosmall-box .small-swiper .swiper-slide:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 1s ease 0s;
  z-index: 2;
}

.prosmall-box .small-swiper .swiper-slide.cur:before {
  background: rgba(0, 0, 0, 0.5);
}

.prosmall-box .small-swiper .swiper-slide:hover:before {
  background: rgba(0, 0, 0, 0.5);
}

.prosmall-box .small-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}



.prosmall-box .small-next {
  width: 10px;
  height: 21px;
  background: url('../../web/img/arrow-r3.png')no-repeat center center;
  background-size: contain;
  transition: all 0.3s ease 0s;
  top: 62%;
  right: 26%;
}

.half .prosmall-box .small-next {
  right: 6%;
}

.prosmall-box .small-next:hover {
  background: url('../../web/img/arrow-r3a.png')no-repeat center center;
  background-size: contain;
  transform: translateX(2px);
}


.prode-wrap .produce-box .produce_ri {
  width: 46.527%;
}


.prode-wrap .produce_ri .produce_name {
  width: 100%;
  background: #f5f5f5;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 0.75rem 0 0.5rem 0.85rem;
}

.prode-wrap .hover_con {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
  background: #f5f5f5;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.prode-wrap .hover_con.cur {
  opacity: 1;
  z-index: 2;
}

.prode-wrap .hover_con .img_con {
  height: 100%;
  width: 100%;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prode-wrap .hover_con img {
  max-width: 80%;
}

@media(max-width: 767px) {
  .prode-wrap .hover_con img {
    max-width: 60%;
  }
}

.prode-wrap .produce_name .hover_con {
  box-sizing: border-box;
  padding: 0.75rem 0 0.5rem 0.85rem;
}

.prode-wrap .produce_name .hover_con .cont_con {
  display: none;
}

.prode-wrap .produce_name .hover_con .t {
  font-size: 0.35rem;
  color: rgba(51, 51, 51, 0.5);
  margin-bottom: 0.2rem;
}

.prode-wrap .produce_name .hover_con h3 {
  color: #333 !important;
  font-size: 0.6rem;
}

.prode-wrap .produce_ri .produce_name h3 {
  color: #1a2259;
  font-size: 0.6rem;
  margin-bottom: 0.25rem;
}

.prode-wrap .produce_ri .produce_name .con-t {
  color: #333;
  font-size: 0.35rem;
  line-height: 1.71;
}


.prode-wrap .produce_ri .produce_specs {
  height: auto;
  line-height: 1.6;
  border-bottom: 1px solid #d6d6d6;
  padding: 0.5rem 0 0.5rem 0.75rem;
  color: rgba(51, 51, 51, 0.5);
  font-size: 0.35rem;
}

.prode-wrap .produce_ri .produce_specs span {
  display: block;
}

.prode-wrap .produce_ri .produce_specs .span {
  color: rgba(51, 51, 51, 1);
  margin-left: 0;
  margin-top: 0.2rem;
}

.prode-wrap .produce_ri .produce-list {
  padding: 0.5rem 0 0.5rem 0.75rem;
  border-bottom: 1px solid #d6d6d6;
}

.prode-wrap .produce_ri .produce-list .t {
  font-size: 0.35rem;
  margin-bottom: 0.375rem;
  color: rgba(51, 51, 51, 0.5);
}

.prode-wrap .produce_ri .produce-list li {
  width: 31.25%;
  height: 1.1rem;
  box-sizing: border-box;
  line-height: 1.1rem;
  padding-left: 0.4rem;
  font-size: 0.35rem;
  color: #333;
  border: 1px solid #d6d6d6;
  margin: 0 3.125% 0.5rem 0;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.prode-wrap .produce_ri .produce-list li:hover {
  background: #1a2259;
  color: #fff;
}

.prode-wrap .produce_ri .produce-list li:nth-child(3n) {
  margin-right: 0;
}


.prode-wrap .main_title {
  height: 2.25rem;
  line-height: 2.25rem;
  border-top: 1px solid #d6d6d6;
  font-size: 0.75rem;
  color: #1a2259;
  position: relative;
}

.prode-wrap .main_title:before {
  content: '';
  position: absolute;
  width: 3rem;
  height: 4px;
  background: #1a2259;
  left: 0;
  top: -1px;
}


.prode-wrap .prode_main .main-box {
  width: 100%;
  height: 11.25rem;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
}

.prode-wrap .prode_main {
  margin-bottom: 1.5rem;
}

.prode-wrap .prode_main li {
  margin-bottom: 0.75rem;
}

.prode-wrap .prode_main li:nth-child(2n) .main-box {
  flex-direction: row-reverse;
}

.prode-wrap .prode_main .main_le {
  width: 40%;
  height: 100%;
  padding: 0.9rem 0.75rem 0;
}

.prode-wrap .prode_main .main_img {
  height: 100%;
  display: flex;
  align-items: flex-end;
}


.prode-wrap .prode_main .main_img img {
  height: 100%;
}

@media(max-width: 767px) {
  .prode-wrap .prode_main .main_img img {
    height: auto;
  }
}

.prode-wrap .prode_main .main_le h3 {
  font-size: 0.6rem;
  color: #666;
  margin-bottom: 0.3rem;
}

.prode-wrap .prode_main .main_le .con-t {
  color: #666;
  line-height: 2.25;
  height: 9rem;
}

@media(max-width: 767px) {
  .prode-wrap .prode_main .main_le .con-t {
    height: auto;
  }
}



.prode-wrap .prode_show .list li {
  width: 15.25%;
  margin: 0 1.7% 0.65rem 0;
  font-size: 0.35rem;
  color: #333;
}

.prode-wrap .prode_show .list li:nth-child(6n) {
  margin-right: 0;
}

.prode-wrap .prode_show .list li .hoverimg {
  width: 100%;
  margin-bottom: 0.4rem;
  padding-bottom: 100%;
  position: relative;
}

.prode-wrap .prode_show .list li .hoverimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}






.conmain-wrap.brand {
  padding-top: 0.6rem;
  padding-bottom: 0;
}

.conmain-wrap.brand:after {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 0.75rem);
  background: #e5e5e5;
  left: 12.5%;
  top: 0.75rem;
}



.anno-wrap .main-con {
  width: 100%;
  height: 11.8rem;
  padding: 1.6rem 1.9rem 0;
}

.anno-wrap .main-con img {
  margin-bottom: 0.5rem;
}

.anno-wrap .main-con .con-t {
  line-height: 1.875;
  color: #1a2259;
  box-sizing: border-box;
  padding-left: 2.5rem;
}



.develop-wrap {
  padding: 0.7rem 0 6.5rem;
  background: url('../../web/img/develop_back2.png')no-repeat left top;
}

.develop-wrap:before {
  content: '';
  position: absolute;
  width: 1.25rem;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../web/img/develop_line.png')repeat-y left top;
  background-size: contain;
}

.develop_list {
  margin-bottom: 1.5rem;
}

.develop_list li {
  width: 100%;
  box-sizing: border-box;
  padding: 0.65rem 0 0 2.6rem;
}


.develop_list li .item_pic {
  right: 0;
  top: 47%;
  transform: translateY(-50%);
  width: 31%;
  box-shadow: -4px 4px 4px 0 rgba(32, 33, 36, .2);
}


.develop_list li .item_title {
  height: 1rem;
  line-height: 1rem;
  display: flex;
  transform: translateX(-2.6rem);
}

.develop_list li .item_title .item_text {
  width: 8.25rem;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-left: 0.75rem;
  color: #1f2552;
}

.develop_list li .item_title .item_text p {
  position: relative;
  z-index: 2;
}

.develop_list li .item_title .item_text:before {
  content: '';
  position: absolute;
  background: url('../../web/img/develop_back.png')no-repeat center center;
  background-size: cover;
  width: 112%;
  height: 161%;
  left: -8%;
  top: -1%;
}

.develop_list li .item_title .item_year {
  width: 2.6rem;
  height: 100%;
  background: #1a2259;
  text-align: center;
  color: #fff;
  font-size: 0.35rem;
  position: relative;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 2;
}

.develop_list li .item_title .item_year:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #1a2259 transparent transparent transparent;
  left: 12px;
  bottom: -8px;
}

.develop_list li .item_year span {
  font-size: 0.4rem;
}

.develop_list li .item_con {
  min-height: 4.75rem;
  box-sizing: border-box;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.75rem 0 0.5rem 1rem;
  color: #333;
  font-size: 0.35rem;
  line-height: 1.28;
  display: flex;
}

.develop_list li .item_con p {
  margin-bottom: 0.3rem;
}

.develop_list li .item_con p:last-child {
  margin-bottom: 0;
}

.develop_list li .item_con .item_li {
  width: 28.84%;
  margin-right: 1.5rem;
}

.develop_list li .item_con .item_li:last-child {
  margin-right: 0;
}


.develop_list li .item_con p {
  position: relative;
}

.develop_list li .item_con p:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: -0.25rem;
  top: 0.15rem;
  background: #333;
}



.develop-wrap .loadmore {
  width: 3.9rem;
  height: 1.25rem;
  line-height: 1.25rem;
  box-sizing: border-box;
  text-align: center;
  color: #1a2259;
  border: 1px solid rgba(26, 34, 89, 0.2);
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  margin-left: 2.6rem;
}


.develop-wrap .loadmore:hover {
  background: #1a2259;
  color: #fff;
}



.investor-wrap {
  padding: 1.25rem 0 2.25rem;
}

.investor-wrap .investor-box {
  margin-bottom: 0.75rem;
}

.investor-wrap .investor-box:last-child {
  margin-bottom: 0.75rem;
}


.investor-wrap .investor_title {
  width: 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  box-sizing: border-box;
  background: #fbfbfb;
  border: 2px solid #f3f3f3;
  padding: 0 0.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.investor-wrap .investor_title .title_name {
  color: #333;
  font-size: 0.6rem;
  display: flex;
  align-items: center;
}

.investor-wrap .investor_title .title_name img {
  margin-right: 0.25rem;
}

.investor-wrap .investor_title .swiper-box {
  width: 20%;
  padding: 0 0.5rem;
}

.investor-wrap .investor_title .swiper-container {
  width: 100%;
}

.investor-wrap .investor_title .swiper-slide {
  width: 2rem;
  text-align: center;
  color: #333;
  cursor: pointer;
}

.investor-wrap .investor_title .swiper-slide.cur {
  color: #1a2259;
}

.investor-wrap .investor_title .swiper-button-next {
  width: 8px;
  height: 16px;
  background: url('../../web/img/swiper-r1.png')no-repeat center center;
  background-size: contain;
  right: 0;
  top: 70%;
}

.investor-wrap .investor_title .swiper-button-next:hover {
  width: 8px;
  height: 16px;
  background: url('../../web/img/swiper-r1a.png')no-repeat center center;
  background-size: contain;
}

.investor-wrap .investor_title .swiper-button-prev {
  width: 8px;
  height: 16px;
  background: url('../../web/img/swiper-l1.png')no-repeat center center;
  background-size: contain;
  left: 0;
  top: 70%;
}

.investor-wrap .investor_title .swiper-button-prev:hover {
  width: 8px;
  height: 16px;
  background: url('../../web/img/swiper-l1a.png')no-repeat center center;
  background-size: contain;
}

.investor-wrap .list li {
  height: 1.6rem;
  line-height: 1.6rem;
  box-sizing: border-box;
  border-bottom: 1px solid #ededed;
}

.investor-wrap .list li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0 0.65rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.investor-wrap .list li .date {
  color: #999;
  margin-right: 0.3rem;
}

.investor-wrap .list li .tov {
  color: #333;
  max-width: 60%;
}

.investor-wrap .list li .down_ico {
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 14px;
  background: url('../../web/img/download_ico.png')no-repeat center center;
  background-size: contain;
}

.investor-wrap .list li:hover .date {
  color: #1a2259;
}

.investor-wrap .list li:hover .tov {
  color: #1a2259;
}

.investor-wrap .list li:hover .down_ico {
  background: url('../../web/img/download_icoa.png')no-repeat center center;
  background-size: contain;
}



.company-wrap {
  padding: 1rem 0 2.25rem;
}

.company-wrap .list li {
  margin-bottom: 0.5rem;
}

.company-wrap .list .item_tab {
  width: 100%;
  height: 3.25rem;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 0 1.25rem;
  cursor: pointer;
  color: #333;
  font-size: 0.6rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease 0s;
}

.company-wrap .item_tab .pic {
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}

.company-wrap .list .item_tab span {
  margin-right: 0.6rem;
}

.company-wrap .list .item_tab:hover span {
  color: #1a2259;
}

.company-wrap .list li.cur .item_tab {
  display: none;
  opacity: 0;
  visibility: hidden;
}


.company-wrap .list .item_option {
  width: 100%;
  background: #fafafa;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding: 1.5rem 1.6rem 2rem 1.25rem;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  display: none;
}


.company-wrap .list .item_option h3 {
  font-size: 0.75rem;
  margin-bottom: 0.7rem;
  color: #1a2259;
}

.company-wrap .list .item_option .con-t {
  color: #666666;
  font-size: 0.35rem;
  line-height: 2.14;
  margin-bottom: 0.9rem;
}

.company-wrap .list .item_option .tel {
  width: 5.5rem;
  height: 1.25rem;
  background: #1a2259;
  border-radius: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  color: #fff;
  font-size: 0.45rem;
  cursor: pointer;
}

.company-wrap .list .item_option .tel span {
  margin-left: 0.25rem;
}


.company-wrap .list .item_option .pic {
  bottom: 1.75rem;
  right: 1.75rem;
}



.design-wrap {
  padding: 1rem 0 2.5rem;
}

.design-wrap .design-tab {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.design-wrap .design-tab .tab-swiper {
  width: 100%;
}

.design-wrap .design-tab .design-item {
  display: block;
  width: 32%;
  height: 2.75rem;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  padding: 0 0.75rem 0 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}


.design-wrap .design-tab .design-item h3 {
  font-size: 0.6rem;
  color: #333;
  margin-bottom: 0;
}


.design-wrap .design-tab .design-item p {
  font-size: 0.35em;
  color: rgba(51, 51, 51, 0.7);
  display: none;
}

.design-wrap .design-tab .design-item.cur {
  background: #1a2259;
}

.design-wrap .design-tab .design-item.cur h3 {
  color: #fff;
}

.design-wrap .design-tab .design-item.cur p {
  color: #fff;
}

@media(min-width: 1024px) {
  .design-wrap .design-tab .design-item:hover {
    background: #1a2259;
  }

  .design-wrap .design-tab .design-item:hover h3 {
    color: #fff;
  }

  .design-wrap .design-tab .design-item:hover p {
    color: #fff;
  }
}




.design-wrap .design-top {
  width: 100%;
  min-height: 11.75rem;
  box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .18);
  padding: 1.4rem 1.5rem 0;
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.design-wrap .design-top .title {
  margin-bottom: 0.9rem;
  color: #1a2259;
}

.design-wrap .design-top .t {
  font-size: 0.45rem;
  margin-bottom: 0.3rem;
}

.design-wrap .design-top h1 {
  margin-bottom: 0.5rem;
}

.design-wrap .design-top h3 {
  font-size: 0.6rem;
}

.design-wrap .design-top .lecon {
  width: 50%;
  position: relative;
  z-index: 2;
}


.design-wrap .design-top .con-t {
  color: #333;
  font-size: 0.35rem;
  line-height: 2.14;
  margin-bottom: 1.75rem;
}

.design-wrap .design-top .pic {
  right: 1.5rem;
  top: 1.25rem;
  max-width: 48.27%;
}


.design-wrap .first_list {
  margin-bottom: 0.85rem;
}


.design-wrap .first_list .list-swiper {
  width: 100%;
}

.design-wrap .first_list .list-pagination {
  display: none;
}

.design-wrap .list-swiper .swiper-slide {}

.design-wrap .list-swiper .hoverimg {
  width: 100%;
  height: 3.75rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.design-wrap .list-swiper .item-p {
  width: 100%;
  height: 1.35rem;
  line-height: 1.35rem;
  color: #1a2259;
  font-size: 0.45rem;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 2px solid #d1d3de;
}



.design-wrap .design_tablist li {
  margin-bottom: 0.5rem;
}




.design-wrap .design_tablist .item-tab {
  width: 100%;
  height: 3.25rem;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: flex;
  align-items: center;
  padding: 0 1.1rem 0 0.9rem;
}

.design-wrap .design_tablist .item-tab:hover {
  background: #fafafa;
}

.design-wrap .design_tablist .item-tab .icon {
  right: 1.1rem;
  top: 50%;
  transform: translateY(-50%);
}

.design-wrap .design_tablist .item-tab .ico {
  margin-right: 0.5rem;
}

.design-wrap .design_tablist .item-tab .t {
  font-size: 0.45rem;
  margin-bottom: 0.15rem;
  color: #1a2259;
}


.design-wrap .design_tablist .item-tab p {
  color: #333;
  font-size: 0.35rem;
}


.design-wrap .design_tablist .item-option {
  width: 100%;
  display: none;
  background: #fafafa;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  padding: 1rem 3rem;
}

.design-wrap .design_tablist .item-con {
  color: #333;
  margin-bottom: 0.75rem;
  line-height: 2.14;
}

.design-wrap .design_tablist .item-con:last-child {
  margin-bottom: 0;
}

.design-wrap .design_tablist .item-con .t {
  font-size: 0.45rem;
  font-weight: bold;
}

.design-wrap .design_tablist .item-con p {
  font-size: 0.35rem;
}

.design-wrap .second_box {
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}

.design-wrap .second_box .second_title {
  color: #1a2259;
  margin-bottom: 0.5rem;
}

.design-wrap .second_box .second_title h3 {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.design-wrap .second_box .second_title p {
  font-size: 0.45rem;
}

.design-wrap .second_box .second_list {
  border-top: 1px solid #ccced4;
  border-bottom: 1px solid #ccced4;
  margin-bottom: 0.75rem;
}


.design-wrap .second_box .second_list li {
  width: 20%;
  box-sizing: border-box;
  border-bottom: 1px solid #ccced4;
  height: 5rem;
  position: relative;
  text-align: center;
  padding-top: 0.75rem;
  margin: 0px -1px -1px 0px;

}

.design-wrap .second_box .second_list li img {
  transition: all 0.3s ease 0s;
}

.design-wrap .second_box .second_list li:hover img {
  transform: translateY(5px);
}

.design-wrap .second_box .second_list li:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 3.5rem;
  background: #d6d6d6;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.design-wrap .second_box .second_list .t {
  font-size: 0.45rem;
  color: #333;
  margin: 0.5rem 0 0.2rem;

}

.design-wrap .second_box .second_list p {
  font-size: 0.35rem;
  color: #333;
}



.designthree-box {
  background: #fafafa;
  box-sizing: border-box;
  padding: 1rem 1.25rem 1.5rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .2);
}


.designthree-box h1 {
  color: #1a2259;
  line-height: 1.5;
}

.designthree-box .con-t {
  color: #333;
  line-height: 2.14;
  font-size: 0.35rem;
  width: 73.4%;
  margin-bottom: 0.9rem;
  margin-top: 0.35rem;
}


.left_border {
  border-left: 1px solid #ebebeb;
}


.made-wrap {
  margin-top: 0.75rem;
  padding: 0 0 3.75rem;
}


.service_banner-box {
  width: 100%;
  height: 6.9rem;
  position: relative;
}

.service_banner-box:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../../web/img/made-hover.png')no-repeat center center;
  background-size: cover;
  left: 0;
  top: 0;
}

.service_banner-box .con {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 1.75rem 0 0 1.25rem;
}

.service_banner-box.after .con {
  padding: 1.75rem 0 0 1.85rem;
}

.service_banner-box.center {
  height: 6.25rem;
}

.service_banner-box.center .con {
  padding: 1.5rem 0 0 1.85rem;
}

.service_banner-box.center:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../web/img/broker-hover.png')no-repeat center center;
  background-size: cover;
}

.service_banner-box.center .con h1 {
  margin-bottom: 0.5rem;
}

.service_banner-box.center .con p {
  font-size: 12px;
  color: #fff;
}

.service_banner-box.center .con p img {
  margin-left: 0.34rem;
  transition: all 0.3s ease 0s;
}

.service_banner-box.center .con:hover img {
  transform: translateX(2px);
}

.service_banner-box h1 {
  color: #fff;
}

.service_banner-box.after p {
  color: #fff;
  font-size: 0.45rem;
}

.service_banner-box.after h1 {
  color: #1a2259;
  margin-top: 0.75rem;
  font-weight: bold;
}

.service_banner-box h1 span {
  color: #1a2259;
  margin: 0 0.4rem;
}

.service_banner-box .con-t {
  font-size: 0.45rem;
  color: #fff;
  line-height: 0.75rem;
  margin-top: 0.75rem;
}

.service_banner-box .en {
  font-size: 0.45rem;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.5rem;
}


.made-wrap .made_list {
  position: relative;
  background: url('../../web/img/made_shadow.png')no-repeat left top;
}


.made-wrap .made_list li {
  width: 100%;
  height: 3.5rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8ee;
  display: flex;
  align-items: center;
  padding: 0 0 0 1.1rem;
  position: relative;
}

.made-wrap .made_list li:before {
  content: '';
  position: absolute;
  width: 11px;
  height: 8px;
  background: url('../../web/img/arrow-d2.png')no-repeat center center;
  background-size: contain;
  left: 2.2rem;
  top: 0.25rem;
}

.made-wrap .made_list li:first-child:before {
  display: none;
}

.made-wrap .made_list li .icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  background: rgba(26, 34, 89, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  transition: all 0.3s ease 0s;
}

.made-wrap .made_list li:hover .icon {
  transform: translateY(5px);
}

.made-wrap .made_list li .ico {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #8085a4;
  display: flex;
  align-items: center;
  justify-content: center;
}


.made-wrap .made_list li .icon img {
  max-width: 60%;
}

.made-wrap .made_list li h3 {
  color: #1a2259;
  font-size: 0.6rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.made-wrap .made_list li p {
  color: #666;
  ;
  font-size: 0.35rem;
  line-height: 1.71;
}

.made-wrap .made_list li .li_con {
  width: 80%;
}

.ser-book-wrap {
  margin-top: 0.75rem;
  padding: 0 0 4rem;
}

.serbook-form {
  background: url('../../web/img/made_shadow.png')no-repeat left top;
  box-sizing: border-box;
  padding: 1.15rem 0 0 1.25rem;
}


.serbook-form .item {
  display: flex;
  align-items: center;

  height: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 0.4rem;
}


.serbook-form .item .item_span {
  width: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.serbook-form .item_span .tip {
  font-weight: bold;
  color: #ff0000;
}

.serbook-form .item .input {
  height: 100%;
  width: 81.5%;
  border: 1px solid #dcdcdc;
  background: #fff;
  box-sizing: border-box;
  margin-left: 0.4rem;
}

.serbook-form .item .input input {
  box-sizing: border-box;
  padding: 0 0.3rem;
  width: 100%;
}

.serbook-form .textarea {
  height: auto;
  align-items: flex-start;
}

.serbook-form .textarea textarea {
  width: 100%;
  height: 3.5rem;
  box-sizing: border-box;
  padding: 0 0.3rem;
}

.serbook-form .test-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0.4rem;
}

.serbook-form .test-input .text {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  background: #fff;
  box-sizing: border-box;
  width: 5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 0.3rem;

}

.serbook-form .test-input img {
  height: 1.25rem;
  margin: 0 0.7rem 0 0.15rem;
  cursor: pointer;
}

/*.serbook-form .test-input .testimg img{
    max-height: 100%;
    }*/

.serbook-form .test-input .sub {
  width: 4.1rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #1a2259;
  color: #fff;
  font-size: 0.35rem;
  font-weight: bold;
  border-radius: 2px;
}




.serbook-form .tab_item .item-box {
  height: 100%;
  width: 81.5%;
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
}

.serbook-form .tab_item .item-tab {
  width: 5.25rem;
  height: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  background: #f7f7f7;
  cursor: pointer;
  margin-right: 9px;
  padding-left: 0.65rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease 0s;
}


.serbook-form .tab_item .item-tab .ico {
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 1px solid #999;
  margin-right: 0.375rem;
  transition: all 0.3s ease 0s;
  position: relative;
}

.serbook-form .tab_item .item-tab.cur {
  background: #1a2259;
  color: #fff;
}

.serbook-form .tab_item .item-tab.cur .ico {
  background: #fff;
  border: 1px solid #fff;
}

.serbook-form .tab_item .item-tab.cur .ico:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: #1a2259;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.serbook-form .tab_item .item-tab:hover {
  background: #1a2259;
  color: #fff;
}

.serbook-form .tab_item .item-tab:hover .ico {
  background: #fff;
  border: 1px solid #fff;
}

.serbook-form .tab_item .item-tab:hover .ico:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: #1a2259;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.quiry-wrap {
  margin-top: 0.75rem;
  padding-bottom: 4.5rem;
}

.quiry-wrap .map-box {
  width: 100%;
  height: 15.25rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #d7d7d7;
}

#container {
  width: 100%;
  height: 100%;
}

.quiry-wrap .quiry-name {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.45rem;
}

.quiry-wrap .quiry-name .line {
  margin: 0 5px;
}

.quiry-wrap .quiry-name span:last-child {
  color: #1a2259;
}

.quiry-wrap .quiry_list li {
  width: 31.8%;
  height: 4rem;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  margin: 0 2.3% 0.5rem 0;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  padding: 0.6rem 0.75rem 0;
}

.quiry-wrap .quiry_list li:nth-child(3n) {
  margin-right: 0;
}


.quiry-wrap .quiry_list li .t {
  font-weight: bold;
  color: #1a2259;
  margin-bottom: 0.25rem;
}

.quiry-wrap .quiry_list li p {
  font-size: 0.35rem;
  line-height: 0.6rem;
  color: #666;
}

.quiry-wrap .quiry_list li:hover {
  background: #1a2259;
}

.quiry-wrap .quiry_list li:hover .t {
  color: #fff;
}

.quiry-wrap .quiry_list li:hover p {
  color: #fff;
}


.quiry-wrap .quiry_list li.cur {
  background: #1a2259;
}

.quiry-wrap .quiry_list li.cur .t {
  color: #fff;
}

.quiry-wrap .quiry_list li.cur p {
  color: #fff;
}


.quiry-wrap .map_bottom {
  width: 100%;
  height: 2rem;
  left: 0;
  bottom: 0;
  background: #1a2259;
  box-sizing: border-box;
  padding: 0 0.75rem 0 1.1rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 200;
}


.quiry-wrap .map_bottom .span {
  font-size: 0.45rem;
}

.quiry-wrap .select-box {
  display: flex;
  justify-content: space-between;
  z-index: 2;

}

.quiry-wrap .select-box .select-item {
  width: 6rem;
}

.quiry-wrap .select-box .select-item:first-child {
  margin-right: 0.6rem;
}

.quiry-wrap .select-box .select-up {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 0.45rem 0 0.35rem;
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease 0s;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.quiry-wrap .select-box .select-up:hover {
  background: #1a2259;
}

.quiry-wrap .select-box .select-option {
  background: #1a2259;
  z-index: 2;
  height: 4rem;
  width: calc(100% - 1px);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: none;
}

.quiry-wrap .select-box .select-option .scroll-box {
  height: 4rem;
}

.quiry-wrap .select-box .select-option dd {
  width: 100%;
  cursor: pointer;
  height: 1rem;
  line-height: 1rem;
  box-sizing: border-box;
  padding: 0 0.45rem 0 0.35rem;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease 0s;
}

.quiry-wrap .select-box .select-option dd:hover {
  background: #1a2259;
}




.brocenter-wrap {
  margin-top: 0.75rem;
  padding-bottom: 3.25rem;
}




.brocenter_list {
  margin-top: 0.5rem;
}


.brocenter_list li {
  width: 100%;
  height: 2.2rem;
  margin-bottom: 0.3rem;
  transition: all 0.3s ease 0s;
}

.brocenter_list li a {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.brocenter_list li .date {
  width: 2rem;
  height: 100%;
  background: #f5f5f5;
  text-align: center;
  padding-top: 0.4rem;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
}

.brocenter_list li .date h3 {
  font-size: 0.9rem;
  color: #1a2259;
  margin-bottom: 0.1rem;
}

.brocenter_list li .date p {
  font-size: 12px;
  color: #666;
}


.brocenter_list li .item_con {
  width: calc(100% - 2.2rem);
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  position: relative;
  padding-left: 0.9rem;
  display: flex;
  align-items: center;
  transition: all 0.5s ease 0s;
}

.brocenter_list li .item_con span {
  font-size: 0.45rem;
  font-weight: bold;
  width: 70%;
  display: inline-block;
}

.brocenter_list li .item_con .ico {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}


.brocenter_list li .item_con .ico .a {
  display: none;
}


.brocenter_list li:hover .date {
  background: #1a2259;
}

.brocenter_list li:hover .date h3 {
  color: #fff;
}

.brocenter_list li:hover .date p {
  color: #fff;
}

.brocenter_list li:hover .item_con {
  background: #f5f5f5;
}


.brocenter_list li:hover .item_con .ico .a {
  display: block;
}

.brocenter_list li:hover .item_con .ico img {
  display: none;
}














.problem-wrap {
  padding: 0.75rem 0 3.25rem;
}


.problem-wrap .problem-tab {
  display: flex;
  margin-bottom: 0.5rem;
}

.problem-wrap .problem-tab .item {
  width: 4.75rem;
  height: 1.25rem;
  transition: all 0.3s ease 0s;
  text-align: center;
  line-height: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  cursor: pointer;
  margin-right: 0.7rem;
}

.problem-wrap .problem-tab .item.cur {
  background: #1a2259;
  color: #fff;
}


.problem-wrap .problem-tab .item:hover {
  background: #1a2259;
  color: #fff;
}

.problem_list {
  border-top: 1px solid #d0d0cf;
}

.problem_list li .item_top {
  width: 100%;
  height: 1.75rem;
  box-sizing: border-box;
  border-bottom: 1px solid #d0d0cf;
  cursor: pointer;
  padding: 0 0 0 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
}

.problem_list li .item_top .ico {
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.problem_list li .item_top .ico .a {
  display: none;
}

.problem_list li.cur .item_top .ico .a {
  display: block;
}

.problem_list li.cur .item_top .ico img {
  display: none;
}

.problem_list li .item_top span {
  font-size: 0.45rem;
  margin-left: 0.35rem;
}

.problem_list li .item_option {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 1.2rem;
  background: #fafafa;
  color: #666;
  line-height: 2.14;
  font-size: 0.35rem;
  display: none;
}

.problem_list li .item_option p {
  box-sizing: border-box;
  padding-left: 0.4rem;
  position: relative;
}

.problem_list li .item_option p:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: #333;
  border-radius: 50%;
  left: 0;
  top: 0.3rem;
}




.news-wrap {
  padding: 0.75rem 0 2.5rem;
}

.news-wrap .news_show {
  margin-bottom: 1rem;
}


.news-wrap .news_show h2 {
  color: #1a2259;
  font-size: 0.9rem;
  font-weight: bold;
}

.news-wrap .news_show .arial {
  font-size: 12px;
  margin: 0.4rem 0 0.75rem;
  color: #1a2259;
}

.news-wrap .news_show p {
  color: #666;
  font-size: 0.35rem;
}

.news-wrap .news_show .show-con {
  margin-bottom: 0.55rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

}

.news-wrap .news_show .show_le {
  width: 67.24%;
}

.news-wrap .news_show .detail {
  display: block;
  width: 2.35rem;
  height: 0.75rem;
  line-height: 0.75rem;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #c5bcb7;
  border-radius: 0.75rem;
  color: #666;
  font-size: 12px;
}

.news-wrap .news_show .detail:hover {
  background: #1a2259;
  border: 1px solid #1a2259;
  color: #fff;
}


.pagination {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}

.pagination a {
  display: block;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: 0.4rem;
  color: #666;
  box-sizing: border-box;
  margin: 0 3px;
  border: 1px solid #e5e5e5;
  position: relative;
}

.pagination a:hover {
  background: #1a2259;
  color: #fff;
}

.pagination a.active {
  background: #1a2259;
  color: #fff;
}



.pagination .prev:before {
  width: 12px;
  height: 15px;
  background: url('../../web/img/page-l.png')no-repeat center center;
  background-size: contain;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pagination .prev:hover:before {
  background: url('../../web/img/page-la.png')no-repeat center center;
  background-size: contain;
}

.pagination .next:before {
  width: 12px;
  height: 15px;
  background: url('../../web/img/page-r.png')no-repeat center center;
  background-size: contain;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pagination .next:hover:before {
  background: url('../../web/img/page-ra.png')no-repeat center center;
  background-size: contain;
}






.nybanner.bottom {
  height: 12.5rem;
}



.bottom-wrap {
  padding: 0.35rem 0 2rem;
}

.bottom-wrap .bottom_navbar {
  text-align: right;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 12px;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.bottom-wrap .bottom_navbar a:last-child {
  color: #1a2259;

}

.bottom-wrap .bottom_navbar a:first-child {
  font-weight: normal;
  color: #999;
}



.bottom-main {
  padding: 1.1rem 0 0;
}

.bottom-main .title {
  color: #1a2259;
  margin-bottom: 1rem;
}

.bottom-main .title h3 {
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.bottom-main .title p {
  font-size: 0.35rem;
}

.bottom-main .item-p {
  margin-bottom: 0.9rem;
}

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

.bottom-main .item-p .t {
  font-size: 0.45rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
  color: #333;
}

.bottom-main .item-p p {
  font-size: 0.35rem;
  line-height: 2.14;
  color: #666;
}






.link_list li {
  width: 13.88%;
  margin: 0 3.344% 1rem 0;
  font-size: 0.35rem;
}

.link_list li a {
  color: #666;
}

.link_list li:nth-child(6n) {
  margin-right: 0;
}


.link_list li .hoverimg {
  width: 100%;
  padding-bottom: 43%;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  margin-bottom: 0.3rem;
}

.link_list li .hoverimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  left: 0;
  top: 0;
}



.support-wrap {
  padding: 0.85rem 0 2.5rem;

}

.support-title {
  font-size: 0.9rem;
  color: #1a2259;
  margin-bottom: 0.55rem;
}

.support_list li {
  width: 100%;
  height: 7.65rem;
  margin-bottom: 0.25rem;
  color: #fff;
}

.support_list li:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../web/img/support-hover1.png')no-repeat center center;
  background-size: cover;
}

.support_list li:nth-child(2n):before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../web/img/support-hover2.png')no-repeat center center;
  background-size: cover;
}

.support_list li .con {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.85rem 0 0 2rem;
}

.support_list li:nth-child(2n) .con {
  padding: 0.85rem 0 0 80%;
}

.support_list li .title {
  margin-bottom: 0.5rem;
}

.support_list li .title h3 {
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 0.15rem;
}

.support_list li .title .en {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.support_list li .con-t {
  font-size: 0.375rem;
  font-weight: bold;
  color: #fff;
}

.support_list li .con-t p {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 0.5rem;
  box-sizing: border-box;
}

.support_list li .con-t p:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  left: 0.25rem;
  top: 0.2rem;
}

.support_list li .con-t p:last-child {
  margin-bottom: 0;
}


.aia-wrap {
  padding: 0.85rem 0 2.5rem;
}

.aiaform-wrap {
  background: url('../../web/img/aia-shadow.png')no-repeat left top;
  box-sizing: border-box;
  padding: 1rem 0 0;
}

.aiaform-wrap {
  border-top: 1px solid #d7d7d7;
  position: relative;
}

.aiaform-wrap:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 86%;
  left: 0;
  top: 0;
  background: #d7d7d7;
}

.aiaform-wrap .item-box {
  display: flex;
  margin-bottom: 0.5rem;
}

.aiaform-wrap .item-box .input-item {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  padding: 0 1.6rem 0 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
}


.aiaform-wrap .item_span {
  width: 3rem;
  display: flex;
  justify-content: space-between;
  margin-right: 0.4rem;
}

.aiaform-wrap .item_span .textbold {
  color: #ff0000;
  font-size: 14px;
}

.aiaform-wrap .item-box .input {
  width: 71%;
  height: 1.25rem;
  line-height: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  background: #fff;
  transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box .input:hover {
  border: 1px solid #1a2259;
}

.aiaform-wrap .item-box .input.select:hover {
  border: 1px solid #dcdcdc;
}


.aiaform-wrap .item-box .input>input {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.3rem;
}




.aiaform-wrap .item-box.textarea {
  box-sizing: border-box;
  display: flex;
  padding: 0 1.6rem 0 1.25rem;
}

.aiaform-wrap .item-box.textarea .textarea {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  height: 3.75rem;
  width: 87%;
  transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box.textarea .textarea:hover {
  border: 1px solid #1a2259;
}

.aiaform-wrap .item-box.textarea .textarea textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.3rem;
}


.aiaform-wrap .item-box.testbox {
  box-sizing: border-box;
  display: flex;
  padding: 0 1.6rem 0 1.25rem;
}

.aiaform-wrap .item-box.testbox .test-box {
  display: flex;
  align-items: center;
}

.aiaform-wrap .item-box.testbox .text {
  width: 5rem;
  height: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding: 0.3rem;
  transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box.testbox .text:hover {
  border: 1px solid #1a2259;
}

.aiaform-wrap .item-box.testbox img {
  width: 3rem;
  height: 1.25rem;
  margin: 0 0.75rem 0 0.25rem;
  cursor: pointer;
}

.aiaform-wrap .item-box.testbox .testimg img {
  height: 100%;
}

.aiaform-wrap .item-box.testbox .sub {
  width: 4.1rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1.25rem;
  background: #1a2259;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
}


.aiaform-wrap .select_up {
  width: 100%;
  height: 1.2rem;
  background: #fbfbfb;
  box-sizing: border-box;
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1a2259;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.aiaform-wrap .select_up:hover {
  background: #dedede;
}


.aiaform-wrap .select_option {
  width: 100%;
  background: #fbfbfb;
  left: 0;
  top: 1.2rem;
  z-index: 2;
  display: none;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
}

.aiaform-wrap .select_option dd {
  width: 100%;
  height: 1.1rem;
  line-height: 1.1rem;
  box-sizing: border-box;
  padding: 0 0.4rem;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.aiaform-wrap .select_option dd:hover {
  color: #fff;
  background: #1a2259;
}

.aiaform-wrap .select_option dd:last-child {
  border-bottom: none;
}










.human-wrap {
  padding: 0.75rem 0 2.5rem;
}


.human-tab {
  height: 1.2rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.375rem;
  font-size: 0.35rem;
  z-index: 2;
}

.human-tab .select-box {
  width: 5.75rem;
}

.human-tab .select-box .select_up {
  width: 100%;
  height: 1.2rem;
  background: #fafafa;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 0 0.45rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1a2259;
}

.human-tab .select-box .select_option {
  width: 100%;
  background: #fafafa;
  border: 1px solid #ccc;
  box-sizing: border-box;
  z-index: 2;
  display: none;
  max-height: 5rem;
  overflow-y: scroll;
}

.human-tab .select-box .select_option dd {
  height: 1.1rem;
  line-height: 1.1rem;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  padding: 0 0.45rem;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.human-tab .select-box .select_option dd:hover {
  background: #1a2259;
  color: #fff;
}

.human-tab .select-box .select_option dd:last-child {
  border-bottom: none;
  cursor: pointer;
}

.human-tab .search-box {
  width: 7.9rem;
  height: 1.2rem;
  background: #1a2259;

}

.human-tab .search-box form {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.5rem;
  margin-left: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.human-tab .search-box .text {
  background: none;
  color: #fff;
  width: 80%;
}

.human-tab .search-box .sub {
  width: 18px;
  height: 18px;
  background: url('../../web/img/search_ico.png')no-repeat center center;
  background-size: contain;
  cursor: pointer;
}


.human_list li {
  margin-bottom: 0.45rem;
}

.human_list li:last-child {
  margin-bottom: 0;
}

.human_list li .item_up {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 0.75rem 0.9rem;
  cursor: pointer;
  background: #fff;
  transition: all 0.3s ease 0s;
  opacity: 1;
  height: 3rem;
}

.human_list li .item_up:hover {
  background: #f7f7f7;
}

.human_list li .item_up .t {
  margin-bottom: 0.4rem;
}

.human_list li .item_up .bot {
  font-size: 0.35rem;
  color: #999;
  display: flex;
  align-items: center;
}

.human_list li .item_up .bot span {
  margin: 0 0.2rem;
}

.human_list li .item_up .detail {
  color: #1a2259;
  margin-left: 0.55rem;
}

.human_list li .item_up img {
  margin-left: 0.35rem;
  transition: all 0.3s ease 0s;
}

.human_list li .item_up:hover img {
  transform: translateX(3px);
}



.human_list .item_option {
  width: 100%;
  display: none;
}


.human_list .item_option .item_top {
  width: 100%;
  background: #fff;
  height: 2.1rem;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 0 0.9rem;
  color: #1a2259;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}


.human_list .item_option .item_top:hover {
  background: #f7f7f7;
}

.human_list .item_option .item_top img {
  transition: all 0.3s ease 0s;
}

.human_list .item_option .item_top:hover img {
  transform: rotateZ(90deg);
}


.human_list .item_main {
  width: 100%;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px 0 rgba(32, 33, 36, .15);
  padding: 0.75rem 1rem 1rem;
  box-sizing: border-box;
}


.human_list .item_main .item-con {
  border-bottom: 1px dashed #cdcdcd;
  margin-bottom: 1.15rem;
}

.human_list .item_main .item {
  width: 25%;
  font-size: 0.35rem;
  color: #999;
  margin-bottom: 0.5rem;
}

.human_list .item_main .item span:first-child {
  display: inline-block;
  width: 2.25rem;
}

.human_list .item_main .item .span {
  color: #333;
}

.human_list .item-box {
  font-size: 0.35rem;
  margin-bottom: 0.6rem;
}

.human_list .item-box .t {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.human_list .item-box .con-t {
  color: #999;
  line-height: 0.6rem;
}


.human_list .item-box:last-of-type {
  margin-bottom: 0;
}


.human_list .applynow {
  display: inline-block;
  width: 3.75rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  background: #1a2259;
  color: #fff;
  margin-top: 1rem;
  margin-left: 100%;
  transform: translateX(-100%);
  transition: all 0.3s ease 0s;
}

.human_list .applynow img {
  margin-left: 0.35rem;
}



.human_list li.cur .item_up {
  height: 0;
  padding: 0 0;
  opacity: 0;
}






/*移动端下拉列表*/
.msub-list {
  display: none;
}

@media (max-width: 1024px) {
  .msub-list {
    color: #fff;
    background: #1a2259;
    padding: 0.5rem 0;
  }

  .msub-list a {
    color: #fff;
    display: block;
    width: 100%;
    width: 100%;
    height: 100%;
  }


  .msub-list li .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .msub-list li .ico .line {
    position: absolute;
    background: #fff;
    transition: all 0.3s ease 0s;
  }

  .msub-list li .ico .line1 {
    width: 100%;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .msub-list li .ico .line2 {
    width: 2px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
  }

  .msub-list li.cur .ico .line2 {
    height: 0;
  }

  .msub-list li .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
  }

  .msub-list li .ico .line {
    position: absolute;
    background: #fff;
    transition: all 0.3s ease 0s;
  }

  .msub-list li .ico .line1 {
    width: 100%;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .msub-list li .ico .line2 {
    width: 2px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
  }

  .msub-list li.cur .ico .line2 {
    height: 0;
  }

  .msub-list dt {
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
    box-sizing: border-box;
    padding: 0 4%;
    position: relative;
  }

  .msub-list dt:before {
    content: '';
    position: absolute;
    width: 92%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    left: 4%;
    bottom: 0;
  }

  .msub-list dt:last-child:before {
    display: none;
  }

  .msub-list dd {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.6rem;
    text-indent: 0.5rem;
    position: relative;
    background: #25376a;
    box-sizing: border-box;
    padding: 0 4%;
    display: none;
  }

  .msub-list dd:before {
    content: '';
    position: absolute;
    width: 92%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    left: 4%;
    bottom: 0;
  }

  .msub-list dd:last-child:before {
    display: none;
  }
}

@media(max-width: 767px) {
  .msub-list {
    padding: 0.2rem 0;
  }

  .msub-list dt {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.3rem;
  }

  .msub-list dd {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.26rem;
    text-indent: 0.1rem;
  }

  .msub-list li .ico {
    width: 14px;
    height: 14px;
  }
}

/*移动端下拉列表*/



.conmain-wrap .moblie_linkbox {
  display: none;
}




.encase-wrap {
  padding: 0.75rem 0 2.2rem;
}

.encase-wrap .encase-tab {
  margin-bottom: 1.5rem;
  display: flex;
}

.encase-wrap .encase-tab .item {
  width: 4.75rem;
  height: 1.25rem;
  color: #333;
  transition: all 0.3s ease 0s;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  cursor: pointer;
  margin-right: 0.7rem;
  text-align: center;
  line-height: 1.25rem;
}

.encase-wrap .encase-tab .item.cur {
  background: #1a2259;
  color: #fff;
}

.encase-wrap .encase-tab .item:hover {
  background: #1a2259;
  color: #fff;
}



.encase-title {
  font-size: 0.6rem;
  color: #1a2259;
  margin-bottom: 0.6rem;
  position: relative;
}


.encase-title:before {
  content: '';
  position: absolute;
  width: calc(100% - 5rem);
  right: 0;
  background: #d0d8d7;
  height: 1px;
  top: 0.15rem;
}

.encase-title:after {
  content: '';
  position: absolute;
  width: calc(100% - 5rem);
  right: 0;
  background: #d0d8d7;
  height: 1px;
  bottom: 0.15rem;
}



.encase-wrap .encase-list li {
  width: 18.96%;
  height: 2.4rem;
  margin: 0 1.3% 1.3% 0;
  box-sizing: border-box;
  border: 1px solid #e7ebeb;
  border-radius: 8px;
  transition: all 0.3s ease 0s;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media(max-width: 767px) {
  .encase-wrap .encase-list li {
    height: 1.5rem;
  }
}

.encase-wrap .encase-list li:nth-child(5n) {
  margin-right: 0;
}

.encase-wrap .encase-list li img {
  max-width: 98%;
}

/*.encase-wrap .encase-list li .h_img{
    display: block;
}
*/
.encase-wrap .encase-list li .h_img {
  display: none;
}

.encase-wrap .encase-list li:hover {
  border: 1px solid #1a2259;
}

/*.encase-wrap .encase-list li:hover img{
     filter: grayscale(100%) brightness(200%);
}
*/
.en_loadmore {
  color: #1a2259;
  padding: 0 0.3rem;
  display: inline-block;
  border-bottom: 1px solid #1a2259;
  margin-top: 0.75rem;
  cursor: pointer;
  padding-bottom: 0.2rem;
}

.encase-wrap .encase-box {
  margin-bottom: 2rem;
}


.encase-wrap .encase-box:last-child {
  margin-bottom: 0;
}

.encase-wrap .case-list li {
  width: 31.4%;
  margin: 0 2.9% 2.9% 0;

}

.encase-wrap .case-list li .hoverimg {
  width: 100%;
  position: relative;
  padding-bottom: 60.27%;
}

.encase-wrap .case-list li .hoverimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.encase-wrap .case-list li p {
  height: 1.4rem;
  box-sizing: border-box;
  border: 1px solid #e7ebeb;
  line-height: 1.4rem;
  color: #1a2259;
  padding: 0 0.7rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  
  font-weight: bold;
}

.encase-wrap .case-list li:nth-child(3n) {
  margin-right: 0;
}



.enhonor-wrap {
  padding: 1rem 0 1.5rem;
}


.enhonor-wrap .engineer_banner-box {
  width: 100%;
  height: 8rem;
  box-sizing: border-box;
  color: #fff;
  padding: 2rem 0 0 1.75rem;
}

.enhonor-wrap .engineer_banner-box h1 {
  font-size: 1.5rem;
}

.enhonor-wrap .engineer_banner-box h2 {
  font-size: 1.2rem;
  margin-bottom: 0.45rem;
}



.enhonor-wrap .enhonor-box {
  padding-top: 1rem;
  margin-top: 0.5rem;
}

.enhonor-wrap .enhonor-box:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #f0f2f4;
  top: 0;
  left: 0;
  height: 15.5rem;
}

.enhonor-wrap .enhonor-swiper {
  width: 100%;
  padding: 4rem 0 4rem 1.5rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide {
  transition: all 0.3s ease 0s;
  transform: scale(0.5);
  position: relative;
}

.enhonor-wrap .enhonor-swiper .swiper-slide:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../../web/img/enhonor_back.png')no-repeat center center;
  background-size: 100%;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.enhonor-wrap .enhonor-swiper .swiper-slide img {
  width: 100%;
}

.enhonor-wrap .enhonor-swiper .swiper-slide .img {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide-active {
  transform: scale(1.4);
}

.enhonor-wrap .enhonor-swiper .swiper-slide-active .img {
  padding: 0.5rem 1.25rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide.translate1 {
  transform: scale(0.55)translateX(1rem);
}

.enhonor-wrap .enhonor-swiper .swiper-slide.translate2 {
  transform: scale(0.55)translateX(-5.5rem);
}

.enhonor-wrap .enhonor-next {
  width: 1.1rem;
  height: 2.225rem;
  background: url('../../web/img/honor-next.png')no-repeat center center;
  background-size: contain;
  top: 17%;
  right: 17%;
  transition: all 0.3s ease 0s;
}

.enhonor-wrap .enhonor-prev {
  width: 1.1rem;
  height: 2.225rem;
  background: url('../../web/img/honor-prev.png')no-repeat center center;
  background-size: contain;
  top: 17%;
  left: 61%;
  transition: all 0.3s ease 0s;
}

.enhonor-wrap .img-bot {
  left: 49%;
  bottom: 15%;
}

.enhonor-wrap .img-bot .bot_swiper {
  width: 100%;
}

.enhonor-wrap .img-bot .bot_swiper .swiper-slide {
  width: 100%;
}

.enhonor-wrap .img-bot .t {
  font-size: 0.5rem;
  margin-bottom: 0.25rem;
}

.enhonor-wrap .img-bot p {
  color: #666;
  font-size: 0.35rem;
}

.enhonor-wrap .page-box {
  right: 21%;
  top: 18%;
  display: flex;
  z-index: 10;
}

.enhonor-wrap .page-box .page-now {
  font-size: 1.2rem;
  color: #3c4372;
  transform: translate(-0.25rem);
}

.enhonor-wrap .page-box .page-all {
  font-size: 0.5rem;
  color: #a3a4a6;
  transform: translate(0.2rem, 1.5rem);
}


.enproduct-wrap {
  padding: 0.75rem 0 3rem;
}

.enproduct-wrap .enproduct-swiper {
  margin-bottom: 0.75rem;
}

.enproduct-wrap .enproduct-swiper .swiper-slide {
  width: 4.6rem;
  height: 1.15rem;
  text-align: center;
  line-height: 1.15rem;
  text-align: center;
  background: #f5f5f5;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  cursor: pointer;
  margin-right: 0.25rem;
}

.enproduct-wrap .enproduct-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.enproduct-wrap .enproduct-swiper .swiper-slide:hover {
  background: #1a2259;
  color: #fff;
}

.enproduct-wrap .enproduct-swiper .swiper-slide.cur {
  background: #1a2259;
  color: #fff;
}


.enproduct-wrap .enproduct_list li {
  width: 31.4%;
  margin: 0 2.9% 2.9% 0;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.enproduct-wrap .enproduct_list li:nth-child(3n) {
  margin-right: 0;
}

.enproduct-wrap .enproduct_list li .hoverimg {
  width: 100%;
  height: 5.5rem;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enproduct-wrap .enproduct_list .hoverimg img {
  max-height: 80%;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.enproduct-wrap .enproduct_list .item-bot {
  height: 1.9rem;
  box-sizing: border-box;
  padding: 0.4rem 0.65rem 0;
}


.enproduct-wrap .enproduct_list .item-bot .t {
  color: #1a2259;
  margin-bottom: 0.1rem;
}

.enproduct-wrap .enproduct_list .item-bot p {
  font-size: 12px;
  color: #999;
}


.endetail-wrap {
  padding: 0.75rem 0 2.4rem;
}

.endetail-wrap .endetail-top {
  margin-bottom: 0.6rem;
}

.endetail-wrap .endetail-top .title-con {
  background: #f5f5f5;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box;
  padding: 0.6rem 0.9rem;
}


.endetail-wrap .title-con .title-t {
  color: #1a2259;
  font-size: 0.6rem;
  margin-bottom: 0.6rem;
}

.endetail-wrap .title-con .con-t {
  color: #666;
  line-height: 1.5;
}

.endetail-wrap .title-con .back {
  display: inline-block;
  width: 3rem;
  height: 0.95rem;
  text-align: center;
  line-height: 0.95rem;
  font-size: 12px;
  color: #fff;
  background: #3c4372;
  border: 1px solid #e1e1e1;
  right: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
}


.endetail-wrap .endetail-top .bot-t {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.35rem;
  box-sizing: border-box;
  padding: 0 .9rem;
  border-bottom: 1px solid #d6d6d6;
}

.endetail-wrap .endetail-top .bot-t span {
  opacity: 0.5;
  margin-right: 0.75rem;
}

.endetail-wrap .endetail-top .bot-t .span {
  opacity: 1;
}


.endetail-wrap .endetail-show {
  width: 100%;
  height: 14rem;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.35rem;
}

.endetail-wrap .endetail-show img {
  max-height: 81.8%;
  box-shadow: 0 1px 10px 0 rgba(32, 33, 36, .28);
}

.endetail-wrap .main-con {
  margin-top: 1rem;
}

.endetail-wrap .main-con .main_title {
  height: 2.25rem;
  line-height: 2.25rem;
  border-top: 1px solid #d6d6d6;
  font-size: 0.75rem;
  color: #1a2259;
  position: relative;
}

.endetail-wrap .main-con .main_title:before {
  content: '';
  position: absolute;
  width: 3rem;
  height: 4px;
  background: #1a2259;
  left: 0;
  top: -1px;
}



.endetail-wrap .main-con .con {
  color: #666;
}

.endetail-wrap .main-con .con h3 {
  font-size: 0.6rem;
  margin-bottom: 0.25rem;
}

.endetail-wrap .main-con .con p {

  line-height: 2.25;
}




.encontact-wrap {
  padding: 0.75rem 0 1.5rem;
}


.encontact-wrap .encase-title {
  margin-bottom: 1rem;
}

.encontact-wrap .encase-title:before {
  width: calc(100% - 6rem);
}

.encontact-wrap .encase-title:after {
  width: calc(100% - 6rem);
}


.encontact-wrap .encontact_list li {
  width: 31.8%;
  height: 4rem;
  margin: 0 2.3% 2.3% 0;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.65rem 0.65rem 0;
}

.encontact-wrap .encontact_list li:nth-child(3n) {
  margin-right: 0;
}

.encontact-wrap .encontact_list li .name {
  color: #1a2259;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.encontact-wrap .encontact_list li .position {
  font-size: 0.35rem;
  margin-bottom: 0.3rem;
  font-weight: bold;
}

.encontact-wrap .encontact_list li .tel {
  color: #666;
  font-size: 0.35rem;

}

.encontact-wrap .encontact_list li .tel span {
  font-size: 0.45rem;
}



.enjoin-wrap {
  padding: 0.75rem 0 4.25rem;
}


.enjoin-wrap .enjoin-tab {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.enjoin-wrap .human-tab {
  width: 48.3%;
}

.enjoin-wrap .enjoin-tab .enjoin-con {
  width: 10.75rem;
  height: 2.6rem;
  background: url('../../web/img/enjoin-img.jpg')no-repeat center center;
  background-size: cover;
  color: #fff;
  box-sizing: border-box;
  padding: 0.6rem 0.7rem 0;
}



.enjoin-wrap .enjoin-tab .enjoin-con h3 {
  font-size: 0.6rem;
  margin-bottom: 0.25rem;
}

.enjoin-wrap .enjoin-tab .enjoin-con p {
  font-size: 0.35rem;
}

.enjoin-wrap .enjoin-tab .enjoin-con p span:first-child {
  margin-right: 0.25rem;
}

.enjoin-wrap .enjoin_list li {
  width: 100%;
  height: auto;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.45rem 0.75rem 0.4rem;
  margin-bottom: 0.25rem;
  line-height: 2;
}

.enjoin-wrap .enjoin_list li .con-t {
  letter-spacing: 2px;
}

.enjoin-wrap .enjoin_list li .t {
  font-size: 0.45rem;
  font-weight: bold;
  color: #1a2259;
  margin-bottom: 0.3rem;
}

.enjoin-wrap .enjoin_list li .con-t span {
  font-size: 0.35rem;
  color: #999;
}

.enjoin-wrap .enjoin_list li .con-t .span {
  color: #333;
}

.enjoin-wrap .enjoin_list li .con-t .line {
  margin: 0 0.2rem;
}

@media(max-width: 767px) {
  .enjoin-wrap .enjoin_list li .con-t .line {
    margin: 0 0.05rem;
  }
  .inselect-wrap .img-box .img-item:first-child{
    margin-bottom: 0.15rem;
  }
}


.inbanner .icon_down {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 3;

  animation: scrollAni 1.5s linear infinite;
}

@media(max-width: 1024px) {
  .inbanner .icon_down {
    display: none;
  }
  .inselect-wrap{
    padding-bottom: 1rem;
  }
}

@keyframes scrollAni {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(.3rem);
    opacity: 0;
  }
}


.m-inselect-wrap {
  display: none;
}

.imgspc{
  width: 100%;
  /* height: 100%; */
  /* object-fit: v; */
  position: relative;
  background-color: #000;
}

.mb{
  display: none;
}
@media(max-width: 996px) {
  .mb{
    display: block;
  }
  .tran-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
 
}
.play{
  width: 40px !important;
  cursor: pointer;
  z-index: 233;
}

.vidcontainer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  cursor: pointer;
  z-index: 999;
}

.vidcontainer .video-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
}

.vidcontainer .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
}

.vidcontainer .closevid {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../img/close-vid2.png");
  background-size: .35rem;
  border: 1px solid #fff;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: -2.5rem;
  cursor: pointer;
  transition: all .3s;
}

.vidcontainer video {
  width: 100%;
  outline: none;
}

@media (max-width: 767px) {
  .vidcontainer .closevid {
    width: .6rem;
    height: .6rem;
    top: -1rem;
    right: 0;
  }

  .vidcontainer .video-dialog {
    width: 90%;
  }
}
@media (min-width: 1025px) {
  .vidcontainer .closevid:hover {
    transform: rotate(90deg);
  }
}
.play-btn {
  width: 2rem;
  cursor: pointer;
}


.sond{
  position: absolute;
  z-index: 999;
  bottom: 2rem;
  right: 1rem;
  cursor: pointer;
}
.sond .icon2{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.sond.on .icon1{
  opacity: 0;
}
.sond.on .icon2{
  opacity: 1;

}