html {
  width: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  background: #fff;
  margin: 0;
  padding: 0;

}

body {
  padding-bottom: constant(safe-area-inset-bottom);
}

body,
div,
p,
th,
td,
div,
li,
dl,
dt,
dd,
input,
button,
select,
textarea {
  font-family: "SimHei", Arial;
}

body,
div,
p,
th,
td {
  margin: 0;
  padding: 0;
  color: #303030;
  -webkit-text-size-adjust: none;
}

input,
button,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: normal;
  outline: none;
  vertical-align: middle;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

textarea {
  resize: none;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border: 0;
}

th,
td {
  border: 0;
  font-weight: 300;
}

img {
  width: 100%;
  vertical-align: middle;
  border: 0;
}

div {
  display: block;
  list-style-type: disc;
  margin-block-start: none;
  margin-block-end: none;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  margin-block-start: 0;
  margin-block-end: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0;
}

li {
  list-style: none
}

a,
a:hover {
  text-decoration: none;
}

button,
input[type=button],
input[type=submit] {
  border: 0;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
}

* {
  outline: none;
}

.boxsize {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#page {
  width: 100%;
  position: relative;
}

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

.nav li:nth-last-child(1) {
  margin-right: 0;
}


.swiper-slide {
  position: relative;
}

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

.pgn {
  position: absolute;
  z-index: 4;
  width: 100%;
  text-align: center;
  top: 40.4%;
  left: 94.375vw;
}

.pgn>.swiper-pagination-bdivlet {
  display: block;
  width: 0.625vw;
  height: 0.625vw;
  background: transparent;
  cursor: pointer;
  margin-bottom: 13px;
  border-radius: 50%;
  opacity: 1;
  border: 0.15625vw solid #fff;
}

.pgn>.swiper-pagination-bdivlet-active {
  background: #fff;
}

.flex-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}

.index_footer {
  width: 100%;
  border-top: #e4e4e4 solid 1px;
  /* height: 7.5%; */
  background: #fff;
  /* background-image: url("../img/pc_footer.png");
  background-size: 100%;
  background-repeat: no-repeat; */
  /* text-align: center; */
  min-height: 10px;
}

.footer_img_text_box{
  padding-top: 2vmin;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.top_header_box{
  background-image: url("../img/topHeaderBg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.index_footerBottom {
  padding: 0.5vmin 0.5vmin 0.5vmin 0.5vmin;
  display: flex;
  font-size: 1.49vmin;
  color: #494949;
  /* text-align: center; */
  align-items: center;
  justify-content: center;
  -webkit-justify-content:center;
  /* margin-left: -4vmin; */
  /* transform: scale(0.95) ; */
  /* width: 105%; */
  white-space: nowrap;
  transform-origin: 0 0;
}

.index_footerBottom a{
  color: #494949;
}

.footer_img_left img{
  width: 3.7vmin;
  height: 4.5vmin;
  padding: 0.1vmin;
}

.footer_text_title{
  padding-left:0.5vmin;
  font-size: 1.8vmin;
  white-space: nowrap;
  font-weight: 600;
  color: #16447f;
}
.footer_text_right_transform{
  -moz-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  /* display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start; */
}

.flex-column-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin-top: 1.5vmin; */
}



.in_foot {
  color: #494949;
  font-size: 1.2vmin;
  padding-bottom: 0.8vmin;
  text-align: center;
}



.index_footerBottom img {
  width: 1%;
  height: 1%;
  padding: 0.1vmin;
}

.footer {

  width: 100%;
  height: 125px;
  background: rgb(245, 245, 245);
  text-align: center;
}

.footer_leftBox {
  width: 15%;
}



.footer_rightBox {
  border-top: 0.01vw solid rgb(192, 192, 192);
  margin-top: 1vw;
  margin-left: -3vw;
  padding-top: 0.5vw;
  width: 85%;
}

.footer_rightBox img {
  float: right;
  padding: 0vw 0.2vw;
}

.footerdiv {
  /* width:  76.875vw; */
  height: 30px;
  /* margin: 0 auto; */
  margin-top: 2.16%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footerdiv li {
  float: left;
  margin: 0 21px;
  position: relative;
  font-size: 0.9375vw;
}

.footerdiv li a {
  color: #000000;
}

.footerdiv li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  top: 2px;
  right: -20px;
  background-color: #000000;
  z-index: 1;
}

.footerdiv li:nth-last-child(1)::after {
  width: 0;
}


.index_header {
  width: 100%;
  height: 7vw;
  background-image: url('../img/topper_background.png');
  background-size: 100% 120%;
  background-repeat: no-repeat;
}

.index_headerBox {
  color: #fff;
  font-size: 0.7vw;
  width: 85%;
  margin: 0 auto;
  height: 6vw;
  line-height: 6vw;
  box-sizing: border-box;
  background-image: url('../img/blue_logo.png');
  background-position: left 2.5vw;
  background-size: 25%;
  background-repeat: no-repeat;
  position: relative;
  /* float: right; */
}


.index_nav {
  float: right;
  /* width: 45vw; */
  width: 70%;
  /* background-image: url('../img/service_calling.png'); */
  background-repeat: no-repeat;
  background-position: right 0.7vw;
  background-size: 25%;
  /* width: 46vw; */
  text-align: right;

}

.index_nav img {
  width: 20%;
}

.index_nav li {
  display: inline-block;
  margin: 0 0.7vw;
  position: relative;

}

.index_nav li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 1vw;
  top: 2.4vw;
  right: -1.04vw;
  background-color: #888;
  z-index: 1;
}

.index_nav li:nth-last-child(1)::after {
  width: 0;
}

.index_nav li:nth-last-child(2)::after {
  width: 0;
}

.index_nav a {
  color: rgb(112, 112, 112);
}


.public_header {
  width: 100%;
  height: 3.54vw;
  background: rgb(250, 250, 250);
}

.public_headerBox {
  color: #fff;
  font-size: 0.9375vw;
  width: 76.875vw;
  margin: 0 auto;
  height: 3.54vw;
  line-height: 3.54vw;
  box-sizing: border-box;
  background-image: url('../img/zxzxTitle.png');
  background-position: left center;
  background-size: 12.656vw 3.489vw;
  background-repeat: no-repeat;
  position: relative;
}

.public_nav {
  float: left;
  padding-left: 38.5vw;
}

.public_nav li {
  float: left;
  margin: 0 1.093vw;
  position: relative;
}

.public_nav li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.73vw;
  top: 1.406vw;
  right: -1.04vw;
  background-color: #fff;
  z-index: 1;
}

.public_nav li:nth-last-child(1)::after {
  width: 0;
}

.public_nav a {
  color: #fff;
}


.public_contact {
  height: 3.54vw;
  float: right;
  background-image: url('../img/contactLogo.png');
  background-repeat: no-repeat;
  background-size: 2.29vw;
  background-position: left center;
  color: #fff;
  line-height: 1.04vw;
  padding-top: 0.83vw;
  padding-left: 2.81vw;
  box-sizing: border-box;
}

.index_product_banner {
  width: 15%;
  margin: 3vw auto;
  position: relative;
}

.index_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/index_banner.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.jtxfd_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/jtxfd_banner.png');
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.xcjh_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/xcjh_banner2.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.ykt_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/ykt_banner1.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.other_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/downloadAppBg.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.contact_banner {
  width: 100%;
  height: 62%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/contact_banner.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.lyjh_banner {
  width: 100%;
  height: 78%;
  /* height: 2vw; */
  position: relative;
  background-image: url('../img/lyjh_banner.png');
  background-size: 100%;
  background-repeat: no-repeat;
}

.index_banner img {
  display: block;
}

.public_banner {
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
}

.public_banner_title {
  font-size: 4.16vw;
  position: absolute;
  top: 39.8%;
  left: 11.61vw;
  color: #16447f
}

.public_banner_title_intro {
  font-size: 2.083vw;
  position: absolute;
  top: 32.08%;
  left: 11.61vw;
  color: #fff
}

.public_banner_title_intro1 {
  font-size: 4.16vw;
  position: absolute;
  top: 46.76%;
  left: 11.61vw;
  color: #fff
}

.public_banner_qrBox {
  width: 12.65vw;
  height: 60.29%;
  position: absolute;
  right: 11.61vw;
  top: 22.82%;
}

.public_banner_qrBoxBg {
  background-image: url('../img/publicQrBg.jpg');
  background-size: 100% 100%;
  padding: 0 2.13vw;
  font-size: 0.93vw;
  color: #fff;
  text-align: center;
  line-height: 2.135vw
}


.public_banner_qrBoxBg img {
  width: 8.22vw;
}



#page_introduce {
  background: #fff;
  overflow-y: hidden;
  overflow-x: hidden;
}

#page_index {
  background-color: #fff;
  overflow-y: hidden;
  overflow-x: hidden;
}

#contact_container {
  background: #fff;
  
}

.public_footer {
  /* width: 100%;
  height: 6.5625vw;
  background: rgb(9, 99, 245);
  font-size: 18px; */
  width: 100%;
  background: #fff;
  text-align: center;
  margin-top: 30px;

}

.public_footer_box {
  /* width: 76.875vw;
  height: 3.8vw;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  line-height: 3.8vw;
  box-sizing: border-box; */
  width: 93%;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
}

.public_footerdiv {
  /* display: flex;
  justify-content: center; */
  width: 15%;
}

.public_rightBox {
  border-top: 0.01vw solid rgb(192, 192, 192);
  margin-top: 1vw;
  margin-left: -4vw;
  padding-top: 0.5vw;
  width: 85%;
}

.public_rightBox img {
  float: right;
  padding: 0vw 0.2vw;
}

.public_footerdiv li {
  margin: 0 1.09vw;
  position: relative;
  font-size: 0.9375vw;
}

.public_footerdiv li a {
  color: #fff;
}

.public_footerdiv li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.729vw;
  top: 1.51vw;
  right: -1.04vw;
  background-color: #fff;
  z-index: 1;
}

.public_footerdiv li:nth-last-child(1)::after {
  width: 0;
}

.public_record {
  /* width: 76.875vw;
  height: 2.8vw;
  margin: 0 auto;
  font-size: 0.9375vw; */
  background-color: rgb(222, 239, 247);
  padding: 1vw 0.5vw;
  display: flex;
  font-size: 0.3em;
  color: rgb(158, 158, 158);
  justify-content: center;
}

.public_record a {
  color: rgb(158, 158, 158);

}

.public_record img {
  width: 1%;
  height: 1%;
}


.public_record_text {
  padding-left: 34.5%;
}

.public_nav_act a {
  color: rgb(0, 162, 255)
}

.new_main {
  width: 100%;
  height: 98%;
}



.new_slogan {
  /* border-left: 0.3125vw solid rgb(9, 99, 245); */
  margin-top: 1.04vw;
  /* padding-left: 2.5vw; */
}


.new_slogan_text {
  font-size: 2.2vmin;
  color: black;
  margin-top: 50px;
  margin-left: 4%;
}

.new_slogan_text1 {
  font-size: 3vmin;
  color: black;
  font-weight: bold;
  line-height: 5vmin;
  margin-left: 4%;
}

.new_slogan_img {
  width: 28vmin;
  margin-left: 2%;
  margin-top: -2vmin;
}

.new_container {
  display: flex;
  margin: 0vmin auto;
  margin-bottom: 1.8vmin;
  padding: 10px 10px 10px 10px;
  flex-flow: column;
  justify-content: center;
  background-color: #f5f9fb;
  width: 90%;
  /* height: auto; */
  box-sizing: border-box;
}

.new_title {
  font-size: 3vmin;
  /* font-family: 'Noto Sans SC'; */ 
  color: #000;
  margin-top: 1.5vmin;
  margin-left: 3vmin;
  margin-right: 3vmin;
  font-weight: bold;
}
.announcement_title {
  font-size: 3vmin;
  /* font-family: 'Noto Sans SC'; */ 
  color: #000;
  /* margin-top: 2vmin; */
  /* margin-left: 5vmin; */
  font-weight: bold;
}

.sub_title{
  font-size: 2vmin;
  color: #000;
  margin-top: 3vmin;
  margin-left: 3vmin;
  /* margin-bottom: -1.5vmin; */
  font-weight: bold;
}

.new_infor {
  margin-top: 1vmin;
  font-size: 1.6vmin;
  margin-left: 3vmin;
  line-height: 1vmin;
  height: 1.5vmin;
}

.new_time {
  width: 50%;
  float: left;
  color: rgb(112, 112, 112)
}

.new_infor1 {
  margin-top: 1vmin;
  font-size: 1.7vmin;
  font-weight: bold;
  margin-left: 5vmin;
  line-height: 1vmin;
}

.new_time1 {
  width: 50%;
  float: left;
  color: #16447f
}

.new_source {
  float: left;
  color: #16447f;
}

.news_title_bar{
  margin-left: 7vmin;
  margin-top: 3vmin;
  margin-bottom: 3vmin;
  font-size: 2.2vmin;
  color: #16447f;
  font-weight: bold;
}

.new_text {
  height: auto;
  width: 95%;
  margin: 0.5vmin auto;
  font-size: 1.7vmin;
  line-height: 2.55vmin;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.news_min_h{
  min-height: 21.8vmin;
}
.new_box_min_h{
  min-height: 3vmin;
}
.ysxy_text {
  /* height: auto; */
  width: 95%;
  padding-top: 1vmin;
  margin: 0 auto;
  font-size: 1.7vmin;
  line-height: 2.55vmin;
  text-align: justify;
  
  text-justify: distribute-all-lines;
}

.newsTextImg {
  width: 31.9vw;
  height: 31.35vw;
  position: absolute;
  top: 0;
  right: -11.61vw;
}



.public_banner_title_produ {
  font-size: 4.166vw;
  position: absolute;
  top: 55.58%;
  left: 11.61vw;
  color: #16447f;
  font-weight: bold;
}

.public_banner_title_produ1 {
  font-size: 3.125vw;
  position: absolute;
  top: 77.42%;
  left: 11.61vw;
  color: #16447f;
  font-weight: bold;

}

.prod_main_box {
  width: 100%;
  margin-top: -3vmin;
  position: relative;
  z-index: 5;
  background-image: url('../img/productCardBg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
}
.index_main_box {
  width: 100%;
  position: relative;
  z-index: 5;
  background-image: url('../img/indexCardBg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: -0.4vmin;
}
.middle_box{
  height: 100%;
}

.index_main{
  padding-top: 1vmin;
}
.index_main a{
  width: 95%;
  /* padding-left: 0.2vmin;
  padding-right: 0.2vmin; */
}
.index_main li{
  width: 100%;
}

.index_main a:nth-child(1){
  padding-left: 0.4vmin;
  /* padding-right: 0.2vmin; */
  width: 95%;
}

.index_main a:nth-child(4){
  /* padding-left: 0.2vmin; */
  padding-right: 0.4vmin;
  width: 95%;
}

.prod_main{
  padding-top: 3.6vmin;
}


.prod_main a{
  width: 95%;
}
.prod_main li{
  /* padding-left: 0.2vmin; */
  /* padding-right: 0.2vmin; */
  width: 95%;
}

.prod_main li:nth-child(1){
  padding-left: 0.4vmin;
  /* padding-right: 0.2vmin; */
  width: 95%;
}

.prod_main li:nth-child(5){
  /* padding-left: 0.2vmin; */
  padding-right: 0.4vmin;
  width: 95%;
}



.public_banner_title_produF {
  font-size: 3.75vw;
  position: absolute;
  top: 32.5%;
  left: 11.61vw;
  color: #16447f;
  font-weight: bold;
}

.public_banner_title_produF1 {
  font-size: 3.125vw;
  position: absolute;
  top: 53.1%;
  left: 11.61vw;
  color: #16447f
}

.prodF_main {
  /* width: 76.875vw; */
  height: 25.26vw;
  margin: 0 10vw;
}

.prodF_main div {
  width: 100%;
  height: 15.625vw;
  padding-top: 4.11vw;
  display: flex;
  justify-content: space-between;
}

.prodF_main div li {
  /* float: left;
  width: 24.375vw;
  margin-left: 1.04vw; */
  height: 100%;
  text-align: center;
}

.prodF_main div li img {
  width: 8.4375vw;
  height: 8.4375vw;
  margin-bottom: 0.78vw;
}

.prodF_main div li p {
  color: #16447f;
  font-size: 2.5vw;
  font-weight: bold;
}

.prodF_main div li p:nth-child(3),
.prodF_main div li p:nth-child(4) {
  font-size: 1.25vw;
  margin-top: 0.52vw;
  font-weight: normal;
}

.public_banner_title_produS {
  font-size: 3.125vw;
  position: absolute;
  top: 53.1%;
  left: 11.61vw;
  color: #16447f;
  font-weight: bold;
}

.prodS_main {
  /* width: 76.875vw; */
  margin: 0 6vw;
  height: 25.1vw;
}

.prodS_main div {
  width: 100%;
  height: 16.19vw;
  padding-top: 4.16vw;
  display: flex;
  justify-content: space-between;
  /* grid-template-columns: 16.8% 16.6% 16.6% 16.6% 16.6% 16.8%; */
}

.prodS_main div li {
  /* width: 13.69vw;
  height: 16.19vw;
  float: left;
  margin-right: 5.52vw; */
  /* width: 16.5vw;
  padding-left: 0.7vw;
  padding-right: 0.7vw; */
  text-align: center;
}

.prodS_main div li:nth-child(4) {
  margin-right: 0;
}

.prodS_main div li img {
  width: 8.43vw;
  margin-bottom: 0.78vw;
}

.prodS_main div li p {
  color: #16447f;
  font-size: 1.25vw;
}

.prodS_main div li p:nth-child(3) {
  margin-top: 0.52vw;
}

.prodS_tip {
  text-align: center;
  font-size: 1.25vw;
}

.prodB_main {
  /* width: 63vw; */
  margin: 0 6vw;
  height: 25.15vw;
}

.prodB_main div {
  width: 100%;
  height: 16.19vw;
  padding-top: 4.16vw;
  display: flex;
  justify-content: space-between;
}

.prodB_main div li {
  /* width: 15.26vw;
  height: 16.19vw;
  float: left; */
  width: 14vw;
  text-align: center;
}

.prodB_main div li:nth-child(4) {
  margin-right: 0;
}

.prodB_main div li img {
  width: 8.43vw;
  margin-bottom: 0.78vw;
}

.prodB_main div li p {
  color: #16447f;
  font-size: 1.25vw;
}

.prodB_main div li p:nth-child(3) {
  margin-top: 0.52vw;
}


.banner_title {
  position: absolute;
  top: 20.72%;
  width: 1920px;
  left: 25.57vw;
  font-size: 2.864vw;
  color: #fff;
  z-index: 100;
}

.banner_title1 {
  position: absolute;
  width: 1920px;
  top: 27.28%;
  left: 25.57vw;
  font-size: 5.4906vw;
  color: #fff;
  z-index: 100;
}

.banner_btn,
.banner_btn1,
.banner_btn2 {
  position: absolute;
  top: 46.24%;
  left: 19.843vw;
  top: 51.2%;
  left: 19.8%;
  width: 18.07%;
  height: 6.77%;
  background: rgb(1, 86, 213);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  font-size: 1.755vw;
  border-radius: 20px;
  text-indent: 2rem;
}

.banner_btn {
  background-image: url('../img/indexBtnBg.png');
  background-repeat: no-repeat;
  background-size: 1.25vw 1.5104vw;
  background-position: 20% 45%
}

.banner_btn1 {
  left: 40.9%;
  background-image: url('../img/indexBtnBg1.png');
  background-repeat: no-repeat;
  background-size: 1.093vw 1.458vw;
  background-position: 20% 45%
}

.banner_btn2 {
  left: 62%;
  background-image: url('../img/indexBtnBg2.png');
  background-repeat: no-repeat;
  background-size: 1.30vw 1.30vw;
  background-position: 20% 45%
}

.banner_img {
  width: 13.8vw;
  position: absolute;
  top: 12.8%;
  left: 60.416vw;
  z-index: 10;
}

.banner_qr,
.banner_qr1 {
  width: 7.708vw;
  position: absolute;
  top: 78%;
  left: 11.458vw;
  z-index: 10;
  color: #fff;
  font-size: 1.04vw;
  text-align: center;
  line-height: 40px;
}

.banner_qr1 {
  left: 22.55vw;
}

.headerTits {
  position: absolute;
  font-size: 0.9375vw;
  top: 3vw;
  left: 25vw;
  color: #fff;
}

.bannerBgDay {
  width: 100%;
}

.bannerBgNight {
  width: 100%;
}

@media (max-width:1258px) {}

/**2020-11-13根据需求修改*/
.public_product_kind_tip {
  text-align: center;
  color: #16447f;
  font-size: 0.9375vw;
  padding-bottom: 13.54vw;
  padding-top: 4vw;
}

.introduce_main {
  width: 100%;
  /* overflow-y: auto; */
}
.padding-2vmin{
  padding: 2vmin;
}

.paddingtb-2vmin{
  padding-top: 2vmin;
  padding-bottom: 2vmin;
}

.introduce_card1 {
  width: 86%;
  background-color: #f5f9fb;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 2vmin;
  
}

.introduce_card1 .left {
  width: 19vmin;
  padding-left: 6vmin;
  padding-top: 3vmin;
  display: flex;
  align-content: center;
  justify-content: center;
}


.introduce_card1 .left img {
  width: 70%;
  height: 95%;
  display: inline-block;
  /* padding-left: 15vmin; */
}

.introduce_card1 .right {
  flex: 1;
  padding-right: 8vmin;
}

.introduce_scrollbar_box {
  height: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  /* margin-top: 1vmin; */
  /* padding-bottom: 5vmin; */
  margin-right: 1%;
}

.introduce_scrollbar_box::-webkit-scrollbar {
  width: 1.2vmin;
  /* height: 10px; */
}

.introduce_scrollbar_box::-webkit-scrollbar-thumb {
  border-radius: 0.6vmin;
  background-color: rgba(161, 158, 158, 0.5);
}

.introduce_scrollbar_box::-webkit-scrollbar-track {
  border-radius: 0.6vmin;
  background-color: rgba(255, 255, 255, 0.5);
  /* border: 1px solid rgba(161, 158, 158, 0.5); */
  box-shadow: 0.1vmin 0.1vmin 0.6vmin rgba(161, 158, 158, 0.5) inset;
}

.introduce_card2 {
  width: 100%;
  /* background-image: url('../img/introduceBg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  /* margin-bottom: 1vmin; */
  position: relative;
  /* overflow: auto; */
  height: 40vmin;
  box-sizing: border-box;
  /* padding-bottom: 2vmin; */
}

.honourCardBox{
  height: 62%;
  display: inline-block;
}
.honourCardBox li{
  display: inline-block;
    position: relative;
}

.honourCard{
  width: 100%;
  height: 90%;
  background-image: url('../img/honourCardBg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 3vmin;
}
.honourCardBox img{
  height: 0.5vmin;
  width: 8vmin;
  margin-left: -0.2vmin;
  margin-right: -0.2vmin;
  margin-top: 5vmin;
}
/* .honourCardBox li::after{
  content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 5vmin;
    right: -0.2vmin;
    background-color: #16447f;
    border-radius: 50%;
    z-index: 1;
}
.honourCardBox li:nth-last-child(1)::after{
    width: 0px;
    height: 0px;
} */
.honourTime{
  color: #16447f;
  font-size: 2.5vmin;
  font-weight: 600;
  text-align: center;
}
.honourText{
  padding-top: 2vmin;
  font-size: 1.7vmin;
  line-height: 2.55vmin;
  text-align: justify;
  
  text-justify: distribute-all-lines;
}

.introduce_title {
  width: 100%;
  color: #000;
}


.introduce_title_1 {
  font-weight: bold;
  /* font-family: 'Noto Sans SC'; */
  font-size: 3vmin;
  padding: 1vmin 0;
  text-align: center;
}

.introduce_title_2 {
  font-size: 1.7vmin;
}

.introduce_text {
  /* margin-top: 1.5vw; */
  width: 100%;
  font-size: 1.7vmin;
  padding-bottom: 2vmin;
  line-height: 2.55vmin;
  text-align: justify;
  
  text-justify: distribute-all-lines;
  /* padding-bottom: 3.59375vmin; */

}

.introduce_text1 {
  margin-top: 1.2vmin;
}


.introduce_text_img {
  width: 26vmin;
  height: 29vmin;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12vmin;
  margin-left: -15vmin;
}

.introduce_text_table {
  width: 90%;
  padding: 1vmin 7vmin;
  /* margin-top: 2vmin; */
  font-size: 1.7vmin;
  line-height: 2.55vmin;
  display: flex;
}

.introduce_text_tr {
  width: 13%;
  height: 3vmin;
  margin-left: 2vmin;
  margin-right: 0.5vmin;
  margin-top: 0.3vmin;
  color: rgb(0, 65, 134);
  background: url('../img/introduceBracket.png') no-repeat;
  background-size: 100% 100%;
  line-height: 3vmin;
  align-items: center;
  font-weight: bold;
}

.introduce_text_tr li{
  width: 68%;
  text-align: center;
}

.introduce_text_th {
  width: 80%;
  padding-top: 0.5vmin;
  flex: 1;
  /* padding-right: 6vmin; */

}

@media (max-width:1024px) {
  .contact_container {
    width: 100vw;
    font-size: 1vw;
    margin: 0 auto;
  }
}

@media (min-width:1024px) {
  .contact_container {
    width: 1024px;
    margin: 0 auto;
    font-size: 16px;
  }
}

.page_index {
  margin: 0 auto;
}

.contact_body_box {
  background-color: #fff;
  width: 100vw;
  height: 100vmin;
  overflow: hidden;
}

.index_body {
  background-color: #fff;
  width: 100vw;
  height: 100vmin;
  overflow: auto;
}

.contact_container {
  box-sizing: border-box;
  padding-top: 1px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.flex-between{
  display:flex;
  display: -webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
}

.flex-between-column{
  display:flex;
  flex-direction: column;
  display: -webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
}

.flex-start {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.width-92p{
  width: 92%;
}
.margin-0-auto{
  margin: 0 auto;
}

.contact_top {
  flex: 1;
  -webkit-box-flex: 1;
  max-width: 100%;
  background-color: #16447f;
  /* overflow-y: auto; */
}

.content_bottom_background{
  background-image: url('../img/productBg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.contactUs_bottom_background{
  background-image: url('../img/contactUs_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.introduce_header {
  width: 100%;
  height: 11.8%;
  background-image: url('../img/common_topper_bg.png');
  background-size: 100%;
  background-repeat: no-repeat;
  /* padding:1vw 0vw; */
  box-sizing: border-box;
  box-shadow: 0px 1.2px 2px 0px #e0e0e0;
  /* border-bottom:  solid #888;*/
} 
.connect_header {
  background-image: url("../img/contactHeaderbg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
}


.header_icon {
  width: 24%;
  display: inline-block;
  text-align: right;
}

.header_icon img {
  width: 70%;
  max-width: 20vmin;
  display: inline-block;
}

.header_cont {
  /* width: 40%; */
  margin: 0;
  padding-left: 38vmin;
  padding-top: 2.5vmin;
  display: inline-block;
  text-align: right;
}

.header_cont li {
  display: inline-block;
  position: relative;
  padding-top:  0.8vmin;
  padding-bottom: 0.8vmin;
  margin-left: 1vmin;
  margin-right: 1vmin;
  line-height: 1.2vmin;
}

.header_cont a {
  color: #fff;
  font-size: 2.2vmin;
  line-height: 2.4vmin;
}

.header_cont li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2vmin;
  top: 1vmin;
  right: -1.2vmin;
  background-color: #fff;
  z-index: 1;
}

.header_cont li:nth-last-child(1)::after {
  width: 0;
}

.secheader_cont {
  /* width: 40%; */
  margin: 0;
  padding:0.6vmin;
  display: inline-block;
  text-align: right;
}

.secheader_cont li {
  display: inline-block;
  position: relative;
  padding: 0.8vmin;
  line-height: 1vmin;
}

.secheader_cont a {
  color: rgb(112, 112, 112);
  font-size: 1.8vmin;
  line-height: 1.8vmin;
}

.secheader_cont li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 1.8vmin;
  top: 0.9vmin;
  right: -0.2vw;
  background-color: #888;
  z-index: 1;
}

.secheader_cont li:nth-last-child(1)::after {
  width: 0;
}








.cusheader_cont {
  /* width: 40%; */
  margin: 0;
  padding:0.6vmin;
  display: inline-block;
  text-align: right;
}

.cusheader_cont li {
  display: inline-block;
  position: relative;
  padding: 0.8vmin;
  line-height: 1vmin;
}

.cusheader_cont a {
  color: rgb(112, 112, 112);
  font-size: 1.8vmin;
  line-height: 1.8vmin;
}

.cusheader_cont li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 1.8vmin;
  top: 0.9vmin;
  right: -0.2vw;
  background-color: #888;
  z-index: 1;
}

.cusheader_cont li:nth-last-child(1)::after {
  width: 0;
}


#sectitle{
  color: rgb(112, 112, 112);
  font-size: 1.8vmin;
  line-height: 1.8vmin;
}

.secmenu{
  padding:1vmin 11vmin;
  line-height: 3vmin;
}


.contect_header {
  /* width: 40%; */
  margin: 0;
  padding-left: 57vmin;
  padding-top: 2.5vmin;
  display: inline-block;
  text-align: right;
}

.contect_header li {
  display: inline-block;
  position: relative;
  padding-top:  0.8vmin;
  padding-bottom: 0.8vmin;
  margin-left: 1vmin;
  margin-right: 1vmin;
  line-height: 1.2vmin;
}

.contect_header a {
  color: #fff;
  font-size: 2.2vmin;
  line-height: 2.4vmin;
}

.contect_header li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2vmin;
  top: 1vmin;
  right: -1.5vmin;
  background-color: #fff;
  z-index: 1;
}

.contect_header li:nth-last-child(1)::after {
  width: 0;
}

.box_header .img {
  width: 12vmin;
  display: inline-block;
  margin-top: -1vmin;

}

.contact_main {
  background: url('../img/connect_bg.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  padding: 6vmin 0;
  box-sizing: border-box;
}

.contact_logo {
  width: 65%;
  padding-left: 1.5vw;
}


.ysxy_box{
  width: 100%;
  height: 96%;
  overflow-y: auto;
  overflow-x: hidden;
}

.ysxy_box::-webkit-scrollbar {
  width: 1.2vmin;
  height: 0;
}

.ysxy_box::-webkit-scrollbar-thumb {
  border-radius: 0.6vmin;
  background-color: rgba(161, 158, 158, 0.5);
}

.ysxy_box::-webkit-scrollbar-track {
  /* height: 30px; */
  border-radius: 0.6vmin;
  background-color: rgba(255, 255, 255, 0.5);
  /* border: 1px solid rgba(161, 158, 158, 0.5); */
  box-shadow: 0.1vmin 0.1vmin 0.6vmin rgba(161, 158, 158, 0.5) inset;
}

.ysxy_container {
  display: flex;
  margin: 1.5vmin auto;
  padding: 10px 10px 10px 10px;
  flex-flow: column wrap;
  justify-content: center;
  background-color: #f5f9fb;
  /* background: url('../img/zuixinzixun01.jpg');
  background-size:cover; */
  /* border-radius: 5px;
  box-shadow: -1px 3px 4px 3px #bcd2dd;
  background-image: linear-gradient(#edf8fe, #ffffff 15%);
  background-origin: content-box;
  background-repeat: no-repeat; */
  width: 90%;
  min-height: 96%;
  /* height: 100%; */
  box-sizing: border-box;
}

.ysxy_title {
  font-size: 3vmin;
  /* margin-top: 2vmin; */
  color: black;
  /* margin-left: 5vmin; */
  font-weight: bold;
  /* font-family: 'Noto Sans SC'; */
}

.ysxy_infor{
  margin-top: 1vmin;
}

.ysxy_time {
  font-size: 1.5vmin;
  margin-right: 0.9vmin;
  color: rgb(112, 112, 112);
  /* font-weight: bold; */
  float: left;
  /* padding-right: 2vmin; */
}

.textStyle {
  font-weight: bold;
  cursor: pointer;
  color: #16447f;
}

.scroll_box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  flex: 1;
}

.announce_scroll_box {
  overflow-y: auto;
}

.announce_scroll_consumer {
  overflow-y: auto;
  height: 60%;
}

.announce_scroll_box1 {
  overflow-y: auto;
  height: 90%;
}

.announce_scroll_box2 {
  overflow-y: auto;
}

.scroll_box::-webkit-scrollbar {
  width: 1.2vmin;
  /* height: 10px; */
}

.scroll_box::-webkit-scrollbar-thumb {
  border-radius: 0.6vmin;
  background-color: rgba(161, 158, 158, 0.5);
}

.scroll_box::-webkit-scrollbar-track {
  border-radius: 0.6vmin;
  background-color: rgba(255, 255, 255, 0.5);
  /* border: 1px solid rgba(161, 158, 158, 0.5); */
  box-shadow: 0.1vmin 0.1vmin 0.6vmin rgba(161, 158, 158, 0.5) inset;
}

.news_tips1{
  min-height: 1vmin;
  padding:0 0 1vmin 0;
  margin-top: -2vmin;
  text-align: center;
}
.news_tips{
  min-height: 1vmin;
  /* padding:0 0 2vmin 0; */
  text-align: center;
}
.news_last,.news_next{
  cursor: pointer;
}
.weibo{
  display: inline-block;
  /* width: 1rem;
  height: 1rem; */
  width: 100%;
  height: 100%;
  background: url('../img/weiboIcon.png') no-repeat;
  opacity: 0;
  background-size: 100% 100%;
}
.weiboPosition{
  position: absolute;
  top: 78%;
  left: 85%;
  width: 4%;
  height: 7%;
}
.productBack{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 7%;
  height: 17%;
}
.productBackIcon{
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url('../img/weiboIcon.png') no-repeat;
  opacity: 0;
  background-size: 100% 100%;
}
.announcement_box{
  margin: -0.3vmin auto;
  padding-top: 3vmin;
  padding-bottom: 3vmin;
}
.common_text_title{
  font-weight: bold;
  /* font-family: 'Noto Sans SC'; */
  font-size: 3vmin;
  padding: 1vmin 0;
}
.consumer_contact_content_box{
  width: 75%;
  height: 22.55%;
  position: relative;
  margin: 5vmin auto;
  
}
.contactUs_content_box{
  width: 75%;
  height: 25.55%;
  position: relative;
  margin: 5vmin auto;
  
}

.contactUs_upper_box{
  height: 50%;
}
.contactUs_upper_box li{
  display: inline-block;
  position: relative;
  
}
.contactUs_upper_box li::before{
  content: "";
    position: absolute;
    width: 5px;
    height: 5.1vmin;

    left: -0.2vmin;
    background-color: #16447f;
    z-index: 1;
}
.contactUs_bottom_box{
  height: 50%;
  align-items: flex-end;
  border-top: #e4e4e4 solid 1px;
}
.contactUs_title{
  font-size: 3vmin;
  margin-left: 2vmin;
  font-weight: bold;
}
.contactUs_text{
  font-size: 1.7vmin;
  margin-left: 2vmin;
  line-height: 2.55vmin;
}