@charset "UTF-8";
/* 主题色 */
/* 首页 */
main.home {
  width: 100%;
}
main.home .homeBanner {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.home .homeBanner .bannerImg {
  width: 100%;
  height: auto;
}
main.home .homeBanner .homeBannerControl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  z-index: 3;
}
main.home .homeBanner .homeBannerPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.home .homeBanner .homeBannerPagination .swiper-pagination-bullet {
  width: 1rem;
  height: 0.04rem;
  background-color: #fff;
  border-radius: 0%;
  margin: 0 0.06rem;
  opacity: 1;
  display: block;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
main.home .homeBanner .homeBannerPagination .swiper-pagination-bullet-active {
  background-color: rgba(0, 0, 0, 0.15);
}
@media (max-width: 600px) {
  main.home .homeBanner .homeBannerPagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
main.home .homeBanner .homeBannerPlay {
  width: 0.4rem;
  height: 0.4rem;
  min-height: 24px;
  min-width: 24px;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
main.home .homeBanner .homeBannerPlay .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeBanner .homeBannerPlay .pause {
  opacity: 1;
  z-index: 3;
}
main.home .homeBanner .homeBannerPlay .play {
  opacity: 0;
  z-index: 2;
}
main.home .homeBanner .homeBannerPlay.pause .pause {
  opacity: 0;
  z-index: 2;
}
main.home .homeBanner .homeBannerPlay.pause .play {
  opacity: 1;
  z-index: 3;
}
main.home .homeProd {
  width: 100%;
  padding: 0.5rem 0 0;
}
main.home .homeProd .container {
  width: 14rem;
  margin: 0 auto;
}
main.home .homeProd .homeProdHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.36rem;
}
main.home .homeProd .homeProdHeader .prodTitle .title {
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.home .homeProd .homeProdHeader .prodTitle .title .color {
  color: #1475cf;
}
main.home .homeProd .homeProdHeader .prodTitle .guide {
  color: #666;
  line-height: 2;
}
main.home .homeProd .homeProdHeader .prodMore {
  display: block;
  cursor: pointer;
}
main.home .homeProd .homeProdHeader .prodMore:hover .text {
  color: #1475cf;
}
main.home .homeProd .homeProdHeader .prodMore .text {
  color: #999;
  line-height: 2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain {
  width: 100%;
}
main.home .homeProd .homeProdMain .prodNav {
  width: 100%;
  position: relative;
  z-index: 4;
}
main.home .homeProd .homeProdMain .prodGuide {
  display: none;
}
main.home .homeProd .homeProdMain .prodButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
main.home .homeProd .homeProdMain .prodButton1 {
  width: 16.3%;
  margin-right: 0.44%;
  position: relative;
  z-index: 4;
}
main.home .homeProd .homeProdMain .prodButton1:nth-child(6n) {
  margin-right: 0;
}
@media (min-width: 801px) {
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Content {
    background-color: #1475cf;
  }
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Img .B1img.normal {
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Img .B1img.hover {
    opacity: 1;
  }
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Text {
    color: #fff;
  }
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Icon .B1icon.normal {
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1:hover .button1Icon .B1icon.hover {
    opacity: 1;
  }
}
main.home .homeProd .homeProdMain .prodButton1 .button1Content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f0f4f6;
  border-radius: 0.25rem;
  padding: 0.08rem 0.2rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Img {
  width: 0.34rem;
  height: 0.34rem;
  position: relative;
  z-index: 3;
  margin-right: 0.04rem;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Img .B1img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Img .B1img.normal {
  opacity: 1;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Img .B1img.hover {
  opacity: 0;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Text {
  color: #666;
  line-height: 1.8;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  z-index: 3;
  display: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Icon .B1icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Icon .B1icon.normal {
  opacity: 1;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Icon .B1icon.hover {
  opacity: 0;
}
main.home .homeProd .homeProdMain .prodButton1 .button1Icon.showIcon {
  display: block;
}
main.home .homeProd .homeProdMain .prodButton1 .button1List {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 3;
  padding-top: 0.3rem;
}
main.home .homeProd .homeProdMain .prodButton1 .button1List .B1layout {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: -0.02rem 0.02rem 0.04rem 0 #ccc;
          box-shadow: -0.02rem 0.02rem 0.04rem 0 #ccc;
  position: relative;
  z-index: 3;
}
main.home .homeProd .homeProdMain .prodButton2 {
  width: 100%;
}
@media (min-width: 801px) {
  main.home .homeProd .homeProdMain .prodButton2:hover .button2Content {
    background-color: #f0f4f6;
  }
  main.home .homeProd .homeProdMain .prodButton2:hover .button2Content .B2href {
    color: #1475cf;
  }
  main.home .homeProd .homeProdMain .prodButton2:hover .button2Content .B2drop .B2icon.normal {
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodButton2:hover .button2Content .B2drop .B2icon.hover {
    opacity: 1;
  }
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.2rem;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2href {
  display: inline-block;
  padding: 0.27rem 0;
  line-height: 1.6;
  text-align: center;
  color: #666;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2drop {
  display: none;
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 3;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2drop .B2icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2drop .B2icon.normal {
  opacity: 1;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2drop .B2icon.hover {
  opacity: 0;
}
main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2drop.showIcon {
  display: block;
}
main.home .homeProd .homeProdMain .prodButton2 .button2List {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 100%;
  left: 100%;
  top: 0%;
  z-index: 3;
  background-color: #f0f4f6;
  -webkit-box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
          box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
  padding: 0.14rem 0;
}
main.home .homeProd .homeProdMain .prodButton3 {
  width: 100%;
}
@media (min-width: 801px) {
  main.home .homeProd .homeProdMain .prodButton3:hover .button3Content {
    background-color: #f0f4f6;
  }
  main.home .homeProd .homeProdMain .prodButton3:hover .button3Content .B3href {
    color: #1475cf;
  }
  main.home .homeProd .homeProdMain .prodButton3:hover .button3Content .B3href:before {
    border-left-color: #1475cf;
  }
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.2rem;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3href {
  display: inline-block;
  padding: 0.12rem 0;
  line-height: 1.6;
  text-align: center;
  color: #666;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3href:before {
  content: "";
  border-left: 0.06rem solid #666;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-right: 0.05rem;
  vertical-align: middle;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3href:before {
    border-left-width: 6px;
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3href span {
  vertical-align: middle;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3drop {
  display: none;
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  z-index: 3;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3drop .B3icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3drop .B3icon.normal {
  opacity: 1;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3drop .B3icon.hover {
  opacity: 0;
}
main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3drop.showIcon {
  display: block;
}
main.home .homeProd .homeProdMain .prodButton3 .button2List {
  position: absolute;
  width: 100%;
  left: 0;
  top: 150%;
  z-index: 3;
  background-color: #fff;
  -webkit-box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
          box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
}
main.home .homeProd .homeProdMain .swiper-pagination{
  bottom: 0;
}
main.home .homeProd .homeProdMain .swiper-pagination-bullet-active{
  background: #1475cf;
}
main.home .homeProd .homeProdMain .prodList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.home .homeProd .homeProdMain  .swiper-container{
  padding-bottom: .5rem;
}
main.home .homeProd .homeProdMain .prodItem {
  width: 16.3%;
  margin-right: 0.44%;
  margin-bottom: 0.44%;
  position: relative;
  z-index: 3;
  display: block;
  padding: 0.15rem;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodItem:hover {
  border-color: #1475cf;
}
main.home .homeProd .homeProdMain .prodItem:hover .itemIcon {
  background-color: #1475cf;
}
main.home .homeProd .homeProdMain .prodItem:hover .itemIcon .normal {
  opacity: 0;
}
main.home .homeProd .homeProdMain .prodItem:hover .itemIcon .hover {
  opacity: 1;
}
main.home .homeProd .homeProdMain .prodItem:nth-child(6n) {
  margin-right: 0;
}
main.home .homeProd .homeProdMain .prodItem .itemImg {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.home .homeProd .homeProdMain .prodItem .itemImg .img {
  width: 100%;
  padding-top: 100%;
}
main.home .homeProd .homeProdMain .prodItem .itemText {
  width: 100%;
  color: #333;
  line-height: 1.4;
  padding-right: 0.18rem;
}
@media (max-width: 420px) {
  main.home .homeProd .homeProdMain .prodItem .itemText {
    padding-right: 20px;
  }
}
main.home .homeProd .homeProdMain .prodItem .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodItem .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeProd .homeProdMain .prodItem .itemIcon .normal {
  opacity: 0.2;
}
main.home .homeProd .homeProdMain .prodItem .itemIcon .hover {
  opacity: 0;
}
@media (max-width: 1200px) {
  main.home .homeProd .container {
    width: 100%;
    padding: 0 0.3rem;
  }
  main.home .homeProd .homeProdMain .prodButton1:last-child .button1List {
    -webkit-box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
            box-shadow: 0.02rem 0.02rem 0.04rem 0 #ccc;
  }
  main.home .homeProd .homeProdMain .prodButton1:last-child .prodButton2 .button2List {
    left: auto;
    right: 100%;
    -webkit-box-shadow: -0.02rem 0.02rem 0.04rem 0 #ccc;
            box-shadow: -0.02rem 0.02rem 0.04rem 0 #ccc;
  }
}
@media (max-width: 800px) {
  main.home .homeProd .homeProdMain .prodButtons {
    display: none;
    position: absolute;
    z-index: 4;
    top: 100%;
    left: 0;
    width: 100%;
    margin-bottom: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1 .button1Content {
    padding: 8px 12px;
  }
  main.home .homeProd .homeProdMain .prodButton1 .button1List {
    -webkit-box-shadow: none;
            box-shadow: none;
    position: relative;
    left: auto;
    top: auto;
    background-color: #ddd;
    padding-top: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1:last-child .button1List {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  main.home .homeProd .homeProdMain .prodButton1:last-child .prodButton2 .button2List {
    left: auto;
    right: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  main.home .homeProd .homeProdMain .prodButton2 .button2Content {
    padding: 0 14px;
  }
  main.home .homeProd .homeProdMain .prodButton2 .button2Content .B2href {
    padding: 6px 0;
  }
  main.home .homeProd .homeProdMain .prodButton2 .button2List {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 0;
    background-color: #eee;
  }
  main.home .homeProd .homeProdMain .prodButton3 .button3Content {
    padding: 0 14px;
  }
  main.home .homeProd .homeProdMain .prodButton3 .button3Content .B3href {
    padding: 6px 0;
  }
  main.home .homeProd .homeProdMain .prodButton1.open .button1Icon {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  main.home .homeProd .homeProdMain .prodButton2.open .button2Content .B2drop {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  main.home .homeProd .homeProdMain .prodGuide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.16rem;
    background-color: #1475cf;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideText {
    display: inline-block;
    padding: 0.16rem 0;
    line-height: 1.8;
    font-size: 14px;
    text-align: center;
    color: #fff;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 3;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon .icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon .normal {
    opacity: 1;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon .close {
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon.open .close {
    opacity: 1;
  }
  main.home .homeProd .homeProdMain .prodGuide .guideIcon.open .normal {
    opacity: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1 {
    width: 100%;
    margin-right: 0;
  }
  main.home .homeProd .homeProdMain .prodButton1 .button1Content {
    border-radius: 0%;
  }
  main.home .homeProd .homeProdMain .prodList {
    margin-top: 20px;
  }
  main.home .homeProd .homeProdMain .prodItem {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  main.home .homeProd .homeProdMain .prodItem:nth-child(6n) {
    margin-right: 2%;
  }
  main.home .homeProd .homeProdMain .prodItem:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  main.home .homeProd .homeProdHeader {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.home .homeProd .homeProdHeader .prodTitle {
    width: 100%;
  }
  main.home .homeProd .homeProdHeader .prodMore {
    width: 100%;
  }
  main.home .homeProd .homeProdMain .prodItem {
    width: 49%;
  }
  main.home .homeProd .homeProdMain .prodItem:nth-child(4n) {
    margin-right: 2%;
  }
  main.home .homeProd .homeProdMain .prodItem:nth-child(2n) {
    margin-right: 0;
  }
}
main.home .homeCase {
  width: 100%;
  padding: 0.5rem 0;
}
main.home .homeCase .container {
  width: 14rem;
  margin: 0 auto;
}
main.home .homeCase .homeCaseHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.36rem;
}
main.home .homeCase .homeCaseHeader .caseTitle .title {
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.home .homeCase .homeCaseHeader .caseTitle .title .color {
  color: #1475cf;
}
main.home .homeCase .homeCaseHeader .caseTitle .guide {
  color: #666;
  line-height: 2;
}
main.home .homeCase .homeCaseHeader .caseMore {
  display: block;
  cursor: pointer;
}
main.home .homeCase .homeCaseHeader .caseMore:hover .text {
  color: #1475cf;
}
main.home .homeCase .homeCaseHeader .caseMore .text {
  color: #999;
  line-height: 2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeCase .homeCaseMain {
  width: 100%;
}
main.home .homeCase .homeCaseMain .caseList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.home .homeCase .homeCaseMain .caseItem {
  width: 23.875%;
  margin-right: 1.5%;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemTitle {
  color: #1475cf;
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemMore .text {
  color: #1475cf;
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemMore .icon .normal {
  opacity: 0;
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemMore .icon .hover {
  opacity: 1;
}
main.home .homeCase .homeCaseMain .caseItem:hover .itemDynamic .cover {
  width: 100%;
}
main.home .homeCase .homeCaseMain .caseItem:nth-child(4n) {
  margin-right: 0;
}
main.home .homeCase .homeCaseMain .caseItem .itemImg {
  width: 100%;
  overflow: hidden;
}
main.home .homeCase .homeCaseMain .caseItem .itemImg .img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeCase .homeCaseMain .caseItem .itemContent {
  width: 100%;
  padding: 0.3rem 0.2rem;
}
main.home .homeCase .homeCaseMain .caseItem .itemTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0.1rem;
}
main.home .homeCase .homeCaseMain .caseItem .itemGuide {
  width: 100%;
  color: #999;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.1rem;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore .text {
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  z-index: 3;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore .icon .normal {
  opacity: 1;
}
main.home .homeCase .homeCaseMain .caseItem .itemMore .icon .hover {
  opacity: 0;
}
main.home .homeCase .homeCaseMain .caseItem .itemDynamic {
  width: 100%;
  height: 0.02rem;
  position: relative;
  z-index: 3;
}
main.home .homeCase .homeCaseMain .caseItem .itemDynamic .cover, main.home .homeCase .homeCaseMain .caseItem .itemDynamic .base {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
main.home .homeCase .homeCaseMain .caseItem .itemDynamic .cover {
  z-index: 3;
  width: 0%;
  background-color: #1475cf;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
main.home .homeCase .homeCaseMain .caseItem .itemDynamic .base {
  z-index: 2;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
  main.home .homeCase .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.home .homeCase .homeCaseMain .caseItem {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  main.home .homeCase .homeCaseMain .caseItem:nth-child(4n) {
    margin-right: 4%;
  }
  main.home .homeCase .homeCaseMain .caseItem:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (max-width: 500px) {
  main.home .homeCase .homeCaseHeader {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.home .homeCase .homeCaseHeader .caseTitle {
    width: 100%;
  }
  main.home .homeCase .homeCaseHeader .caseMore {
    width: 100%;
  }
  main.home .homeCase .homeCaseMain .caseItem {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 4%;
  }
  main.home .homeCase .homeCaseMain .caseItem:nth-child(4n) {
    margin-right: 0%;
  }
}
main.home .homeAbout {
  width: 100%;
  padding: 0.5rem 0;
}
main.home .homeAbout .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.home .homeAbout .homeAboutLeft {
  width: 50%;
  padding-right: 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.home .homeAbout .homeAboutLeft .aboutTitle {
  width: 100%;
}
main.home .homeAbout .homeAboutLeft .aboutTitle .title, main.home .homeAbout .homeAboutLeft .aboutTitle .company {
  color: #1475cf;
  line-height: 1.2;
}
main.home .homeAbout .homeAboutLeft .aboutTitle .title {
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.home .homeAbout .homeAboutLeft .aboutGuide {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0.18rem 0 0.3rem;
}
main.home .homeAbout .homeAboutLeft .aboutGuide p {
  color: #666;
  line-height: 1.8;
}
main.home .homeAbout .homeAboutLeft .aboutMore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.2rem;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button:hover {
  background-color: #1475cf;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button:hover .text {
  color: #fff;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button:hover .icon .normal {
  opacity: 0;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button:hover .icon .hover {
  opacity: 1;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button .text {
  color: #999;
  line-height: 1.2;
  margin-right: 0.4rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 10px;
  min-height: 10px;
  position: relative;
  z-index: 3;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button .icon .normal {
  opacity: 1;
}
main.home .homeAbout .homeAboutLeft .aboutMore .button .icon .hover {
  opacity: 0;
}
main.home .homeAbout .homeAboutRight {
  width: 50%;
}
main.home .homeAbout .homeAboutRight .aboutImg {
  width: 100%;
  height: 100%;
  min-height: 4.5rem;
}
main.home .homeAbout .homeAboutRight .aboutImg .img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  main.home .homeAbout .container {
    width: 100%;
    padding: 0 0.3rem;
  }
  main.home .homeAbout .homeAboutLeft {
    padding-right: 20px;
  }
}
@media (max-width: 800px) {
  main.home .homeAbout .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  main.home .homeAbout .homeAboutLeft {
    width: 100%;
    padding-right: 0;
  }
  main.home .homeAbout .homeAboutRight {
    width: 100%;
    margin-bottom: 10px;
  }
  main.home .homeAbout .homeAboutRight .aboutImg {
    height: auto;
  }
  main.home .homeAbout .homeAboutRight .aboutImg .img {
    height: 0;
    padding-top: 64.2857142857%;
    min-height: 0;
  }
}
main.home .homeInfo {
  width: 100%;
  padding: 0.5rem 0 1rem;
}
main.home .homeInfo .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  main.home .homeInfo .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.home .homeInfo .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
main.home .homeNews {
  width: 48%;
  margin-right: 4%;
}
main.home .homeNews .homeNewsHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.3rem;
}
main.home .homeNews .homeNewsHeader .newsTitle {
  width: auto;
}
main.home .homeNews .homeNewsHeader .newsTitle .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.home .homeNews .homeNewsHeader .newsTitle .title .ch {
  color: #333;
  font-weight: 700;
  line-height: 1.4;
}
main.home .homeNews .homeNewsHeader .newsTitle .title .sign {
  color: #333;
  line-height: 1.6;
  margin: 0 0.1rem;
}
main.home .homeNews .homeNewsHeader .newsTitle .title .en {
  color: #333;
  line-height: 1.6;
}
main.home .homeNews .homeNewsHeader .newsMore {
  display: block;
  cursor: pointer;
}
main.home .homeNews .homeNewsHeader .newsMore:hover .text {
  color: #1475cf;
}
main.home .homeNews .homeNewsHeader .newsMore .text {
  color: #999;
  line-height: 2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeNews .homeNewsMain {
  width: 100%;
/*   height: 4.8rem; */
/*   min-height: 384px; */
/*   display: -webkit-box; */
/*   display: -ms-flexbox; */
/*   display: flex; */
/*   -webkit-box-orient: vertical; */
/*   -webkit-box-direction: normal; */
/*   -ms-flex-direction: column; */
/*   flex-direction: column; */
}
main.home .homeNews .homeNewsMain .newsInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
}
main.home .homeNews .homeNewsMain .newsInfo:hover .newsTitle {
  color: #1475cf;
}
main.home .homeNews .homeNewsMain .newsInfo:hover .newsImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.home .homeNews .homeNewsMain .newsImg {
  width: 34.5%;
  overflow: hidden;
}
main.home .homeNews .homeNewsMain .newsImg .img {
  width: 100%;
  min-height: 1.36rem;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeNews .homeNewsMain .newsText {
  width: 65.5%;
  padding: 0.1rem 0.2rem;
/*   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; */
}
main.home .homeNews .homeNewsMain .newsDate {
  width: 100%;
  color: #666;
  line-height: 1.8;
}
main.home .homeNews .homeNewsMain .newsTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0.12rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeNews .homeNewsMain .newsGuide {
  width: 100%;
  color: #999;
  line-height: 1.7;
}
main.home .homeNews .homeNewsMain .newsGuide p {
  color: #999;
  line-height: 1.7;
}
main.home .homeNews .homeNewsMain .newsList {
  width: 100%;
/*   height: 100%; */
/*   overflow-y: hidden; */
}
main.home .homeNews .homeNewsMain .newsItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*   height: 12.5%; */
  margin-bottom: .13rem;
}
main.home .homeNews .homeNewsMain .newsItem:hover .itemTitle, main.home .homeNews .homeNewsMain .newsItem:hover .itemDate {
  color: #1475cf;
}
main.home .homeNews .homeNewsMain .newsItem .itemTitle, main.home .homeNews .homeNewsMain .newsItem .itemDate {
  width: auto;
  color: #666;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0.04rem 0;
}
main.home .homeNews .homeNewsMain .newsItem .itemDate {
  margin-left: 0.1rem;
}
@media (max-width: 800px) {
  main.home .homeNews {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  main.home .homeNews .homeNewsMain .newsImg .img {
    min-height: 0;
    height: 2.8rem;
  }
}
@media (max-width: 600px) {
  main.home .homeNews .homeNewsMain {
    height: auto;
    min-height: 0;
  }
  main.home .homeNews .homeNewsMain .newsInfo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.home .homeNews .homeNewsMain .newsImg {
    width: 100%;
  }
  main.home .homeNews .homeNewsMain .newsImg .img {
    min-height: 0;
    height: 0;
    padding-top: 56.25%;
  }
  main.home .homeNews .homeNewsMain .newsText {
    width: 100%;
    padding: 10px 0;
  }
  main.home .homeNews .homeNewsMain .newsList {
    height: auto;
  }
  main.home .homeNews .homeNewsMain .newsItem {
    height: auto;
    margin: 8px 0;
  }
}
main.home .homeSkill {
  width: 48%;
}
main.home .homeSkill .homeSkillHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.3rem;
}
main.home .homeSkill .homeSkillHeader .skillTitle {
  width: auto;
}
main.home .homeSkill .homeSkillHeader .skillTitle .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.home .homeSkill .homeSkillHeader .skillTitle .title .ch {
  color: #333;
  font-weight: 700;
  line-height: 1.4;
}
main.home .homeSkill .homeSkillHeader .skillTitle .title .sign {
  color: #333;
  line-height: 1.6;
  margin: 0 0.1rem;
}
main.home .homeSkill .homeSkillHeader .skillTitle .title .en {
  color: #333;
  line-height: 1.6;
}
main.home .homeSkill .homeSkillHeader .skillMore {
  display: block;
  cursor: pointer;
}
main.home .homeSkill .homeSkillHeader .skillMore:hover .text {
  color: #1475cf;
}
main.home .homeSkill .homeSkillHeader .skillMore .text {
  color: #999;
  line-height: 2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeSkill .homeSkillMain {
  width: 100%;
  /* height: 4.8rem; */
  /* min-height: 384px; */
}
main.home .homeSkill .homeSkillMain .skillList {
  width: 100%;
  /* height: 100%; */
}
main.home .homeSkill .homeSkillMain .skillItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.02rem solid #eee;
  border-top: 0.02rem solid transparent;
  /*   height: 25%; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .28rem 0;
}
main.home .homeSkill .homeSkillMain .skillItem:first-child {
  border-top-color: #eee;
}
main.home .homeSkill .homeSkillMain .skillItem:hover .itemDate .day, main.home .homeSkill .homeSkillMain .skillItem:hover .itemDate .yearmonth {
  color: #1475cf;
}
main.home .homeSkill .homeSkillMain .skillItem:hover .itemTitle {
  color: #1475cf;
}
main.home .homeSkill .homeSkillMain .skillItem .itemDate {
  width: auto;
  text-align: center;
  padding: 0 0.2rem;
}
main.home .homeSkill .homeSkillMain .skillItem .itemDate .day {
  color: #666;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeSkill .homeSkillMain .skillItem .itemDate .yearmonth {
  color: #666;
  line-height: 1.7;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.home .homeSkill .homeSkillMain .skillItem .itemText {
  width: 100%;
/*   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; */
}
main.home .homeSkill .homeSkillMain .skillItem .itemTitle {
  width: 100%;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
  font-weight: 700;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
main.home .homeSkill .homeSkillMain .skillItem .itemGuide {
  width: 100%;
  line-height: 1.8;
  color: #999;
}
@media (max-width: 800px) {
  main.home .homeSkill {
    width: 100%;
  }
}
@media (max-width: 600px) {
  main.home .homeSkill .homeSkillMain {
    height: auto;
    min-height: 0;
  }
  main.home .homeSkill .homeSkillMain .skillList {
    height: auto;
  }
  main.home .homeSkill .homeSkillMain .skillItem {
    padding: 0.32rem 0;
    height: auto;
  }
}

/* 客户案例 */
main.case1 {
  width: 100%;
}
main.case1 .case1Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.case1 .case1Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.case1 .case1Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.case1 .case1List {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.4rem;
}
main.case1 .case1Item {
  width: 24.25%;
  margin-right: 1%;
  margin-bottom: 1%;
  position: relative;
  z-index: 3;
  display: block;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case1 .case1Item:hover .itemIcon {
  background-color: #1475cf;
}
main.case1 .case1Item:hover .itemIcon .normal {
  opacity: 0;
}
main.case1 .case1Item:hover .itemIcon .hover {
  opacity: 1;
}
main.case1 .case1Item:hover .itemDate {
  color: #1475cf;
}
main.case1 .case1Item:hover .itemTitle {
  color: #1475cf;
}
main.case1 .case1Item:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.case1 .case1Item:nth-child(4n) {
  margin-right: 0;
}
main.case1 .case1Item .itemImg {
  width: 100%;
  overflow: hidden;
}
main.case1 .case1Item .itemImg .img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case1 .case1Item .itemText {
  width: 100%;
  padding: 0.15rem;
}
main.case1 .case1Item .itemDate {
  width: 100%;
  color: #333;
  line-height: 1.7;
}
main.case1 .case1Item .itemTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  padding-right: 0.16rem;
}
main.case1 .case1Item .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case1 .case1Item .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case1 .case1Item .itemIcon .normal {
  opacity: 0.2;
}
main.case1 .case1Item .itemIcon .hover {
  opacity: 0;
}
@media (max-width: 800px) {
  main.case1 .case1Item {
    width: 32.3333333333%;
  }
  main.case1 .case1Item:nth-child(4n) {
    margin-right: 1%;
  }
  main.case1 .case1Item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  main.case1 .case1Item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  main.case1 .case1Item:nth-child(4n) {
    margin-right: 2%;
  }
  main.case1 .case1Item:nth-child(3n) {
    margin-right: 2%;
  }
  main.case1 .case1Item:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (max-width: 360px) {
  main.case1 .case1Item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  main.case1 .case1Item:nth-child(4n) {
    margin-right: 0%;
  }
  main.case1 .case1Item:nth-child(3n) {
    margin-right: 0%;
  }
}

/* 解决方案 */
main.case2 {
  width: 100%;
}
main.case2 .case2Info {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
}
main.case2 .case2Info .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.case2 .case2Info .container {
    width: 100%;
    padding: 0 0.3rem;
    position: relative;
    z-index: 3;
  }
}
main.case2 .case2InfoSwiper {
  width: 100%;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
  position: relative;
  z-index: 3;
}
main.case2 .case2InfoSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.case2 .case2InfoSwiper .infoImg {
  width: 50%;
}
main.case2 .case2InfoSwiper .infoImg .img {
  width: 100%;
  min-height: 4rem;
  height: 100%;
}
main.case2 .case2InfoSwiper .infoContent {
  width: 50%;
  padding: 0.5rem 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.case2 .case2InfoSwiper .infoText {
  width: 100%;
  margin-bottom: 0.2rem;
}
main.case2 .case2InfoSwiper .infoDate {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.case2 .case2InfoSwiper .infoDate .day {
  color: #999;
  font-weight: 700;
  line-height: 1.2;
}
main.case2 .case2InfoSwiper .infoDate .yearmonth {
  color: #999;
  line-height: 1.8;
}
main.case2 .case2InfoSwiper .infoTitle {
  color: #333;
  line-height: 1.4;
  width: 100%;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.case2 .case2InfoSwiper .infoGuide {
  color: #444;
  line-height: 1.6;
}
main.case2 .case2InfoSwiper .infoMore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
main.case2 .case2InfoSwiper .infoMore .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.2rem;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2InfoSwiper .infoMore .button .text {
  color: #999;
  line-height: 1.2;
  margin-right: 0.4rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2InfoSwiper .infoMore .button .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 10px;
  min-height: 10px;
  position: relative;
  z-index: 3;
}
main.case2 .case2InfoSwiper .infoMore .button .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2InfoSwiper .infoMore .button .icon .normal {
  opacity: 1;
}
main.case2 .case2InfoSwiper .infoMore .button .icon .hover {
  opacity: 0;
}
main.case2 .case2InfoSwiper .infoMore .button:hover {
  background-color: #1475cf;
}
main.case2 .case2InfoSwiper .infoMore .button:hover .text {
  color: #fff;
}
main.case2 .case2InfoSwiper .infoMore .button:hover .icon .normal {
  opacity: 0;
}
main.case2 .case2InfoSwiper .infoMore .button:hover .icon .hover {
  opacity: 1;
}
@media (max-width: 1200px) {
  main.case2 .case2InfoSwiper {
    position: static;
    z-index: auto;
  }
}
@media (max-width: 800px) {
  main.case2 .case2InfoSwiper .infoContent {
    padding: 10px 16px;
  }
}
@media (max-width: 600px) {
  main.case2 .case2InfoSwiper .swiper-slide {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.case2 .case2InfoSwiper .infoImg {
    width: 100%;
  }
  main.case2 .case2InfoSwiper .infoImg .img {
    min-height: 0;
    height: 0;
    padding-top: 57.1428571429%;
  }
  main.case2 .case2InfoSwiper .infoContent {
    width: 100%;
  }
}
main.case2 .case2InfoButtons {
  width: 100%;
}
main.case2 .case2InfoButtons .infoPrev, main.case2 .case2InfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 3;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2InfoButtons .infoPrev:hover, main.case2 .case2InfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.case2 .case2InfoButtons .infoPrev:hover .icon .normal, main.case2 .case2InfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.case2 .case2InfoButtons .infoPrev:hover .icon .hover, main.case2 .case2InfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.case2 .case2InfoButtons .infoPrev .icon, main.case2 .case2InfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2InfoButtons .infoPrev .icon .normal, main.case2 .case2InfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.case2 .case2InfoButtons .infoPrev .icon .hover, main.case2 .case2InfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.case2 .case2InfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main.case2 .case2InfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  main.case2 .case2InfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.case2 .case2InfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
main.case2 .case2Content {
  width: 100%;
  padding-bottom: 0.8rem;
}
main.case2 .case2Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.case2 .case2Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.case2 .case2List {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.5rem;
  border-top: 0.02rem dotted #ddd;
}
main.case2 .case2Item {
  width: 24.025%;
  margin-right: 1.3%;
  margin-bottom: 2.5%;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.case2 .case2Item:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.case2 .case2Item:hover .itemTitle {
  color: #1475cf;
}
main.case2 .case2Item:hover .itemMore .text {
  color: #1475cf;
}
main.case2 .case2Item:hover .itemMore .icon .normal {
  opacity: 0;
}
main.case2 .case2Item:hover .itemMore .icon .hover {
  opacity: 1;
}
main.case2 .case2Item:hover .itemDynamic .cover {
  width: 100%;
}
main.case2 .case2Item:nth-child(4n) {
  margin-right: 0;
}
main.case2 .case2Item .itemImg {
  width: 100%;
  overflow: hidden;
}
main.case2 .case2Item .itemImg .img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2Item .itemContent {
  width: 100%;
  padding: 0.3rem 0.2rem;
}
main.case2 .case2Item .itemTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0.1rem;
}
main.case2 .case2Item .itemGuide {
  width: 100%;
  color: #999;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
main.case2 .case2Item .itemMore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.1rem;
}
main.case2 .case2Item .itemMore .text {
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2Item .itemMore .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  z-index: 3;
}
main.case2 .case2Item .itemMore .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.case2 .case2Item .itemMore .icon .normal {
  opacity: 1;
}
main.case2 .case2Item .itemMore .icon .hover {
  opacity: 0;
}
main.case2 .case2Item .itemDynamic {
  width: 100%;
  height: 0.02rem;
  position: relative;
  z-index: 3;
}
main.case2 .case2Item .itemDynamic .cover, main.case2 .case2Item .itemDynamic .base {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
main.case2 .case2Item .itemDynamic .cover {
  z-index: 3;
  width: 0%;
  background-color: #1475cf;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
main.case2 .case2Item .itemDynamic .base {
  z-index: 2;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 800px) {
  main.case2 .case2Item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 3%;
  }
  main.case2 .case2Item:nth-child(4n) {
    margin-right: 4%;
  }
  main.case2 .case2Item:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (max-width: 500px) {
  main.case2 .case2Item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 4%;
  }
  main.case2 .case2Item:nth-child(4n) {
    margin-right: 0%;
  }
}

/* 人才招聘 */
main.join1 {
  width: 100%;
}
main.join1 .join1Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.join1 .join1Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.join1 .join1Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.join1 .join1List {
  width: 100%;
}
@media (max-width: 900px) {
  main.join1 .join1List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
main.join1 .join1Item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.31rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border: solid 0.01rem #dddddd;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 3;
}
main.join1 .join1Item:before {
  content: "";
  width: 0%;
  height: 0.02rem;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: 3;
  background-color: #1475cf;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
main.join1 .join1Item:hover {
  border-top-color: transparent;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.join1 .join1Item:hover:before {
  width: 100%;
}
main.join1 .join1Item .itemTitle {
  width: 18%;
  color: #111;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}
main.join1 .join1Item .itemInfo {
  width: 62%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.join1 .join1Item .itemInfo div {
  width: 33.3333333333%;
  color: #444;
  line-height: 2;
}
main.join1 .join1Item .itemMore {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
main.join1 .join1Item .itemMore .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.2rem;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join1 .join1Item .itemMore .button:hover {
  background-color: #1475cf;
}
main.join1 .join1Item .itemMore .button:hover .text {
  color: #fff;
}
main.join1 .join1Item .itemMore .button:hover .icon .i {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
main.join1 .join1Item .itemMore .button:hover .icon .normal {
  opacity: 0;
}
main.join1 .join1Item .itemMore .button:hover .icon .hover {
  opacity: 1;
}
main.join1 .join1Item .itemMore .button .text {
  color: #999;
  line-height: 1.2;
  margin-right: 0.4rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join1 .join1Item .itemMore .button .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 10px;
  min-height: 10px;
  position: relative;
  z-index: 3;
}
main.join1 .join1Item .itemMore .button .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join1 .join1Item .itemMore .button .icon .normal {
  opacity: 1;
}
main.join1 .join1Item .itemMore .button .icon .hover {
  opacity: 0;
}
@media (max-width: 900px) {
  main.join1 .join1Item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join1 .join1Item:nth-child(2n) {
    margin-right: 0;
  }
  main.join1 .join1Item .itemTitle {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  main.join1 .join1Item .itemInfo {
    width: 100%;
    margin-bottom: 20px;
  }
  main.join1 .join1Item .itemInfo div {
    width: 50%;
  }
  main.join1 .join1Item .itemMore {
    width: 100%;
  }
}
@media (max-width: 750px) {
  main.join1 .join1Item {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  main.join1 .join1Item .itemTitle {
    text-align: center;
  }
  main.join1 .join1Item .itemInfo {
    text-align: center;
  }
  main.join1 .join1Item .itemInfo div {
    width: 100%;
  }
  main.join1 .join1Item .itemMore .button {
    margin: 0 auto;
  }
}

/* 人才招聘详情 */
main.join2 {
  width: 100%;
}
main.join2 .join2Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.join2 .join2Content .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.join2 .join2Content .join2ContentLeft {
  width: 67.8571428571%;
}
main.join2 .join2Content .join2ContentRight {
  width: 26.2857142857%;
}
@media (max-width: 1200px) {
  main.join2 .join2Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.join2 .join2Content .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join2 .join2Content .join2ContentLeft {
    width: 100%;
    margin-bottom: 20px;
  }
  main.join2 .join2Content .join2ContentRight {
    width: 100%;
  }
}
main.join2 .join2Detail {
  width: 100%;
}
main.join2 .join2Detail .join2DetailMain {
  width: 100%;
}
main.join2 .join2Detail .join2DetailMain .join2Info {
  width: 100%;
  padding: 0.36rem 0.3rem;
  background-color: #f0f4f6;
  border: solid 0.02rem #eeeeee;
  margin-bottom: 0.4rem;
}
main.join2 .join2Detail .join2DetailMain .join2Info .infoTitle {
  color: #111;
  width: 100%;
  line-height: 1.4;
  margin-bottom: 0.16rem;
  font-weight: 700;
}
main.join2 .join2Detail .join2DetailMain .join2Info .infoList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.join2 .join2Detail .join2DetailMain .join2Info .infoItem {
  width: 33.3333333333%;
  color: #333;
  line-height: 1.8;
}
@media (max-width: 750px) {
  main.join2 .join2Detail .join2DetailMain .join2Info .infoItem {
    width: 50%;
  }
}
@media (max-width: 400px) {
  main.join2 .join2Detail .join2DetailMain .join2Info .infoItem {
    width: 100%;
  }
}
main.join2 .join2Detail .join2DetailMain .join2Works {
  width: 100%;
}
main.join2 .join2Detail .join2DetailMain .join2Works .workItem {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.join2 .join2Detail .join2DetailMain .join2Works .workItem h1 {
  color: #222;
  line-height: 1.4;
  margin-bottom: 0.1rem;
}
main.join2 .join2Detail .join2DetailMain .join2Works .workItem p {
  color: #333;
  line-height: 2;
}
main.join2 .join2Detail .join2DetailFooter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.2rem 0;
  border-top: 0.02rem solid #eee;
  border-bottom: 0.02rem solid transparent;
}
main.join2 .join2Detail .join2DetailFooter .join2Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  border: solid 0.02rem #eee;
  position: relative;
  z-index: 3;
  margin-right: 0.1rem;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link:last-child {
  margin-right: 0;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link:hover {
  background-color: #1475cf;
  border-color: #1475cf;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link:hover .normal {
  opacity: 0;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link:hover .hover {
  opacity: 1;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link .linkIcon {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link .normal {
  opacity: 0.6;
}
main.join2 .join2Detail .join2DetailFooter .join2Links .link .hover {
  opacity: 0;
}
main.join2 .join2Detail .join2DetailFooter .join2Return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
main.join2 .join2Detail .join2DetailFooter .join2Return:hover .returnText {
  color: #1475cf;
}
main.join2 .join2Detail .join2DetailFooter .join2Return .returnText {
  color: #333;
  line-height: 1.4;
  margin-right: 0.1rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join2 .join2Detail .join2DetailFooter .join2Return .returnIcon {
  width: 0.16rem;
  min-width: 14px;
  height: 0.16rem;
  min-height: 14px;
}
main.join2 .join2Detail .join2DetailFooter .join2Return .returnIcon .icon {
  width: 100%;
  height: 100%;
}
main.join2 .join2Contact {
  width: 100%;
}
main.join2 .join2Contact .contactTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
main.join2 .join2Contact .contactTitle .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.1rem;
}
main.join2 .join2Contact .contactTitle .icon:before {
  content: "";
  width: 0.1rem;
  height: 0.2rem;
  min-width: 10px;
  min-height: 20px;
  margin-right: 0.01rem;
  background-color: #1475cf;
}
main.join2 .join2Contact .contactTitle .icon:after {
  content: "";
  width: 0.05rem;
  min-width: 5px;
  height: 0.2rem;
  min-height: 20px;
  background-color: #1475cf;
  opacity: 0.5;
}
main.join2 .join2Contact .contactTitle .text {
  color: #333;
  line-height: 1.5;
  font-weight: 700;
}
main.join2 .join2Contact .contactForm {
  width: 100%;
}
main.join2 .join2Contact .contactForm .formName, main.join2 .join2Contact .contactForm .formPhone, main.join2 .join2Contact .contactForm .formEmail {
  width: 100%;
  height: 0.5rem;
  min-height: 36px;
  margin-bottom: 0.15rem;
}
main.join2 .join2Contact .contactForm .formName input, main.join2 .join2Contact .contactForm .formPhone input, main.join2 .join2Contact .contactForm .formEmail input {
  width: 100%;
  height: 100%;
  padding: 0 0.2rem;
  background-color: #fff;
  border: solid 0.02rem #dddddd;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.join2 .join2Contact .contactForm .formName input:focus, main.join2 .join2Contact .contactForm .formPhone input:focus, main.join2 .join2Contact .contactForm .formEmail input:focus {
  border-color: #1475cf;
}
main.join2 .join2Contact .contactForm .formName input::-webkit-input-placeholder, main.join2 .join2Contact .contactForm .formPhone input::-webkit-input-placeholder, main.join2 .join2Contact .contactForm .formEmail input::-webkit-input-placeholder {
  color: #666;
}
main.join2 .join2Contact .contactForm .formName input::-moz-placeholder, main.join2 .join2Contact .contactForm .formPhone input::-moz-placeholder, main.join2 .join2Contact .contactForm .formEmail input::-moz-placeholder {
  color: #666;
}
main.join2 .join2Contact .contactForm .formName input:-ms-input-placeholder, main.join2 .join2Contact .contactForm .formPhone input:-ms-input-placeholder, main.join2 .join2Contact .contactForm .formEmail input:-ms-input-placeholder {
  color: #666;
}
main.join2 .join2Contact .contactForm .formName input::-ms-input-placeholder, main.join2 .join2Contact .contactForm .formPhone input::-ms-input-placeholder, main.join2 .join2Contact .contactForm .formEmail input::-ms-input-placeholder {
  color: #666;
}
main.join2 .join2Contact .contactForm .formName input::placeholder, main.join2 .join2Contact .contactForm .formPhone input::placeholder, main.join2 .join2Contact .contactForm .formEmail input::placeholder {
  color: #666;
}
main.join2 .join2Contact .contactForm .formButtons {
  width: 100%;
}
main.join2 .join2Contact .contactForm .formButtons .button {
  width: 100%;
  height: 0.5rem;
  min-height: 36px;
  cursor: pointer;
}
main.join2 .join2Contact .contactForm .formButtons .button button {
  width: 100%;
  height: 100%;
}
main.join2 .join2Contact .contactForm .formButtons .upload {
  margin-bottom: 0.15rem;
}
main.join2 .join2Contact .contactForm .formButtons .upload .text {
  color: #1475cf;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid 0.02rem #1475cf;
  background-color: #f0f4f6;
}
main.join2 .join2Contact .contactForm .formButtons .upload #uploadFile {
  display: none;
}
main.join2 .join2Contact .contactForm .formButtons .submit button {
  background-color: #1475cf;
  color: #fff;
  border: none;
  cursor: pointer;
}

/* 资讯中心 */
main.news2 {
  width: 100%;
}
main.news2 .news2Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.news2 .news2Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.news2 .news2Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.news2 .news2List {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.news2 .news2Item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem;
  cursor: pointer;
  border-top: 0.02rem solid transparent;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-bottom: 0.02rem solid #e8e8e8;
}
main.news2 .news2Item:hover {
  background-color: #1475cf;
  border-color: transparent;
}
main.news2 .news2Item:hover .itemDate .day, main.news2 .news2Item:hover .itemDate .yearmonth {
  color: #fff;
}
main.news2 .news2Item:hover .itemTitle, main.news2 .news2Item:hover .itemGuide {
  color: #fff;
}
main.news2 .news2Item .itemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.news2 .news2Item .itemDate {
  text-align: center;
}
main.news2 .news2Item .itemDate .day {
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news2 .news2Item .itemDate .yearmonth {
  color: #999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.4;
  white-space: nowrap;
}
main.news2 .news2Item .itemText {
  margin: 0 0.5rem;
}
main.news2 .news2Item .itemTitle {
  color: #111;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0.1rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news2 .news2Item .itemGuide {
  color: #333;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news2 .news2Item .itemButton {
  width: 0.5rem;
  height: 0.5rem;
  min-height: 36px;
  min-width: 36px;
}
main.news2 .news2Item .itemButton .button {
  width: 100%;
  height: 100%;
  border: 0.02rem solid #1475cf;
  border-radius: 50%;
  display: block;
  background-color: #fff;
}
main.news2 .news2Item .itemButton .button .icon {
  width: 100%;
  height: 100%;
}

/* 公司相册 */
main.about3 {
  width: 100%;
}
main.about3 .about3Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.about3 .about3Content .container {
  width: 14rem;
  margin: 0 auto;
}
main.about3 .about3Content .about3ContentHeader {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.about3 .about3Content .about3ContentHeader .about3Title {
  width: 100%;
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.about3 .about3Content .about3ContentHeader .about3Title .theme {
  color: #1475cf;
}
main.about3 .about3Content .about3ContentHeader .aboutGuide {
  width: 100%;
  color: #666;
  line-height: 1.4;
}
main.about3 .about3Content .about3ContentMain {
  width: 100%;
  margin-bottom: 0.8rem;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .swiper-slide {
  position: relative;
  z-index: 3;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoImg {
  width: 100%;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoImg .img {
  width: 100%;
  padding-top: 42.8571428571%;
}
@media (max-width: 600px) {
  main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoImg .img {
    padding-top: 0;
    height: 200px;
  }
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoText {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoText .text {
  width: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 0.4rem;
}
@media (max-width: 600px) {
  main.about3 .about3Content .about3ContentMain .about3InfoSwiper .infoText .text {
    width: 100%;
  }
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .about3InfoSwiperPagination {
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 0.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .about3InfoSwiperPagination .swiper-pagination-bullet {
  width: 0.15rem;
  min-width: 10px;
  height: 0.15rem;
  min-height: 10px;
  margin: 0 0.1rem;
  opacity: 1;
  background-color: transparent;
  border: 0.02rem solid #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
main.about3 .about3Content .about3ContentMain .about3InfoSwiper .about3InfoSwiperPagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
@media (max-width: 600px) {
  main.about3 .about3Content .about3ContentMain .about3InfoSwiper .about3InfoSwiperPagination {
    display: none;
  }
}
main.about3 .about3Content .about3ContentFooter {
  width: 100%;
}
main.about3 .about3Content .about3ContentFooter .about3List {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.about3 .about3Content .about3ContentFooter .about3Item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
main.about3 .about3Content .about3ContentFooter .about3Item:nth-child(3n) {
  margin-right: 0;
}
main.about3 .about3Content .about3ContentFooter .about3Item:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.about3 .about3Content .about3ContentFooter .about3Item .itemImg {
  width: 100%;
  overflow: hidden;
}
main.about3 .about3Content .about3ContentFooter .about3Item .itemImg .img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.about3 .about3Content .about3ContentFooter .about3Item .itemText {
  width: 100%;
  color: #444;
  line-height: 2;
  text-align: center;
}
@media (max-width: 1200px) {
  main.about3 .about3Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 600px) {
  main.about3 .about3Content .about3ContentFooter .about3Item {
    width: 49%;
  }
  main.about3 .about3Content .about3ContentFooter .about3Item:nth-child(3n) {
    margin-right: 2%;
  }
  main.about3 .about3Content .about3ContentFooter .about3Item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  main.about3 .about3Content .about3ContentFooter .about3Item {
    width: 100%;
    margin-right: 0;
  }
  main.about3 .about3Content .about3ContentFooter .about3Item:nth-child(3n) {
    margin-right: 0;
  }
}

/* 资讯详情 */
main.news4 {
  width: 100%;
}
main.news4 .news4Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.news4 .news4Content .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.news4 .news4Content .news4ContentLeft {
  width: 67.8571428571%;
}
main.news4 .news4Content .news4ContentRight {
  width: 26.2857142857%;
}
@media (max-width: 1200px) {
  main.news4 .news4Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.news4 .news4Content .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.news4 .news4Content .news4ContentLeft {
    width: 100%;
    margin-bottom: 20px;
  }
  main.news4 .news4Content .news4ContentRight {
    width: 100%;
  }
}
main.news4 .news4Detail {
  width: 100%;
}
main.news4 .news4Detail .news4DetailHeader {
  width: 100%;
  margin-bottom: 0.3rem;
}
main.news4 .news4Detail .news4DetailHeader .news4Title {
  width: 100%;
  color: #111;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
main.news4 .news4Detail .news4DetailHeader .news4Button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}
main.news4 .news4Detail .news4DetailHeader .news4Info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-wrap: wrap;
}
main.news4 .news4Detail .news4DetailHeader .news4Info span, main.news4 .news4Detail .news4DetailHeader .news4Info p, main.news4 .news4Detail .news4DetailHeader .news4Info img {
  width: 100%;
}
main.news4 .news4Detail .news4DetailHeader .news4Date {
  color: #333;
  line-height: 1.8;
  margin-right: 0.14rem;
}
main.news4 .news4Detail .news4DetailHeader .news4Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .text {
  color: #333;
  line-height: 1.8;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  border: solid 0.02rem #eee;
  position: relative;
  z-index: 3;
  margin-right: 0.1rem;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link:last-child {
  margin-right: 0;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link:hover {
  background-color: #1475cf;
  border-color: #1475cf;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link:hover .normal {
  opacity: 0;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link:hover .hover {
  opacity: 1;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link .linkIcon {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link .normal {
  opacity: 0.6;
}
main.news4 .news4Detail .news4DetailHeader .news4Links .link .hover {
  opacity: 0;
}
main.news4 .news4Detail .news4DetailHeader .news4Return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: .1rem 0;
}
main.news4 .news4Detail .news4DetailHeader .news4Return:hover .returnText {
  color: #1475cf;
}
main.news4 .news4Detail .news4DetailHeader .news4Return .returnText {
  color: #333;
  line-height: 1.4;
  margin-right: 0.1rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}
main.news4 .news4Detail .news4DetailHeader .news4Return .returnIcon {
  width: 0.16rem;
  min-width: 14px;
  height: 0.16rem;
  min-height: 14px;
}
main.news4 .news4Detail .news4DetailHeader .news4Return .returnIcon .icon {
  width: 100%;
  height: 100%;
}
main.news4 .news4Detail .news4DetailMain {
  width: 100%;
  padding: 0.4rem 0;
  border-top: 0.02rem solid #eee;
  border-bottom: 0.02rem solid transparent;
}
main.news4 .news4Detail .news4DetailMain .news4Info {
  width: 100%;
  line-height: 1.6;
  color: #444;
}
main.news4 .news4Detail .news4DetailMain .news4Info img {
  /* width: 100%; */
  height: auto;
}
main.news4 .news4Detail .news4DetailMain .news4Info p {
  line-height: 1.6;
  color: #444;
}
main.news4 .news4Detail .news4DetailMain .news4Info .table {
  overflow-x: auto;
}
main.news4 .news4Detail .news4DetailMain .news4Info table {
  max-width: 100%;
}
main.news4 .news4Detail .news4DetailFooter {
  width: 100%;
}
main.news4 .news4Detail .news4DetailFooter .news4Buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f4f6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.news4 .news4Detail .news4DetailFooter .news4Buttons .button {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.3rem;
}
main.news4 .news4Detail .news4DetailFooter .news4Buttons .button:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
main.news4 .news4Detail .news4DetailFooter .news4Buttons .button .text {
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .news4Detail .news4DetailFooter .news4Buttons .button:hover .text {
  color: #1475cf;
}
@media (max-width: 800px) {
  main.news4 .news4Detail .news4DetailFooter .news4Buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.news4 .news4Detail .news4DetailFooter .news4Buttons .button {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  main.news4 .news4Detail .news4DetailFooter .news4Buttons .button .text {
    width: 100%;
  }
}
main.news4 .new4Suggest {
  width: 100%;
}
main.news4 .new4Suggest .suggestTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}
main.news4 .new4Suggest .suggestTitle:hover .more {
  color: #1475cf;
}
main.news4 .new4Suggest .suggestTitle .title {
  color: #333;
  line-height: 1.5;
  font-weight: 700;
}
main.news4 .new4Suggest .suggestTitle .more {
  display: block;
  color: #333;
  line-height: 1.8;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .new4Suggest .suggestInfo {
  width: 100%;
  margin-bottom: 0.1rem;
  display: block;
}
main.news4 .new4Suggest .suggestInfo:hover .infoImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.news4 .new4Suggest .suggestInfo:hover .infoDate {
  color: #1475cf;
}
main.news4 .new4Suggest .suggestInfo:hover .infoTitle {
  color: #1475cf;
}
main.news4 .new4Suggest .suggestInfo .infoImg {
  width: 100%;
  display: none;
  overflow: hidden;
}
main.news4 .new4Suggest .suggestInfo .infoImg .img {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding-top: 56.25%;
}
main.news4 .new4Suggest .suggestInfo .infoText {
  width: 100%;
  padding: 0.1rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #eee;
}
main.news4 .new4Suggest .suggestInfo .infoDate {
  width: 100%;
  color: #444;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .new4Suggest .suggestInfo .infoTitle {
  width: 100%;
  color: #333;
  line-height: 1.8;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .new4Suggest .suggestList {
  width: 100%;
}
main.news4 .new4Suggest .suggestItem {
  width: 100%;
  display: block;
  line-height: 2;
  margin: 0.06rem 0;
  color: #333;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news4 .new4Suggest .suggestItem:hover {
  color: #1475cf;
}

/* 关于我们 */
main.about1 {
  width: 100%;
}
main.about1 .about1Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.about1 .about1Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.about1 .about1Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.about1 .about1Content .about1ContentMain {
  width: 100%;
  margin-bottom: 0.8rem;
}
main.about1 .about1Content .about1ContentMain .about1Info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 4.5rem;
  min-height: 300px;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoText {
  width: 43.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoTitle {
  width: 100%;
  margin-bottom: 0.2rem;
  height: auto;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoTitle span {
  display: block;
  color: #1475cf;
  line-height: 1.2;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoTitle .bold {
  font-weight: 700;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoContent {
  width: 100%;
  color: #444;
  line-height: 2;
  height: 100%;
  overflow-y: auto;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoContent p {
  color: #444;
  line-height: 2;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoContent::-webkit-scrollbar {
  width: 0.04rem;
  min-width: 4px;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoContent::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  opacity: 0.2;
  background-color: #1475cf;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoContent::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #ccc;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoImg {
  width: 50%;
  height: 100%;
}
main.about1 .about1Content .about1ContentMain .about1Info .infoImg .img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  main.about1 .about1Content .about1ContentMain .about1Info .infoText {
    width: 48%;
  }
}
@media (max-width: 800px) {
  main.about1 .about1Content .about1ContentMain .about1Info {
    height: auto;
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  main.about1 .about1Content .about1ContentMain .about1Info .infoText {
    width: 100%;
    height: auto;
  }
  main.about1 .about1Content .about1ContentMain .about1Info .infoImg {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  main.about1 .about1Content .about1ContentMain .about1Info .infoImg .img {
    height: 0;
    padding-top: 64.2857142857%;
  }
}
main.about1 .about1Content .about1ContentFooter {
  width: 100%;
}
main.about1 .about1Content .about1ContentFooter .about1Title {
  width: 100%;
}
main.about1 .about1Content .about1ContentFooter .about1Title .title {
  width: 100%;
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.about1 .about1Content .about1ContentFooter .about1Title .title .theme {
  color: #1475cf;
}
main.about1 .about1Content .about1ContentFooter .about1Title .guide {
  width: 100%;
  color: #444;
  line-height: 1.4;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .swiper-container {
  position: static;
  padding: 0.4rem 0;
  z-index: auto;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .swiper-slide {
  background-color: #e5e5e5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .swiper-slide:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .swiper-slide:hover .infoText {
  border-bottom-color: #1475cf;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoImg {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 3;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoImg .img {
  width: 100%;
  position: absolute;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.4rem 0.16rem;
  height: 76.8558951965%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoImg .img .i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoImg .img .hidden {
  opacity: 0;
  z-index: 3;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoImg .img .show {
  z-index: 2;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .infoText {
  width: 100%;
  color: #444;
  line-height: 2;
  text-align: center;
  padding: 0.1rem 0 0.4rem;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons {
  width: 100%;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 4;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev:hover, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev:hover .icon .normal, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev:hover .icon .hover, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev .icon, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev .icon .normal, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev .icon .hover, main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.about1 .about1Content .about1ContentFooter .about1InfoSwiper .about1InfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

/* 联系我们 */
main.join3 {
  width: 100%;
}
main.join3 .join3Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.join3 .join3Content .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.join3 .join3Content .join3ContentLeft {
  width: 50%;
}
main.join3 .join3Content .join3ContentLeft .join3Map {
  width: 100%;
  height: 100%;
}
main.join3 .join3Content .join3ContentLeft .join3Map .img {
  width: 100%;
  height: 100%;
  min-height: 4.5rem;
}
main.join3 .join3Content .join3ContentRight {
  width: 50%;
  padding: 0.36rem 0.6rem;
}
main.join3 .join3Content .join3ContentRight .join3Info {
  width: 100%;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoTitle {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoTitle .ch {
  color: #1475cf;
  line-height: 1.2;
  font-weight: 700;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoTitle .en {
  color: #1475cf;
  line-height: 1.5;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoList {
  width: 100%;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemIcon {
  width: 9.25%;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemIcon .icon {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background-color: #1475cf;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemText {
  width: 90.75%;
  padding-left: 0.2rem;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemText .s14 {
  color: #333;
  line-height: 1.6;
}
main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemText .s16 {
  color: #333;
  line-height: 1.6;
}
@media (max-width: 1200px) {
  main.join3 .join3Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.join3 .join3Content .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join3 .join3Content .join3ContentLeft {
    width: 100%;
  }
  main.join3 .join3Content .join3ContentLeft .join3Map {
    height: auto;
  }
  main.join3 .join3Content .join3ContentLeft .join3Map .img {
    width: 100%;
    padding-top: 64.2857142857%;
  }
  main.join3 .join3Content .join3ContentRight {
    width: 100%;
    padding: 20px 0;
  }
  main.join3 .join3Content .join3ContentRight .join3Info .infoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join3 .join3Content .join3ContentRight .join3Info .infoItem {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  main.join3 .join3Content .join3ContentRight .join3Info .infoItem .itemIcon {
    width: 50px;
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  main.join3 .join3Content .join3ContentRight .join3Info .infoItem {
    width: 100%;
  }
}

/* 在线联系 */
main.join4 {
  width: 100%;
}
main.join4 .join4Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.join4 .join4Content .container {
  width: 14rem;
  margin: 0 auto;
}
main.join4 .join4Content .join4ContentHeader {
  width: 100%;
}
main.join4 .join4Content .join4ContentHeader .join4Title {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
}
main.join4 .join4Content .join4ContentHeader .join4Title .title {
  width: 100%;
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.join4 .join4Content .join4ContentHeader .join4Title .guide {
  width: 100%;
  color: #444;
  line-height: 1.6;
}
main.join4 .join4Content .join4ContentHeader .join4Title .theme {
  color: #1475cf;
}
main.join4 .join4Content .join4ContentMain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.join4 .join4Content .join4ContentLeft {
  width: 50%;
}
main.join4 .join4Content .join4ContentLeft .join4Img {
  width: 100%;
  height: 100%;
}
main.join4 .join4Content .join4ContentLeft .join4Img .img {
  width: 100%;
  min-height: 8rem;
  height: 100%;
}
main.join4 .join4Content .join4ContentRight {
  width: 50%;
}
main.join4 .join4Content .join4ContentRight .join4Form {
  width: 100%;
  background-color: #fff;
  padding: 0.8rem;
}
main.join4 .join4Content .join4ContentRight .join4Form .formNamePhone {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.24rem;
}
main.join4 .join4Content .join4ContentRight .join4Form .formName {
  width: 49%;
  margin-right: 2%;
}
main.join4 .join4Content .join4ContentRight .join4Form .formPhone {
  width: 49%;
}
main.join4 .join4Content .join4ContentRight .join4Form .formAddress {
  margin-bottom: 0.24rem;
  width: 100%;
}
main.join4 .join4Content .join4ContentRight .join4Form .formPost {
  margin-bottom: 0.24rem;
  width: 100%;
}
main.join4 .join4Content .join4ContentRight .join4Form .formCode {
  margin-bottom: 0.24rem;
  width: 100%;
}
main.join4 .join4Content .join4ContentRight .join4Form .formName .text, main.join4 .join4Content .join4ContentRight .join4Form .formPhone .text, main.join4 .join4Content .join4ContentRight .join4Form .formAddress .text, main.join4 .join4Content .join4ContentRight .join4Form .formPost .text {
  width: 100%;
  color: #333;
  line-height: 1.63;
}
main.join4 .join4Content .join4ContentRight .join4Form .formName input, main.join4 .join4Content .join4ContentRight .join4Form .formPhone input, main.join4 .join4Content .join4ContentRight .join4Form .formAddress input, main.join4 .join4Content .join4ContentRight .join4Form .formPost input {
  width: 100%;
  border: none;
  background-color: #f0f4f6;
  height: 0.5rem;
  min-height: 40px;
  padding: 0 0.2rem;
}
main.join4 .join4Content .join4ContentRight .join4Form .formCode {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.join4 .join4Content .join4ContentRight .join4Form .formCode .text {
  width: 100%;
  color: #333;
  line-height: 1.4;
}
main.join4 .join4Content .join4ContentRight .join4Form .formCode input {
  width: 81.4814814815%;
  border: none;
  background-color: #f0f4f6;
  height: 0.5rem;
  padding: 0 0.2rem;
  min-height: 40px;
}
main.join4 .join4Content .join4ContentRight .join4Form .formCode img {
  width: 18.5185185185%;
  background-color: #f0f4f6;
  height: 0.5rem;
  min-height: 40px;
}
main.join4 .join4Content .join4ContentRight .join4Form .formMessage {
  width: 100%;
  margin-bottom: 0.2rem;
}
main.join4 .join4Content .join4ContentRight .join4Form .formMessage .text {
  width: 100%;
  color: #333;
  line-height: 1.4;
}
main.join4 .join4Content .join4ContentRight .join4Form .formMessage textarea {
  width: 100%;
  border: none;
  background-color: #f0f4f6;
  height: 1.2rem;
  min-height: 80px;
  padding: 0.1rem;
}
main.join4 .join4Content .join4ContentRight .join4Form .formButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.join4 .join4Content .join4ContentRight .join4Form .formButtons .button.submit {
  display: inline-block;
  border: none;
  background-color: #1475cf;
  color: #fff;
  line-height: 1.2;
  padding: 0.16rem 0.72rem;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  main.join4 .join4Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 800px) {
  main.join4 .join4Content .join4ContentMain {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join4 .join4Content .join4ContentLeft {
    width: 100%;
  }
  main.join4 .join4Content .join4ContentRight {
    width: 100%;
  }
}
@media (max-width: 600px) {
  main.join4 .join4Content .join4ContentRight .join4Form {
    padding: 20px;
  }
  main.join4 .join4Content .join4ContentRight .join4Form .formNamePhone {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.join4 .join4Content .join4ContentRight .join4Form .formName {
    margin-right: 0;
    margin-bottom: 0.2rem;
    width: 100%;
  }
  main.join4 .join4Content .join4ContentRight .join4Form .formPhone {
    width: 100%;
  }
  main.join4 .join4Content .join4ContentRight .join4Form .formCode input {
    width: 72%;
  }
  main.join4 .join4Content .join4ContentRight .join4Form .formCode img {
    width: 28%;
  }
}

/* 新闻资讯 */
main.news1 {
  width: 100%;
}
main.news1 .news1Content {
  width: 100%;
  padding: 0.8rem 0;
}
main.news1 .news1Content .container {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.news1 .news1Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.news1 .news1List {
  width: 100%;
  margin-bottom: 0.36rem;
}
main.news1 .news1Item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #eee;
}
main.news1 .news1Item:first-child {
  padding-top: 0;
}
main.news1 .news1Item:hover .itemMore .button {
  background-color: #1475cf;
}
main.news1 .news1Item:hover .itemMore .button .text {
  color: #fff;
}
main.news1 .news1Item:hover .itemMore .button .icon .i {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
main.news1 .news1Item:hover .itemMore .button .icon .normal {
  opacity: 0;
}
main.news1 .news1Item:hover .itemMore .button .icon .hover {
  opacity: 1;
}
main.news1 .news1Item:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.news1 .news1Item:hover .itemTitle {
  color: #1475cf;
}
main.news1 .news1Item .itemImg {
  width: 28.5714285714%;
  overflow: hidden;
}
main.news1 .news1Item .itemImg .img {
  width: 100%;
  min-height: 2.25rem;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news1 .news1Item .itemText {
  width: 71.4285714286%;
  padding-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.news1 .news1Item .itemDate {
  width: 100%;
  color: #444;
  line-height: 1.6;
  margin-bottom: 0.1rem;
}
main.news1 .news1Item .itemTitle {
  width: 100%;
  color: #111;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.25;
  margin-bottom: 0.16rem;
}
main.news1 .news1Item .itemGuide {
  width: 100%;
  color: #444;
  line-height: 1.6;
  margin-bottom: 0.36rem;
}
main.news1 .news1Item .itemMore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
main.news1 .news1Item .itemMore .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.2rem;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news1 .news1Item .itemMore .button .text {
  color: #999;
  line-height: 1.2;
  margin-right: 0.4rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news1 .news1Item .itemMore .button .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 10px;
  min-height: 10px;
  position: relative;
  z-index: 3;
}
main.news1 .news1Item .itemMore .button .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.news1 .news1Item .itemMore .button .icon .normal {
  opacity: 1;
}
main.news1 .news1Item .itemMore .button .icon .hover {
  opacity: 0;
}
@media (max-width: 800px) {
  main.news1 .news1Item .itemImg {
    width: 36%;
  }
  main.news1 .news1Item .itemText {
    width: 64%;
  }
}
@media (max-width: 600px) {
  main.news1 .news1Item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.news1 .news1Item .itemImg {
    width: 100%;
  }
  main.news1 .news1Item .itemImg .img {
    min-height: 0%;
    height: 0;
    padding-top: 56.25%;
  }
  main.news1 .news1Item .itemText {
    width: 100%;
    padding: 10px 0;
  }
}

/* 产品导航 */
main.prod1, main.prod2, main.prod3 {
  width: 100%;
}
main.prod1 .prodContent, main.prod2 .prodContent, main.prod3 .prodContent {
  width: 100%;
  padding-bottom: 0.8rem;
}
main.prod1 .prodContent .container, main.prod2 .prodContent .container, main.prod3 .prodContent .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.prod1 .prodContent .prodContentLeft, main.prod2 .prodContent .prodContentLeft, main.prod3 .prodContent .prodContentLeft {
  width: 20%;
}
main.prod1 .prodContent .prodContentLeft .prodTitle, main.prod2 .prodContent .prodContentLeft .prodTitle, main.prod3 .prodContent .prodContentLeft .prodTitle {
  width: 100%;
  padding: 0.3rem;
  margin-bottom: 0.1rem;
}
main.prod1 .prodContent .prodContentLeft .prodTitle .title, main.prod2 .prodContent .prodContentLeft .prodTitle .title, main.prod3 .prodContent .prodContentLeft .prodTitle .title {
  width: 100%;
  color: #fff;
  line-height: 1.2;
}
main.prod1 .prodContent .prodContentLeft .prodTitle .guide, main.prod2 .prodContent .prodContentLeft .prodTitle .guide, main.prod3 .prodContent .prodContentLeft .prodTitle .guide {
  color: #fff;
  width: 100%;
  line-height: 1.6;
}
main.prod1 .prodContent .prodContentLeft .prodNavs, main.prod2 .prodContent .prodContentLeft .prodNavs, main.prod3 .prodContent .prodContentLeft .prodNavs {
  width: 100%;
}
main.prod1 .prodContent .prodContentLeft .prodNav, main.prod2 .prodContent .prodContentLeft .prodNav, main.prod3 .prodContent .prodContentLeft .prodNav {
  width: 100%;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle {
  width: 100%;
  padding: 0.13rem 0.3rem;
  background-color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .info, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .info, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .info .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .info .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .info .icon {
  width: 0.34rem;
  min-width: 28px;
  margin-right: 0.2rem;
  background-color: #fff;
  border-radius: 0.05rem;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .info .icon img, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .info .icon img, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .info .icon img {
  width: 100%;
  height: auto;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .info .text, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .info .text, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .info .text {
  color: #fff;
  line-height: 1.4;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .menu, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .menu, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .menu {
  display: none;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList, main.prod2 .prodContent .prodContentLeft .prodNav .navList, main.prod3 .prodContent .prodContentLeft .prodNav .navList {
  width: 100%;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 {
  width: 100%;
  border-left: 0.02rem solid transparent;
  border-right: 0.02rem solid transparent;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.117rem 0.3rem;
  background-color: #f0f4f6;
  /* border-top: 0.02rem solid transparent; */
  border-bottom: 1px solid rgba(20, 117, 207, 0.1);
  /* -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; */
  cursor: pointer;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href:hover .I1drop .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1href {
  display: block;
  color: #111;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop {
  display: none;
  width: 0.12rem;
  height: 0.12rem;
  min-width: 12px;
  min-height: 12px;
  position: relative;
  z-index: 3;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .normal {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1Href .I1drop .hover {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1List, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1List, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1 .item1List {
  display: none;
  width: 100%;
  background-color: #f0f4f6;
  padding: 0.1rem 0;
  border-bottom: 1px solid #dae7f2;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.showDrop .item1Href .I1drop, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.showDrop .item1Href .I1drop, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.showDrop .item1Href .I1drop {
  display: block;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.select, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.select, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.select {
  border-left-color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1Href .I1drop .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1List, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1List, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem1.select .item1List {
  display: block;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 {
  width: 100%;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0.3rem;
  cursor: pointer;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .normal, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .hover, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .open .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2drop .close .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href:hover .I2href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop {
  display: none;
  width: 0.2rem;
  min-width: 14px;
  height: 0.2rem;
  min-height: 14px;
  margin-right: 0.1rem;
  position: relative;
  z-index: 3;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .icon, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .normal, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .normal {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .hover, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close .hover {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .open {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2drop .close {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2Href .I2href {
  color: #333;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2List, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2List, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2 .item2List {
  display: none;
  width: 100%;
  background-color: #f0f4f6;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.showDrop .item2Href .I2drop, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.showDrop .item2Href .I2drop, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.showDrop .item2Href .I2drop {
  display: block;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .open, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .open, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .open {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .close, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .close, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.show .item2Href .I2drop .close {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .normal, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .hover, main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .open .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2drop .close .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2Href .I2href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2List, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2List, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem2.select .item2List {
  display: block;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 {
  width: 100%;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href {
  width: 100%;
  padding: 0.04rem 0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href:hover .I3drop .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop {
  width: 0.16rem;
  min-width: 12px;
  height: 0.16rem;
  min-height: 12px;
  margin-right: 0.1rem;
  position: relative;
  z-index: 3;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .icon {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .normal {
  opacity: 1;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3drop .hover {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3 .item3Href .I3href {
  width: 100%;
  display: inline-block;
  color: #444;
  line-height: 1.4;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3href, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3href, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3href {
  color: #1475cf;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .normal, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .normal, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .normal {
  opacity: 0;
}
main.prod1 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .hover, main.prod2 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .hover, main.prod3 .prodContent .prodContentLeft .prodNav .navList .navItem3.select .item3Href .I3drop .hover {
  opacity: 1;
}
main.prod1 .prodContent .prodContentRight, main.prod2 .prodContent .prodContentRight, main.prod3 .prodContent .prodContentRight {
  width: 77.1428571429%;
}
@media (max-width: 1200px) {
  main.prod1 .prodContent .container, main.prod2 .prodContent .container, main.prod3 .prodContent .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (min-width: 801px) {
  main.prod1 .prodContent .prodContentLeft .prodNav .navList, main.prod2 .prodContent .prodContentLeft .prodNav .navList, main.prod3 .prodContent .prodContentLeft .prodNav .navList {
    display: block!important;
  }
}
@media (max-width: 800px) {
  main.prod1 .prodContent .container, main.prod2 .prodContent .container, main.prod3 .prodContent .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.prod1 .prodContent .prodContentLeft, main.prod2 .prodContent .prodContentLeft, main.prod3 .prodContent .prodContentLeft {
    width: 100%;
    margin-bottom: 10px;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav, main.prod2 .prodContent .prodContentLeft .prodNav, main.prod3 .prodContent .prodContentLeft .prodNav {
    position: relative;
    z-index: 5;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navTitle, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 3;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .menu, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .menu, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .menu {
    display: block;
    width: 0.34rem;
    min-width: 28px;
    height: 0.34rem;
    height: 28px;
    position: relative;
    z-index: 3;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .menu .icon, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .menu .icon, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .menu .icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .menu .open, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .menu .open, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .menu .open {
    opacity: 1;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navTitle .menu .menu, main.prod2 .prodContent .prodContentLeft .prodNav .navTitle .menu .menu, main.prod3 .prodContent .prodContentLeft .prodNav .navTitle .menu .menu {
    opacity: 0;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav .navList, main.prod2 .prodContent .prodContentLeft .prodNav .navList, main.prod3 .prodContent .prodContentLeft .prodNav .navList {
    display: none;
    max-height: none!important;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .open, main.prod2 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .open, main.prod3 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .open {
    opacity: 0;
  }
  main.prod1 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .close, main.prod2 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .close, main.prod3 .prodContent .prodContentLeft .prodNav.open .navTitle .menu .close {
    opacity: 1;
  }
  main.prod1 .prodContent .prodContentRight, main.prod2 .prodContent .prodContentRight, main.prod3 .prodContent .prodContentRight {
    width: 100%;
  }
}
main.prod1 .Crumbs, main.prod2 .Crumbs, main.prod3 .Crumbs {
  border-color: transparent;
}

/* 产品分类 */
main.prod1 .prod1Content {
  width: 100%;
}
main.prod1 .prod1Content .prod1ContentHeader {
  width: 100%;
  margin-bottom: 0.3rem;
}
main.prod1 .prod1Content .prod1ContentHeader .prod1Title {
  width: 100%;
  padding: 0.2rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #1475cf;
}
main.prod1 .prod1Content .prod1ContentHeader .prod1Title .title {
  color: #1475cf;
  line-height: 1.2;
  font-weight: 700;
}
main.prod1 .prod1Content .prod1ContentMain {
  width: 100%;
}
main.prod1 .prod1Content .prod1ContentMain .prod1List {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item {
  width: 100%;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfo {
  width: 100%;
  vertical-align: middle;
  margin-bottom: 0.1rem;
  margin-top: .5rem;
  border-top: 2px solid #eee;
  padding-top: .1rem;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfo .brand {
  color: #111;
  line-height: 1.6;
  font-weight: 700;
  margin-right: 0.1rem;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfo .num {
  color: #111;
  line-height: 1.8;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfo .num .theme {
  color: #1475cf;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .swiper-slide {
  height: auto;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem {
  width: 100%;
  position: relative;
  z-index: 3;
  display: block;
  padding: 0.15rem;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem:hover {
  border-color: #1475cf;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem:hover .itemIcon {
  background-color: #1475cf;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem:hover .itemIcon .normal {
  opacity: 0;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem:hover .itemIcon .hover {
  opacity: 1;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemImg {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemImg .img {
  width: 100%;
  padding-top: 100%;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemText {
  width: 100%;
  color: #333;
  line-height: 1.4;
  padding-right: 0.18rem;
}
@media (max-width: 420px) {
  main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemText {
    padding-right: 20px;
  }
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemIcon .normal {
  opacity: 0.2;
}
main.prod1 .prod1Content .prod1ContentMain .prod1Item .prod1ItemInfoSwiper .infoItem .itemIcon .hover {
  opacity: 0;
}

/* 品牌中心详情 */
main.prod2 .prod2Content {
  width: 100%;
}
main.prod2 .prod2Content .prod2ContentHeader {
  width: 100%;
  margin-bottom: 0.3rem;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Title {
  width: 100%;
  padding: 0.1rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #1475cf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Title .icon {
  width: 1.58rem;
  margin-right: 0.04rem;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Title .icon img {
  width: 100%;
  height: auto;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Title .title {
  color: #1475cf;
  line-height: 1.2;
  font-weight: 700;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Guide {
  color: #333;
  line-height: 1.8;
  width: 100%;
  margin: 0.3rem 0;
}
main.prod2 .prod2Content .prod2ContentHeader .prod2Guide p {
  color: #333;
  line-height: 1.8;
}
main.prod2 .prod2Content .prod2ContentMain {
  width: 100%;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Info {
  width: 100%;
  margin-bottom: 0.2rem;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Info .title, main.prod2 .prod2Content .prod2ContentMain .prod2Info .all, main.prod2 .prod2Content .prod2ContentMain .prod2Info .single {
  color: #333;
  line-height: 1.8;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Info .title .theme, main.prod2 .prod2Content .prod2ContentMain .prod2Info .all .theme, main.prod2 .prod2Content .prod2ContentMain .prod2Info .single .theme {
  color: #1475cf;
}
main.prod2 .prod2Content .prod2ContentMain .prod2List {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item {
  width: 24.25%;
  margin-right: 1%;
  margin-bottom: 1%;
  position: relative;
  z-index: 3;
  display: block;
  padding: 0.15rem;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item:hover {
  border-color: #1475cf;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item:hover .itemIcon {
  background-color: #1475cf;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item:hover .itemIcon .normal {
  opacity: 0;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item:hover .itemIcon .hover {
  opacity: 1;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(4n) {
  margin-right: 0;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemImg {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemImg .img {
  width: 100%;
  padding-top: 100%;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemText {
  width: 100%;
  color: #333;
  line-height: 1.4;
  padding-right: 0.18rem;
}
@media (max-width: 420px) {
  main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemText {
    padding-right: 20px;
  }
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemIcon .normal {
  opacity: 0.2;
}
main.prod2 .prod2Content .prod2ContentMain .prod2Item .itemIcon .hover {
  opacity: 0;
}
@media (max-width: 750px) {
  main.prod2 .prod2Content .prod2ContentMain .prod2Item {
    width: 32.6666666667%;
  }
  main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(4n) {
    margin-right: 1%;
  }
  main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(3n) {
    margin-right: 0%;
  }
}
@media (max-width: 550px) {
  main.prod2 .prod2Content .prod2ContentMain .prod2Item {
    width: 49.5%;
  }
  main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(4n) {
    margin-right: 0%;
  }
  main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(3n) {
    margin-right: 1%;
  }
  main.prod2 .prod2Content .prod2ContentMain .prod2Item:nth-child(2n) {
    margin-right: 0%;
  }
}

/* 品牌中心 */
main.prod3 .prod3Content {
  width: 100%;
}
main.prod3 .prod3Content .prod3ContentHeader {
  width: 100%;
  margin-bottom: 0.3rem;
}
main.prod3 .prod3Content .prod3ContentHeader .prod3Title {
  width: 100%;
  padding: 0.2rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid #1475cf;
}
main.prod3 .prod3Content .prod3ContentHeader .prod3Title .title {
  color: #1475cf;
  line-height: 1.2;
  font-weight: 700;
}
main.prod3 .prod3Content .prod3ContentMain {
  width: 100%;
  margin-bottom: 0.4rem;
}
main.prod3 .prod3Content .prod3ContentMain .prod3List {
  width: 100%;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  border: solid 0.02rem #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item:nth-child(2n) {
  margin-right: 0;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemImg {
  width: 39.6226415094%;
  position: relative;
  z-index: 3;
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemImg .img {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemImg .text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding: 0.3rem 0;
  text-align: center;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemText {
  width: 60.3773584906%;
  padding: 0.3rem 0;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemInfo {
  width: 100%;
  padding: 0 0.26rem;
  border-left: 0.02rem solid #eee;
  border-right: 0.02rem solid transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemTitle {
  width: 100%;
  color: #111;
  line-height: 1.2;
  margin-bottom: 0.1rem;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemTitle .theme {
  color: #1475cf;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemAddress {
  width: 100%;
  color: #333;
  line-height: 1.4;
  margin-bottom: 0.2rem;
}
main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemGuide {
  width: 100%;
  color: #333;
  line-height: 1.8;
}
@media (max-width: 750px) {
  main.prod3 .prod3Content .prod3ContentMain .prod3Item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemImg {
    width: 100%;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemText {
    width: 100%;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemInfo {
    border-color: transparent;
  }
}
@media (max-width: 450px) {
  main.prod3 .prod3Content .prod3ContentMain .prod3Item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    margin-right: 0;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemImg {
    width: 39.6226415094%;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemText {
    width: 60.3773584906%;
  }
  main.prod3 .prod3Content .prod3ContentMain .prod3Item .itemInfo {
    border-left-color: #eee;
  }
}
main.prod3 .prod3Content .prod3ContentFooter {
  width: 100%;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3Title {
  width: 100%;
  padding: 0.2rem;
  background-color: #f0f4f6;
  border-top: 0.02rem solid #1475cf;
  border-bottom: 0.02rem solid transparent;
  margin-bottom: 0.3rem;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3Title .title {
  color: #1475cf;
  line-height: 1.4;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide:hover .infoText {
  border-bottom-color: #1475cf;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem {
  width: 100%;
  position: relative;
  z-index: 3;
  display: block;
  padding: 0.15rem;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem:hover {
  border-color: #1475cf;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem:hover .itemIcon {
  background-color: #1475cf;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem:hover .itemIcon .normal {
  opacity: 0;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem:hover .itemIcon .hover {
  opacity: 1;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemImg {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemImg .img {
  width: 100%;
  padding-top: 100%;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemText {
  width: 100%;
  color: #333;
  line-height: 1.4;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemIcon .normal {
  opacity: 0.2;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .swiper-slide .infoItem .itemIcon .hover {
  opacity: 0;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons {
  width: 100%;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 4;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev:hover, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev:hover .icon .normal, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev:hover .icon .hover, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev .icon, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev .icon .normal, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev .icon .hover, main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.prod3 .prod3Content .prod3ContentFooter .prod3InfoSwiper .prod3InfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

/* 在线报修 */
main.case3 {
  width: 100%;
}
main.case3 .case3Content {
  padding: 0.8rem 0;
  width: 100%;
}
main.case3 .case3Content .container {
  width: 9.6rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  main.case3 .case3Content .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.case3 .case3Form {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
          box-shadow: 0 0 0.3rem 0 rgba(0, 42, 102, 0.1);
  padding: 0.5rem 0.72rem;
}
main.case3 .case3Form .formTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 0.24rem;
}
main.case3 .case3Form .formTitle .title {
  width: 100%;
  color: #999;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
main.case3 .case3Form .formTitle .title .theme {
  color: #1475cf;
}
main.case3 .case3Form .formTitle .guide {
  width: 100%;
  color: #444;
  line-height: 1.6;
}
main.case3 .case3Form .formContent {
  width: 100%;
}
main.case3 .case3Form .formPord, main.case3 .case3Form .formNum, main.case3 .case3Form .formPost, main.case3 .case3Form .formName, main.case3 .case3Form .formPhone, main.case3 .case3Form .formEmail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}
main.case3 .case3Form .formPord .title, main.case3 .case3Form .formNum .title, main.case3 .case3Form .formPost .title, main.case3 .case3Form .formName .title, main.case3 .case3Form .formPhone .title, main.case3 .case3Form .formEmail .title {
  color: #333;
  line-height: 1.6;
  margin-right: 0.1rem;
  white-space: nowrap;
}
main.case3 .case3Form .formPord input, main.case3 .case3Form .formNum input, main.case3 .case3Form .formPost input, main.case3 .case3Form .formName input, main.case3 .case3Form .formPhone input, main.case3 .case3Form .formEmail input {
  width: 100%;
  border: none;
  background-color: #f0f4f6;
  padding: 0 0.2rem;
  height: 0.5rem;
  min-height: 40px;
}
main.case3 .case3Form .formDate {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}
main.case3 .case3Form .formDate .title {
  color: #333;
  line-height: 1.6;
  white-space: nowrap;
  margin-right: 0.1rem;
}
main.case3 .case3Form .formDate .picker {
  width: 100%;
}
main.case3 .case3Form .formDate .picker #date, main.case3 .case3Form .formDate .picker .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.case3 .case3Form .formDate .picker select, main.case3 .case3Form .formDate .picker input {
  width: 33%;
  display: block;
  height: 0.5rem;
  min-height: 40px;
  outline: none;
  background-color: #f0f4f6;
  border: none;
  padding: 0 0.2rem;
}
main.case3 .case3Form .formIssue, main.case3 .case3Form .formRemark {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
}
main.case3 .case3Form .formIssue .title, main.case3 .case3Form .formRemark .title {
  color: #333;
  line-height: 1.6;
  white-space: nowrap;
  margin-right: 0.1rem;
  padding: 0.1rem 0;
}
main.case3 .case3Form .formIssue textarea, main.case3 .case3Form .formRemark textarea {
  width: 100%;
  height: 1.5rem;
  min-height: 80px;
  border: none;
  background-color: #f0f4f6;
  line-height: 1.6;
  padding: 0.1rem;
}
main.case3 .case3Form .formButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.case3 .case3Form .formButtons .title {
  color: transparent;
  line-height: 1.6;
  margin-right: 0.1rem;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
main.case3 .case3Form .formButtons .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.case3 .case3Form .formButtons .button {
  color: #fff;
  line-height: 1.2;
  height: 0.5rem;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.72rem;
  border: none;
  cursor: pointer;
}
main.case3 .case3Form .formButtons .button.submit {
  background-color: #1475cf;
  margin-right: 0.1rem;
}
main.case3 .case3Form .formButtons .button.reset {
  background-color: #999;
}
@media (max-width: 450px) {
  main.case3 .case3Form {
    padding: 20px 24px;
  }
  main.case3 .case3Form .formPord, main.case3 .case3Form .formNum, main.case3 .case3Form .formPost, main.case3 .case3Form .formName, main.case3 .case3Form .formPhone, main.case3 .case3Form .formEmail, main.case3 .case3Form .formDate, main.case3 .case3Form .formIssue, main.case3 .case3Form .formRemark {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.case3 .case3Form .formPord .title, main.case3 .case3Form .formNum .title, main.case3 .case3Form .formPost .title, main.case3 .case3Form .formName .title, main.case3 .case3Form .formPhone .title, main.case3 .case3Form .formEmail .title, main.case3 .case3Form .formDate .title, main.case3 .case3Form .formIssue .title, main.case3 .case3Form .formRemark .title {
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0.1rem;
  }
  main.case3 .case3Form .formButtons .title {
    display: none;
  }
}

/* 产品详情 */
main.prod4 {
  width: 100%;
}
main.prod4 .prod4Content {
  width: 100%;
  padding-bottom: 0.8rem;
}
main.prod4 .prod4Content .prod4ContentHeader {
  width: 100%;
  margin-bottom: 0.6rem;
}
main.prod4 .prod4Content .prod4ContentHeader .container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft {
  width: 50%;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4Layout {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid 0.02rem #eee;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .infoImg {
  width: 100%;
  background-color: #fff;
  padding-top: 100%;
  position: relative;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .infoImg img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 3;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev:hover, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev:hover .icon .normal, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev:hover .icon .hover, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev .icon, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev .icon .normal, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev .icon .hover, main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft .prod4InfoSwiper .prod4InfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight {
  width: 50%;
  padding: 0.8rem;
  padding-right: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Title {
  width: 100%;
  color: #111;
  font-weight: 700;
  line-height: 1.2;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Sign {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.18rem 0 0.28rem;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Sign:before {
  content: "";
  width: 4.8387096774%;
  height: 0.04rem;
  min-height: 4px;
  display: block;
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Sign:after {
  content: "";
  width: 95.1612903226%;
  height: 0.02rem;
  min-height: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eee;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Guide {
  width: 100%;
  color: #333;
  line-height: 1.7;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Guide p {
  color: #333;
  line-height: 1.7;
  word-break: break-all;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.2rem 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #f0f4f6;
  display: block;
  margin: 0.05rem;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link:last-child {
  margin-right: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link:first-child {
  margin-left: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link:hover {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link:hover .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link:hover .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link .linkIcon {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link .normal {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Links .link .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Return:hover .returnText {
  color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Return .returnText {
  color: #333;
  line-height: 1.4;
  margin-right: 0.1rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Return .returnIcon {
  width: 0.16rem;
  min-width: 14px;
  height: 0.16rem;
  min-height: 14px;
}
main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight .prod4Buttons .prod4Return .returnIcon .icon {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentHeader .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
@media (max-width: 750px) {
  main.prod4 .prod4Content .prod4ContentHeader .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main.prod4 .prod4Content .prod4ContentHeader .prod4ContentLeft {
    width: 100%;
  }
  main.prod4 .prod4Content .prod4ContentHeader .prod4ContentRight {
    width: 100%;
    padding: 20px 0;
  }
}
main.prod4 .prod4Content .prod4ContentMain {
  width: 100%;
  margin-bottom: 0.6rem;
}
main.prod4 .prod4Content .prod4ContentMain .container {
  width: 14rem;
  margin: 0 auto;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Title {
  width: 100%;
  padding: 0.2rem;
  background-color: #f0f4f6;
  border-top: 0.02rem solid #1475cf;
  border-bottom: 0.02rem solid transparent;
  margin-bottom: 0.3rem;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Title .title {
  color: #1475cf;
  line-height: 1.4;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoTitle .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.1rem;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoTitle .icon:before {
  content: "";
  width: 0.1rem;
  height: 0.2rem;
  min-width: 10px;
  min-height: 20px;
  margin-right: 0.01rem;
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoTitle .icon:after {
  content: "";
  width: 0.05rem;
  min-width: 5px;
  height: 0.2rem;
  min-height: 20px;
  background-color: #1475cf;
  opacity: 0.5;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoTitle .text {
  color: #1475cf;
  line-height: 1.5;
  font-weight: 700;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent {
  width: 100%;
  color: #333;
  line-height: 1.7;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent p {
  color: #333;
  line-height: 1.7;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.2rem;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button:hover {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button:hover .text {
  color: #fff;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button:hover .icon .i {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button:hover .icon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button:hover .icon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button .text {
  color: #999;
  line-height: 1.2;
  margin-right: 0.4rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button .icon {
  width: 0.12rem;
  height: 0.12rem;
  min-width: 10px;
  min-height: 10px;
  position: relative;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button .icon .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button .icon .normal {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent .infoButton .button .icon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table th {
  color: #111;
  line-height: 1.6;
  text-align: left;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table td {
  color: #333;
  line-height: 1.6;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table th, main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table td {
  padding: 0.2rem;
}
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table,
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table td,
main.prod4 .prod4Content .prod4ContentMain .prod4Info .infoContent table th {
  border: 0.01rem solid #dddddd;
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentMain .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.prod4 .prod4Content .prod4ContentFooter {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentFooter .container {
  width: 14rem;
  margin: 0 auto;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case {
  width: 100%;
  margin-bottom: 0.6rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseTitle {
  width: 100%;
  padding: 0.2rem;
  background-color: #f0f4f6;
  border-top: 0.02rem solid #1475cf;
  border-bottom: 0.02rem solid transparent;
  margin-bottom: 0.3rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseTitle .title {
  color: #1475cf;
  line-height: 1.4;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem {
  width: 100%;
  position: relative;
  z-index: 3;
  display: block;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemIcon {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemIcon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemIcon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemDate {
  color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemTitle {
  color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem:hover .itemImg .img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemImg {
  width: 100%;
  overflow: hidden;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemImg .img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemText {
  width: 100%;
  padding: 0.15rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemDate {
  width: 100%;
  color: #333;
  line-height: 1.7;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  padding-right: 0.16rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemIcon .normal {
  opacity: 0.2;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .infoItem .itemIcon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 3;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev:hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev:hover .icon .normal, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev:hover .icon .hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev .icon, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev .icon .normal, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev .icon .hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.prod4 .prod4Content .prod4ContentFooter .prod4Case .caseInfoSwiper .caseInfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipTitle {
  width: 100%;
  padding: 0.2rem;
  background-color: #f0f4f6;
  border-top: 0.02rem solid #1475cf;
  border-bottom: 0.02rem solid transparent;
  margin-bottom: 0.3rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipTitle .title {
  color: #1475cf;
  line-height: 1.4;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper {
  width: 100%;
  position: relative;
  z-index: 3;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem {
  width: 100%;
  position: relative;
  z-index: 3;
  display: block;
  padding: 0.15rem;
  border: solid 0.02rem #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem:hover {
  border-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem:hover .prodIcon {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem:hover .prodIcon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem:hover .prodIcon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemImg {
  width: 100%;
  margin-bottom: 0.1rem;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemImg .img {
  width: 100%;
  padding-top: 100%;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemText {
  width: 100%;
  color: #333;
  line-height: 1.4;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #f0f4f6;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemIcon .icon {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemIcon .normal {
  opacity: 0.2;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .infoItem .itemIcon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons {
  width: 100%;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 32px;
  min-height: 32px;
  position: absolute;
  z-index: 3;
  background-color: #f0f4f6;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev:hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext:hover {
  background-color: #1475cf;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev:hover .icon .normal, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext:hover .icon .normal {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev:hover .icon .hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext:hover .icon .hover {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev .icon, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev .icon .normal, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext .icon .normal {
  opacity: 1;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev .icon .hover, main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext .icon .hover {
  opacity: 0;
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoPrev {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  main.prod4 .prod4Content .prod4ContentFooter .prod4Ship .shipInfoSwiper .shipInfoButtons .infoNext {
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
@media (max-width: 1200px) {
  main.prod4 .prod4Content .prod4ContentFooter .container {
    width: 100%;
    padding: 0 0.3rem;
  }
}
main.prod4 .Crumbs {
  border-color: transparent;
}

.prodNavs .mCSB_inside > .mCSB_container{
  margin-right: 0;
}