/* 首页 start */
/* @font-face {
  font-family: "impact"; 
  src: url('../fonts/SourceHanSerifCN-Bold.woff') format('woff'),
} */

@font-face {
  font-family: "simsunbd"; /* Project id 3812061 */
  src: url('../fonts/SourceHanSerifCN-Bold.woff') format('woff'),
}
@font-face {
  font-family: "siyuan"; /* Project id 3812061 */
  src: url('../fonts/SourceHanSerifCN-Heavy-4.otf')
}
html,
body {
  /* min-width: 1200px; */
  overflow-x: auto;
}
.index-body{
  height:100vh;
}

.about_body .processes_now,.about_body .processes li{
  font-family: impact;
}

* {
  touch-action: pan-y;
}

body::-webkit-scrollbar {
  display: none;
}

.nav_tools a:hover{
  color:#0038CA;
}

.inner {
  margin: 0 auto;
  width: 82%;
  max-width: 1600px;
}

.position_a {
  position: absolute;
}

.position_r {
  position: relative;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img {
  max-width:100%;
}

.bg_red {
  background-color: #B6000C;
  color: #fff !important;
}

.color_red {
  color: #B6000C;
}

.one_row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.two_row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.flex-center{
  display:flex!important;
  justify-content: center;
  align-items: center;
  background:#ECEFF2;
  flex:0 0 auto;
}

.flex-center img{
  max-width: 100%;
  max-height:100%;
}

.nav_father {
  height: 146px;
}

header.index_header {
  position: fixed;
  z-index: 200;
  height: 140px;
  width: 100%;
  transition: all ease .3s;
  background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));
}
header.other_header{
  position: fixed;
  z-index: 9999;
  height: 140px;
  width: 100%;
  background:rgba(255, 255, 255, 0.95);
  border-bottom:1px solid #eee;
}

.other_header .nav_tools ul li>a{
  color:#333;
}
.other_header .index_nav ul li>a{
  color:#333;
}
.other_header .index_nav ul li>a:hover{
  color:#E2332E;
}

.nav_tools {
  position: relative;
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
}

.nav_tools_sub_line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.95);
  transform: scaleY(0.5);
  opacity: 0.3;
}

.nav_tools .inner {
  display: flex;
  justify-content: space-between;
  height: 42px;
  line-height: 42px;
}

.nav_tools li {
  float: left;
}
.nav_tools li:last-child{
  padding-right:0px;
}


.nav_tools li a {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 0 15px;
  border-right: 1px solid rgba(255,255,255,.3);
}

.nav_tools .outlinks li:first-child a {
  padding-left: 0;
}

.nav_tools .outlinks li:last-child a {
  padding-right: 0;
  border-right: 0;
}

.nav_tools .links li:first-child a {
  padding-left: 0;
}
.nav_tools .links li:first-child a:hover{
  color:#E2332E;
}

.nav_tools .links li:last-child a {
  padding-right: 0;
  border-right: 0;
}

.nav_tools_icon {
  vertical-align: middle;
  font-size: 22px;
  margin-right: 10px;
}
.icon-jingdongicon{
  font-size:18px;
}

.index_nav {
  display: flex;
  justify-content: space-between;
  height: 100px;
}

.index_nav .logo {
  width: 329px;
}


.index_nav ul li {
  float: left;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  position: relative;
}

.nav_icon {
  font-size: 16px;
}

.index_nav ul .search {
  margin-left: 30px;
  line-height: 100px;
}

.crc-sub-search-mask {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.other_header .crc-sub-search-mask{
  color:#0E318D;
  transition: all ease .3s;
}
.other_header .crc-sub-search-mask:hover{
  color:#1C5ADD;
}

.crc-search-content {
  position: absolute;
  right: 0px;
  bottom: -80px;
  display: none;
  width: 726px;
  height: 60px;
  border-bottom: 1px solid #666666;
  line-height: 60px;
  transform: translate(-60%,0) ;
}

.crc-search-content #searchword2 {
  vertical-align: bottom;
}

#searchword2 {
  width: 695px;
  height: 55px;
  border: none;
  padding: 0px 10px 0px 10px;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  font-weight: 400;
}

.hr-search-href.icon-sousuo {
  color: #1C5ADD !important;
  font-size: 20px;
  line-height: 55px;
}


.index_nav li:last-child {
  margin-right: 0;
}

.nav_tools ul li>a {
  color: #ffffff;
}

.index_nav ul li>a {
  padding: 0 1.5vw;
  line-height: 95px;
  font-size: 16px;
  font-weight:normal;
  display: block;
  color: #ffffff;
  position: relative;
}
.index_header_hover .index_nav ul li>a{
  color:#333;
}
.index_header_hover .index_nav ul li>a:hover{
  color: #E2332E;
}

.nav_hover_bottom_line {
  width: 100%;
  height: 3px;
  display: block;
  opacity: 0;
  bottom: 0;
  position: relative;
  background-color: #E2332E;
}

.index_nav ul li>a.active_hover .nav_hover_bottom_line {
  opacity: 1;
}
.index_nav ul li:hover>a .nav_hover_bottom_line {
  opacity: 1;
}


header.index_header_hover {
  background: rgba(255, 255, 255, 0.95);
  border-bottom:1px solid #eee;
}

.index_header_hover .nav_tools ul li>a  {
  color: #333333;
}
.index_header_hover .nav_tools ul li>a:hover{
  color:#E2332E;
}
.index_header_hover .logo a {
  color: #E2332E !important;
}

.index_header_hover .crc-sub-search-mask {
  color: #0E318D;
}

.index_header_hover ul li.bread {
  color: #333333;
  border-color: #333333;
}


.index_header_hover .search:hover .crc-sub-search-mask {
  color: #0E318D;
}

.crc-sub-search-click.index_header {
  height: 140px;
}

.crc-sub-search-click.index_header::after,.crc-sub-search-click.other_header::after {
  content: '';
  position: absolute;
  height: 120px;
  width: 100%;
  left: 0;
  bottom: -120px;
  background: rgba(255, 255, 255, 0.95);
  z-index: -1;
}

.index_header_hover .bread:hover {
  color: #0E318D;
  border-color: #0E318D !important;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide {
  width: 100%;
  height:100%;
}
.index_banner{
  height:100%;
}
.banner-mob,.other-mob-banner{
  width:100%;
  height:100%;
  display:none;
}
.catlog-nav{
  display:none;
}
.index_banner .swiper-pagination-progressbar {
  height: 1px;
  top: unset;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  background-color: rgba(255, 255, 255, 0.4);
}

.index_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

.index_banner img {
  width: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.index_banner .swiper-slide-active {
  z-index: 10;
}

.index_banner .learn_more {
  top:45%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 2;

}
.index_nav .header_logo{
  width:330px;
  height:66px;
  background:url(../image/fj-pub-logo-white.png) no-repeat center center;
  background-size:100% auto;
  display:block;
  margin-top:25px;
}
.index_header_hover .index_nav .header_logo{
  background:url(../image/fj-pub-logo-red.png) no-repeat center center;
  background-size:100% auto;
}
.index_banner_relation {
  position: relative;
  left: -10px;
  width: 80px;
  height: 180px;
  background: url(../image/index-banner-investor.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: all ease .3s;
}
.index_banner_relation:hover{
  opacity: .8;
}

.index_banner .help {
  width: 70px;
  height: 160px;
  margin-right: 24px;
  background: url(../image/fj-index-banner-more-right-pic.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.index_banner .help img {
  width: 100%;
}

.index_banner .help .phone_number {
  position: absolute;
  top: 47px;
  left: 20px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 23px;
  color: red;
  background-color: #F8F8F8;
  text-align: center;
  line-height: 30px;
  opacity: 0;
  transition: all ease .3s;
  border-radius:5px;
}

.index_banner .help .phone_number .show_number {
  position: absolute;
  right: 302%;
  top: -28px;
  width: 268px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px #020F2A;
  text-align: left;
  padding: 16px 44px 20px 16px;
  border-radius:5px;
  display: none;
}

.index_banner .help .phone_number .show_number::before {
  position: absolute;
  right: -40px;
  top: 45px;
  content: '';
  border: 20px solid;
  border-color: transparent transparent transparent #F5F5F5;
}

.index_banner .help .phone_number .show_number::after {
  position: absolute;
  right: -39px;
  top: 45px;
  content: '';
  border: 20px solid red;
  border-color: transparent transparent transparent #fff;
}

.index_banner .help .phone_number .show_number .number_title {
  font-size: 16px;
  color: #000000;
}

.index_banner .help .phone_number .show_number .number_time {
  margin-top: 14px;
  font-size: 12px;
  color: #999999;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8E8E8;
}

.index_banner .help .phone_number .show_number .number_time span {
  font-weight: 700;
}

.index_banner .help .phone_number .show_number .number {
  margin-top: 16px;
  font-family: Impact;
  letter-spacing: 1px;
  font-size: 18px;
  color: #0E318D;
}

.index_banner .help .phone_number:hover {
  opacity: 1;
}

.index_banner .help .phone_number:hover .show_number {
  display: block;
}

.index_banner .help .qrcode {
  position: absolute;
  top: 96px;
  left: 20px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 23px;
  color: red;
  background-color: #F8F8F8;
  text-align: center;
  opacity: 0;
  line-height: 30px;
  transition: all ease .3s;
}

.index_banner .help .qrcode .show_code {
  position: absolute;
  right: 302%;
  top: -28px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px #020F2A;
  text-align: left;
  padding: 20px;
  text-align: center;
  border-radius:5px;
  display: none;
}

.index_banner .help .qrcode .show_code::before {
  position: absolute;
  right: -40px;
  top: 45px;
  content: '';
  border: 20px solid;
  border-color: transparent transparent transparent #F5F5F5;
}

.index_banner .help .qrcode .show_code::after {
  position: absolute;
  right: -39px;
  top: 45px;
  content: '';
  border: 20px solid red;
  border-color: transparent transparent transparent #fff;
}

.index_banner .help .qrcode .show_code .code_pic {
  width: 167px;
  height: 167px;
  margin: 0 auto;
}

.index_banner .help .qrcode .show_code .code_title {
  margin-top: 15px;
  font-size: 14px;
  color: #000000;
}


.index_banner .help .qrcode:hover {
  opacity: 1;
}

.index_banner .help .qrcode:hover .show_code {
  display: block;
}

/* index_body start */

/* 首页关于我们start */
.scroll {
  position: fixed;
  left: 0%;
  top: 100%;
  bottom: 0;
  right: 0;
  background: #fff;
  transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
  z-index: 99;
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
}

.scrollact_1 {
  top: 0px;
}

.floor_1 {
  padding-top: 140px;
}

.index_body .floor_1 .inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-between;
  padding: 57px 0 300px 0;
  background: url(../image/fj-index-about-bg.png)no-repeat center bottom;
  background-size: 1270px auto;
}


.index_title {
  font-weight: bold;
  color: #000000;
  font-size: 40px;
  font-family: simsunbd!important;
}

.index_title::before {
  position: absolute;
  bottom: -20px;
  content: '';
  display: block;
  width: 68px;
  height: 4px;
  background-color: #E2332E
}

.index_desc {
  margin-top: 72px;
  width: 31.5vw;
  height: 136px;
  font-size: 14px;
  color: #666;
  line-height: 34px;
  padding-right: 36px;
  overflow:hidden;
}

.index_more {
  margin: 65px 0 20px 0;
  padding-bottom: 21px;
  padding-left: 80px;
  width: 150px;
  color: #1B2554;
  overflow: hidden;
}

.index_more::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #1B2554;
  transition: all 0.3s;
}
.swiper-slide-active .index_more::after{
  background-color: #fff;
}

.index_more::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #1B2554;
  transform: translateX(-101%);
  transition: all 0.3s;
}


.index_more a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0E318D;
  white-space: nowrap;
}

.letter {
  display: inline-block;
  margin-top: 0.5em;
  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
}
.mCSB_scrollTools .mCSB_draggerRail{
}

.index_more .learn_more_arrow_icon {
  position: absolute;
  top: -3px;
  left: 0;
  width: 48px;
  height: 48px;
  font-size: 12px;
  color: #0E318D;
  transition: all .5s;
  transform: scale(0.8);
}

.index_more .learn_more_arrow_icon_hover {
  position: absolute;
  left: -30px;
  top: 45px;
  width: 48px;
  height: 48px;
  transform: rotate(-45deg);
  font-size: 12px;
  transition: all .5s;
}

.index_more:hover .learn_more_arrow_icon {
  opacity: 0;
}

.index_more:hover .learn_more_arrow_icon_hover {
  top: 0;
  left: 0;
}

.index_more:hover::after {
  transform: translateX(101%);
}

.index_more:hover::before {
  transform: translateX(0);
}

.index_more:hover .letter {
  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) 1 alternate;
  transform: translate3d(0, 0, 0);
}

.index_more:hover .letter:nth-child(1) {
  animation-delay: 0s;
}

.index_more:hover .letter:nth-child(2) {
  animation-delay: 0.3s;
}

.index_more:hover .letter:nth-child(3) {
  animation-delay: 0.6s;
}

.index_more:hover .letter:nth-child(4) {
  animation-delay: 0.9s;
}



@keyframes bounce {
  0% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }

  100% {
    transform: translate3d(0, 0em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}

@keyframes bounce {
  0% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }

  100% {
    transform: translate3d(0, 0em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}

.floor_1 .left_article {
  top: 350px;
  opacity: 0;
  transition: all 1.5s;
}

.floor_1 .right_video {
  top: -350px;
  opacity: 0;
  transition: all 1.5s;
}


.scrollact_1 .left_article {
  top: 0;
  opacity: 1;
}

.scrollact_1 .right_video {
  top: 0;
  opacity: 1;
}

.right_video {
  width: 41.7vw;
  height: 26.5vw;
}

.right_video video {
  width: 100%;
  object-fit: fill;
  height: 100%;
}
.news-flex-href{
  display:flex;
  width:92%;
}
.right_video .mask {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../image/index-video-dots.png);
  background-size: cover;
  display:none;
}

.right_video .mask .play_btn {
  width: 96px;
  height: 96px;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: url(../image/fj-index-about-video-btn-play.png)no-repeat center center;
  background-size: cover;

}

/* 首页关于我们end */

/* 首页产品博览start */
.floor_2 {
  padding-top: 100px;
}

.index_products {
  position: relative;
  padding-bottom: 127px;
}

.index_products_bg_swiper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.index_products_bg_swiper img {
  height: 100%;
}

.floor_2 .hd {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.floor_2 .index_more {
  margin-top: 20px;

}

.floor_2 .bd .swiper_products {
  margin: 60px auto 0;
  width: 913px;
  height: 580px;
  padding: 7px;
  background-color: #fff;
  overflow: hidden;
}


.floor_2 .bd .swiper_products .swiper-container {
  transition: all 1s;
  transform: translateY(-50px);
  opacity: 0;
}

.swiper-container_act {
  transform: unset !important;
  opacity: 1 !important;
}

.floor_2 .bd .swiper-wrapper .slide_left {
  position: relative;
  width: 50%;
  height: 100%;
  padding: 158px 60px 0 56px;
  background-size: cover;
}

.floor_2 .bd .swiper-wrapper .slide_left .product_title {
  color: #0E318D;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
}

.floor_2 .bd .swiper-wrapper .slide_left .product_desc {
  margin-top: 35px;
  font-size: 14px;
  letter-spacing: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.slide_item1 .product_title {
  color: #0E318D !important;
}

.slide_item1 .iconfont {
  color: #0E318D !important;
}

.slide_item1 .slide_left {
  background: linear-gradient(270deg, #F5F7FF 0%, rgba(243, 246, 255, 0) 100%);
}

.slide_item1 .product_desc {
  color: #000000;
}

.slide_item1 .index_more a {
  color: #0E318D;
}

.slide_item1 .index_more::after,
.slide_item1 .index_more::before {
  background-color: #0E318D;
}

.products_pic_slide_item1 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 283px;
  height: 200px;
}

.slide_item2 .product_title {
  color: #A0775D !important;
}

.slide_item2 .iconfont {
  color: #A0775D !important;
}

.slide_item2 .slide_left {
  background: linear-gradient(270deg, #F1F7F0 0%, #C5DAC9 100%);
}

.slide_item2 .product_desc {
  color: #000000;
}

.slide_item2 .index_more a {
  color: #A0775D;
}

.slide_item2 .index_more::after,
.slide_item2 .index_more::before {
  background-color: #A0775D;
}


.slide_item3 .product_title {
  color: #B62F62 !important;
}

.slide_item3 .iconfont {
  color: #B62F62 !important;
}

.slide_item3 .slide_left {
  background: linear-gradient(270deg, #615D55 0%, #2A2A2A 40%, #141213 100%);
}

.slide_item3 .product_desc {
  color: #FFFFFF;
}

.slide_item3 .index_more a {
  color: #B62F62;
}

.slide_item3 .index_more::after,
.slide_item3 .index_more::before {
  background-color: #B62F62;
}



.slide_item4 .product_title {
  color: #FBE901 !important;
}

.slide_item4 .iconfont {
  color: #FBE901 !important;
}

.slide_item4 .slide_left {
  background: linear-gradient(270deg, #D6464A 0%, #8E2528 49%, #6C1415 100%);
}

.slide_item4 .product_desc {
  color: #FFFFFF;
}

.slide_item4 .index_more a {
  color: #FBE901;

}

.slide_item4 .index_more::after,
.slide_item4 .index_more::before {
  background-color: #FBE901;
}


.slide_item5 .product_title {
  color: #FBE901 !important;
}

.slide_item5 .iconfont {
  color: #FBE901 !important;
}

.slide_item5 .slide_left {
  background: linear-gradient(270deg, #FFEBCF 0%, #9B5333 61%, #673721 100%);
}

.slide_item5 .product_desc {
  color: #FFFFFF;
}

.slide_item5 .index_more a {
  color: #FBE901;

}

.slide_item5 .index_more::after,
.slide_item5 .index_more::before {
  background-color: #FBE901;
}

.products_pic_slide_item5 {
  width: 240px;
  height: 232px;
}



.floor_2 .bd .swiper-wrapper .slide_left .index_more {
  margin-top: 61px;
}

.floor_2 .bd .swiper-wrapper .slide_right {
  width: 50%;
  height: 100%;
  background: #FFFFFF;
}



.floor_2 .bd .swiper-button-prev {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid #0E318D;
  color: #0E318D;
  font-size: 12px;
  line-height: 75px;
  text-align: center;
  transition: all 0.5s;
  background: unset;
  transform: rotateY(180deg);
}

.floor_2 .bd .swiper-button-next {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid #0E318D;
  color: #0E318D;
  font-size: 12px;
  line-height: 75px;
  text-align: center;
  transition: all 0.5s;
  background: unset;
}

.floor_2 .bd .swiper-button-prev:hover .index_news_detail_hover {
  position: absolute;
  transform: scale(1);
  background-color: #0E318D;
  color: #fff;
  opacity: 1;
}

.floor_2 .bd .swiper-button-next:hover .index_news_detail_hover {
  position: absolute;
  transform: scale(1);
  background-color: #0E318D;
  color: #fff;
  opacity: 1;
}

.floor_2 .swiper-pagination-progressbar {
  height: 3px;
  top: unset;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  background-color: rgba(255, 255, 255, 0.4);
}

.floor_2 .swiper-pagination-progressbar-fill {
  background-color: #E2332E;
}

.floor_2 .swiper-button-prev.swiper-button-disabled {
  background: url(../image/fj-pub-scroll-btn01-back-gray.png) no-repeat center center;
  background-size: cover;
}

.floor_2 .swiper-button-next.swiper-button-disabled {
  background: url(../image/fj-pub-scroll-btn01-next-gray.png) no-repeat center center;
  background-size: cover;
}
.swiper-button-next,.swiper-button-prev{
  transition: all ease .3s;
}

/* 首页产品博览end */


/* 首页新闻中心start */
.floor_2 .index_news {
  margin-top: 60px;
}

.news {
  padding-bottom: 0px;
}

.floor_2 .index_news .latest_news {
  display: flex;
}

.floor_2 .index_news .latest_news .index_news_pic {
  height: 22vw;
  width: 33.3vw;
  transition: all 1.5s;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #EFF3F7;
  flex:0 0 auto;
}

.index_news_pic img {
  width: auto;
  height: 100%;
}

.floor_2 .index_news .latest_news .index_news_pic {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #EFF3F7;
  flex:0 0 auto;
}

.floor_2 .index_news .latest_news .index_news_pic_act img{
  width:auto;
  max-width: 100%;
  max-height: 100%;
  height:auto;
  transition: all ease .3s;
}
.floor_2 .index_news .latest_news .index_news_pic_act img:hover{
  transform:scale(1.1);
}

.floor_2 .index_news .latest_news .index_news_text {
  width: 55vw;
  padding: 2.1vw 0 0 4vw;
  position: relative;
}
.index_mark {
  padding:80px 0px 120px 0px;
}
.res-wrap{
  border:1px solid #e8e8e8;
}



.index_news_text .news_createdTime {
  font-weight: bold;
  color: #999999;
  font-size: 14px;
}

.index_news_text .news_title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.index_news_text .news_desc {
  margin-top: 16px;
  color: #666;
  font-size: 16px;
  line-height: 2;
  height:13vw;
}

.index_news_text .latest_news_detail {
  position: absolute;
  display: block;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid #0E318D;
  color: #0E318D;
  font-size: 12px;
  line-height: 75px;
  text-align: center;
  transition: all ease 0.5s;
  bottom:0px;
}

.index_news_detail_hover {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  position: absolute;
  transition: all .5s;
  opacity: 0;
  transform: scale(0.2);
  left: -1px;
  font-size: 12px;
}



.index_netmarketing_container {
  overflow: visible;

}

.index_netmarketing_swiper_slide {
  margin: 131px 0 141px 0;
}

.index_netmarketing_swiper_slide img {
  width: 100%;
}

.index_news_text:hover .latest_news_detail {
  transform: scale(1.1);
}

.index_news_text:hover .index_news_detail_hover {
  position: absolute;
  transform: scale(1);
  background-color: #0E318D;
  color: #fff;
  opacity: 1;
}

.floor_2 .index_news .news_list {
  margin-top: 80px;
}

.floor_2 .index_news .news_list li {
  margin: 0 40px 40px 0;
  float: left;
  display: flex;
  width: calc(50% - 20px);
  height: 100px;
  border: 1px solid #C1C3CA;
  padding: 25px 0px 25px 25px;
}



.floor_2 .index_news .news_list li:nth-child(n) {
  transition: all 1s;
  transform: translateX(-300px);
  opacity: 0;
}

.floor_2 .index_news .news_list li:nth-child(2n) {
  transition: all 1s;
  margin-right: 0;
  opacity: 0;
  transform: translateX(300px);
}

.floor_2 .index_news .news_list li.news_act {
  transform: unset !important;
  opacity: 1 !important;
}

.floor_2 .index_news .news_list li .news_createdTime {
  text-align: center;
  color: #0E318D;
  width: 70px;
}

.floor_2 .index_news .news_list li .news_createdTime h5 {
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 700;
}

.floor_2 .index_news .news_list li .news_title {
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding: 14px 0 0 19px;
  margin-right: 48px;
  /* 一行行数 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.floor_2 .index_news .news_list li .news_detail {
  margin-top: 20px;
  width: 48px;
  height: 48px;
  font-size: 12px;
  color: #0E318D;
  position: relative;
  right:20px;
}

.floor_2 .index_news .news_list li:hover {
  background-color: #0E318D;
}

.floor_2 .index_news .news_list li:hover .news_createdTime {
  color: #fff;
}

.floor_2 .index_news .news_list li:hover .news_title {
  color: #fff;
}

.floor_2 .index_news .news_list li:hover .news_detail {
  color: #fff;
}

/* 首页新闻中心end */

/* 首页营销网络end */

.floor_2 .bd .shop_list {
  margin-top: 60px;
}

.floor_2 .bd .shop_list li {
  float: left;
  width: calc(100%/3);
  color: #0E318D;
  font-size: 51px;
  font-weight: bold;
  text-align: center;
}



.valScrollAmt-box {
  overflow: hidden;
  width: 20px;
  font-family: impact;
}

.digit-container {
  display: flex;
  flex-direction: column;
  line-height: 28px;
}


.floor_2 .bd .shop_list li:nth-child(3n) {
  margin-right: 0;
}

.floor_2 .bd .shop_list li span,
.floor_2 .bd .shop_list li h5 {
  font-size: 22px;
}

.floor_2 .shop_title {
  margin-top: 13px;
  color: #333333;
}

.floor_2 .index_netmarketing_swiper li {
  position: absolute;
  z-index: 99;
  transition: all ease .3s;
}

.floor_2 .index_netmarketing_swiper li .dot_address {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(226, 51, 46, 0.74);
  cursor:pointer;
}


.floor_2 .index_netmarketing_swiper li.item_0 {
  top: 92px;
  left: 31px;
}

.floor_2 .index_netmarketing_swiper li.item_1 {
  top: 33px;
  left: 511px;
}

.floor_2 .index_netmarketing_swiper li.item_2 {
  top: 96px;
  left: 799px;
}

.floor_2 .index_netmarketing_swiper li.item_3 {
  top: 81px;
  left: 895px;
}

.floor_2 .index_netmarketing_swiper li.item_4 {
  top: 241px;
  left: 1024px;
}

.floor_2 .index_netmarketing_swiper li.active .dot_address {
  position: absolute;
  transform: translate(-42%, -42%);
  width: 98px;
  height: 98px;
  border-radius: 50%;
  background: rgba(226, 51, 46, 0.74);
  text-align: center;
  line-height: 98px;
}

.floor_2 .index_netmarketing_swiper li.active .dot_inner {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}

.floor_2 .index_netmarketing_swiper li.active .dot_inner::after {
  position: absolute;
  left: 8px;
  top: 4px;
  content: '';
  width: 241px;
  border-bottom: 2px solid #E0E0E0;
}

.floor_2 .index_netmarketing_swiper li .map_detail {
  position: absolute;
  top: -30px;
  left: 40px;
  width: 193px;
  font-size: 14px;
  display: none;
  transition: all ease .3s;
  background: rgba(255, 255, 255, 1);
  padding: 10px 20px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  border-radius: 5px;
}

.floor_2 .index_netmarketing_swiper li.active .map_detail {
  display: block;
}

.floor_2 .index_netmarketing_swiper li .map_detail .country {
  font-size: 21px;
  font-weight: bold;
  color: #E2332E;
  line-height: 24px;
  letter-spacing: 2px;
  margin-bottom: 13px;
}

.floor_2 .index_netmarketing_swiper li .map_detail .country_detail {
  line-height: 24px;
  letter-spacing: 2px;
  color: #000000;
}

/* 首页营销网络start */

/* 首页服务支持start */

.index_service {
  background: #EFF3F7 url(../image/fj-fuwu-bg.png) no-repeat center 450px;
  background-size:auto 203px;
  padding-bottom: 80px;
}

.index_service .inner::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  bottom: -140px;
  left: 25px;
  background: url(../image/fj-index-service-bg.png) no-repeat center;
  background-size: contain;
  z-index: -999;
}

.floor_2.index_service .bd {
  display: flex;
  /* flex-wrap: wrap; */
  padding: 100px 43px 0 0px;
  justify-content: space-between;
}

.floor_2.index_service .bd .index_service_swiper {
  margin-top: 73px;
  height: 450px;
  flex: 1;
}

.index_service_swiper .index_more {
  margin-top: 32px;
}

.index_service_swiper_slide_pic {
  margin-top: 30px;
  width: 240px;
}

.index_service_swiper .service_name {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  letter-spacing: 4px;
}

.index_service_swiper .service_desc {
  width: 80%;
  margin-top: 25px;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
  letter-spacing: 1px;
  /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis */
}

.index_service_swiper_slide_num {
  margin: 16px 0 40px 0;
  font-size: 36px;
  color: #E2332E;
}

.index_service_swiper .e_mall {
  margin-top: 80px;
}

.index_service_swiper .e_mall li {
  float: left;
  margin-right: 40px;
}

.index_service_swiper .e_mall li:nth-child(3n) {
  margin-right: 0;
}

.index_service_swiper .e_mall .icon_pic {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #FFFFFF;
  text-align: center;
  line-height: 88px;
  font-size: 40px;
  border: none;
  color: red;
}



.index_service_swiper .e_mall .icon_name {
  margin-top: 15px;
  font-size: 12px;
  color: #000000;
  line-height: 26px;
  letter-spacing: 1px;
  text-align: center;
}

.index_service .bd .service_list {
  top: 50px;
  left: 30px;
  width: 712px;
  height: 355px;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 2px solid rgba(46, 63, 110, 0.5);
  transform: rotate(-20deg);
}

.index_service .bd .service_list .related_services {
  top: 45%;
  left: 40%;
  transform: rotate(20deg);
  font-size: 19px;
  color: #000000;
  letter-spacing: 4px;
}
.service-pc{
  width:90%;
  margin:0 auto;
}

.index_service .bd .service_list li {
  position: absolute;
  width: 122px;
  height: 121px;
  border-radius: 50%;
  transform: rotate(20deg);
  color: #E2332E;
  font-size: 16px;
  cursor: pointer;
}

@keyframes item2_moveanimX {
  0% {
    left: 302px;
  }

  100% {
    left: 0px;
  }
}

@keyframes item2_moveanimY {
  0% {
    top: -68px;
  }

  100% {
    top: 0px;
  }
}

@keyframes item3_moveanimX {
  0% {
    left: 605px;
  }

  100% {
    left: 302px;
  }
}

@keyframes item3_moveanimY {
  0% {
    top: 40px;
  }

  100% {
    top: -68px;
  }
}

@keyframes item4_moveanimX {
  0% {
    left: 393px;
  }

  100% {
    left: 605px;
  }
}

@keyframes item4_moveanimY {
  0% {
    top: 280px;
  }

  100% {
    top: 40px;
  }
}

@keyframes item5_moveanimX {
  0% {
    left: 63px;
  }

  100% {
    left: 393px;
  }
}

@keyframes item5_moveanimY {
  0% {
    top: 230px;
  }

  100% {
    top: 280px;
  }
}

@keyframes item1_moveanimX {
  0% {
    left: 0;
  }

  100% {
    left: 63px;
  }
}

@keyframes item1_moveanimY {
  0% {
    top: 0;
  }

  100% {
    top: 230px;
  }
}

.index_service_item2_move {
  animation:
    item2_moveanimX 2s cubic-bezier(0.36, 0, 0.64, 1) -.2s forwards,
    item2_moveanimY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s forwards;
}

.index_service_item3_move {
  animation:
    item3_moveanimX 2s cubic-bezier(0.36, 0, 0.64, 1) -.2s forwards,
    item3_moveanimY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s forwards;
}

.index_service_item4_move {
  animation:
    item4_moveanimX 2s cubic-bezier(0.36, 0, 0.64, 1) -.2s forwards,
    item4_moveanimY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s forwards;
}

.index_service_item5_move {
  animation:
    item5_moveanimX 2s cubic-bezier(0.36, 0, 0.64, 1) -.2s forwards,
    item5_moveanimY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s forwards;
}

.index_service_item1_move {
  animation:
    item1_moveanimX 2s cubic-bezier(0.36, 0, 0.64, 1) -.2s forwards,
    item1_moveanimY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s forwards;
}

.index_service .index_service_item1 {
  transition: all .5s;
  left: 0;
  top: 0;
  background: url(../image/fj-index-service-icon-shopping-nor.png) no-repeat center;
  background-size: cover;
}

.index_service_item1_span {
  position: absolute;
  top: -30px;
  left: 30px;
}

.index_service_item1_move .index_service_item1_span{
  top:130px;
}
.index_service_item2_move .index_service_item1_span{

}
.index_service_item3_move .index_service_item1_span{
 
}
.index_service_item4_move .index_service_item1_span{
  top:130px;
}
.index_service_item5_move .index_service_item1_span{
  top:130px;
}



.index_service  .index_service_item2 {
  transition: all .5s;
  top: -68px;
  left: 302px;
  background: url(../image/fj-index-service-icon-tel-nor.png) no-repeat center;
  background-size: cover;
}

.index_service .index_service_item2_span {
  position: absolute;
  top: -30px;
  left: 30px;
}

.index_service  .index_service_item3 {
  transition: all .5s;
  top: 40px;
  left: 605px;
  background: url(../image/fj-index-service-icon-report-nor.png) no-repeat center;
  background-size: cover;
}

.index_service .index_service_item3_span {
  position: absolute;
  bottom: -30px;
  left: 30px;
}

.index_service  .index_service_item4 {
  transition: all .5s;
  top: 280px;
  left: 393px;
  background: url(../image/fj-index-service-icon-service-nor.png) no-repeat center;
  background-size: cover;
}

.index_service .index_service_item4_span {
  position: absolute;
  bottom: -30px;
  left: 30px;
}

.index_service .index_service_item5 {
  transition: all .5s;
  top: 230px;
  left: 63px;
  background: url(../image/fj-index-service-icon-query-nor.png) no-repeat center;
  background-size: cover;
}

.index_service  .index_service_item_span {
  position: absolute;
  bottom: -30px;
  left: 30px;
}

.index_service  .index_service_item1.active {
  background: url(../image/fj-index-service-icon-shopping-sel.png) no-repeat center;
  background-size: cover;
}


.index_service  .index_service_item2.active {
  background: url(../image/fj-index-service-icon-tel-sel.png) no-repeat center;
  background-size: cover;
}

.index_service  .index_service_item3.active {
  background: url(../image/fj-index-service-icon-report-sel.png) no-repeat center;
  background-size: cover;
}

.position-pro-div a:nth-child(5){
  display:none;
}
.quality-span{
  display:block;
  width:100%;
  height:100%;
}
.index_service  .index_service_item4.active {
  background: url(../image/fj-index-service-icon-service-sel.png) no-repeat center;
  background-size: cover;
}

.index_service .index_service_item5.active {
  background: url(../image/fj-index-service-icon-query-sel.png) no-repeat center;
  background-size: cover;
}
.vision-bot-main .swiper-slide-active .wraps .swiper-slide-active{
  background: #0E318D;;
  color:#fff;
}
.products_body_quality_swiper  .swiper-container{
  padding:10px 30px 10px 30px;
}
.swiper-sub-swiper .swiper-slide-active .sub-item,.swiper-bot-swiper .swiper-slide-active .wraps{
  background:#0038CA;
  color:#fff;
}
.swiper-slide-active .quality-href{
   box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.vision-bot-main .swiper-slide-active .wraps div,.swiper-sub-swiper .swiper-slide-active .sub-item *{
  color:#fff;
}
.swiper-container .swiper-disabled{
  opacity: .5;
  cursor:not-allowed;
}
.main-bot-pas  .swiper-pagination-lock{
  display:block;
}

/* 首页服务支持end */
/* 首页底部start */



footer.footer {
  overflow: hidden;
  padding-top: 40px;
  background: #0E318D;
  color: #FFFFFF;
}

footer.footer .inner {
  height: 100%;
  padding-bottom: 200px;
  z-index:100;
}

.footer_move_logo {
  position: absolute;
  z-index: 99;
  width: 400px;
  height: 400px;
  transform-origin: center center;
  transition: all linear .3s;
  transform: translate(-400px);
}
.footer-main{
  position: relative;
}

.footer_move_logo img {
  transition: all 2s ease;
}

.rad_about_honour_circe{
  position: relative;
  width:400px;
  height:400px;
  top:-350px;
  left:200px;
  z-index:1;
}
.mouseleave {
  transform: scale(0);
}

@keyframes footer_move_logo_rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

footer.footer .back_to_top {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2px;
  padding-left: 20px;
  background-color: transparent;
  color: #FFFFFF;
}

footer.footer .back_to_top span {
  top: 5px;
  left: 5px;
}

footer.footer .footer_list {
  display: flex;
  margin-top: 88px;
}

footer.footer .footer_list .footer_logo {
  width: 329px;
  font-size:50px;
  background:url(../image/fj-pub-logo-red.png) no-repeat;
  background-size:cover;
  height:50px;
}


footer.footer .footer_list .contact_details {
  margin-top: 80px;
}

footer.footer .footer_list .contact_details span {
  margin-right: 16px;
}

footer.footer .footer_list .phone {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 28px;
}

.footer_list .phone span {
  font-weight: 400;
}

footer.footer .footer_list .mail {
  margin-top: 20px;
  font-size: 14px;
}

footer.footer .footer_list .address {
  margin-top: 20px;
  font-size: 14px;
}

footer.footer .footer_list .footer_list_right {
  margin-left: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

footer.footer .footer_list .footer_list_right dt {
  margin-bottom: 60px;
  font-size: 21px;
  font-weight:bold;
}

footer.footer .footer_list .footer_list_right dd {
  line-height: 46px;
}

footer.footer .footer_list .footer_list_right a {
  color: #ffffff;
}

footer.footer .footer_list .footer_list_right a:hover{
  color:#E2332E;
}

footer.footer .copy_right {
  bottom: 20px;
  width: 100%;
  text-align: center;
  font-size:14px;
}

footer.footer .copy_right a {
  color: #fff;
}

footer.footer .back_to_top_pic {
  bottom: 43px;
  right: 20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0px 5px rgba(0,0,0,.2);
  line-height: 100px;
  text-align: center;
  background:#E2332E;
}
footer.footer .back_to_top_pic i{
  font-size:20px;
  color:#fff;
}
footer.footer .back_to_top_pic:hover{
  opacity: .8;
}

.header_nav_menu_bar_mask {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 30;
  width:640px;
  height:340px;
  transition:all ease .3s;
  background: rgba(255,255,255,0.95);
  border: 1px solid #E8E8E8;
  margin-left:-260px;
}
.nav-main{
  padding:40px;
}
.nav_menu_left{
  width:280px;
  padding-right:40px;
  border-right:1px solid #e8e8e8;
}
.nav_menu_mask {
  display: flex;
  justify-content: space-between;
}

.header_nav_menu_bar_mask dl {
  float: left;
}

.nav_menu_mask_icon_span {
  font-size: 12px;
  color: #333333;
}

.nav_menu_mask>dl>dt {
  width: 250px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E0E0E0;
}

.nav_menu_mask>dl>dd {
  position: relative;
}

.nav_menu_mask dd dl {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

.nav_menu_mask_father>a {
  font-weight: bold;
  color: #333333;
}

.nav_menu_mask dd {
  margin-bottom: 20px;
}

.nav_menu_mask dd a {
  font-size: 16px;
  color: #000;
  font-weight: normal;
  transition: all ease .3s;
}
.nav_menu_mask dd a:hover{
  color:#E2332E;
}

.nav_menu_mask_pic {
  background:none;
  height:160px;
  margin-bottom: 20px;
}
.nav_menu_right{
  width:280px;
  padding-left:40px;
}

.nav_menu_mask_pic img {
  width: auto;
  height: auto;
  
}

.index_relation_mask {
  position: absolute;
  z-index: 99;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 0px 20px 20px 0px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 1s ease;
  transform: translateX(-200%);
}


.fadeInLeft {
  transform: translateX(0);
}


.index_relation_mask_right_close {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 57px;
  z-index: 999;
  writing-mode: vertical-lr;
  display: flex;
}

.icon-touzizheguanxicedanchuangguanbiicon {
  margin-bottom: 12px;
  font-size: 32px;
}

.index_relation_mask_right_close_icon {
  position: sticky;
  top: 50%;
  cursor:pointer;
  background:url(../image/fj-invest.png) no-repeat;
  width:57px;
  height:120px;
  background-size:cover;
}

.media_matrix_body {
  padding: 71px 0 83px 0;
}

.media_matrix_body li {
  float: left;
}

.media_matrix_pic {
  width: 344px;
  height: 345px;
}

.media_matrix_pic_name {
  margin-top: 23px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}

/* 首页底部end */
/* index_body end */


/* 首页 end */

/* 关于我们 start */

.other_banner {
  height: 400px;
}

.other_banner_slide_pic {
  height:100%;
}

.other_banner img {
  width: 100%;
  height: auto;

}

.other_banner_text {
  position: absolute;
  top: 200px;
  z-index: 999;
}

.other_banner_text_zh {
  font-size: 48px;
  font-weight: 800;
  color: #FFFFFF;
  font-family:siyuan;
}

.other_banner_text_en {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

.inner.aboutUs {
  padding-top: 110px;
  height: 100%;
  background: url(../image/fj-index-about-bg.png) no-repeat center bottom;
  background-size: contain;
}


.title {
  font-size: 40px;
  font-weight: bold;
  color: #0E318D;
  text-align: center;
  position: relative;
  font-family:siyuan;
}

.title::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: #E2332E;
}

.about_body .aboutUs .content .desc {
  margin-top: 80px;
  font-size: 16px;
  color: #666;
  padding-bottom: 312px;
  line-height: 2;
}

.about_body .development_process {
  padding: 72px 0 62px 0;
}

.about_body .event{
  width:45vw;
}

.about_body .event_title {
  font-size: 24px;
  font-weight: 600;
  color: #0E318D;
  line-height: 33px;
  letter-spacing: 1px;
}

.about_body .event_desc {
  font-size: 14px;
  margin-top: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 1.8;
  width:35vw;
  height:150px;
}

.about_body .processes {
  left: 50%;
  bottom: 140px;
  z-index: 999;
  border-bottom: 1px dashed #d9d9d9;
  width:930px;
  margin-left:-465px;
  display: flex;
  justify-content: center;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background:#0E318D;
}

.about_history_swiper {
  height: 700px;
  margin-top: 60px;
}
.about_history_swiper .swiper-container{
  z-index:2;
}

.swiper-buttons {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
  color: rgba(0, 113, 182, .35);
  transform: rotateZ(120deg);
}

.swiper-buttons .back {
  position: relative;
  width: 105px;
  height: 105px;
  border: 2px solid rgba(0, 113, 182, .2);
  border-top: gray;
  border-right: gray;
  border-radius: 50%;
}

.swiper-buttons .back .circle {
  top: -2px;
  width: 53px;
  height: 106px;
  overflow: hidden;
}

.swiper-buttons .back .circle .inner {
  width: 106px;
  height: 106px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-bottom-color: #E2332E;
  border-right-color: #E2332E;
  transform: rotate(-45deg);
  transition: all .2s;
}

.swiper-buttons .back .circle-right {
  left: -2px;
  transform: rotate(180deg);
  transform-origin: 100% 50%;
}

.swiper-buttons span {
  margin-left: 8px;
}

.swiper-buttons .swiper-num {
  font-size: 18px;

}

.swiper-buttons .index {
  margin-left: 0;
  margin-right: 8px;
  color: red;
}

.index_processes_pic {
  width: 100%;
  right: 0;
  bottom: 130px;
  z-index:100;
}

.index_processes_bar {
  position: absolute;
  left: 0px;
  top:420px;
  height: 200px;
  width: 100%;
  background: url(../image/line-nor.png) no-repeat left center;
  background-size: auto 137px;
  z-index: 1;
}

.index_processes_bar_inner {
  transition: all .5s;
  position: absolute;
  height: 100%;
  background: url(../image/line-sel.png) no-repeat left center;
  z-index: -1;
  background-position: 0;
  background-size: auto 137px;
}

.about_body .processes li {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #0E318D;
  cursor: pointer;
  width:160px;
  text-align: center;
  justify-content: center;
  top:50px;
  position: relative;
}

.about_body .processes li::before{
  content:"";
  width: 12px;
  height: 12px;
  background: #0E318D;
  border-radius:50%;
  position: absolute;
  left:46%;
  top:-25px;
}

.about_body .processes li.active {
  color: #E2332E;
  font-weight:bold;
}
.about_body .processes li.active::before{
  background: #E2332E;
}

.about_body .processes_time_pic {
  position: absolute;
  left: 135px;
  bottom: 185px;
  width: 350px;
  display: flex;
  justify-content: space-between;
}

.about_body .processes_time_pic li {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0E318D;
  transition: all 3s;
  display:none;
}

.about_body .processes_time_pic li.processes_sel {
  background: #E2332E;
  display:block;
}

.about_body .processes_time_pic li.processes_sel::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #E2332E;
  opacity: 0.5;
}

.about_body .processes_time_pic .year_dot {
  position: absolute;
  top: 25px;
  left: -10px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
}

.about_body li.processes_sel .year_dot {
  position: absolute;
  top: 62px;
  left: -22px;
  font-size: 24px;
  font-weight: bold;
  color: #E2332E;
}

.about_body .processes_now {
  position: absolute;
  right: 300px;
  top: 170px;
  font-size: 200px;
  font-weight: bold;
  color: #0E318D;
}

.about_body .processes_now_pic {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  top:0px;
  right:0px;
  overflow:hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#f9f9f9;
}
.about_body .processes_now_pic img{
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}

.about_body .honour {
  padding: 54px 0 140px 0;
  overflow:hidden;
}



.about_body .honour>.inner {
  height: 100%;
  overflow: hidden;
}

.about_honour_year_left_swiper {
  height: 400px;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 16%;
  text-align: center;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #EEEEEE;
}

#circle_bar {
  position: absolute;
  left: 0;
  transform: rotateZ(-90deg);
  z-index: 100;
}

.about_honour_year_left_swiper .swiper-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  overflow: unset;
  font-size: 180px;
  font-weight: bold;
  color: #F7F7F7;
  height: 200px;
  line-height: 200px;

}

.about_honour_year_left_swiper .swiper-slide {
  transition: all .5s;
}

.about_honour_year_left_swiper .swiper-slide-active {
  color: #0E318D;
}

.about_body_honour_content {
  overflow-y: auto;
  height:80vh;
  min-height:600px;
  width:435px;
  margin-top:160px;
  position: relative;
  width:100%;
  padding-left:765px;
  z-index: 2;
  
}


.about_body_honour_content::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}


.about_body .honour_year_left {
  align-self: center;
  font-size: 220px;
  font-weight: bold;
  color: #0E318D;
  transition: all .5s;
  padding-left:20px;
  z-index:100;
  position: relative;
}
.about_honour_year_left_list{
  position: absolute;
  left:280px;
  top:220px;
  transition:all ease .5s;
}
.honour_left{
  position: absolute;
  left:0px;
  top:0px;
  padding-top:160px;
}
.honor-wrap{
  overflow: hidden;
  position: relative;
  transition: all ease .5s;
}
.honor-wrap-sel{
  margin-top:60px;
}
.about-year-li{
font-weight: bold;
color: #F7F7F7; 
font-size: 180px;
height:220px;
line-height:220px;
transition: all ease .3s;
}

.about_body .honour_year_left span {
  margin-left: -45px;
}

.history-next{
  position: absolute;
  left:37vw;
  top:350px;
}

.history-next .items::before{
  width:24px;
  height:24px;
  background:#0E318D;
  border-radius: 50%;
  content:' ';
  position: absolute;
  top:0px;
  left:11px;
}
.history-next .items{
  padding-top:30px;
  display:none;
  font-weight: bold;
  color: #0E318D;
  font-size:20px;
}



.index_honour_scroll_item {
  padding: 15px 0;
  border-bottom: 1px solid #EEEEEE;
}

.index_honour_scroll_item:nth-child(n+2) {
  margin-top: 56px;
}

.index_honour_scroll_item .date {
  color: #999999;
  line-height: 20px;
  margin-bottom: 16px;
  line-height: 21px;
}
.honour_group{
  line-height:2;
  color:#666;
  margin-bottom:10px;
}
.about_body .honour_group>li {

  overflow: hidden;
  color: #666;
  line-height: 2;
}
.index-honor-scroll-title{
  font-weight: bold;
  color: #0E318D;
  line-height: 32px;
  font-size:24px;
  margin-bottom:40px;
}

.about_body .vision {
  padding: 120px 0 120px 0;
  background: #EFF3F7;
  background-size:100% auto;
}

.aboutus_vision_swiper {
  margin-top: 80px;
  height: 460px;

}

.about_body .vision_swiper {
  position: absolute;
  border-radius: 10px;
  height: 460px;
  width: 100%;
}

.about_body .vision_swiper .swiper-slide {
  display: flex;
  width: 374px;
  background: #FFFFFF;
  border-radius: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  transition: all ease .3s;
}

.about_body .vision_swiper .icon_pic {
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  border-radius: 50%;
  font-size: 40px;
  color: #0E318D;
  border: 1px solid #EEEEEE;
}

.about-year-sel{
  color:#0E318D;
  font-size:220px;
}

.about_body .vision_swiper .icon_title {
  position: relative;
  font-size: 21px;
  font-weight: bold;
  color: #000000;
  line-height: 27px;
  margin-top: 56px;
  margin-bottom: 34px;
  height: 27px;
}

.about_body .vision_swiper .icon_title::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #E2332E;
}

.about_body .vision_swiper .icon_desc {
  padding: 0 61px 0 67px;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 21px;
}



.aboutus_vision_swiper .swiper-slide:hover {
  background: #0E318D !important;
}

.aboutus_vision_swiper .swiper-slide:hover .icon_pic,
.aboutus_vision_swiper .swiper-slide:hover .icon_title,
.aboutus_vision_swiper .swiper-slide:hover .icon_desc {
  color: #fff;
}


.about_body .swiper-pagination-progressbar-fill {
  background-color: #E2332E;
}

.about_body .responsibility {
  padding: 120px 0 120px 0;
}

.about_body .responsibility li {
  position: relative;
  float: left;
  width: calc((100% - (2*40px)) / 3);
  height: 516px;
  margin-right: 40px;
  overflow: hidden;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
}

.about_body .responsibility ul {
  margin-top: 146px;
}

.responsibility_mask {
  display: flex;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  display: none;
  transition: all 2s;
}

.about_download_icon {
  line-height: 51px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.responsibility_mask::after {
  margin-top: 19px;
  content: '下载';
  color: #fff;
}

.about_body .responsibility li:nth-child(3n) {
  margin-right: 0;
}

.about_body .responsibility li:hover .responsibility_mask {
  display: flex;
}

.about_body .responsibility li img {
  transition: all .5s;
}

.about_body .responsibility li:hover img {
  transform: scale(1.2);
}

.about_body .subordinate {
  padding: 120px 0 120px 0;
  text-align: center;
}

.about_body .subordinate .content {
  margin-top: 78px;
}

.about_body .subordinate .headquarter {
  position: relative;
  height: 56px;
  padding: 16px 70px;
  background: #0E318D;
  border-radius: 32px;
  color: #fff;
  font-size: 18px;
}

.about_body .subordinate .headquarter::before {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 1px;
  height: 30px;
  background-color: #808BB9;
  bottom: -40px;
}

.about_body .subordinate .headquarter::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -87px;
  transform: translateX(-50%);
  width: 763px;
  height: 45px;
  border: 1px solid;
  border-color: #808BB9 #808BB9 transparent #808BB9;
}

.about_body .subordinate ul {
  margin-top: 93px;
  display: flex;
  justify-content: center;
}



.about_body .subordinate a {
  display: inline-block;
  height: 500px;
  padding: 40px 18px;
  background: #C4D1E0;
  border-radius: 40px;
}

.about_body .subordinate li {
  float: left;
  margin-right: 35px;
}

.about_body .subordinate li:last-child {
  margin-right: 0;
}

.about_body .subordinate li a {
  display: flex;
  width: 56px;
}



.about_body a.two_col {
  width: 79px !important;
}


/* 关于我们 end */
/* 产品博览 start */

.products_body .categories {
  position: relative;
  padding-top: 120px;
  padding-bottom: 40px;
}

.products_body_categories_swiper {
  margin-top: 89px;
}

.products_body_categories_swiper .categories_swiper {
  width: 82%;
  margin:0 auto;
}

.products_body_categories_swiper .swiper-slide {
  border-bottom: 1px solid#EEEEEE;
}

.categories_swiper .swiper-slide a {
  display: block;
  border:1px solid #94A4CC;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.categories_swiper .swiper-slide a img{
  max-width: 100%;
  max-height:100%;
}
.categories_swiper_mask_circle li.categories_swiper_text{
  width:100%;
  padding:80px 40px 40px 40px;
  color:#fff;
  background:none;
  line-height:1.5;
  font-size:14px;
  height:270px;
  border-radius: 0px;
  overflow:hidden;
  position: static;
}



.categories_swiper .swiper-slide.active ul {
  display: block;
}

.categories_swiper_mask_circle {
  transition: all .5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 468px;
  padding: 15px;
  background: rgba(14,49,141,0.44);
  border-radius: 16px;
  opacity: 0;

}

.categories_swiper .swiper-slide:hover .categories_swiper_mask_circle {
  opacity: 1;
}

.categories_swiper_mask_circle li {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
}
.categories_swiper_mask_circle li.circle_center{
  position: static;
  transform: translate(50%, 0%);
  margin-top:200px;
}
.circle_left {
  top: -14px;
  left: -14px;
}

.circle_top {
  top: -14px;
  right: -14px;
}

.circle_right {
  bottom: -14px;
  right: -14px;
}

.circle_bottom {
  bottom: -14px;
  left: -14px;
}

li.circle_center {
  display: flex;
  align-items: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177px;
  height: 60px;
  background: #0E318D;
  border-radius: 40px;
  padding-left: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 2px;

}

li.circle_center span {
  margin-left: 16px;
  font-size: 32px;
}

.products_body_categories_swiper .categories_name {
  font-size: 16px;
  color: #000000;
  letter-spacing: 2px;
  padding-bottom: 24px;
}

.categories .swiper-button-prev {
  font-size: 80px;
  top: 400px;
  left: 0;
  border-radius: 50%;
  transition: all .3s;
  border-radius: 50%;
  width:80px;
  height:80px;
  background:#fff;
  line-height:80px;
  text-align: center;
  box-shadow: 0px 4px 8px 0px rgba(76,97,120,0.34);
  font-size:12px;
  color:#0E318D;
}

.categories .swiper-button-next {
  top: 400px;
  right: 50px;
  transition: all .3s;
  border-radius: 50%;
  width:80px;
  height:80px;
  background:#fff;
  line-height:80px;
  text-align: center;
  box-shadow: 0px 4px 8px 0px rgba(76,97,120,0.34);
  font-size:12px;
  color:#0E318D;
}

.categories .swiper-button-disabled {
  display: none;
}

.categories .swiper-button-prev::before {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
}

.categories .swiper-button-next::before {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transition: all ease .3s;
}
.categories_title {
  font-weight: bold;
  padding-top: 25px;
}

.categories_desc {
  margin-top: 21px;
  font-size: 14px;
  color: #666666;
  display: none;
}

.categories_more {
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background: #0E318D;
  color: #fff;
  font-size: 16px;
  padding-left: 2px;

}

.categories_more_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0038CA;
  transition: all .5s;
  transform: scale(0.1);
  opacity: 0;
  cursor:pointer;
}

.categories_name:hover .categories_more_inner {
  transform: scale(1);
  opacity: 1;
}

.products_body .quality {
  padding-top: 80px;
  padding-bottom: 120px;
}

.products_body .quality .products_body_quality_swiper {
  width: 100%;
  margin-top: 89px;
}

.products_body .quality .swiper-slide {
  float: left;
  width: 285px;
  background: #FFFFFF;
  margin-right: 24px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  line-height: 19px;
}
.products_body .quality .swiper-slide img{
  transition: all ease .3s;
}
.products_body .quality .swiper-slide img:hover{
  transform: scale(1.05);
}
.certificate_number{
  margin-bottom:5px;
}



.products_body .quality .swiper-slide a {
  display: block;
  position: relative;
  height: 490px;
  margin-bottom: 50px;
  padding:15px;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#fff;
}

.products_body .quality .swiper-slide a::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0E318D;
}

.products_body .certification_date {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 27px;
}

.products_body .product_honors {
  padding-bottom: 80px;
}

.products_body .product_honors>ul {
  margin-top: 179px;
  height: 1px;
  background: #0E318D;
  display: flex;
  justify-content: space-around;
  margin-bottom:60px;
}

.products_body .product_honors li {
  position: relative;
  top: -120px;
  float: left;
  margin-left: 65px;
  width: 120px;
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
  text-align: center;
  padding-top: 18px;
  font-weight: bold;
  color: #0E318D;
  font-size: 18px;

}

.products_body .product_honors li.active_honors {
  background: #0E318D;
  border-radius: 32px;
  padding: unset;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: 1px;

}

.products_body .product_honors li::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -58px;
  height: 55px;
  width: 1px;
  background: #0E318D;
}

.products_body .product_honors li::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -58px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0E318D;
}

.products_body .slide_content_pic {
  position: relative;
  display: flex;
  margin: 10px auto 40px;
  width: 98%;
  padding: 40px 250px 40px 40px;
  box-shadow: 0px 5px 15px 0px rgba(14, 49, 141, 0.26);
  border-radius: 5px;
  background: url(../image/year-bg.png) no-repeat right center;
  background-size:180px auto;
  /* background-size: contain; */
}

.products_body .left_pic {
  width: 320px;
  margin:0px 0px 0px 40px;
}

.products_body .product_honors_swiper .right_text {
  padding: 0px 0 0 32px;
  flex: 1;
}


.products_body .product_honors_swiper .date {
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
  line-height: 22px;
}

.products_body .product_honors_swiper .desc {
  margin-top: 10px;
  font-size: 14px;
  color: #000000;
  line-height: 28px;
}

.product_honors .swiper-button-prev {
  top: 190px;
  left: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: unset;
  color: #0E318D;
  transition: all .3s;
  font-size: 40px;
}

.swiper-button-prev:hover {
}

.swiper-button-next:hover {
}

.quality .swiper-button-prev:hover{
}

.product_honors .swiper-button-next {
  top: 190px;
  right: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: unset;
  color: #0E318D;
  transition: all .3s;
  font-size: 40px;
}

.product_more {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  background: #0E318D;
  color: #fff;
  font-size: 40px;
  user-select: none;
  cursor: pointer;
  transition: all ease .3s;
  top:50px;
}
.product_more:hover{
  opacity: .8;
}

.product_more::after {
  content: '查看更多';
  position: absolute;
  left: 4px;
  top: 60px;
  font-size: 14px;
  color: #0E318D;
}

.products_body .product_knowledge {
  margin-top: 120px;
  padding-bottom: 120px;
}

.products_body .product_knowledge_ul {
  padding-bottom: 160px;
}

.products_body .product_knowledge_ul a {
  display: flex;
  width: 100%;
  height: 100%;
  transition: all ease .3s;
}
.pro-time{
  width: 120px;
  height: 120px;
  background: #FFFFFF;
  box-shadow: inset 0px 4px 0px 0px #0E318D;
  border: 1px solid #E8E8E8;
  text-align: center;
  margin-top:50px;
}
.pro-time .top{
  font-weight: bold;
  color: #0E318D;
  font-size: 40px;
  padding:10px 0px 0px 0px;
}
.pro-time .bot{
  font-weight: bold;
  color: #666666;
  font-size:20px;
}
.product_knowledge_item_nopic{
  padding:40px;
}
.product_knowledge_item_nopic .pro-time{
  margin:0px;
}
.products_body .product_knowledge_ul a:hover .right_text .knowledge_title{
  color:#fff;
}
.products_body .product_knowledge ul {
  margin-top: 72px;
  border-radius: 5px;
  padding: 50px 70px 10px 70px;
}

.products_body .product_knowledge li {
  margin-top: 24px;
  background: #FFFFFF;
  transition: all ease .8s;
  border: 1px solid #E8E8E8;
}

.products_body .product_knowledge_item_pic {
  display: flex;
  min-height: 200px;
  padding: 20px 20px 20px 40px;
}
.products_body .product_knowledge_item_pic .right_text{
  margin-left:40px;
}
.products_body .product_knowledge_item_pic:hover{
  background:#0E318D;
}

.products_body .product_knowledge_item_pic:nth-child(n+1) .knowledge_title {
  font-size: 20px;
  color: #000000;
  letter-spacing: 1px;
  
}

.products_body .product_knowledge .right_text {
  padding: 40px 0 30px 0px;
  flex: 1;
  line-height: 1.5;
}
.products_body .product_knowledge_item_nopic .right_text{
  padding:20px 0px 0px 40px;
}

.products_body .product_knowledge_item_pic .knowledge_title {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.products_body .right_text .desc {
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
}

.products_body .product_knowledge_item_nopic .knowledge_title {
  font-size: 20px;
  color: #000000;
  transition: all ease .3s;
  font-weight:bold;
}

.products_categories_ordered_body {
  padding-bottom: 60px;
}

.products_categories_bread li {
  float: left;
  padding: 30px 0 80px 0px;
}

.products_categories_bread_span {
  color: #999999;
}

.products_categories_bread_a {
  padding: 24px 0;
  color: #0E318D;
  margin-right: 10px;
}
.products_categories_bread_a i{
  font-style: normal;
}


.products_categories_ordered_subnav_li {
  float: left;
  margin-bottom:20px;
}

.products_categories_ordered_subnav_li>a {
  float: left;
  width: 150px;
  height: 45px;
  line-height: 44px;
  text-align: center;
  background: #F1F3F7;
  color: #0E318D;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-right: 40px;
  margin-bottom: 0px;
}

.products_categories_ordered_subnav_li>a.active {
  background-color: #0E318D;
  color: #ffffff;
}

.products_categories_ordered_subnav_li:last-child a {
  margin-right: 0;
}

.products_categories_ordered_content_item {
  margin-top: 40px;
}

.products_categories_ordered_content_title {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 1px;
}

.products_categories_ordered_content_title::after {
  content: '';
  position: absolute;
  left: 20px;
  width: 30px;
  height: 2px;
  background: #E2332E;
  bottom: -15px;
  transform: translateX(-50%);
}

.products_categories_ordered_content_pics {
  margin-top: 60px;
  margin-bottom:80px;
}

.main-wrap {
  position: relative;
  display: block;
  float: left;
  width: 360px;
  height: 520px;
  padding: 0 24px;
  margin-right: 40px;
  border: 2px solid #EFF3F7;
}

.main-wrap:nth-child(4n) {
  margin-right: 0;
}

.main-wrap:nth-child(-n+4) {
  margin-bottom: 40px;
}

.products_categories_specification_span {
  font-size: 14px;
  color: #0E318D;
  font-weight: 400;
}


.main-wrap img {
  max-width: 100%;
  max-height: 100%;
}

.products_categories_ordered_content_pic {
  margin-top: 62px;
  overflow: hidden;
  transition: all .5s;
}

.products_categories_ordered_content_pic img{
  transition: all ease .3s;
}
.products_categories_ordered_content_pic img:hover{
  transform: scale(1.1);
}

.products_categories_specification {
  display: none;
  justify-content: space-between;
  transition: all .5s;
}

.products_categories_name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 70px;
  font-weight: bold;
  color: #0E318D;
  transition: all .5s;
  background-color: #F1F3F7;
  padding: 0 24px;
  border-top: 2px solid #0E318D;
}

.products_categories_more_span {
  position: absolute;
  right: 24px;
  display: inline-block;
  font-size: 44px;
  color: #0E318D;
  cursor: pointer;
  font-weight:normal;
}
.products_categories_ordered_content_a{
  transition: all ease .3s;
}

.active.icon-chanpinzhanshiyoujiantouicon:before {
  background-color: #0E318D;
  color: #fff;
  border-radius: 50%;
}

.products_categories_detail_body>.inner {
  padding-bottom: 120px;
}

.products_categories_detail_content_item1 {
  display: flex;
  padding: 70px 0 0px 0;
}

.products_categories_detail_content_item1_pic_bj {
  width:32vw;
  height:30vw;
  flex:0 0 auto;
  background:#fff;
  border:1px solid #e0e0e0;
}

.products_categories_detail_content_item1_pic {
  width: 100%;
height: 100%;
position: relative;
}
.products_categories_product_swiper .products_categories_detail_content_item1_pic{
  width:760px;
  height:513px;
}

.pro-det-pic{
  width:100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#fff;
  border:1px solid #e0e0e0;
}
.pro-det-pic img{
  max-width: 100%;
  max-height:100%;
  width:auto;
}

.products_categories_detail_content_item1_pic img{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
  max-height: 100%;
  width:auto;
}

.products_categories_detail_content_item1_text {
  padding: 0px 0 0 4vw;
}

.products_categories_detail_content_item1_title {
  font-size: 24px;
  font-weight: bold;
  color: #0E318D;
  line-height: 40px;
  letter-spacing: 1px;
  font-family: siyuan;
}
.product-det-title{
  font-size:24px;
  font-weight:bold;
  color: #0E318D;
  position: relative;
  font-family: siyuan;
}

.products_categories_detail_content_item1_title::after,.product-det-title::after {
  content: '';
  position: absolute;
  left: 24px;
  width: 45px;
  height: 1px;
  border: 1px solid #E2332E;
  top: 45px;
  transform: translateX(-50%);
  background: #E2332E;
}

.products_categories_detail_content_item1_desc {
  margin-top: 50px;
  font-size: 16px;
  color: #666;
  line-height: 2;
}
.products_categories_detail_content_item1_desc i {
  font-style: normal;
}

.products_categories_detail_content_item1_store_online_li {
  margin: 95px 35px 0 0;
  float: left;
}

.products_categories_detail_content_item1_store {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-tianmaoqijiandianicon {
  margin-bottom: 18px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  text-align: center;
  line-height: 88px;
  font-size: 30px;
  color: red;
}

.products_categories_detail_content_item2 {
  padding: 80px 0;
}

.products_categories_detail_content_swiper {
  margin-top: 70px;
  height: 660px;
}

.products_categories_detail_content_swiper .swiper-pagination-fraction {
  bottom: -30px;
  text-align: unset;
  color: #0E318D;

}

.products_categories_detail_content_swiper .swiper-pagination-current {
  color: #E2332E;
}

.products_categories_detail_content_swiper .swiper-button-prev {
  top: unset;
  left: 80px;
  bottom: -40px;
  background: unset;
  font-size: 32px;
  color: #0E318D;
}

.products_categories_detail_content_swiper .swiper-button-next {
  top: unset;
  left: 140px;
  bottom: -40px;
  background: unset;
  font-size: 32px;
  color: #0E318D;
}

.products_categories_detail_content_swiper_footer_span {
  position: absolute;
  bottom: -30px;
  right: 0;
  color:#666;
}
.products_categories_detail_content_swiper_footer{
  padding-top:40px;
}
.products_categories_detail_content_item2_product_parameters_ul {
  margin-top: 72px;
}

.products_categories_detail_content_item2_product_parameters_li {
  padding: 22px 32px;
  background: rgba(14, 49, 141, 0.04);
  border-radius: 5px;
  margin-bottom: 16px;
}

.products_categories_detail_content_item2_product_parameters_span_title {
  display: inline-block;
  width: 80px;
  font-size: 16px;
  font-weight: 600;
  color: #0E318D;
  margin-right: 78px;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

.products_categories_detail_content_item2_product_parameters_span_desc {
  font-size: 12px;
  color: #000000;
}

.position_fixed {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 170px;
  background: #0E318D;
  border-radius: 10px;
  padding: 0 24px 27px 24px;
  z-index: 999;
}

.position_fixed .fixed_title {
  display: block;
  font-size: 24px;
  color: #FFFFFF;
  padding: 40px 0px 24px 0;
  border-bottom: 1px solid #fff;
}

.position_fixed a {
  display: block;
  margin-top: 20px;
  color: #8898C7;
}

.position_fixed a:hover {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 2px;
}

.position_fixed a.active {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 2px;
}

.products_categories_product_body .products_categories_detail_content_item1_text {
  flex: 1;
}

.products_categories_detail_content_item1_text li {
  font-size: 16px;
  color: #000000;
  margin-bottom: 24px;
}

.products_categories_detail_content_item1_text_span {
  display: inline-block;
  width: 60px;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
  white-space: nowrap;
}

.products_categories_product_content_item {
  padding: 60px 0;
}

.products_categories_product_content_item .swiper-button-prev {
  top: unset;
  left: 42.5%;
  background: unset;
  font-weight: bold;
  font-size: 32px;
  color: #0E318D;
}

.products_categories_product_content_item .swiper-button-next {
  top: unset;
  left: 46.3%;
  font-weight: bold;
  background: unset;
  font-size: 32px;
  color: #0E318D;

}

.products_categories_product_swiper {
}

.products_categories_product_swiper.active {
  display: block;
}

.products_categories_product_content_span {
  margin-right: 24px;
  display: inline-block;
  width: 80px;
  height: 44px;
  border-radius: 22px;
  color: #0E318D;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  border-radius: 22px;
  border: 1px solid #0E318D;
  transition: all ease .3s;
}

.products_categories_product_content_span.active {
  color: #FFFFFF;
  background: #0E318D;
}

.products_categories_product_description {
  display: flex;
  position: fixed;
  bottom: 120px;
  right:10%;
  width: 100px;
  height: 100px;
  text-align: center;
  color: #0E318D;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 3px 12px 0px #CAD2E0;
  font-size: 14px;
  flex-direction: column;
  justify-content: center;
  z-index: 500;
  cursor:pointer;
  transition: all ease .3s;
}
.products_categories_product_description:hover{
  color:#fff;
  background:#0E318D;
}

.icon-shuoming{
  margin-bottom: 2px;
  font-size:20px;
}

.products_categories_product_mask {
  background: rgba(0, 0, 0, .5);
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 9999;
  left: 0px;
  top: 0px;
  display: none;
}

.products_categories_product_mask::-webkit-scrollbar {
  display: none;
}

.products_categories_product_mask_close_btn {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 40px;
  color: #0E318D;
}

.products_categories_product_mask_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 40px 20px;
  border-radius: 5px;
  width:60%;
  height:70%;
}
.products_categories_main{
  overflow:auto;
  height:calc( 100% - 120px );
  padding:40px 20px;
}
.products_categories_product_mask_content_title {
  margin: 0 auto;
  border-radius: 13px;
  border: 1px solid #0E318D;
  font-size:24px;
color: #0E318D;
font-weight: bold;
text-align:Center;
width:70%;
padding:20px 20px;

}

.products_categories_product_mask_content_list_li {
  margin-top: 40px;
}

.products_categories_product_mask_content_desc {
  padding: 20px 20px;
  background: #0E318D;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 2;
}

.products_categories_product_mask_content_list_desc {
  margin-top: 34px;
  font-size: 16px;
  color: #0E318D;
  line-height: 32px;
}
.jp-mask{
  z-index:9999;
}
.jp-video-open{
  z-index:10000;
}

/* 产品博览 end */
/* 新闻中心 start */
.news_body {
  padding-bottom: 180px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #F1F3F9 100%);
}

.news_body .sub_nav {
  border-bottom: 1px solid #EEEEEE;
}

.news_body .sub_nav ul {
  padding: 0 60px;
}

.news_body .sub_nav li {
  float: left;
  margin-right: 10vw;
}

.news_body .sub_nav a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 2px;
  padding: 20px 0;
}

.news_body .sub_nav a.active {
  color: #E2332E;
}

.news_body .sub_nav li:last-child {
  margin-right: 0;
}

.news_body .news_list {
  padding-top: 120px;
}

.news_body>.inner {
  padding-bottom: 20px;
}

.news_body .news_item_pic {
  display: flex;
  transition: all .5s ease;
  background-size: 0;
  margin-bottom:20px;
  padding:20px 40px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
}
.news_body .news_item_pic .left_pic{
  width:400px;
  height:225px;
  overflow: hidden;
  margin-left:40px;
}
.news-time{
  width:120px;
  text-align: center;
  padding-top:40px;
}

.news-time .top{
  font-weight: bold;
color: #0E318D;
font-size: 40px;
}
.news-time .bot{
  color: #666666;
  font-size:20px;
  font-weight: bold;
}

.products_body .product_knowledge li.product_knowledge_item_nopic:hover{
  background: #0E318D;
  color:#fff;
}
.products_body .product_knowledge li:hover .knowledge_title{
  color:#fff;
}
.news_item_pic:hover,.products_body .product_knowledge li.product_knowledge_item_nopic:hover{
  color:#fff;
  background:#0E318D;
}

.products_body .product_knowledge li:hover div{
  color:#fff;
}
.products_body .product_knowledge li:hover .top{
  color:#0E318D;
}

.products_body .product_knowledge li:hover .bot{
  color:#666;
}

.news_item_pic:hover div{
  color:#fff;
}

.pubicon{
  width: 64px;
  height: 64px;
  background: #FFFFFF;
  border-radius: 50%;
  color:#0E318D;
  font-size:12px;
  text-align: center;
  line-height:60px;
}

.news_item_pic a {
  display: flex;
  width:100%;
  position: relative;
}
.news_item_pic a i{ 
  display:none;
  right:40px;
  top:40%;
  position: absolute;
}
.news_item_pic a:hover i{
  display:block;
}

.news_body .right_text {
  padding: 40px 0px 0 40px;
  flex: 1;
}



.news_body .news_date {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
}

.news_body .news_title {
  margin: 0px 0px 20px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news_e_journal_li  .news_title{
  margin: 0px 0px 20px 0px;
}

.news_body .desc {
  color: #666666;
  line-height: 2;
  overflow: hidden;
}

.news_item_pic:hover .news_date,
.news_item_pic:hover .news_title,
.news_item_pic:hover .desc {
  color: #ffffff;
}

.news_body .product_more {
}

.e_journal_select_by_time {
  margin-top: 40px;

}

.e_journal_select_by_time_li {
  float: left;
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #F1F3F7;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-right: 16px;
  margin-bottom: 20px;
}

.e_journal_select_by_time_li a {
  color: #0E318D;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: impact;
}

.e_journal_select_by_time_li:hover {
  background: #0E318D;
  color: #FFFFFF;
}

.e_journal_select_by_time_li:hover a {
  color: #FFFFFF;
}

.e_journal_select_by_time_li.active {
  background: #0E318D;
}

.e_journal_select_by_time_li.active a {
  color: #FFFFFF;
}

.e_journal_select_by_time_li:nth-child(7n) {
  margin-right: 22px;
}

.e_journal_select_by_time_button {
  position: absolute;
  top: 3px;
  right: 0;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #0E318D;
}

.news_e_journal_year {
  margin-top: 60px;
  font-size: 32px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 1px;
  font-family: impact;
}

.news_e_journal_year::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #E2332E;
  bottom: -16px;
}

.news_e_journal_list {
  margin-top: 60px;
}


.news_e_journal_li {
  float: left;
  display: flex;
  width: 38vw;
  height: 235px;
  box-shadow: inset -1px 0px 0px 0px #EEEEEE;
  margin-bottom: 60px;
  margin-right: 70px;
  padding-right:60px;
}

.news_e_journal_li:nth-child(2n) {
  margin-right: 0;
  box-shadow: unset;
}

.news_e_journal_li .left_pic {
  width: 176px;
  height: 235px;
  border-radius: 9px;
  opacity: 0.8;
  overflow: hidden;
}
.news_e_journal_li .left_pic img{
  transition: all ease .3s;
}
.news_e_journal_li .left_pic img:hover{
  transform: scale(1.1);
}

.news_e_journal_li .right_text {
  width: calc(100% - 176px);
}

.news_e_journal_li .news_title {
  font-size: 24px;
}

.total_e_journal_num_span {
  color: #0E318D;
}

.news_e_journal_li .news_date {
  margin: 0px 0 80px 0;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}
.news_e_journal_li .news_date .num{
  color:#0E318D;
}

.news_e_journal_li_more {
  color: #1B2554;
  font-size: 16px;
}
.news_e_journal_li_more:hover{
  color:#E2332E;
}

.news_e_journal_li_more_span {
  font-size: 14px;
  margin-right:20px;
}

.news_video_list {
  margin: 60px 0 0px 0;
  padding-bottom: 90px;
}

.news_video_li {
  cursor: pointer;
  width:31.2%;
  margin: 0px 0.7vw 70px 0.7vw;
  overflow: hidden;
  border-radius:8px;
}

.news_video_li img {
  transition: all .5s;
}

.news_tender_list{
  padding-top:120px;
}

.news_video_li:nth-child(3n) {
  margin-right: 0;
}
.news_video_ul{
  display:flex;
  flex-flow: row wrap;
  justify-content: start;
}
.news_video_video_href {
  display: block;
  overflow: hidden;
  height: 270px;
  border-radius: 8px;
  transition: all ease .3s;
}
.news_video_video_href:hover{
  background-size:110%!important;
}

.news_video_detail_play_btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  font-size: 48px;
  z-index: 1;
  color: #ffffff;
}

.news_video_date {
  font-size: 18px;
  font-weight: bold;
  color: #0E318D;
  margin: 20px 0 9px;
  font-family: impact;
}

.news_video_title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  padding-top:20px;
}




.news_recruit.inner {
  padding-bottom: unset;
}

.news_recruit_notice {
  height: 240px;
  margin: 32px 0 104px;
}

.news_recruit_notice_pic {
  height: 100%;
}

.news_recruit_notice_text {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 941px;
  height: 120px;
  background: #FFFFFF;
  padding: 32px 40px 0 40px;
}

.news_recruit_email_to {
  position: absolute;
  bottom: -20px;

}

.news_recruit_email_num {
  color: #0E318D;
}

.news_recruit_li {
  display: flex;
  position: relative;
  border: 1px solid #E8E8E8;
  margin-bottom: 20px;
  padding: 18px 20px;
  font-weight: bold;
}

.news_recruit_post {
  width: 300px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.news_recruit_date {
  flex: 1;
  font-size: 14px;
  color: #666666;
}

.news_recruit_more {
  position: absolute;
  right: 20px;
}

.news_detail_body {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #F1F3F9 100%);
  padding-bottom: 255px;
}
.news_detail_body .inner{
  width:1060px;
}

.news_detail_body_container {
  padding: 180px 70px 56px 70px;
  border-bottom: 1px solid #EEEEEE;
}

.news_detail_bread_date {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
}

.news_detail_bread{
  padding:40px 0px;
  text-align: center;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}


.news_detail_bread_title {
  margin-left: 34px;
  font-size: 14px;
  font-weight: 600;
  color: #0E318D;
}

.news_detail_content {
  padding-top: 60px;
}

.news_detail_content_title {
  font-size: 32px;
  color: #000000;
  font-weight:bold;
  text-align: center;
  line-height: 1.5;
}
.news_detail_content_subtitle{
  margin-top:20px;
  text-align:center;
  font-size: 20px;
  color: #666666;
}

.news_detail_content_reportsby {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #0E318D;
}

.news_detail_content_pics {
  margin-top: 40px;
}

.news_detail_content_text {
  margin-top: 40px;
  line-height:2;
}

.news_detail_content_from {
  margin-top: 56px;
  font-size: 14px;
  font-weight: 500;
  color: #0E318D;
}

.news_detail_content_prevNext {
  margin-top: 56px;
  padding: 0 0px;
}

.news_detail_content_prevNext_li {
  float: left;
  width: 500px;
  background: #FFFFFF;
  border-radius: 5px;
  height:197px;
}

.news_detail_content_prevNext_li>a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 40px 20px 40px;
}
.news_detail_content_prevNext_li>a:hover{
  background:#0E318D;
  border-radius: 5px;
}
.about_next_pos{
  position: absolute;
  left:700px;
  top:380px;
}
.about_next_item{
  display:none;
}
.news_detail_content_prevNext_li>a:hover div{
  color:#fff;
}

.news_detail_content_prevNext_li:nth-child(1) {
  margin-right: 60px;
}

.news_detail_content_prevNext_head {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #0E318D;
  font-family: "siyuan";
}

.news_detail_content_prevNext_title {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin: 20px 0 12px 0;
  height:50px;
  overflow:hidden;
}

.news_detail_content_prevNext_desc {
  font-weight: bold;
  color: #0E318D;
}

.news_detail_body_back {
  display: inline-block;
  position: relative;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  color: #0E318D;
  font-size: 50px;
  user-select: none;
}

.news_detail_body_back::after {
  content: '返回';
  position: absolute;
  left: 17px;
  top: 60px;
  font-size: 14px;
  color: #0E318D;
}

/* 新闻中心 end */
/* 服务支持 start */
.service_body .service_idea {
  padding-top: 120px;
}

.service_body .service_idea ul {
  padding: 80px 0 40px;
}

.service_body .service_idea li {
  float: left;
  display: flex;
  width: calc(100%/4 - 40px );
  background: #FFFFFF;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 80px 52px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  margin:0px 20px;
  overflow: hidden;
}

.service_body .service_idea .icon_pic {
  display: flex;
  width: 120px;
  height: 120px;
  background: #F7F9FB;
  border-radius: 50%;
  font-size: 50px;
  color: #000000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}

.service_body .service_idea .icon_title {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #0E318D;
  margin-top: 20px;
  margin-bottom: 34px;
}

.service_body .service_idea .icon_title::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #E2332E;
}

.service_body .service_idea .icon_desc {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height:1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.idea-pagination{
  bottom:60px;
  top:auto!important;
  width:100px!important;
  left:50%!important;
  margin-left:-50px;
  position: absolute;
  display: none;
}
.idea-pagination .swiper-pagination-progressbar-fill{
  background:#E2332E;
}
.query-main{
  display: flex;
  padding:80px 0px 60px 0px;
  justify-content: space-between;
}
.query-item{
  width:33.33%;
  flex:0 0 auto;
  display: flex;
}
.query-pic{
  width:200px;
  flex: 0 0 auto;
}
.query-det{
  width:180px;
  flex: 0 0 auto;
  margin-left:40px;
  padding-top:80px;
}
.query-det li{
  display:block;
}
.query-det-item{
  margin-bottom:15px;
  color:#666;
  font-size:16px;
}
.query-det-item img{
  width:180px;
  height:180px;
}
.query-det-top{
  font-size:18px;
  font-weight:bold;
  color:#333;
}
.query-det-top .step{
  background: #0E318D;
  color:#fff;
  font-size:20px;
  width:40px;
  height:40px;
  display: inline-block;
  border-radius:50%;
  text-align: center;
  line-height: 40px;
  margin-left:10px;
}
.query-pic img{
  width:100%;
}
.query-bot .mustbe{
  vertical-align: middle;
  color:#E2332E;
}
.query-bot{
  color:#666;
  text-align: center;
}
.query-look{
  margin-left:20px;
  color:#fff;
  background: #0E318D;
  border-radius: 4px;
  padding:8px 4px 8px 12px;
}
.query-look:hover{
  opacity: .9;
}
.query-look i{
  font-size:12px;
  padding-left: 10px;
  display: inline-block;
  transform: scale(0.6);
}
.service_body .authenticity_query {
  padding: 120px 0px;
  background: #F7F9FB;
}

.hotline-main{
  padding:80px 0px 0px 0px;
}

.hotline-wrap{
  display: flex;
  margin-bottom:80px;
}
.hotline-wrap:last-child{
  margin-bottom:0px;
}
.hotline-wrap .pic{
  width:35vw;
}
.hotline-wrap .pic img{
  width:100%;
}

.hotline-wrap .desc{
  width:calc( 100% - 35vw );
}

.hotline-wrap:nth-child(2n+1){

}

.hotline-wrap:nth-child(2n){
  flex-flow: row-reverse;
}
.hotline-wrap:nth-child(2n+1) .desc{
  padding-left:120px;
}
.hotline-wrap:nth-child(2n) .desc{
  padding-right:120px;
}
.hotline-wrap .titles{
  padding:40px 0px;
  color: #000000;
  font-weight: bold;
  font-size: 24px;
}
.hotline-wrap .other{
  color:#666;
  line-height:2;
}

.service_body .authenticity_query .pic_name {
  margin-left: 67px;
}

.service_body .authenticity_query .pic_title {
  font-size: 21px;
  font-weight: 800;
  color: #E2332E;
  margin-top: 35px;
}
.service_body .authenticity_query .pic_title::before{
  padding-right:10px;
}

.service_body .authenticity_query .pic_code {
  margin-top: 40px;
  width: 236px;
  height: 236px;
}

.service_body .authenticity_query_more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  display: block;
  width: 218px;
  height: 60px;
  line-height: 60px;
  background: #0E318D;
  border-radius: 5px;
  color: #ffffff;
  padding-left: 22px;
  cursor:pointer;
}
.service_body .authenticity_query_more:hover{
  cursor: pointer;
  opacity: .6;
}

.authenticity_query_more_span {
  font-size: 20px;
  margin-left: 20px;
}

.service_body .counter_fake {
  padding: 120px 0px;
  background: #F7F9FB;
}

.service_body .reporting_form {
  margin-top: 75px;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
  line-height: 21px;
  background:#fff;
  padding:40px;
}
.reporting_form .regards{
  padding:20px 0px 60px 0px;
  font-size:16px;
  font-weight:normal;
}

.service_body .provide {
  margin: 16px 0 50px;
}
.service_idea{
  background:#fff;
}
.idea-main{
  padding:80px 0px 0px 0px;
  position: relative;
}
.idea-main .wraps{
  text-align: center;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding:80px 10px;
  overflow: hidden;
  width:360px;
}
.idea-swiper{
  padding-bottom:120px;
}
.idea-swiper .swiper-slide{
  width:auto;
}

.service_body .form_ul {
  border-radius: 5px;
}

.service_body .form_ul li {
  display: block;
}
.service_body .form_ul .content{
  margin-bottom:60px;
}
.service_body textarea{
  width:100%;
  background: #F7F9FB;
}

.service_body textarea,
.service_body .form_ul ul,
.form_ul input {
  font-size: 14px;
  color: #999999;
  line-height: 19px;
}

.service_body textarea {
  padding-top: 16px;
}

.service_body textarea,
.form_ul input {
  padding-left: 20px;
  width:100%;
  background: #F7F9FB;
  border:none;
}
.form_ul input{
  padding:15px 20px 15px 20px;
  font-size:16px;
}

.service_body label {
  display: block;
  color:#000;
  margin-bottom:20px;
}
.service_body label.verification_label{
  height:auto;
  width:auto;
  text-align:left;
  margin-right:16px;
  white-space: nowrap;
}

.yzm{
  width:auto;
  height:32px;
}
.re-click{
  font-weight:bold;
  color:#E2332E;
  line-height:32px;
  cursor: pointer;
  display:none;
}

.stock-main{
    margin-top: 80px;
    padding: 20px 32px 20px 24px;
    height: 260px;
    background: #FFFFFF;
    border-radius: 10px;
}



.service_body .info_private li {
  margin-bottom:32px;
}

.service_body .verification_label {
  line-height: 35px !important;
  background: unset !important;
  font-size: 14px;
  font-weight: bold;
  color: #0E318D;
  display: inline-block;
}
.form_ul input.yzm-ipt{
  flex: unset;
  width: 76px !important;
  height: 32px;
  line-height: 32px;
  margin-right: 16px;
}


.verification_btn {
  height: 32px !important;
  line-height: 35px !important;
  background: unset !important;
  font-size: 14px;
  font-weight: bold;
  color: #E2332E;
}

.form_sub_btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 160px;
  height: 60px;
  background: #0E318D ;
border-radius: 8px;
  color: #FFFFFF;
  text-align: center;
  cursor:pointer;
  line-height: 60px;
  transition: all ease .3s;
}
.form_sub_btn:hover{
  opacity: .8;
}
.form_sub_btn_span {
  font-size: 50px;
  margin-left: 40px;
  display: none;
}

.service_body .service_hotline {
  padding-top: 120px;
  padding-bottom: 120px;
}

.service_body .info_contact_us {
  padding-top: 75px;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
  line-height: 21px;
}

.service_body .info_contact_us .regards {
  margin-bottom: 36px;
}

.service_body .info_contact_us>ul>li {
  margin-top: 24px;
  padding: 22px 24px 32px 24px;
  background: #EFF3F7;
  border-radius: 5px;
}

.service_body .info_title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 34px;
}

.service_body .info_content {
  font-size: 16px;
  color: #666666;
  line-height: 21px;
  border-bottom: 1px dashed #C2CDD7;
  margin-bottom: 21px;
}

.service_body .info_content span {
  color: #999999;
}

.service_body .info_content li {
  margin-bottom: 24px;
}

.service_processes {
  padding-bottom: 121px;
}

.service_processes .products_categories_bread {
  margin-bottom: 60px;
  
}
.products_categories_bread{
  width:82%;
  margin:0 auto;
}
.products_categories_ordered_body .products_categories_bread{
  width:100%;
}

.service_processes .processes_content ul {
  padding: unset;
}

.processes_content {
  margin-top: 95px;
}

.service_processes .main_title {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

.service_processes .processes_content li {
  width: unset;
  padding: unset;
  display: unset;
  float: unset;
  height: 485px;
}

.service_processes .processes_pic {
  margin-top: 25px;
  width: 273px;
  height: 485px;
  margin-left: 50px;
}

.service_processes .desc {
  width: 571px;
  padding-left: 40px;
  margin-top: 24px;
  font-size: 14px;
  color: #000000;
}

.processes_pic_item {
  float: left;
  margin-left: 40px;
}


.processes_pic_item .processes_pic {
  margin-left: 0;
  float: left;
}

.processes_pic_item .processes_pic_title {
  margin-top: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.processes_tips {
  margin-left: 40px;
  font-size: 14px;
  color: #E2332E;
}

/* 服务支持 end */

/* 网络营销 start */
.network_marketing_body .sub_nav {
  border-bottom: 1px solid #EEEEEE;
}

.network_marketing_body .sub_nav li {
  float: left;
  margin-right: 128px;
}

.network_marketing_body .sub_nav a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 2px;
  padding: 20px 0;
}

.network_marketing_body .sub_nav a.active {
  color: #E2332E;
}

.network_marketing_body .sub_nav li:last-child {
  margin-right: 0;
}

.network_marketing_search_ways {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.network_marketing_search_ways li {
  float: left;
  height: 49px;

}

.network_marketing_search_ways select {
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #000000;
  border: none;
  border-bottom: 1px solid #0E318D;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* 右侧添加小箭头的背景图 */
  background: url('../image/down-arrow.png') 220px center no-repeat;
  background-size: 14px;
  letter-spacing: 2px;
}

.netmarketing_map_mode_search_mask select {
  font-weight: bold;
  color: #0E318D;
}

.network_marketing_search_ways button {
  color: #fff;
  border-radius: 5px;
  cursor:pointer;
  font-size:16px;
  background: none;
  width:120px;
  height:49px;
}
.sheng-open  .search_ways_mask_head_li{
  text-align: right;
}
.search_ways_mask_head_li i{
  position: absolute;
  right:0px;
  top:18px;
  color:#0E318D;
}
.sheng-open  .search_ways_mask_head_li button{
  font-size:35px;
  color: #0E318D;
  width:auto;
}
.sheng-open  .search_ways_mask_head_li button:hover{
  opacity: .9;
}

.search_ways_mask_head_li{
  position: relative;
}

.search-area{
  position: absolute;
  background:#fff;
  box-shadow: 0px 2px 8px 0px rgba(7,26,74,0.4);
  border-radius: 5px;
  padding:14px 24px;
  font-size:14px;
  width:410px;
  left:0px;
  top:60px;
  display:none;
  text-align:left;
}
.search-title{
  font-size:16px;
  color:#0E318D;
  font-weight:bold;
}
.search-wrap{
  padding-top:30px;
  display: flex;
}
.search-item-code{
  width:70px;
  font-weight: bold;
  color: #0E318D;
  flex:0 0 auto;
}
.search-href{
  margin:0px 24px 15px 0px;
  display: inline-block;
  white-space: nowrap;
}
.search-href:hover{
  color:#0E318D;
}
.search-blank{
  padding:50px 0px;
  text-align:Center;
  color:#666;
}

.search-name{
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #000000;
  border: none;
  border-bottom: 1px solid #0E318D;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../image/down-arrow.png) 220px center no-repeat;
  background-size: 14px;
  letter-spacing: 2px;
  display:block;
  line-height:49px;
  font-weight:bold;
  color:#0E318D;
  text-align:left;
  cursor:pointer;
}

.netmarketing_map_mode_search_mask_content .search-open-ul{
  height:630px;
}

.search-open-item{
  padding:20px 24px;
  background: #EFF3F7;
  border-radius: 5px;
  margin-bottom:16px;
}

.search-open-main .names::before{
width: 32px;
height: 32px;
background: rgba(14,49,141,0.14);
border-radius: 5px;
display: inline-block;
text-align: center;
line-height:32px;
color:#0E318D;
margin-right:16px;
}
.search-open-main .titles{
  margin-bottom:30px;
}
.search-open-main .titles .names{
  font-size:24px;
  font-weight:bold;
}
.search-open-main .titles .addr{
  float:right;
  color:#999;
  font-weight: bold;
}

.search-open-main .titles .addr span{
  color:#000;
}

.search-open-main .address{
  margin-bottom:15px;
}
.search-open-main .address span{
  color:#999;
}

#zhuammai{
  display: block;
  text-align: right;
  line-height: 140px;
}

#zhuammai li{
  float:none;
  display: inline-block;
  margin-left:-4px;
}


.search_ways01 {
  position: relative;
  width: 320px;
  margin-right: 24px;
}

.search_ways01 select {
  width: 100%;
  color: #999999;
}

.search_ways02 {
  position: relative;
  margin-right: 24px;
  flex: 1;
}

.select_arrow_icon_span {
  right: 8px;
  bottom: 13px;
  color: #0E318D;
  z-index: -1;
}

.search_btn button {
  background: #0E318D;
  border-radius: 5px;
  transition: all ease .3s;
}
.search_btn button:hover{
  opacity: .6;
}

.netmarketing_map_mode_search_mask {
  background: rgba(0, 0, 0, .5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0px;
  top: 0px;
  display: none;
}

.netmarketing_map_mode_search_mask_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width:1210px;
}

.search_ways_mask_head_ul {
  height: 80px !important;
  margin-bottom:30px;
}

.search_ways_mask_head_li {
  width: 360px;
  margin: 0 24px 0 32px;
}
.search_ways_mask_head_li:last-child{
  text-align: right;
}

.search_ways_mask_close_span {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 35px;
  color: #0E318D;
}

.search_ways_mask_content_ul {
  padding: 0px 32px 0px 32px;
  height:430px;
  overflow:auto;
}

.search_ways_mask_content_li {
  float: left;
  width: calc((100% - 70px)/3);
  height: 181px;
  background: #EFF3F7;
  border-radius: 5px;
  border-radius: 5px;
  padding: 21px 24px 30px;
  margin-right: 29px;
  margin-bottom: 28px;
}

.search_ways_mask_content_li:nth-child(3n) {
  margin-right: 0;
}

.reset_btn button {
  margin: 0 53px 0 24px;
  color: #E2332E;
  background: #FFFFFF;
  border: 1px solid #E2332E;
  transition: all ease .3s;
}
.reset_btn button:hover{
  opacity: .6;
}
.mode_btn button {
  width: 130px;
  height: 49px;
  color: #0E318D;
  background: #FFFFFF;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #0E318D;
  transition: all ease .3s;
}
.mode_btn button:hover{
  opacity: .6;
}
.mode_btn button.button-lb{
  border-radius: 0px 5px 5px 0px;
}

.mode_btn button.active {
  background: #0E318D;
  color: #fff;
}

.network_marketing_body .provinces_list {
  padding-bottom: 107px;
  background: #EFF3F7;
  display: none;
  min-height:400px;
}

.provinces_list_item .province_name {
  padding-top: 60px;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 2px;
}

.provinces_list_item li {
  float: left;
  width: calc((100% - 30px)/3);
  background: #FFFFFF;
  box-shadow: 0px 3px 8px 0px rgba(14, 49, 141, 0.24);
  border-radius: 5px;
  padding: 21px 24px 30px;
  margin-right: 15px;
}

.provinces_list_item li:nth-child(3n) {
  margin-right: 0;
}

.provinces_list_item li:nth-child(n+4) {
  margin-top: 24px;
}

.provinces_list_item .leader {
  display: flex;
  justify-content: space-between;
}

.provinces_list_item .leader .avatar_leader {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: rgba(14, 49, 141, 0.14);
  border-radius: 5px;
  font-weight: bold;
  color: #0E318D;
  font-size: 16px;

}

.provinces_list_item .leader .name_leader {
  margin-left: 12px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  vertical-align: top;
}

.provinces_list_item .leader .job_title {
  margin-top: 5px;
  font-size: 16px;
  color: #000000;
}

.provinces_list_item {
  font-size: 16px;
  color: #000000;
}

.provinces_list_item .area_leader {
  margin: 32px 0 24px;
}

.provinces_list_item span {
  color: #666666;
}

.licensed_marketing_ul li {
  width: 100%;
  margin-bottom: 24px;
}

.licensed_marketing_ul li:nth-child(n+4) {
  margin-top: unset;
}

.licensed_marketing_ul .area_leader {
  margin: 16px 0;
  color:#000;
}
.licensed_marketing_ul .area_leader  span{
  color:#666;
}

.network_marketing_map_mode_pic {
  min-height: 1024px;
  background: #EFF3F7;
  padding:120px 0px;
}

.marketing_fixed {
  width: 79px;
  height: 278px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 32px 0;
  text-align: center;
  display:none;
}

.marketing_fixed a {
  font-size: 20px;
  font-weight: bold;
  color: #0E318D;
  cursor:pointer;
}

.position_fixed.marketing_fixed a.active {
  color: #E2332E;
  font-size: 20px;
}

.position_fixed.marketing_fixed a:hover {
  color: #E2332E;
  font-size: 20px;
}
.index_products_item{
  height:100%;
}
.investment_body {
  background: #ECEEF6;
  padding: 56px 0 120px;
  position: relative;
}

.investment_body .accumulated_list {
  position: absolute;
  left: 50%;
  top: -125px;
  width: 1200px;
  margin-left:-600px;
  z-index: 999;
}

.investment_body .accumulated_list li {
  float: left;
  width: calc((100% - 150px)/3);
  height: 146px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  opacity: 0.79;
  margin-right: 75px;
  padding: 24px 0 0 32px;
}

.investment_body .accumulated_list li:nth-child(3n) {
  margin-right: 0;
}

.investment_body .accumulated_name {
  font-size: 16px;
  color: #000000;
}

.investment_body .accumulated_num {
  margin-top: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #0E318D;
}

.accumulated_num_span {
  font-size: 48px !important;
  color: #0E318D !important;
}

.investment_body .stock_quotes {
  padding-top: 140px;
}

.investment_body .stock_quotes_swiper .swiper-container {
  overflow: hidden;
}

.investment_body .stock_quotes_swiper .swiper-slide {
  margin-top: 48px;
  padding: 20px 32px 20px 24px;
  height: 260px;
  background: #FFFFFF;
  border-radius: 10px;
}

.investment_body .stock_quotes .swiper-button-next {
  width: 84px;
  height: 84px;
  background: #0E318D url(../image/btn.png)no-repeat center;
  background-size: cover;
  border-radius: 50%;
  transition: all .5s;

}

.investment_body .stock_quotes .swiper-button-prev {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #ffffff url(../image/btn-back-sel.png) no-repeat center;
  background-size: cover;
  transition: all .5;
}

.stock_quotes_swiper:hover .stock_quotes_swiper_more_arrow {
  transform: scale(1.1);
}

.stock_quotes_swiper .slide_content {
  display: flex;
}

.investment_body .left_stock_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 340px;
  height: 220px;
  background: #0E318D;
  border-radius: 10px;
  color: #ffffff;
  padding: 30px 24px;
  text-align: center;
}

.left_stock_info .stock_name {
  font-size: 18px;
  font-weight: bold;
}

.left_stock_info .stock_symbol {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
}

.left_stock_info .stock_real_time {
  font-size: 16px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
}








.right_stock_info {
  flex: 1;
  padding: 10px 0 0 120px;
}

.investment_body .right_stock_info div {
  float: left;
  font-size: 36px;
  font-weight: bold;
  color: #000000;
}

.investment_body .stock_difference {
  margin-left: 18vw;
}

.right_stock_info .stock_today em {
  display: inline-block;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #009B4A;
  border-radius: 5px;
  color: #fff;
  vertical-align: middle;
}
.stock_today span{
  vertical-align: middle;
}

.right_stock_info ul {
  padding-top: 49px;
}

.right_stock_info ul li {
  float: left;
  margin: 0 0px 10px 0;
  font-size: 16px;
  width:33.3%;
  color: #333333;
}

.right_stock_info .ul_span {
  margin-left: 12px;
  font-size: 24px;
  font-weight: bold;
}

.right_stock_info ul em {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.investment_body .corporate_governance {
  padding-top: 120px;
}

.governance_swiper_title {
  font-size: 24px;
  font-weight: bold;
  color: #0E318D;
  letter-spacing: 1px;
}

.governance_swiper_title .index_more{
  position: absolute;
  right:0px;
  top:0px;
  margin:0px;
  font-size:16px;
}

.director_swiper {
  margin-top: 80px;

}

.corporate_governance_swiper {
  margin-top: 40px;
  position: relative;
}

.corporate_governance_swiper_contain {
  width: calc(100vw - 19vw);
}
.index_more:hover *{
  color:#E2332E;
}
.index_more:hover::before{
  background:#E2332E;
}



.stock-fan{
  background:#E2332E;
  transform: rotate(180deg);
}

.stock_link{
  width: 84px;
  height: 84px;
  background: #0E318D url(../image/btn.png)no-repeat center;
  background-size: cover;
  border-radius: 50%;
  transition: all .5s;
    position: absolute;
    right: 32px;
    top: 100px;
    z-index: 100;
  transition: all .5s;
}

.stock_color_red {
  color: #E2332E !important;
}

.stock_color_green {
  color: #009B4A !important;
}
.corporate_governance_swiper_contain  .swiper-slide{
  width:auto;
}

.corporate_governance_swiper_icon {
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background: #0E318D;
  text-align: center;
}


.investment_body .slide_content .content_name {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  letter-spacing: 1px;
}

.investment_body .content_name::before {
  content: '';
  position: absolute;
  left: 24px;
  width: 45px;
  height: 1px;
  border: 2px solid #E2332E;
  bottom: -25px;
  transform: translateX(-50%);
  background: #E2332E;
}
.ds-mask{
  background:rgba(0,0,0,.5);
  position: fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:1000;
}
.ds-mask-open{
  width: 800px;
  height: 560px;
  background: #FFFFFF;
  border-radius: 8px;
  position: fixed;
  left:50%;
  top:50%;
  z-index:1001;
  margin-left:-400px;
  margin-top:-280px;
  padding:40px;
  display: flex;
}

.ds-mask-open .pic{
  width:168px;
  flex:0 0 auto;
}
.ds-mask-open .pic img{
  width:128px;
}
.ds-mask-open .close{
  position: absolute;
  right:23px;
  top:22px;
  font-size:35px;
  color:#0E318D;
}

.ds-mask-open  .name{
  padding:20px 0px;
  color:#333;
  font-weight: bold;
  font-size: 20px;
}
.ds-mask-open .desc{
  height:70px;
  color:#666;
}
.ds-mask-open .det{
  padding-top:40px;
  color: #666666;
  height:296px;
  line-height:2;
  box-shadow: inset 0px 1px 0px 0px #E8E8E8;
}

.corporate_governance .slide_content {
  position: relative;
  padding: 40px 30px 20px 30px;
  height: 240px;
  width:100%;
  background: #fff;
  transition: all ease .3s;
  box-shadow: inset 0px -4px 0px 0px #0E318D;
  border-radius: 8px;
  cursor: pointer;
}
.slide_content .ds-intro .ds-name::after{
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  bottom: 20px;
  left: 0px;
  background: #E2332E;
}
.corporate_governance .slide_content:hover div{
  color:#fff;
}

.corporate_governance .slide_content:hover{
  background: #0E318D;
  color:#fff;
}

.slide_content .ds-head{
  width: 80px;
  border: 1px solid rgba(255,255,255,0.6);
  position: absolute;
  right:30px;
  top:40px;
  background:#fff;
}

.slide_content .ds-head img{
  width:100%;
}

.slide_content .ds-intro{
  text-align: justify;
  width:100%;
}

.slide_content .ds-intro .ds-name{
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding:0px 0px 40px 0px;
  margin-bottom:0px;
}
.slide_content .ds-intro .ds-desc{
  text-align: justify;
  color: #666666;
  line-height:2;
  height:64px;
  overflow:hidden;
}
.slide_content .ds-intro .ds-has-head{
  width:50%;
}

.investor_detail.investment_body {
  padding-top: 0;
}

.investor_subheader {
  padding-left: 65px;
  display: flex;
  justify-content: space-between;
}

.investor_subheader li {
  float: left;
  height: 60px;
  line-height: 60px;
}

.investor_subheader li:hover a {
  font-weight: bold;
  color: #E2332E;
}

.investor_subheader li.active a {
  font-weight: bold;
  color: #E2332E;
}

.investor_detail_subnav li a {
  font-size: 16px;
  color: #0E318D;
  letter-spacing: 2px;
}

.investor_detail_subnav li a.bread-sel{
  color:#E2332E;
}

.investor_detail_bread li a {
  font-size: 14px;
  color: #000000;
}

.investor_detail_bread .iconfont {
  margin: 0 20px;
  font-size: 12px;
  color:#666;
  font-size:6px;
}

.investor_detail_subnav li:nth-child(n+2) {
  margin-left: 128px;
}

.investor_detail .corporate_governance .slide_content {
  float: unset;
  width: 100%;
  height: unset;
}
.investor_detail .corporate_governance .ds-catlog{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-bottom:40px;
}
.investor_detail .corporate_governance .slide_content{
  width:26.2vw;
  margin-bottom:40px;
}
.ds-more{
  text-align:center;
}
.ds-more-href{
  width:64px;
  height:64px;
  display:inline-block;
  margin:0 auto;
}
.ds-more-href{
  font-size:64px;
}
.ds-more-span{
  display:block;
  font-size:14px;
  color:#0E318D;
  margin-top:20px;
}

.investor_detail .investment_body_content_desc {
  margin-top: 10px;
}



.investment_body .swiper-pagination-progressbar {
  top: 20px;
  height: 3px;
  left: 50%;
  width: 326px;
  background-color: rgba(255, 255, 255, 0.4);
}

.corporate_governance .swiper-button-prev {
  top: 100px;
  transition: all .3s;
  border-radius: 50%;
  color:#0E318D;
  width:80px;
  height:80px;
  background:#fff;
  line-height:80px;
  text-align: center;
  box-shadow: 0px 4px 8px 0px rgba(76,97,120,0.34);
  font-size:12px;
  color:#0E318D;
}

.corporate_governance .swiper-button-next {
  top: 100px;
  transition: all .3s;
  border-radius: 50%;
  width:80px;
  height:80px;
  background:#fff;
  line-height:80px;
  text-align: center;
  box-shadow: 0px 4px 8px 0px rgba(76,97,120,0.34);
  font-size:12px;
  color:#0E318D;
}
.corporate_governance .swiper-button-disabled{
  display:none;
}

.content_label_ul {
  margin-top: 60px;
}

.content_label_li {
  float: left;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  height: 28px;
  line-height: 28px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  margin: 0 16px 30px 0;
}



.investment_body_content_desc {
  margin-top: 70px;
}

.investment_body .index_more {
  right: 0px;
  font-weight:normal;
}

.investment_body .swiper-container {
  /* overflow: visible; */
}

.investment_body .swiper-pagination-progressbar-fill {
  background-color: #E2332E;
}

.investment_body .capital_stock {
  padding-top: 120px;
}

.capital_stock_content {
  padding: 50px 32px 100px 32px;
  margin-top: 80px;
  background: #FFFFFF;
  border-radius: 10px;
}

.capital_stock_content_desc {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  letter-spacing: 2px;
}

.top_ten_stockholder {
  margin-top: 24px;
}

.top_ten_stockholder_title {
  font-size: 18px;
  font-weight: bold;
  color: #0E318D;
  line-height: 18px;
}

.top_ten_stockholder_ul {
  margin-top: 32px;
}

.top_ten_stockholder_li {
  display: flex;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1px;
  justify-content: space-between;
  background: rgba(14, 49, 141, 0.04);
  border-radius: 5px;
  padding: 20px 32px;
  margin-bottom: 12px;
}

.top_ten_stockholder_color_blue {
  font-size: 24px;
  font-weight: bold;
  color: #0E318D;
  vertical-align: middle;
}

.top_ten_stockholder_li_left {
  flex: 4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.top_ten_stockholder_li_center {
  margin-left: 50px;
  flex: 2;
}

.top_ten_stockholder_li_right {
  flex: 1;
  white-space: nowrap;
}

.top_ten_stockholder_li_order {
  margin-right: 32px;
}

.top_ten_stockholder_li_num {
  margin-left: 8px;
}

.top_ten_stockholder_li_company_name {
  line-height: 16px !important;
  /* padding-top: 20px; */
}

.shareholding_ratio {
  margin-left: 8px;
}

.stock_more {
  display: inline-block;
  position: relative;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  background: #0E318D;
  color: #fff;
  font-size: 50px;
  user-select: none;
  cursor: pointer;
  transition: all ease .3s;
}
.stock_more:hover{
  opacity: .6;
}

.stock_more::after {
  content: '查看更多';
  position: absolute;
  left: 4px;
  top: 60px;
  font-size: 14px;
  color: #0E318D;
}

.information_disclosure {
  padding-top: 120px;
}

.information_disclosure_ul {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.information_disclosure_li {
  float: left;
  width: calc((100% - 40px)/2);
  margin-bottom: 40px;
  padding:20px;
  transition: all ease .5s;
  background: #FFFFFF;
  border-radius: 8px;
}
.information_disclosure_li a{
  display:flex;
}
.information_disclosure_li:hover{
  background:#0E318D;
}
.information_disclosure_li:hover a *{
  color:#fff;
}
.information_disclosure_li a:hover .information_disclosure_title,.information_disclosure_li a:hover .information_disclosure_download_span,.information_disclosure_li a:hover .information_disclosure_time{
  color:#fff;
}

.information_disclosure_title {
  font-size: 20px;
  color: #000000;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  padding-top:20px;
  padding-right:220px;
}

.information_disclosure_time {
  font-size: 14px;
  color: #666666;
  width:120px;
  text-align: center;
  flex: 0 0 auto;
}
.information_disclosure_time .top{
  font-size: 32px;
  font-weight: bold;
  color: #0E318D;
}
.information_disclosure_time .bot{
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color:#666;
}
.information_disclosure_download_span {
  color: #0E318D;
  margin-left: 30px;
}


.floor_2 .bd .swiper-wrapper .slide_item_1125 .slide_left .product_title{
  color: #0E318D;
}
.floor_2 .bd .swiper-wrapper .slide_item_1125 .index_more a,.slide_item_1125 .index_more .learn_more_arrow_icon{
  color: #0E318D;
}

.slide_item_1125 .index_more::before{
    background:#0E318D;
}



.floor_2 .bd .swiper-wrapper .slide_item_1126 .slide_left .product_title,.slide_item_1126 .index_more .learn_more_arrow_icon{
  color: #A0775D;
}
.floor_2 .bd .swiper-wrapper .slide_item_1126 .index_more a{
  color: #A0775D;
}

.slide_item_1126 .index_more::after{
  background:#A0775D;
}


.floor_2 .bd .swiper-wrapper .slide_item_1127 .slide_left .product_title{
  color: #A0775D;
}
.floor_2 .bd .swiper-wrapper .slide_item_1127 .index_more a,.slide_item_1127 .index_more .learn_more_arrow_icon{
  color: #A0775D;
}

.slide_item_1127 .index_more::after{
  background:#A0775D;
}


.floor_2 .bd .swiper-wrapper .slide_item_1128 .slide_left .product_title{
  color: #B62F62;
}
.floor_2 .bd .swiper-wrapper .slide_item_1128 .index_more a,.slide_item_1128 .index_more .learn_more_arrow_icon{
  color: #B62F62;
}

.slide_item_1128 .index_more::after{
  background:#B62F62;
}

.floor_2 .bd .swiper-wrapper .slide_item_1129 .slide_left .product_title{
  color: #FBE901;
}
.floor_2 .bd .swiper-wrapper .slide_item_1129 .index_more a,.slide_item_1129 .index_more .learn_more_arrow_icon{
  color: #FBE901;
}

.slide_item_1129 .index_more::after{
  background:#FBE901;
}

.floor_2 .bd .swiper-wrapper .slide_item_1130 .slide_left .product_title{
  color: #E8D260;
}
.floor_2 .bd .swiper-wrapper .slide_item_1130 .index_more a,.slide_item_1130 .index_more .learn_more_arrow_icon{
  color: #E8D260;
}

.slide_item_1130 .index_more::after{
  background:#E8D260;
}



.investment_fixed {
  position: absolute;
  right: 0;
  bottom: 10px;
  transform: translateY(-50%);
  z-index: 999;
  width: 160px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(14, 49, 141, 0.3);
  border-radius: 100px 0px 0px 100px;
  font-size: 21px;
  font-weight: bold;
  color: #0E318D;
  display:none;
}
.net-in{
  width:1600px;
  margin:0 auto;
  position: relative;
}
.net-map-area{
  height:1300px;
  background-size:cover;
  position: relative;
  position: absolute;
  left:50%;
  margin-left:-900px;
}

.net-icon{
  font-size:16px;
  color:#E2332E;
  position: absolute;
  z-index:100;
}
.net-icon span{
  font-size:12px;
  display:block;
  text-align: center;
  position: relative;
  left:-30%;
}
.net-dot-neimeng{
  top:100px;
}

.pro-main{
  padding:120px 0px;
}
.pro-wrap{
  margin-bottom:80px;
}
.pro-wrap:last-child{
  margin-bottom:0px;
}
.pro-wrap-title{
  font-weight: bold;
  color: #0E318D;
  font-size: 24px;
  margin-bottom:30px;
}
.pro-wrap-li{
  background:#fff;
  margin-bottom:20px;
  padding:20px  24px 20px 24px;
}
.pro-wrap-li .titles{
  overflow: hidden;
  margin-bottom:30px;
}
.pro-wrap-li .title-span{
  font-size:24px;
  font-weight:bold;
}

.pro-wrap-li .title-span::before{
  color:#0E318D;
  font-size:14px;
  background: rgba(14,49,141,0.14);
  border-radius: 5px;
  width:32px;
  height:32px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  vertical-align: middle;
}

.fj-rmt .wraps{
  text-align: center;
  display:flex;
  justify-content: space-around;
  padding:120px 0px 120px 0px;
}
.fj-rmt .wraps .items{
  flex:0 0 auto;
  width:320px;

}
.copy-href{
  margin:0px 30px;
}
.copy-year{
  margin-left:30px;
}
.fj-rmt .wraps .pic{
  height:auto;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(14,49,141,0.2);
  border-radius: 8px;
}
.fj-rmt .wraps .pic img{
  width:100%;
}
.fj-rmt .wraps .items .text{
  padding-top:40px;
  font-size:20px;
  color:#333;
}
.news_body .news_info-item,.news_body .news_info-item a{
  width:100%;
  display: block;
}
.news_body .news_info-item{
  height:auto;
  padding:40px 40px;
  margin-bottom:20px;
  border: 1px solid #E8E8E8;
  border-radius:0px;
  transition: all ease .5s;
  background:#fff;
}

.news_body .news_info-item .news_date{
  flex: 0 0 auto;
    width: 120px;
  height: 120px;
  box-shadow: inset 0px 4px 0px 0px #0E318D;
  border: 1px solid #E8E8E8;
  text-align: center;
  background:#fff;
}
.news_body .news_info-item .news_date .top{
  padding:20px 0px 8px 0px;
  font-weight: bold;
  color: #0E318D;
  font-size:40px;
  line-height:1.2;
}
.news_body .news_info-item .news_date .bot{
  font-size:20px;
color: #666666;
font-weight: bold;

}
.news_body .news_info-item .news_title{
  margin:0px;
  line-height: 1.5;
  flex: 0 1 auto;
  font-weight:bold;
  padding-left:40px;
  padding-top:20px;
  font-size:20px;
  color:#333;
  font-family:"simsunbd" ;
}
.news_body .news_info-item:hover{
  background: #0E318D;;
}

.news_body .news_info-item:hover .info_text div{
  color:#0E318D;
}
.news_body .news_info-item:hover .info_text .news_title{
  color:#fff;
}
.info_text{
  display: flex;
}

.pro-area{
  float:right;
  margin-top:3px;
  font-weight:bold;
}
.pro-area span{
  color:#666;
}
.pro-wrap-li .addr,.pro-wrap-li .resp,.pro-wrap-li .phone{
  margin-bottom:10px;
  font-size:16px;
}

.back_fixed{
  position: absolute;
  bottom:20px;
  right:40px;
}

.pro-wrap-li .addr span,.pro-wrap-li .resp span,.pro-wrap-li .phone span{
  color:#666;
}
.tabs-href{
  padding:12px 35px;
  font-weight: bold;
  font-size:14px;
  margin-right:20px;
  border-radius: 22px;
  border: 1px solid #0E318D;
  color:#0E318D;
}
.tabs-href-sel{
  background: #0E318D;
  color:#fff;
}
.tabs{
  padding:40px 0px 0px 0px;
}
.det-main-in{
  display:none;
}
.det-show{
  display:block;
}
.icon-guanbi:before {
  content: "\e6e0";
}


/* 网络营销 end */
.aboutus_vision{
  padding-top:85px;
}
.vision-top{
  display: flex;
  justify-content: space-between;
  margin-bottom:120px;
}
.vision-top .pics{
  width:560px;
  height:315px;
  
}
.vision-top .text{
  text-align: justify;
  padding-left:80px;
}
.vision-top .titles{
  color:#0E318D;
  font-size:24px;
  font-weight:bold;
  margin-bottom:24px;
}
.vision-top .conts-li{
  margin-bottom:40px;
  overflow: hidden;
  color:#666;
  line-height:1.8;
}
.vision-top .conts{
  line-height: 2;
  color:#666;
}
.vision-top .num{
  width:32px;
  height:32px;
  text-align: center;
  line-height:32px;
  color:#fff;
  font-weight: bold;
  font-size:20px;
  background:#0E318D;
  vertical-align: top;
  margin-right:10px;
  float: left;
}
.vision-title{
  font-size:32px;
  font-weight: bold;
  color: #0E318D;
  line-height: 40px;
  text-align: center;
  font-family: "siyuan";
}
.vision-ask{
  padding:100px 0px 0px 0px;
  text-align: center;
}
.vision-ask-pic{
  padding-top:60px;
  text-align: center;
}
.vision-ask-pic img{
  max-width: 100%;
}
.swiper-bot-swiper .wraps{
  width: 100%;
  height: 378px;
  background: #FFFFFF;
  border-radius: 8px;
  padding:80px 40px;
}
.bot-top{
  text-align:center;
  font-size: 48px;
  font-weight: bold;
  color: #0E318D;
  line-height: 56px;
  margin-bottom:18px;
}
.bot-middle{
  text-align: center;
  margin-bottom:18px;
  font-size: 20px;
  font-weight: bold;
}
.bot-bot{
  color: #666666;
  height:80px;
  line-height: 2;
}
.swiper-bot-swiper .swiper-slide{
  width:360px;
}
.main-bot-pas{
  display: flex;
  height:32px;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top:40px;
}
.main-bot-prog{
  width: 160px;
  height: 2px;
  background: #E8E8E8;
  overflow:hidden;
}
.main-bot-prog-in{
  height:2px;
  background: #E2332E;
  width:0px;
  transition: all ease .3s;
}
.main-bot-pas .swiper-pagination{
  position: static;
  width:60px;
  font-weight: bold;
  color: #333;
  margin:0px 20px;
}
.main-bot-pas .swiper-pagination .active{
  color:#E2332E;
}
.main-bot-pas .swiper-pagination-current{
  color:#E2332E;
}
.main-bot-pas .swiper-button-prev,.main-bot-pas .swiper-button-next{
  position: static;
  margin-top:0px;
  line-height: 32px;
}
.main-bot-prev-next{
  display: flex;
  width:80px;
  justify-content: space-between;
}

.swiper-vision-prev,.swiper-vision-next,.swiper-res-prev,.swiper-res-next,.swiper-sub-prev,.swiper-sub-next,.swiper-qu-next,.swiper-qu-prev{
  font-size: 32px;
  right: 40%;
  transition: all .3s;
  background: unset;
  color: #0E318D;
  top:auto;
  width:32px;
  height:32px;
  border-radius: 50%;
  bottom:0px;
  background: #fff;
  z-index:100;
}

.swiper-vision-prev,.swiper-res-prev,.swiper-sub-prev{
  left:54%;
}
.subordinate{
  background: #EFF3F7;
  padding-top:120px;
}
.sub-main{
  padding-top:0px;
  margin:0 auto;
}
.swiper-sub-swiper .swiper-slide,.swiper-res-swiper .swiper-slide{
  width:360px;
}
.sub-item{
  background:#fff;
  padding:20px;
  border-radius: 8px;
}
.sub-item .titles{
  font-weight: bold;
  color: #333333;
  line-height: 32px;
  font-size:20px;
  margin-bottom:15px;
  height:64px;
}
.sub-item  .pic{
  height:213px;
  margin-bottom:20px;
}
.sub-item .desc{
  text-align: left;
  color:#666;
  line-height: 2;
  height:85px;
  overflow: hidden;
}
.subordinate .more a{
  height:auto;
  padding:0px;
  background:none;
}
.sub-item .more .index_more{
  width:160px;
  margin-top:25px;
}
.about_body .subordinate .sub-item .more span{
  writing-mode: inherit;
}
.about_body .swiper-pagination-progressbar{
  top:auto;
  bottom:0px;
  width:50%;
  left:25%;
  background:#fff;
}
.swiper-bot-swiper,.swiper-res-swiper,.swiper-sub-swiper{
  padding:80px 0px 20px 0px;
}
.sub-all{
  display:flex;
}
.sub-all .pic{
  width:560px;
  flex:0 0 auto;
}
.sub-all .pic img{
  width:100%;
}
.sub-det{
  padding-top:140px;
}
.sub-all{
  padding:120px 0px;
}
.sub-all .text{
  padding-left:80px;
}
.sub-all .titles{
  font-size:24px;
  color:#333;
  font-weight:bold;
  margin-bottom:20px;
}
.sub-all .desc{
  line-height:2;
  color:#666;
}
.lc-wrap .conts{
  padding-top:80px;
  line-height:1.5;
  width:70%;
  margin:0 auto;
}
.lc-wrap .conts img{
  width:auto!important;
  height:auto!important;
}
.lc-wrap{
  margin-bottom:120px;
}
.lc-main{
  padding-top:30px;
}

/* 关于我们 end */
