input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
* {
  margin: 0;
  padding: 0;
}
[v-cloak] {
  display: none!important;
}
html,
body {
  height: 100%;
  font-family: '微软雅黑';
}
ul li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
button,
input,
textarea {
  border: none;
  background: none;
  outline: none;
}
.endCode {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.clear {
  clear: both;
}
a {
  text-decoration: none;
}
.mask {
  width: 100%;
  height: 100vh;
  background-color: #8f8f8f;
  opacity: 0.5;
  position: fixed;
  z-index: 5;
}
.head {
  width: 90%;
  max-width: 1440px;
  height: 70px;
  line-height: 70px;
  background-color: #2e9df7;
  box-shadow: 0 0 5px #2e9df7;
  border-radius: 8px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 30px 0 0;
  box-sizing: border-box;
  z-index: 999;
}
.head .logo {
  float: left;
  background: #fff;
  /* width: 1.5rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 0 0 8px;
  height: 100%;
}
.head .logo img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.head .logo span {
  line-height: 68px;
}
.head .navTab {
  float: right;
}
.head .navTab li {
  float: left;
  min-width: 120px;
  height: 68px;
  line-height: 70px;
  text-align: center;
  margin-right: 0;
  padding: 0 10px;
}
.head .navTab li a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 70px;
  font-size: 16px;
  color: #ffffff;
}
.head .navTab li a:hover {
  border-bottom: 2px solid #ffffff;
  background-color: #2e93e9;
}
.head .navTab li .menu_active {
  border-bottom: 2px solid #ffffff;
  background-color: #2e93e9;
}
.head .navRight {
  height: 100%;
  width: 90px;
  float: right;
  overflow: hidden;
}
.head .navRight .lang {
  height: 100%;
  float: left;
  position: relative;
}
.head .navRight .lang img {
  width: 32px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.head .navRight .search {
  line-height: 68px;
  float: right;
  display: block;
  width: 30px;
  cursor: pointer;
}
.head .navRight .search span {
  line-height: 68px;
}
.head .navRight .search img {
  width: 100%;
  vertical-align: middle;
}
.head .navRight .btn {
  color: #fff;
  margin-right: 15px;
  cursor: pointer;
}
.head .navRight .search_btn {
  color: #868686;
  margin-right: 15px;
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 0.1rem;
  border-radius: 8px;
}
.head .navRight .input {
  width: 80%;
  height: 70px;
  padding: 30px 20px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  color: #fff;
  z-index: -1;
  border-radius: 0.1rem;
}
.head .navRight .input::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #b5dcfc;
  font-size: 16px;
}
.head .navRight .closeSearch {
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  right: 23%;
}
.head .navRight .closeSearch img {
  display: block;
  width: 100%;
  height: 100%;
}
.head .seacherList {
  font-size: 16px;
  width: 8.3rem;
  height: 300px;
  position: absolute;
  top: 0.7rem;
  left: 20%;
  background-color: #fff;
  border-radius: 0 0 0.1rem 0.1rem;
  padding: 0.3rem 0;
  box-sizing: border-box;
  color: #333;
}
.head .seacherList h3 {
  padding: 0 0.24rem;
  box-sizing: border-box;
}
.head .seacherList .list {
  padding: 0 0.5rem;
  box-sizing: border-box;
  line-height: 0.4rem;
}
.headContainer {
  position: fixed;
  width: 90%;
  max-width: 1440px;
  font-weight: 600;
  top: 1.1rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  background-color: #e0eeff;
  opacity: 0.9;
  border-radius: 0.08rem;
  font-size: 0;
  overflow: hidden;
  padding: 0.1rem 0.1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.headContainer .headImg {
  float: left;
  width: 1.8rem;
  height: 1.2rem;
}
.headContainer .twoNavTab {
  float: right;
  overflow: hidden;
  margin-top: 0.1rem;
  margin-left: 0.52rem;
  width: calc(100% - 2.32rem);
}
.headContainer .twoNavTab > li {
  float: left;
  height: 0.5rem;
  /* min-height: 0.5rem; */
  /* padding: 0.05rem 0; */
  margin-bottom: 0.1rem;
  display: flex;
  box-sizing: border-box;
  margin-right: 0.5rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.headContainer .twoNavTab > li a {
  font-size: 0.2rem;
  color: #333;
}
.headContainer .twoNavTab > li:hover {
  border-bottom: 2px solid #2e9df7;
}
.swiper {
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.swiper .swiperContainerOne {
  width: 14.4rem;
  left: 0;
  right: 0;
  top: 3.6rem;
  margin: auto;
  position: absolute;
  z-index: 999;
}
.swiper .swiperContainerOne h3 {
  font-size: 0.48rem;
  color: #ffffff;
}
.swiper .swiperContainerOne h4 {
  margin-top: 0.2rem;
  font-size: 0.36rem;
  color: #ffffff;
}
.swiper .swiper-wrapper {
  width: 100%;
}
.swiper img {
  width: 100%;
  height: 100%;
}
.swiper .swiper-pagination {
  width: 14.4rem !important;
  left: 0;
  right: 0;
  margin: auto;
  text-align: left;
  bottom: 0.5rem !important;
  bottom: 0.5rem;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 4px;
  background-color: #797979;
  border-radius: 0;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.swiper .changeBig:hover {
  animation-name: changeBig;
  animation-fill-mode: forwards;
  animation-duration: 500ms;
}
.iabout {
  width: 14.4rem;
  margin: 0.96rem auto 0;
  overflow: hidden;
}
.iabout .iaboutLeft {
  float: left;
  width: 6.94rem;
  background-color: #324885;
  padding: 0.9rem 0 0 0.88rem;
  box-sizing: border-box;
}
.iabout .iaboutLeft .imain {
  overflow: hidden;
  height: 33px;
  line-height: 33px;
}
.iabout .iaboutLeft .imain a {
  float: left;
}
.iabout .iaboutLeft .imain img {
  width: 349px;
  vertical-align: middle;
}
.iabout .iaboutLeft .imain h3 {
  float: left;
  margin-left: 24px;
  font-size: 34px;
  color: #ffffff;
}
.iabout .iaboutLeft .mainUL {
  width: 3.1rem;
  overflow: hidden;
  margin-top: 0.76rem;
}
.iabout .iaboutLeft .mainUL li {
  float: left;
  text-align: left;
  margin-right: 0.94rem;
  margin-bottom: 0.72rem;
}
.iabout .iaboutLeft .mainUL li:nth-child(2) {
  margin-right: 0;
}
.iabout .iaboutLeft .mainUL li:nth-child(4) {
  margin-right: 0;
}
.iabout .iaboutLeft .mainUL li:nth-child(6) {
  margin-right: 0;
}
.iabout .iaboutLeft .mainUL li:nth-child(8) {
  margin-right: 0;
}
.iabout .iaboutLeft .mainUL li a {
  display: block;
}
.iabout .iaboutLeft .mainUL li a img {
  width: 0.5rem;
  height: 0.5rem;
}
.iabout .iaboutLeft .mainUL li a span {
  margin-top: 0.3rem;
  display: block;
  font-size: 0.26rem;
  color: #909cbd;
}
.iabout .aboutRight {
  float: left;
}
.iabout .aboutRight .aboutTitle {
  width: 3.8rem;
  margin: 0.8rem auto 0.7rem;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
}
.iabout .aboutRight .aboutTitle img {
  width: 0.62rem;
}
.iabout .aboutRight .aboutPic {
  width: 9.24rem;
  margin-left: -1.78rem;
}
.content {
  width: 100%;
  margin: 0.74rem auto 0;
}
.content p {
  font-size: 0.22rem;
  color: #333333;
  margin-bottom: 0.34rem;
  line-height: 0.3rem;
  text-indent: 2em;
}
.anything {
  width: 100%;
  background: url("../img/bg1.jpg") no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.48rem;
}
.anything .anythingContainer {
  width: 14.4rem;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.anything .anythingContainer .anythingTitle {
  margin: 98px auto 18px;
  width: 524px;
  font-size: 48px;
  color: #ffffff;
}
.anything .anythingContainer .anythingTitle img {
  width: 0.62rem;
}
.anything .anythingContainer .explain {
  font-size: 0.28rem;
  color: #ffffff;
}
.anything .anythingContainer .line {
  display: inline-block;
  margin-top: 0.8rem;
  width: 100%;
}
.anything .anythingContainer .introduce {
  width: 100%;
  margin: 0.82rem auto 0;
  overflow: hidden;
}
.anything .anythingContainer .introduce > li {
  width: 3.5rem;
  height: 4.4rem;
  background: url(../img/trans.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  padding: 0.5rem 0.28rem 0;
  box-sizing: border-box;
  margin-right: 13px;
}
.anything .anythingContainer .introduce > li:last-child {
  margin-right: 0;
}
.anything .anythingContainer .introduce > li h3 {
  color: #ffffff;
  font-size: 0.34rem;
  font-weight: bold;
}
.anything .anythingContainer .introduce > li ul {
  margin-top: 0.4rem;
  text-align: left;
}
.anything .anythingContainer .introduce > li ul li {
  color: #ffffff;
  font-size: 0.22rem;
  margin-bottom: 0.32rem;
  font-style: oblique;
  padding-left: 0.28rem;
  background: url(../img/whitebg.png) left center no-repeat;
  background-size: 0.09rem 0.09rem;
  position: relative;
}
.anything .anythingContainer .introduce > li ul li:last-child {
  margin-bottom: 0;
}
.anything .anythingContainer .introduce > li ul li:last-child img {
  display: none;
}
.anything .anythingContainer .introduce > li ul li img {
  position: absolute;
  left: 0.04rem;
  top: 0.28rem;
}
.fruit {
  width: 14.4rem;
  margin: 1rem auto 0;
  text-align: center;
}
.fruit .fruitTitle {
  width: 4.48rem;
  margin: 0 auto 0.2rem;
  font-size: 0.48rem;
  color: #333333;
}
.fruit .fruitTitle img {
  width: 0.62rem;
}
.fruit .explain {
  font-size: 0.28rem;
  color: #767676;
  line-height: 0.24rem;
}
.fruit .map {
  width: 12rem;
  text-align: left;
  margin-top: 0.44rem;
}
.fruit .map img {
  width: 100%;
}
.fruit .fruitUl {
  width: 100%;
  overflow: hidden;
}
.fruit .fruitUl .fruitLi {
  float: left;
  width: 2.7rem;
  margin-right: 0.22rem;
}
.fruit .fruitUl .fruitLi:last-child {
  margin-right: 0;
}
.fruit .fruitUl .fruitLi .headm {
  width: 100%;
  padding: 0.2rem 0.28rem 0.17rem 0.21rem;
  background-color: #e4f2fe;
  overflow: hidden;
  box-sizing: border-box;
}
.fruit .fruitUl .fruitLi .headm h3 {
  float: left;
  font-size: 0.3rem;
  color: #324885;
}
.fruit .fruitUl .fruitLi .headm img {
  float: right;
  width: 0.28rem;
}
.fruit .fruitUl .fruitLi .work {
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 0.22rem 0.25rem 0.2rem 0.22rem;
  font-size: 0;
}
.fruit .fruitUl .fruitLi .work .workLi {
  margin-bottom: 0.16rem;
  width: 100%;
  text-align: left;
}
.fruit .fruitUl .fruitLi .work .workLi:last-child {
  margin-bottom: 0;
}
.fruit .fruitUl .fruitLi .work .workLi .round {
  width: 0.07rem;
  vertical-align: 2px;
}
.fruit .fruitUl .fruitLi .work .workLi h3 {
  display: inline-block;
  font-size: 0.2rem;
  color: #8a8a8a;
  margin: 0 0.14rem;
}
.fruit .fruitUl .fruitLi .work .workLi span {
  font-size: 0.2rem;
  color: #2e9df7;
}
.core {
  width: 14.4rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.core .coreTitle {
  text-align: center;
  margin: 0 auto 0.8rem;
  font-size: 0.48rem;
}
.core .coreTitle img {
  width: 0.62rem;
}
.core .coreTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0.2rem;
}
.core .coreUl {
  overflow: hidden;
  padding-bottom: 0.3rem;
}
.core .coreUl .coreLl {
  float: left;
  width: 7.08rem;
  position: relative;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.core .coreUl .coreLl:nth-child(2) {
  margin-right: 0;
}
.core .coreUl .coreLl:nth-child(4) {
  margin-right: 0;
}
.core .coreUl .coreLl .coreBg {
  width: 100%;
}
.core .coreUl .coreLl a {
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0.66rem;
  text-align: left;
  width: 80%;
}
.core .coreUl .coreLl a .coreLlHead {
  font-size: 0.36rem;
  color: #ffffff;
}
.core .coreUl .coreLl a .line {
  margin-top: 0.24rem;
  width: 5.76rem;
}
.core .coreUl .coreLl a .coreLlcontent {
  margin-top: 0.2rem;
}
.core .coreUl .coreLl a .coreLlcontent p {
  margin-bottom: 0.15rem;
  font-size: 0.22rem;
  color: #ffffff;
}
.patent {
  width: 14.4rem;
  margin: 1rem auto 0;
  text-align: center;
  font-size: 0;
}
.patent .patentTitle {
  width: 4.48rem;
  margin: 0 auto 0.3rem;
  font-size: 0.48rem;
}
.patent .patentTitle img {
  width: 0.62rem;
}
.patent .patentTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0.3rem;
}
.patent .explain {
  font-size: 0.29rem;
  color: #767676;
}
.patent .patentUl {
  margin-top: 0.6rem;
  overflow: hidden;
}
.patent .patentUl .patentLi {
  float: left;
  width: 3.36rem;
  background-color: #f8f8f8;
  padding: 0.52rem 0.24rem 0.46rem;
  box-sizing: border-box;
  margin-right: 0.31rem;
  margin-bottom: 0.3rem;
}
.patent .patentUl .patentLi img {
  width: 1.9rem;
}
.patent .patentUl .patentLi p {
  margin-top: 0.36rem;
  font-size: 0.21rem;
  color: #666666;
  line-height: 0.35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.patent .patentUl .patentLi:nth-child(1) {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.patent .patentUl .patentLi:nth-child(2) {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.patent .patentUl .patentLi:nth-child(4) {
  margin-right: 0;
}
.patent .patentUl .patentLi:nth-child(8) {
  margin-right: 0;
}
.serve {
  width: 14.4rem;
  margin: 1rem auto 0;
  text-align: center;
  font-size: 0;
}
.serve .serveTitle {
  width: 4.48rem;
  margin: 0 auto 0.8rem;
  font-size: 0.48rem;
}
.serve .serveTitle img {
  width: 0.62rem;
}
.serve .serveTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0.2rem;
}
.serve .serveMain {
  overflow: hidden;
}
.serve .serveMain li {
  float: left;
  width: 2.8rem;
  margin: 0.02rem;
  height: 1.64rem;
  border: 1px solid #f5f5f5;
  background: #fff;
}
.serve .serveMain li span {
  line-height: 1.64rem;
}
.serve .serveMain li img {
  vertical-align: middle;
  width: 60%;
  height: 80%;
}
.amount {
  width: 100%;
  height: 2.2rem;
  padding-top: 0.5rem;
  box-sizing: border-box;
  background: url(../img/amount.png.jpg) no-repeat;
  background-size: 100% 100%;
  font-size: 0;
}
.amount .amountContainer {
  width: 3.7rem;
  margin: 0 auto;
  width: 10.2rem;
  height: 100%;
  text-align: center;
}
.amount .amountContainer h3 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 0.1rem;
}
.amount .amountContainer span {
  font-size: 0.72rem;
  color: #ffffff;
}
.analyse {
  width: 14.4rem;
  margin: 1rem auto 0;
  text-align: center;
  font-size: 0;
}
.analyse .analyseTitle {
  margin: 0 auto 0.3rem;
  text-align: center;
}
.analyse .analyseTitle img {
  width: 0.62rem;
}
.analyse .analyseTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333333;
  margin: 0 0.3rem;
  vertical-align: middle;
}
.analyse .explain {
  font-size: 0.29rem;
  color: #767676;
}
.analyse .analysePic {
  width: 8.7rem;
  height: 5.21rem;
  margin: 0.9rem auto 0;
  background: url("../img/analyse.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.analyse .analysePic .beer {
  position: absolute;
  top: 1.52rem;
  right: 2rem;
  color: #333;
  font-size: 0.2rem;
}
.analyse .analysePic .dairy {
  position: absolute;
  color: #333;
  font-size: 0.2rem;
  left: 1.17rem;
  bottom: 1.96rem;
}
.analyse .analysePic .info {
  position: absolute;
  color: #333;
  font-size: 0.2rem;
  bottom: 2rem;
  right: 1.8rem;
}
.analyse .analysePic img {
  width: 100%;
}
.siftingContainerHide {
  height: 105px;
  overflow: hidden;
}
.siftingContainer {
  margin: 0 auto 50px!important;
  padding: 0.2rem;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 15px;
}
.siftingContainer .img_box {
  width: 100%;
  height: 110px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}
.siftingContainer .img_box img {
  width: 100%;
  height: 100%;
}
.siftingContainer .hide_btn {
  position: absolute;
  bottom: -30px;
  color: #333333;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.1rem 0.15rem;
  border-radius: 0.08rem;
  background-color: #fff;
}
.siftingContainer .hide_btn .txt {
  vertical-align: middle;
}
.siftingContainer .hide_btn .arrow {
  vertical-align: middle;
  width: 16px;
  height: 11px;
  margin-left: 8px;
}
.siftingContainer .hide_btn .arrow_top {
  transform: rotate(180deg);
}
.siftingContainer .sifting {
  transition: all 1s;
  -webkit-transition: all 1s;
}
.siftingContainer .sifting li {
  font-size: 18px;
  color: #2e9df7;
  margin-bottom: 12px;
}
.siftingContainer .sifting li:last-child {
  margin-bottom: 0;
}
.siftingContainer .sifting li h4 {
  font-size: 18px;
  font-weight: 500;
  color: #2e9df7;
  height: 100%;
  float: left;
  line-height: 40px;
  width: 5%;
}
.siftingContainer .sifting li > div {
  display: inline-block;
  width: 95%;
}
.siftingContainer .sifting li > div .active {
  background-color: #2e9df7;
  color: #ffffff;
}
.siftingContainer .sifting li > div p {
  display: inline-block;
  margin: 0 12px 12px 0;
  height: 28px;
  padding: 6px 14px;
  line-height: 28px;
  color: #333;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.sifContent {
  font-size: 0;
}
.sifContent .List {
  overflow: hidden;
}
.sifContent .List > li {
  border-radius: 16px;
  float: left;
  width: calc((100% - 78px)/4);
  background-color: #ffffff;
  padding: 15px;
  box-sizing: border-box;
  margin-right: 26px;
  margin-bottom: 26px;
  position: relative;
}
.sifContent .List > li:nth-child(4n) {
  margin-right: 0;
}
.sifContent .List > li:hover .active_box {
  visibility: visible;
  opacity: 0.8;
}
.sifContent .List > li:hover .line .line_t,
.sifContent .List > li:hover .line .line_b {
  width: 100%;
}
.sifContent .List > li:hover .line .line_r,
.sifContent .List > li:hover .line .line_l {
  height: 90%;
  transform: translateY(5%);
}
.sifContent .List > li a {
  box-shadow: 0 5px 5px #c9c7c7;
}
.sifContent .List > li a .sifPic {
  width: 100%;
  object-fit: contain;
  height: 236px;
}
.sifContent .List > li a .proListBox {
  margin-top: 5px;
  width: 100%;
  height: 100%;
  min-height: 52px;
  box-sizing: border-box;
  border-radius: 0.08rem;
}
.sifContent .List > li a .proListBox .proName {
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  color: #101010;
}
.sifContent .List > li a .line {
  width: 90%;
  height: 90%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 30px;
  box-sizing: border-box;
}
.sifContent .List > li a .line .line_t,
.sifContent .List > li a .line .line_r,
.sifContent .List > li a .line .line_b,
.sifContent .List > li a .line .line_l {
  transition: all 1s;
  -webkit-transition: all 1s;
  position: absolute;
  background-color: #fff;
}
.sifContent .List > li a .line .line_t {
  width: 0%;
  height: 1px;
  left: 0;
  top: 0;
}
.sifContent .List > li a .line .line_r {
  width: 1px;
  height: 0%;
  right: 0;
  top: 0;
}
.sifContent .List > li a .line .line_b {
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
}
.sifContent .List > li a .line .line_l {
  width: 1px;
  height: 0%;
  left: 0;
  top: 0;
}
.sifContent .List > li a .active_box {
  transition: all 1s;
  -webkit-transition: all 1s;
  visibility: hidden;
  background-color: #3874e5;
  opacity: 0;
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 100%;
  border-radius: 8px;
}
.sifContent .List > li a .active_box .active_logo {
  width: 80px;
  height: 79px;
  display: block;
}
.sifContent .List > li a .active_box .active_logo img {
  width: 100%;
  height: 100%;
}
.sifContent .List > li a .active_box .active_txt {
  margin-top: 20px;
  font-size: 20px;
  padding: 0 25px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  line-height: 48px;
  color: #ffffff;
}
.case_detail {
  position: relative;
}
.case_detail .productName {
  font-size: 36px;
  color: #333;
  margin: 30px 0;
}
.case_detail .productIntro {
  margin-bottom: 30px;
}
.gopage .pagination {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}
.gopage .pagination li {
  display: inline-block;
  margin: 0 0.035rem;
}
.gopage .pagination li:first-child,
.gopage .pagination li:last-child {
  margin: 0 0.2rem;
}
.gopage .pagination li.disabled span {
  cursor: not-allowed;
}
.gopage .pagination li.active span {
  background: #324885;
  color: #fff;
}
.gopage .pagination li:last-child a,
.gopage .pagination li:first-child a {
  background: #324885;
  color: #fff;
}
.gopage .pagination li a {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  color: #9a9aaf;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.32rem;
  border: 1px solid #c6c6c6;
  border-radius: 0.04rem;
  cursor: pointer;
}
.gopage .pagination li span {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  color: #9a9aaf;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.32rem;
  border: 1px solid #c6c6c6;
  border-radius: 0.04rem;
  cursor: pointer;
}
.culture {
  width: 14.4rem;
  margin: 0 auto;
  font-size: 0;
}
.culture .cultureTitle {
  margin: 0 auto 0.3rem;
  text-align: center;
}
.culture .cultureTitle img {
  width: 0.62rem;
}
.culture .cultureTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0.3rem;
  vertical-align: middle;
}
.culture .cultureUl {
  width: 14.4rem;
  margin: 0 auto;
  overflow: hidden;
}
.culture .cultureUl > li {
  float: left;
  width: 4.6rem;
  min-height: 1.64rem;
  background-color: #ffffff;
  padding: 0 0.44rem 0 0.34rem;
  box-sizing: border-box;
  margin-right: 0.3rem;
}
.culture .cultureUl > li:last-child {
  margin-right: 0;
}
.culture .cultureUl > li > img {
  width: 0.4rem;
}
.culture .cultureUl > li > h3 {
  margin-top: 0.5rem;
  font-size: 0.24rem;
  color: #7a7a7a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.culture .cultureUl > li > span {
  font-size: 0.3rem;
  padding-left: 0.3rem;
  color: #333333;
  vertical-align: middle;
}
.run {
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  background: url(../img/run.jpg) no-repeat;
  background-size: 100% 100%;
  font-size: 0;
}
.run .runContainer {
  width: 12.08rem;
  margin: 0 auto;
  padding-top: 0.01rem;
  position: relative;
}
.run .runContainer .runTitle .title {
  color: #ffffff;
}
.run .runContainer .line {
  position: absolute;
  top: 2.25rem;
  left: 0;
  right: 0;
  width: 100%;
  border-bottom: 1px solid #6f6f6f;
}
.run .runContainer .runTab {
  position: absolute;
  z-index: 99;
  overflow: hidden;
}
.run .runContainer .runTab li {
  cursor: pointer;
  float: left;
  width: 2rem;
  font-size: 0.18rem;
  color: #ffffff;
  margin-left: 0.5rem;
  padding-bottom: 0.14rem;
  text-align: center;
}
.run .runContainer .runTab li:first-child {
  margin-left: 0;
}
.run .runContainer .runTab li:hover {
  color: #4080bb;
  border-bottom: 0.04rem solid #1890ff;
}
.run .runContainer .runTab .active_hover {
  color: #4080bb;
  border-bottom: 0.04rem solid #1890ff;
}
.run .runContainer .runContent {
  margin-top: 1.5rem;
}
.run .runContainer .runContent li {
  overflow: hidden;
}
.run .runContainer .runContent li .products {
  float: left;
  width: 3.5rem;
}
.run .runContainer .runContent li .runContentRight {
  width: 6.9rem;
  float: left;
  margin-left: 0.4rem;
}
.run .runContainer .runContent li .runContentRight h3 {
  margin-top: 0.5rem;
  font-size: 0.24rem;
  color: #ffffff;
}
.run .runContainer .runContent li .runContentRight p {
  margin-top: 0.4rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.3rem;
}
.run .runContainer .runContent li .runContentRight .box {
  margin-top: 1rem;
}
.run .runContainer .runContent li .runContentRight .box li {
  float: left;
  width: 1.1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: url(../img/box.png);
  background-size: 100% 100%;
  margin-right: 0.3rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  border-left: 0.04rem solid #1890ff;
}
.run .runContainer .activeTab {
  display: block;
}
.run .runContainer .hideTab {
  display: none;
}
.credo {
  width: 14.4rem;
  font-size: 0;
  margin: 0 auto;
}
.credo .credoTitle {
  margin: 0 auto 0.88rem;
  text-align: center;
}
.credo .credoTitle img {
  width: 0.62rem;
}
.credo .credoTitle h3 {
  display: inline-block;
  font-size: 0.48rem;
  color: #333;
  margin: 0 0.3rem;
  vertical-align: middle;
}
.credo .credoUl {
  overflow: hidden;
}
.credo .credoUl > li {
  width: 7rem;
  float: left;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
}
.credo .credoUl > li:nth-child(2n) {
  margin-right: 0;
}
.credo .credoUl > li:nth-last-child(1) {
  margin-bottom: 0;
}
.credo .credoUl > li:nth-last-child(2) {
  margin-bottom: 0;
}
.credo .credoUl > li > .credoUlTop {
  width: 100%;
  height: 1.84rem;
  line-height: 1.84rem;
  background-color: #2e9df7;
  padding-left: 0.3rem;
  box-sizing: border-box;
  position: relative;
}
.credo .credoUl > li > .credoUlTop h3 {
  float: left;
  display: inline-block;
  font-size: 0.9rem;
  font-family: "宋体", sans-serif;
  color: #ffffff;
}
.credo .credoUl > li > .credoUlTop .number {
  font-size: 2.46rem;
  color: #54aff8;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.63rem;
}
.credo .credoUl > li > .credoUlBottom {
  width: 100%;
  background-color: #2092ef;
  padding: 0.34rem 0.43rem 0.38rem 0.32rem;
  box-sizing: border-box;
  min-height: 1.48rem;
}
.credo .credoUl > li > .credoUlBottom p {
  line-height: 0.38rem;
  font-size: 0.24rem;
  color: #fff;
}
.aboutBox {
  width: 14.4rem;
  margin: 0.5rem auto;
  overflow: hidden;
}
.aboutBox .aboutBoxLeft {
  float: left;
  overflow: hidden;
}
.aboutBox .aboutBoxLeft > .border {
  float: left;
  width: 3.52rem;
  border: 0.02rem solid transparent;
}
.aboutBox .aboutBoxLeft .aboutImg {
  width: 6rem;
  margin-left: -3.14rem;
  margin-top: 0.6rem;
}
.aboutBox .aboutBoxRight {
  margin-left: 0.58rem;
  float: left;
}
.aboutBox .aboutBoxRight .aboutTitle {
  width: 3.8rem;
  margin: 0.62rem 0 0.5rem;
  font-size: 0.48rem;
  color: #333333;
  font-weight: bold;
}
.aboutBox .aboutBoxRight .aboutTitle img {
  width: 0.62rem;
}
.aboutBox .aboutBoxRight .aboutMain {
  width: 7.4rem;
  font-size: 0.17rem;
  color: #333;
  line-height: 0.28rem;
}
.aboutBox .aboutBoxRight .aboutMain p {
  font-size: 0.17rem;
  color: #333;
  line-height: 0.28rem;
}
.form {
  width: 100%;
  background: url(../img/form.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.01rem;
  padding-bottom: 0.5rem;
  max-width: 1903px;
  margin: 0 auto;
}
.form .formContainer {
  width: 14.4rem;
  margin: 0 auto;
}
.form .formContainer .formTitle .title {
  color: #ffffff;
}
.form .formContainer .formPic {
  width: 100%;
}
.honor {
  width: 100%;
  max-width: 1903px;
  margin: 0 auto;
  background-color: #2486d5;
  padding-bottom: 0.5rem;
}
.honor .honorContainer {
  width: 14.4rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}
.honor .honorContainer .honorTitle {
  font-size: 0;
}
.honor .honorContainer .honorTitle .title {
  color: #ffffff;
}
.honor .honorContainer > p {
  font-size: 0.2rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.honor .honorContainer .explain {
  font-size: 0.25rem;
  color: #ffffff;
  font-weight: 600;
}
.honor .honorContainer .honorUl {
  overflow: hidden;
  margin-top: 0.5rem;
}
.honor .honorContainer .honorUl .honorLi {
  width: 2.72rem;
  padding: 0.14rem;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  float: left;
  margin-right: 0.2rem;
}
.honor .honorContainer .honorUl .honorLi:last-child {
  margin-right: 0;
}
.honor .honorContainer .honorUl .honorLi .cer {
  width: 2.47rem;
  height: 3.5rem;
  object-fit: contain;
}
.honor .honorContainer .honorUl .honorLi .cerTitle {
  margin: 0.22rem auto 0.24rem;
  width: 1.8rem;
  font-size: 0.21rem;
  line-height: 0.25rem;
  color: #333333;
  min-height: 0.54rem;
}
.honor .honorContainer .honorUl .honorLi .look {
  float: right;
  font-size: 0.16rem;
  color: #2e9df7;
}
.honor .honorContainer .more {
  display: block;
  margin: 0.5rem auto 0;
  width: 1.14rem;
  height: 0.32rem;
  border: 1px solid #b0d5f6;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.16rem;
  color: #ffffff;
}
.detailsHead {
  width: 14.4rem;
  margin: 0.4rem auto 0;
  font-size: 0;
}
.detailsHead a {
  font-size: 0.16rem;
  color: #333333;
}
.honorDetails {
  width: 100%;
  background-color: #f8f8f8;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  padding: 0.5rem 0;
  position: relative;
}
.honorDetails > h3 {
  font-size: 0.36rem;
  color: #333333;
}
.honorDetails > p {
  margin: 0.3rem 0 1.14rem;
  display: inline-block;
  font-size: 0.18rem;
  color: #999999;
  width: 9.46rem;
  text-align: left;
  line-height: 0.3rem;
}
.honorDetails > img {
  width: 5.56rem;
}
.honorDetails .btn_left {
  background: #2e9df7;
  border-radius: 0 0.26rem 0.26rem 0;
  font-size: 0.18rem;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 2.32rem;
  cursor: pointer;
}
.honorDetails .btn_left a {
  padding: 0.17rem 0.43rem;
  color: #fff;
  display: block;
}
.honorDetails .btn_right {
  background: #324885;
  border-radius: 0.26rem 0 0 0.26rem;
  font-size: 0.18rem;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 2.32rem;
  cursor: pointer;
}
.honorDetails .btn_right a {
  color: #fff;
  display: block;
  padding: 0.17rem 0.43rem;
}
.cerDetails {
  width: 100%;
  margin: 0 auto 0.5rem;
  text-align: center;
  font-size: 0;
}
.cerDetails > p {
  font-size: 0.3rem;
  color: #333;
  margin-bottom: 0.5rem;
}
.cerDetails .core_business_content_tabs {
  margin-top: 0.5rem;
}
.cerDetails .core_business_content_tabs .core_business_tab {
  font-size: 16px;
  color: #666666;
  padding: 13px 30px;
  border: solid 1px #d2d2d2;
  margin-right: 21px;
  float: left;
}
.cerDetails .core_business_content_tabs .core_business_tab_active {
  border: solid 1px #008dff;
  background-color: #008dff;
  color: #fff;
}
.cerDetails .explain {
  font-size: 0.4rem;
  color: #333;
  font-weight: 600;
}
.cerDetails .honorUl {
  overflow: hidden;
  margin-top: 0.5rem;
}
.cerDetails .honorUl .honorLi {
  width: 2.72rem;
  height: 5rem;
  padding: 0.14rem;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  float: left;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.cerDetails .honorUl .honorLi:nth-child(5) {
  margin-right: 0;
}
.cerDetails .honorUl .honorLi:last-child {
  margin-right: 0;
}
.cerDetails .honorUl .honorLi .cer {
  width: 2.47rem;
  min-height: 3.5rem;
}
.cerDetails .honorUl .honorLi .cerTitle {
  margin: 0.22rem auto 0.24rem;
  width: 1.8rem;
  font-size: 0.2rem;
  color: #333333;
  min-height: 0.49rem;
  text-align: center;
}
.cerDetails .honorUl .honorLi .look {
  float: right;
  font-size: 0.16rem;
  color: #2e9df7;
}
.timDetails {
  width: 14.4rem;
  margin: 0 auto;
  font-size: 0;
}
.timOne {
  width: 14.4rem;
  margin: 0 auto;
  padding-bottom: 0.2rem;
}
.timOne .more {
  border: 1px solid #9f9f9f;
  font-size: 0.14rem;
  padding: 0.1rem 0;
  color: #b2b2b2;
  width: 1.14rem;
  box-sizing: border-box;
  margin: 0.4rem auto;
  text-align: center;
  cursor: pointer;
}
.timUl {
  margin-top: 0.46rem;
  overflow: hidden;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  padding: 0.5rem 0 0;
}
.timUl .timLi {
  float: left;
  width: 2.73rem;
  text-align: center;
  margin-right: 0.18rem;
  margin-bottom: 0.52rem;
}
.timUl .timLi:nth-child(5) {
  margin-right: 0;
}
.timUl .timLi:last-child {
  margin-right: 0;
}
.timUl .timLi > img {
  width: 100%;
}
.timUl .timLi .personName {
  margin-top: 0.22rem;
  font-size: 0.24rem;
  color: #282828;
}
.timUl .timLi .personName span {
  margin-left: 0.16rem;
  display: inline-block;
  font-size: 0.16rem;
  color: #999999;
}
.timUl .timLi > p {
  margin-top: 0.24rem;
  text-align: left;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.solution_new {
  position: relative;
}
.solution_new .main {
  position: absolute;
  border-radius: 16px;
  background-color: #3874e5;
  text-align: center;
  font-size: 0;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, 50%);
}
.solution_new .main .mainTitle {
  font-size: 24px;
  color: #ffffff;
}
.solution_new .main .mainUl {
  overflow: hidden;
}
.solution_new .main .mainUl > li {
  float: left;
  width: calc(100% / 6);
  padding: 0.36rem 0;
}
.solution_new .main .mainUl > li:last-child {
  margin-right: 0;
}
.solution_new .main .mainUl > li > img {
  width: 40px;
  height: 40px;
}
.solution_new .main .mainUl > li > span {
  margin-top: 24px;
  display: block;
  font-size: 16px;
  color: #fff;
}
.solution_new .main .mainUl > li:hover {
  background-color: #4c8cef;
}
.solution_new .main .mainUl .active {
  background-color: #4c8cef;
}
.proPic {
  width: 100%;
  background-color: #fff;
  font-size: 0;
  overflow: hidden;
  margin-top: 1.44rem;
}
.proPic .proPicLeft {
  float: left;
}
.proPic .proPicLeft > img {
  width: 11.1rem;
}
.proPic .proPicRight {
  float: left;
  width: 5.7rem;
}
.proPic .proPicRight .proPicRightTitle {
  float: right;
  margin-top: 0.66rem;
  text-align: right;
}
.proPic .proPicRight .proPicRightTitle h3 {
  font-size: 0.24rem;
  color: #333333;
}
.proPic .proPicRight .proPicRightTitle span {
  margin-top: 0.05rem;
  font-size: 0.14rem;
  color: #333333;
  display: inline-block;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid #595959;
}
.proPic .proPicRight > .box {
  float: left;
  margin-left: -3.6rem;
  background-color: #fff;
  padding: 0.54rem 0.44rem;
  box-sizing: border-box;
  width: 9.55rem;
}
.proPic .proPicRight > .box .imgs {
  width: 100%;
  height: 3.5rem;
  overflow: hidden;
}
.proPic .proPicRight > .box .imgs > img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.proPic .proPicRight > .box .boxBottom {
  margin-top: 0.18rem;
  color: #333;
  font-size: 0.23rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.proPic .proPicRight > .box .boxBottom .line {
  float: left;
  margin-top: 0.16rem;
  width: 5.8rem;
  border-bottom: 1px solid #333;
  margin-right: 0.22rem;
}
.proList {
  margin: 100px auto 0 !important;
  font-size: 0;
}
.proList > .proListTitle {
  overflow: hidden;
}
.proList > .proListTitle .proTitle {
  float: left;
  text-align: left;
}
.proList > .proListTitle .proTitle > h3 {
  font-size: 0.24rem;
  color: #333333;
}
.proList > .proListTitle .proTitle > span {
  margin-top: 0.05rem;
  font-size: 0.14rem;
  color: #333333;
  display: inline-block;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid #595959;
}
.proList > .proListTitle .tabTitle {
  float: right;
  overflow: hidden;
  cursor: pointer;
}
.proList > .proListTitle .tabTitle > li {
  height: 0.32rem;
  padding: 0.05rem 0.1rem;
  line-height: 0.32rem;
  text-align: center;
  color: #333333;
  font-size: 0.2rem;
  float: left;
  margin-right: 0.26rem;
}
.proList > .proListTitle .tabTitle > li:hover {
  background-color: #2e9df7;
  color: #fff;
}
.proList > .proListTitle .tabTitle .current {
  background-color: #2e9df7;
  color: #fff;
}
.proList .proListMain {
  margin-top: 0.3rem;
  overflow: hidden;
}
.proList .proListMain > li {
  float: left;
  width: calc((100% - 50px) / 2);
  height: 425px;
  position: relative;
  margin-right: 50px;
  margin-bottom: 50px;
  border-radius: 8px;
}
.proList .proListMain > li:hover .active_box {
  visibility: visible;
  opacity: 0.8;
}
.proList .proListMain > li:hover .line .line_t,
.proList .proListMain > li:hover .line .line_b {
  width: 100%;
}
.proList .proListMain > li:hover .line .line_r,
.proList .proListMain > li:hover .line .line_l {
  height: 90%;
  transform: translateY(5%);
}
.proList .proListMain > li:nth-child(2n) {
  margin-right: 0;
}
.proList .proListMain > li > img {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
}
.proList .proListMain > li .proListBox {
  position: absolute;
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  box-shadow: 0 5px 5px #c9c7c7;
  padding: 10px 34px;
  box-sizing: border-box;
  border-radius: 8px;
}
.proList .proListMain > li .proListBox .proName {
  font-size: 25px;
  color: #fff;
}
.proList .proListMain > li .line {
  width: 90%;
  height: 90%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 30px;
  box-sizing: border-box;
}
.proList .proListMain > li .line .line_t,
.proList .proListMain > li .line .line_r,
.proList .proListMain > li .line .line_b,
.proList .proListMain > li .line .line_l {
  transition: all 1s;
  -webkit-transition: all 1s;
  position: absolute;
  background-color: #fff;
}
.proList .proListMain > li .line .line_t {
  width: 0%;
  height: 1px;
  left: 0;
  top: 0;
}
.proList .proListMain > li .line .line_r {
  width: 1px;
  height: 0%;
  right: 0;
  top: 0;
}
.proList .proListMain > li .line .line_b {
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
}
.proList .proListMain > li .line .line_l {
  width: 1px;
  height: 0%;
  left: 0;
  top: 0;
}
.proList .proListMain > li .active_box {
  transition: all 1s;
  -webkit-transition: all 1s;
  visibility: hidden;
  background-color: #3874e5;
  opacity: 0;
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 100%;
  border-radius: 8px;
}
.proList .proListMain > li .active_box .active_logo {
  width: 200px;
  height: 200px;
  display: block;
}
.proList .proListMain > li .active_box .active_logo img {
  width: 100%;
  height: 100%;
}
.proList .proListMain > li .active_box .active_txt {
  margin-top: 40px;
  font-size: 25px;
  line-height: 48px;
  padding: 0 45px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.return {
  font-size: 0;
  cursor: pointer;
  background-color: #fff;
}
.return .txt {
  font-size: 20px;
  color: #333333;
}
.details {
  margin-top: 0.2rem !important;
  min-height: 500px;
}
.details .productName {
  width: 100%;
  text-align: left;
  padding: 0.3rem 0;
  box-sizing: border-box;
  font-size: 0;
}
.details .productName .hfImg {
  width: 1.7rem;
}
.details .productName h3 {
  font-size: 36px;
  color: #333;
}
.details .productName h3 .title {
  position: relative;
}
.details .productName h3 .title::before {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 50%;
  height: 4px;
  background-color: #4575cf;
  content: "";
}
.details .productName .content {
  text-align: left;
  margin-top: 0.58rem;
  font-size: 0.22rem;
  color: #333333;
  line-height: 0.3rem;
}
.details li {
  list-style: initial;
}
.details .solution_content_detail {
  margin: 20px 0;
}
.details .solution_content_detail .solution_detail_left {
  width: calc(100% - 685px);
}
.details .solution_content_detail .solution_detail_right {
  width: 640px;
  height: 445px;
}
.details .solution_content_detail .solution_detail_right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productDetails {
  width: 14.6rem;
  text-align: center;
  font-size: 0;
  margin: 0.7rem auto 0;
}
.productDetails h3 {
  font-size: 0.24rem;
  color: #333333;
}
.productDetails .productDetailsUl {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 0.1rem;
  box-sizing: border-box;
  margin-top: 0.6rem;
}
.productDetails .productDetailsUl > li {
  width: 7rem;
  height: 5.1rem;
  display: inline-block;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}
.productDetails .productDetailsUl > li:nth-child(2) {
  margin-right: 0;
}
.productDetails .productDetailsUl > li:nth-child(3) {
  margin-bottom: 0;
}
.productDetails .productDetailsUl > li:nth-child(4) {
  margin-right: 0;
  margin-bottom: 0;
}
.productDetails .productDetailsUl > li > img {
  width: 100%;
  height: 100%;
}
.productDetails .content {
  margin-top: 0.6rem;
  font-size: 0.22rem;
  color: #333;
  line-height: 0.34rem;
  text-align: left;
}
.project_service .ser_introduce {
  font-size: 0.24rem;
  line-height: 0.48rem;
  padding: 0.14rem 0 0.54rem;
  box-sizing: border-box;
}
.project_service .ser_items {
  width: 100%;
  overflow: hidden;
}
.project_service .ser_items .ser_item {
  width: 2.71rem;
  float: left;
  margin-right: 0.2rem;
}
.project_service .ser_items .ser_item:last-child {
  margin-right: 0;
}
.project_service .ser_items .ser_item .ser_item_title {
  color: #2e9df7;
  line-height: 0.48rem;
  font-size: 0.36rem;
  text-align: center;
  padding: 0.28rem 0.75rem;
  box-sizing: border-box;
  position: relative;
  background: #e1ecf5;
}
.project_service .ser_items .ser_item .ser_item_title .line {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 0.02rem;
  background: linear-gradient(to right, #34a0f7, #e1ecf5);
}
.project_service .ser_items .ser_item .ser_content {
  background: #f5f5f5;
  height: 3.9rem;
  padding: 0.2rem 0;
  box-sizing: border-box;
}
.project_service .ser_items .ser_item .ser_content .ser_content_items {
  font-size: 0.16rem;
  text-align: center;
}
.project_service .ser_items .ser_item .ser_content .ser_content_items p {
  line-height: 0.32rem;
}
.project_service .ser_items .ser_item .ser_content .ser_content_items p a {
  font-size: 0.16rem;
  color: #333;
  position: relative;
}
.project_service .ser_items .ser_item .ser_content .ser_content_items p a::after {
  content: '';
  background: #b5d9f6;
  position: absolute;
  left: -0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
}
.project_service .ser_items .ser_item .ser_content .ser_content_items p a::before {
  content: '';
  background: #b5d9f6;
  position: absolute;
  right: -0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
}
.company_project .company_items {
  width: 100%;
}
.company_project .company_items .company_item {
  display: inline-block;
}
.company_project .company_items .company_item .img {
  width: 6.9rem;
  height: 4.3rem;
}
.company_project .company_items .company_item .title {
  color: #333;
  font-size: 0.24rem;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
  line-height: 0.5rem;
}
.company_project .company_items .company_item .title::after {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  background: #2e9df7;
  position: absolute;
  left: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.company_project .company_items .company_item .sub_title {
  color: #969696;
  font-size: 0.16rem;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
}
.company_project .company_items .company_item .sub_title::after {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  background: #2e9df7;
  position: absolute;
  left: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.company_project .more_row {
  width: 100%;
  font-size: 0.18rem;
}
.company_project .more_row .line {
  width: 90%;
  height: 1px;
  background: #aec6e2;
  position: relative;
}
.company_project .more_row .line .lineB {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  width: 3rem;
  height: 3px;
  background: #2e9df7;
}
.company_project .more_row div {
  display: inline-block;
}
.company_project .more_row div .more {
  display: inline-block;
  font-size: 0.18rem;
  color: #111111;
}
.automation {
  background-color: #3da1f2;
  background-image: url("../img/automation_bg.png");
  background-size: auto;
  width: 100%;
  font-size: 0;
  padding-bottom: 0.62rem;
}
.automation .pub_title_row {
  padding: 0.6rem 0 0.67rem;
  box-sizing: border-box;
  text-align: center;
}
.automation .automation_title {
  color: #fff !important;
  font-size: 0.48rem;
}
.automation .automation_content {
  border-top: 1px solid #7cbff7;
  border-bottom: 1px solid #7cbff7;
  padding: 0.53rem 0;
  position: relative;
}
.automation .automation_content::after {
  content: '';
  height: 0.03rem;
  width: 2.3rem;
  background: #fff;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 2.6rem;
}
.automation .automation_content::before {
  content: '';
  height: 0.03rem;
  width: 2.3rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  left: 2.6rem;
}
.automation .automation_content .content_left {
  float: left;
  width: 7.7rem;
  box-sizing: border-box;
}
.automation .automation_content .content_left p {
  padding: 0 0 0 0.4rem;
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.3rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.automation .automation_content .content_left p:last-child {
  margin-bottom: 0;
}
.automation .automation_content .content_left p::after {
  position: absolute;
  content: '';
  top: 32%;
  left: 0;
  transform: translateY(-50%);
  width: 0.18rem;
  height: 0.18rem;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 10%;
}
.automation .automation_content .content_right {
  float: left;
  margin-left: 0.1rem;
  width: 6.57rem;
  height: 2.22rem;
}
.automation .automation_content .content_right img {
  width: 50%;
  height: 100%;
}
.mes {
  font-size: 0;
}
.mes .mes_content .mes_item {
  background: #f5f5f5;
  padding: 0.68rem 0 0.48rem;
  width: 7rem;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  margin-right: 0.4rem;
}
.mes .mes_content .mes_item:last-child {
  margin-right: 0;
}
.mes .mes_content .mes_item .img {
  width: 4.22rem;
  height: 3.55rem;
}
.mes .mes_content .mes_item .mes_title {
  font-size: 0.3rem;
  color: #000;
  line-height: 0.3rem;
  margin-top: 0.7rem;
}
.mes .mes_content .mes_item .mes_introduce {
  font-size: 0.18rem;
  color: #606060;
  margin: 0 auto;
  width: 90%;
  line-height: 0.3rem;
  padding: 0.3rem 0 0.65rem;
}
.mes .mes_content .mes_item .btn {
  width: 1.38rem;
  height: 0.45rem;
  font-size: 0.18rem;
  color: #e3f2fe;
  background: #2e9df7;
  line-height: 0.45rem;
  text-align: center;
  border-radius: 0.1rem;
  margin: 0 auto;
  cursor: pointer;
}
.wisdom {
  background-color: #3da1f2;
  background-image: url("../img/wisdom_bg.png");
  background-size: auto;
  width: 100%;
  font-size: 0;
}
.wisdom .pub_title_row {
  padding: 0.6rem 0 0.67rem;
  box-sizing: border-box;
  text-align: center;
}
.wisdom .wisdom_title {
  color: #fff !important;
  font-size: 0.48rem;
}
.wisdom .content_left {
  float: left;
  width: 8rem;
}
.wisdom .content_left p {
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.36rem;
}
.wisdom .content_left .btn {
  color: #239bfa;
  background: #fff;
  font-size: 0.18rem;
  width: 1.38rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 0.1rem;
  margin-top: 0.63rem;
  cursor: pointer;
}
.wisdom .content_right {
  float: left;
  width: 5.8rem;
  height: 5rem;
}
.control {
  font-size: 0;
}
.control .control_items {
  overflow: hidden;
}
.control .control_items > div:nth-last-child(2),
.control .control_items > div:nth-last-child(1) {
  border-bottom: none;
}
.control .control_items > div:nth-last-child(2) .control_content,
.control .control_items > div:nth-last-child(1) .control_content {
  overflow: hidden;
}
.control .control_items > div:nth-last-child(2) .control_content p,
.control .control_items > div:nth-last-child(1) .control_content p {
  padding: 0 0.4rem;
  box-sizing: border-box;
  margin: 0.24rem 0;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.control .control_items > div:nth-last-child(2) .control_content p::before,
.control .control_items > div:nth-last-child(1) .control_content p::before {
  background: #fff;
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  box-sizing: border-box;
  border-radius: 50%;
}
.control .control_items .control_left {
  float: left;
  width: 9.8rem;
  height: 6.88rem;
  padding: 0.4rem 0.6rem;
  box-sizing: border-box;
  background: #2d99f0;
  border-right: 0.08rem solid #fff;
  border-bottom: 0.08rem solid #fff;
}
.control .control_items .control_left h3 {
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.35rem;
  margin: 0.26rem 0;
}
.control .control_items .control_left .control_content {
  overflow: hidden;
  border-bottom: 0.01rem solid #b4dbfa;
  border-top: 0.01rem solid #b4dbfa;
  font-size: 0.19rem;
  line-height: 0.35rem;
  height: 4.84rem;
  color: #fff;
  padding: 0.41rem 0;
  box-sizing: border-box;
  position: relative;
}
.control .control_items .control_left .control_content::before {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.03rem;
  background: #fff;
  top: 0;
  right: 0.74rem;
  transform: translateY(-50%);
  z-index: 9;
}
.control .control_items .control_left .control_content::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.03rem;
  background: #fff;
  bottom: 0;
  right: 0.74rem;
  transform: translateY(50%);
  z-index: 9;
}
.control .control_items .control_left .control_content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 0.4rem;
  box-sizing: border-box;
  margin: 0.35rem 0;
  position: relative;
}
.control .control_items .control_left .control_content p::before {
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  width: 0.18rem;
  height: 0.18rem;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 10%;
}
.control .control_items .control_right {
  background: #2d99f0;
  float: left;
  padding: 0 0.35rem 0.35rem;
  height: 6.88rem;
  box-sizing: border-box;
  border-bottom: 0.08rem solid #fff;
}
.control .control_items .control_right .img_item {
  box-sizing: border-box;
  margin-top: 0.35rem;
}
.control .control_items .control_right .img_item img {
  width: 3.88rem;
  height: 2.88rem;
}
.stable {
  width: 100%;
  font-size: 0;
}
.stable .stable_items {
  overflow: hidden;
}
.stable .stable_items .stable_item {
  float: left;
  width: 2.85rem;
  height: 1.65rem;
  border: 1px solid #f0f0f0;
  text-align: center;
  position: relative;
  background: #fff;
}
.stable .stable_items .stable_item span {
  line-height: 1.65rem;
}
.stable .stable_items .stable_item img {
  width: 50%;
  height: 50%;
  vertical-align: middle;
}
.footer {
  background: #324885;
  width: 100%;
  max-width: 1920px;
  margin: 0.5rem auto 0;
  font-size: 0;
  padding: 0.3rem 0 0;
  box-sizing: border-box;
}
.footer .footer_top {
  overflow: hidden;
}
.footer .footer_top ul {
  float: left;
}
.footer .footer_top ul li {
  display: block;
  float: left;
  padding: 0.63rem 0 0.48rem;
  width: 2rem;
  text-align: center;
}
.footer .footer_top ul li a {
  font-size: 0.16rem;
  color: #aec6e2;
}
.footer .footer_top .img {
  margin-top: 0.46rem;
  float: right;
  width: 0.52rem;
  height: 0.52rem;
}
.footer .footer_top .img img {
  width: 100%;
  height: 100%;
}
.footer .footer_center {
  overflow: hidden;
}
.footer .footer_center .footer_cLeft {
  border-radius: 8px;
  background: #485b90;
  width: 630px;
  height: 355px;
  float: left;
  padding: 20px 97px;
  box-sizing: border-box;
}
.footer .footer_center .footer_cLeft h4 {
  font-size: 24px;
  color: #f6f9fa;
  line-height: 24px;
}
.footer .footer_center .footer_cLeft p {
  font-size: 15px;
  color: #f6f9fa;
  line-height: 24px;
  margin: 15px 0;
  height: 50px;
}
.footer .footer_center .footer_cLeft input {
  font-size: 16px;
  color: #333;
  background: #fff;
  width: 100%;
  padding: 14px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}
.footer .footer_center .footer_cLeft input:last-child {
  background: #2e9df7;
  width: 100%;
  margin-bottom: 0;
  padding: 14px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.footer .footer_center .footer_cLeft textarea {
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  color: #333;
  background: #fff;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 14px;
  margin-bottom: 15px;
}
.footer .footer_center .footer_cRight {
  float: right;
  border-radius: 8px;
  height: 355px;
  overflow-y: hidden;
  background: #485b90;
  padding: 20px 97px;
  width: 630px;
  box-sizing: border-box;
}
.footer .footer_center .footer_cRight h4 {
  font-size: 24px;
  color: #f6f9fa;
  line-height: 24px;
}
.footer .footer_center .footer_cRight p {
  font-size: 15px;
  color: #f6f9fa;
  line-height: 24px;
  margin: 20px 0 35px;
  height: 50px;
}
.footer .footer_center .footer_cRight .img {
  width: 282px;
  height: 76px;
  margin: 55px auto 17px;
}
.footer .footer_center .footer_cRight .img img {
  width: 100%;
  height: 100%;
}
.footer .footer_center .footer_cRight .phone {
  background: #2e9df7;
  width: 100%;
  padding: 19px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin-bottom: 60px;
  cursor: pointer;
  border-radius: 8px;
}
.footer .footer_center .footer_cRight .phone:nth-child(1) {
  margin-bottom: 0;
}
.footer .footer_bottom {
  overflow: hidden;
}
.footer .footer_bottom .footer_bLeft {
  float: left;
}
.footer .footer_bottom .footer_bLeft p {
  font-size: 16px;
  color: #aec6e2;
  line-height: 24px;
  margin: 10px 0;
}
.footer .footer_bottom .footer_bLeft p:last-child {
  font-size: 14px;
}
.footer .footer_bottom .footer_bLeft p:last-child span a {
  color: #aec6e2;
  margin: 0 8px;
}
.footer .footer_bottom .footer_bLeft p:last-child span:last-child {
  margin-left: 18px;
}
.footer .footer_bottom .footer_bRight {
  float: right;
}
.footer .footer_bottom .footer_bRight p {
  color: #aec6e2;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0;
}
.footer .footer_bottom .footer_bRight p img {
  margin: 0 8px 0 27px;
}
.footer .footer_bottom .footer_bRight p img:last-child {
  margin: 0 0 0 27px;
}
.footer .footer_bottom .footer_bRight ul {
  margin: 10px 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
}
.footer .footer_bottom .footer_bRight ul li {
  float: right;
  margin-left: 25px;
}
.footer .footer_bottom .footer_bRight ul li a {
  color: #aec6e2;
}
#mesD_app {
  background: #f5f5f5;
}
#mesD_app .mains .mes_detail {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 0.83rem 0.58rem;
  box-sizing: border-box;
}
#mesD_app .mains .mes_detail h3 {
  font-size: 0.36rem;
  color: #333333;
}
#mesD_app .mains .mes_detail p {
  font-size: 0.18rem;
  width: 80%;
  color: #a7a7a7;
  line-height: 0.36rem;
  margin: 0.45rem auto 0.54rem;
}
.companyD_app {
  background: #f5f5f5;
}
.companyD_app .mains .company_items {
  width: 100%;
}
.companyD_app .mains .company_items .company_item {
  display: inline-block;
  margin-bottom: 0.4rem;
}
.companyD_app .mains .company_items .company_item .img {
  width: 6.9rem;
  height: 4.3rem;
}
.companyD_app .mains .company_items .company_item .title {
  color: #333;
  font-size: 0.24rem;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
  line-height: 0.5rem;
}
.companyD_app .mains .company_items .company_item .title::after {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  background: #2e9df7;
  position: absolute;
  left: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.companyD_app .mains .company_items .company_item .sub_title {
  color: #969696;
  font-size: 0.16rem;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
}
.companyD_app .mains .company_items .company_item .sub_title::after {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  background: #2e9df7;
  position: absolute;
  left: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
#teamD_app {
  background: #f5f5f5;
}
#teamD_app .team_detail .team_items {
  overflow: hidden;
}
#teamD_app .team_detail .team_items .team_item {
  float: left;
  width: 2.72rem;
  margin-right: 0.2rem;
  margin-bottom: 0.56rem;
}
#teamD_app .team_detail .team_items .team_item:nth-child(5n) {
  margin-right: 0;
}
#teamD_app .team_detail .team_items .team_item img {
  width: 100%;
  height: 3.67rem;
}
#teamD_app .team_detail .team_items .team_item .name {
  font-size: 0.27rem;
  color: #333;
  margin: 0.2rem auto 0.24rem;
  text-align: center;
}
#teamD_app .team_detail .team_items .team_item .name span {
  color: #999999;
  font-size: 0.16rem;
}
#teamD_app .team_detail .team_items .team_item .content_detail {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.24rem;
}
@keyframes changeBig {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes rotate {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes bgChange {
  from {
    background-color: #f5f5f5;
  }
  to {
    background-color: #008dff;
  }
}
.lxx_main {
  font-size: 0;
}
.lxx_main .lxx_advantage {
  margin: 0 auto;
}
.lxx_main .lxx_advantage h4 {
  font-size: 0.48rem;
  color: #333333;
}
.lxx_main .lxx_advantage .content {
  text-indent: 0.48rem;
  color: #1e1e1e;
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin: 0.5rem 0 0.5rem;
}
.lxx_main .lxx_advantage .advantage_list {
  width: 100%;
}
.lxx_main .lxx_advantage .advantage_list > a {
  display: inline-block;
  margin-right: 0.6%;
  width: 24.5%;
  box-shadow: 0 0 0.05rem #f2f3f4;
}
.lxx_main .lxx_advantage .advantage_list > a:last-child {
  margin-right: 0;
}
.lxx_main .lxx_advantage .advantage_list .list_items {
  display: inline-block;
  vertical-align: top;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item {
  border-bottom: 0.04rem solid #008dff;
  background-color: #fff;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item:hover {
  animation-name: changeBig;
  animation-fill-mode: forwards;
  animation-duration: 500ms;
  box-shadow: 0 0 0.1rem #ccc;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item .img {
  width: 100%;
  height: 3.01rem;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item .img img {
  width: 100%;
  height: 100%;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item h5 {
  color: #333333;
  font-size: 0.26rem;
  padding: 0.25rem 0.21rem;
  width: 100%;
  box-sizing: border-box;
}
.lxx_main .lxx_advantage .advantage_list .list_items .list_item p {
  color: #666;
  padding: 0 0.22rem;
  font-size: 0.18rem;
  line-height: 0.28rem;
  margin-bottom: 0.25rem;
}
.lxx_main .lxx_industry {
  width: 100%;
  padding-top: 0.01rem;
  box-sizing: border-box;
}
.lxx_main .lxx_industry .industry_list .industry_item {
  border-radius: 0.08rem;
  background-color: #f5f5f5;
  padding: 0.63rem 0.62rem 0.315rem;
  box-sizing: border-box;
  display: inline-block;
  width: 7.07rem;
  height: 3.33rem;
  margin: 0 0.23rem 0.21rem 0;
  vertical-align: top;
}
.lxx_main .lxx_industry .industry_list .industry_item:nth-child(2n) {
  margin: 0 0 0.21rem;
}
.lxx_main .lxx_industry .industry_list .industry_item:hover {
  background-color: #008dff;
}
.lxx_main .lxx_industry .industry_list .industry_item:hover h4 {
  color: #fff;
}
.lxx_main .lxx_industry .industry_list .industry_item:hover .detailss {
  color: #fff;
}
.lxx_main .lxx_industry .industry_list .industry_item:hover .detailss::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0.6rem;
  width: 0.6rem;
  height: 0.04rem;
  transform: translateY(-50%);
  background-color: #fff;
}
.lxx_main .lxx_industry .industry_list .industry_item:hover .detailss p {
  color: #fff;
}
.lxx_main .lxx_industry .industry_list .industry_item h4 {
  font-size: 0.36rem;
  color: #333333;
  line-height: 0.36rem;
}
.lxx_main .lxx_industry .industry_list .industry_item .detailss {
  position: relative;
}
.lxx_main .lxx_industry .industry_list .industry_item .detailss::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0.6rem;
  width: 0.6rem;
  height: 0.04rem;
  transform: translateY(-50%);
  background-color: #008dff;
}
.lxx_main .lxx_industry .industry_list .industry_item .detailss p {
  margin-top: 0.26rem;
  color: #6a6a6a;
  font-size: 0.18rem;
  line-height: 0.3rem;
  padding-top: 0.285rem;
  box-sizing: border-box;
  border-top: 0.01rem solid #b0b0b0;
}
.lxx_main .lxx_doWhat {
  font-size: 0;
}
.lxx_main .lxx_doWhat h3 {
  width: 70%;
  margin: 0 auto;
  color: #333333;
  font-size: 0.29rem;
  text-align: center;
  font-weight: 500;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item {
  display: inline-block;
  vertical-align: top;
  width: 3.5rem;
  height: 5.74rem;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 0.1rem;
  margin-right: 0.13rem;
  padding-top: 1.4rem;
  margin-top: 1.6rem;
  box-sizing: border-box;
  position: relative;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item:nth-child(4n) {
  margin-right: 0;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item .icon {
  width: 1.62rem;
  height: 1.62rem;
  line-height: 1.62rem;
  text-align: center;
  position: absolute;
  left: 25%;
  top: -20%;
  background-color: #008dff;
  border-radius: 50%;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item .icon img {
  width: 0.74rem;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item h4 {
  font-size: 0.34rem;
  color: #333333;
  margin-bottom: 0.31rem;
}
.lxx_main .lxx_doWhat .doWhat_list .doWhat_item .items p a {
  display: block;
  font-size: 0.22rem;
  color: #333333;
  padding: 0.17rem 0.15rem;
  box-sizing: border-box;
}
.lxx_server {
  min-height: 3.5rem;
}
.lxx_server .siftingContainer {
  margin: 0 0 0.42rem;
  background-color: #f5f5f5;
}
.lxx_server .siftingContainer .sifting {
  width: 14.4rem;
  margin: 0 auto;
}
.lxx_server .siftingContainer .sifting li {
  font-size: 0.18rem;
  color: #2e9df7;
  margin-bottom: 0.12rem;
}
.lxx_server .siftingContainer .sifting li:last-child {
  margin-bottom: 0;
}
.lxx_server .siftingContainer .sifting li h4 {
  font-size: 0.18rem;
  font-weight: 600;
  color: #000;
  height: 100%;
  float: left;
  line-height: 0.4rem;
}
.lxx_server .siftingContainer .sifting li > div {
  display: inline-block;
  width: 90%;
}
.lxx_server .siftingContainer .sifting li > div .active {
  background-color: #2e9df7;
  color: #ffffff;
}
.lxx_server .siftingContainer .sifting li > div p {
  display: inline-block;
  margin-bottom: 0;
  height: 0.28rem;
  padding: 0.06rem 0.14rem;
  line-height: 0.28rem;
  color: #333;
  border-radius: 0.1rem;
  font-size: 0.16rem;
  text-align: center;
  cursor: pointer;
}
.lxx_server .company_items .company_item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px dashed #cecece;
}
.lxx_server .company_items .company_item .img {
  width: 3.81rem;
  height: 2.75rem;
  background-color: #1369ae;
  border-radius: 0.08rem;
  float: right;
}
.lxx_server .company_items .company_item .txtDetail {
  float: left;
  width: 9rem;
}
.lxx_server .company_items .company_item .txtDetail .title {
  color: #333;
  font-size: 0.3rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
  position: relative;
}
.lxx_server .company_items .company_item .txtDetail .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 0.7rem;
  height: 0.02rem;
  background-color: #2e9df7;
}
.lxx_server .company_items .company_item .txtDetail .sub_title {
  font-size: 0.22rem;
  color: #333;
  font-weight: 600  ;
  margin-bottom: 0.25rem;
}
.lxx_server .company_items .company_item .txtDetail .introduction {
  font-size: 0.18rem;
  line-height: 0.28rem;
  color: #666;
}
.lxx_server .company_items .company_item:nth-child(2n) .img {
  width: 3.81rem;
  height: 2.75rem;
  background-color: #1369ae;
  border-radius: 0.08rem;
  float: left;
}
.lxx_server .company_items .company_item:nth-child(2n) .txtDetail {
  float: right;
  width: 9.8rem;
}
.lxx_server .company_items .company_item:nth-child(2n) .txtDetail .title {
  text-align: right;
  color: #333;
  font-size: 0.3rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
  position: relative;
}
.lxx_server .company_items .company_item:nth-child(2n) .txtDetail .title::before {
  content: "";
  position: absolute;
  right: 0!important;
  left: auto;
  bottom: -0.25rem;
  width: 0.7rem;
  height: 0.02rem;
  background-color: #2e9df7;
}
.lxx_server .company_items .company_item:nth-child(2n) .txtDetail .sub_title {
  font-size: 0.22rem;
  text-align: right;
  color: #333;
  margin-bottom: 0.25rem;
}
.lxx_server .company_items .company_item:nth-child(2n) .txtDetail .introduction {
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #666;
}
.history_main {
  font-size: 0;
}
.history_main .history_title {
  font-size: 0.36rem;
  color: #333333;
  text-align: center;
  margin: 0.5rem 0 0.7rem;
}
.history_main .history_title span {
  padding-bottom: 0.2rem;
  position: relative;
}
.history_main .history_title span::before {
  position: absolute;
  content: "";
  width: 95%;
  height: 0.02rem;
  background-color: #a0a0a0;
  left: 2.5%;
  bottom: 0;
}
.history_main .history_list .history_item {
  overflow: hidden;
  position: relative;
  min-height: 3.57rem;
  padding-bottom: 0.25rem;
}
.history_main .history_list .history_item .point_img {
  width: 0.23rem;
  height: 0.23rem;
  position: absolute;
  top: 0rem;
  left: calc(50% - 0.115rem);
}
.history_main .history_list .history_item::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 95%;
  top: 0.24rem;
  left: calc(50% - 0.5px);
  background-color: #2cab20;
}
.history_main .history_list .history_item .history_left {
  width: 48%;
  text-align: right;
  float: left;
  overflow: hidden;
}
.history_main .history_list .history_item .history_left .year {
  color: #333;
  font-size: 0.24rem;
  margin-bottom: 0.25rem;
  font-weight: 600;
  line-height: 0.3rem;
}
.history_main .history_list .history_item .history_left .img {
  width: 3.45rem;
  height: 2.33rem;
}
.history_main .history_list .history_item .history_right {
  float: right;
  width: 48%;
  position: relative;
}
.history_main .history_list .history_item .history_right .history_right_top {
  margin-bottom: 0.25rem;
}
.history_main .history_list .history_item .history_right .history_right_top span {
  color: #333333;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: 0.3rem;
}
.history_main .history_list .history_item .history_right .history_right_bottom p {
  font-size: 17px;
  line-height: 36px;
  color: #626262;
}
.history_main .history_list .history_item:nth-child(2n) .history_left {
  width: 48%;
  text-align: left;
  float: right;
  overflow: hidden;
}
.history_main .history_list .history_item:nth-child(2n) .history_left .year {
  color: #333;
  font-size: 0.24rem;
  margin-bottom: 0.25rem;
  font-weight: 600;
  line-height: 0.3rem;
}
.history_main .history_list .history_item:nth-child(2n) .history_left .img {
  width: 3.45rem;
  height: 2.33rem;
}
.history_main .history_list .history_item:nth-child(2n) .history_right {
  float: left;
  width: 48%;
  position: relative;
  text-align: right;
}
.history_main .history_list .history_item:nth-child(2n) .history_right .history_right_top span {
  color: #333333;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: 0.3rem;
}
.history_main .history_list .history_item:nth-child(2n) .history_right .history_right_bottom p {
  margin-top: 25px;
  font-size: 18px;
  line-height: 30px;
  color: #626262;
}
.join_mains {
  font-size: 0;
  padding: 0.5rem 0 0;
}
.join_mains .join_main .tab_list .tab_list_item {
  margin-bottom: 0.45rem;
  box-sizing: border-box;
  background-color: #fff;
}
.join_mains .join_main .tab_list .tab_list_item .title_row {
  width: 100%;
  background: url("../img/join_bg.png") no-repeat;
  background-size: 100% 100%;
  height: 1.72rem;
  line-height: 1.72rem;
  padding: 0 0.7rem;
  box-sizing: border-box;
  overflow: hidden;
}
.join_mains .join_main .tab_list .tab_list_item .title_row .title {
  font-size: 0.36rem;
  color: #ffffff;
  margin-right: 0.7rem;
}
.join_mains .join_main .tab_list .tab_list_item .title_row .phone {
  font-size: 0.36rem;
  color: #ffffff;
}
.join_mains .join_main .tab_list .tab_list_item .list_row {
  padding: 0 0.3rem;
  position: relative;
}
.join_mains .join_main .tab_list .tab_list_item .list_row::before {
  position: absolute;
  content: "JOIN US";
  font-size: 0.48rem;
  color: #70c150;
  top: -0.3rem;
  left: 4rem;
}
.join_mains .join_main .tab_list .tab_list_item .list_row::after {
  position: absolute;
  left: calc(50% - 1px);
  top: 0.45rem;
  width: 0;
  height: 80%;
  content: "";
  border-right: 2px dashed #616f77;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .list_item {
  padding: 0.46rem 0.4rem;
  box-sizing: border-box;
  width: 50%;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .list_item .sub_title {
  color: #333333;
  font-weight: 600;
  font-size: 0.2rem;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .list_item .list {
  margin-top: 0.3rem;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .list_item .list .item {
  font-size: 17px;
  line-height: 36px;
  color: #333333;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .list_item .phone_row {
  font-size: 0.21rem;
  color: #333333;
  vertical-align: middle;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .know {
  float: left;
}
.join_mains .join_main .tab_list .tab_list_item .list_row .require {
  float: left;
}
.pub_width {
  width: 14.4rem;
  margin: 0 auto;
}
.bg_f5 {
  background: #f5f5f5;
}
.clear {
  clear: both;
}
.none_more {
  text-align: center;
  min-height: 450px;
  width: 100%;
  font-size: 0.16rem;
  color: #ccc;
  padding-top: 100px;
}
.none_more img {
  width: 300px;
}
.pub_title_row {
  width: 100%;
  text-align: center;
  font-size: 0.48rem;
  margin: 0.5rem 0;
}
.pub_title_row img {
  vertical-align: middle;
}
.pub_title_row .title {
  font-size: 0.48rem;
  color: #333;
  padding: 0 0.3rem;
  line-height: 0.48rem;
}
.position {
  font-size: 0;
  padding: 0.5rem 0;
}
.position h4 {
  color: #333333;
  font-size: 0.16rem;
  font-weight: 600;
}
.position h4 a {
  color: #333;
}
.position h4 a[href="javascript:void(0)"] {
  color: #999;
}
.clearfix {
  *zoom: 1;
  /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
/*文本溢出*/
.overT {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overT2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.overT3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.overT4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.overT5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.overT6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.overT7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.overT8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}
.overT9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}
.overT10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}
.pager {
  font-size: 0;
  margin: 0.15rem auto;
  width: 50%;
  text-align: center;
}
.pager .pre,
.pager .next,
.pager .number > span {
  border: 1px solid #9b9bb0;
  font-size: 0.14rem;
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 0.05rem;
  color: #9a9aaf;
  margin: 0 0.05rem;
  cursor: pointer;
}
.pager .pre:hover,
.pager .next:hover,
.pager .number > span:hover {
  background: #324885;
  color: #fff;
}
.pager .active {
  background: #324885;
  color: #fff;
}
.pager .notPoint {
  cursor: not-allowed;
  border: 1px solid #9b9bb0;
  font-size: 0.14rem;
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 0.05rem;
  color: #9a9aaf;
  margin: 0 0.05rem;
}
.pager .number {
  display: inline-block;
  margin: 0 0.1rem;
}
.pager .number .active {
  background: #324885;
  color: #fff;
}
.pointer {
  cursor: pointer;
}
.gopage {
  margin-top: 0.18rem;
  text-align: center;
  font-size: 0;
}
.gopage a {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  color: #9a9aaf;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.32rem;
  border: 1px solid #c6c6c6;
  border-radius: 0.04rem;
  cursor: pointer;
}
.pageofprev {
  background: url(../img/arrowz.png) center no-repeat;
  background-size: 0.09rem 0.16rem;
  margin-right: 0.3rem;
  vertical-align: bottom;
}
.pageofprev:hover {
  background: #324885 url(../img/arrowz2.png) center no-repeat;
  background-size: 0.09rem 0.16rem;
  border: 1px solid transparent;
}
.pageofnext {
  background: url(../img/arrowy2.png) center no-repeat;
  background-size: 0.09rem 0.16rem;
  margin-left: 0.3rem;
  vertical-align: bottom;
}
.pageofnext:hover {
  background: #324885 url(../img/arrowy.png) center no-repeat;
  background-size: 0.09rem 0.16rem;
  border: 1px solid transparent;
}
.gonumpage {
  display: inline-block;
  vertical-align: bottom;
}
.gonumpage a {
  margin-right: 0.07rem;
}
.gonumpage a:last-child {
  margin-right: 0;
}
.gonumpage a:hover {
  color: #fff;
  background: #324885;
  border: 1px solid transparent;
}
.gonumpage a.on {
  color: #fff;
  background: #324885;
  border: 1px solid transparent;
}
.gopage span {
  color: #9a9aaf;
  font-size: 0.16rem;
}
.gopage input {
  width: 0.32rem;
  height: 0.32rem;
  border: 1px solid #9b9bb0;
  border-radius: 0.04rem;
}
.towhere {
  margin-left: 0.26rem;
}
.gopage input {
  margin: 0 0.06rem;
  text-align: center;
}
/*# sourceMappingURL=index.css.map */