.ov {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.ab {

  display: block;

  width: 100%;

  height: 100%;

}





.por {

  position: relative;

}





.sub_banner {

  position: relative;

  padding-top: 33.8541%;

}



.sub_banner .tit {

  position: absolute;

  left: 50%;

  margin-left: -700px;

  top: 264px;

  z-index: 10;

  width: 100%;

}



.sub_banner .tit p {

  font-size: 30px;

  text-transform: uppercase;

  width: 90%;

  line-height: 26px;

  color: #293256;

  font-family: arial;

}



.sub_banner .tit p a {

  color: #fff;

}



.sub_banner .tit p a:hover {

  text-decoration: underline;

}



.sub_banner .tit h3 {

  font-size: 50px;

  color: #23355e;

  font-weight: bold;

  margin-bottom: 15px;

}



.sub_menu {

  position: absolute;

  bottom: 40px;

  width: 1400px;

  left: 50%;

  margin-left: -700px;

}



.sub_menu li {

  float: left;

  margin-right: 30px;

}



.sub_menu li a {

  width: 199px;

  height: 50px;

  line-height: 50px;

  background: linear-gradient(to bottom, #fafbfd, #f9fbfc, #f6f8fa);

  display: block;

  text-align: center;

  font-size: 18px;

  color: #23355e;

  border-radius: 25px;

  font-weight: bold;

}



.sub_menu li.hover a,

.sub_menu li:hover a {

  background: linear-gradient(to bottom, #3b4fa3, #3b4fa3, #3b4fa3);

  color: #fff;

}



.product_main {

  background: #f5f9fd;

}



.product_main .product_menu {

  padding-top: 30px;

  padding-bottom: 50px;

}



.product_main .product_menu li {

  width: 15.8%;

  float: left;

  border: 1px solid #cad4dd;

  border-radius: 5px;

  text-align: center;

  margin-bottom: 10px;

  margin-right: 1.04%;

  box-sizing: border-box;

  line-height: 45px;

  background: #fff;

  font-size: 16px;

}



.product_main .product_menu li a {

  color: #23355e;

  display: block;

  width: 100%;

  height: 100%;

}



.product_main .product_menu li:nth-child(6n) {

  margin-right: 0;

}



.product_main .product_menu li.hover,

.product_main .product_menu li:hover {

  border: 1px solid #f5f9fd;

  background: linear-gradient(to bottom, #0ca2f6, #20a8f4, #028fe8);

}



.product_main .product_menu li.hover a,

.product_main .product_menu li:hover a {

  color: #fff;

}



.product_main .product_body li {

  width: 31%;

  margin-right: 3.5%;

  float: left;

  background: #fff;

  border-radius: 10px;

  margin-bottom: 45px;

  position: relative;

  overflow: hidden;

  padding-bottom: 159px;

}



.product_main .product_body li .txt {

  display: block;

  padding: 28px 37px 36px;

  position: absolute;

  left: 0;

  bottom: 0;

  box-sizing: border-box;

  width: 100%;

  background: #fff;

  z-index: 10;

  transition: height ease-in-out .2s;

  height: 159px;

}



.product_main .product_body li .txt h3 {

  font-size: 24px;

  margin-bottom: 15px;

  line-height: 34px;

  transition: ease-in-out .2s;

}



.product_main .product_body li .txt h3 b {

  float: right;

  display: flex;

  width: 34px;

  height: 34px;

  border-radius: 100%;

  background: #d2d6d9;

  align-items: center;

}



.product_main .product_body li .txt h3 b i {

  width: 18px;

  height: 17px;

  background-position: 0 -378px;

  margin: 0 auto;

  display: block;

}



.product_main .product_body li .txt p {

  line-height: 24px;

  color: #666;

}



.product_main .product_body li .txt .span {

  margin-top: 18px;

  height: 0;

  overflow: hidden;

  display: block;

  transition: ease-in-out .2s;

}



.product_main .product_body li .txt .span span {

  display: block;

  width: 49%;

  float: left;

  background: #eef3f6;

  color: #007ac8;

  padding: 0 15px;

  box-sizing: border-box;

  line-height: 36px;

  border-radius: 5px;

  margin-bottom: 8px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.product_main .product_body li .txt .span span:nth-child(2n) {

  float: right;

}



.product_main .product_body li:nth-child(3n) {

  margin-right: 0;

}



.product_main .product_body li .img {

  position: relative;

  display: block;

  width: 100%;

  padding-top: 75%;

  overflow: hidden;

  z-index: 10;

}



.product_main .product_body li .img img {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  object-fit: cover;

  object-position: center;

  width: 100%;

  height: 100%;

}



.product_main .product_body li:hover {

  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);

}



.product_main .product_body li:hover .txt {

  height: 259px;

}



.product_main .product_body li:hover .txt h3 {

  color: #007ac8;

}



.product_main .product_body li:hover .txt h3 b {

  background: #0591e9;

}



.product_main .product_body li:hover .span {

  height: auto;

  transition: ease-in-out .2s;

}



.ab_banner {

  height: 100px;

  background: #f5f9fd;

}



.abtbanner {

  position: relative;

  height: 35vh;

}



.abtbanner .fz_zhong {

  position: sticky;

  top: 0;

  width: 100%;

  height: 100vh;

}



.abtbanner .fz_zhong .bag {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #004896;

  width: 100%;

  height: 100%;

  opacity: 0.2;

}



.abtbanner .fz_zhong .img {

  width: 100%;

  height: 100%;

}



.abtbanner .fz_zhong .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.abtbanner .fz_zhong .img img:nth-child(2) {

  display: none;

}



.abtbanner .fz_zhong .cont {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

  width: 100%;

  text-align: center;

  color: #fff;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.abtbanner .fz_zhong .cont .tit {

  font-size: 50px;

  text-align: center;

  font-weight: bold;

  margin-bottom: 10px;

}



.abtbanner .fz_zhong .cont .tit span {

  position: relative;

}



.abtbanner .fz_zhong .cont .tit span:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 100%;

  margin-left: 10px;

  width: 0.28rem;

  height: 0.28rem;

  background: url(../images/hongxingh1.svg) no-repeat center;

  background-size: contain;

}



@media (max-width: 767px) {

  .abtbanner .fz_zhong .cont .tit span:after {

    top: 6px;

  }

}



.abtbanner .fz_zhong .cont .text {

  font-size: 50px;

  margin-bottom: 1.4rem;

}



@media (max-width: 767px) {

  .abtbanner .fz_zhong .cont .text {

    margin-bottom: 0.8rem;

  }

}



.abtbanner .fz_zhong .cont .video1 {

  display: flex;

  flex-direction: column;

  align-items: center;

  font-size: 16px;

  cursor: pointer;

  color: #fff;

}



@media (max-width: 1580px) {

  .abtbanner .fz_zhong .cont .video1 {

    font-size: 14px;

  }

}



.abtbanner .fz_zhong .cont .video1 i {

  width: 65px;

  height: 65px;

  display: block;

  display: flex;

  align-items: center;

  position: relative;

  justify-content: center;

  margin-bottom: 10px;

}



.abtbanner .fz_zhong .cont .video1 i:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  animation: rota360 2s linear infinite;

  background: url(../images/ab1_yuan.png) no-repeat center;

  background-size: contain;

}



.abtbanner .fz_zhong .cont .video1 i img {

  width: 12px;

  object-fit: contain;

  float: left;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  transform: scale(0.91);

}



@media (min-width: 1200px) {

  .abtbanner .fz_zhong .cont .video1 i:hover img {

    transform: scale(1);

  }

}



.abtbanner .f_jut {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 56vh;

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: center;

}



.abtbanner .f_jut .container {

  margin: 0;

}



.abtbanner .f_jut .container .font {

  text-align: center;

  max-width: 1000px;

  color: #fff;

  font-size: 16px;

  line-height: 34px;

  margin: 0 auto;

  width: 100%;

}



.abtbanner .f_jut .container .font h3 {

  font-size: 50px;

  color: #fff;

  font-weight: bold;

  margin-bottom: 0px;

	margin-top: 100px;

}



@media (max-width: 767px) {

  .abtbanner .f_jut .container .font {

    max-width: 100%;

  }

}



.abtbanner .f_jut .container .font .fz_text {

  position: relative;

  font-size: 25px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 80px;

  letter-spacing: 0px;

  color: #ffffff;

}



@media (max-width: 1580px) {

  .abtbanner .f_jut .container .font .fz_text {

    font-size: 25px;

    line-height: 30px;

  }

}



.abtbanner .f_jut .container .font .fz_text:after,

.abtbanner .f_jut .container .font .fz_text:before {

  content: "";

  display: block;

  position: absolute;

  width: 0.38rem;

  height: 0.28rem;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.abtbanner .f_jut .container .font .fz_text:before {

  top: 0;

  left: 0;

  background-image: url(../images/douhao1.png);

}



.abtbanner .f_jut .container .font .fz_text:after {

  right: 0;

  background-image: url(../images/douhao2.png);

  bottom: 0;

}



.abtbanner .f_jut .container .font .but {

  width: 1.84rem;

  height: 0.54rem;

  background-color: #ffffff;

  display: flex;

  justify-content: center;

  font-size: 25px;

  color: #004896;

  margin: 0.4rem auto 0;

  position: relative;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  align-items: center;

}



@media (max-width: 1580px) {

  .abtbanner .f_jut .container .font .but {

    font-size: 14px;

  }

}



@media (max-width: 767px) {

  .abtbanner .f_jut .container .font .but {

    width: 2.2rem;

    height: 0.7rem;

  }

}



.abtbanner .f_jut .container .font .but span {

  position: relative;

}



.abtbanner .f_jut .container .font .but:before {

  content: "";

  display: block;

  left: 0;

  bottom: 0;

  width: 0;

  height: 100%;

  background-color: #004896;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  position: absolute;

}



@media (min-width: 1200px) {

  .abtbanner .f_jut .container .font .but:hover {

    color: #fff;

  }



  .abtbanner .f_jut .container .font .but:hover:before {

    width: 100%;

  }

}



.abtbanner.on .fz_zhong .cont {

  opacity: 0;

}



@keyframes rota360 {

  to {

    transform: rotate(0);

  }



  from {

    transform: rotate(-360deg);

  }

}



.ab_1_main {

  position: relative;

  background: #f5f9fd;

  z-index: 10;

  height: 650px;

}



.ab_1_main .body {

  background: #fff url(../images/ab1_bg.jpg) center bottom no-repeat;

  position: absolute;

  width: 1400px;

  left: 50%;

  margin-left: -700px;

  height: 750px;

  padding: 90px 100px;

  box-sizing: border-box;

  bottom: 0;

  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);

}



.ab_1_main .body .txt {

  margin-bottom: 73px;

}



.ab_1_main .body .txt .fl h3 {

  font-size: 50px;

  font-weight: bold;

  margin-bottom: 35px;

}



.ab_1_main .body .txt .fl a {

  width: 179px;

  line-height: 50px;

  background: linear-gradient(to bottom, #0ca2f6, #20a8f4, #028fe8);

  display: block;

  font-size: 16px;

  color: #fff;

  border-radius: 25px;

  text-indent: 37px;

}



.ab_1_main .body .txt .fl a i {

  width: 7px;

  height: 14px;

  background-position: 0 -277px;

  margin-left: 10px;

  margin-bottom: 2px;

  animation: toright 3s infinite linear;

}



.ab_1_main .body .txt .fl a:hover {

  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);

}



.ab_1_main .body .txt .fr {

  font-size: 16px;

  line-height: 34px;

  width: 56%;

}



.ab_1_main .body .sum .fl {

  width: 50%;

  position: relative;

  overflow: hidden;

}



.ab_1_main .body .sum .fl img {

  width: 100%;

}



.ab_1_main .body .sum .fl::before {

  content: "";

  position: absolute;

  width: 100px;

  height: 100%;

  top: 0;

  left: 0px;

  overflow: hidden;

  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  -webkit-transform: skewX(-32deg);

  -ms-transform: skewX(-32deg);

  -moz-transform: skewX(-32deg);

  transform: skewX(-32deg);

  opacity: 0;

}



.ab_1_main .body .sum .fl:hover::before {

  -webkit-transition: left 1s;

  -moz-transition: left 1s;

  -ms-transition: left 1s;

  transition: left 1s;

  left: 120%;

  opacity: 1;

}



.ab_1_main .body .sum .fr {

  width: 41%;

  padding-top: 8px;

}



.ab_1_main .body .sum .fr .item {

  float: left;

  transition: ease-in-out .2s;

  width: 240px;

  margin-bottom: 70px;

}



.ab_1_main .body .sum .fr .item h3 {

  font-size: 70px;

  font-family: arial;

  height: 90px;

  font-weight: bold;

}



.ab_1_main .body .sum .fr .item h3 span {

  font-size: 40px;

  vertical-align: top;

  padding-left: 10px;

}



.ab_1_main .body .sum .fr .item p {

  font-size: 18px;

  color: #666;

}



.ab_1_main .body .sum .fr .item:nth-child(2n) {

  float: right;

}



.ab_1_main .body .sum .fr .item:nth-child(2) span {

  font-size: 55px;

}



.ab_1_main .body .sum .fr .item:hover {

  transform: translateY(-5px);

}



.ab_title {

  text-align: center;

  padding: 96px 0 74px;

}



.ab_title h3 {

  font-size: 50px;

  font-weight: bold;

}



.ab_2_main {

  background: #f5f9fd;

}



.ab_2_main li {

  float: left;

  margin-right: 2%;

  width: 23.5%;

  background: #fff;

  text-align: center;

  border-radius: 5px;

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

  transition: ease-in-out .2s;

}



.ab_2_main li img {

  margin-bottom: 35px;

  width: 141px;

  height: 141px;

  margin-top: 60px;

}



.ab_2_main li h3 {

  font-size: 28px;

  margin-bottom: 20px;

  font-weight: bold;

}



.ab_2_main li p {

  font-size: 18px;

  line-height: 26px;

  color: #666;

  height: 52px;

  padding-bottom: 57px;

}



.ab_2_main li:nth-child(4n) {

  margin-right: 0;

}



.ab_2_main li:hover {

  transform: translateY(-10px);

}



.ab_3_main {

  background: #f5f9fd url(../images/ab3_bg.jpg) center bottom no-repeat;

  padding-bottom: 250px;

}



.ab_3_main .swiper-slide {

  height: 369px;

  padding-left: 48px;

  box-sizing: border-box;

  position: relative;

}



.ab_3_main .swiper-slide .line {

  border-left: 2px solid #666;

  position: absolute;

  left: 0;

  height: 100%;

  left: 6px;

}



.ab_3_main .swiper-slide b {

  display: block;

  position: absolute;

  width: 12px;

  height: 12px;

  border-radius: 100%;

  background: #666;

  left: 1px;

  top: 0;

}



.ab_3_main .swiper-slide h3 {

  font-size: 50px;

  color: #038fe8;

  line-height: 50px;

  padding-bottom: 10px;

}



.ab_3_main .swiper-slide h4 {

  font-size: 26px;

  margin-bottom: 26px;

}



.ab_3_main .swiper-slide .p {

  line-height: 26px;

  color: #666;

  padding-right: 100px;

}



.ab_3_main .swiper-button-next,

.ab_3_main .swiper-button-prev {

  width: 63px;

  height: 37px;

  background: #333;

  border-radius: 18px;

  display: flex;

  text-align: center;

  line-height: 37px;

  align-items: center;

  top: 114px;

  left: 50%;

  margin-left: -200px;

  margin-top: 0;

}



.ab_3_main .swiper-button-next i,

.ab_3_main .swiper-button-prev i {

  width: 10px;

  height: 16px;

  background-position: 0 -405px;

  display: block;

  margin: 0 auto;

}



.ab_3_main .swiper-button-next i {

  background-position: -10px -405px;

}



.ab_3_main .swiper-button-next {

  right: auto;

  margin-left: 136px;

}



.ab_3_main .swiper-button-next:hover,

.ab_3_main .swiper-button-prev:hover {

  background: linear-gradient(to bottom, #0ca2f6, #20a8f4, #028fe8);

}



.ab_3_main .swiper-slide-prev {

  margin-top: 104px;

  height: 281px;

  margin-bottom: 12px;

}



.ab_3_main .swiper-slide-next {

  margin-top: 57px;

  height: 234px;

}



.ab_4_main {

  background: url(../images/ab4_bg.jpg) center top no-repeat;

  background-size: cover;

  padding-bottom: 100px;

}



/**********roundabout**********/

.ab_4_main .body {

  position: relative;

}



.ab_4_main .body .roundabout_box {

  height: 521px;

  width: 1200px;

  margin: 60px auto 0;

  text-align: center;

  background: url(../images/ab4_yin.png) center bottom no-repeat;

  z-index: 1;

}



.ab_4_main .body .roundabout-holder {

  list-style: none;

  width: 1140px;

  height: 190px;

  margin: 0 auto;

  z-index: 9;

}



.ab_4_main .body .roundabout-moveable-item {

  font-size: 14px !important;

  height: 341px;

  width: 455px;

  cursor: pointer;

  position: relative;

}



.ab_4_main .body .roundabout-moveable-item a {

  position: relative;

  opacity: 1;

  display: block;

}



.ab_4_main .body .roundabout-in-focus a:hover img {

  -webkit-filter: brightness(105%);

  filters: brightness(105%);

}



.ab_4_main .body .roundabout-moveable-item img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: center;

  margin: 0;

  position: relative;

  z-index: 2;

}



.ab_4_main .body .roundabout-in-focus {

  cursor: auto;

  border: 0 none;

}



.ab_4_main .roundabout-in-focus000:hover {

  -webkit-box-shadow: 0 0 20px #787878;

}



.ab_4_main .body .roundabout-holder .text {

  color: #333;

  display: none;

  position: relative;

  z-index: 3;

  line-height: 63px;

  font-size: 18px;

  text-align: center;

}



.ab_4_main .body .roundabout-holder .text b {

  color: #000;

  display: block;

  font-weight: normal;

  font-size: 18px;

}



.ab_4_main .body .roundabout-in-focus p {

  display: block;

}



.ab_4_main .body .roundabout-in-focus000:hover span {

  display: inline;

  position: absolute;

  bottom: 5px;

  right: 5px;

  padding: 8px 20px;

  background: #f9f9f9;

  color: #3366cc;

  z-index: 999;

  -webkit-border-top-left-radius: 5px;

  -moz-border-radius-topLeft: 5px;

  border-left: 1px solid #aaaaaa;

  border-top: 1px solid #aaaaaa;

}



.ab_4_main .body .roundabout a:active,

.ab_4_main .body .roundabout a:focus,

.ab_4_main .body .roundabout a:visited {

  outline: none;

  text-decoration: none;

}



.ab_4_main .body .roundabout li {

  margin: 0;

}



.ab_4_main .next,

.ab_4_main .prev {

  width: 63px;

  height: 37px;

  background: #333;

  border-radius: 18px;

  display: flex;

  text-align: center;

  line-height: 37px;

  align-items: center;

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -78px;

  z-index: 10;

  cursor: pointer;

}



.ab_4_main .next i,

.ab_4_main .prev i {

  width: 10px;

  height: 16px;

  background-position: 0 -405px;

  display: block;

  margin: 0 auto;

}



.ab_4_main .next {

  left: auto;

  right: 10px;

}



.ab_4_main .next i {

  background-position: -10px -405px;

}



.ab_4_main .next:hover,

.ab_4_main .prev:hover {

  background: linear-gradient(to bottom, #0ca2f6, #20a8f4, #028fe8);

}



.ab_5_main {

  background: #f5f9fd;

  padding-bottom: 100px;

}



.ab_5_main li {

  width: 32.1%;

  position: relative;

  float: right;

  overflow: hidden;

}



.ab_5_main li img {

  display: block;

  width: 100%;

  border-radius: 10px;

}



.ab_5_main li .txt {

  position: absolute;

  width: 100%;

  bottom: 0;

  color: #fff;

  text-indent: 32px;

}



.ab_5_main li .txt h3 {

  font-size: 24px;

  padding-bottom: 7px;

  font-weight: bold;

}



.ab_5_main li .txt p {

  font-size: 18px;

  padding-bottom: 24px;

}



.ab_5_main li:nth-child(2) {

  margin-bottom: 48px;

}



.ab_5_main li:nth-child(3) p {

  font-weight: bold;

}



.ab_5_main li:first-child {

  float: left;

  width: 64.2%;

}



.ab_5_main li:first-child .txt {

  position: relative;

  color: #333;

  text-indent: 0;

}



.ab_5_main li:first-child .txt h3 {

  padding-top: 34px;

}



.ab_5_main li::before {

  content: "";

  position: absolute;

  width: 100px;

  height: 100%;

  top: 0;

  left: 0px;

  overflow: hidden;

  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);

  -webkit-transform: skewX(-32deg);

  -ms-transform: skewX(-32deg);

  -moz-transform: skewX(-32deg);

  transform: skewX(-32deg);

  opacity: 0;

}



.ab_5_main li:hover::before {

  -webkit-transition: left 1s;

  -moz-transition: left 1s;

  -ms-transition: left 1s;

  transition: left 1s;

  left: 120%;

  opacity: 1;

}



.yin_main {

  background: #f5f9fd;

}



.yin_main .ying_1_main .item {

  height: 850px;

}



.yin_main .ying_1_main .item .w1400 {

  position: relative;

}



.yin_main .ying_1_main .item .img {

  position: absolute;

  left: -113px;

  top: 203px;

}



.yin_main .ying_1_main .item .txt {

  margin-left: 57%;

  position: relative;

  padding-top: 116px;

}



.yin_main .ying_1_main .item .txt img {

  position: absolute;

  left: -200px;

  width: 100px;

}



.yin_main .ying_1_main .item .txt h3 {

  font-size: 50px;

  color: #1a375d;

  font-weight: bold;

  position: relative;

  overflow: hidden;

}



.yin_main .ying_1_main .item .txt h3 span {

  position: absolute;

  right: 0;

  width: 110px;

  height: 40px;

  line-height: 40px;

  background: linear-gradient(to bottom, #0ca2f6, #20a8f4, #028fe8);

  color: #fff;

  text-align: center;

  border-radius: 20px;

  top: 50%;

  margin-top: -20px;

  font-size: 14px;

  z-index: 10;

}



.yin_main .ying_1_main .item .txt h3 span i {

  width: 7px;

  height: 14px;

  background-position: 0 -277px;

  margin-left: 10px;

  margin-bottom: 2px;

  animation: toright 3s infinite linear;

}



.yin_main .ying_1_main .item .txt h4 {

  font-size: 20px;

  color: #1a375d;

}



.yin_main .ying_1_main .item .txt .p {

  height: 204px;

  line-height: 34px;

  color: #1a375d;

  margin-top: 47px;

  font-size: 18px;

}



.yin_main .ying_1_main .item .pro {

  margin-left: 57%;

  position: relative;

  z-index: 10;

}



.yin_main .ying_1_main .item .pro h4 {

  font-size: 20px;

  color: #1a375d;

  margin-bottom: 30px;

}



.yin_main .ying_1_main .item .pro .bd li {

  height: 198px;

  border: 1px solid #d4dbe8;

  border-radius: 10px;

  background: #fff;

  overflow: hidden;

}



.yin_main .ying_1_main .item .pro .bd li img {

  float: left;

  width: 44%;

  height: 100%;

  display: block;

  object-fit: cover;

  object-position: center;

  margin-right: 30px;

}



.yin_main .ying_1_main .item .pro .bd li h3 {

  font-size: 24px;

  margin-bottom: 20px;

  margin-top: 35px;

  padding-right: 30px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.yin_main .ying_1_main .item .pro .bd li p {

  line-height: 24px;

  color: #666;

  padding-right: 30px;

}



.yin_main .ying_1_main .item .pro .hd li {

  width: 10px;

  height: 10px;

  border-radius: 100%;

  background: #9099a5;

  float: left;

  margin-right: 10px;

  margin-top: 32px;

  cursor: pointer;

}



.yin_main .ying_1_main .item .pro .hd li.on {

  background: #1a375d;

}



.yin_main .ying_1_main .item1 {

  background: url(../images/yin1_bg1.jpg) center top no-repeat;

  background-size: cover;

}



.yin_main .ying_1_main .item:nth-child(2n) .txt {

  margin-left: 200px;

  width: 600px;

}



.yin_main .ying_1_main .item:nth-child(2n) .pro {

  margin-left: 200px;

  width: 600px;

}



.yin_main .ying_1_main .item2 {

  position: relative;

  background: url(../images/yin1_bg2.jpg) left bottom no-repeat;

  background-size: cover;

}



.yin_main .ying_1_main .item2 .w1400 {

  position: initial;

}



.yin_main .ying_1_main .item2 .img {

  top: 0;

  left: 50%;

}



.yin_main .ying_1_main .item3 {

  background: url(../images/yin1_bg3.jpg) left bottom no-repeat;

  background-size: cover;

}



.yin_main .ying_1_main .item3 .img {

  position: absolute;

  left: -175px;

  top: 251px;

}



.yin_main .ying_1_main .item4 {

  background: #fff;

  position: relative;

}



.yin_main .ying_1_main .item4 .w1400 {

  position: initial;

}



.yin_main .ying_1_main .item4 .img {

  position: absolute;

  left: 55%;

  top: auto;

  bottom: 0;

  z-index: 1;

}



.ying_2_main {

  padding-bottom: 80px;

}



.ying_2_main .ab_title {

  padding-bottom: 64px;

}



.ying_2_main li {

  float: left;

  width: 32%;

  margin-right: 2%;

  position: relative;

  margin-bottom: 49px;

  border-radius: 5px;

  overflow: hidden;

  transition: ease-in-out .2s;

}



.ying_2_main li img {

  display: block;

  width: 100%;

  transition: ease-in-out .2s;

}



.ying_2_main li p {

  position: absolute;

  left: 0;

  bottom: 0;

  color: #fff;

  text-align: center;

  width: 100%;

  height: 70px;

  line-height: 70px;

  font-size: 24px;

  font-weight: bold;

  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));

}



.ying_2_main li:nth-child(3n) {

  margin-right: 0;

}



.ying_2_main li:hover {

  transform: translateY(-10px);

}



.ying_2_main li:hover img {

  -webkit-filter: brightness(110%);

  filters: brightness(110%);

}



.ying_2_main .con {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

}



.ying_2_main .con .item {

  background: #fff;

  border-radius: 5px;

  overflow: hidden;

  margin-bottom: 29px;

  width: 23.5%;

  text-align: center;

  align-self: center;

  margin-right: 2%;

  transition: ease-in-out .2s;

}



.ying_2_main .con .item img {

  vertical-align: top;

  border-radius: 5px;

  transition: ease-in-out .2s;

}



.ying_2_main .con .item p {

  font-size: 20px;

  line-height: 52px;

}



.ying_2_main .con .item:nth-child(4n) {

  margin-right: 0;

}



.ying_2_main .con .item:nth-child(10) {

  margin-right: 0;

}



.ying_2_main .con .item:hover {

  transform: translateY(-10px);

}



.ying_2_main .con .item:hover img {

  -webkit-filter: brightness(110%);

  filters: brightness(110%);

}



.ying_2_main .box2 .ab_title {

  padding-top: 40px;

}



.index_ying2 {

  background: #f5f9fd;

  padding-top: 80px;

}



@media (max-width: 1660px) {

  .header_main .header_right {

    right: 217px;

  }



  .header_main .search-box {

    right: -70px;

  }



  .header_main .header_right .en {

    left: 90px;

  }



  .header_main .header_right .shop {

    left: 140px;

  }



  .nav_main {

    padding-right: 240px;

  }



  .nav_main .list li .nav1 {

    margin: 0 30px;

  }



  .h3 {

    font-size: 40px;

  }



  .floor_2_main .left h3 {

    font-size: 40px;

  }



  .floor_1_main .bd .swiper-slide .span span {

    width: 119px;

    font-size: 12px;

  }



  .floor_2_main .left li h4 b {

    font-size: 60px;

  }



  .floor_2_main .left p {

    font-size: 14px;

  }



  .floor_2_main .left li h4 i {

    font-size: 50px;

  }



  .floor_2_main .left p {

    line-height: 30px;

    margin-bottom: 30px;

  }



  .floor_4_main .hd {

    margin-left: -600px;

  }



  .sub_banner .tit {

    margin-left: -600px;

    width: 1200px;

    top: 200px;

  }



  .sub_menu {

    width: 1200px;

    margin-left: -600px;

  }



  .sub_banner .tit h3 {

    font-size: 40px;

  }



  .ab_3_main {

    padding-bottom: 270px;

  }



  .ab_3_main .swiper-slide .p {

    padding-right: 60px;

  }



  .ab_5_main li .txt p {

    font-size: 16px;

  }



  .yin_main .ying_1_main .item1 .txt {

    margin-left: 53%;

  }



  .yin_main .ying_1_main .item1 .pro {

    margin-left: 53%;

  }



  .yin_main .ying_1_main .item3 .txt {

    margin-left: 53%;

  }



  .yin_main .ying_1_main .item3 .pro {

    margin-left: 53%;

  }



  .yin_main .ying_1_main .item .txt h3 {

    font-size: 40px;

  }



  .ying_2_main .ab_title h3 {

    font-size: 40px;

  }



  .yin_main .ying_1_main .item .txt img {

    left: -150px;

  }



  .yin_main .ying_1_main .item1 .img {

    top: 270px;

    height: 430px;

    left: -50px;

  }



  .yin_main .ying_1_main .item2 .img {

    top: 0;

    height: 650px;

  }



  .yin_main .ying_1_main .item3 .img {

    height: 370px;

    left: -70px;

  }



  .nav_main .subNav .about_nav .about_left {

    width: 556px;

  }



  .nav_main .subNav .about_nav .about_left dl {

    margin-left: 50px;

  }



  .nav_main .subNav .about_nav .about_left dl:nth-child(3n+1) {

    margin-left: 0;

  }

}



/*# sourceMappingURL=index.css.map */