@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../fonts/DINCondensedC.eot');
    src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../fonts/DINCondensedC.ttf') format('truetype'), url('../fonts/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bebas";
    src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}

.Bebas,.index-product .item .tit p {
    font-family: "Bebas";
}

.Conv_DINCondensedC {
    font-family: "Conv_DINCondensedC";
}
a,.pic img{transition: 400ms;}

body {
  font-family: '微软雅黑';
  overflow-x: hidden;
  font-size: 14px;
  line-height:2.2em;
}

label.error {
  text-indent: -9999999px;
  display: none !important;
}

h1, h2, h3, h4, h5, h6 {
}
@media(max-width: 768px){
  h1{font-size:25px;}
}

ul, ol {
  margin: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  color: #000;
}

a:hover {
  text-decoration: none;
}

#edition-cn {
  font-family: '微软雅黑';
}

#edition-en {
  font-family: 'Arial';
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}



.wrap {
  margin: 0 auto;
  width: 1200px;
  min-width: 1200px;
}

.header-block {
  width: 100%;
  height: 106px;
}

.web-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.txtover {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

/*--------------------dufault---------------------*/
/*--------头部-----------*/
.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2);
          box-shadow: 0 5px 15px rgba(0,0,0,.2);
}

.header .header-box {
  height: 100px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding-left:0 ;
  padding-right: 0;
}

.header .header-box .logo {
 height: 100%;
}

.header .header-box .logo img {
  height: 100%;
   image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;    
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.header .header-box .menu {
  height: 100px;
  display: inline-block;
}

.header .header-box .menu > ul > li {
  float: left;
  position: relative;
}

.header .header-box .menu > ul > li a {
  display: block;
  padding: 0 26px;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #2c2c2c;
  font-weight: bold;
  font-size: 16px;
  line-height: 100px;
}

.header .header-box .menu > ul > li > a {
  position: relative;
}

.header .header-box .menu > ul > li > a.on, .header .header-box .menu > ul > li > a:hover {
  color: #164c94;
}

.header .header-box .menu > ul > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #164c94;
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.header .header-box .menu > ul > li > a.on::after, .header .header-box .menu > ul > li > a:hover::after {
  width: 20%;
  border-radius: 20px;
}

.header .header-box .menu > ul > li ul {
  position: absolute;
  width: 100%;
  top: 100px;
  left: 0;
  margin: 0;
  display: none;
}

.header .header-box .menu > ul > li ul li a {
  font-weight: normal;
  line-height: 40px;
  background: #164c94;
  color: #fff;
  padding: 0;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.header .header-box .menu > ul > li ul li:nth-last-child(1) a {
  border-bottom: none;
}

.header .header-box .menu > ul > li ul li:hover a {
  background: #0088BD;
  color: #fff;
}

.header .header-box .menu > ul > li:nth-child(3) ul {
  width: 130px;
  margin-left: -7px;
}

.header .header-box .right-nav {
  height: 100px;
}

.header .header-box .right-nav li {
  position: relative;
  float: left;
  width: 80px;
  height: 100px;
  cursor: pointer;
}

.header .header-box .right-nav .mess {
  display: none;
  position: absolute;
  top: 110px;
  right: 0;
  z-index: 999;
  padding: 15px;
  border-radius: 10px;
  background: #164c94;
}

.header .header-box .right-nav .mess img {
  width: 110px;
}

.header .header-box .right-nav .mess p {
  color: #fff;
}

.header .header-box .right-nav .mess::before {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent #164c94;
}

.header .header-box .right-nav li:nth-child(1) {
  background: url("/templets/images/ico-top1.jpg") no-repeat center center #164c94;
}

.header .header-box .right-nav li:nth-child(1) .mess {
  width: 140px;
  left: -15px;
}

.header .header-box .right-nav li:nth-child(2) {
  background: url("/templets/images/ico-top2.jpg") no-repeat center center #164c94;
}

.header-block {
  height: 100px;
  width: 100%;
  background: #fff;
}

.page-about p{margin-bottom: 0}

@media(min-width: 1200px){
.page-about .cont{padding-left: 70px;padding-top: 50px}
}
/******************************************************* HEADER END */
/***
***  手机头部  *** 
***/
.sj-header {
  display: none;
  width: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  height: 60px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.sj-header .header-menu {
  width: 100%;
  padding: 0 10px 0 0;
  height: 60px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.sj-header .logo {
  padding-top:0;
}

.sj-header .logo img {
  height: 60px;
}

.sj-header .logo span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ddd;
}

.sj-header .logo em {
  color: #d50f0f;
  line-height: 12px;
  display: block;
}

.sj-header .headerlogo {
  background: url(/templets/images/headerlogo.png) no-repeat center;
  content: '';
  width: 100%;
  height: 30px;
  background-size: 80% auto;
}

.sj-header .aboutlogo {
  background: url(/templets/images/indexaboutlogo.png) no-repeat center;
  width: 100%;
  height: 50px;
  background-size: 80% auto;
}

.sj-header .menu-m {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #164c94;
  padding: 0 15px;
}

.sj-header .menu-m {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -webkit-transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
}

.sj-header .menu-top-show {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.sj-header .menu-m li {
  line-height: 46px;
}

.sj-header .menu-m li a {
  position: relative;
  color: #fff;
  display: block;
  line-height: 46px;
  font-size: 12px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  text-indent: 10px;
}

.sj-header .menu-m li i {
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  font-style: normal;
  font-size: 22px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  text-indent: 0;
}

.sj-header .menu-m a.open i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sj-header .menu-m li ul ul {
  display: none;
}

.sj-header .nav-menu {
  padding: 58px 0 20px;
}

.sj-header .nav-menu ul {
  padding: 0;
}

.sj-header .nav-menu h1 {
  line-height: 1.2em;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}

.sj-header .menu-son {
  background: rgba(0,0,0,.2);
  display: none;
}

.sj-header .menu-son li a {
}

.sj-header .menu-son li:last-child {
  border-bottom: none;
}

.sj-header .menu-btn {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 1rem;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  color: #727272;
  display: block;
  text-align: left;
}

.sj-header .menu-btn:hover {
  color: #727272;
}

.sj-header .menu-btn img {
  height: 20px;
  float: left;
  margin: 1.7rem 1.6rem 0 0;
}

.sj-header .menu-btn span {
  position: relative;
  float: left;
  margin: 30px .8rem 0 0;
  width: 1.6rem;
  height: 2px;
  display: block;
  background: #1e2b68;
}

.sj-header .menu-btn i {
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 2px;
  display: block;
  background: #fff;
  transition-duration: .3s,.3s;
  -webkit-transition-duration: .3s,.3s;
  transition-delay: .3s,0s;
  -webkit-transition-delay: .3s,0s;
}

.sj-header .menu-btn i.mbtn-top {
  top: -0.6rem;
  -webkit-transition-property: top,-webkit-transform;
  transition-property: top,-webkit-transform;
  transition-property: top,transform;
  transition-property: top,transform,-webkit-transform;
  -webkit-transition-property: top,transform;
  background: #1e2b68;
}

.sj-header .menu-btn i.mbtn-bottom {
  bottom: -0.6rem;
  -webkit-transition-property: bottom,-webkit-transform;
  transition-property: bottom,-webkit-transform;
  transition-property: bottom,transform;
  transition-property: bottom,transform,-webkit-transform;
  -webkit-transition-property: bottom,transform;
  background: #1e2b68;
}

.sj-header .menu-btn .menu-font {
  font-style: normal;
}

.sj-header .menu-btn-on span {
  background: #164c94;
  margin-right: 1.6rem;
}

.sj-header .menu-btn-on img {
  display: none;
}

.sj-header .menu-btn-on, .sj-header .menu-btn-on:hover {
  color: #fff;
}

.sj-header .menu-btn-on i.mbtn-top, .sj-header .menu-btn-on i.mbtn-bottom {
  background: #fff;
  transition-delay: 0s,.3s;
  -webkit-transition-delay: 0s,.3s;
}

.sj-header .menu-btn-on i.mbtn-top {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.sj-header .menu-btn-on i.mbtn-bottom {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.sj-header .menu-btn-on .menu-font {
  display: none;
}

.sjheader-block {
  height: 60px;
  width: 100%;
  display: none;
}

/******************************************************* HEADER END */
/*-------banner--------*/
.index-banner{
height: calc(100vh - 100px);
  position: relative;}

@media(min-width: 1200px){
.main-slider-shape-1 {
    position: absolute;
    top: 262px;
    left: -213px;
    border-radius: 50%;
    width: 304px;
    height: 304px;
    background-color: var(--moniz-primary, rgba(106,219,50,.7));
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: banner3Shake;
    animation-name: banner3Shake;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}



@-webkit-keyframes banner3Shake {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    60% {
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

}

@keyframes banner3Shake {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    60% {
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

}

.main-slider-shape-2 {
    position: absolute;
    top: 435px;
    left: -200px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.502;
    width: 415px;
    height: 415px;
    z-index: 3;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.pagebanner .main-slider-shape-1{width: 300px;height: 300px;top: -100px;left: -100px}
.pagebanner .main-slider-shape-2{width: 350px;height: 350px;top: -25px;left: -125px}



@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}


.main-slider-shape-3 {
    position: absolute;
    top: -123px;
    right: -300px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.502;
    width: 750px;
    height: 750px;
    z-index: 3;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.main-slider-shape-4 {
    position: absolute;
    top: 160px;
    right: -343px;
    border-radius: 50%;
    background-color: rgba(106, 219, 50,.9);
    width: 543px;
    height: 543px;
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: banner3Shake;
    animation-name: banner3Shake;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

}
.pagebanner .main-slider-shape-3{width: 600px;height: 600px;top: -300px;right: -190px}
.pagebanner .main-slider-shape-4{width: 550px;height: 550px;top: -250px;right: -125px}




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

.index-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: 100%;
  position: relative;
  /* Center slide text vertically */
}

.swiper1 img.pic{object-fit: cover;height: 100%;width: 100%;}


.bannertxt {position: absolute;text-align: center;
width: 90%;top: 30%; left: 0;right: 0;margin: auto;color: #fff;z-index:500}

.bannertxt .item{width: 50%;float: left;}
.bannertxt h2{background-color: rgba(106,219,50,.9);border-radius: 40px;padding: 5px 15px;display: inline-block;font-size: 18px}
.bannertxt h2,.bannertxt img{opacity: 0; transform: translateY(15px);transition: 800ms; transition-delay: 1800ms;max-width: 90%}
.bannertxt h1{font-weight: 800;font-size: 30px;opacity: 0; transform: translateY(15px);transition: 800ms;transition-delay: 800ms; }
.bannertxt h1+h1{transition-delay: 1200ms;margin-bottom:30px }
.bannertxt .item h1{font-size: 14px}
.h50vh{height:40vh;}


@media(min-width: 1200px){
.bannertxt {
width: 60%;}
.bannertxt .item{width: 50%;float: left;}
.bannertxt h2{font-size: 25px}
.bannertxt h2,.bannertxt img{}
.bannertxt h1{font-size: 70px; }
.bannertxt h1+h1{transition-delay: 1200ms;margin-bottom:30px }
.bannertxt .item h1{font-size: 40px}
.h50vh{height:auto;}
}

.swiper-slide-active .bannertxt h2,.swiper-slide-active .bannertxt img,.swiper-slide-active .bannertxt h1,.swiper-slide-duplicate-active .bannertxt h2,.swiper-slide-duplicate-active .bannertxt img,.swiper-slide-duplicate-active .bannertxt h1{opacity: 1;transform: translateY(0);}

.index-banner .swiper-slide-active .pic,.index-banner .swiper-slide-duplicate-active .pic{transform: scale(1.1);}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
  width: 60px;
  height: 60px;
  margin-top: -30px;
   border-radius: 60px;
  z-index: 555;
transition: 400ms;
color: #fff;
}

@media(max-width: 768px){
  .swiper-button-next,
.swiper-button-prev{display: none;}
}

.index-banner .swiper-button-next:after {
 
 font-family: "iconfont";
 content: '\e65f';
 display: block;font-size: 2.9rem;
}

.index-banner .swiper-button-prev:after {
  font-family: "iconfont";
  content: '\e660';
  display: block;font-size: 2.9rem;
}



.index-banner .swiper-button-next:hover {
  background-color: rgba(0, 0, 0, 0.5) ;
}

.index-banner .swiper-button-prev:hover {
  background-color: rgba(0, 0, 0, 0.5) ;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev{background-size: 80%;background-position: center center;
}


.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
}

.index-banner .swiper-pagination-bullet {
  opacity: 1;
  background: none;
  border: 3px solid #fff;
  height: 16px;
  width: 16px;
  -webkit-box-shadow: #64640a 0px 2px 5px;
          box-shadow: #64640a 0px 2px 5px;
}

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

.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}

.web-title {
  text-align: center;
  padding-bottom: 100px;
}

.web-title h3 {
  color: #000;
  font-weight: bold;
  font-size: 36px;
  line-height: 50px;
  display: inline-block;
  position: relative;
  margin: 0;
}

.web-title h3::before, .web-title h3::after {
  content: "";
  display: block;
  background: #164c94;
  height: 4px;
  width: 60px;
  position: absolute;
  right: -90px;
  top: 23px;
}

.web-title h3::before {
  left: -90px;
}

.web-title p {
  color: #a3a3a3;
  font-size: 16px;
  margin: 0;
  line-height: 30px;
  padding-top: 15px;
}




.index-product .item {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.index-product .item img {
  width: 100%;
  transition:800ms ;
  -webkit-transition: 800ms;
}


.index-product .item:hover img{
  transform: scale(1.09);

}


.index-product .item .tit {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding:15px 0;
  color: #fff;
  transition: 500ms;
}

@media(max-width: 768px){
.tit img{max-width: 8em;}
}

.tit img{margin-bottom: 1em;}

.index-product .item .tit:before{content: '';position: absolute;bottom: -10%;left: 0;right: 0;margin: auto;
height:5px;width: 0;background-color: #6adb32;transition: 400ms;-webkit-transition: 400ms;opacition: 0;border-radius: 20px;
}
.index-product .item:hover .tit:before{width: 40px;bottom: -5px;opacity: 1}
.index-product .item:hover .tit{top: 48%}
.index-product .item .tit p, .index-product .item .tit h4 {
  font-size: 32px;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
  transition: 500ms;
}


.index-product .item:hover .tit p{color: #6adb32}

.index-product .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-product .item:hover .bg {
  background: rgba(0, 0, 0, 0.5);
}

.index-anli .item {
  cursor: pointer;
}

.index-anli .item .pic {
  overflow: hidden;
}

.index-anli .item img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-anli .item .tit {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}

.index-anli .item:hover {
  color: #164c94;
}

.index-anli .item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.index-about {
  padding: 100px 0;
  background: url("/templets/images/about-bg.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
}




.index-about .title {
  font-size: 25px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}


.index-about .cont {
  font-size: 14px;
  text-align: left;
  padding: 0 30px;
}




.index-about .more {
  width: 80%;
  margin: 0 auto;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 3em;
  border: 1px solid #fff;
  text-align: center;
  margin-top: 2rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}



@media(min-width: 1200px){

  .index-about .title {
  font-size: 34px;
}

.index-about {
  padding: 180px 0;

}


.index-about .cont {
  font-size: 16px;
    text-align: center;

}

.index-about .more {
  width: 140px;
  font-size: 16px;
  line-height: 50px;
  margin-top: 50px;
}


}


.index-about .more:hover {
  background: #fff;
  color: #164c94;
}

.index-news .list .item {
  margin-bottom: 45px;
}

.index-news .list a {
  -webkit-box-shadow: 0 6px 20px rgba(204, 204, 204, 0.5);
          box-shadow: 0 6px 20px rgba(204, 204, 204, 0.5);
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  display: block;
}

.index-news .list .title {
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-news .list .more {
  margin-top: 15px;
  font-size: 12px;
  width: 100px;
  background: #164c94;
  color: #fff;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 20px;
}

.index-news .list a:hover {
  color: #164c94;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/*footer*/
.footer {
  background: #164c94;
}


.footer.web-padding{padding: 40px 0}
.footer .power {
  margin-top: 20px;
  color: #a8b2cf;
}

.power p{margin-bottom: 0;font-size: 12px;}

.footer a {
  color: #a8b2cf;
}

.footer h4 {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.footer li a {
  line-height: 38px;
  font-size: 14px;
  color: #fff;
}

.footer .contact p {
  padding-left: 35px;
  line-height: 38px;
  color: #fff;
}

.footer .contact p:nth-child(2) {
  background: url("/templets/images/ico-add.jpg") no-repeat 0px 9px;
}

.footer .contact p:nth-child(3) {
  background: url("/templets/images/ico-tel.jpg") no-repeat 0px 9px;
}

.footer .contact p:nth-child(4) {
  background: url("/templets/images/ico-email.jpg") no-repeat 0px 9px;
}

.sj-footer {
  width: 100%;
  z-index: 1;
  background: #1e2b68;
  text-align: center;
  color: #a7c6db;
  padding: 15px;
  line-height: 30px;
  font-size: 12px;
}

.sj-footer a {
  color: #a7c6db;
}

.sj-block {
  width: 100%;
  height: 60px;
}

/*--------内页----------*/
.banner img {
  width: 100%;
}

.page-tit {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #282828;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}

.page-tit::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
  background: #164c94;
}
.pt100 {
  padding-top:2rem;
}


.page-about .pic {
  height: 200px;overflow: hidden;
  margin-bottom: 2rem;
}


@media(min-width: 1200px){
.pt100 {
  padding-top: 100px;
}
.page-about{font-size: 16px;}

.page-about .pic {
  height: auto;overflow: hidden;
  margin-bottom: 0;
}

}





.page-about .jianjie {
  padding-bottom: 150px;
}

.page-about .jianjie .row {
  position: relative;
}



.page-about .pic img {
  object-fit: cover;width: 100%;height: 100%;
}

.page-about .jianjie .cont {
  font-size: 16px;
}

.page-about .jianjie .info img {
  max-width: 100%;
}



.page-about .xinxi {
  background: url("/templets/images/pageabout-bg.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
}
.xinxi:after{content:'';height:32vh;
width: 100%;bottom: 0;background-color: #164c94;position: absolute;left: 0;right: 0; background-blend-mode: darken;
z-index: 5;
}
@media(min-width: 1200px){
.xinxi:after{height: 300px;}

}

.xinxi .container{z-index: 55;position: relative;}


.page-about .xinxi .pic {
}

.page-about .xinxi .pic img {
  width: 100%;
}

.page-about .rongyu{position: relative;}

.page-about .rongyu .pic {
  width: 100%;
  height: 440px;
  overflow: hidden;
}

.page-about .rongyu .pic img {
  height: 100% !important;
  width: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  -webkit-transition: all .3s;
  transition: all .3s;
}



.page-about .swiper-button-next,
.page-about .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  top: 60%;
}

.page-about .swiper-button-next::after,
.page-about .swiper-button-prev::after {
  display: none;
}

.page-about .swiper-button-next {
  right: 10%;
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.page-about .swiper-button-prev {
  left:10%;
  background: url("/templets/images/left.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.page-about .swiper-button-next:hover {
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.2) no-repeat;
  background-size: contain;
}

.page-news {
  background: #f7fafd;
}

 .new-list {
  min-height: 300px;

}



 .new-item {
  margin-bottom: 30px;
}

 .new-item a {
  display: block;
  background: #fff;

  padding: 30px;
}

 .new-item .cont h4 {
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

 .new-item .cont .time {
  padding-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
}

 .new-item .cont .des {
  padding-top: 10px;
  line-height: 26px;
  color: #999;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all .3s;
  transition: all .3s;
}

 .new-item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}


.new-item:hover a{

    -webkit-box-shadow: 0 6px 20px rgba(204, 204, 204, 0.5);
          box-shadow: 0 6px 20px rgba(204, 204, 204, 0.5);
}

 .new-item:hover h4 {
  color: #164c94;
}

 .new-item:hover .des {
  color: #666;
}

.art-news .news-box {
  padding-right: 50px;
}

.art-news .title {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  line-height: 40px;
}

.art-news .time {
  color: #999;
  font-size: 16px;
  line-height: 30px;
}

.art-news .content {
  padding-top: 40px;
  line-height: 1.5;
}

.art-news .content p {
  margin: 0;
}

.art-news img {
  display: inline-block;
  max-width: 100%;
}

.related {
  background-color: #fafafa;
  padding-bottom: 2em;
}

.related .date {
  border-right: 1px solid #eee;
  text-align: center;
}

.related .con {
  padding-left: 30px;
}

.related .date span {
  display: block;
  font-size: 32px;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.related .date span:nth-child(1) {
  line-height: 50px;
}

.related .date span:nth-child(2) {
  font-size: 70%;
  color: #aaa;
}

.related li h6 {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 0;
  margin-bottom: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.related {
  margin-bottom: 0;
}

.related a:hover h6 {
  color: #003298;
}

.related a:hover .date span:nth-child(1) {
  color: #003298;
}

.related a p {
  color: #aaa;
}

.related dd {
  margin-top: 2em;
}

.related .tit2 h3 {
  margin: 0;
  padding: 15px;
  color: #fff;
  background: #164c94;
  font-weight: bold;
}

.head-list li {
  float: left;
}

.head-list li a {
  height: 60px;
  line-height: 60px;
  color: #666;
  display: block;
  padding: 0 30px;
  font-size: 16px;
}

.head-list li:hover a, .head-list li.on a {
  background: #164c94;
  color: #fff;
}

.art-message {
  padding-bottom: 50px;
  position: relative;
}

.art-message::before {
  content: "";
  display: block;
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  height: 0;
  border: .5px solid #eee;
}

.art-message h3 {
  margin: 0;
  line-height: 60px;
  font-size: 20px;
  position: relative;
}

.art-message h3::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 0;
  border: 2px solid #164c94;
}

.art-message .cont {
  padding-top: 50px;
  min-height: 50px;
}

.art-message p {
  margin: 0;
}

.art-message img {
  margin: 0 auto;
  max-width: 100%;
}

.page-anli .item {
  margin-bottom: 30px;
}

.page-anli .item .pic {
  overflow: hidden;
}

.page-anli .item .pic img {
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
}

.page-anli .item .title {
  background: #fff;
  padding: 0 30px;
  text-align: center;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page-anli .item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.page-anli .item:hover .title {
  color: #164c94;
}

.page-contact .message h3 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin: 0;
  padding-bottom: 10px;
}

.page-contact .message p {
  padding-bottom: 10px;
}

.page-contact .message li {
padding-top: 1.5em;
}


.page-contact .message li:after{content: '';display: table;clear: both;}

.page-contact .message li .iconfont{color: #ff6600;font-size: 3.3rem;float: left;margin-right: 1rem;margin-bottom: 1.5rem}

.page-contact .message li .icon-youjian{font-size: 2.9rem;}



.page-contact .form-box {
  padding-top: 25px;
}

.page-contact input {
  height: 40px;
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
}

.page-contact textarea {
  padding: 15px;
  height: 85px;
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 5px;
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
}

.page-contact .mail-btn {
  background: #164c94;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #164c94;
  border-radius: 25px;
}

.page-contact .mail-btn:hover {
  background: #fff;
  color: #164c94;
}

.page-contact .inp-box {
  padding-bottom: 25px;
}

.sendtx-text {
  z-index: 999;
  position: fixed;
  left: 50%;
  top: 50%;
  line-height: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.7);
  width: 220px;
  border-radius: 5px;
  margin-left: -110px;
  margin-top: -25px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: none;
}

/*-----------end 联系我们----------*/
/*翻页**********************************************************************/
.paging {
  text-align: center;
  padding-bottom: 2em;
}

.paging li {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
}

.paging li a {
  display: inline-block;
  color: #1e2b68;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  line-height: 22px;
  margin-right: 3px;
  font-size: 12px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.paging li.thisclass a, .paging li:hover a {
  background: #1e2b68;
  color: #fff;
}

.paging li a.i, .paging li.n a, .paging li a.e, .paging li.p a {
  text-indent: -9999px;
}

.paging li a.i {
  background: url(../images/paging_btn.png) 7px center no-repeat;
}

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat;
}

.paging li.p a {
  background: url(../images/paging_btn.png) -32px center no-repeat;
}

.paging li.n a {
  background: url(../images/paging_btn.png) -101px center no-repeat;
}

.paging li:hover a.i {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #1e2b68;
}

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #1e2b68;
}

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -32px center no-repeat #1e2b68;
}

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -101px center no-repeat #1e2b68;
}

/*sildebar*/
/*固定侧边拦*/
.float-right-box {
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #164c94;
  z-index: 1000;
  -webkit-transition: width 0.3s ease 0s;
  transition: width 0.3s ease 0s;
}

.float-right-box.on {
  width: 50px;
}

.float-right-box .top-list {
  width: 100%;
}

.float-right-box .top-list ul {
  width: 100%;
}

.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.2);
  height: 50px;
}

.float-right-box .top-list a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 51px;
  -webkit-transition: all 0s;
  transition: all 0s;
}

.float-right-box .top-list .ico {
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  background: #164c94;
  color: #fff;
}

.float-right-box .top-list .ico_qq {
  background: url(../images/elf.png) no-repeat -68px -69px #164c94;
}

.float-right-box .top-list .ico_tel {
  background: url(../images/elf.png) no-repeat -188px -9px #164c94;
}

.float-right-box .top-list .ico_phone {
  background: url(../images/elf.png) no-repeat -68px -186px #164c94;
}

.float-right-box .top-list .ico_dizhi {
  background: url(../images/elf.png) no-repeat -189px -126px #164c94;
}

.float-right-box .top-list .ico_email {
  background: url(../images/elf.png) no-repeat -67px -8px #164c94;
}

.float-right-box .top-list .ico_wechat {
  background: url(../images/elf.png) no-repeat -67px -127px #164c94;
}

.float-right-box .top-list .ico_top {
  background: url(../images/elf.png) no-repeat -188px -69px #164c94;
}

.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 1;
  width: 222px;
}

.float-right-box .top-list li:hover .ico {
  color: #191919;
  background: #fff;
}

.float-right-box .top-list li:hover .stt {
  color: #191919;
}

.float-right-box .top-list li:hover .ico_qq {
  background: url(../images/elf.png) no-repeat -8px -69px #fff;
}

.float-right-box .top-list li:hover .ico_tel {
  background: url(../images/elf.png) no-repeat -128px -9px #fff;
}

.float-right-box .top-list li:hover .ico_phone {
  background: url(../images/elf.png) no-repeat -8px -186px #fff;
}

.float-right-box .top-list li:hover .ico_dizhi {
  background: url(../images/elf.png) no-repeat -129px -126px #fff;
}

.float-right-box .top-list li:hover .ico_email {
  background: url(../images/elf.png) no-repeat -7px -8px #fff;
}

.float-right-box .top-list li:hover .ico_wechat {
  background: url(../images/elf.png) no-repeat -7px -127px #fff;
}

.float-right-box .top-list li:hover .ico_top {
  background: url(../images/elf.png) no-repeat -128px -69px #fff;
}

.float-right-box .top-list li:hover {
  background-color: #fff;
}

.float-right-box .top-list li:hover .img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.float-right-box .top-list .return-webtop .stt {
  font-family: "Arial";
  text-align: left;
  font-weight: bold;
}

#wechat .img {
  position: absolute;
  right: 250px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 137px;
  height: 137px;
  -webkit-transition: all .3s;
  transition: all .3s;
  top: 50%;
  margin-top: -69px;
}

#wechat .img img {
  width: 137px;
  height: 137px;
}

.float-right-box .top-list li:hover #wechat .img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.float-right-box .top-list li.am-gotop {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-bottom: 0;
}

.float-right-box .top-list li.am-gotopon {
  visibility: visible;
  opacity: 1;
  height: 50px;
}
@media only screen and (max-width: 1280px) {
  .sj-header {
    display: block;
  }
  .sjheader-block {
    display: block;
  }
  .header {
    display: none;
  }
  .header-block {
    display: none;
  }
  .page-about .xinxi .mess h4 {
    font-size: 40px;
  }
  .page-about .xinxi .mess p {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .web-title {
    padding-bottom: 30px;
  }
  .web-title h3 {
    font-size: 28px;
  }
  .page-about .xinxi .mess {
    margin-top: 30px;
  }
  .page-about .xinxi .pic {
    margin-top: 30px;
  }
  .page-about .jianjie .pic {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .page-about .jianjie .pic img {
    width: 100%;
  }
  .page-about .jianjie {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {

   .new-list {
  padding: 1em 0;

}
  .page-about .xinxi .mess {
    margin-top: 0;
  }
  .page-about .xinxi .mess p {
    height: auto;
  }
  .page-about .xinxi .mess h4 {
    font-size: 20px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
  }
  .web-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pt50 {
    padding-top: 30px;
  }
  .art-message {
    padding-bottom: 30px;
  }
  .page-about .jianjie .cont {
    padding-left: 15px;
  }
  .index-product .item .tit p, .index-product .item .tit h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .index-about .title {
    font-size: 24px;
  }
  .page-about .rongyu .pic {
    height: 280px;
  }
  .page-news .new-item .cont h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .art-news .time {
    font-size: 14px;
  }
  .art-news .content {
    padding-top: 20px;
  }
  .page-news .new-item .cont .des {
    font-size: 14px;
    line-height: 24px;
  }
  .art-news.web-padding,.page-news.web-padding {
    padding: 0;
  }
  .art-news .container {
    padding: 30px 20px;
  }
  .art-news .title {
   
  }
  .art-news .news-box {
    padding-right: 15px;
  }
  .related {
    margin-top: 30px;
  }
  .head-list {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .head-list li {
    width: 100%;
  }
  .related .tit2 h3 {
    font-size: 18px;
  }
  .page-contact .message h3 {
    font-size: 22px;
  }
  .page-choose {
    background: #fff;
  }
  .page-choose .choose-box {
    position: relative;
  }
  .page-choose .choose-title {
    font-size: 18px;
    line-height: 60px;
    color: #000;
    padding: 1em;
  }
  .page-choose .choose-title .title-box {
    border-bottom: 1px solid #eee;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .page-choose .choose-title .tit {
    text-indent: 5px;
  }
  .page-choose .icon-up2 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .page-choose .choose-title .tit span, .page-choose .choose-title .tit samp {
    font-family: 'Arial';
    font-size: 20px;
    line-height: 60px;
  }
  .page-choose .choose-title .tit span samp {
    display: none;
  }
  .page-choose .choose-title i {
    margin-right: 5px;
    font-size: 20px;
  }
  .page-choose .choose-list {
    position: absolute;
    z-index: 10;
    top: 42px;
    left: 0;
    width: 100%;
    line-height: 36px;
    background: #fff;
    display: none;
  }
  .page-choose .choose-list li {
    border-bottom: 1px solid #eee;
  }
  .page-choose .choose-list li .tit {
    text-indent: 5px;
    font-size: 14px;
  }
  .page-choose .choose-list li i {
    margin-right: 5px;
    display: none;
  }
  .page-choose .choose-list li a {
    color: #333;
  }
  .page-choose .choose-list .on i {
    display: block;
  }
  .page-choose .choose-listmore {
    display: none;
    position: absolute;
    z-index: 10;
    top: 42px;
    left: 0;
    width: 100%;
    background: #fff;
  }
  .page-choose .choose-listmore ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-choose .choose-listmore ul li {
    width: 50%;
    margin-bottom: 1rem;
    text-align: left;
  }
  .page-choose .choose-listmore ul li .tit {
    display: inline-block;
    font-size: 1.4rem;
    color: #333;
  }
  .page-choose .choose-listmore ul .on .tit {
    border-bottom: 2px solid #e6000a;
  }
  .page-choose .choose-listthr {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 3em;
    padding: 2em;
    background: #fafafa;
    display: none;
    -webkit-box-shadow: 0 25px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.1);
  }
  .page-choose .choose-listthr > ul > li .tit {
    text-indent: 5px;
    border-bottom: 1px solid #eee;
  }
  .page-choose .choose-listthr > ul > li .tit i {
    margin-right: 10px;
    font-size: 1.8rem;
    font-style: normal;
    text-indent: 0;
  }
  .page-choose .choose-listthr > ul > li a {
    color: #333;
  }
  .page-choose .choose-listthr > ul > li ul {
    padding-left: 0;
    background: #fafafa;
    margin: 0;
    display: none;
    padding: 10px;
  }
  .page-choose .choose-listthr > ul > li ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: .5rem;
    text-align: left;
  }
}
/*# sourceMappingURL=css.css.map */

.pbga,.pbga1,.pbgb,.pbgb1,.pbgc,.pbgd,.pbge,.pbgf{background-image: url(../images/bg1.jpg);background-position: center; background-size: cover;min-height: 60vh ;color: #fff;position: relative;}
@media(min-width:1200px){
  .pbga,.pbga1,.pbgb,.pbgb1,.pbgc,.pbgd,.pbge,.pbgf{height: 80vh;}
}

.pbga .tit,.pbge .tit,.pbgb .tit,.pbgf .tit,.pbgc .tit,.pbgd .tit{text-align: center; width:80%;margin-left: auto;margin-right: auto;position: absolute;top: 50%;left:0;right:0;transform: translateY(-50%); }
.pbga .tit p{font-size: 18px}
.pbga .tit h2{margin-top:0; margin-bottom: 20px;}


.pbga1{background-image: url(../images/bg2.jpg);}
.pbgc{background-image: url(../images/pbgc1.jpg);}
.pbgc.c2{background-image: url(../images/pbgc2.jpg);}
.pbgc.c3{background-image: url(../images/pbgc3.jpg);}
.pbgd{background-image: url(../images/pbgd.jpg);}

.pbgb{background-image: url(../images/bg3.jpg);}
.pbgb1{background-image: url(../images/bg4.jpg);}
.pbge{background-image: url(../images/pbge.jpg);}

.pbgf{background-image: url(../images/pbgc1.jpg);}


.row img{max-width: 100%}
.advantage{padding-top: 80px;color: #fff;text-align: center;}
.advantage h4{font-size: 35px;font-weight: 800;}
.advantage h4 span{font-size: 50%;}
.advantage div{margin-bottom: 1em;}
.advantage img{max-width: 50%}

@media(min-width: 1200px){
.advantage h4{font-size: 55px;}
.advantage img{max-width: 100%}
}
.pbgd1{background-color: #f7fafd}
.pbgd1 h2{margin-top: 0;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #ddd;font-weight: 800}


.pbgc1{}
.pbgb2{color: #fff;background-color: #164c94}
.pbgtit{padding: 40px;}

@media(min-width: 1200px){
.propage {font-size: 16px;}

}
.propage h4{color: #164c94;font-size: 20px;font-weight:800;}
.lds:before,.lds:after{content: '';display: table;line-height: 0;clear: both;}
.lds {display: flex;flex-wrap: wrap;}
.lds .pic{overflow: hidden;}
.lds .pic img{width: 100%;}
.lds .des{padding: 20px}
.lds li{width: 20%;padding: 1px}
@media(max-width: 1300px){
  .lds li{width: 33.33333%}
}


@media(max-width: 768px){
  .lds li{width: 50%}
}

.pagebanner h1{text-align: center;font-size: 25px;color: #fff;font-weight: 800;top: 30%;width: 100%;left: 0;right:0 ;
  position: absolute;}

.pagebanner{background-image: url(../images/pbg.jpg);background-size: cover;height: 18vh;overflow: hidden;position: relative;}
@media(min-width: 1200px){
  .pagebanner{height: 280px;}
  .pagebanner h1{font-size: 40px;}
}

.pro-list a:before,.pro-list a:after{content: '';display: table;clear: both;}
.pro-list a {display: block;border-bottom: 1px solid #eee;padding: 20px;}
.pro-list a:nth-child(odd){background-color: #fafafa;}

.pro-list .pic{height: 200px;overflow: hidden;}

@media(min-width: 1200px){
  .pro-list a{padding: 50px}
.pro-list .item{width: 50%;float: right;}
.pro-list .cont{width: 50%;float: left;padding-right:50px}
.pro-list .pic{height: 400px;overflow: hidden;}

.pro-list a:nth-child(odd) .item{
float: left;

}
.pro-list a:nth-child(odd) .cont{
float: right;padding-right:0px;padding-left: 50px;

}

}
.pro-list a h4{color: #164c94;font-weight: 800;}

.pro-list .pic img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}

.pro-list a:hover .pic img{transform: scale(1.09);}
.swiper2 .swiper-slide a{display: block;}
.swiper2 .pic{height: 300px;overflow: hidden;}
.swiper2 .pic img{object-fit: cover;width: 100%;height: 100%;max-height: 100%;max-width: 100%;}
.swiper2 h4{font-size: 16px;text-align: center;line-height: 60px;}