@font-face {
  font-family: DINCondensedC;
  src: url(../fonts/ regular.ttf);
}

html {
  scroll-padding-top: 0.260417rem
    /* 50/192 */
  ;
}

.w1400 {
  /* width: 7.291667rem */
    /* 1400/192 */
  ;
  margin: 0 auto;
}

body {
  font-family: Microsoft YaHei;
}

.noPDBtm {
  padding-bottom: 0 !important;
}

.bottomnavi {
  display: none;
}

.mobile-nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
}

.mobile-nav ul {
  position: absolute;
  width: 90%;
  text-align: center;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  font-size: 1px;
}

.mobile-nav ul li {
  text-align: center;
  margin: 20px;
}

.mobile-nav ul li a {
  color: #fff;
  font-size: 24px;
}

.mobile-nav ul .second-navi {
  height: 0;
  overflow: hidden;
  margin: -10px;
  transition: all 0.5s;
}

.mobile-nav ul .second-navi a {
  padding: 6px;
  display: block;
  font-size: 16px;
  color: white;
  opacity: 0.8;
}

.mobile-nav ul .second-show {
  height: auto;
  margin: 0;
}

aside {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}

aside div {
  border-radius: 50%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 0.041667rem
    /* 8/192 */
    0.125rem
    /* 24/192 */
  ;
  width: 0.260417rem
    /* 50/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  background-color: #fff;
  transition: all 0.3s;
  margin-bottom: 0.052083rem
    /* 10/192 */
  ;
  position: relative;
}

aside div .btn {
  width: 40%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

aside div .left {
  position: absolute;
  top: 50%;
  left: -0.078125rem
    /* 15/192 */
  ;
  transform: translate(-100%, -50%);
  width: .83125rem
    /* 102/192 */
  ;
  height: .83125rem
    /* 102/192 */
  ;
  border: 0.03125rem
    /* 6/192 */
    solid #0B5DC3;
  border-radius: 0.0625rem
    /* 12/192 */
  ;
  display: none;
}

aside div .left img {
  width: 100%;
  height: 100%;
}

aside div:last-of-type .left::after {
  content: "扫码咨询";
  color: #0B5DC3;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.136458rem
    /* 7/192 */
  ;
  width: 100%;
  text-align: center;
}

aside div .phone {
  display: block;
  position: absolute;
  top: 50%;
  left: -0.078125rem
    /* 15/192 */
  ;
  transform: translate(-100%, -50%);
  width: auto;
  height: auto;
  background-color: #0B5DC3;
  padding: 0.0625rem
    /* 12/192 */
  ;
  border-radius: 0.0625rem
    /* 12/192 */
  ;
  color: white;
  display: none;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

aside div:hover {
  background-color: #0B5DC3;
}

aside div:hover .btn {
  filter: brightness(100);
}


header .logo {
  float: left;
  width: 0.755208rem
    /* 145/192 */
  ;
  height: 0.197917rem
    /* 38/192 */
  ;
  margin-top: 0.046875rem
    /* 9/192 */
  ;
  transition: all 0.3s;
}
header .pinpai {
  float: left;
  width: auto;
  height: 0.197917rem;
    /* 145/192 */
  ;
  line-height: 0.197917rem
    /* 38/192 */
  ;
  transition: all 0.3s;
  font-size:0.1rem;
  font-weight:bold;
}


header .xsmenu {
  display: none;
}

header .w1400>ul {
  float: right;
  display: flex;
  justify-content: space-between;
  font-size: 1px;
}

header .w1400>ul>li {
  position: relative;
}

header .w1400>ul>li:hover>a p,
header .w1400>ul>li .on>a p {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #0B5DC3;
}

header .w1400>ul>li:hover>a p img,
header .w1400>ul>li .on>a p img {
  opacity: 0;
  width: 0;
  margin: 0;
}

header .w1400>ul>li:hover>a span,
header .w1400>ul>li .on>a span {
  width: 0.15625rem
    /* 30/192 */
  ;
}

header .w1400>ul>li>a {
  height: 0.276042rem
    /* 53/192 */
  ;
}

header .w1400>ul>li>a p {
  line-height: 0.265625rem
    /* 51/192 */
  ;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  color: rgba(0, 0, 0, 0.781);
  transition: all 0.3s;
  padding: 0 0.119792rem
    /* 23/192 */
  ;
}

header .w1400>ul>li>a p img {
  width: 0.041667rem
    /* 8/192 */
  ;
  height: 0.026042rem
    /* 5/192 */
  ;
  opacity: 1;
  transition: all 0.3s;
  margin-left: 0.03125rem
    /* 6/192 */
  ;
  display: inline-block;
  vertical-align: middle;
}

header .w1400>ul>li>a span {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0.010417rem
    /* 2/192 */
  ;
  transition: all 0.3s;
  min-height: 1px;
  background: #0B5DC3;
}

header .w1400>ul>li>ul {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: auto;
  display: none;
  background-color: #fff;
  opacity:0.95;
}

header .w1400>ul>li>ul li a {
  line-height: 0.265625rem
    /* 51/192 */
  ;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  color: rgba(0, 0, 0, 0.781);
  transition: all 0.3s;
  padding: 0 0.119792rem
    /* 23/192 */
  ;
  background-color: rgba(13, 97, 216, 0.2);
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
}

header .w1400>ul>li>ul li a:hover {
  background-color: #0B5DC3;
  color: white;
}

header .w1400>ul .phone {
  display: flex;
  align-items: center;
  line-height: 0.265625rem
    /* 51/192 */
  ;
}

header .w1400>ul .phone img {
  width: 0.083333rem
    /* 16/192 */
  ;
  height: auto;
  display: inline-block;
  transition: all 0.3s;
  margin-right: 0.020833rem
    /* 4/192 */
  ;
}

header .w1400>ul .phone h5 {
  display: inline-block;
  line-height: 0.265625rem
    /* 51/192 */
  ;
  display: none;
  transition: all 0.3s;
}

.headeron {
  background-color: #0B5DC3;
}

.headeron .logo {
  filter: brightness(100);
}

.headeron .w1400>ul>li>a p {
  color: white;
}

.headeron .w1400>ul>li>a p img {
  filter: brightness(50);
}

.headeron .w1400>ul>li:hover>a p {
  color: white;
}

.headeron .w1400>ul>.phone img {
  filter: brightness(100);
}

.headeron .w1400>ul>.phone h5 {
  color: white;
}

.id-bigtitle {
  text-align: center;
}

.id-bigtitle h1 {
  position: relative;
  line-height: 1;
  color: #00000009;
  font-size: 0.375rem
    /* 72/192 */
  ;
  font-weight: 600;
}

.id-bigtitle h1 i {
  line-height: 1;
  position: absolute;
  bottom: -0.057292rem
    /* 11/192 */
  ;
  color: #000000;
  font-size: 0.1875rem
    /* 36/192 */
  ;
  width: 100%;
  left: 0;
}

.id-bigtitle span {
  display: block;
  margin: 0 auto;
  margin-top: 0.208333rem
    /* 40/192 */
  ;
  width: 0.359375rem
    /* 69/192 */
  ;
  height: 0.015625rem
    /* 3/192 */
  ;
  min-height: 1px;
  background-color: #0B5DC3;
}
.nobanner {
  position: relative;
  width: 100%;
  height: 0.35rem
    /* 192 */
  ;
  background-size: cover;
  background-position: center;
}

.id-banner {
  position: relative;
  width: 100%;
  height: 4rem
    /* 909/192 */
  ;
  background-size: cover;
  background-position: center;
}

.id-banner .outer {
  width: 100%;
  height: 4rem
    /* 909/192 */
  ;
}

.id-banner2 {
  height: 0;
  background-image: none;
}

.id-banner .w1400 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem
    /* 909/192 */
  ;
  padding-bottom: 0.375rem
    /* 72/192 */
  ;
}

.id-banner2,
.id-banner2 .w1400 {
  height: 0;
  padding: 0;
  z-index: 9;
}

.id-banner .w1400 .left {
  text-align: left;
}

.id-banner .w1400 .left h2 {
  font-size: 0.1875rem
    /* 36/192 */
  ;
  line-height: 1;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
  color: #0B5DC3;
}

.id-banner .w1400 .left h1 {
  font-size: 0.3125rem
    /* 60/192 */
  ;
  font-weight: 600;
  color: #0B5DC3;
  margin-bottom: 0.197917rem
    /* 38/192 */
  ;
  line-height: 1;
}

.id-banner .w1400 .left h3 {
  font-size: 0.125rem
    /* 24/192 */
  ;
  line-height: 1;
  color: rgba(0, 0, 0, 0.397);
  margin-bottom: 0.25rem
    /* 48/192 */
  ;
}

.id-banner .w1400 .left ul {
  display: flex;
  width: 2.90625rem
    /* 558/192 */
  ;
  flex-wrap: wrap;
  font-size: 1px;
}

.id-banner .w1400 .left ul li {
  width: 50%;
  color: rgba(0, 0, 0, 0.411);
  font-size: 0.09375rem
    /* 18/192 */
  ;
  margin-top: 0.177083rem
    /* 34/192 */
  ;
}

.id-banner .w1400 .left ul li img {
  height: 0.083333rem
    /* 16/192 */
  ;
  width: auto;
  max-width: 0.104167rem
    /* 20/192 */
  ;
  margin-right: 0.078125rem
    /* 15/192 */
  ;
  display: inline-block;
  vertical-align: middle;
}

.id-banner .w1400 .right {
  width: 2.552083rem
    /* 490/192 */
  ;
  height: 2.75rem
    /* 528/192 */
  ;
}

.id-banner .w1400 .bottom {
  width: 100%;
  height: 1rem;
  position: absolute;
  bottom: -1rem;
  left: 0;
  z-index: 9;
  background-color: #fff;
  box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.164);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.id-banner .w1400 .bottom li {
  width: 100%;
  position: relative;
}

.id-banner .w1400 .bottom li:hover img {
  margin-bottom: 0.260417rem
    /* 50/192 */
  ;
}

.id-banner .w1400 .bottom li img {
  margin: 0 auto;
  height: 0.364583rem
    /* 70/192 */
  ;
  width: auto;
  margin-bottom: 0.177083rem
    /* 34/192 */
  ;
  transition: all 0.3s;
}

.id-banner .w1400 .bottom li .second {
  display: none;
}

.id-banner .w1400 .bottom li p {
  text-align: center;
  line-height: 1;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: rgba(0, 0, 0, 0.829);
}

.id-banner .w1400 .bottom li:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 0.348958rem
    /* 67/192 */
  ;
  background: #000000;
  opacity: 0.1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.id-banner .w1400 .bottom li:last-child:after {
  opacity: 0;
}

.id-sec1 {
  padding-top: 1.2rem
    /* 113/192 */
  ;
  position: relative;
}

.id-sec1 .mySwiper1 .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.id-sec1 .mySwiper1 .swiper-slide .left {
  width: 2.885417rem
    /* 554/192 */
  ;
  padding-top: 0.395833rem
    /* 76/192 */
  ;
}


.id-sec1 .mySwiper1 .swiper-slide .left h1 {
  position: relative;
  font-size: 0.375rem
    /* 72/192 */
  ;
  font-weight: 600;
  color: #00000009;
  line-height: 1;
  margin-bottom: 0.208333rem
    /* 40/192 */
  ;
}

.id-sec1 .mySwiper1 .swiper-slide .left h1 i {
  text-decoration: none;
  line-height: 1;
  position: absolute;
  left: 0;
  bottom: -0.0625rem
    /* 12/192 */
  ;
  font-size: 0.1875rem
    /* 36/192 */
  ;
  color: black;
}

.id-sec1 .mySwiper1 .swiper-slide .left span {
  width: 0.359375rem
    /* 69/192 */
  ;
  height: 0.015625rem
    /* 3/192 */
  ;
  min-height: 1px;
  display: block;
  background: #0B5DC3;
  margin-bottom: 0.46875rem
    /* 90/192 */
  ;
}

.id-sec1 .mySwiper1 .swiper-slide .left p {
  font-size: 0.125rem
    /* 18/192 */
  ;
  line-height: 2;
  color: #000000c2;
  margin-bottom: 0.325833rem
    /* 0.645833rem，124/192 */
  ;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;

}

.id-sec1 .mySwiper1 .swiper-slide .left a {
  display: block;
  width: 0.78125rem
    /* 150/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
  text-align: center;
  color: white;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  border-radius: 4px;
  background: linear-gradient(to right, #1973f2 0%, #0d60d7 100%);
}

.id-sec1 .mySwiper1 .swiper-slide .right {
  width: 3.786458rem
    /* 727/192 */
  ;
  height: 3.640625rem
    /* 699/192 */
  ;
}

.id-sec1 .swiper-pagination {
  text-align:center;
  height: 0.083333rem
    /* 16/192 */
  ;
  line-height: 0.083333rem
    /* 16/192 */
  ;
  font-size: 1px;
  bottom: 0.090833rem
    /* 0.270833rem,52/192 */
     !important;
}

.id-sec1 .swiper-pagination .my-bullet {
  display: inline-block;
  width: 0.083333rem
    /* 16/192 */
  ;
  height: 0.083333rem
    /* 16/192 */
  ;
  border-radius: 50%;
  background: #0E61D9;
  opacity: 0.1;
  margin-right: 0.083333rem
    /* 16/192 */
  ;
}

.id-sec1 .swiper-pagination .my-bullet-active {
  opacity: 1;
}

.id-sec1 .swiper-pagination .my-bullet-near {
  opacity: 0.2;
}

.id-sec1 .swiper-pagination .my-bullet-nearest {
  opacity: 0.6;
}

.id-sec2 {
  padding-top: 0.4114585rem
    /* 0.822917rem，158/192 */
  ;
}

.id-sec2 h3 {
  margin-top: 0.0625rem
    /*0.125rem， 24/192 */
  ;
  color: #0000008e;
  text-align: center;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.15625rem
    /* 0.3125rem，60/192 */
  ;
}

.id-sec3 h3 {
  margin-top: 0.0625rem
    /*0.125rem， 24/192 */
  ;
  color: #0000008e;
  text-align: center;
  font-size: 18px;
    /* 0.125rem，24/192 */
  ;
  margin-bottom: 0.15625rem
    /*0.3125rem， 60/192 */
  ;
}
.id-sec4 h3 {
  margin-top: 0.0625rem
    /*0.125rem， 24/192 */
  ;
  color: #0000008e;
  text-align: center;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.15625rem
    /* 0.3125rem，60/192 */
  ;
}
.id-sec2 .menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.116);
}

.id-sec2 .menu .switch {
  float: left;
  display: block;
  padding: 0 0.177083rem
    /* 34/192 */
  ;
  background-color: #fff;
  color: #000000b7;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  border-radius: 4px;
  height: 0.260417rem
    /* 50/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
  transition: all 0.3s;
}

.id-sec2 .menu .on {
  color: white;
  background-color: #0B5DC3;
  padding: 0 0.3125rem
    /* 60/192 */
  ;
}

.id-topper {
  width: 100%;
  height: 0.177083rem
    /* 34/192 */
  ;
}

.id-topper .more {
  float: right;
  display: block;
  color: #000000b7;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
}

.id-topper .more:hover img {
  filter: none;
}

.id-topper .more img {
  display: inline-block;
  width: 0.104167rem
    /* 20/192 */
  ;
  height: auto;
  vertical-align: middle;
  margin-left: 0.026042rem
    /* 5/192 */
  ;
  filter: grayscale(1);
}

.id-sec2 .displaywrap {
  display: none;
}

.id-sec2 .displaywrap .display {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.id-sec2 .displaywrap .display li {
  width: 1.71875rem
    /* 330/192 */
  ;
  padding-top: 0.286458rem
    /* 55/192 */
  ;
  padding-bottom: 0.177083rem
    /* 34/192 */
  ;
  margin-right: .135417rem
    /* 26/192 */
  ;
  margin-top: 0.208333rem
    /* 40/192 */
  ;
  transition: all 0.3s;
  box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.164);
  border-radius: 0.052083rem
    /* 10/192 */
  ;
}

.id-sec2 .displaywrap .display li:nth-of-type(4n) {
  margin-right: 0;
}

.id-sec2 .displaywrap .display li:hover {
  margin-top: 0.15625rem
    /* 30/192 */
  ;
}

.id-sec2 .displaywrap .display li img {
  width: auto;
  height: auto;
  max-width: 0.651042rem
    /* 125/192 */
  ;
  margin: 0 auto;
  margin-bottom: 0.322917rem
    /* 62/192 */
  ;
}

.id-sec2 .displaywrap .display li h5 {
  text-align: center;
  line-height: 1;
  color: black;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.114583rem
    /* 22/192 */
  ;
}

.id-sec2 .displaywrap .display li p {
  text-align: center;
  line-height: 1;
  color: rgba(0, 0, 0, 0.582);
  font-size: 0.09375rem
    /* 18/192 */
  ;
  width: 1.458333rem
    /* 280/192 */
  ;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 auto;
}

.id-sec3 {
  padding-top: 0.4375rem
    /* 0.875rem，168/192 */
  ;
}

.id-sec3>a {
  display: block;
  margin: 0 auto;
  width: 0.78125rem
    /* 150/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
  text-align: center;
  color: white;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  border-radius: 6px;
  background: linear-gradient(to right, #1973f2 0%, #0d60d7 100%);
  margin-top: 0.354167rem
    /* 68/192 */
  ;
}

.id-sec3 ul {
  margin-top: 0.166667rem
    /* 32/192 */
  ;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.id-sec3 ul li {
  width: 1.71875rem
    /* 330/192 */
  ;
  text-align: center;
  margin-top: 0.354167rem
    /* 68/192 */
  ;
  transition: all 0.3s;
  margin-right: .135417rem
    /* 26/192 */
  ;
}

.id-sec3 ul li:nth-of-type(4n) {
  margin-right: 0;
}

.id-sec3 ul li a {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.id-sec3 ul li .hover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  color: white;
  background-color: #0B5DC3;
  border-radius: 4px;
  transition: all 0.3s;
}

.id-sec3 ul li .hover h5 {
  margin-top: 0.177083rem
    /* 34/192 */
  ;
  margin-bottom: 0.166667rem
    /* 32/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  text-align: center;
}

.id-sec3 ul li .hover p {
  line-height: 2;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  margin: 0 0.15625rem
    /* 30/192 */
  ;
  width: auto;
  padding: 0;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 0.28125rem
    /* 54/192 */
  ;
  text-align: left;
}

.id-sec3 ul li:hover .hover {
  top: 0;
}

.id-sec3 ul li img {
  width: 1.71875rem
    /* 330/192 */
  ;
  height: 1.25rem
    /* 240/192 */
  ;
  border-radius: 0.0625rem
    /* 12/192 */
  ;
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.164);
}

.id-sec3 ul li p {
  margin-top: 0.125rem
    /* 24/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  color: black;
  line-height: 1;
}

.id-sec4 {
  padding-top: 0.4479165rem
    /* 0.895833rem，172/192 */
  ;
}

.id-sec4 .wrap {
  margin-top: 0.250833rem
    /* 0.520833rem，100/192 */
  ;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.id-sec4 .wrap ul {
  width: 2rem
    /* 384/192 */
  ;
  font-size: 1px;
}

.id-sec4 .wrap ul li {
  width: 100%;
  height: 1rem
    /* 192/192 */
  ;
}

.id-sec4 .wrap ul li img {
  width: 0.166667rem
    /* 32/192 */
  ;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.104167rem
    /* 20/192 */
  ;
}

.id-sec4 .wrap ul li span {
  font-size: 0.125rem
    /* 24/192 */
  ;
  display: inline-block;
  color: #0B5DC3;
  line-height: 0.166667rem
    /* 32/192 */
  ;
}

.id-sec4 .wrap ul li p {
  margin-top: 0.0625rem
    /* 12/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #0000008c;
  line-height: 2;
}

.id-sec4 .wrap .middle {
  width: 1.723958rem
    /* 331/192 */
  ;
  height: 3.515625rem
    /* 675/192 */
  ;
}

.id-sec5 {
  padding-top: 0.46875rem
    /*0.9375rem， 180/192 */
  ;
  padding-bottom: 0.2135415rem
    /* 0.427083rem，82/192 */
  ;
}

.id-sec5 h3 {
  margin-top: 0.0625rem
    /* 0.125rem，24/192 */
  ;
  color: #0000008e;
  text-align: center;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.2604165rem
    /* 0.520833rem，100/192 */
  ;
}

.id-sec5 .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: 1px;
}

.id-sec5 .wrap .module {
  width: 100%;
    /*3.5625rem 684/192 */
  ;
  border-radius: 0.052083rem
    /* 10/192 */
  ;
  overflow: hidden;
}

.id-sec5 .wrap .module .top {
  display: flex;
  padding: 0 0.28125rem
    /* 54/192 */
  ;
  line-height: 0.5rem
    /* 96/192 */
  ;
  height: 0.5rem
    /* 96/192 */
  ;
  background: #0B5DC3;
  color: white;
  font-size: 0.15625rem
    /* 30/192 */
  ;
  justify-content: space-between;
  align-items: center;
}

.id-sec5 .wrap .module .top a {
  margin-right: 0.026042rem
    /* 5/192 */
  ;
  transition: all 0.3s;
  line-height: 0.5rem
    /* 96/192 */
  ;
  padding-left: 0.104167rem
    /* 20/192 */
  ;
}

.id-sec5 .wrap .module .top a:hover {
  margin-right: 0;
}

.id-sec5 .wrap .module .top a img {
  width: 0.0625rem
    /* 12/192 */
  ;
  height: 0.114583rem
    /* 22/192 */
  ;
}

.id-sec5 .wrap .module ul {
  width: 100%;
  padding: 0.09375rem
    /* 18/192 */
    0.28125rem
    /* 54/192 */
  ;
  padding-top: 0;
  background: #F7F8FA;
}

.id-sec5 .wrap .module ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.041);
  padding-top:0.09375rem 
    /*0.1875rem 36/192 */
  ;
  padding-bottom: 0.109375rem
    /* 0.21875rem42/192 */
  ;
}

.id-sec5 .wrap .module ul li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.id-sec5 .wrap .module ul li a h5 {
  width: 100%;
  color: black;
  font-size: 0.125rem
    /* 24/192 */
  ;
  line-height: 1;
  margin-bottom: 0.0625rem
    /* 12/192 */
  ;
  transition: all 0.3s;
}

.id-sec5 .wrap .module ul li a p {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  width: 100%;
  color: #0000008a;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.078125rem
    /* 0.15625rem，30/192 */
  ;
}

.id-sec5 .wrap .module ul li a span {
  font-size: 0.072917rem
    /* 14/192 */
  ;
  color: #00000098;
}

.id-sec5 .wrap .module ul li a i {
  font-size: 0.072917rem
    /* 14/192 */
  ;
  color: #00000098;
  transition: all 0.3s;
}

.id-sec5 .wrap .module ul li a i img {
  display: inline-block;
  vertical-align: middle;
  width: 0.0625rem
    /* 12/192 */
  ;
  height: 0.052083rem
    /* 10/192 */
  ;
  filter: grayscale(1);
}

.id-sec5 .wrap .module ul li:first-of-type a h5,
.id-sec5 .wrap .module ul li:hover a h5 {
  color: #0B5DC3;
}

.id-sec5 .wrap .module ul li:first-of-type a h5:before,
.id-sec5 .wrap .module ul li:hover a h5:before {
  content: "";
  display: inline-block;
  width: 0.057292rem
    /* 11/192 */
  ;
  height: 0.057292rem
    /* 11/192 */
  ;
  vertical-align: middle;
  background: #0B5DC3;
  margin-right: 0.0625rem
    /* 12/192 */
  ;
  border-radius: 50%;
}

.id-sec5 .wrap .module ul li:first-of-type a i,
.id-sec5 .wrap .module ul li:hover a i {
  color: #0B5DC3;
}

.id-sec5 .wrap .module ul li:first-of-type a i img,
.id-sec5 .wrap .module ul li:hover a i img {
  filter: none;
}

footer {
  background-color: #0B5DC3;
  font-size: 1px;
}

footer .center {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  color: white;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  padding-top: 0.1125rem;
  padding-bottom: 0.2125rem;
}

footer .center li a {
  color: white;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  padding-bottom: 0.072917rem
    /* 14/192 */
  ;
  padding-left: 0.102917rem;
  text-align: center;
  display: inline-block;
}

footer .center li a:hover {
  opacity: 0.6;

}

footer .top {
  padding-top: 0.3125rem
    /* 60/192 */
  ;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

footer .top .left {
  display: flex;
  flex: none;
}

footer .top .left .innerleft {
  margin-right: 0.114583rem
    /* 22/192 */
  ;
  flex: none;
}

footer .top .left .innerleft img {
  width: 0.53125rem
    /* 102/192 */
  ;
  height: 0.53125rem
    /* 102/192 */
  ;
  margin-bottom: 0.052083rem
    /* 10/192 */
  ;
}

footer .top .left .innerleft p {
  text-align: center;
  color: white;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

footer .top .left .innerright {
  width: 1.145833rem
    /* 220/192 */
  ;
}

footer .top .left .innerright .wrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.052083rem
    /* 10/192 */
  ;
}

footer .top .left .innerright .wrap img {
  width: 0.0625rem
    /* 12/192 */
  ;
  height: auto;
  margin-right: 0.041667rem
    /* 8/192 */
  ;
  margin-top: 0.041667rem
    /* 8/192 */
  ;
}

footer .top .left .innerright .wrap p {
  line-height: 2.2;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  color: white;
}

footer .top .split {
  display: block;
  width: 1px;
  height: 1.03125rem
    /* 198/192 */
  ;
  background-color: white;
}

footer .top dl {
  text-align: center;
  color: white;
}

footer .top dl dt {
  margin-bottom: 0.125rem
    /* 24/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

footer .top dl dd {
  margin-bottom: 0.104167rem
    /* 20/192 */
  ;
}

footer .top dl dd a {
  color: white;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  transition: all 0.3s;
}

footer .top dl dd a:hover {
  opacity: 0.6;
}

footer .bottom {
  text-align: center;
  color: white;
  width: 75%;
  height: 0.390625rem
    /* 75/192 */
  ;
  line-height: 0.390625rem
    /* 75/192 */
  ;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  border-top: 1px solid white;
  margin: 0 auto;
}

footer .bottom a {
  color: white;
}

footer .bottom a img {
  display: inline;
  width: .09375rem
    /* 18/192 */
  ;
  height: auto;
  margin-right: .010417rem
    /* 2/192 */
  ;
  vertical-align: middle;
  margin-left: .052083rem
    /* 10/192 */
  ;
}

.breadcrumb {
  color: #000000bb;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

.breadcrumb img {
  width: 0.104167rem
    /* 20/192 */
  ;
  vertical-align: middle;
  margin-right: 0.036458rem
    /* 7/192 */
  ;
  display: inline;
}

.breadcrumb a {
  color: #000000bb;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

.pdtop {
  padding-top: 0.802083rem
    /* 154/192 */
  ;
}

.pd-sec1 {
  margin-top: 0.177083rem
    /* 34/192 */
  ;
}

.pd-sec1 .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.260417rem
    /* 50/192 */
  ;
}

.pd-sec1 .top .mySwiper1 {
  width: 2.75rem
    /* 528/192 */
  ;
  height: 1.505208rem
    /* 289/192 */
  ;
  margin-left: 0;
  background: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.052083rem
    /* 10/192 */
  ;
}

.pd-sec1 .top .mySwiper1 .swiper-button-next:after,
.pd-sec1 .top .mySwiper1 .swiper-button-prev:after {
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: black;
}

.pd-sec1 .top .mySwiper1 .swiper-slide {
  position: relative;
}

.pd-sec1 .top .mySwiper1 .swiper-slide img {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pd-sec1 .top .right {
  width: 4.166667rem
    /* 800/192 */
  ;
}

.pd-sec1 .top .right h2 {
  font-size: 0.15625rem
    /* 30/192 */
  ;
  margin-bottom: 0.166667rem
    /* 32/192 */
  ;
}

.pd-sec1 .top .right p {
  line-height: 1.8;
  color: #00000091;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

.pd-sec1 .top .right .wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.270833rem
    /* 52/192 */
  ;
}

.pd-sec1 .top .right .wrap a {
  position: relative;
  display: inline-block;
  padding: 0 0.125rem
    /* 24/192 */
  ;
  line-height: 0.234375rem
    /* 45/192 */
  ;
  height: 0.234375rem
    /* 45/192 */
  ;
  border-radius: 0.020833rem
    /* 4/192 */
  ;
  color: white;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  margin-right: 0.088542rem
    /* 17/192 */
  ;
  background-color: #0B5DC3;
}

.pd-sec1 .top .right .wrap a span {
  font-size: 0.104167rem
    /* 20/192 */
  ;
  color: #0B5DC3;
  bottom: 0;
  left: 0%;
  display: block;
  position: absolute;
  transform: translate(0, 100%);
  width: auto;
  white-space: nowrap;
  display: none;
}

.pd-sec1 .top .right .wrap a:last-of-type {
  background-color: #0B5DC3;
}

.pd-sec1 .menu {
  display: flex;
  justify-content: space-between;
  background-color: #F2F2F2;
  margin-bottom: 0.260417rem
    /* 50/192 */
  ;
}

.pd-sec1 .menu li {
  flex: none;
  width: 2.416667rem
    /* 464/192 */
  ;
  height: 0.447917rem
    /* 86/192 */
  ;
  background-color: #F1F6FD;
  border-bottom: 0.015625rem
    /* 3/192 */
    solid transparent;
  transition: all 0.3s;
}

.pd-sec1 .menu li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #000000bd;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  transition: all 0.3s;
}

.pd-sec1 .menu li:hover,
.pd-sec1 .menu .on {
  border-bottom: 0.015625rem
    /* 3/192 */
    solid #0B5DC3;
}

.pd-sec1 .menu li:hover a,
.pd-sec1 .menu .on a {
  color: #0B5DC3;
}

.pd-sec1 .techwrap h4 {
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: rgba(0, 0, 0, 0.719);
  padding-left: 0.067708rem
    /* 13/192 */
  ;
  border-left: 0.03125rem
    /* 6/192 */
    solid #0B5DC3;
  margin-bottom: 0.270833rem
    /* 52/192 */
  ;
}

.pd-sec1 .techwrap #detail1 {
  margin-bottom: 0.3125rem
    /* 60/192 */
  ;
}

.pd-sec1 .techwrap #detail1 p {
  margin-left: 0.0625rem
    /* 12/192 */
  ;
  margin-right: 0.041667rem
    /* 8/192 */
  ;
  color: rgba(0, 0, 0, 0.568);
  font-size: 0.09375rem
    /* 18/192 */
  ;
  line-height: 1.8;
}

.pd-sec1 .techwrap #detail2 ul {
  width: 100%;
  font-size: 1px;
  padding-bottom: 0.291667rem
    /* 56/192 */
  ;
  border-bottom: 2px solid #F2F2F2;
  margin-bottom: 0.15625rem
    /* 30/192 */
  ;
}

.pd-sec1 .techwrap #detail2 ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.052083rem
    /* 10/192 */
    0;
  padding-left: 0.109375rem
    /* 21/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #000000c4;
}

.pd-sec1 .techwrap #detail2 ul li span {
  width: 1rem
    /* 192/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #000000c4;
}

.pd-sec1 .techwrap #detail2 ul li p {
  flex: 1;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #000000c4;
}

.pd-sec1 .techwrap #detail2 ul li:nth-child(2n-1) {
  background-color: #F1F6FD;
}

.pd-sec1 .techwrap #detail2 .last {
  padding-bottom: 0.145833rem
    /* 28/192 */
  ;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.pd-sec1 .techwrap #detail2 .last .pics {

  transition: all .3s;
  position: relative;
  width: 1.692708rem
    /* 325/192 */
  ;
  height: 1.244792rem
    /* 239/192 */
  ;
  overflow: hidden;
  margin-right: .166667rem
    /* 32/192 */
  ;
  margin-bottom: .166667rem
    /* 32/192 */
  ;
}

.pd-sec1 .techwrap #detail2 .last .pics:nth-of-type(4n) {
  margin-right: 0;
}

.pd-sec1 .techwrap #detail2 .last .pics img {
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.pd-sec1 .techwrap #detail2 .last .pics:hover img {
  transform: scale(1.05);

}

.pd-sec1 .techwrap #detail2 .last .pics p {
  color: white;
  font-size: .125rem
    /* 24/192 */
  ;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}

.pd-sec1 .techwrap #detail2 .accessories {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  font-size: 1px;
}

.pd-sec1 .techwrap #detail2 .accessories li {
  width: 1.69rem;
  margin-right: .177083rem
    /* 34/192 */
  ;
  margin-bottom: .177083rem
    /* 34/192 */
  ;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.0600);
  padding: 0;
  display: block;
  background-color: #fff !important;
}

.pd-sec1 .techwrap #detail2 .accessories li:nth-of-type(4n) {
  margin-right: 0;
}

.pd-sec1 .techwrap #detail2 .accessories li a {
  display: block;
  width: 100%;
  height: 100%;
}

.pd-sec1 .techwrap #detail2 .accessories li a:hover h5 {
  color: #0B5DC3;
}

.pd-sec1 .techwrap #detail2 .accessories li .top {
  width: 100%;
  height: 1.369792rem
    /* 263/192 */
  ;
  background: #FAFAFA;
  position: relative;
  margin-bottom: 0;
  padding: 0 8%;

}

.pd-sec1 .techwrap #detail2 .accessories li .top img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80%;
  margin: 0 auto;
}

.pd-sec1 .techwrap #detail2 .accessories li h5 {
  margin-top: .114583rem
    /* 22/192 */
  ;
  color: #000;
  font-size: .145833rem
    /* 28/192 */
  ;
  text-align: center;
  padding: 0 .052083rem
    /* 10/192 */
  ;
  transition: all .3s;
}

.pd-sec1 .techwrap #detail2 .accessories li p {
  text-align: center;
  margin-top: .09375rem
    /* 18/192 */
  ;
  font-size: .09375rem
    /* 18/192 */
  ;
  margin-bottom: .15625rem
    /* 30/192 */
  ;
  line-height: 1.5;
  padding: 0 .052083rem
    /* 10/192 */
  ;
}

.pd-sec1 .techwrap #detail1 .xq  h3 {
 /*  margin-top: 0.114583rem*/
    /* 22/192 */
  ;
  color: #000;
  font-size: 0.11rem
    /* 28/192 */
  ;
  text-align: left;
  padding: 0.052083rem
    /* 10/192 */
  ;
  transition: all .3s;
}

.pd-sec1 .techwrap #detail1 .xq p {
  text-align: left;
  /* margin-top: 0.09375rem*/
    /* 18/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
 /* margin-bottom: .15625rem*/
    /* 30/192 */
  ;
  line-height: 1.5;
  /*padding: 0.052083rem*/
    /* 10/192 */
  ;
}

.pd-sec1 .techwrap #detail2 .fj{
   padding-bottom: 0.114583rem;
}

.pd-sec1 .techwrap #detail2 .fj  h3 {
 /* margin-top: 0.114583rem*/
    /* 22/192 */
  ;
  color: #000;
  font-size: 0.11rem
    /* 28/192 */
  ;
  text-align: left;
  padding: 0.052083rem
    /* 10/192 */
  ;
  transition: all .3s;
}

.pd-sec1 .techwrap #detail2 .fj p {
  text-align: left;
  /*margin-top: 0.052083rem*/
    /* 18/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  /*margin-bottom: 0.052083rem*/
    /* 30/192 */
  ;
  line-height: 1.5;
  padding-left: 0.052083rem
    /* 10/192 */
  ;
}


.pd-sec1 .techwrap .tags {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  padding-top: 0.167777rem;
  padding-bottom: 0.167777rem
    /* 32/192 */
  ;
  border-bottom: 2px solid #F2F2F2;
  margin-bottom: 0.167777rem
    /* 32/192 */
  ;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pd-sec1 .techwrap .tags h3 {
  letter-spacing: 0.010417rem
    /* 2/192 */
  ;
  font-weight: 600;
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #0B5DC3;
  display: inline-block;
  line-height: 0.15625rem
    /* 30/192 */
  ;
  margin-right: 0.15625rem
    /* 30/192 */
  ;
}

.pd-sec1 .techwrap .tags .wrap {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: auto;
  display: flex;
  justify-content: flex-start;
}

.pd-sec1 .techwrap .tags .wrap a {
  flex: none;
  display: inline-block;
  height: 0.15625rem
    /* 30/192 */
  ;
  line-height: 0.15625rem
    /* 30/192 */
  ;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.178);
  border-radius: 0.020833rem
    /* 4/192 */
  ;
  width: 0.694792rem
    /* 95/192 */
  ;
  transition: all 0.3s;
  margin-right: 0.03125rem
    /* 6/192 */
  ;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  color: #000000bd;
}

.pd-sec1 .techwrap .tags .wrap a:hover {
  color: white;
  background: #0B5DC3;
}

.pd-sec1 .techwrap .tags .wrap a:last-child {
  margin-right: 0;
}

.pd-sec1 .techwrap #detail3 {
  padding-bottom: 0.239583rem
    /* 46/192 */
  ;
}

.pd-sec1 .techwrap #detail3 ul {
  display: flex;
  justify-content: flex-start;
  font-size: 1px;
  flex-wrap: wrap;
}

.pd-sec1 .techwrap #detail3 ul li {
  width: 1.71875rem
    /* 330/192 */
  ;
  border-radius: 0.03125rem
    /* 6/192 */
  ;
  background-color: #fff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-right: .135417rem
    /* 26/192 */
  ;
}

.pd-sec1 .techwrap #detail3 ul li:nth-of-type(4n) {
  margin-right: 0;
}

.pd-sec1 .techwrap #detail3 ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.pd-sec1 .techwrap #detail3 ul li a .top {
  width: 100%;
  height: 1.078125rem
    /* 207/192 */
  ;
  position: relative;
  background-color: #fff;
  border-radius: 0.03125rem
    /* 6/192 */
  ;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
}

.pd-sec1 .techwrap #detail3 ul li a .top img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pd-sec1 .techwrap #detail3 ul li a .bottom {
  padding: 0.09375rem
    /* 18/192 */
    0.0625rem
    /* 12/192 */
  ;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pd-sec1 .techwrap #detail3 ul li a .bottom p {
  transition: all 0.3s;
  color: #000000be;
  font-size: 0.104167rem
    /* 20/192 */
  ;
}

.pd-sec1 .techwrap #detail3 ul li a .bottom div {
  width: 0.161458rem
    /* 31/192 */
  ;
  height: 0.161458rem
    /* 31/192 */
  ;
  border-radius: 50%;
  transition: all 0.3s;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.63);
}

.pd-sec1 .techwrap #detail3 ul li a .bottom div img {
  transition: all 0.3s;
  filter: grayscale(1);
  position: absolute;
  width: 0.072917rem
    /* 14/192 */
  ;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pd-sec1 .techwrap #detail3 ul li a:hover .bottom p {
  color: #0B5DC3;
}

.pd-sec1 .techwrap #detail3 ul li a:hover .bottom div {
  border: 1px solid #0B5DC3;
}

.pd-sec1 .techwrap #detail3 ul li a:hover .bottom div img {
  filter: none;
}

.sl-sec1>ul {
  margin-bottom: 0.625rem
    /* 120/192 */
  ;
  font-size: 1px;
}

.sl-sec1>ul .bigwrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.333333rem
    /* 64/192 */
    0;
}

.sl-sec1>ul .bigwrap img {
  width: auto;
  max-width: 2.84375rem
    /* 546/192 */
  ;
  height: auto;
  max-height: 2.59375rem
    /* 498/192 */
  ;
  align-items: center;
}

.sl-sec1>ul .bigwrap .right {
  width: 3.78125rem
    /* 726/192 */
  ;
}

.sl-sec1>ul .bigwrap .right h2 {
  text-align: left;
  font-size: 0.15625rem
    /* 30/192 */
  ;
  margin-bottom: 0.1875rem
    /* 36/192 */
  ;
}

.sl-sec1>ul .bigwrap .right h2 span {
  margin-left: 0.083333rem
    /* 16/192 */
  ;
  vertical-align: bottom;
  color: #000;
  opacity: 0.2;
  font-size: 0.09375rem
    /* 18/192 */
  ;
}

.sl-sec1>ul .bigwrap .right p {
  opacity: 0.6;
  line-height: 1.8;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  margin-bottom: 0.333333rem
    /* 64/192 */
  ;
}

.sl-sec1>ul .bigwrap .right .wrap {
  display: flex;
  justify-content: flex-start;
}

.sl-sec1>ul .bigwrap .right .wrap a {
  width: 0.708333rem
    /* 136/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  background: #0B5DC3;
  border-radius: 4px;
  margin-right: 0.09375rem
    /* 18/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
  color: white;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  text-align: center;
  transition: all 0.3s;
}

.sl-sec1>ul .bigwrap .right .wrap a:hover {
  box-shadow: 0px 3px 5px 0px rgba(0, 119, 255, 0.253);
}

.sl-sec1>ul .bigwrap .right .wrap a:nth-of-type(2) {
  border: 1px solid #0B5DC3;
  color: #0B5DC3;
  background-color: transparent;
}

.sl-sec1>ul li:nth-of-type(2n) {
  background-color: #F1F6FD;
}

.sl-sec1>ul li:nth-of-type(2n) .bigwrap {
  flex-direction: row-reverse;
}

.sl-sec1 .techwrap h4 {
  padding-left: 0.020833rem
    /* 4/192 */
  ;
  border-left: 0px solid #000;
  font-size: 0.15625rem
    /* 30/192 */
  ;
  margin-bottom: 0.208333rem
    /* 40/192 */
  ;
}

.sl-sec1 .techwrap #detail3 ul li a .top {
  overflow: hidden;
}

.sl-sec1 .techwrap #detail3 ul li a .top img {
  min-width: 100%;
  min-height: 100%;
}

.ab-sec1 {
  margin-top: 100px;
}

.ab-sec1 .title h1 {
  position: relative;
  line-height: 1;
  color: #00000009;
  font-size: 0.375rem
    /* 72/192 */
  ;
  font-weight: 600;
}

.ab-sec1 .title h1 i {
  line-height: 1;
  position: absolute;
  bottom: -0.057292rem
    /* 11/192 */
  ;
  color: #000000;
  font-size: 0.1875rem
    /* 36/192 */
  ;
  width: 100%;
  left: 0;
}

.ab-sec1 .title span {
  display: block;
  margin-top: 0.208333rem
    /* 40/192 */
  ;
  width: 0.359375rem
    /* 69/192 */
  ;
  height: 0.015625rem
    /* 3/192 */
  ;
  min-height: 1px;
  background-color: #0B5DC3;
  margin-bottom: 0.364583rem
    /* 70/192 */
  ;
}

.ab-sec1 .intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.833333rem
    /* 160/192 */
  ;
}

.ab-sec1 .intro .left {
  width: 2.885417rem
    /* 554/192 */
  ;
}

.ab-sec1 .intro .left p {
  line-height: 2;
  color: rgba(0, 0, 0, 0.719);
  font-size: 0.09375rem
    /* 18/192 */
  ;

}

.ab-sec1 .intro .left a {
  display: block;
  width: 0.78125rem
    /* 150/192 */
  ;
  height: 0.260417rem
    /* 50/192 */
  ;
  line-height: 0.260417rem
    /* 50/192 */
  ;
  background: linear-gradient(90deg, #0D60D7, #1973F2);
  border-radius: 4px;
  color: white;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  text-align: center;
  transition: all 0.3s;
}

.ab-sec1 .intro .left a:hover {
  box-shadow: 0px 3px 5px 0px rgba(0, 119, 255, 0.253);
}

.ab-sec1 .intro img {
  width: 3.333333rem
    /* 640/192 */
  ;
  height: 3.15625rem
    /* 606/192 */
  ;
}

.ab-sec1 .contact {
  /* display: flex;
  justify-content: space-between; */
  align-items: center;
  padding-bottom: 0.552083rem
    /* 106/192 */
  ;
  border-bottom: 1px solid #EEEEEE;
}

.ab-sec1 .contact .right {
  width: 2.75rem
    /* 528/192 */
  ;
}

.ab-sec1 .contact .right ul {
  margin-top: 0.5rem
    /* 96/192 */
  ;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 1px;
  align-items: center;
}

.ab-sec1 .contact .right ul span {
  width: 1px;
  background: #E5E5E5;
  height: 0.21875rem
    /* 42/192 */
  ;
}

.ab-sec1 .contact .right ul hr {
  width: 100%;
  margin: 18px 0;
  border: 0;
  background-color: #EEEEEE;
  height: 1px;
}

.ab-sec1 .contact .right ul li .top img {
  display: inline-block;
  vertical-align: baseline;
  width: 0.078125rem
    /* 15/192 */
  ;
  height: auto;
  margin-right: 0.072917rem
    /* 14/192 */
  ;
}

.ab-sec1 .contact .right ul li .top h5 {
  display: inline-block;
  opacity: 0.6;
  color: black;
  font-size: 0.083333rem
    /* 16/192 */
  ;
}

.ab-sec1 .contact .right ul li p {
  font-size: 0.083333rem
    /* 16/192 */
  ;
  opacity: 0.8;
  margin-top: 0.052083rem
    /* 10/192 */
  ;
}

.ab-sec1 .contact .right .qrs {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.625rem
    /* 120/192 */
  ;
}

.ab-sec1 .contact .right .qrs div {
  margin-right: 0.177083rem
    /* 34/192 */
  ;
}

.ab-sec1 .contact .right .qrs div img {
  width: 0.552083rem
    /* 106/192 */
  ;
  height: auto;
}

.ab-sec1 .contact .right .qrs div p {
  text-align: center;
  opacity: 0.8;
  margin-top: 0.052083rem
    /* 10/192 */
  ;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

.ab-sec1 .contact #container {
 
  width: 1000px;
  height: 500px;
  margin: 0 auto;
}

.ab-sec1 .contact #container .amap-marker-label {
  border: 0px solid #000;
  padding: 0.0625rem
    /* 24/192 */
    0.1875rem
    /* 36/192 */
  ;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  width: 9.458333rem
    /* 280/192 */
  ;
  text-align: center;
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #0B5DC3;
  transform: translate(-50%, -100%);
  background-color: rgba(255, 255, 255, 0.8);
}

.ab-sec1 .contact #container .amap-marker-label i {
  display: block;
  white-space: pre-wrap;
  margin-top: 0.072917rem
    /* 14/192 */
  ;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.562);
}

.ab-sec1 .message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.520833rem
    /* 100/192 */
  ;
  margin-bottom: 0.885417rem
    /* 170/192 */
  ;
}

.ab-sec1 .message .left {
  width: 2.916667rem
    /* 560/192 */
  ;
}

.ab-sec1 .message .left h4 {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  line-height: 1;
}

.ab-sec1 .message .left h3 {
  margin-top: 0.09375rem
    /* 18/192 */
  ;
  font-size: 0.1875rem
    /* 36/192 */
  ;
  line-height: 1;
}

.ab-sec1 .message .left span {
  display: block;
  margin-top: 0.125rem
    /* 24/192 */
  ;
  width: 0.3125rem
    /* 60/192 */
  ;
  height: 0.015625rem
    /* 3/192 */
  ;
  background: #0B5DC3;
}

.ab-sec1 .message .left p {
  margin-top: 0.4375rem
    /* 84/192 */
  ;
  line-height: 2;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  opacity: 0.8;
  padding-bottom: 0.25rem
    /* 48/192 */
  ;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 0.197917rem
    /* 38/192 */
  ;
}

.ab-sec1 .message .left .bottom {
  display: flex;
  justify-content: space-between;
}

.ab-sec1 .message .left .bottom div {
  min-width: 0.729167rem
    /* 140/192 */
  ;
}

.ab-sec1 .message .left .bottom div h5 {
  opacity: 0.6;
  font-size: 0.083333rem
    /* 16/192 */
  ;
}

.ab-sec1 .message .left .bottom div p {
  padding-bottom: 0;
  border-bottom: 0px solid #EEEEEE;
  margin-bottom: 0;
  margin-top: 0.09375rem
    /* 18/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  line-height: 1;
  opacity: 0.8;
}

.ab-sec1 .message .right {
  width: 3.307292rem
    /* 635/192 */
  ;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 1px;
}

.ab-sec1 .message .right .wrap {
  width: 1.588542rem
    /* 305/192 */
  ;
  height: 0.359375rem
    /* 69/192 */
  ;
  line-height: 0.359375rem
    /* 69/192 */
  ;
  background: #FCFCFC;
  border: 1px solid #E5E5E5;
  border-radius: 0.041667rem
    /* 8/192 */
  ;
  margin-bottom: 0.078125rem
    /* 15/192 */
  ;
  display: flex;
  align-items: center;
}

.ab-sec1 .message .right .wrap img {
  height: 0.104167rem
    /* 20/192 */
  ;
  width: auto;
  margin-left: 0.135417rem
    /* 26/192 */
  ;
  margin-right: 0.114583rem
    /* 22/192 */
  ;
  display: inline-block;
  vertical-align: middle;
}

.ab-sec1 .message .right .wrap input {
  border: 0;
  background-color: transparent;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  flex: 1;
  min-width: 10px;
}

.ab-sec1 .message .right .wrap input::placeholder {
  color: rgba(0, 0, 0, 0.575);
}

.ab-sec1 .message .right textarea {
  background: #FCFCFC;
  border: 1px solid #E5E5E5;
  border-radius: 0.041667rem
    /* 8/192 */
  ;
  width: 100%;
  height: 0.729167rem
    /* 140/192 */
  ;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  padding: 0.130208rem
    /* 25/192 */
  ;
}

.ab-sec1 .message .right textarea::placeholder {
  color: rgba(0, 0, 0, 0.575);
}

.ab-sec1 .message .right input[type="submit"] {
  width: 100%;
  height: 0.364583rem
    /* 70/192 */
  ;
  line-height: 0.364583rem
    /* 70/192 */
  ;
  text-align: center;
  background: #004BC8;
  border-radius: 0.041667rem
    /* 8/192 */
  ;
  color: white;
  font-size: 0.125rem
    /* 24/192 */
  ;
  border: 0 solid #000;
  cursor: pointer;
}

.ab-sec2 {
  position: relative;
  width: 100%;
  padding-top: 0.333333rem
    /* 64/192 */
  ;
  padding-bottom: 0.28125rem
    /* 54/192 */
  ;
  text-align: center;
  overflow: hidden;
}

.ab-sec2 img {
  width: auto;
  min-width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.ab-sec2 .hover {
  position: relative;
  z-index: 9;
}

.ab-sec2 .hover h2 {
  color: white;
  font-size: 0.25rem
    /* 48/192 */
  ;
  line-height: 1;
}

.ab-sec2 .hover p {
  margin-top: 0.135417rem
    /* 26/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  color: white;
}

.ab-sec2 .hover a {
  display: block;
  width: 1.510417rem
    /* 290/192 */
  ;
  height: 0.40625rem
    /* 78/192 */
  ;
  line-height: 0.40625rem
    /* 78/192 */
  ;
  background: #FFFFFF;
  border-radius: 0.052083rem
    /* 10/192 */
  ;
  margin: 0 auto;
  margin-top: 0.3125rem
    /* 60/192 */
  ;
  font-size: 0.15625rem
    /* 30/192 */
  ;
  transition: all 0.3s;
  color: #0B5DC3;
}

.ab-sec2 .hover a:hover {
  background-color: rgba(255, 255, 255, 0.671);
}

.blackVer {
  background-color: #434343 !important;
}

.blackVer .bottom {
  background-color: #313131 !important;
}

.s2-sec1 {
  padding-top: 0.416667rem
    /* 80/192 */
  ;
}

.s2-sec1 .techwrap .tags {
  border: 0;
}

.s2-sec2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: .5625rem
    /* 216/192 */
  ;
  text-align: center;
  padding-bottom: 0.875rem
    /* 168/192 */
  ;
}

.s2-sec2 h2 {
  width: 100%;
  font-size: 0.1875rem
    /* 36/192 */
  ;
}

.s2-sec2 h2 i {
  color: #0B5DC3;
}

.s2-sec2 h3 {
  margin-top: 0.104167rem
    /* 20/192 */
  ;
  margin-bottom: 0.572917rem
    /* 110/192 */
  ;
  width: 100%;
  font-size: 0.125rem
    /* 24/192 */
  ;
  opacity: 0.6;
}

.s2-sec2 img {
  width: 3.317708rem
    /* 637/192 */
  ;
  height: 2.911458rem
    /* 559/192 */
  ;
}

.s2-sec2 ul {
  width: 1.875rem
    /* 360/192 */
  ;
}

.s2-sec2 ul li {
  width: 100%;
  height: 0.364583rem
    /* 70/192 */
  ;
  line-height: 0.364583rem
    /* 70/192 */
  ;
  text-align: center;
  background: #E9F1FF;
  border-radius: 0.052083rem
    /* 10/192 */
  ;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  color: #0B5DC3;
  margin-bottom: 0.875rem
    /* 168/192 */
  ;
}

.s2-sec2 ul li:last-child {
  margin-bottom: 0;
}

.s2-sec2 ul li:nth-child(2n-1) {
  margin-left: 0.34375rem
    /* 66/192 */
  ;
}

.s2-sec2 ul:last-of-type li:nth-child(2n-1) {
  margin-left: -0.34375rem
    /* 66/192 */
  ;
}

.s2-sec3 {
  background-color: #F6F9FF;
}

.s2-sec3 .w1400 {
  padding-top: 0.34375rem
    /* 66/192 */
  ;
  padding-bottom: 0.25rem
    /* 48/192 */
  ;
}

.s2-sec3 .w1400 h2 {
  text-align: center;
  line-height: 1;
  font-size: 0.1875rem
    /* 36/192 */
  ;
}

.s2-sec3 .w1400 h3 {
  text-align: center;
  opacity: 0.6;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-top: 0.119792rem
    /* 23/192 */
  ;
}

.s2-sec3 .w1400 span {
  display: block;
  margin: 0 auto;
  margin-top: 0.182292rem
    /* 35/192 */
  ;
  width: 0.359375rem
    /* 69/192 */
  ;
  height: 0.015625rem
    /* 3/192 */
  ;
  background: #0B5DC3;
  margin-bottom: 0.635417rem
    /* 122/192 */
  ;
}

.s2-sec3 .w1400 .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.677083rem
    /* 130/192 */
  ;
}

.s2-sec3 .w1400 .center .left {
  width: 3.244792rem
    /* 623/192 */
  ;
  height: auto;
}

.s2-sec3 .w1400 .center .right {
  width: 3.78125rem
    /* 726/192 */
  ;
}

.s2-sec3 .w1400 .center .right h4 {
  font-size: 0.15625rem
    /* 30/192 */
  ;
  line-height: 1;
  margin-bottom: 0.15625rem
    /* 30/192 */
  ;
}

.s2-sec3 .w1400 .center .right p {
  opacity: 0.6;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  line-height: 1.8;
  margin-bottom: 0.15625rem
    /* 30/192 */
  ;
}

.s2-sec3 .w1400 .center .right .innerbtm {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.333333rem
    /* 64/192 */
  ;
  font-size: 0px;
}

.s2-sec3 .w1400 .center .right .innerbtm li {
  padding-right: 0.072917rem
    /* 14/192 */
  ;
  border-right: 1px solid #DDE0E5;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #0d62d8c9;
}

.s2-sec3 .w1400 .center .right .innerbtm li img {
  height: 0.088542rem
    /* 17/192 */
  ;
  width: auto;
  margin-right: 0.03125rem
    /* 6/192 */
  ;
  vertical-align: middle;
  display: inline;
}

.s2-sec3 .w1400 .center .right .innerbtm li:last-child {
  border: 0;
  padding: 0;
}

.s2-sec3 .w1400 .center .right .btmwrap {
  display: flex;
  align-items: center;
}

.s2-sec3 .w1400 .center .right .btmwrap a:first-of-type {
  display: block;
  width: 1.09375rem
    /* 210/192 */
  ;
  background: #0B5DC3;
  border-radius: 4px;
  text-align: center;
  margin-right: 0.427083rem
    /* 82/192 */
  ;
}

.s2-sec3 .w1400 .center .right .btmwrap a:first-of-type h5 {
  line-height: 1;
  margin-top: 0.057292rem
    /* 11/192 */
  ;
  color: white;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.046875rem
    /* 9/192 */
  ;
}

.s2-sec3 .w1400 .center .right .btmwrap a:first-of-type i {
  opacity: 0.6;
  display: block;
  color: white;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  margin-bottom: 0.0625rem
    /* 12/192 */
  ;
  line-height: 1;
}

.s2-sec3 .w1400 .center .right .btmwrap .callicon {
  position: relative;
  width: 0.338542rem
    /* 65/192 */
  ;
  height: 0.338542rem
    /* 65/192 */
  ;
  border-radius: 50%;
  background: #0B5DC3;
  margin-right: 0.083333rem
    /* 16/192 */
  ;
}

.s2-sec3 .w1400 .center .right .btmwrap .callicon img {
  width: 0.145833rem
    /* 28/192 */
  ;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.s2-sec3 .w1400 .center .right .btmwrap a:last-of-type {
  display: block;
  height: 0.25rem;
  font-size: 0.25rem
    /* 48/192 */
  ;
  font-family: DINCondensedC;
  color: #0B5DC3;
  line-height: 1;
  margin: 0;
  opacity: 1;
}

.s2-sec3 .w1400 .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  font-size: 1px;
  width: 100%;
}

.s2-sec3 .w1400 .bottom li {
  width: 0.911458rem
    /* 175/192 */
  ;
}

.s2-sec3 .w1400 .bottom li img {
  height: 0.177083rem
    /* 34/192 */
  ;
  width: auto;
  margin: 0 auto;
  margin-top: 0.03125rem
    /* 6/192 */
  ;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
}

.s2-sec3 .w1400 .bottom li h5 {
  line-height: 1;
  font-size: 0.125rem
    /* 24/192 */
  ;
  margin-bottom: 0.09375rem
    /* 18/192 */
  ;
}

.s2-sec3 .w1400 .bottom li p {
  opacity: 0.6;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  line-height: 1.6;
}

.s2-sec3 .w1400 .bottom span {
  width: 1px;
  height: 0.911458rem
    /* 175/192 */
  ;
  border-color: #000;
  opacity: 0.1;
  margin: 0;
}

.s2-sec4 {
  padding-top: 0.78125rem
    /* 150/192 */
  ;
}

.s2-sec4 img {
  width: 100%;
  height: 3.302083rem
    /* 634/192 */
  ;
  margin: 0 auto;
  margin-top: 0.375rem
    /* 72/192 */
  ;
}

.s2-sec5 {
  padding-top: 0.791667rem
    /* 152/192 */
  ;
}

.s2-sec5 .menu {
  border-bottom: 2px solid #0B5DC3;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem
    /* 60/192 */
  ;
  text-align: center;
  margin-bottom: 0.1875rem
    /* 36/192 */
  ;
}

.s2-sec5 .menu li {
  flex: 1;
  height: 0.447917rem
    /* 86/192 */
  ;
  line-height: 0.447917rem
    /* 86/192 */
  ;
  cursor: pointer;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.747);
  font-size: 0.104167rem
    /* 20/192 */
  ;
  transition: all 0.3s;
}

.s2-sec5 .menu li:hover,
.s2-sec5 .menu .on {
  background-color: #F1F6FD;
  color: #0d62d8be;
}

.s2-sec5 .switcher img {
  display: none;
  width: 100%;
  height: auto;
}

.shortidbanner {
  height: 3.822917rem
    /* 734/192 */
  ;
}

.shortidbanner .w1400 {
  padding-bottom: 0;
  height: 3.822917rem
    /* 734/192 */
  ;
}

.shortcrumb {
  margin-top: 0.135417rem
    /* 26/192 */
  ;
  padding-top: 0;
}

.menu {
  border-bottom: 2px solid #0B5DC3;
  display: flex;
  justify-content: space-between;
  margin-top: 0.18rem
    /* 0.25rem，48/192 */
  ;
  text-align: center;
  margin-bottom: 0.18rem
    /*0.34375， 66/192 */
  ;
}

.menu li {
  flex: 1;
  height: 0.447917rem
    /* 86/192 */
  ;
  line-height: 0.447917rem
    /* 86/192 */
  ;
  cursor: pointer;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.747);
  font-size: 0.104167rem
    /* 20/192 */
  ;
  transition: all 0.3s;
}

.menu li a {
  color: rgba(0, 0, 0, 0.747);
  transition: all 0.3s;
}

.menu li:hover,
.menu .on {
  background-color: #F1F6FD;
  color: #0d62d8be;
}

.menu li:hover a,
.menu .on a {
  color: #0d62d8be;
}

.pl-sec1 {
  padding-bottom: 0.291667rem
    /* 56/192 */
  ;
}

.pl-sec1 .prods {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1px;
  margin-bottom: 0.25rem
    /* 48/192 */
  ;
}

.pl-sec1 .prods li {
  overflow: hidden;
  width: 2.270833rem
    /* 436/192 */
  ;
  border: 1px solid #EEE;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 0.177083rem
    /* 34/192 */
  ;
  margin-right: 0.229rem;
}

.pl-sec1 .prods li:nth-of-type(3n) {
  margin-right: 0;
}

.pl-sec1 .prods li a {
  display: block;
  width: 100%;
  height: 100%;
  color: black;
}

.pl-sec1 .prods li a .pic {
  width: 100%;
  height: 1.541667rem
    /* 296/192 */
  ;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pl-sec1 .prods li a .pic img {
  width: auto;
  height: auto;
  max-width: 85%;
  max-height: 85%;
  transition: all 0.3s;
}

.pl-sec1 .prods li a h4 {
  margin: 0 auto;
  margin-bottom: 0.114583rem
    /* 22/192 */
  ;
  line-height: 1;
  font-weight: 600;
  font-size: 0.145833rem
    /* 28/192 */
  ;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 1.875rem
    /* 360/192 */
  ;
  overflow: hidden;
}

.pl-sec1 .prods li a p {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 1.875rem
    /* 360/192 */
  ;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
  opacity: 0.6;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

.pl-sec1 .prods li a:hover .pic img {
  transform: scale(1.05);
}

.pl-sec1 .vids {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1px;
  margin-bottom: 0.25rem
    /* 48/192 */
  ;
}

.pl-sec1 .vids li {
  width: 2.270833rem
    /* 436/192 */
  ;
  overflow: hidden;
  border: 1px solid #EEE;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 0.177083rem
    /* 34/192 */
  ;
  margin-right: 0.229rem;
}

.pl-sec1 .vids li:nth-of-type(3n) {
  margin-right: 0;
}

.pl-sec1 .vids li a {
  display: block;
  width: 100%;
  height: 100%;
  color: black;
}

.pl-sec1 .vids li a .pic {
  width: 100%;
  height: 1.4375rem
    /* 276/192 */
  ;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.pl-sec1 .vids li a .pic:after {
  content: "";
  position: absolute;
  width: 0.453125rem
    /* 87/192 */
  ;
  height: 0.453125rem
    /* 87/192 */
  ;
  background-image: url(../images/playhover.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

.pl-sec1 .vids li a .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.pl-sec1 .vids li a h4 {
  margin: 0 auto;
  margin-bottom: 0.114583rem
    /* 22/192 */
  ;
  line-height: 1;
  font-weight: 600;
  font-size: 0.145833rem
    /* 28/192 */
  ;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  overflow: hidden;
  margin-top: 0.119792rem
    /* 23/192 */
  ;
  margin-bottom: 0.104167rem
    /* 20/192 */
  ;
}

.pl-sec1 .vids li a p {
  width: 90%;
  margin: 0 auto;
  opacity: 0.6;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  padding-bottom: 0.135417rem
    /* 26/192 */
  ;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}

.pl-sec1 .vids li a:hover .pic img {
  transform: scale(1.05);
}

.pl-sec1 .vids li a:hover .pic:after {
  opacity: 0;
}

.pl-sec1 .download {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem
    /* 60/192 */
  ;
  margin-bottom: 0.1875rem
    /* 36/192 */
  ;
  flex-wrap: wrap;
}

.pl-sec1 .download .left {
  width: 5.25rem
    /* 1008/192 */
  ;
}

.pl-sec1 .download .left li {
  width: 100%;
  border-bottom: 1px solid #bfbfbf3d;
  margin-bottom: 0.166667rem
    /* 32/192 */
  ;
  padding-bottom: 0.25rem
    /* 48/192 */
  ;
}

.pl-sec1 .download .left li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pl-sec1 .download .left li a .left {
  max-width: 1.666667rem
    /* 320/192 */
  ;
  width: auto;
  height: auto;
  max-height: 1.666667rem
    /* 320/192 */
  ;
  border-radius: 0.0625rem
    /* 12/192 */
  ;
}

.pl-sec1 .download .left li a .right {
  width: 3.354167rem
    /* 644/192 */
  ;
}

.pl-sec1 .download .left li a .right h2 {
  font-size: 0.15625rem
    /* 30/192 */
  ;
  width: 100%;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  margin-bottom: 0.166667rem
    /* 32/192 */
  ;
  transition: all 0.3s;
  color: black;
}

.pl-sec1 .download .left li a .right h5 {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  color: #333333;
  line-height: 1.8;
  opacity: 0.8;
  margin-bottom: 0.229167rem
    /* 44/192 */
  ;
}

.pl-sec1 .download .left li a .right p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  opacity: 0.5;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

.pl-sec1 .download .left li a .right p i img {
  width: 0.0625rem
    /* 12/192 */
  ;
  height: auto;
  vertical-align: baseline;
  filter: grayscale(1);
  transition: all 0.3s;
  display: inline;
  margin-left: 2px;
}

.pl-sec1 .download .left li a:hover .right h2 {
  color: #0B5DC3;
}

.pl-sec1 .download .left li a:hover .right p i img {
  filter: none;
}

.pl-sec1 .download .quesleft li {
  padding-bottom: 0.135417rem
    /* 26/192 */
  ;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
}

.pl-sec1 .download .quesleft li a .right {
  width: 100%;
}

.pl-sec1 .download .quesleft li a .right h2 {
  font-size: 0.104167rem
    /* 20/192 */
  ;
  margin-bottom: 0.083333rem
    /* 16/192 */
  ;
}

.pl-sec1 .download .quesleft li a .right h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  line-height: 1;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
}

.pl-sec1 .download .rtags {
  display: flex;
  width: 1.53125rem
    /* 294/192 */
  ;
  flex-wrap: wrap;
  font-size: 0px;
  align-content: flex-start;
}

.pl-sec1 .download .rtags h1 {
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #333333;
  width: 100%;
  margin-bottom: 0.135417rem
    /* 26/192 */
  ;
}

.pl-sec1 .download .rtags a {
  font-size: 0.083333rem
    /* 16/192 */
  ;
  display: block;
  margin: 0.043333rem;
  border-radius: 6px;
  color: #0B5DC3;
  border: 1px solid #0B5DC3;
  padding: 0.03rem;
  transition: all .3s;
}

.pl-sec1 .download .rtags a:hover {
  background-color: #0B5DC3;
  color: white;
}

.pl-sec1 .download .right {
  width: 1.53125rem
    /* 294/192 */
  ;
  font-size: 0px;
}

.pl-sec1 .download .right h1 {
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #333333;
}

.pl-sec1 .download .right li {
  width: 100%;
  padding: 0.166667rem
    /* 32/192 */
    0;
  border-bottom: 1px solid #bfbfbf3d;
}

.pl-sec1 .download .right li a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  transition: all 0.3s;
  color: #333333;
}

.pl-sec1 .download .right li a:hover {
  color: #0B5DC3;
}

.pl-sec1 .download .pages {
  width: 100%;
}

.pages {
  display: flex;
  justify-content: center;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  line-height: 0.25rem
    /* 48/192 */
  ;
}

.pages strong {
  margin: 0 0.083333rem
    /* 16/192 */
  ;
  width: 0.25rem
    /* 48/192 */
  ;
  height: 0.25rem
    /* 48/192 */
  ;
  border: 1px solid #0B5DC3;
  color: #0B5DC3;
  text-align: center;
  line-height: 0.25rem
    /* 48/192 */
  ;
}

.pages li {
  width: 0.25rem
    /* 48/192 */
  ;
  height: 0.25rem
    /* 48/192 */
  ;
  border: 1px solid #0B5DC3;
  transition: all 0.3s;
  margin-right: 0.135417rem
    /* 26/192 */
  ;
  text-align: center;
}

.pages li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0.25rem
    /* 48/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  color: #0B5DC3;
  transition: all 0.3s;
}

.pages li:nth-of-type(1) {
  margin-right: 0.3125rem
    /* 60/192 */
  ;
}

.pages li:nth-last-of-type(1) {
  margin-right: 0;
  margin-left: 0.3125rem
    /* 60/192 */
  ;
}

.pages li:hover,
.pages .active {
  background: #0B5DC3;
}

.pages li:hover a,
.pages .active a {
  color: white;
}

.cc-sec1 {
  padding-top: 0.166667rem
    /* 32/192 */
  ;
  padding-bottom: 0.458333rem
    /* 88/192 */
  ;
}

.cc-sec1 .cases {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.3125rem
    /* 60/192 */
  ;
}

.cc-sec1 .cases li {
  width: 1.71875rem
    /* 330/192 */
  ;
  background: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 0.182292rem
    /* 35/192 */
  ;
  margin-right: .135417rem
    /* 26/192 */
  ;
}

.cc-sec1 .cases li:nth-of-type(4n) {
  margin-right: 0;
}

.cc-sec1 .cases li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  color: black;
}

.cc-sec1 .cases li a img {
  width: 100%;
  height: 1.182292rem
    /* 227/192 */
  ;
}

.cc-sec1 .cases li a p {
  text-align: center;
  padding: 0.15625rem
    /* 30/192 */
    0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  opacity: 0.9;
}

.cc-sec1 .cases li a i {
  display: none;
}

.cc-sec1 .cases li a .hover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  color: white;
  background-color: #0B5DC3;
  border-radius: 4px;
  transition: all 0.3s;
}

.cc-sec1 .cases li a .hover h5 {
  margin-top: 0.177083rem
    /* 34/192 */
  ;
  margin-bottom: 0.166667rem
    /* 32/192 */
  ;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  text-align: center;
}

.cc-sec1 .cases li a .hover p {
  line-height: 2;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  margin: 0 0.15625rem
    /* 30/192 */
  ;
  width: auto;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 0.28125rem
    /* 54/192 */
  ;
  text-align: left;
}

.cc-sec1 .cases li a .hover span {
  display: block;
  margin: 0 auto;
  width: 0.677083rem
    /* 130/192 */
  ;
  height: 0.239583rem
    /* 46/192 */
  ;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  text-align: center;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  line-height: 0.239583rem
    /* 46/192 */
  ;
}

.cc-sec1 .cases li a:hover .hover {
  top: 0;
}

.cc-sec1 .toplist {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.489583rem
    /* 94/192 */
  ;
}

.cc-sec1 .toplist a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 2.317708rem
    /* 445/192 */
  ;
  color: #333333;
}

.cc-sec1 .toplist a img {
  width: 100%;
  height: 1.510417rem
    /* 290/192 */
  ;
  margin-bottom: 0.145833rem
    /* 28/192 */
  ;
}

.cc-sec1 .toplist a .left {
  width: 1.708333rem
    /* 328/192 */
  ;
}

.cc-sec1 .toplist a .left h2 {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  margin-bottom: 0.104167rem
    /* 20/192 */
  ;
  transition: all 0.3s;
  font-weight: 600;
}

.cc-sec1 .toplist a .left h3 {
  opacity: 0.5;
  line-height: 1.6;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc-sec1 .toplist a .right {
  text-align: center;
  width: 0.458333rem
    /* 88/192 */
  ;
  border: 1px solid #333333;
  transition: all 0.3s;
}

.cc-sec1 .toplist a .right h4 {
  opacity: 0.5;
  font-weight: 600;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  margin-top: 0.09375rem
    /* 18/192 */
  ;
  line-height: 1;
  margin-bottom: 0.041667rem
    /* 8/192 */
  ;
  transition: all 0.3s;
}

.cc-sec1 .toplist a .right h5 {
  font-size: 0.1875rem
    /* 36/192 */
  ;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.09375rem
    /* 18/192 */
  ;
  transition: all 0.3s;
}

.cc-sec1 .toplist a:hover .left h2 {
  color: #1D2088;
}

.cc-sec1 .toplist a:hover .right {
  background-color: #0B5DC3;
}

.cc-sec1 .toplist a:hover .right h4 {
  color: white;
}

.cc-sec1 .toplist a:hover .right h5 {
  color: white;
}

.cc-sec1 .infos {
  margin-bottom: 0.401042rem
    /* 77/192 */
  ;
}

.cc-sec1 .infos li {
  padding: 0.223958rem
    /* 43/192 */
    0;
  border-bottom: 1px solid #bfbfbf46;
}

.cc-sec1 .infos li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
  color: black;
}

.cc-sec1 .infos li a .left {
  position: relative;
  text-align: center;
  margin-right: 0.234375rem
    /* 45/192 */
  ;
}

.cc-sec1 .infos li a .left h1 {
  margin-bottom: 0.0625rem
    /* 12/192 */
  ;
  font-weight: 600;
  font-size: 0.25rem
    /* 48/192 */
  ;
  transition: all 0.3s;
}

.cc-sec1 .infos li a .left h2 {
  color: #333;
  opacity: 0.5;
  line-height: 1;
  font-size: 0.083333rem
    /* 16/192 */
  ;
}

.cc-sec1 .infos li a .left span {
  display: block;
  width: 0.078125rem
    /* 15/192 */
  ;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -0.072917rem
    /* 14/192 */
  ;
  background: #BFBFBF;
}

.cc-sec1 .infos li a .center {
  flex: 1;
}

.cc-sec1 .infos li a .center h1 {
  color: #333333;
  font-weight: 600;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  margin-bottom: 0.114583rem
    /* 22/192 */
  ;
  line-height: 1;
  transition: all 0.3s;
}

.cc-sec1 .infos li a .center h2 {
  opacity: 0.5;
  line-height: 1.5;
  color: #333333;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

.cc-sec1 .infos li a .right {
  opacity: 0.5;
  line-height: 1;
  color: #333333;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  margin-left: 0.052083rem
    /* 10/192 */
  ;
}

.cc-sec1 .infos li a .right img {
  margin-left: 0.036458rem
    /* 7/192 */
  ;
  width: 0.078125rem
    /* 15/192 */
  ;
  height: auto;
  display: inline;
  vertical-align: middle;
}

.cc-sec1 .infos li a:hover .center h1,
.cc-sec1 .infos li a:hover .left h1 {
  color: #0B5DC3;
}

.cd-sec1 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.260417rem
    /* 50/192 */
  ;
  padding-bottom: 0.260417rem
    /* 50/192 */
  ;
}

.cd-sec1 .left {
  width: 5.114583rem
    /* 982/192 */
  ;
  text-align: center;
  font-size: 1px;
}

.cd-sec1 .left .innertitle {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0.265625rem
    /* 51/192 */
  ;
}

.cd-sec1 .left video {
  width: 90%;
  margin: 0.104167rem
    /* 20/192 */
    auto;
  /* height: auto;*/

}

.cd-sec1 .left .innertitle h1 {
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.145833rem
    /* 28/192 */
  ;
  margin-bottom: 0.104167rem
    /* 20/192 */
  ;
  display: inline-block;
}

.cd-sec1 .left .innertitle .wrap {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 0 0.520833rem
    /* 100/192 */
  ;
}

.cd-sec1 .left .innertitle .wrap span {
  opacity: 0.6;
  font-size: 0.072917rem
    /* 14/192 */
  ;
}

.cd-sec1 .left h2 {
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #0B5DC3;
  padding-left: 0.083333rem
    /* 16/192 */
  ;
  text-align: left;
  border-left: 0.026042rem
    /* 5/192 */
    solid #0B5DC3;
  margin-bottom: 0.15625rem
    /* 30/192 */
  ;
  margin-top: 0.21875rem
    /* 42/192 */
  ;
  font-weight: 600;
}

.cd-sec1 .left p {
  text-align: left;
  font-size: 0.083333rem
    /* 16/192 */
  ;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.555);
  margin-bottom: 0.021666rem
  /*margin-bottom: 0.15625rem*/
    /* 30/192 */
  ;
}

.cd-sec1 .left img {
  width: auto;
  max-width: 100% !important;
  height: auto;
  margin: 0.021666rem
    /* 20/192 */
    auto;
  display: inline-block;
}

.cd-sec1 .left .tags {
  font-size: 0.09375rem
    /* 18/192 */
  ;
  margin-top: 0.166667rem
    /* 60/192 */
  ;
  margin-bottom: 0.166667rem
    /* 64/192 */
  ;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cd-sec1 .left .tags h3 {
  letter-spacing: 0.010417rem
    /* 2/192 */
  ;
  font-weight: 600;
  font-size: 0.125rem
    /* 24/192 */
  ;
  color: #0B5DC3;
  display: inline-block;
  line-height: 0.15625rem
    /* 30/192 */
  ;
  margin-right: 0.104167rem
    /* 20/192 */
  ;
}

.cd-sec1 .left .tags .wrap {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: auto;
  display: flex;
  justify-content: flex-start;
}

.cd-sec1 .left .tags .wrap a {
  flex: none;
  display: inline-block;
  height: 0.15625rem
    /* 30/192 */
  ;
  line-height: 0.15625rem
    /* 30/192 */
  ;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.178);
  border-radius: 0.020833rem
    /* 4/192 */
  ;
  width: 0.694792rem
    /* 95/192 */
  ;
  transition: all 0.3s;
  margin-right: 0.03125rem
    /* 6/192 */
  ;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  color: #000000bd;
}

.cd-sec1 .left .tags .wrap a:hover {
  color: white;
  background: #0B5DC3;
}

.cd-sec1 .left .tags .wrap a:last-child {
  margin-right: 0;
}

.cd-sec1 .left .navimenu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.cd-sec1 .left .navimenu .wrap {
  color: #8D8D8D;
  font-size: 0.09375rem
    /* 18/192 */
  ;
  transition: all 0.3s;
}

.cd-sec1 .left .navimenu .wrap img {
  display: inline;
  vertical-align: middle;
  height: 0.072917rem
    /* 14/192 */
  ;
  width: auto;
  margin: 0 0.083333rem
    /* 16/192 */
  ;
  transition: all 0.3s;
  filter: grayscale(1);
}

.cd-sec1 .left .navimenu .wrap i {
  color: black;
  transition: all 0.3s;
}

.cd-sec1 .left .navimenu .wrap:hover {
  color: #0B5DC3;
}

.cd-sec1 .left .navimenu .wrap:hover i {
  color: #0B5DC3;
}

.cd-sec1 .left .navimenu .wrap:hover img {
  filter: none;
}

.cd-sec1 .right {
  width: 1.859375rem
    /* 357/192 */
  ;
}

.cd-sec1 .right h1 {
  padding-bottom: 0.166667rem
    /* 32/192 */
  ;
  border-bottom: 1px solid #F2F2F2;
  padding-left: 0.052083rem
    /* 10/192 */
  ;
  font-size: 0.125rem
    /* 24/192 */
  ;
  line-height: 1;
}

.cd-sec1 .right li {
  padding: 0.15625rem
    /* 30/192 */
    0;
  border-bottom: 1px solid #F2F2F2;
}

.cd-sec1 .right li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000000;
}

.cd-sec1 .right li a h2 {
  color: #333333;
  font-size: 0.104167rem
    /* 20/192 */
  ;
  line-height: 1;
  margin-bottom: 0.09375rem
    /* 18/192 */
  ;
  transition: all 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cd-sec1 .right li a h5 {
  font-size: 0.072917rem
    /* 14/192 */
  ;
  opacity: 0.6;
  margin-bottom: 0.09375rem
    /* 18/192 */
  ;
  line-height: 1;
}

.cd-sec1 .right li a p {
  opacity: 0.5;
  font-size: 0.072917rem
    /* 14/192 */
  ;
  line-height: 1.4;
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cd-sec1 .right li a:hover h2 {
  color: #0B5DC3;
}

.cd-sec1MODIFY {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .w1400 {
    width: 95%;
  }

  aside {
    top: 60%;
    z-index: 9999;
  }

  aside>div {
    display: none;
  }
  aside div .left {
  position: absolute;
  top: 50%;
  left: -0.078125rem
    /* 15/192 */
  ;
  transform: translate(-100%, -50%);
  width: 3.53125rem
    /* 102/192 */
  ;
  height: 3.53125rem
    /* 102/192 */
  ;
  border: 0.03125rem
    /* 6/192 */
    solid #0B5DC3;
  border-radius: 0.0625rem
    /* 12/192 */
  ;
  display: none;
}

  aside>div:nth-of-type(3) {
    display: block;
    width: 40px;
    height: 40px;
  }

  aside>div .phone {
    font-size: 16px;
    padding: 5px;
    border-radius: 4px;
  }

  header {
    height: 50px;
  }

  header .logo {
    width: 145px;
    height: 38px;
    margin-top: 10px;
    margin-left: 0px;
  }
  header .pinpai {
    width: 145px;
    height: 38px;
    margin-top: 14px;
	font-size: 20px;
    margin-left: 0px;
  }

  header .xsmenu {
    display: block;
    width: 30px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
  }

  header .w1400>ul {
    display: none;
  }

  .menu {
    margin-top: 40px;
    margin-bottom: 20px;
    overflow-x: scroll;
    width: 100%;
    display: block;
    white-space: nowrap;
    font-size: 0px;
  }

  .menu li {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    min-width: 150px;
    padding: 0 10px;
  }

  .id-banner {
    margin-top: 50px;
    height: auto;
  }



  .id-banner2 .w1400 {
    height: auto;
    padding-top: 30px;
    flex-wrap: wrap;
    padding-bottom: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
  }

  .id-banner2 {
    margin: 0;
  }

  .id-banner2 .w1400 {
    padding: 0;
  }

  .id-banner .w1400 .left {
    width: 60%;
    text-align: center;
  }

  .id-banner .w1400 .left h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .id-banner .w1400 .left h1 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .id-banner .w1400 .left h3 {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .id-banner .w1400 .left ul {
    width: 100%;
    margin: 0 auto;
  }

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

  .id-banner .w1400 .left ul li {
    margin-top: 5px;
    font-size: 10px;
  }

  .id-banner .w1400 .left ul li img {
    height: 10px;
    max-width: 12px;
    margin-right: 3px;
  }

  .id-banner .w1400 .right {
    width: 60%;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .id-banner .w1400 .bottom {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    bottom: auto;
    left: auto;
    height: auto;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 8px 0;

  }

  .id-banner .w1400 .bottom li {
    padding: 8px 0;
    width: auto;
  }

  .id-banner .w1400 .bottom li img {
    height: 48px;
    margin-bottom: 8px;
  }

  .id-banner .w1400 .bottom li p {
    font-size: 14px;
    padding: 0 10px;
  }

  .id-banner .w1400 .bottom li:after {
    width: 1px;
    height: 30%;
  }

  .id-sec1 .swiper-pagination {
    display: none;
  }

  .id-sec1 .mySwiper1 .swiper-slide {
    flex-wrap: wrap;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left {
    width: 100%;
    padding-bottom: 30px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left h1 {
    font-size: 36px;
    margin-bottom: 25px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left h1 i {
    font-size: 22px;
    bottom: -6px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left span {
    width: 50px;
    height: 2px;
    margin-bottom: 30px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .left a {
	float: right;
    width: 120px;
    height: 35px;
    border-radius: 8px;
    line-height: 35px;
    font-size: 16px;
  }

  .id-sec1 .mySwiper1 .swiper-slide .right {
    width: 60%;
    height: auto;
    margin: 0 auto;
    min-width: 280px;
  }

  .id-bigtitle h1 {
    font-size: 32px;
  }

  .id-bigtitle h1 i {
    bottom: -10px;
    font-size: 24px;
  }

  .id-bigtitle span {
    margin-top: 30px;
    width: 60px;
    height: 2px;
  }

  .id-sec2 {
    padding-top: 10vh;
  }

  .id-sec2 h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .id-sec4 h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .id-sec2 .menu {
    font-size: 1px;
    overflow-x: scroll;
    white-space: nowrap;
    margin-bottom: 20px;
  }

  .id-sec2 .menu .switch {
    float: none;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 10px;
  }

  .id-sec2 .menu .on {
    padding: 0 14px;
  }

  .id-topper .more {
    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    height: 35px;
  }

  .id-topper .more img {
    margin-left: 10px;
    width: 14px;
    margin-left: 4px;
  }

  .id-sec2 .displaywrap .display {
    justify-content: space-between;
  }

  .id-sec2 .displaywrap .display li {
    width: 48%;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-radius: 8px;
    margin-right: 0;
  }

  .id-sec2 .displaywrap .display li img {
    max-width: 125px;
    max-height: 62px;
    margin-bottom: 20px;
  }

  .id-sec2 .displaywrap .display li h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .id-sec2 .displaywrap .display li p {
    font-size: 14px;
    width: 90%;
  }

  .id-sec3 {
    padding-top: 6vh;
  }

  .id-sec3 ul {
    margin-top: 30px;
    justify-content: space-between;
  }

  .id-sec3 ul li {
    width: 48%;
    margin-right: 0;
    margin-top: 30px;
  }

  .id-sec3 ul li:hover .hover {
    top: 100%;
  }

  .id-sec3 ul li img {
    width: 100%;
    height: 30vw;
    border-radius: 8px;
    box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.16);
  }

  .id-sec3 ul li p {
    margin-top: 20px;
    font-size: 16px;
  }

  .id-sec4 {
    padding-top: 10vh;
  }

  .id-sec4 .wrap {
    flex-wrap: wrap;
    margin-top: 50px;
    justify-content: space-around;
  }

  .id-sec4 .wrap ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .id-sec4 .wrap ul li {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    text-align: center;
  }

  .id-sec4 .wrap ul li img {
    width: 22px;
    margin-right: 10px;
  }

  .id-sec4 .wrap ul li span {
    font-size: 18px;
    line-height: normal;
  }

  .id-sec4 .wrap ul li p {
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.6;
  }

  .id-sec4 .wrap .middle {
    width: 60%;
    height: auto;
  }

  .id-sec5 {
    padding-top: 10vh;
  }

  .id-sec5 h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .id-sec5 .wrap {
    flex-wrap: wrap;
  }

  .id-sec5 .wrap .module {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .id-sec5 .wrap .module .top {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding: 0 20px;
  }

  .id-sec5 .wrap .module .top a img {
    width: 12px;
    height: 22px;
  }

  .id-sec5 .wrap .module ul {
    padding: 0 5%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .id-sec5 .wrap .module ul li {
    padding: 20px 0;
  }

  .id-sec5 .wrap .module ul li a h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .id-sec5 .wrap .module ul li a p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .id-sec5 .wrap .module ul li a span {
    font-size: 14px;
  }

  .id-sec5 .wrap .module ul li a i {
    font-size: 14px;
  }

  .id-sec5 .wrap .module ul li a i img {
    width: 12px;
    height: 10px;
    margin-left: 4px;
  }

  .id-sec5 .wrap .module ul li:first-of-type a h5:before,
  .id-sec5 .wrap .module ul li:hover a h5:before {
    width: 8px;
    height: 8px;
    margin-right: 8px;
  }

  footer {
    margin-bottom: 96px;
  }

  footer .top {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
  }

  footer .top .left {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  footer .top .left .innerleft {
    margin-right: 0;
  }

  footer .top .left .innerleft img {
    width: auto;
    max-width: 50vw;
    height: auto;
    min-width: 102px;
    margin-bottom: 15px;
  }

  footer .top .left .innerleft p {
    font-size: 16px;
  }

  footer .top .left .innerright {
    width: 45%;
  }

  footer .top .left .innerright .wrap {
    margin-bottom: 10px;
  }

  footer .top .left .innerright .wrap img {
    width: 12px;
    margin-top: 8px;
    margin-right: 8px;
  }

  footer .top .left .innerright .wrap p {
    font-size: 16px;
    line-height: 2;
  }

  footer .top .split {
    width: 100%;
    margin: 30px 20px;
    height: 1px;
  }

  footer .top dl {
    width: 50%;
    margin-bottom: 30px;
  }

  footer .top dl dt {
    font-size: 18px;
    margin-bottom: 15px;
  }

  footer .top dl dd {
    margin-bottom: 10px;
  }

  footer .top dl dd a {
    font-size: 14px;
  }

  footer .bottom {
    width: 100%;
    height: auto;
    min-height: 35px;
    line-height: 35px;
    font-size: 14px;
  }

  footer .bottom a img {
    width: 14px;
    height: auto;
    margin-right: 2px;
    vertical-align: middle;
    margin-left: 5px;
  }

  footer .center {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    color: white;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 30px;
  }

  footer .center li a {
    color: white;
    font-size: 14px;
    padding: 10px 10px;
    padding-top: 0;
  }

  footer .center li a:hover {
    opacity: 0.6;

  }

  .breadcrumb {
    padding-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
  }

  .breadcrumb img {
    width: 20px;
    height: 19px;
    margin-right: 8px;
    vertical-align: text-top;
  }

  .breadcrumb a {
    font-size: 16px;
  }

  .pd-sec1 .top {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .pd-sec1 .top .mySwiper1 {
    width: 100%;
    height: 50vw;
    border-radius: 10px;
    margin-bottom: 25px;
  }

  .pd-sec1 .top .mySwiper1 .swiper-button-next:after,
  .pd-sec1 .top .mySwiper1 .swiper-button-prev:after {
    font-size: 24px;
  }

  .pd-sec1 .top .right {
    width: 100%;
  }

  .pd-sec1 .top .right h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .pd-sec1 .top .right p {
    font-size: 16px;
    line-height: 2;
  }

  .pd-sec1 .top .right .wrap {
    justify-content: space-around;
    margin-top: 20px;
  }

  .pd-sec1 .top .right .wrap a {
    margin: 0;
    height: 35px;
    width: 46%;
    text-align: center;
    line-height: 35px;
    border-radius: 6px;
    font-size: 16px;
  }

  .pd-sec1 .menu {
    margin-bottom: 30px;
    margin-left: -2.5%;
    margin-right: -2.5%;
    width: auto;
  }

  .pd-sec1 .menu li {
    width: 33%;
    height: 40px;
    line-height: 40px;
  }

  .pd-sec1 .menu li a {
    font-size: 16px;
  }

  .pd-sec1 .techwrap h4 {
    font-size: 22px;
    padding-left: 12px;
    border-left: 4px solid #0B5DC3;
    margin-bottom: 20px;
  }

  .pd-sec1 .techwrap #detail1 {
    margin-bottom: 30px;
  }

  .pd-sec1 .techwrap #detail1 p {
    font-size: 16px;
    line-height: 2;
    margin: 0;
  }

  .pd-sec1 .techwrap #detail2 {
    padding-bottom: 20px;
  }

  .pd-sec1 .techwrap #detail2 ul {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

  .pd-sec1 .techwrap #detail2 ul li {
    padding: 10px 2.5%;
  }

  .pd-sec1 .techwrap #detail2 ul li span {
    width: 20%;
    min-width: 100px;
    font-size: 16px;
  }

  .pd-sec1 .techwrap #detail2 ul li p {
    font-size: 16px;
  }

  .pd-sec1 .techwrap #detail2 .last {
    justify-content: space-between;
  }

  .pd-sec1 .techwrap #detail2 .last .pics {
    width: 48%;
    height: 30vw;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .pd-sec1 .techwrap #detail2 .last .pics p {
    font-size: 16px;
  }

  .pd-sec1 .techwrap #detail2 .accessories {
    justify-content: space-between;
  }

  .pd-sec1 .techwrap #detail2 .accessories li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .pd-sec1 .techwrap #detail2 .accessories li .top {
    height: 30vw;
  }

  .pd-sec1 .techwrap #detail2 .accessories li h5 {
    margin-top: 20px;
    font-size: 18px;
    padding: 0 2.5%;
  }

  .pd-sec1 .techwrap #detail2 .accessories li p {
    margin-top: 10px;
    font-size: 16px;
    padding: 0 2.5%;
    margin-bottom: 20px;
  }

  .pd-sec1 .techwrap .tags {
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .pd-sec1 .techwrap .tags h3 {
    width: 100%;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 2px;
  }

  .pd-sec1 .techwrap .tags .wrap {
    width: 100%;
  }

  .pd-sec1 .techwrap .tags .wrap a {
    height: 35px;
    line-height: 35px;
    width: 120px;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 8px;
  }

  .pd-sec1 .techwrap #detail3 {
    padding-bottom: 30px;
  }

  .pd-sec1 .techwrap #detail3 ul {
    justify-content: space-around;
  }

  .pd-sec1 .techwrap #detail3 ul li {
    width: 90%;
    margin-bottom: 20px;
    border-radius: 6px;
    margin-right: 0;
  }

  .pd-sec1 .techwrap #detail3 ul li a .top {
    height: 45vw;
    border-radius: 6px;
  }

  .pd-sec1 .techwrap #detail3 ul li a .bottom {
    padding: 10px;
  }

  .pd-sec1 .techwrap #detail3 ul li a .bottom p {
    font-size: 16px;
  }

  .pd-sec1 .techwrap #detail3 ul li a .bottom div {
    width: 25px;
    height: 25px;
  }

  .pd-sec1 .techwrap #detail3 ul li a .bottom div img {
    width: 12px;
  }

  .sl-sec1>ul {
    margin-bottom: 50px;
  }

  .sl-sec1>ul li {
    padding: 25px 0;
  }

  .sl-sec1>ul li .bigwrap {
    flex-wrap: wrap;
  }

  .sl-sec1>ul li .bigwrap img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    max-width: none;
    max-height: none;
    margin-bottom: 35px;
  }

  .sl-sec1>ul li .bigwrap .right {
    width: 100%;
  }

  .sl-sec1>ul li .bigwrap .right h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .sl-sec1>ul li .bigwrap .right h2 span {
    font-size: 14px;
    display: block;
  }

  .sl-sec1>ul li .bigwrap .right p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .sl-sec1>ul li .bigwrap .right .wrap {
    justify-content: space-around;
  }

  .sl-sec1>ul li .bigwrap .right .wrap a {
    height: 45px;
    line-height: 45px;
    width: 40%;
    border-radius: 6px;
    font-size: 16px;
  }

  .ab-sec1 .title h1 {
    font-size: 32px;
  }

  .ab-sec1 .title h1 i {
    bottom: -10px;
    font-size: 24px;
  }

  .ab-sec1 .title span {
    margin-top: 30px;
    width: 60px;
    height: 2px;
  }

  .ab-sec1 .intro {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 50px;
  }

  .ab-sec1 .intro .left {
    margin-bottom: 40px;
    width: 100%;
  }

  .ab-sec1 .intro .left .title {
    margin-bottom: 30px;
  }

  .ab-sec1 .intro .left p {
    font-size: 16px;
    width: 100%;
    margin: 0;
  }

  .ab-sec1 .intro .left a {
    width: 30%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-radius: 6px;
  }

  .ab-sec1 .intro img {
    width: 90%;
    height: auto;
  }

  .ab-sec1 .contact {
    flex-wrap: wrap;
  }

  .ab-sec1 .contact #container {
    width: 100%;
    height: 70vw;
    margin-bottom: 30px;
  }

  .ab-sec1 .contact #container .amap-marker-label {
    width: 280px;
    padding: 15px;
    font-size: 20px;
    line-height: 1.5;
  }

  .ab-sec1 .contact #container .amap-marker-label i {
    font-size: 16px;
  }

  .ab-sec1 .contact .right {
    width: 100%;
  }

  .ab-sec1 .contact .right ul {
    margin-top: 30px;
    justify-content: space-around;
  }

  .ab-sec1 .contact .right ul span,
  .ab-sec1 .contact .right ul hr {
    display: none;
  }

  .ab-sec1 .contact .right ul li {
    width: 90%;
    text-align: center;
    margin-bottom: 15px;
  }

  .ab-sec1 .contact .right ul li .top img {
    width: 15px;
    margin-right: 4px;
  }

  .ab-sec1 .contact .right ul li .top h5 {
    font-size: 16px;
  }

  .ab-sec1 .contact .right ul li p {
    font-size: 18px;
  }

  .ab-sec1 .contact .right .qrs {
    justify-content: space-around;
    margin-top: 10px;
  }

  .ab-sec1 .contact .right .qrs div {
    margin: 0;
  }

  .ab-sec1 .contact .right .qrs div img {
    width: 100px;
  }

  .ab-sec1 .contact .right .qrs div p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1;
  }

  .ab-sec1 .message {
    flex-wrap: wrap;
    margin: 40px 0;
  }

  .ab-sec1 .message .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .ab-sec1 .message .left h4 {
    font-size: 16px;
  }

  .ab-sec1 .message .left h3 {
    font-size: 24px;
    margin-top: 10px;
  }

  .ab-sec1 .message .left span {
    margin-top: 20px;
    width: 60px;
    height: 3px;
  }

  .ab-sec1 .message .left p {
    font-size: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .ab-sec1 .message .left .bottom div {
    min-width: 30%;
  }

  .ab-sec1 .message .left .bottom div h5 {
    font-size: 14px;
  }

  .ab-sec1 .message .left .bottom div p {
    font-size: 16px;
    margin-top: 10px;
  }

  .ab-sec1 .message .right {
    width: 100%;
  }

  .ab-sec1 .message .right .wrap {
    width: 46%;
    height: 45px;
    margin-bottom: 15px;
    border-radius: 6px;
  }

  .ab-sec1 .message .right .wrap img {
    height: 20px;
    margin: 0 5%;
  }

  .ab-sec1 .message .right .wrap input {
    font-size: 16px;
  }

  .ab-sec1 .message .right textarea {
    height: 30vw;
    margin-bottom: 15px;
    border-radius: 6px;
  }

  .ab-sec1 .message .right input[type="submit"] {
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    font-size: 16px;
  }

  .ab-sec2 {
    padding: 40px 0;
  }

  .ab-sec2 .hover h2 {
    font-size: 20px;
  }

  .ab-sec2 .hover p {
    font-size: 16px;
    margin-top: 20px;
  }

  .ab-sec2 .hover a {
    margin-top: 25px;
    width: 30%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 6px;
    min-width: 60px;
  }

  .s2-sec2 {
    justify-content: space-around;
    padding: 50px 0;
  }

  .s2-sec2 h2 {
    font-size: 24px;
  }

  .s2-sec2 h3 {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 40px;
  }

  .s2-sec2 ul {
    width: 100%;
  }

  .s2-sec2 ul li {
    margin-left: 0 !important;
    height: auto;
    line-height: 2;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 0 2.5%;
  }

  .s2-sec2 img {
    width: 60%;
    min-width: 200px;
    height: auto;
    margin: 30px auto;
  }

  .s2-sec3 .w1400 {
    padding: 50px 0;
  }

  .s2-sec3 .w1400 h2 {
    font-size: 24px;
    line-height: 1.5;
  }

  .s2-sec3 .w1400 h3 {
    margin-top: 15px;
    font-size: 18px;
  }

  .s2-sec3 .w1400 span {
    width: 20vw;
    height: 3px;
    margin-top: 15px;
    margin-bottom: 40px;
  }

  .s2-sec3 .w1400 .center {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .s2-sec3 .w1400 .center .left {
    width: 85%;
    height: auto;
    margin-bottom: 30px;
  }

  .s2-sec3 .w1400 .center .right {
    width: 100%;
  }

  .s2-sec3 .w1400 .center .right h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
  }

  .s2-sec3 .w1400 .center .right p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .s2-sec3 .w1400 .center .right .innerbtm {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .s2-sec3 .w1400 .center .right .innerbtm li {
    width: 30%;
    padding-right: 0;
    border: 0;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }

  .s2-sec3 .w1400 .center .right .innerbtm li img {
    height: 17px;
    margin-right: 6px;
  }

  .s2-sec3 .w1400 .center .right .btmwrap {
    justify-content: center;
  }

  .s2-sec3 .w1400 .center .right .btmwrap a:first-of-type {
    width: 35vw;
    min-width: 120px;
    max-width: 300px;
    padding: 10px 0;
    margin-right: 5vw;
  }

  .s2-sec3 .w1400 .center .right .btmwrap a:first-of-type h5 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 6px;
  }

  .s2-sec3 .w1400 .center .right .btmwrap a:first-of-type i {
    font-size: 14px;
  }

  .s2-sec3 .w1400 .center .right .btmwrap .callicon {
    width: 50px;
    height: 50px;
    margin-right: 2vw;
  }

  .s2-sec3 .w1400 .center .right .btmwrap .callicon img {
    width: 20px;
  }

  .s2-sec3 .w1400 .center .right .btmwrap a:last-of-type {
    font-size: 26px;
  }

  .s2-sec3 .w1400 .bottom {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .s2-sec3 .w1400 .bottom span {
    display: none;
  }

  .s2-sec3 .w1400 .bottom li {
    width: 85%;
    margin-bottom: 20px;
  }

  .s2-sec3 .w1400 .bottom li img {
    height: 30px;
    margin-bottom: 10px;
  }

  .s2-sec3 .w1400 .bottom li h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .s2-sec3 .w1400 .bottom li p {
    font-size: 14px;
  }

  .s2-sec4 {
    padding-top: 50px;
  }

  .s2-sec4 img {
    width: 100%;
    height: auto;
    margin-top: 30px;
  }

  .s2-sec5 {
    padding-top: 70px;
  }

  .s2-sec5 .menu {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .s2-sec5 .menu li {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }

  .pl-sec1 {
    padding-bottom: 50px;
  }

  .pl-sec1 .prods {
    justify-content: space-between;
  }

  .pl-sec1 .prods li {
    width: 48%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .pl-sec1 .prods li a .pic {
    height: 35vw;
  }

  .pl-sec1 .prods li a h4 {
    width: 90%;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pl-sec1 .prods li a p {
    font-size: 14px;
    width: 90%;
    margin-bottom: 15px;
  }

  .pl-sec1 .vids {
    justify-content: space-around;
  }

  .pl-sec1 .vids li {
    width: 90%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .pl-sec1 .vids li a .pic {
    height: 45vw;
  }

  .pl-sec1 .vids li a .pic:after {
    width: 16vw;
    height: 16vw;
  }

  .pl-sec1 .vids li a h4 {
    width: 90%;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
  }

  .pl-sec1 .vids li a p {
    font-size: 14px;
    width: 90%;
    margin-bottom: 15px;
  }

  .pl-sec1 .download {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .pl-sec1 .download .left {
    width: 100%;
    margin-bottom: 30px;
    order: 1;
  }

  .pl-sec1 .download .left li {
    padding-bottom: 25px;
    margin-bottom: 0;
  }

  .pl-sec1 .download .left li a {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .pl-sec1 .download .left li a .left {
    width: 90%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 12px;
    margin-top: 30px;
  }

  .pl-sec1 .download .left li a .right {
    width: 100%;
    display: block;
  }

  .pl-sec1 .download .left li a .right h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .pl-sec1 .download .left li a .right h5 {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .pl-sec1 .download .left li a .right p {
    font-size: 14px;
  }

  .pl-sec1 .download .left li a .right p i img {
    width: 11px;
  }

  .pl-sec1 .download .quesleft li {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .pl-sec1 .download .quesleft li a .right h2 {
    line-height: 1.2;
    margin-bottom: 15px;
    font-size: 20px;
  }

  .pl-sec1 .download .right {
    width: 100%;
    order: 3;
  }

  .pl-sec1 .download .right h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .pl-sec1 .download .right li {
    padding: 20px 0;
  }


  .pl-sec1 .download .right li a {
    font-size: 16px;
  }

  .pl-sec1 .download .rtags a {
    font-size: 16px;
    padding: 6px;
    margin: 8px;
  }

  .pl-sec1 .download .pages {
    order: 2;
    margin-bottom: 50px;
  }

  .pages {
    font-size: 16px;
    line-height: 25px;
  }

  .pages strong {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }

  .pages li {
    width: 7vw;
    max-width: 50px;
    max-height: 50px;
    height: 7vw;
    margin-right: 2vw;
  }

  .pages li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }

  .cc-sec1 .cases {
    justify-content: space-around;
  }

  .cc-sec1 .cases li {
    width: 95%;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 0;
  }

  .cc-sec1 .cases li a img {
    height: 60vw;
  }

  .cc-sec1 .cases li a p {
    padding: 15px 0;
    font-size: 20px;
  }

  .cc-sec1 .cases li a i {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 1.6;
    text-align: left;
  }

  .cc-sec1 .toplist {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .cc-sec1 .toplist a {
    width: 100%;
    margin-bottom: 35px;
  }

  .cc-sec1 .toplist a img {
    height: auto;
    margin-bottom: 20px;
  }

  .cc-sec1 .toplist a .left {
    width: 75%;
  }

  .cc-sec1 .toplist a .left h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cc-sec1 .toplist a .left h3 {
    font-size: 16px;
  }

  .cc-sec1 .toplist a .right {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #1D2088;
  }

  .cc-sec1 .toplist a .right h4 {
    font-size: 16px;
    margin: 0;
    margin-top: 15px;
    color: white;
  }

  .cc-sec1 .toplist a .right h5 {
    font-size: 30px;
    margin-bottom: 15px;
    color: white;
  }

  .cc-sec1 .infos li {
    padding: 25px 0;
  }

  .cc-sec1 .infos li a {
    flex-wrap: wrap;
  }

  .cc-sec1 .infos li a .left {
    margin-bottom: 20px;
    order: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
  }

  .cc-sec1 .infos li a .left h2 {
    font-size: 22px;
    margin-right: 10px;
  }

  .cc-sec1 .infos li a .left h1 {
    font-size: 24px;
    color: #1D2088;
  }

  .cc-sec1 .infos li a .left span {
    width: 30px;
  }

  .cc-sec1 .infos li a .right {
    order: 2;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .cc-sec1 .infos li a .right img {
    margin-left: 7px;
    width: 15px;
  }

  .cc-sec1 .infos li a .center {
    order: 3;
    width: 100%;
    flex: none;
  }

  .cc-sec1 .infos li a .center h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .cc-sec1 .infos li a .center h2 {
    font-size: 16px;
    line-height: 1.6;
  }

  .cd-sec1 {
    flex-wrap: wrap;
  }

  .cd-sec1 .left {
    width: 100%;
  }

  .cd-sec1 .left video {
    width: 100%;
    margin: 15px auto;
    /*height: auto;*/

  }

  .cd-sec1 .left .innertitle {
    margin-bottom: 30px;
  }

  .cd-sec1 .left .innertitle h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .cd-sec1 .left .innertitle .wrap {
    padding: 0;
    flex-wrap: wrap;
  }

  .cd-sec1 .left .innertitle .wrap span {
    font-size: 14px;
    margin: 0 15px;
  }

  .cd-sec1 .left h2 {
    font-size: 20px;
    margin: 30px 0;
    padding-left: 10px;
    border-left: 4px solid;
  }

  .cd-sec1 .left p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .cd-sec1 .left img {
    margin: 30px 0;
  }

  .cd-sec1 .left .navimenu {
    margin-bottom: 50px;
  }

  .cd-sec1 .left .navimenu .wrap {
    font-size: 16px;
  }

  .cd-sec1 .left .navimenu .wrap img {
    height: 14px;
    margin: 0 6px;
  }

  .cd-sec1 .left .navimenu .wrap span {
    display: none;
  }

  .cd-sec1 .left .tags {
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .cd-sec1 .left .tags h3 {
    width: 100%;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 2px;
  }

  .cd-sec1 .left .tags .wrap {
    width: 100%;
  }

  .cd-sec1 .left .tags .wrap a {
    height: 35px;
    line-height: 35px;
    width: 120px;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 8px;
  }

  .cd-sec1 .right {
    width: 100%;
    padding-bottom: 50px;
  }

  .cd-sec1 .right h1 {
    font-size: 22px;
    padding-bottom: 20px;
  }

  .cd-sec1 .right li {
    padding: 25px 0;
  }

  .cd-sec1 .right li a h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #0B5DC3;
  }

  .cd-sec1 .right li a h5 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .cd-sec1 .right li a p {
    font-size: 16px;
  }

  .bottomnavi {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
  }

  .bottomnavi li {
    flex: 1;
  }

  .bottomnavi li img {
    height: 25px;
    width: auto;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 0;
  }

  .bottomnavi li a {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    color: black;
    text-align: center;
    margin-bottom: 8px;
    padding-top: 8px;
  }

  .id-sec3>a {
    font-size: 16px;
    width: 150px;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
  }
  iframe {
	  width: 6.25rem;
	  height: 4.056rem;
  }

}