/* 前端张文杰 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  position: relative;
  outline: none;
}


.videobg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 类似background-size: cover */
  z-index: 1;
}


/* 移动端样式调整 */
@media (max-width: 768px) {
  .lbanner .pc_video {
    display: none;
  }
  .lbanner .m_video {
    display: block !important;
  }
  .lbanner .m_img {
    display: block !important;
  }
}

@font-face {
  font-family: "方太梦想宋细";
  src: url("../font/方太梦想宋细.TTF");
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #1f1f1f;
  font-family:'mr', 'mr', PingFang SC, Microsoft YaHei, Segoe UI,
    Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.73vw;
  line-height: 1;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  color: #1f1f1f;
}
textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.73vw;
  width: 100%;
}
img {
  border: none;
  display: block;
  max-width: 100%;
}
img[src=""] {
  opacity: 0;
}
i {
  font-style: normal;
}
/* 滚动条样式 */
body::-webkit-scrollbar {
  width: 0.21vw;
  height: 0.05vw;
}
body::-webkit-scrollbar-thumb {
  background: #333;
}
body::-webkit-scrollbar-track {
  background: #fff;
}
/*弹窗 */

.zz_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10;
}

.zz_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

/*弹窗内容 */

.zz_tanchuang .tbox .modal {
  background: white;
  padding: 1.56vw;
  display: block;
  border-radius: 0.26vw;
  position: relative;
  width: 80%;
  max-width: 62.50vw;
  max-height: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}

.zz_tanchuang .tbox .modal .out {
  position: absolute;
  width: 2.08vw;
  height: 2.08vw;
  line-height: 2.08vw;
  background: #fff url(../image/out1.png) center no-repeat;
  background-size: 1.04vw;
  color: #000;
  font-size: 1.56vw;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -2.60vw;
  cursor: pointer;
  transition: all 0.5s;
}

.zz_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 31.25vw;
  margin: 0 auto;
}

.zz_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  max-height: 67vh;
}

.zz_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

.zz_tanchuang .tbox .modal .out:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.zz_tanchuang .tbox .modal2 {
  padding: 1.04vw;
}

.zz_tanchuang .tbox .modal .img {
  max-width: 62.50vw;
}

/*弹窗选中 */

.zz_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.zz_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
}

.zz_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
}

.zz_tanchuang.one.out .tbox .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.zz_tanchuang.one {
  transform: scale(1);
  -webkit-transform: scale(1);
}

/* 弹窗动画 */

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}

/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  font-family: 'mr';
  outline: none;
}
input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
a:hover {
  text-decoration: none !important;
}


.f_12 {
  font-size: 0.63vw;
}
.f_14 {
  font-size: 0.73vw;
}

.f_15 {
  font-size: 0.78vw;
}

.f_16 {
  font-size: 0.83vw;
}

.f_18 {
  font-size: 0.94vw;
}

.f_20 {
  font-size: 1.04vw;
}

.f_22 {
  font-size: 1.15vw;
}

.f_24 {
  font-size: 1.25vw;
}

.f_26 {
  font-size: 1.35vw;
}

.f_28 {
  font-size: 1.46vw;
}

.f_30 {
  font-size: 1.56vw;
}

.f_32 {
  font-size: 1.67vw;
}

.f_33 {
  font-size: 1.72vw;
}

.f_34 {
  font-size: 1.77vw;
}

.f_36 {
  font-size: 1.88vw;
}

.f_38 {
  font-size: 1.98vw;
}

.f_40 {
  font-size: 2.08vw;
}

.f_42 {
  font-size: 2.19vw;
}

.f_44 {
  font-size: 2.29vw;
}
.f_45 {
  font-size: 2.34vw;
}
.f_48 {
  font-size: 2.50vw;
}

.f_50 {
  font-size: 2.60vw;
}

.f_52 {
  font-size: 2.71vw;
}

.f_58 {
  font-size: 3.02vw;
}

.f_66 {
  font-size: 3.44vw;
}

.f_70 {
  font-size: 3.65vw;
}

.f_130 {
  font-size: 6.77vw;
}

/*图片移动放大*/
.himgf {
  overflow: hidden;
}
.himg {
  transition: all 0.5s;
  width: 100%;
}
.himgf:hover .himg {
  transform: scale(1.1);
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/* ewm */
.share .item {
  position: relative;
}
.share .item .ewm {
  position: absolute;
  left: 50%;
  top: -0.52vw;
  transform: translate(-50%, -100%);
  width: 10.42vw;
  height: 10.42vw;
  background-color: #fff;
  box-shadow: 0 0 1.56vw rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.share .item:hover .ewm {
  opacity: 1;
  z-index: 99;
}
/*控制文本行数*/
.line1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.line2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.line4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.w1680 {
  width: 87.5%;
  margin: 0 auto;
  position: relative;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 6.25%;
  z-index: 889;
  transition: all 0.3s;
}
.m_header{
    display: none;
}
.header_box {
  display: flex;
  justify-content: space-between;
  /*padding: 0.78vw 0;*/
  font-weight: lighter;
  /*overflow: hidden;*/
  /*transition: all 0.3s;*/
}
header .ln {
  display: flex;
  /*width: 78%;*/
}
header .logo {
  padding-right: 7.4%;
  position: relative;
  display: flex;
  align-items: center;
  
}
header .logo img{
  width: 6.51vw;  
  max-width: fit-content;
}
header .logo::after {
  content: "";
  position: absolute;
  /*bottom: -0.52vw;*/
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.05vw;
  background-color: #b3a46a;
}
header .logo .logo2 {
  display: none;
}
header .nav1 {
  display: flex;
  /*width: 78%;*/
}
header .nav1 li {
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
header .nav1 li::after {
  content: "";
  position: absolute;
  /*bottom: -0.52vw;*/
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.05vw;
  background-color: #b3a46a;
}
header .nav1::before {
  content: "";
  position: absolute;
  /*bottom: -0.52vw;*/
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  width: 10.42vw;
  height: 0.05vw;
  background-color: #b3a46a;
}
header .nav1 li.act::after {
  /*bottom: -0.68vw;*/
  bottom: -0.16vw;
  width: 0.31vw;
  height: 0.31vw;
  background-color: #fff;
  border-radius: 0.16vw;
  z-index: 999;
}
header .nav1 li > a {
  display: block;
  color: #fff;
  line-height: 3.13vw;
  font-family: arial;
  transition: color .5s;font-size:1vw
}
header .nav1 li:last-child a {
  margin-right: 0;
}
header .right {
  display: flex;
  line-height: 3.13vw;
  align-items: center;
  justify-content: end;
  width: 24vw;
}
header .right::after {
  content: "";
  position: absolute;
  /*bottom: -0.52vw;*/
  bottom: 0;
  right: 0;
  width: 120%;
  height: 0.05vw;
  background-color: #b3a46a;
}
header .right .lag ul {
  display: none;
}
header .right .ss {
  height: 3.13vw;
}
header .right .ss img {
  display: inline-block;
  margin-top: 1.56vw;
  transform: translateY(-50%);
  margin-right: 0.94vw;
  cursor: pointer;
}
header .right .ss .ss2 {
  display: none;
}
header .right .solid {
  width: 1px;
  height: 0.73vw;
  background-color: #fff;
  /*margin-top: 1.20vw;*/
  margin-right: 0.94vw;
}
header .right .lag {
  height: 3.13vw;
  position: relative;
  padding: 0 0.63vw 0 1.41vw;
}
header .right .lag span {
  color: #fff;
  height: 100%;
  display: block;
}
header .right .lag::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.89vw;
  height: 0.89vw;
  background: url(../image/yy.png) no-repeat center;
  background-size: 100% 100%;
}
header .right .lag::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.36vw;
  height: 0.21vw;
  background: url(../image/sj.png) no-repeat center;
}
header .right .btn {
    opacity: 0;
  position: relative;
  top: 0;
  width: 11.46vw;
  height: 2.08vw;
  text-align: center;
  line-height: 2.08vw;
  margin-top: 1.56vw;
  transform: translateY(-50%);
  background-image: linear-gradient(to right, #f58227, #f5a501);
  margin-left: 1.04vw;
  border-radius: 1.04vw;
  color: #ffffff;
  transition: all 0.3s;
  white-space: nowrap;
  font-family: ml;
}
header .right .btn:hover {
  background-image: linear-gradient(to right, #f58227, #f58227);
  top: -0.21vw;
}

/* 搜索框样式 */
header .ss_con {
  position: absolute;
  top: 4.69vw;
  left: 0;
  background-color: #f58227;
  background-image: linear-gradient(to right, #f58227, #f5a501);
  height: 6.25vw;
  width: 100%;
  margin: 0 auto;
  padding: 2.08vw 8%;
  display: none;
}
header .ss_con .box {
  width: 41.67vw;
  border-bottom: 0.05vw solid #fff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
header .ss_con .box input {
  width: 39.06vw;
  line-height: 2.08vw;
  background-color: transparent;
  color: #ffffff;
}
header .ss_con .box button {
  width: 2.60vw;
  background: url(../image/ss.png) no-repeat center;
  border-color: transparent;
  cursor: pointer;
}
header .ss_con .out {
  position: absolute;
  top: 1.04vw;
  right: 6.25%;
  width: 1.56vw;
  height: 1.56vw;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s;
}
header .ss_con .out:hover {
  transform: rotate(180deg);
}
/* 搜索框样式 end */

header.forever,
header:hover {
  background-color: #fff;
}
header.forever .logo .logo1,
header:hover .logo .logo1 {
  display: none;
}
header.forever .logo .logo2,
header:hover .logo .logo2 {
  display: block;
}
header.hover .nav1 li.act::after,
header.forever .nav1 li.act::after,
header:hover .nav1 li.act::after {
  background-color: #f58227;
}

/*header.forever .logo::after,*/
/*header:hover .logo::after,*/
/*header.forever .nav1 li::after,*/
/*header:hover .nav1 li::after,*/
/*header.forever .right::after,*/
/*header:hover .right::after {*/
/*  background-color: #d9d9d9;*/
/*}*/

header.forever .nav1 li a,
header:hover .nav1 li a {
  color: #333;
}
header .nav1 li:hover > a{
    color: #f58227!important;
}
header.forever .right .lag::before,
header:hover .right .lag::before {
  background-image: url(../image/yy_w.png);
}
header.forever .right .lag::after,
header:hover .right .lag::after {
  background-image: url(../image/sj_w.png);
}
header.forever .right .lag span,
header:hover .right .lag span {
  color: #333;
}
header.forever .right .ss .ss1,
header:hover .right .ss .ss1 {
  display: none;
}
header.forever .right .ss .ss2,
header:hover .right .ss .ss2 {
  display: block;
}
header.forever .header_box,
header.hover .header_box,
header:hover .header_box {
  /*padding: 0.52vw 0;*/
  padding: 0;
}
header.forever .right .solid,
header:hover .right .solid {
  background-color: #333;
}

header.hover {
  background-color: #fff;
  box-shadow: 0 0 0.52vw rgba(0, 0, 0, 0.1);
}
header.hover .logo .logo1 {
  display: none;
}
header.hover .logo .logo2 {
  display: block;
}
header.hover .nav1 li a {
  color: #333;
    font-family: arial;
}
header.hover .right .lag::before {
  background-image: url(../image/yy_w.png);
}
header.hover .right .lag::after {
  background-image: url(../image/sj_w.png);
  display: none;
}
header.hover .right .lag span {
  color: #333;
  font-family: arial;
}
header.hover .right .ss .ss1 {
  display: none;
}
header.hover .right .ss .ss2 {
  display: block;
}
header.hover .header_box {
  /*padding: 0.52vw 0;*/
}
header.hover .right .solid {
  background-color: #333;
}

/* 导航下拉 */
header .nav1 li {
  position: relative;
  /*margin-right: 4.56%;*/
  padding:0 1.2vw;
}
header .nav1 li .xl {
  display: none;
  position: fixed;
  /*top: 4.69vw;*/
  top: 3.65vw;
  left: 0;
  width: 100vw;
  height: 40.63vw;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 0 1.56vw rgba(0, 0, 0, 0.1);
}
header .nav1 li .xl .cover{
    height: 100vh;
    
}
header .nav1 li .xl.lxl{
    height: auto;
    width: 200vw;
    position: absolute;
    top: calc(100% + 0.6px);
    left: 0;
    transform: translateX(-100vw);
    padding-left: 100vw;
}
header .nav1 li .xl.lxl .inner{
    display: block;
    z-index: 2;
}
header .nav1 li .xl.ser_xl{
    height: auto;
}

header .nav1 li .xl.ser_xl .inner{
    display: flex;
    position: relative;
    z-index: 2;
    background-color: #FFF;
    padding:2.60vw 9.25vw 3.80vw;
    /*flex-wrap: wrap;*/
}
header .nav1 li .xl.ser_xl .inner a{
    display: block;
}

header .nav1 li .xl.ser_xl .sfir_box{
    margin-right: 2.55vw;
}
header .nav1 li .xl.ser_xl .sfir_box:last-child{
    margin-right: 0;
}
/*header .nav1 li .xl.ser_xl .sfir_box:nth-child(4n){*/
/*    margin-right: 0;*/
/*}*/
header .nav1 li .xl.ser_xl .sfir_box .sfir{
    padding-bottom: 0.94vw;
    margin-bottom: 1.56vw;
    border-bottom: 0.05vw solid #E8E8E8;
    font-size: 0.94vw;
    font-family: mm;
    width: 14.27vw;
    transition: all .5s;
}


header .nav1 li .xl.ser_xl .sfir_box .ssec_box{
    margin-bottom: 1.51vw;
}
header .nav1 li .xl.ser_xl .sfir_box .ssec{
    font-size: 0.73vw;
    font-family: ml;
    color: #B8B8B8;
    margin-bottom: 1.04vw;
    transition: all .5s;
    display: flex;
    align-items: center;
}
header .nav1 li .xl.ser_xl .sfir_box .ssec.tit{
    font-size: 0.83vw;
    font-family: mm;
    color: #333;
    
}
header .nav1 li .xl.ser_xl .sfir_box .sfir:hover,
header .nav1 li .xl.ser_xl .sfir_box .ssec:hover{
    color: #f18b15!important;
}
header .nav1 li .xl.ser_xl .sfir_box .ssec i{
    display: block;
  width: 0.63vw;
  height: 0.47vw;
  background-image: url(../image/solxl.svg);
  background-size: 100% 100%;
  margin-left: 0.52vw;
  transition: all 0.5s;
}

header .nav1 li .xl.ser_xl .sfir_box .ssec:hover i{
  background-image: url(../image/solxla.svg);
    
}










header .nav1 li .xl.lxl .sfir_box:hover .sfir{
    color: #f18b15;
}
header .nav1 li .xl.lxl .lxl2{
    /*position: absolute;*/
    /*right: 100%;*/
    /*top: 0;*/
    /*height: 100%;*/
    /*background-color: #FFF;*/
    /*width: 100vw;*/
    display: none;
}

header .nav1 li .xl.lxl .sfir_box{
    display: block;
    /*margin-bottom: 1.04vw;*/
    z-index: 2;
    position: relative;
}
header .nav1 li .xl.lxl .sfir{
    display: block;
    padding: 0 1.25vw;
    height: 2.60vw;
    line-height: 2.60vw;
    text-align: left;
    transition: all .5s;
    color: #000;
    font-family: ml;
    transition: all .5s;
    
}
header .nav1 li .xl.lxl .sfir_box .ssec_box{
    position: absolute;
    left: 10.42vw;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-out;
}
header .nav1 li .xl.lxl .sfir_box:hover{
    z-index: 9;
}
header .nav1 li .xl.lxl .sfir_box:hover .ssec_box{
    opacity: 1;
    z-index: 9;
}
header .nav1 li .xl.lxl .sfir_box:nth-child(2) .ssec_box{
    top: calc(-1.56vw - 1.04vw);
    padding-bottom: calc(1.56vw + 1.04vw);
}
header .nav1 li .xl.lxl .sfir_box:nth-child(3) .ssec_box{
    top: calc(-3.13vw - 2.08vw);
    padding-bottom: calc(3.13vw + 2.08vw);
}

header .nav1 li .xl.lxl .ssec{
    display: block;
    padding: 0 1.67vw;
    height: 2.60vw;
    line-height: 2.60vw;
    text-align: left;
    transition: all .5s;
    color: #666;
    font-family: ml;
}
header .nav1 li .xl.lxl a:hover{
    color: #f18b15;
}

/**/
header .nav1 li .xl.lxl  a{
    display: block;
    padding: 0 1.04vw;
    height: 2.60vw;
    line-height: 2.60vw;
    text-align: left;
    transition: all .5s;
    font-family: mm;
}
header .nav1 li .xl.lxl  a:hover{
    color: #f18b15;
}
/*header .nav1 li:nth-child(2) .xl{*/
/*    display: block;*/
/*}*/

header .nav1 li .xl .inner {
  display: flex;
  height: 100%;
  z-index: 2;
  background: #fff;
  padding: 0.83vw 0;
}
header .nav1 li .xl.lxl::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

/* 产品下拉 */
header .nav1 li .xl .xleft {
  width: 32.81vw;
  border-right: 0.05vw solid #e6e6e6;
  padding: 3.54vw 0;
  padding-left: 9.90vw;
  height: 100%;
}
header .nav1 li .xl .xleft .item {
  display: flex;
  align-items: center;
  height: 3.49vw;
  padding: 0 1.15vw;
  position: relative;
  cursor: pointer;
  font-family: 'ms';
  margin-bottom: 1.04vw;
}
header .nav1 li .xl .xleft .item.act {
  color: #f58227;
  background-color: #fff;
  box-shadow: 0 0 1.56vw rgba(0, 0, 0, 0.1);
}
header .nav1 li .xl .xleft .item.act::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0.16vw;
  background-color: #f58226;
}
header .nav1 li .xl .xleft .item .img {
  margin-right: 1.35vw;
}
header .nav1 li .xl .xleft .item .img .act_img {
  display: none;
}
header .nav1 li .xl .xleft .item.act .img .act_img {
  display: block;
}
header .nav1 li .xl .xleft .item.act .img .comm_img {
  display: none;
}
header .nav1 li .xl .xright {
  width: calc(100% - 32.81vw);
  height: 100%;
}
header .nav1 li .xl .xright .block {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.49vw;
}
header .nav1 li .xl .xright .block.act {
  display: block;
}
header .nav1 li .xl .xright .title {
  font-size: 1.04vw;
  margin-bottom: 1.04vw;
  font-family: 'ms';
}
header .nav1 li .xl .xright .list {
  display: flex;
  flex-wrap: wrap;
  height: 29.58vw;
  overflow: auto;
}
header .nav1 li .xl .xright .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.98vw;
  margin-right: 1.04vw;
  width: 14.06vw;
}
header .nav1 li .xl .xright .list .item:nth-child(4n) {
  margin-right: 0;
}
header .nav1 li .xl .xright .list .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.94vw;
  height: 10.94vw;
  margin-bottom: 0.78vw;
}
header .nav1 li .xl .xright .list .item .img img{
    width: 100%;
}
header .nav1 li .xl .xright .list .item .name {
  font-size: 0.73vw;
  text-align: center;
  line-height: 1.5;
  white-space: initial;
}
header .nav1 li .xl .xright .more {
  width: 10.42vw;
  height: 2.29vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
  border-radius: 1.15vw;
  position: relative;
  left: 0;
  top: 0;
}
header .nav1 li .xl .xright .more img {
  margin-left: 0.78vw;
  transition: all 0.5s;
}
header .nav1 li .xl .xright .more:hover img {
  margin-left: 1.30vw;
}

/* 解决方案下拉 */

header .nav1 li .xl .sol_inner .sol {
  width: 50%;
  /*overflow: hidden;*/
}
/*header .nav1 li .xl .sol_inner .sol img{*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/

header .nav1 li .xl.solxl{
    height: 19.79vw;
}
header .nav1 li .xl .sol_inner .tab {
  padding: 3.69vw 0 0 4.33vw;
  position: relative;
  width: 50%;
  background-color: #fff;
  /*background-color: #f4f4f4;*/
}
header .nav1 li .xl .sol_inner .tab .xlcha {
  position: absolute;
  top: 3.13vw;
  right: 6.77vw;
  width: 2.60vw;
}
header .nav1 li .xl .sol_inner .tab .item {
  margin-bottom: 3.17vw;
  display: flex;
  align-items: center;
  position: relative;
  font-family: 'mm';
}
header .nav1 li .xl .sol_inner .tab .item .tit {
  font-size: 0.14rem;
  font-family: 'mm';
  position: relative;
  transition: all 0.5s;
}
header .nav1 li .xl .sol_inner .tab .item:hover .tit {
  color: #f58227;
  padding-left: 1.65vw;
}
header .nav1 li .xl .sol_inner .tab .item .tit .nr{
  
  transition: all 0.5s;
}
header .nav1 li .xl .sol_inner .tab .item:hover .tit .nr{
  
  transform: skewX(-15deg);
}
header .nav1 li .xl .sol_inner .tab .item .tit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.41vw;
  height: 0.05vw;
  width: 0%;
  background-color: #f58227;
  transition: all 0.5s;
}
header .nav1 li .xl .sol_inner .tab .item:hover .tit::after {
  width: 100%;
}

header .nav1 li .xl .sol_inner .tab .item .tit .mask {
  position: absolute;
  width: calc(100% + 1.04vw);
  height: 2.08vw;
  left: 0;
  top: calc(50%);
  transform: translateY(-50%);
  color: #fff;
  background-image: url(../image/mask.png);
  background-size: 2.08vw 2.08vw;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-mask-image: url(../image/mask.png);
  -webkit-mask-size: 2.08vw 2.08vw;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: right center;
  opacity: 0;
  transition: all 0.5s;
  display: flex;
    align-items: center;
}
header .nav1 li .xl .sol_inner .tab .item:hover .tit .mask{
  opacity: 1;
  color: #fff;
  padding-left: 1.65vw;
}
header .nav1 li .xl .sol_inner .tab .item .num {
  display: none;
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
}
header .nav1 li .xl .sol_inner .tab .item .img {
  opacity: 0;
  transition: all 0.5s;
  position: absolute;
  right: -3.33vw;
  top: 0;
  transform: translateX(100%);
  width: 7.29vw;
  height: 7.29vw;
  border-radius: 50%;
  overflow: hidden;
}
header .nav1 li .xl .sol_inner .tab .item .img img{
    width: 100%;
}
header .nav1 li .xl .sol_inner .tab .item:hover .num {
  color: #f58227;
  font-size: 0.14rem;
  display: block;
}
header .nav1 li .xl .sol_inner .tab .item:hover .img {
  opacity: 1;
}

/* 头部end */
footer {
  background-color: #ffffff;
  border-top: 0.05vw solid #d8d8d8;
}
.m_footer{
    display: none;
}
footer .top {
  padding: 3.65vw 0 2.81vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.05vw solid #d8d8d8;
}
footer .top .f_nav {
  display: flex;
}
footer .top .f_nav li {
  margin-right: 1.67vw;
}
footer .top .f_nav li:last-child {
  margin-right: 0;
}
footer .top .f_nav a {
  color: #333333;
  line-height: 1.25vw;
  white-space: nowrap;
  font-family: ml;
}
footer form {
  display: flex;
  align-items: center;
  margin-bottom: 1.56vw;
}
footer form input {
  width: 16.46vw;
  height: 2.08vw;
  background-color: #f3f3f3;
  border-radius: 0.21vw;
  padding: 0 1.04vw;
  margin-right: 0.52vw;
  
  font-family: ml;
}
footer form button {
  width: 5.21vw;
  height: 2.08vw;
  border-radius: 0.21vw;
  color: #ffffff;
  background-image: linear-gradient(to right, #f58227, #f5a501);
  border: none;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.3s;
}
footer form button:hover {
  top: -0.16vw;
}
footer .center {
  padding: 2.81vw 0 1.56vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .center .left {
  display: flex;
  flex-wrap: wrap;
  color: #000000;
}
footer .center .left .item {
  display: flex;
  align-items: center;
  line-height: 1.5;
  margin-right: 2.76vw;
}
footer .center .left .item .dz,
footer .center .left .item .dz .tit{
    font-family: ml;
}

footer .center .left .item .tit {
  color: #999999;
}
footer .center .left .item img {
  margin-right: 1.04vw;
  width: 2.08vw;
}
footer .center .left .tel {
  width: 100%;
  margin-bottom: 2.50vw;
  font-size: 1.88vw;
  color: #f58227;
}
footer .center .left .tel span{
    margin-right: 30px;
}
footer .icons {
  display: flex;
  align-items: center;
  /*margin-bottom: 1.56vw;*/
}
footer .icons >div{
    font-family: ml;
}
footer .icons a {
  display: block;
  margin-left: 1.04vw;
}
footer .center .right .imgs {
  display: flex;
  align-items: center;
}
footer .center .right .imgs img {
  margin-right: 2.08vw;
  width: 6.25vw;
}
footer .center .right .imgs img:last-child {
  margin-right: 0;
}
footer .bottom {
  background-color: #53535313;
  color: #8a8a8a;
}
footer .bottom .w1680 {
  display: flex;
  justify-content: space-between;
  line-height: 2.60vw;
}
footer .bottom .w1680 > div,
footer .bottom .w1680 a{
    font-family: ml;
    
}
footer .bottom a{
  
  color: #8a8a8a;
}
/* 底部end */

.banner {
  position: relative;
  overflow: hidden;
  height: 26.67vw;
  width: 100%;
}
.banner .img {
  width: 100%;
  height: 100%;
}
.banner .page1_dian {
  position: absolute;
  bottom: 3.65vw;
  left: -webkit-calc(50% - 0.31vw);
  left: -moz-calc(50% - 0.31vw);
  left: calc(50% - 0.31vw);
  width: 0.63vw;
  height: 1.04vw;
  border-radius: 1.04vw;
  border: 0.05vw solid #fff;
  z-index: 1;
  cursor: pointer;
}
.mmore {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.15vw;
  color: #ffffff;
  font-size: 0.73vw;
  width: 9.01vw;
  height: 2.29vw;
  background-image: linear-gradient(to right, #f58227, #f5a501);
}
.mmore i {
  display: block;
  width: 0.60vw;
  height: 0.44vw;
  background-image: url(../image/arr-f.svg);
  background-size: 100% 100%;
  margin-right: 0.73vw;
  margin-top: 0.10vw;
  transition: all 0.5s;
}
.mmore:hover i {
  margin-right: 1.25vw;
}
.banner .txt {
  position: absolute;
  left: 6.25%;
  top: calc(39% + 0.9rem);
  transform: translateY(-50%);
  z-index: 3;
  color: #fff;
  line-height: 1.5;
}
.banner .swiper-slide video,
.banner .swiper-slide .img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner .swiper-slide .img{
    height: 100%;
}
.banner .swiper-slide video{
    z-index: 2;
}
.banner .swiper-slide video.m,
.banner .swiper-slide .img.m{
    display: none;
}
.banner.i_banner .txt .h1,
.banner.i_banner .txt .h2{
    
  font-family: 'mb';
}

.banner .txt .tit {
  font-size: 0.52rem;
  width: 8.8rem;
  font-family: 'mm';
}
.banner .txt .con {
  font-size: 0.22rem;
  line-height: 2.4545;
  font-family: 'ml';
}


.nbanner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明白色可调透明度 */
  z-index: 2; /* 要在视频之上，文字之下 */
  pointer-events: none; /* 不影响点击穿透到下层元素 */
}

/* 添加半透明黑色遮罩层 */
.lbanner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明白色可调透明度 */
  z-index: 2; /* 要在视频之上，文字之下 */
  pointer-events: none; /* 不影响点击穿透到下层元素 */
}


.lbanner .txt {
  position: absolute;
  left: 0;
  top: 1.2rem;
  z-index: 2;
  color: #fff;
  line-height: 0.79rem;
  font-family: 'mr';
  text-align: left;
  width: 100%; z-index: 3;
  padding-left: 1.2rem;
}
.lbanner .txt .tit {
  font-size: 0.52rem;
  color: #F58327;
}
.lbanner.sbanner .txt{
    top: 50%;
    transform: translateY(-50%);
    padding-left:0;
    text-align: center;
}
.lbanner.sbanner .txt .tit{
    color: #fff;
}
.lbanner .txt .con {
  font-size: 0.22rem;
  line-height: 1.4545;
  color: #666666;
}
.lbanner .txt .con span{
  color: #F58327;
    
}
.banner .page1_dian::after {
  content: "";
  position: absolute;
  top: 0.03rem;
  left: 50%;
  width: 0.01rem;
  height: 0.03rem;
  background: #fff;
  -webkit-animation: mouse 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  -moz-animation: mouse 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  -o-animation: mouse 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: mouse 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.banner .page1_dian::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.64rem;
  height: 0.64rem;
  background: url(../image/xxquan.png) no-repeat center;
  background-size: 100%;
  animation: zhuan 4s linear infinite;
  -webkit-animation: zhuan 4s linear infinite;
}

@keyframes zhuan {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes zhuan {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes mouse {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
    opacity: 0;
  }
}

@keyframes mouse {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(0.1rem);
    -moz-transform: translateY(0.1rem);
    -o-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
    opacity: 0;
  }
}
.banner .more {
  position: absolute;
  left: 6.25%;
  bottom: 0.67rem;
  color: #fff;
  padding-left: 0.4rem;
  text-transform: uppercase;
  z-index: 2;
  transition: all 0.3s;
  cursor: pointer;
}
.banner .more:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background: url(../image/lm.png) no-repeat center ;
  background-size: 100% 100%;
  z-index: -1;
}
.banner .more:hover {
  bottom: 0.7rem;
}
.banner .next,
.banner .prev {
  bottom: 0.67rem;
  top: auto;
  width: 0.39rem;
  height: 0.39rem;
  border-radius: 50%;
  background: no-repeat;
  background-size: 0.39rem 0.78rem;
  transition: all 0.3s;
}
.banner .next {
  background-image: url(../image/b_next.png);
  right: 6.25%;
  left: auto;
}
.banner .prev {
  background-image: url(../image/b_prev.png);
  right: calc(6.25% + 0.7rem);
  left: auto;
}
.banner .next:hover,
.banner .prev:hover {
  background-position-y: -0.39rem;
}



/* 保持原有的img样式作为后备 */
.lbanner .img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.lbanner_text {
  height: 100%;
  width: 100%;
  font-size: 0.58rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lbanner {
  position: relative;
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
  margin-top: 0.7rem;
}

.part1 {
  padding: 0.74rem 0;
  position: relative;
}
.part1 {
  background:  no-repeat ;
  background-position:center bottom ;
  background-size: 100% 2.76rem;
}
.part1 .tit {
  text-align: center;
  line-height: 0.48rem;
  color: #333333;
  margin-bottom: 0.57rem;
  font-family: 'mb';
}
.part1 .con {
  position: relative;
  overflow: hidden;
  height: 5.53rem;
}
.part1 .con .box {
  border: 1px solid #dedede;
  width: 30%;
  position: relative;
  z-index: 2;
  padding: 0.6rem 0.4rem;
  overflow: hidden;
}
.part1 .con .box .icon {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.62rem;
  right: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.part1 .con .box .icon.act{
    display: none;
}
.part1 .con .box:hover .icon.comm{
    display: none;
}
.part1 .con .box:hover .icon.act{
    display: flex;
}
.part1 .con .box .txt .h {
  color: #333333;
  line-height: 1.33;
  margin-bottom: 0.1rem;
  transition: all 0.3s;
  width: 2.6rem;
  font-family: 'ml';
}
.part1 .con .box .txt .p {
  color: #999999;
  line-height: 0.22rem;
  margin-bottom: 0.5rem;
  transition: all 0.3s;
  font-family: 'ml';
}
.part1 .con .box .txt .btn {
  position: relative;
  top: 0;
  width: 1.6rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  border-radius: 0.25rem;
  border: 1px solid #ffffff;
  color: #ffffff;
  opacity: 0;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.part1 .con .box .txt .btn i{
  display: block;
  width: 0.1056rem;
  height: 0.0962rem;
  background-image: url(../image/more-f9.svg);
  background-size: 100% 100%;
  margin-left: 0.095rem;
  transition: all 0.5s;
}
.part1 .con .box .txt .btn:hover i{
    margin-left: 0.195rem;
}
.part1 .con .box .pic {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.part1 .con .box .pic img{
    max-height: 100%;
}
.part1 .con .box:hover .pic {
  width: 2.2rem;
  right: 1.3rem;
}
.part1 .con .box:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../image/part1_bbj.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}

.part1 .con .box:hover {
  border-color: transparent;
}
.part1 .con .box:hover:after {
  top: 0;
}
.part1 .con .box:hover .icon {
  /*background-position-y: -0.5rem;*/
}
.part1 .con .box:hover .txt .h {
  color: #ffffff;
}
.part1 .con .box:hover .txt .p {
  color: #ffffff;
}
.part1 .con .box:hover .txt .btn {
  opacity: 1;
}
.part1 .con .box .txt .btn:hover {
  /*top: -0.03rem;*/
}
.part1 .next,
.part1 .prev {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  background-size: 0.5rem 0.5rem;
  z-index: 2;
}
.part1 .next.swiper-button-disabled,
.part1 .prev.swiper-button-disabled{
    display: none;
}
.part1 .next {
  background-image: url(../image/part1_next.png);
  right: calc(7.3% - 0.9rem);
}
.part1 .prev {
  background-image: url(../image/part1_prev.png);
  left: calc(7.3% - 0.9rem);
}

.part2 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.74rem;
}
.part2:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5.2vw;
  width: 1px;
  height: 100%;
  background: url(../image/part2_solid.png) no-repeat;
}
.part2 .pic {
  width: 62.3%;
  position: relative;
  overflow: hidden;
}
.part2 .pic .swiper-slide {
  position: relative;
  background: no-repeat center;
  background-size: cover;
}

.part2 .pic .swiper-slide .txt {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 6.25vw;
  color: #fff;
}
.part2 .pic .swiper-slide .txt .h {
  line-height: 0.42rem;
  margin-bottom: 0.36rem;
  font-family: 'mm';
}
.part2 .pic .swiper-slide .txt .p {
  line-height: 0.22rem;
  max-width: 5.2rem;
  margin-bottom: 0.8rem;
  font-family: 'ml';
}
.part2 .pic .swiper-slide .txt .btn {
  width: 1.6rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  border: 1px solid #fff;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part2 .pic .swiper-slide .txt .btn i{
  display: block;
  width: 0.1056rem;
  height: 0.0962rem;
  background-image: url(../image/more-f9.svg);
  background-size: 100% 100%;
  margin-left: 0.095rem;
  transition: all 0.5s;
}
.part2 .pic .swiper-slide .txt .btn:hover i{
    margin-left: 0.195rem;
}
.part2 .pic .next,
.part2 .pic .prev {
  top: auto;
  bottom: 1.05rem;
  width: 0.39rem;
  height: 0.39rem;
  border-radius: 50%;
  background: no-repeat;
  background-size: 0.39rem 0.78rem;
  opacity: 1;
}

.part2 .pic .next:hover,
.part2 .pic .prev:hover {
  background-position-y: -0.39rem;
}
.part2 .pic .prev {
  left: 1rem;
  background-image: url(../image/b_prev.png);
}
.part2 .pic .next {
  right: auto;
  left: 1.7rem;
  background-image: url(../image/b_next.png);
}
.part2 .right {
  width: 37.7%;
  background: url(../image/part2_bj.png) no-repeat;
  background-size: cover;
  padding: 4vw 0 5.2vw 5.2vw;
  position: relative;
  overflow: hidden;
  color: #fff;
  height: 39.58vw;
}
.part2 .right .tit {
  line-height: 2.5vw;
  margin-bottom: 4.166vw;
  font-size: 0.36rem;
  font-family: 'mb';
}
.part2 .right .txt {
  position: relative;
  overflow: hidden;
  height: 18.75vw;
}
.part2 .right .txt {
  position: relative;
  padding-right: 5.2vw;
  padding-top: 1vw;
}
.part2 .right .swiper-slide:after {
  content: "";
  position: absolute;
  right: -0.03rem;
  top: 50%;
  margin-top: -0.03rem;
  width: 0.06rem;
  height: 0.06rem;
  background-color: #ffffff;
  border-radius: 50%;
}
.part2 .right .swiper-slide-thumb-active:after {
  width: 0.4rem;
  height: 0.4rem;
  right: -0.2rem;
  margin-top: -0.3rem;
  background: url(../image/part2_yuan.png) no-repeat;
  background-size: 100% 100%;
}
.part2 .right .swiper-slide > div {
  display: table;
  padding-right: 0.35rem;
  margin-bottom: 0;
  line-height: 0.32rem;
  padding-bottom: 0.08rem;
  cursor: pointer;
  position: relative;
  font-family: 'ml';
}
.part2 .right .swiper-slide > div:after {
  width: 0%;
  transition: all 0.3s;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #ffffff;
}
.part2 .right .swiper-slide-thumb-active > div:after {
  width: 100%;
}
.part2 .right .swiper-slide > div span {
  margin-right: 0.16rem;
}

.part3 {
 padding-top: 4.5vw;
    padding-bottom: 4.2vw;
    padding-left: 6.25%;
    display: flex;
    position: relative;
}
.part3 .pc_con {
  width: 28vw;
}
.part3 .pc_con .tit {
  font-family: 'mb';
  color: #000000;
  line-height: 0.5rem;
  margin-bottom: 2.6vw;
}
.part3 .pc_con .p {
  line-height: 0.3rem;
  color: #666666;
  font-family: 'ml';
  margin-bottom: 3.64vw;
}
.part3 .pc_con .con1 {
  display: flex;
  flex-wrap: wrap;
}
.part3 .pc_con .con1 .box {
  width: 1.9rem;
  margin-right: 1.5rem;
  margin-bottom: 0.42rem;
}
.part3 .pc_con .con1 .box .en{
    position: relative;
    white-space: nowrap;
}
.part3 .pc_con .con1 .box .en .icon{
  position: absolute;
  left: 0;
  top: -0.3rem;
  width: 0.11rem;
  height:  0.11rem;
  /*background-image: url('../img/addo.svg');*/
  background-size: 100% 100%;
  transition: all 0.5s;
}
.part3 .pc_con .con1 .box .top {
  display: flex;
  align-items: baseline;
  color: #f58327;
  margin-bottom: 0.15rem;
}
.part3 .pc_con .con1 .box .txt {
  line-height: 1.75;
  color: #999;
  font-family: 'ml';
}
.part3 .pc_con .con1 .box .top .num {
  margin-right: 0.15rem;
  font-family: 'Century Gothic';
  font-weight: bold;
}
.part3 .pc_con .con1 .box:nth-child(2n) {
  margin-right: 0;
}
.part3 .m_map {
  position: absolute;
  top: 9.49vw;
  right: 0;
  width: 63.54vw;
}
.part3 .m_map .m{
    display: none;
}
.part3 .m_map .points{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.part3 .m_map .rightTip{
    position: absolute;
    top: -0.75rem;
    right: 1.2rem;
    display: flex;
    align-items: center;
    width: 2rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    border: 1px solid #F5A401;
    overflow: hidden;
}
.part3 .m_map .rightTip .txt{
    width: 1.2rem;
    height: 100%;
    background-color: #F5A401;
    color: #fff;
    font-family: ml;
  display: flex;
  align-items: center;
    justify-content: center;
}
.part3 .m_map .rightTip .item{
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.8rem;
    height: 100%;
}
.part3 .m_map .rightTip .item .img{
    transform: scale(0.75);
}
.part3 .m_map .item {
  position: absolute;
}
.part3 .m_map .item .text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 0.15rem));
  font-size: 0.14rem;
  color: #666666;
    font-family: ml;
}
.part3 .m_map .item:nth-child(4) .text{
   left: -0.3rem;
    top: 0.2rem; 
}
.part3 .m_map .item:nth-child(6) .text{
    top: -0.16rem;
}
.part3 .m_map .item:nth-child(9) .text{
    left: 0.4rem;
}
.part3 .m_map .item:nth-child(17) .text{
    left: 0.6rem;
    top: 0.28rem;
}
.part3 .m_map .item .icon {
  position: relative;
  width: 0.08rem;
  height: 0.1266rem;
}
.part3 .m_map .item .img {
  position: relative;
  vertical-align: bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part3 .m_map .item .img img {
  transform: translateY(-6px);
}
.part3 .m_map .item .img::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 27px;
  height: 19px;
  border-radius: 50%;
  /*background: rgba(0, 30, 180, 0.2);*/
  animation: boderM 3s 0.75s infinite;
  z-index: 9;
  background-image: url("../image/po3.svg");
  background-size: 100% 100%;
}
.part3 .m_map .item .img::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 27px;
  height: 19px;
  border-radius: 50%;
  /*background: rgba(0, 30, 180, 0.2);*/
  animation: boderM 3s infinite;
  z-index: 9;
  background-image: url("../image/po4.svg");
  background-size: 100% 100%;
}
@keyframes boderM {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes bordershow {
  50% {
    box-shadow: 0px 0px 10px 0 #001eb4;
  }
}
.part4 {
  padding: 0vw 0 0 0;
}
.part4 .tit {
  text-align: center;
  margin-bottom: 2.6vw;
  font-family: 'mb';
}
.part4 .con {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
  padding-bottom: 2.6vw;
  width: calc(87.5% + 0.2rem);
  transform: translateX(-0.1rem);
}
.part4 .con .swiper-slide {
  transition: all 0.5s;
}
.part4 .con .swiper-slide:hover {
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.part4 .con .swiper-slide .pic {
  width: 100%;
  overflow: hidden;
}
.part4 .con .swiper-slide .pic .img {
  transition: all 0.5s;
  width: 5.25rem;
  height: 3.68rem;
}
.part4 .con .swiper-slide:hover .pic .img {
  transform: scale(1.05);
}
.part4 .con .swiper-slide .txt {
  padding: 1.6vw 2.2vw 2.4vw 2.2vw;
}
.part4 .con .swiper-slide .txt .day {
  font-family: 'mr';
  line-height: 0.2rem;
  color: #999999;
  margin-bottom: 1.146vw;
}
.part4 .con .swiper-slide .txt .h {
  line-height: 0.3rem;
  color: #333333;
  font-family: 'mm';
  height: 0.6rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 1.6vw;
}
.part4 .con .swiper-slide .txt .p {
  font-family: 'ml';
  color: #666666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 0.28rem;
  height: 0.84rem;
  margin-bottom: 1.4vw;
}
.part4 .con .swiper-slide .txt .btn {
  width: 1.6rem;
  line-height: 0.38rem;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 0.2rem;
  color: #e9e9e9;
  font-family: 'ml';
  transition: all 0.5s;
}
.part4 .con .swiper-slide .txt .btn span {
  display: inline-block;
  padding-right: 0.3rem;
  background: url(../image/p4_more.png) no-repeat right center;
  transition: all .5s;
}
.part4 .con .swiper-slide:hover .txt .btn {
  border-color: transparent;
  background-image: linear-gradient(to right, #f58227, #f5a501);
  color: #ffffff;
}
.part4 .con .swiper-slide:hover .txt .btn span {
  background-image: url(../image/p4_more1.png);
}
.part4 .con .swiper-pagination {
  bottom: 0;
}
.part4 .con .swiper-pagination-bullet {
  width: 0.26rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: #cccccc;
  margin: 0 0.06rem;
  transition: all 0.5s;
}
.part4 .con .swiper-pagination-bullet-active {
  width: 0.5rem;
  background-image: linear-gradient(to right, #f58227, #f5a501);
}

.part5 {
  margin-top: 4.166vw;
  background: url(../image/part5bg.jpg) no-repeat center;
  background-size: cover;
  padding: 4.01vw 0 3.645vw 0;
}
.part5 .tit {
  color: #333333;
  line-height: 2.5vw;
  font-family: 'mb';
}
.part5 .con {
  display: flex;
  background-color: rgba(255, 255, 255, 0.67);
  margin-top: 2.71vw;
}
.part5 .con .box {
  display: block;
  width: 25%;
  height: 12vw;
  text-align: center;
  border-right: 1px solid rgba(112, 112, 112, 0.1);
  
  /*padding: 50px 0 65px 0;*/
  box-sizing: border-box;
}
.part5 .con .box:nth-child(6){
    display: none;
}
.part5 .con .box .pic {
  position: relative;
  z-index: 2;
  display: table;
  margin: 0 auto;
  margin-bottom: 1.83vw;
}
.part5 .con .box .pic .img1 {
  display: none;
}
.part5 .con .box .pt{
    padding: 2.6vw 0 3.39vw 0;
}
.part5 .con .box .txt {
  position: relative;
  top: 0;
  z-index: 2;
  transition: all 0.3s;
  font-family: 'ml';
}
.part5 .con .box .sIntro {
  background: url(../image/part5_mbj.png) no-repeat center;
  background-size: cover;
  z-index: 1 !important;
}

.part5 .con .box:hover {
  border-color: transparent;
}
.part5 .con .box:hover .img1 {
  display: block;
}
.part5 .con .box:hover .img2 {
  display: none;
}
.part5 .con .box:hover .txt {
  color: #ffffff;
  top: -0.03rem;
}
/* 首页 end */

.pro_con {
  background-color: #f9f9f9;
}
.result .pro_con{
    background-color: #FFF;
}
.pro_con .left {
  float: left;
  position: sticky;
  top: 0.7rem;
  width: 4.5rem;
  padding-left: 1.2rem;
  padding-top: 0.9rem;
  margin-bottom: 1.11rem;
}
.pro_con .left .tab .item {
  display: flex;
  align-items: center;
  height: 0.8rem;
  padding-left: 0.22rem;
  font-size: 0.18rem;
  line-height: 1.4;
  position: relative;
  margin-bottom: 0.2rem;
  font-family: 'ml';
}
.pro_con .left .tab .item.act {
  background-color: #fff;
  color: #f58327;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.pro_con .left .tab .item.act::after {
  content: "";
  height: 100%;
  width: 3px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f58327;
}
.pro_con .left .tab .item .img {
  margin-right: 0.22rem;
}
.pro_con .left .tab .item .act_img {
  display: none;
}
.pro_con .left .tab .item.act .act_img {
  display: block;
}
.pro_con .left .tab .item.act .comm_img {
  display: none;
}

.pro_con .right {
  float: right;
  width: calc(100% - 4.5rem);
  padding: 0 1.2rem 0.8rem 0.9rem;
  border-left: 1px solid #e5e5e5;
}
.pro_con.se_con .right {
  float: initial;
  width: auto;
  padding: 0;
  border-left: none;
}
.pro_con.se_con .right .pro_list.after::after{
    display: none;
}
.pro_con.se_con .right .block{
    padding-top: 0;
}
.pro_con .right .block {
  padding-top: 1.1rem;
}
.pro_con .right .title {
  font-size: 0.36rem;
  line-height: 1.4;
  margin-bottom: 0.36rem;
  font-family: 'mm';
}

.pro_con .right .pro_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.pro_con .right .pro_list.after::after {
  position: absolute;
  content: "";
  bottom: 4.17rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eee;
}
.pro_con .right .pro_list .item {
  width: 25%;
  height: 4.17rem;
  border-right: #eee solid 1px;
  border-bottom: #eee solid 1px;
  padding: 0.43rem 0.35rem;
  transition: all 0.5s;
  background-color: #fff;
}
.pro_con .right .pro_list .item:hover {
  box-shadow: 0 0 10px rgba(255, 194, 142);
  position: relative;
  z-index: 2;
}
.pro_con .right .pro_list .item:last-child,
.pro_con .right .pro_list .item:nth-child(4n) {
  border-right: none;
}

.pro_con .right .pro_list .item:nth-last-child(1),
.pro_con .right .pro_list .item:nth-last-child(4),
.pro_con .right .pro_list .item:nth-last-child(2),
.pro_con .right .pro_list .item:nth-last-child(3) {
  border-bottom: none;
}

.pro_con .right .pro_list .item .tit {
  font-size: 0.2rem;
  line-height: 1.5;
  margin-bottom: 0.06rem;
  font-family: 'mm';
}

.pro_con .right .pro_list .item .tip {
  font-size: 0.14rem;
  color: #f58327;
  line-height: 1.5;
  margin-bottom: 0.24rem;
  font-family: 'ml';
}
.pro_con .right .pro_list .item .lmore {
  font-size: 12px;
  width: 63.5px;
  height: 0.17rem;
  overflow: hidden;
  font-family: 'ml';
}
.pro_con .right .pro_list .item .lmore .in {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.25rem;
  display: flex;
  align-items: center;
  transition: all 0.5s;
  color: #bbbbbb;
}
.pro_con .right .pro_list .item:hover .lmore .in {
  left: -0.06rem;
  color: #f58327;
}
.pro_con .right .pro_list .item .lmore i {
  background-size: cover;
  width: 0.13rem;
  height: 0.075rem;
  margin: 0 0.07rem;
  display: inline-block;
}
.pro_con .right .pro_list .item .lmore i:nth-child(1) {
  background-image: url("../image/arr-ee.svg");
  background-size: 100%;
}
.pro_con .right .pro_list .item .lmore i:nth-child(2) {
  background-image: url("../image/arr-6.svg");
  background-size: 100%;
}
.pro_con .right .pro_list .item .img {
position: absolute;
    bottom: 0.5rem;
    /* right: 0.26rem; */
    width: 80%;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_d {
  margin-top: 0.7rem;
}
.pro_d .top {
  position: relative;
}
.pro_d .top .bg {
  position: absolute;
  top: 1rem;
  font-size: 1.42rem;
  display: flex;
  white-space: nowrap;
  transform: translateX(0%);
  width: 100vw;
}
.pro_d .top .bg .swiper-slide{
    width: fit-content!important;
    font-family: '方太梦想宋细';
}
.pro_d .top .left {
  width: 50%;
  float: left;
  position: sticky;
  top: 0.7rem;
}
.pro_d .top .left .inner {
  height: 8.6rem;
  padding-top: 2rem;
}
.pro_d .top .left .inner::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  background-color: #f9f9f9;
  /*background-color: #33333317;*/
  opacity: 0.96;
  transition: all 0.5s;
}

.pro_d .top .left .inner .bimg {
  width: 5.82rem;
  height: 4.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.8rem;
  position: relative;
  z-index: 2;
}
.pro_d .top .left .inner .bimg.swiper{
    display: none;
}
.pro_d .top .left .inner .bimg .img {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
.pro_d .top .left .inner .bimg .img img {
  width: 100%;
}
.pro_d .top .left .inner .bimg .img .pdimg{
    position: relative;
    z-index: 2;
    margin-bottom: 1.35rem;
}
.pro_d .top .left .inner .bimg .img .round{
    position: absolute;
    bottom: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.33rem;
}
.pro_d .top .left .inner .bimg .img .img360{
    position: absolute;
    bottom: 0.34rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.61rem;
    z-index: 22;
}
.pro_d .top .left .inner .bimg .img.act {
  display: flex;
}
.pro_d .top .left .inner .simg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.pro_d .top .left .inner .simg .img {
  width: 0.66rem;
  height: 0.56rem;
  border: #dedede 1px solid;
  transition: all 0.5s;
  margin-right: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.05rem;
  cursor: pointer;
}
.pro_d .top .left .inner .simg .img img{
    max-height: 100%;
}
.pro_d .top .left .inner .simg .img:last-child {
  margin-right: 0;
}
.pro_d .top .left .inner .simg .img.act {
  border: #f58226 1px solid;
}

.pro_d .top .right {
  width: 50%;
  float: right;
}

.pro_d .top .right .inner {
  margin-top: 3.05rem;
  background-color: #ffffff;
  opacity: 0.98;
  padding: 0.75rem 0.75rem 1.08rem;
  height: 100%;
}
.pro_d .top .right .tit {
  font-size: 0.36rem;
  color: #f58327;
  line-height: 1.4;
  font-family: 'ms';
}
.pro_d .top .right .desc {
  font-size: 0.26rem;
  line-height: 1.5;
  margin-bottom: 2.2rem;
  font-family: 'mm';
}
.pro_d .top .right .downs {
  display: flex;
  margin-bottom: 1.5rem;
}
.pro_d .top .right .downs .down {
  width: 4.62rem;
  height: 0.73rem;
  border-radius: 0.37rem;
  border: #dfdfdf solid 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
  transition: all 0.5s;
  color: #999999;
}
.pro_d .top .right .downs .down .img {
  margin-right: 0.1rem;
  width: 0.39rem;
}

.pro_d .top .right .downs .down .img img {
  width: 100%;
}
.pro_d .top .right .downs .down .act_img {
  display: none;
}
.pro_d .top .right .downs .down:hover .act_img {
  display: block;
}
.pro_d .top .right .downs .down:hover .comm_img {
  display: none;
}

.pro_d .top .right .downs .mdown.down {
  width: 2.75rem;
  height: 0.73rem;
  border-radius: 0.37rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro_d .top .right .downs .down:hover {
  color: #333;
  border: #666 solid 1px;
}

.pro_d .top .right .intro .ltit {
  font-size: 0.36rem;
  line-height: 1.5;
  margin-bottom: 0.22rem;
  font-family: 'mm';
}
.pro_d .top .right .intro .con {
  margin-bottom: 1.1rem;
  font-family: 'ml';
}
.pro_d .top .right .intro p {
  font-size: 0.16rem;
  line-height: 1.75;
  font-family: 'ml';
}
.pro_d .top .right .intro .fea .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pro_d .top .right .intro .fea .item {
  width: 45%;
  margin-bottom: 0.32rem;
  font-size: 0.16rem;
  line-height: 1.75;
  position: relative;
  padding-left: 0.28rem;
}
.pro_d .top .right .intro .fea .item::after {
  content: "";
  position: absolute;
  top: 0.04rem;
  left: 0;
  width: 0.17rem;
  height: 0.17rem;
  background-image: url("../../images/logoicon.png");
  background-size: cover;
}
.pd_page1 {
  display: flex;
}
.pd_page1 .item {
  width: 50%;
  height: 4.5rem;
  padding: 1.21rem;
  position: relative;
  color: #fff;
}
.pd_page1 .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pd_page1 .item .tit {
  font-size: 0.36rem;
  line-height: 1.4;
  margin-bottom: 0.05rem;
  font-family: 'mm';
}
.pd_page1 .item .con {
  font-size: 0.18rem;
  line-height: 1.5;
  margin-bottom: 0.87rem;
}
.pd_page1 .item .more {
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  color: #fff;
  font-family: 'ml';
}
.pd_page1 .item .more i {
  width: 0.115rem;
  height: 0.064rem;
  background-image: url("../image/arr-f.svg");
  background-size: cover;
  margin-left: 0.15rem;
  transition: all 0.5s;
}
.pd_page1 .item .more:hover i {
  margin-left: 0.25rem;
}

.pd_page2 {
  background-color: #f9f9f9;
}
.pd_page2 .left {
  float: left;
  position: sticky;
  top: 0.9rem;
  width: 4.5rem;
  padding-left: 1.2rem;
  padding-top: 0.9rem;
  margin-bottom: 1.11rem;
}

.pd_page2 .left .title {
  font-size: 0.36rem;
  line-height: 1.4;
  margin-bottom: 0.66rem;
  font-family: 'mm';
}
.pd_page2 .left .tab .item {
  display: flex;
  align-items: center;
  width: 2.96rem;
  height: 0.8rem;
  padding-left: 0.32rem;
  font-size: 0.16rem;
  line-height: 1.4;
  position: relative;
  margin-bottom: 0.15rem;
  font-family: 'mm';
}
.pd_page2 .left .tab .item.act {
  background-color: #fff;
  color: #f58327;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.pd_page2 .left .tab .item.act::after {
  content: "";
  height: 100%;
  width: 3px;
  position: absolute;
  right: -0.34rem;
  top: 0;
  background-color: #f58327;
}

.pd_page2 .right {
  float: right;
  width: calc(100% - 4.5rem);
  padding: 0 1.2rem 0.8rem 0.9rem;
  border-left: 1px solid #e5e5e5;
}
.pd_page2 .right .block {
  padding-top: 0.9rem;
}
.pd_page2 .right .title {
  /*font-size: 0.36rem;*/
  font-size: 0.16rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  font-family: 'mm';
}

.pd_page2 .right .pdf_list .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 0.2rem;
  justify-content: space-between;
  /*height: 1.26rem;*/
  height: 0.8rem;
  transition: all .5s;
}
.pd_page2 .right .pdf_list .item:hover{
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.pd_page2 .right .pdf_list .item .pdf {
  width: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pd_page2 .right .pdf_list .item .pdf img {
  width: 0.43rem;
}
.pd_page2 .right .pdf_list .item .pdf::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #e8e8e8;
}

.pd_page2 .right .pdf_list .item .txt {
  font-size: 0.18rem;
  line-height: 1.5;
  margin-left: 0.28rem;
  width: 8.85rem;
}
.pd_page2 .right .pdf_list .item .down {
  width: 1.45rem;
  background-color: #efefef;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all 0.5s;
}
.pd_page2 .right .pdf_list .item:hover .down {
  background-color: #f58d1b;
  color: #fff;
}
.pd_page2 .right .pdf_list .item .img {
  margin-bottom: 0.065rem;
  width: 0.37rem;
  height: 0.31rem;
}
.pd_page2 .right .pdf_list .item .img img {
  width: 100%;
  transition: all 0.5s;
}
.pd_page2 .right .pdf_list .item .act_img {
  display: none;
}
.pd_page2 .right .pdf_list .item:hover .act_img {
  display: block;
}
.pd_page2 .right .pdf_list .item:hover .comm_img {
  display: none;
}

/* product-end------------------------ */

.ser_con {
  background-color: #f8f8f8;
  padding: 1rem 1.2rem 1.2rem;
}

.ser_con .title {
  font-size: 0.36rem;
  text-align: center;
  margin-bottom: 0.41rem;
  line-height: 1.4;
  color: #060000;
  font-family: 'mm';
}

.ser_page1 .tab .item .img {
  width: 1.39rem;
  height: 1.39rem;
  margin-bottom: 0.26rem;
}
.ser_page1 .tab .item .img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .5s;
  
}
.ser_con .item  .act_img {
  /*display: none;*/
  opacity: 0;
}
.ser_con .item:hover  .act_img {
  /*display: block;*/
  opacity: 1;
}
.ser_con .item:hover  .comm_img {
  /*display: none;*/
  opacity: 0;
}
.ser_con .ser_page2 .item  .icon img{
    width: 0.4rem;
}
.ser_con .ser_page2 .item  .act_img {
  display: none;
}
.ser_con .ser_page2 .item:hover  .act_img {
  display: block;
}
.ser_con .ser_page2 .item:hover  .comm_img {
  display: none;
}

.ser_page1 .tab {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.92rem;
}
.ser_page1 .tab .item {
  width: 3.22rem;
  height: 4.19rem;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  background-color: #fff;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);
  padding-top: 0.7rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ser_page1 .tab .item:nth-child(5n) {
  margin-right: 0;
}

.ser_page1 .tab .item .tit {
  font-size: 0.2rem;
  margin-bottom: 0.12rem;
  line-height: 1.4;
  text-align: center;
  font-family: 'mm';
}
.ser_page1 .tab .item .con {
  font-size: 0.14rem;
  line-height: 1.5;
  color: #666;
  text-align: center;
  font-family: 'ml';
}
.ser_page1 .tab .item .more {
  position: absolute;
  bottom: 0.43rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  color: #666;
}

.ser_page1 .tab .item .more i {
  display: inline-block;
  width: 0.105rem;
  height: 0.057rem;
  background-image: url("../image/more-r.png");
  background-size: cover;
  transition: all 0.5s;
  margin-left: 0.075rem;
}
.ser_page1 .tab .item:hover .more {
  color: #f58327;
}
.ser_page1 .tab .item:hover .more i {
  background-image: url("../image/more-a.png");
  margin-left: 0.175rem;
}

.ser_page2 .list {
  display: flex;
  flex-wrap: wrap;
}
.ser_page2 .list .item {
  width: 3.22rem;
  height: 2.08rem;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  background-color: #fff;
  border-radius: 0.04rem;
  position: relative;
}
.ser_page2 .list .item .inner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
  padding: 0.41rem 0.3rem;
}
.ser_page2 .list .item:nth-child(5n) {
  margin-right: 0;
}

.ser_page2 .list .item .tit {
  font-size: 0.2rem;
  margin-bottom: 0.12rem;
  line-height: 1.4;
  font-family: 'mm';
}

.ser_page2 .list .item .arr {
  width: 0.175rem;
  height: 0.098rem;
  position: absolute;
  left: 0.31rem;
  bottom: 0.33rem;
}
.ser_page2 .list .item .arr img {
  width: 100%;
}
.ser_page2 .list .item .icon {
  position: absolute;
  bottom: 0.33rem;
  right: 0.41rem;
}
.ser_page2 .list .item:hover {
  color: #fff;
}

.ser_page2 .list .item::after {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  transition: all 0.5s;
}
.ser_page2 .list .item:hover::after {
  width: 100%;
}

.ser_d {
  margin-top: 0.7rem;
}
.ser_d .top {
  height: 1.2rem;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #f3f3f3;
}
.ser_d .top .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.ser_d .top .bg img {
  height: 100%;
}
.ser_d .top .name {
  font-size: 0.36rem;
  padding: 0 1.2rem;
  font-family: 'mm';
}
.sd_page1 {
  background-color: #f8f8f8;
  padding: 0.9rem 1.2rem 0.82rem;
}
.sd_page1 .ltop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.84rem;
}

.sd_page1 .left {
  width: 7.96rem;
  position: relative;
}

.sd_page1 .left .btn {
  width: 2.6rem;
  line-height: 0.38rem;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 0.2rem;
  color: #e9e9e9;
  font-family: 'ml';
  transition: all 0.5s;
  
  position: absolute;
  bottom: 0.6rem;
  right: 0.3rem;
}
.sd_page1 .left .btn span {
  display: inline-block;
  padding-right: 0.3rem;
  background: url(../image/p4_more.png) no-repeat right center;
  transition: all .5s;
}
.sd_page1 .left .btn {
  border-color: transparent;
  background-image: linear-gradient(to right, #f58227, #f5a501);
  color: #ffffff;
}
.sd_page1 .left .btn span {
  background-image: url(../image/p4_more1.png);
}


.sd_page1 .right {
  width: 7.84rem;
  height: 5.47rem;
}
.sd_page1 .left::after {
  content: "";
  position: absolute;
  width: 0.22rem;
  height: 2px;
  background-color: #f58327;
  bottom: 0.87rem;
  left: 0;
}

.sd_page1 .left .title {
  font-size: 0.36rem;
  line-height: 1.4;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  font-family: 'mm';
}

.sd_page1 .left .con {
  line-height: 1.5;
  font-size: 0.16rem;
}

.sd_page1 .btns {
  display: flex;
  justify-content: space-between;
}
.sd_page1 .btns .item {
  width: 5.46rem;
  height: 2.77rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.65rem;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.sd_page1 .btns .item::after {
  content: "";
  position: absolute;
  left: -0.64rem;
  top: -0.63rem;
  height: 4.03rem;
  width: 6.72rem;
  background-image: url("../image/asbg2.png");
  background-size: 100% 100%;
  transition: all 0.5s;
  opacity: 0;
}
.sd_page1 .btns .item:hover::after {
  opacity: 1;
}
.sd_page1 .btns .item img {
  height: 0.45rem;
  margin-bottom: 0.26rem;
  font-size: 0.2rem;
  position: relative;
  z-index: 2;
}
.sd_page1 .btns .item img.act {
  display: none;
}
.sd_page1 .btns .item:hover img.comm {
  display: none;
}
.sd_page1 .btns .item:hover img.act {
  display: block;
}
.sd_page1 .btns .item .tit {
  font-size: 0.2rem;
  line-height: 1.33;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: 'mm';
}
.sd_page1 .btns .item:hover .tit {
  color: #fff;
}
.sd_page1 .btns .item .more {
  position: absolute;
  bottom: 0.54rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 0.14rem;
  color: #f58327;
}
.sd_page1 .btns .item:hover .more {
  color: #fff;
}
.sd_page1 .btns .item .more i {
  width: 0.146rem;
  height: 0.08rem;
  margin-left: 0.15rem;
  background-image: url("../image/asm.svg");
  background-size: 100% 100%;
  transition: all 0.5s;
  display: inline-block;
}
.sd_page1 .btns .item:hover .more i {
  background-image: url("../image/asma.svg");
}

.fmore {
  width: 2.41rem;
  height: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
}

.fmore i {
  width: 0.14rem;
  height: 0.08rem;
  background-image: url("../image/arr-f.svg");
  background-size: cover;
  margin-left: 0.16rem;
  transition: all 0.5s;
}

.fmore:hover i {
  margin-left: 0.26rem;
}

.sd_page2 {
  padding: 0.83rem 0 0.72rem;
}

.sd_page2 .top2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.43rem;
  padding: 0 1.2rem;
}

.sd_page2 .top2 .right {
  display: flex;
  align-items: center;
}
.sd_page2 .top2 .right .fmore {
  margin-right: 0.16rem;
}

.sd_page2 .top2 .right .fmore:nth-child(2) {
  width: 2.8rem;
  margin-right: 0;
}

.sd_page2 .top2 .title {
  font-size: 0.36rem;
  line-height: 1.4;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  font-family: 'mm';
}

.sd_page2 .center {
  display: flex;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 1.2rem;
}
.sd_page2 .swiper1,
.sd_page2 .swiper2 {
  height: 4.32rem;
  overflow: hidden;
  border-right: 1px solid #e9e9e9;
  position: relative;
}

.sd_page2 .swiper1 {
  border-left: 1px solid #e9e9e9;
  width: 39.218vw;
  padding:0 10.4vw;
}
.sd_page2 .swiper2{
    width: 48.125vw;
}

.sd_page2 .swiper1 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0.06;
}
.sd_page2 .swiper1 .time {
  font-size: 2rem;
  font-weight: bold;
  font-family: din;
}
.sd_page2 .swiper1 .swiper-slide-active{
    opacity: 1;
}
.sd_page2 .swiper1 .swiper-slide-active .time{
    
  color: #f58226;
}
.sd_page2 .swiper1 .time .sz{
    letter-spacing: -0.2rem;
}
.sd_page2 .swiper1 .time .dw {
  font-size: 0.22rem;
  margin-left: 0.2rem;
}
.sd_page2 .swiper1 .tit {
  font-size: 0.18rem;
  font-family: 'mm';
}

.sd_page2 .swiper2 .swiper-slide {
  padding: 1.4rem 1.4rem 0;
}

.sd_page2 .swiper2 .tit {
  font-size: 0.26rem;
  margin-bottom: 0.24rem;
  line-height: 1.4;
  font-family: 'mm';
}

.sd_page2 .swiper2 .con p {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.75;
  font-family: 'ml';
}

.sd_page2 .swiper1 .btn {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  cursor: pointer;
}

.sd_page2 .swiper1 .btn .prev {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../image/barr.png");
  background-size: cover;
}
.sd_page2 .swiper1 .btn .next {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../image/barr.png");
  background-size: cover;
  transform: rotate(180deg);
}

.sd_page2 .swiper1 .btn .prev:hover {
  background-image: url("../image/barra.png");

  transform: rotate(180deg);
}
.sd_page2 .swiper1 .btn .next:hover {
  background-image: url("../image/barra.png");
  transform: rotate(0);
}
.sd_page2 .bottom {
  padding: 1.2rem 1.2rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.sd_page2 .bottom .title {
  font-size: 0.36rem;
  margin-bottom: 0.28rem;
  font-family: 'mm';
}

.sd_page2 .bottom .con p {
  font-size: 0.16rem;
  line-height: 2;
  font-family: 'ml';
}
.sd_page2 .bottom .down {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  margin-top: 0.4rem;
  font-family: 'mm';
}
.sd_page2 .bottom .down img {
  width: 0.23rem;
  margin-right: 0.12rem;
}

.sd_page3 {
  background-color: #f8f8f8;
  padding: 1.1rem 1.2rem;
}
.sd_page3 .title {
  font-size: 0.36rem;
  margin-bottom: 0.28rem;
  text-align: center;
  line-height: 1.4;
  font-family: 'mm';
}
.sd_page3 .desc {
  font-size: 0.16rem;
  width: 9.52rem;
  margin: 0 auto 0.44rem;
  line-height: 1.75;
  text-align: center;
}
.sd_page3 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sd_page3 .list .item {
  width: 8.28rem;
  margin-bottom: 0.14rem;
  position: relative;
}
.sd_page3 .list .item .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.8rem;
  background-color: #fff;
  padding: 0 0.36rem;
  font-family: 'mm';
}

.sd_page3 .list .item .xl {
  display: none;
  border-top: 1px solid #e9e9e9;
  padding: 0.31rem 0.36rem 0.11rem;
  z-index: 9;
  background-color: #fff;
  font-size: 0.16rem;
  line-height: 1.75;
  font-family: 'ml';
}
.sd_page3 .list .item .img img {
  font-size: 0.22rem;
}
.sd_page3 .list .item .img img:nth-child(2) {
  display: none;
}
.sd_page3 .list .item.act .img img:nth-child(1) {
  display: none;
}
.sd_page3 .list .item.act .img img:nth-child(2) {
  display: block;
}

.sd_page4 {
  background-color: #f8f8f8;
  padding-bottom: 1.16rem;
}
.sd_page4 .desc {
  font-size: 0.16rem;
  width: 11.88rem;
  margin: 0 auto 0.6rem;
  line-height: 1.75;
  text-align: center;
}
.sd_page4 .inner {
  background-color: #fff;
  width: 16.8rem;
  margin: 0 auto;
  padding: 0.78rem 2.56rem;
}
.sd_page4 .title {
  font-size: 0.36rem;
  margin-bottom: 0.38rem;
  text-align: center;
  line-height: 1.4;
  font-family: 'mm';
}

.sd_page4 form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sd_page4 form .tit {
  font-size: 0.16rem;
  margin-bottom: 0.13rem;
}
.sd_page4 form .tit span {
  color: #db0032;
  margin-right: 0.1rem;
}

.sd_page4 form .item input {
  width: 5.65rem;
  height: 0.5rem;
  font-size: 0.16rem;
  border: #dfdfdf solid 1px;
  margin-bottom: 0.32rem;
  padding: 0 0.2rem;
  color: #333;
  font-family: 'mr';
}

.sd_page4 form .textarea {
  width: 100%;
  margin-bottom: 0.34rem;
}
.sd_page4 form .textarea textarea {
  width: 100%;
  height: 2.1rem;
  padding: 0.16rem 0.2rem;
  /* color: #B8B8B8; */
  font-size: 0.16rem;
  border: #dfdfdf solid 1px;
  color: #333;
  font-family: 'mr';
}

.sd_page4 form .submit {
  width: 100%;
  height: 0.8rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sd_page4 form .submit input {
  font-size: 0.2rem;
  color: #fff;
  margin-right: 0.13rem;
}
.n_con {
  padding: 0.5rem 1.2rem 1rem 1.2rem;
  background-color: #f6f6f6;
}

.n_con .n_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}
.n_con .tab {
  display: flex;
  align-items: center;
  width: calc(100% - 5rem);
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 0.25rem;
}
.n_con .tab .item {
  margin-right: 1rem;
  font-size: 0.26rem;
  color: #999999;
  position: relative;
  transition: all 0.5s;
}
.n_con .tab .item:hover{
    
  color: #f58227;
}
.n_con .tab .item.act {
  font-size: 0.36rem;
  color: #f58227;
}
.n_con .tab .item.act::after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background-color: #f58227;
}
.n_con form {
  position: relative;
}
.n_con form input {
  width: 4.52rem;
  height: 0.66rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.33rem;
  font-size: 0.16rem;
  color: #bebebe;
  padding-left: 0.635rem;
}
.n_con form img {
  position: absolute;
  top: 50%;
  left: 0.315rem;
  transform: translateY(-50%);
}
.n_con .suggest {

  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.n_con .suggest .item {
    width: 5.52rem;
    height: 3.8rem;
  position: relative;
  overflow: hidden;    margin-bottom: 20px;
}
.n_con .suggest .item .img {
  width: 100%;
  height: 100%;
}

.n_con .suggest .item .time {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 0.8rem;
  border-bottom-left-radius: 0.15rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  font-size: 0.16rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n_con .suggest .item .txt {
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    /* height: 0.7rem; */
    padding: 0.25rem 0.6rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 0.18rem;
    /* font-family: 'mb'; */
    line-height: 0.28rem;
    transition: all 0.5s;
}
.n_con .suggest .item  .con{
    display: none;
}

.n_con .suggest .item:hover .txt {
  bottom: 0;
}

.n_con .n_list {
  display: flex;
  flex-wrap: wrap;
}
.n_con .n_list .item {
  margin-right: 0.5rem;
  width: 5.249rem;
  margin-bottom: 0.5rem;
  background-color: #fff;
  transition: all 0.5s;
  position: relative;
}
.n_con .n_list .item:nth-child(3n) {
  margin-right: 0;
}
.n_con .n_list .item:hover {
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
.n_con .n_list .item .img {
  width: 100%;
  height: 3.28rem;
}
.n_con .n_list .item .inner {
  width: 100%;
  height: 4rem;
  padding: 0.4rem 0.5rem 0.6rem;
}
.n_con .n_list .item .time {
  font-size: 0.16rem;
  margin-bottom: 0.22rem;
  color: #999;
}
.n_con .n_list .item .tit {
  width: 100%;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.75;
  margin-bottom: 0.3rem;
}
.n_con .n_list .item .con {
  width: 100%;
  font-size: 0.16rem;
  line-height: 1.75;
  color: #666666;
  font-family: 'ml';
}
.n_con .n_list .item .mmore {
  position: absolute;
  left: 0.5rem;
  bottom: 0.6rem;
}
.n_con  .mmore i{
    width: 0.12rem;
    height: 0.09rem;
    margin-left: 0.1rem;
    margin-right: 0;
}
.n_con  .mmore:hover i{
    margin-left: 0.15rem;
    margin-right: 0;
}

.pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 1rem;
  padding: 0 0.9rem;
  background-color: #fff;
  border-radius: 0.5rem;
}
.pagination .list {
  display: flex;
  align-items: center;
}
.pagination .item {
  width: 0.5rem;
  height: 0.5rem;
  border: #d6d6d6 1px solid;
  margin-right: 0.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  transition: all 0.5s;
}
.pagination .item:last-child {
  margin-right: 0;
}
.pagination .item:hover,
.pagination .item.act {
  background-color: #f58227;
  color: #fff;
}
.pagination .prev,
.pagination .next {
  font-size: 0.16rem;
  color: #666;
}

.pagination .prev:hover,
.pagination .next:hover {
  font-size: 0.16rem;
  color: #f58227;
}

.pagination .prev i,
.pagination .next i {
  display: inline-block;
  width: 0.2rem;
  height: 0.096rem;
  background-size: 100%;
  background-position: center;
  background-image: url("../image/arr2-6.svg");
  margin-right: 0.2rem;
}
.pagination .next i {
  transform: rotate(180deg);
  margin-left: 0.2rem;
  margin-right: 0;
}

.pagination .prev:hover i,
.pagination .next:hover i {
  background-image: url("../image/arr2-e.svg");
}
.pagination .prev:hover i {
  transform: rotate(180deg);
}
.pagination .next:hover i {
  transform: rotate(0);
}

.nd_con {
  margin-top: 0.9rem;
  padding: 0.9rem 3.35rem 1.2rem;
  border-bottom: 1px solid #d8d8d8;
}
.nd_con .title {
  font-size: 0.36rem;
  line-height: 1.5;
  margin-bottom: 0.27rem;
  text-align: left;
}
.nd_con .title2 {
  font-size: 0.18rem;
  line-height: 1.5;
  margin-bottom: 0.47rem;
  text-align: left;
  color: #666;
}

.nd_con .ndpart2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.43rem;
}
.nd_con .time {
  font-size: 0.18rem;
  color: #666666;
}
.nd_con .time span {
  color: #f58227;
}

.nd_con .gang {
  width: 0.8rem;
  height: 1px;
  margin: 0 0.4rem;
  background-color: #cbcbcb;
}
.nd_con .icons {
  display: flex;
  align-items: center;
}
.nd_con .icons a {
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
}
.nd_con .icons a .act_img{
    display: none;
}
.nd_con .icons a:hover .comm_img{
    display: none;
}
.nd_con .icons a:hover .act_img{
    display: block;
}
.nd_con .icons a:last-child {
  margin-right: 0;
}
.nd_con .line {
  width: 100%;
  height: 1px;
  background-color: #cbcbcb;
}
.nd_con .con {
  margin-top: 0.5rem;
  margin-bottom: 1.65rem;
}
.nd_con .con p {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.75;
  font-family: ml!important;
}

.nd_con .con img {
  width: 100%;
}
.nd_con .bottom {
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between;
}
.nd_con .left {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.nd_con .left a {
  font-size: 0.16rem;
  margin-bottom: 0.13rem;
}
.nd_con .left a:hover {
  color: #f58326;
}

/* new-end--------------------------- */

.cta_page1 {
  padding: 1rem 1.2rem;
}
.cta_page1 .list {
  display: flex;
  justify-content: space-between;
}
.cta_page1 .list .item {
  width: 5.17rem;
  height: 2.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 0.16rem;
  line-height: 1.33;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    background-image: url("../image/ctabg3.png");
  background-size: 100% 100%;
  transition: all 0.5s;
  border-radius: 0.15rem;
  position: relative;
}
.cta_page1 .list .item::after {
  content: "";
  position: absolute;
  left: -0.37rem;
  top: -0.33rem;
  height: 3.28rem;
  width: 5.89rem;
  background-image: url("../image/ctabg3.png");
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.5s;
}

.cta_page1 .list .item:hover {
  color: #fff;
}
.cta_page1 .list .item:hover::after {
  opacity: 1;
}
.cta_page1 .list .item img {
  margin-bottom: 0.3rem;
  width: 0.5rem;
  position: relative;
  z-index: 2;
}

.cta_page1 .list .item:hover .tit {
  color: #fff;
}
.cta_page1 .list .item .act_img {
  display: none;
}
.cta_page1 .list .item:hover .comm_img {
  display: none;
}
.cta_page1 .list .item:hover .act_img {
  display: block;
}
.cta_page1 .list .item .tit {
  margin-bottom: 0.2rem;
  font-size: 0.16rem;
  color: #fff;
  position: relative;
  z-index: 2;
  font-family: 'ml';
}
.cta_page1 .list .item .con {
  font-size: 0.2rem;
  margin-bottom: 0.06rem;
  position: relative;
  z-index: 2;
  line-height: 1.3;
  height: 2.6em;color: #fff;
}
.cta_page1 .list .item .tip {
  display: none;
  position: relative;
  z-index: 2;
  font-family: 'ml';
}
.cta_page1 .list .item:nth-child(3) .tip {
  display: block;
  color: #b7b7b7;
  font-size: 0.16rem;
}

.cta_page2 {
  background-color: #f6f6f6;
  padding: 0.6rem 1.2rem 0.8rem;
}
.cta_page2 .inner {
  background-color: #fff;
  padding: 0.6rem 0 0.8rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.cta_page2 .left {
  width: 7.4rem;
  margin-left: 0.8rem;
}
.cta_page2 .left .title {
  font-size: 0.36rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
  font-family: 'mm';
}
.cta_page2 .left .tit {
  font-size: 0.28rem;
  line-height: 1.4;
  color: #f18b15;
  margin-bottom: 0.25rem;
  font-family: 'mm';
}
.cta_page2 .left .desc {
  font-size: 0.16rem;
  line-height: 1.75;
  margin-bottom: 0.5rem;
  color: #666;
  font-family: 'ml';
}

.cta_page2 .step .tip {
  height: 0.48rem;
  background-color: #efefef;
  padding-left: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #666;
  margin-bottom: 0.05rem;
}
.cta_page2 .step .tip span {
  width: 0.24rem;
  height: 0.24rem;
  background-color: #f58227;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.2rem;
}

.cta_page2 form {
  /*height: 4.7rem;*/
}
.cta_page2 form .box {
  /*display: none;*/
}
.cta_page2 form .step.act .box {
  display: block;
}
.cta_page2 form .list {
  /*padding-left: 0.6rem;*/
  /*padding-top: 0.4rem;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cta_page2 form .item {
  margin-bottom: 0.4rem;
}
.cta_page2 form .ltit {
  font-size: 0.16rem;
  margin-bottom: 0.13rem;
}
.cta_page2 form .ltit span {
  color: #e00;
  margin-right: 0.1rem;
}
.cta_page2 form .item input {
  width: 3.25rem;
  height: 0.5rem;
  border: #e3e3e3 1px solid;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  color: #b8b8b8;
  padding-left: 0.2rem;
}
.cta_page2 .textarea {
  width: 100%;
}
.cta_page2 textarea {
  border: #e3e3e3 1px solid;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  color: #b8b8b8;
  padding: 0.2rem;
  height: 1.95rem;
}
.cta_page2 form .radio{
    margin-top: 30px;
}
.cta_page2 form .radio .ritem{
    margin-top: 10px;
}
.cta_page2 form .radio .ritem .ltit{
    margin: 0 0 0 10px;
}
.cta_page2 .submit {
  width: 100%;
  height: 0.5rem;
  border-radius: 0.06rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
  font-size: 0.18rem;
  margin-top: 0.48rem;
  font-family: 'mm';
}

.cta_page2 .right {
  width: 7.62rem;
  height: 7.2rem;
  position: relative;
}
.cta_page2 .right .point {
  position: absolute;
  top: 41%;
  left: 44%;
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  animation: bordershow 3s infinite;
  z-index: 10;
}
.cta_page2 .right .point img {
  width: 100%;
  position: relative;
  z-index: 10;
}
.cta_page2 .right .point::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  opacity: 0.35;
  background-image: linear-gradient(#f58227, #f5a501);
  animation: boderM 3s 0.75s infinite;
  z-index: 9;
}
.cta_page2 .right .point::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  opacity: 0.11;
  background-image: linear-gradient(#f58227, #f5a501);
  animation: boderM 3s infinite;
  z-index: 9;
}
@keyframes boderM {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes bordershow {
  50% {
    box-shadow: 0px 0px 10px 0 #001eb4;
  }
}
/* cta-end------------------------------------- */
.a_page1 {
  padding: 1.31rem 1.2rem 1.4rem;
}
.a_page1 .bg {
  position: absolute;
  top: 1.3rem;
  right: 1.2rem;
}
.a_page1 .title {
  font-size: 0.56rem;
  -webkit-text-stroke: 1px #f58226;
  color: transparent;
  line-height: 1.3;
  margin-bottom: 0.34rem;
}
.a_page1 .con {
  font-size: 0.24rem;
  line-height: 1.5;
  color: #f58226;
  margin-bottom: 0.7rem;
}
.a_page1 .video_box .img {
  width: 100%;
}
.a_page1 .start_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a_page1 .start_box .start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.58rem;
}
.a_page1 .start_box .rotate {
  animation: rotate 5s linear forwards infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(100deg);
  }
}

.a_page2 {
  padding: 1.5rem 1.2rem 1.7rem;
  display: flex;
  justify-content: end;
   min-height: 35.83vw;
}
.a_page2 .left {
  position: absolute;
  top: 0;
  left: 1.2rem;
  width: 6.08rem;
  z-index: 2;
}
.a_page2 .con {
  width: 9.24rem;
  line-height: 1.75;
  font-size: 0.16rem;
  font-family: 'ml';
}
.a_page2 .con p {
  font-family: 'ml';
}

.a_page3 {
  display: flex;
  margin-bottom: 1.3rem;
}
.a_page3 .left {
  width: calc(100% - 9.36rem);
  background-color: #f2f2f2;
  padding: 2rem 1rem 0 1.2rem;
}
.a_page3 .left .title {
  font-size: 0.36rem;
  margin-bottom: 0.7rem;
}

.a_page3 .left .top {
  width: 30.83vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.a_page3 .left .item {
  width: 0.64rem;
  height: 0.64rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.a_page3 .left .item .point {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-image: linear-gradient(#f58227, #f5a501);
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}
.a_page3 .left .item.act .point{
    display: none;
}
.a_page3 .left .item .num {
  font-size: 0.2rem;
  position: relative;
  z-index: 2;
}
.a_page3 .left .item.act {
  justify-content: center;
  color: #fff;
}

.a_page3 .left .item::after {
    content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: linear-gradient(#f58227, #f5a501);
  transition: all 0.5s;
  opacity: 0;
}
.a_page3 .left .item.act::after {
  opacity: 1;
}

.a_page3 .left .swiper {
  width: 39.73vw;
  height: 2.4rem;
  overflow: hidden;
}
.a_page3 .left .swiper .tit {
  font-size: 0.28rem;
  margin-bottom: 0.3rem;
}
.a_page3 .left .swiper .con {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.33;
  font-family: 'ml';
}

.a_page3 .left .swiper .btn {
  width: 1.2rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}
.a_page3 .left .swiper .prev {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  cursor: pointer;
}
.a_page3 .left .swiper .prev:hover {
  background-image: url("../image/arra.png");
  transform: rotate(180deg);
}
.a_page3 .left .swiper .next {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  transform: rotate(180deg);
  cursor: pointer;
}
.a_page3 .left .swiper .next:hover {
  transform: rotate(0);
  background-image: url("../image/arra.png");
}

.a_page3 .right {
  width: 9.36rem;
  height: 7.97rem;
}

.a_page4 {
  margin-bottom: 1rem;
}
.a_page4 .bg {
  width: 100%;
}
.a_page4 .txt {
  position: absolute;
  top: 1.63rem;
  width: 16rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  line-height: 1.75;
}
.a_page4 .txt .tit {
  font-size: 0.36rem;
  margin-bottom: 0.4rem;
  color: #f58227;
}
.a_page4 .txt .con {
  font-size: 0.16rem;
  color: #666666;
  font-family: 'ml';
}
.a_page5 {
  margin-bottom: 1.4rem;
}
.a_page5 .title {
  font-size: 0.36rem;
  margin-bottom: 0.6rem;
  text-align: center;
}
.a_page5 .inner {
  display: flex;
  justify-content: space-between;
}
.a_page5 .left {
  margin-left: 1.56rem;
  width: 7.34rem;
}
.a_page5 .left img {
  width: 0.45rem;
  margin-bottom: 0.2rem;
}
.a_page5 .left .con {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.5;
  transition: all 0.5s;
  font-family: 'ml';
}
.a_page5 .left .item:hover .con {
  color: #f18b15;
}
.a_page5 .left .item {
  padding-bottom: 0.4rem;
  margin-bottom: 0.4rem;
}
.a_page5 .left .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #e2e2e2;
  height: 1px;
}
.a_page5 .left .item:last-child::after {
  display: none;
}
.a_page5 .right {
  width: 9.36rem;
  height: 6.4rem;
}
.a_page6 {
  display: flex;
  justify-content: space-between;
  padding: 0 1.2rem;
}
.a_page6 .item {
  width: 8rem;
  height: 5rem;
  border-radius: 0.1rem;
  padding: 0.6rem;
  background-color: #ececec;
  margin-bottom: 0.4rem;
}
.a_page6 .item .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.a_page6 .item img {
  width: 1.2rem;
  margin-bottom: 0.15rem;
}
.a_page6 .item .txt {
  font-size: 0.24rem;
}
.a_page6 .item .txt span {
  color: #f18b15;
}

.j_page1 {
  padding: 0.8rem 1.2rem 1.53rem;
  background-color: #f6f6f6;
}
.j_page1 .table .tt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 0 0.8rem; */
  background-color: #ed8234;
  font-size: 0.16rem;
  height: 0.9rem;
  color: #fff;
  margin-bottom: 0.2rem;
}
.j_page1 .table .tt p {
  width: 25%;
  text-align: center;
}
.j_page1 .table .td {
  width: 100%;
  margin-bottom: 0.3rem;
}
.j_page1 .table .td .fold {
  display: none;
  background-color: #fff;
  border-top: 1px solid #efefef;
  padding: 0.55rem 1.4rem 0.8rem;
}

.j_page1 .table .td .fold .tit {
  font-size: 0.16rem;
  align-items: start;
  
  font-family: 'mb';
  margin-bottom: 0.3rem;
}
.j_page1 .table .td .fold .content {
  font-size: 0.16rem;
  color: #666;
  line-height: 2;
  margin-bottom: 0.22rem;
  font-family: 'ml';
}
.j_page1 .table .td .list {
  height: 0.96rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.16rem;
  background-color: #fff;
  color: #333;
}
.j_page1 .table .td .list p {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}
.j_page1 .table .td.act .list p {
  color: #000;
}

.j_page1 .table .td .fold .email {
  color: #002af9;
}

.j_page1 .table .td .list .lmore {
  cursor: pointer;
}
.j_page1 .table .td .list .lmore .act {
  display: none;
}
.j_page1 .table .td.act .list .lmore .comm {
  display: none;
}
.j_page1 .table .td.act .list .lmore .act {
  display: block;
  color: #ed8234;
}

.j_page1 .table .td .fold .btn {
  display: flex;
  margin-top: 0.6rem;
}

.j_page1 .table .td .fold .btn a {
  margin-right: 0.23rem;
  transition: all .5s;
}
.j_page1 .table .td .fold .btn a:hover{
    transform: translateY(-0.1rem);
}

.j_page1 .table .td .fold .btn a:last-child {
  background-color: #efefef;
  background-image: none;
  color: #f18b15;
}

/* join-end---------------------------- */

.wtb_page1 {
  padding: 0.74rem 1.2rem 1.51rem;
  background-color: #f6f6f6;
}
.wtb_page1 .title {
  font-size: 0.36rem;
  margin-bottom: 0.36rem;
  display: flex;
  align-items: center;
}
.wtb_page1 .title img {
  margin-right: 0.13rem;
}

.wtb_page1 .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.wtb_page1 .item {
  width: 5.46rem;
  height: 3.39rem;
  background-color: #fff;
  margin-right: 0.19rem;
  margin-bottom: 0.2rem;
}
.wtb_page1 .item:nth-child(3n) {
  margin-right: 0;
}
.wtb_page1 .item .top {
  display: flex;
  align-items: center;
  padding-left: 0.4rem;
  border-bottom: 1px solid #ececec;
  height: 1.3rem;
}
.wtb_page1 .item .bottom {
  padding: 0.4rem;
}

.wtb_page1 .item .tit {
  font-size: 0.3rem;
  margin-bottom: 0.26rem;
  font-family: 'mm';
}
.wtb_page1 .item .litem {
  font-size: 0.16rem;
  margin-bottom: 0.12rem;
}
.wtb_page1 .item .litem span {
  color: #002af9;
}

/* 转换完成------------------*/
.dc_page2 {
  background-color: #f8f8f8;
  padding: 2.60vw 6.25vw 6.25vw;
}
.dc_page2 .left {
  float: left;
  position: sticky;
  top: 7.29vw;
  width: 22.24vw;
  margin-right: 0.94vw;
  /*margin-bottom: 5.78vw;*/
}

.dc_page2 .left .tab .item {
  width: 100%;
  line-height: 1.4;
  position: relative;
  margin-bottom: 0.78vw;
  background-color: #fff;
  margin-bottom: 0.52vw;
}
.dc_page2 .left .tab .item:last-child{
    margin-bottom: 0;
}
.dc_page2 .left .tab .item .txt {
  font-size: 1.15vw;
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.05vw;
  justify-content: space-between;
  color: #000;
  font-family: 'mm';
  margin-bottom: 1.67vw;
  padding: 0 1.67vw;
  transition: all .5s;
}

.dc_page2 .left .tab .item .txt:hover{
    color: #f18b15;
}
.dc_page2 .left .tab .item.on .txt{
    
    box-shadow: 0.00vw 0.52vw 3.13vw rgba(0,0,0,.1);
}
.dc_page2 .left .tab .item .sec {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  font-family: 'ms';
  transition: all .5s;
}
.dc_page2 .left .tab .item .sec:hover{
    color: #f18b15;
}
.dc_page2 .left .tab .item i {
  display: inline-block;
  height: 0.29vw;
  width: 0.52vw;
  background-image: url("../image/xl.svg");
  background-size: 100% 100%;
  transition: all 0.5s;
}
.dc_page2 .left .tab .item .txt.act i {
  transform: rotate(180deg);
}
.dc_page2 .left .tab .item .sec.act i {
  transform: rotate(180deg);
}
.dc_page2 .left .tab .item .sec_list {
  font-size: 0.94vw;
  padding-bottom: 1.41vw;
  margin:0 1.67vw 1.56vw;
  border-bottom: 0.05vw solid #e8e8e8;
  display: none;
}
.dc_page2 .left .tab .item .sec_list:last-child {
  border-bottom: 0 solid #000;
}
.dc_page2 .left .tab .item.act .sec_list {
  display: block;
}
.dc_page2 .left .tab .item .third_list {
  display: none;
}
.dc_page2 .left .tab .item .sec_list.act .third_list {
  display: block;
}
.dc_page2 .left .tab .item .titem:nth-child(1) {
  margin-top: 1.04vw;
}
.dc_page2 .left .tab .item .titem {
  font-size: 0.73vw;
  margin-top: 0.52vw;
  display: block;
  transition: all .5s;
}

.dc_page2 .left .tab .item .titem:hover{
    color: #f18b15;
}
.dc_page2 .left .tab .item .titem {
  color: #999;
}
.dc_page2 .left .tab .item .titem.act {
  color: #333;
}

.dc_page2 .right {
  float: right;
  width: calc(100% - 23.44vw);
  /*padding: 1.46vw 3.65vw 3.65vw;*/
  padding: 0.26vw 3.65vw 3.65vw;
  background-color: #fff;
}

.dc_page2 .right form {
  width: 100%;
  margin-bottom: 3.44vw;
}
.dc_page2 .right form img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.dc_page2 .right form input {
  width: 100%;
  border-bottom: 0.05vw solid #ebebeb;
  padding: 1.77vw ;
}

.dc_page2 .right .btitle {
  font-size: 1.56vw;
  margin-bottom: 2.86vw;
  position: relative;
}

/*转换完成------------------end*/




.btitle .sort{
    display: none;
}
.sort_dialog {
  position: fixed;
  z-index: -9;
}
.sort_dialog.act {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.sort_dialog .cover {
  transition: all 0.5s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.sort_dialog.act .cover {
  opacity: 1;
}

.sort_dialog .inner {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  max-height: 70vh;
  background-color: #fff;
  padding: 40px 0 20px 20px;
  transform: translateY(100%);
  transition: all 0.5s;
}
.sort_dialog.act .inner {
  transform: translateY(0);
}
.sort_dialog .cha {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
}

.sort_dialog .first{
    font-size: 16px;
    margin-bottom: 10px;
}
.sort_dialog .second{
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.sort_dialog .third{
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 20px;
    display: block;
    color: #666;
}
.sort_dialog .third.act{
    color: #f18b15;
}
.sort_dialog .item{
    margin-bottom: 20px;
}
.sort_dialog .item:last-child{
    margin-bottom: 0;
}
.sort_dialog .tab {
    padding: 0 20px 0 0;
    height: 100%;
    max-height: calc(70vh - 40px);
    overflow: auto;
  }

  .sort_dialog .tab .item {
    border-bottom: solid #e4e4e4 1px;
    display: block;
  }
  .sort_dialog .tab .item .first {
    padding: 0 0 10px;
    font-size: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sort_dialog .tab .item .first i {
    background: url("../image/add.svg") center no-repeat;
    background-size: cover;
    width: 10px;
    height: 10px;
    transition: all .5s;
  }
  .sort_dialog .tab .item .first i.on{
      transform: rotate(45deg);
  }
  .sort_dialog .tab .item .sec_list {
    display: none;
  }

  .sort_dialog .tab .item .sec {
    padding: 16px 12px 12px;
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }



.dc_page2 .right .block {
  margin-bottom: 0.7rem;
}
.dc_page2 .right .title {
  font-size: 0.24rem;
  line-height: 1.4;
  margin-bottom: 0.225rem;
  color: #333;
}

.dc_page2 .right .pdf_list .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 0.2rem;
  justify-content: space-between;
  height: 0.8rem;
  border: #ebebeb 1px solid;
  color: #333;
}

.dc_page2 .right .pdf_list .item .pdf {
  width: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dc_page2 .right .pdf_list .item .pdf img {
  width: 0.3rem;
}
.dc_page2 .right .pdf_list .item .pdf::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #e8e8e8;
}

.dc_page2 .right .pdf_list .item .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.18rem;
}
.dc_page2 .right .pdf_list .item .center .time {
  color: #f18b15;
}
.dc_page2 .right .pdf_list .item .txt {
  font-size: 0.16rem;
  line-height: 1.5;
  width: 5.22rem;
}
.dc_page2 .right .pdf_list .item .downs {
  display: flex;
  height: 100%;
}
.dc_page2 .right .pdf_list .item .view,
.dc_page2 .right .pdf_list .item .down {
  width: 1.18rem;
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all 0.5s;
}
.dc_page2 .right .pdf_list .item .view {
  background-color: #f9f9f9;
}
.dc_page2 .right .pdf_list .item:hover .down {
  background-color: #f58d1b;
  color: #fff;
}
.dc_page2 .right .pdf_list .item .img {
  margin-bottom: 0.065rem;
  height: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dc_page2 .right .pdf_list .item .img img {
  height: 100%;
  transition: all 0.5s;
}
.dc_page2 .right .pdf_list .item .act_img {
  display: none;
}
.dc_page2 .right .pdf_list .item:hover .act_img {
  display: block;
}
.dc_page2 .right .pdf_list .item:hover .comm_img {
  display: none;
}
.dc_page2 .right .video {
  display: flex;
  flex-wrap: wrap;
}
.dc_page2 .right .video .item {
  width: 3.49rem;
  margin-right: 0.18rem;
  cursor: pointer;
}
.dc_page2 .right .video .item:nth-child(3n) {
  margin-right: 0;
}
.dc_page2 .right .video .item .img {
  width: 100%;
  height: 1.9rem;
  margin-bottom: 0.2rem;
}
.dc_page2 .right .video .item .img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.dc_page2 .right .video .item .img:hover::after {
  background-color: rgba(0, 0, 0, 0.6);
}
.dc_page2 .right .video .item .img .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.38rem;
  height: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 9;
  border-radius: 50%;
  background-color: #fff;
}
.dc_page2 .right .video .item .img .dot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 115%;
  width: 115%;
  backdrop-filter: blur(20px);
  border-radius: 50%;
}
.dc_page2 .right .video .item .img .dot img {
  position: relative;
  z-index: 2;
}

.dc_page2 .right .video .item .img:hover .dot {
  opacity: 1;
}
.dc_page2 .right .video .item .tit {
  font-size: 0.16rem;
  line-height: 1.5;
}
.dc_page2 .right .video .item .time {
  color: #f18b15;
  line-height: 1.33;
}

.vc_page2 {
  background-color: #f8f8f8;
  padding: 0.5rem 1.2rem 1.2rem;
}
.vc_page2 .left {
  float: left;
  position: sticky;
  top: 1.4rem;
  width: 4.27rem;
  margin-right: 0.18rem;
  margin-bottom: 1.11rem;
}

/*.vc_page2 .left .tab .item {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  width: 100%;*/
/*  height: 0.97rem;*/
/*  padding-left: 0.32rem;*/
/*  font-size: 0.22rem;*/
/*  line-height: 1.4;*/
/*  position: relative;*/
/*  margin-bottom: 0.15rem;*/
/*  background-color: #fff;*/
/*  margin-bottom: 0.1rem;*/
/*}*/
/*.vc_page2 .left .tab .item:hover,*/
/*.vc_page2 .left .tab .item.act {*/
/*  color: #f18b15;*/
/*}*/

.vc_page2 .left .tab .item {
  width: 100%;
  padding: 0 0.32rem;
  line-height: 1.4;
  position: relative;
  margin-bottom: 0.15rem;
  background-color: #fff;
  margin-bottom: 0.1rem;
}
.vc_page2 .left .tab .item .txt {
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.97rem;
  justify-content: space-between;
  font-family: 'mm';
}
.vc_page2 .left .tab .item .sec {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.vc_page2 .left .tab .item i {
  display: inline-block;
  height: 0.056rem;
  width: 0.1rem;
  background-image: url("../image/xl.svg");
  background-size: 100% 100%;
  transition: all 0.5s;
}
.vc_page2 .left .tab .item .txt.act i {
  transform: rotate(180deg);
}
.vc_page2 .left .tab .item .sec.act i {
  transform: rotate(180deg);
}
.vc_page2 .left .tab .item .sec_list {
  font-size: 0.18rem;
  padding-bottom: 0.27rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #e8e8e8;
  display: none;
}
.vc_page2 .left .tab .item .sec_list:last-child {
  border-bottom: 0 solid #000;
}
.vc_page2 .left .tab .item.act .sec_list {
  display: block;
}
.vc_page2 .left .tab .item .third_list {
  display: none;
}
.vc_page2 .left .tab .item .titem:nth-child(1) {
  margin-top: 0.2rem;
}
.vc_page2 .left .tab .item .titem {
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.vc_page2 .left .tab .item .titem.act {
  color: #999;
}

.vc_page2 .right {
  float: right;
  width: calc(100% - 4.5rem);
  padding: 0.67rem 0.7rem 0.7rem;
  padding-top: 0.05rem;
  background-color: #fff;
}

/*.vc_page2 .right form {*/
/*  width: 100%;*/
/*  height: 0.76rem;*/
/*  margin-bottom: 0.75rem;*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/
/*.vc_page2 .right form img {*/
/*  position: absolute;*/
/*  left: 0.28rem;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  z-index: 2;*/
/*}*/
/*.vc_page2 .right form .input {*/
/*  width: 8.97rem;*/
/*  height: 100%;*/
/*  border: 1px solid #ebebeb;*/
/*  font-size: 0.16rem;*/
/*  padding: 0 0.66rem;*/
/*  color: #CECECE;*/
/*}*/
.vc_page2 .right form {
  width: 100%;
  margin-bottom: 0.66rem;
}
.vc_page2 .right form img {
  position: absolute;
  left: 0.28rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.vc_page2 .right form input {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding: 0.34rem 0.66rem;
}
::-webkit-input-placeholder{
  color: #CECECE;
}
.vc_page2 .right form .submit {
  width: calc(100% - 8.97rem);
  height: 100%;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  color: #fff;
}
.vc_page2 .right .btitle {
  font-size: 0.3rem;
  margin-bottom: 0.39rem;
  font-family: 'mm';
  position: relative;
}

.vc_page2 .right .video {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.15rem;
}
.vc_page2 .right .video .item {
  width: 3.49rem;
  margin-right: 0.18rem;
  margin-bottom: 0.39rem;
  cursor: pointer;
}
.vc_page2 .right .video .item:nth-child(3n) {
  margin-right: 0;
}
.vc_page2 .right .video .item .img {
  width: 100%;
  height: 1.9rem;
  margin-bottom: 0.2rem;
}
.vc_page2 .right .video .item .img .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.38rem;
  height: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 9;
  border-radius: 50%;
  background-color: #fff;
}
.vc_page2 .right .video .item .img .dot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 110%;
  width: 110%;
  backdrop-filter: blur(20px);
  border-radius: 50%;
}
.vc_page2 .right .video .item .img .dot img {
  position: relative;
  z-index: 2;
}
.vc_page2 .right .video .item .img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.vc_page2 .right .video .item .img:hover::after {
  background-color: rgba(0, 0, 0, 0.6);
}
.vc_page2 .right .video .item .img:hover .dot {
  opacity: 1;
}

.vc_page2 .right .video .item .tit {
  font-size: 0.16rem;
  line-height: 1.5;
}
.vc_page2 .right .video .item .time {
  color: #666;
  line-height: 1.33;
  font-family: 'ml';
}

.vd_pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vd_pagination .item {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  font-weight: bold;
  border: 1px solid #e4e4e4;
  margin-right: 0.08rem;
  transition: all 0.5s;
}
.vd_pagination .item:hover {
  background-color: #f18b15;
  color: #fff;
}
.vd_pagination .prev {
  font-family: Source Code Pro, Consolas, Microsoft JhengHei;
}
.vc_page2 .right .vd_pagination form {
  width: auto;
  margin-bottom: 0;
  height: 0;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  margin-left: 0.44rem;
}
.vc_page2 .right .vd_pagination form input {
  width: 0.67rem;
  height: 0.4rem;
  border: 1px solid #e4e4e4;
  border-radius: 0.04rem;
  margin-left: 0.08rem;
  padding: 0.1rem;
}

.mon_page1 {
  display: flex;
  justify-content: space-between;
  background-color: #f8f8f8;
  padding: 0.7rem 1.2rem 0.2rem;
}
.mon_page1 .montop {
  width: 7.92rem;
  height: 1.75rem;
  display: flex;
  padding-left: 0.78rem;
  padding-top: 0.32rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 0.2rem;
}
.mon_page1 .montop .tit {
  font-size: 0.24rem;
  margin-bottom: 0.07rem;
  line-height: 1.33;
  font-family: 'mm';
}
.mon_page1 .montop .con {
  font-size: 0.16rem;
  color: #c9c9c9;
}
.mon_page1 .montop .txt .more {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0.23rem;
  left: 0;
  color: #f58327;
}
.mon_page1 .montop .txt .more i {
  display: inline-block;
  width: 0.146rem;
  height: 0.08rem;
  background-image: url("../image/mon-more.svg");
  background-size: 100% 100%;
  margin-left: 0.155rem;
}
.mon_page1 .montop .txt .more img {
  margin-right: 0.07rem;
}
.mon_page1 .montop .pad {
  position: absolute;
  top: 0.23rem;
  right: 1.23rem;
  width: 2.3rem;
}
.mon_page1 .bottom {
  background-color: #fff;
  display: flex;
  align-items: center;
  width: 7.92rem;
  height: 3.26rem;
  padding-left: 1rem;
}
.mon_page1 .bottom .ma {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1.17rem;
}
.mon_page1 .bottom .ma img {
  width: 1.81rem;
  margin-bottom: 0.116rem;
}
.mon_page1 .bottom .ma .txt {
  font-size: 0.18rem;
  line-height: 1.33;
  text-align: center;
  font-family: 'mm';
}
.mon_page1 .bottom .imgs img {
  margin-bottom: 0.27rem;
  width: 1.66rem;
}
.mon_page1 .bottom .imgs img:last-child {
  margin-bottom: 0;
}
.mon_page1 .item {
  width: calc((100% - 0.3rem) / 4);
  height: 5.21rem;
  transition: all 0.5s;
}
.mon_page1 .item .img {
  width: 100%;
  height: 100%;
}
.mon_page1 .item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.mon_page1 .item .hover {
  position: absolute;
  bottom: 0.36rem;
  left: 0.36rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.mon_page1 .item .hover img {
  margin-right: 0.22rem;
}
.mon_page1 .item .hover .tit {
  font-size: 0.28rem;
  margin-bottom: 0.1rem;
  font-family: 'mm';
}
.mon_page1 .item .hover .con {
  font-size: 0.22rem;
  font-family: 'mm';
}
.mon_page1 .item.act {
  width: calc((100% - 0.3rem) / 4 * 2);
}

.mon_page2 {
  display: flex;
  background-color: #f8f8f8;
  padding: 0 1.2rem 1.2rem;
  flex-wrap: wrap;
}
.mon_page2 .item {
  height: 2.76rem;
  width: 5.44rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  padding-top: 0.6rem;
  transition: all 0.5s;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
}
.mon_page2 .item:nth-child(3n) {
  margin-right: 0;
}
.mon_page2 .item .img {
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 2;
}
.mon_page2 .item .img .act_img {
  display: none;
}
.mon_page2 .item:hover .img .act_img {
  display: block;
}
.mon_page2 .item:hover .img .comm_img {
  display: none;
}

.mon_page2 .item .txt {
  font-size: 0.2rem;
  text-align: center;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  font-family: 'mm';
}
.mon_page2 .item .more {
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  color: #f18b15;
  z-index: 2;
}
.mon_page2 .item:hover {
  color: #fff;
}

.mon_page2 .item::after{
  content: "";
  position: absolute;
  left: -0.63rem;
  top: -0.63rem;
  width: 6.72rem; 
  height: 4.03rem;
  background-image: url('../image/monbg.png');
  background-size: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.mon_page2 .item:hover::after {
  opacity: 1;
}

.mon_page2 .item .more i {
  background-image: url("../image/more-a.png");
  background-size: cover;
  display: inline-block;
  width: 0.14rem;
  height: 0.08rem;
  margin-left: 0.16rem;
}
.mon_page2 .item:hover .more {
  color: #fff;
}
.mon_page2 .item:hover .more i {
  background-image: url("../image/more-r.svg");
}

.int_page2 {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f8f8;
  padding: 0.77rem 1.2rem 1.56rem;
}
.int_page2 .item {
  height: 2.55rem;
  width: 4.08rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  padding-top: 0.6rem;
  transition: all 0.5s;
  margin-right: 0.14rem;
  margin-bottom: 0.16rem;
  overflow: hidden;
}
.int_page2 .item:nth-child(4n) {
  margin-right: 0;
}
.int_page2 .item .img {
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 2;
}
.int_page2 .item .img .act_img {
  display: none;
}
.int_page2 .item:hover .img .act_img {
  display: block;
}
.int_page2 .item:hover .img .comm_img {
  display: none;
}
.int_page2 .item .txt {
  font-size: 0.2rem;
  text-align: center;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  font-family: 'mm';
}
.int_page2 .item .more {
  position: absolute;
  bottom: 0.35rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  color: #f18b15;
  z-index: 2;
}
.int_page2 .item::after{
  content: "";
  position: absolute;
  left: -0.63rem;
  top: -0.63rem;
  width: 5.34rem; 
  height: 3.81rem;
  background-image: url('../image/intbg.png');
  background-size: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.int_page2 .item:hover{
  color: #fff;
}
.int_page2 .item:hover::after {
  opacity: 1;
}

.int_page2 .item .more i {
  background-image: url("../image/more-a.png");
  background-size: cover;
  display: inline-block;
  width: 0.14rem;
  height: 0.08rem;
  margin-left: 0.16rem;
}
.int_page2 .item:hover .more {
  color: #fff;
}
.int_page2 .item:hover .more i {
  background-image: url("../image/more-r.svg");
}

.int2_page2 {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f8f8;
  padding: 2.6vw 1.2rem 1.56rem;
}

.int2_page2 .inner {
  padding: 2.6vw 2.6vw 0;
  background-color: #fff;
  width: 100%;
}
.int2_page2 .block {
  width: 100%;
  margin-bottom: 0.8rem;
}
.int2_page2 .title {
  font-size: 0.3rem;
  line-height: 1.4;
  margin-bottom: 0.6rem;
  font-family: 'mm';
}

.int2_page2 .block .stitle{
  
  font-size: 0.24rem;
  line-height: 1.4;
  margin-bottom: 0.28rem;
  font-family: 'mm';
}
.int2_page2 .pdf_list .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 0.2rem;
  justify-content: space-between;
  height: 0.8rem;
  border: #ebebeb 1px solid;
}

.int2_page2 .pdf_list .item .pdf {
  width: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.int2_page2 .pdf_list .item .pdf img {
  width: 0.3rem;
}
.int2_page2 .pdf_list .item .pdf::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #e8e8e8;
}

.int2_page2 .pdf_list .item .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 3.3rem);
  margin: 0 0.23rem;
}
.int2_page2 .pdf_list .item .center .time {
  color: #f18b15;
}
.int2_page2 .pdf_list .item .txt {
  font-size: 0.16rem;
  line-height: 1.5;
  width: 10rem;
}
.int2_page2 .pdf_list .item .downs {
  display: flex;
  height: 100%;
}
.int2_page2 .pdf_list .item .view,
.int2_page2 .pdf_list .item .down {
  width: 1.2rem;
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all 0.5s;
}
.int2_page2 .pdf_list .item .view {
  background-color: #f9f9f9;
}
.int2_page2 .pdf_list .item:hover .down {
  background-color: #f58d1b;
  color: #fff;
}
.int2_page2 .pdf_list .item .img {
  margin-bottom: 0.065rem;
  width: 0.37rem;
  height: 0.31rem;
}
.int2_page2 .pdf_list .item .img img {
  width: 100%;
  transition: all 0.5s;
}
.int2_page2 .pdf_list .item .act_img {
  display: none;
}
.int2_page2 .pdf_list .item:hover .act_img {
  display: block;
}
.int2_page2 .pdf_list .item:hover .comm_img {
  display: none;
}
/* installerTool-end-------------------------------- */

.srf_tab {
  height: 2.1rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.srf_tab .item {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  line-height: 1.2;
  color: #707070;
  position: relative;
}
.srf_d.iu .srf_tab {
  justify-content: start;
}
.srf_d.iu .srf_tab .item {
  margin-right: 2.39rem;
}
.srf_tab .item.act {
  color: #f18b15;
}
.srf_tab .item:last-child::after {
  display: none;
}
.srf_tab .item::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -1.3rem;
  width: 0.22rem;
  height: 0.25rem;
  background-image: url("../image/darr.svg");
  background-size: 100% 100%;
}
.srf_tab .item.act::after {
  background-image: url("../image/darra.svg");
}

.srf_tab .item .num {
  width: 0.36rem;
  height: 0.36rem;
  background-color: #707070;
  border-radius: 50%;
  font-size: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 0.1rem;
}
.srf_tab .item.act .num {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f58227, #f5a501);
}

.srf_d {
  margin-top: 0.7rem;
}
.srf_d .top {
  height: 1.2rem;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #f3f3f3;
}
.srf_d .top .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.srf_d .top .bg img {
  height: 100%;
}
.srf_d .top .name {
  font-size: 0.36rem;
  padding: 0 1.2rem;
}

.srf_d form {
  padding: 0.1rem 2rem 0.8rem;
  border-bottom: 1px solid #d8d8d8;
}
.srf_d .lform {
  display: none;
}
.srf_d .lform.act {
  display: block;
}
.srf_d form .block {
  margin-top: 0.85rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #d8d8d8;
}
.srf_d form .block:last-child {
  border-bottom: 0 solid #000;
  padding-bottom: 0;
}
.srf_d form .block .title {
  font-size: 0.24rem;
  margin-bottom: 0.38rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: 'mm';
}
.srf_d form .block .title.upload{
    cursor: pointer;
}
.srf_d form .block .title img {
  margin-right: 0.12rem;
}
.srf_d form .block .title .act {
  display: none;
}
.srf_d form .block .title.act{
    pointer-events: none;
    cursor: initial;
}
.srf_d form .block .title.act .act {
  display: block;
}
.srf_d form .block .title.act .comm {
  display: none;
}
.srf_d form .block .radio {
  display: flex;
}
.cta_page2 form .radio .ritem,
.srf_d form .block .radio .ritem {
  margin-right: 0.93rem;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #666666;
}
.srf_d form .block .radio .ritem.act {
  color: #f18b15;
}

.cta_page2 form .radio .ritem input[type="checkbox"] ,
.cta_page2 form .radio .ritem input[type="radio"],
.srf_d form .block .radio .ritem input[type="checkbox"] ,
.srf_d form .block .radio .ritem input[type="radio"] {
  width: 0.18rem;
  height: 0.18rem;
  border: #dbdbdb 1px solid;
  border-radius: 2px;
  margin: 0;
  -webkit-appearance: none;
}

/** 未被选中的样式*/
.cta_page2 form .radio .ritem input[type="checkbox"]::before,
.cta_page2 form .radio .ritem input[type="radio"]::before,
.srf_d form .block .radio .ritem input[type="checkbox"]::before,
.srf_d form .block .radio .ritem input[type="radio"]::before {
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  -webkit-appearance: none;
}
.cta_page2 form .radio .ritem label,
.srf_d form .block .radio .ritem label {
  padding-left: 0.1rem;
}
/** 选中的样式 */
.cta_page2 form .radio .ritem input[type="checkbox"]:checked::before,
.cta_page2 form .radio .ritem input[type="radio"]:checked::before,
.srf_d form .block .radio .ritem input[type="checkbox"]:checked::before,
.srf_d form .block .radio .ritem input[type="radio"]:checked::before {
  content: ""; /* 2713表示勾勾✓ */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/radioa.svg");
  background-size: 100% 100%;
  -webkit-appearance: none;
}

.srf_d form .block .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.srf_d form .block .list .tit {
  font-size: 0.16rem;
  margin-bottom: 0.13rem;
  color: #333;
  line-height: 1.33;
}
.srf_d form .block .list .tip {
  font-size: 0.16rem;
  color: #666666;
  margin-bottom: 0.25rem;
}
.srf_d form .block .list .tit span {
  color: #db0032;
  margin-right: 0.1rem;
}
.srf_d form .block .list .item1 input {
  width: 15.18rem;
  height: 0.6rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  margin-bottom: 0.5rem;
  padding-left: 0.2rem;
  font-family: 'mr';
}
.srf_d form .block .list .item2 select,
.srf_d form .block .list .item2 input {
  width: 7.45rem;
  height: 0.6rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  margin-bottom: 0.5rem;
  padding-left: 0.2rem;
  font-family: 'mr';
}
.srf_d form .block .rano.remove {
  display: none !important;
}
.srf_d form .block .list .item textarea {
  width: 15.26rem;
  height: 2.32rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem;
  font-family: 'mr';
}
.srf_d form .block .list .item2 textarea {
  width: 7.45rem;
}

.srf_d form .block .transparent {
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.srf_d form .block .list .item2:nth-last-child(1) input,
.srf_d form .block .list .item2:nth-last-child(2) input {
  margin-bottom: 0;
}
.srf_d form .block .list .item3 select,
.srf_d form .block .list .item3 input {
  width: 4.83rem;
  height: 0.6rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  margin-bottom: 0.5rem;
  padding-left: 0.2rem;
  font-family: 'ml';
}
.srf_d form .block .list .item4 select,
.srf_d form .block .list .item4 input {
  width: 3.55rem;
  height: 0.6rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  margin-bottom: 0.5rem;
  padding-left: 0.2rem;
  font-family: 'mr';
}
.srf_d form .block .list .item .flatpickr{
  margin-bottom: 0.235rem;
}
.srf_d form .block .list .item .fltip{
  
    font-size: 0.16rem;
    color: #666666;
}
.srf_d form .block .list .item .calender{
  position: absolute;
  top: 0.5rem;
  left:4.36rem;
  width: 0.17rem;
  pointer-events: none;
}
.srf_d form .block .list .select {
  position: relative;
}
.srf_d form .block .list .select::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.25rem);
  transform: translateY(-50%);
  right: 0.3rem;
  width: 0.11rem;
  height: 0.07rem;
  background-image: url("../image/select.png");
  background-size: 100% 100%;
}

.srf_d form .block .list .item.ou {
  margin-bottom: 0.28rem;
}
.srf_d form .block .list .two {
  padding: 0.39rem 0.32rem 0.46rem;
  background-color: #f9f9f9;
  display: none;
  margin-bottom: 0.38rem;
  width: 100%;
}
.srf_d form .block .list .two.act {
  display: flex;
}

.srf_d form .block .list .two input {
  width: 6.26rem;
  height: 0.6rem;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 0.02rem;
  padding-left: 0.2rem;
  font-family: 'mr';
  margin-right: 0.4rem;
}
.srf_d form .block .list .note {
  width: 100%;
  padding: 0.4rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
}
.srf_d form .block .list .note .tit {
  font-size: 0.24rem;
  margin-bottom: 0.16rem;
  line-height: 1.33;
}
.srf_d form .block .list .note .con {
  font-size: 0.16rem;
  line-height: 1.33;
}

.srf_d form .block .btn {
  margin-top: 0.5rem;
  display: flex;
}

.srf_d form .block .btn .next,
.srf_d form .block .btn .prev {
  width: 1.97rem;
  height: 0.46rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 0.2rem;
}
.srf_d form .block .btn .prev i,
.srf_d form .block .btn .next i {
  display: block;
  width: 0.13rem;
  height: 0.09rem;
  background-image: url(../image/arr-f.svg);
  background-size: 100% 100%;
  margin-left: 0.14rem;
  transition: all 0.5s;
}
.srf_d form .block .btn .prev {
  background-image: none;
  background-color: #f6f6f6;
  color: #333;
}
.srf_d form .block .btn .prev i {
  background-image: url(../image/arr-3.svg);
  margin-right: 0.14rem;
  margin-left: 0;
  transform: rotate(180deg);
}

.srf_d form .block .btn .prev:hover i {
  margin-right: 0.25rem;
}
.srf_d form .block .btn .next:hover i {
  margin-left: 0.25rem;
}
.srf_d form .block .item{
    position: relative;
}
.srf_d form .block .item.warn::after{
    content: "This field is required.";
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    font-size: 0.14rem;
    color: #DB0032;
    line-height: 1.33;
}

.srf_d form .block .info .item {
  display: flex;
  align-items: start;
  font-size: 0.18rem;
  margin-bottom: 0.3rem;
}
.srf_d form .block .info .item.tb {
  align-items: start;
}
.srf_d form .block .info .item:last-child {
  margin-bottom: 0;
}
.srf_d form .block .info .item .key {
  width: 2.67rem;
  color: #666;
  line-height: 1.33;
  font-size: 0.18rem;
  white-space: nowrap;
}
.srf_d form .block .info .item .value {
  line-height: 1.33;
}
.srf_d form .block .info.imgs {
  display: flex;
  flex-wrap: wrap;
}
.srf_d form .block .info.imgs img {
  height: 2.36rem;
  margin-right: 0.69rem;
  margin-bottom: 0.3rem;
}

.srf_d form .block .info .item.tb .table {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}
.srf_d form .block .info .item.tb .table .tt {
  display: flex;
}
.srf_d form .block .info .item.tb .table p {
  height: 0.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  white-space: nowrap;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}
.srf_d form .block .info .item.tb .table p img {
  width: 0.3rem;
}
.srf_d form .block .info .item.tb .table p img.cor {
  display: none;
}
.srf_d form .block .info .item.tb .table p.act img.cor {
  display: block;
}
.srf_d form .block .info .item.tb .table p.act img.err {
  display: none;
}
.srf_d form .block .info .item.tb .table .tt p {
  background-color: #f9fafb;
  padding: 0 0.43rem;
}
.srf_d form .block .info .item.tb .table .tt p:nth-child(1) {
  width: 3.14rem;
}
.srf_d form .block .info .item.tb .table .tt p:nth-child(2) {
  width: 1.27rem;
}
.srf_d form .block .info .item.tb .table .tt p:nth-child(3) {
  width: 2.1rem;
}
.srf_d form .block .info .item.tb .table .tt p:nth-child(4) {
  width: 4.07rem;
}
.srf_d form .block .info .item.tb .table .tr {
  display: flex;
}
.srf_d form .block .info .item.tb .table .tr p:nth-child(1) {
  width: 3.14rem;
  justify-content: start;
  padding-left: 0.31rem;
}
.srf_d form .block .info .item.tb .table .tr p:nth-child(2) {
  width: 1.27rem;
}
.srf_d form .block .info .item.tb .table .tr p:nth-child(3) {
  width: 2.1rem;
}
.srf_d form .block .info .item.tb .table .tr p:nth-child(4) {
  width: 4.07rem;
}

.srf_d form .block .ltit {
  font-size: 0.16rem;
  margin-bottom: 0.25rem;
  line-height: 1.5;
}
.srf_d form .block .ltit:last-child {
  margin-bottom: 0.47rem;
}
.srf_d form .block .ltit span {
  color: #0044ff;
}

.srf_d form .block .upload .item {
  width: 100%;
  height: 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fcfcfc;
  border: #c9c9c9 1px solid;
  margin-bottom: 0.2rem;
  padding: 0 0.42rem;
}
.srf_d.iu form .block .upload .item {
  padding-left: 0.23rem;
}
.srf_d form .block .upload .item .left_box {
  display: flex;
  align-items: center;
}
.srf_d form .block .upload .item .left_box .img{
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
margin-right: 0.4rem;
height: 0.94rem;
}
.srf_d form .block .upload .item .left_box img {
display: none;
}
.srf_d form .block .upload .item.act .left_box img {
display: block;
height: 100%;
}
.srf_d form .block .upload .item .left {
  display: flex;
  line-height: 1.5;
  font-size: 0.16rem;
}
.srf_d form .block .upload .item .left span:nth-child(1) {
  margin-right: 0.1rem;
}
.srf_d form .block .upload .item .right {
  display: flex;
  align-items: center;
}
.srf_d form .block .upload .item .right > img{
    height: 0.47rem;
    width: 0.47rem;
    object-fit: contain;
    margin-right: 0.17rem;
}
.srf_d form .block .upload .item .right .hidden{
    display: none;
}
.srf_d form .block .upload .item .right .input {
  width: 1.9rem;
  height: 0.47rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
  margin-right: 0.2rem;
}
.srf_d form .block .upload .item .right .input input {
  width: 100%;
  height: 100%;
}
.srf_d form .block .upload .item .right .input span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.srf_d form .block .upload .item .right .input span img {
  margin-right: 0.07rem;
  width: 0.26rem;
}
.srf_d form .block .file .cover{
    display: none;
}
.srf_d form .block .file .cover.act{
    display: block;
    background-color: rgba(0, 0, 0, 0.06);
}

.srf_d form .block .file .item {
  width: 100%;
  height: 1.56rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.srf_d form .block .file .input span {
  width: 1.9rem;
  height: 0.47rem;
  background-image: linear-gradient(45deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.14rem;
}
.srf_d form .block .file .input img {
  width: 0.27rem;
  margin-right: 0.06rem;
}
.srf_d form .block .file .tip {
  margin-top: 0.1rem;
  color: #999;
  font-size: 0.14rem;
}
.srf_d form .block .warranty {
  display: flex;
  justify-content: space-between;
}
.srf_d form .block .warranty .item {
  width: 3.53rem;
  height: 1.63rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.28rem;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
}
.srf_d form .block .title2 {
  margin-top: 0.13rem;
  font-size: 0.16rem;
  font-family: 'ml';
  width: 100%;
}
.srf_d form .block .warranty .item.act {
  border: 1px solid #f58227;
}
.srf_d form .block .warranty .item img {
  width: 1.03rem;
  margin-right: 0.17rem;
}
.srf_d form .block .warranty .item .tit {
  font-size: 0.2rem;
  color: #f58227;
  line-height: 1.33;
  margin-bottom: 0.08rem;
}
.srf_d form .block .warranty .item .con {
  font-size: 0.16rem;
  color: #000;
  line-height: 1.33;
}
.srf_d form .block .add_list .list {
  position: relative;
}
.srf_d form .block .wlist .item {
  font-size: 0.2rem;
  color: #f58227;
  line-height: 2;
}
.srf_d form .block .add_list .list .remove {
  position: absolute;
  top: calc(50% - 0.1rem);
  transform: translateY(-50%);
  right: -0.45rem;
  background-image: url("../image/remove.png");
  width: 0.23rem;
  height: 0.23rem;
  background-size: 100% 100%;
}
.srf_d form .block .mbtn {
  width: 2.75rem;
  height: 0.47rem;
  background-image: linear-gradient(45deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.14rem;
  margin: 0 auto;
  cursor: pointer;
}
.srf_d form .block .mbtn img {
  width: 0.26rem;
  margin-right: 0.1rem;
}
.srf_d form .block .price {
  font-size: 0.2rem;
  color: #f58227;
}
/*4个*/
/*.srf_d form .block.model .table .tt p {*/
/*  width: calc(100% / 4);*/
/*  height: 100%;*/
/*  font-size: 0.22rem;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/

/*.srf_d form .block.model .table .tr p {*/
/*  width: calc(100% / 4);*/
/*  height: 100%;*/
/*  font-size: 0.22rem;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
/*3个*/
.srf_d form .block.model .table .tt p {
  width: calc(100% / 4);
  height: 100%;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.srf_d form .block.model .table .tt p:nth-child(2) {
  width: calc(100% / 2);
  height: 100%;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.srf_d form .block.model .table .tr p {
  width: calc(100% / 4);
  height: 100%;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.srf_d form .block.model .table .tr p:nth-child(2) {
  width: calc(100% / 2);
  height: 100%;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/**/
.srf_d form .block.model .table {
  width: 100%;
  margin-bottom: 0.7rem;
}
.srf_d form .block.model .table .tt {
  width: 100%;
  display: flex;
  height: 0.7rem;
  background-color: #f58227;
  color: #fff;
}

.srf_d form .block.model .table .tr {
  width: 100%;
  display: flex;
  height: 1.06rem;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.srf_d form .block.model .table .tr .remove {
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  right: 0.45rem;
  background-image: url("../image/remove.png");
  width: 0.23rem;
  height: 0.23rem;
  background-size: 100% 100%;
}
.srf_d form .block .pcct {
  display: flex;
  justify-content: space-between;
}
.srf_d form .block .pcct .tip {
  margin-top: 0.14rem;
  margin-left: 0.2rem;
  font-size: 0.16rem;
  color: #f58227;
  line-height: 1.33;
  margin-bottom: 0.26rem;
}
.srf_d form .block .pcct .btn {
  width: 2.75rem;
  height: 0.47rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.16rem;
  color: #fff;
  background-image: linear-gradient(45deg, #f58227, #f5a501);
  margin-top: 0;
}
.srf_d form .block .pcct .cart {
  width: 6.56rem;
}
.srf_d form .block.last .pcct .cart {
  width: 100%;
}
.srf_d form .block .pcct .cart .citem {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
  margin-bottom: 0.23rem;
  font-size: 0.16rem;
  line-height: 1.75;
}
.srf_d form .block .pcct .cart .total {
  padding-top: 0.23rem;
  border-top: 1px solid #ebebeb;
}
.srf_d form .block .pcct .cart .total .price {
  font-size: 0.16rem;
}
.srf_d form .block.last .pcct .cart .total .price {
  font-size: 0.22rem;
}
.srf_d form .block.last .bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 0.6rem;
}
.srf_d form .block.last .bottom img {
  transform: translateX(-0.3rem);
  cursor: pointer;
}
.srf_d form .block.last .bottom .tip {
  color: #f58227;
  margin-top: 0.13rem;
}

/*活动页面*/

.act_banner {
  margin-top: 0.9rem;
  height: 5.32rem;
}
.act_page {
  padding: 87px 293px 263px;
}
.act_page .more {
  width: 2.2rem;
  height: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  font-size: 0.18rem;
  border-radius: 0.23rem;
  color: #fff;
  margin: 0 auto 1.2rem;
}
.act_page .content img {
  width: 100%;
}
.af_page {
  padding: 0.7rem 1.2rem 1rem;
  background-color: #f9f9f9;
}
.af_page .inner {
  background-color: #fff;
  padding-top: 0.9rem;
}
.af_page .inner .title {
  font-size: 0.24rem;
  font-family: mm;
  text-align: center;
  color: #333333;
}
.af_page.srf_d form {
  padding: 0.45rem 4.6rem 0.9rem;
  border-bottom:none;
}
.af_page.srf_d form .block{
  margin-top: 0;
  padding-bottom: 0;
  border-bottom:none;
}
.af_page.srf_d form .block .list .item2 input{
  margin-bottom: 0.4rem;
}
.af_page.srf_d form .block .radio{
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.af_page.srf_d form .block .radio .ritem{
  width: 100%;
  margin-bottom: 0.18rem;
}
.af_page .submit {
  width: 1.97rem;
  height: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  font-size: 0.14rem;
  font-family: mr;
  color: #fff;
  margin: 0 auto;
}


/*活动页面结束*/

.srf_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
  transition: all 0.5s;
}

.srf_dialog.act {
  opacity: 1;
  z-index: 99;
}

.srf_dialog .login_inner.inner{
    width: auto;
    background-color: #FFF;
    padding: 0.62rem 0.69rem;
    border-radius: 0.1rem;
}
.srf_dialog .login_inner.inner .title{
    font-size: 0.24rem;
    font-family: mm;
    margin-bottom: 0.4rem;
}
.srf_dialog .login_inner.inner .item{
    margin-bottom: 0.28rem;
}
.srf_dialog .login_inner .form .tit{
    font-size: 0.16rem;
    font-family: mr;
    margin-bottom: 0.13rem;
    
}
.srf_dialog .login_inner .form input{
    height: 0.6rem;
    width: 7.45rem;
    border-radius: 0.02rem;
    border: 1px solid  #C9C9C9;
    padding-left: 0.2rem;
    font-family: mr;
}
.srf_dialog .login_inner .button{
    display: flex;
}
.srf_dialog .login_inner .button a{
    width: 1.97rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    font-family: mr;
    margin-right: 0.17rem;
    background-color: #F6F6F6;
}
.srf_dialog .login_inner .button a:nth-child(1){
    background-image: linear-gradient(90deg,#F58227,#F5A501);
    color: #fff;
}

.srf_dialog .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.4rem;
  height: 5.45rem;
}
.srf_dialog .inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.srf_dialog .inner .txt {
  margin-top: 2.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.srf_dialog .inner .title {
  font-size: 0.24rem;
  margin-bottom: 0.12rem;
  line-height: 1.4;
}

.srf_dialog .inner .con {
  font-size: 0.16rem;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 0.675rem;
  width: 3.78rem;
}
.srf_dialog .inner .btn {
  width: 2.4rem;
  height: 0.46rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.16rem;
}

.sr_page1 {
  padding-top: 1rem;
}
.sr_page1 .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  padding: 0 1.12rem 0 1.34rem;
}
.sr_page1 .list .item {
  background-color: #ececec;
  width: 3.75rem;
  height: 3.33rem;
  margin-right: 0.58rem;
  position: relative;
  border-radius: 0.15rem 0 0.15rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 0.5s;
  padding-top: 0.9rem;
  overflow: hidden;
}
.sr_page1 .list .item::after {
  content: "";
  position: absolute;
  left: -0.36rem;
  top: -0.32rem;
  width: 4.31rem;
  height: 4.05rem;
  background-image: url("../image/c1bg.png");
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.5s;
}

.sr_page1 .list .box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr_page1 .cons .con.act::after {
  content: "";
  position: absolute;
    top: 0;
  width: 0.45rem; 
  height: 0.17rem;
  background-image: url('../image/trani2.png');
  background-size: 100% 100%;
  transition: all 0.5s;
}
.sr_page1 .cons .con:nth-child(4n - 3).act::after{
    left: 3.14rem;
    transform: translate(-50%,-100%);
}
.sr_page1 .cons .con:nth-child(4n - 2).act::after{
    left: 7.32rem;
    transform: translate(-50%,-100%);
}
.sr_page1 .cons .con:nth-child(4n - 1).act::after{
    left: 11.5rem;
    transform: translate(-50%,-100%);
}
.sr_page1 .cons .con:nth-child(4n).act::after{
    left: 15.68rem;
    transform: translate(-50%,-100%);
}
.sr_page1 .list .item.act,
.sr_page1 .list .item:hover {
  color: #fff;
  border-radius: 0.4rem 0 0.4rem 0;
}
.sr_page1 .list .item.act::after,
.sr_page1 .list .item:hover::after {
  opacity: 1;
}
.sr_page1 .list .item .icon {
  margin-bottom: 0.29rem;
  height: 0.89rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sr_page1 .list .item .icon .act {
  display: none;
}
.sr_page1 .list .item.act .icon .comm,
.sr_page1 .list .item:hover .icon .comm {
  display: none;
}
.sr_page1 .list .item.act .icon .act,
.sr_page1 .list .item:hover .icon .act {
  display: block;
}
.sr_page1 .list .item .inner {
  position: relative;
  z-index: 2;
}
.sr_page1 .list .item .tit {
  font-size: 0.24rem;
  font-family: 'mm';
}
.sr_page1 .list .item .num {
  position: absolute;
  bottom: -0.15rem;
  font-family: Gotham;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.6rem;
  color: #dfdfdf;
  z-index: 2;
  font-family: 'mm';
}
.sr_page1 .list .item.act .num,
.sr_page1 .list .item:hover .num {
  color: #f6b333;
}
.sr_page1 .con {
  background-color: #f9f9f9;
  padding: 0.55rem 1.34rem 0.8rem;
  color: #666666;
  font-size: 0.18rem;
  line-height: 2;
  display: none;
  font-family: 'ml';
}
.sr_page1 .con.act{
    display: block;
}
.sr_page2 {
  padding: 1.1rem 16.04vw 0.94rem;
  margin-bottom: 0.7rem;
}
.sr_page2 .title {
  font-size: 0.36rem;
  margin-bottom: 0.47rem;
  text-align: center;
  font-family: 'mm';
}
.sr_page2 .swiper{
    width: 100% ;
    overflow: hidden;
}

.sr_page2 img {
  width: 100%;
}
.sr_page2 img.m{
    display: none;
}
.sr_page2 .tab{
    display: flex;
    justify-content: center;
    margin-bottom: 0.15rem;
}
.sr_page2 .tab .item{
    font-size: 16px;
    color: #333;
    text-align: center;
    font-family: hm;
    position: relative;
    padding-bottom: 0.1rem;
}
.sr_page2 .tab .item::after{
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    position: absolute;
    transition: all .5s;
    background-color: #f58225;
}
.sr_page2 .tab .item::after{
    width: 100%;
}
.sr_page2 .tab .item.act{
    /*color: #f58225;*/
}
.sr_page2 .list .item{
    display: none;
}
.sr_page2 .list .item.act{
    display: block;
}

/* svg-swiper-pagination ------------------------------------------------------ */
.sr_page2 .svg-swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.sr_page2 .svg-swiper-pagination .swiper-pagination-bullet {
  background: #d6d6d6;
  opacity: 0.47;
  width: 0.08rem;
  height: 0.08rem;
  outline: none;
  margin: 0.26rem 0;
  position: relative;
  transform: rotate(180deg);
  margin-right: 0.4rem;
}
.sr_page2 .svg-swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f58225;
  opacity: 1;
}
.sr_page2 .svg-swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

/* 控制svg圆圈的大小 */
.sr_page2 .svg-swiper-pagination .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(0deg) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
}
/* 新版sol */
.sol_page3 {
  padding: 1.18rem 20vw 0.67rem;
  background-color: rgba(249, 249, 249,.3);
}

.sol_page3 .title {
  font-size: 0.36rem;
  margin-bottom: 0.11rem;
  text-align: center;
  line-height: 1.33;
  font-family: 'mm';
}
.sol_page3 .desc {
  font-size: 0.24rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #999999;
  line-height: 1.33;
}
.sol_page3 .swiper {
  overflow: hidden;
  padding-bottom: 0.1rem;
  margin-bottom: 0.5rem;
}
.sol_page3 .swiper .swiper-slide {
  padding: 0.36rem 0.47rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5.4rem;
  transition: all 0.5s;
}
.sol_page3 .swiper .swiper-slide-active {
  background-color: #fff;
  border: #ffc28e 1px solid;
}
.sol_page3 .swiper .swiper-slide img {
  width: 100%;
  margin-bottom: 0.24rem;
}
.sol_page3 .swiper .swiper-slide .tit {
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
}
.sol_page3 .swiper .swiper-slide .con {
  font-size: 0.14rem;
}
.sol_page3 .more {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.23rem;
  color: #ffffff;
  font-size: 0.16rem;
  width: 2.28rem;
  height: 0.46rem;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
}
.sol_page3 .more i {
  display: block;
  width: 0.16rem;
  height: 0.1rem;
  background-image: url(../image/more-f.png);
  background-size: 100% 100%;
  margin-left: 0.095rem;
  transition: all 0.5s;
}
.sol_page3 .more:hover i {
  margin-left: 0.1954rem;
}
.sol_page3 .btn {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 2.04rem;
  z-index: 99;
}
.sol_page3 .prev {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.sol_page3 .prev:hover {
  background-image: url("../image/arra.png");
  transform: rotate(180deg);
}
.sol_page3 .next {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  transform: rotate(180deg);
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.sol_page3 .next:hover {
  transform: rotate(0);
  background-image: url("../image/arra.png");
}

.sol_page4 {
  padding: 1.18rem 0 1rem;
  background-color: #fff;
}
.sol_page4 .title {
  font-size: 0.36rem;
  margin-bottom: 0.44rem;
  text-align: center;
  line-height: 1.33;
  font-family: 'mm';
}
.sol_page4 .swiper {
  margin-bottom: 1rem;
  overflow: hidden;
}
.sol_page4 .swiper .swiper-slide img {
  height: 4.5rem;
  margin-bottom: 0.25rem;
}
.sol_page4 .swiper .swiper-slide .tit {
  font-size: 0.24rem;
  line-height: 1.33;
  font-family: 'mm';
}

/* svg-swiper-pagination ------------------------------------------------------ */
.sol_page4 .svg-swiper-pagination {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.sol_page4 .svg-swiper-pagination .swiper-pagination-bullet {
  background: #d6d6d6;
  opacity: 0.47;
  width: 0.08rem;
  height: 0.08rem;
  outline: none;
  margin: 0.26rem 0;
  position: relative;
  transform: rotate(180deg);
  margin-right: 0.4rem;
}
.sol_page4 .svg-swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f58225;
  opacity: 1;
}
.sol_page4 .svg-swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

/* 控制svg圆圈的大小 */
.sol_page4 .svg-swiper-pagination .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(0deg) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
}
.svg-swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 0.08rem;
  height: 0.08rem;
  /* background-color: #ffffff; */
  border-radius: 50%;
}
.svg-swiper-pagination.on .swiper-pagination-bullet:after {
  background-color: rgba(0, 0, 0, 0.32);
}
.svg-swiper-pagination.on .swiper-pagination-bullet-active:after {
  background-color: #025493;
}

.svg-swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active
  .svg {
  opacity: 1;
}

.svg-swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active
  .circle2 {
  -webkit-animation: svgCircleAnmi 6s linear forwards;
  animation: svgCircleAnmi 6s linear forwards;
}

/* 通用 */
.svg-swiper-pagination .circle1 {
  stroke: #f58225;
  opacity: 0.18;
}
.svg-swiper-pagination .circle2 {
  stroke: #f58225;
  stroke-dasharray: 0 400;
}

.svg-swiper-pagination.on .circle1 {
  stroke: #025493;
}
.svg-swiper-pagination.on .circle2 {
  stroke: #025493;
}
/*.banner svg:not(:root) {overflow: hidden;}*/
@-webkit-keyframes svgCircleAnmi {
  0% {
    stroke-dasharray: 0 339;
  }
  to {
    stroke-dasharray: 339 339;
  }
}
@keyframes svgCircleAnmi {
  0% {
    stroke-dasharray: 0 339;
  }
  to {
    stroke-dasharray: 339 339;
  }
}

/* svg-swiper-pagination -end------------------------------------------------------ */

.dialog {
  position: fixed;
  z-index: -9;
}
.dialog.act {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.dialog .cover {
  transition: all 0.5s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog.act .cover {
  opacity: 1;
}

.dialog .inner {
  width: 9.8rem;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #fff;
  padding: 0.66rem 0.32rem 0 0.6rem;
  transform: translateX(8.07rem);
  transition: all 0.5s;
}
.dialog.act .inner {
  transform: translateX(0);
}
.dialog .cha {
  position: absolute;
  top: 0;
  left: -0.78rem;
  width: 0.78rem;
  height: 0.78rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog .item {
  width: 100%;
  height: 100%;
  display: none;
}
.dialog .item.act {
  display: block;
}
.dialog .item .container {
  height: calc(100vh - 1.4rem);
  overflow: auto;
  padding-right: 0.65rem;
}

*::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-width:0.04rem;
}
*::-webkit-scrollbar-thumb {
  background: #f58225;
}
*::-webkit-scrollbar-track {
  background: #e1e1e1;
}
.dialog .item .title {
  font-size: 0.36rem;
  margin-bottom: 0.21rem;
  line-height: 1.33;
  font-family: 'mm';
}
.dialog .item .desc {
  line-height: 1.75;
  font-size: 0.18rem;
  margin-bottom: 0.236rem;
  color: #666666;
  font-family: 'ml';
}
.dialog .item .info {
  display: flex;
  margin-bottom: 0.35rem;
}
.dialog .item .info .litem {
    width: 33%;
    padding-right: 0.2rem;
}
.dialog .item .info .litem img{
    width: 0.45rem;
    margin-bottom: 0.15rem;
}
.dialog .item .info .litem .tit {
  font-size: 0.22rem;
  margin-bottom: 0.04rem;
  line-height: 1.33;
  color: #f58225;
  font-family: 'mm';
}
.dialog .item .info .litem .con {
  line-height: 1.75;
  font-size: 0.16rem;
  color: #666666;
}
.dialog .item .imgs img {
  width: 100%;
  margin-bottom: 0.2rem;
}

/* 旧版sol */
.sr_page2 .item {
  display: flex;
  justify-content: space-between;
}
.sr_page2 .item .img {
  width: 50%;
}
.sr_page2 .item .txt {
  width: 50%;
  padding: 1rem 1.3rem 0;
}
.sr_page2 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.sr_page2 .item .txt img {
  margin-bottom: 0.3rem;
}
.sr_page2 .item .tit {
  font-size: 0.3rem;
  margin-bottom: 0.4rem;
  line-height: 1.5;
  color: #f58226;
}
.sr_page2 .item .desc {
  font-size: 0.18rem;
  margin-bottom: 0.4rem;
  line-height: 2;
  color: #666;
}
.sr_page2 .item p {
  font-size: 0.16rem;
  line-height: 2;
  position: relative;
  padding-left: 0.2rem;
  color: #999999;
}
.sr_page2 .item p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12rem;
  height: 0.09rem;
  width: 0.09rem;
  background-color: #f58226;
  border-radius: 50%;
  transition: all 0.5s;
}
.sr_page3 .video_box .img {
  width: 100%;
}
.sr_page3 .start_box {
  position: absolute;
  top: 3.55rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sr_page3 .video_box .txt {
  position: absolute;
  top: 1.71rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  line-height: 1.33;
}
.sr_page3 .video_box .tit {
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}
.sr_page3 .video_box .con {
  font-size: 0.18rem;
}
.sr_page3 .start_box .start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sr_page3 .start_box .rotate {
  animation: rotate 5s linear forwards infinite;
}

.sr_page4 {
  padding: 1rem 0 0;
}
.sr_page4 .title {
  font-size: 0.36rem;
  line-height: 1.3;
  margin-bottom: 0.6rem;
  text-align: center;
}

.sr_page4 .cpart1 {
  display: flex;
  justify-content: space-between;
}
.sr_page4 .cpart1 .left {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 1.34rem;
  padding-right: 1.1rem;
}
.sr_page4 .cpart1 .left img {
  margin-bottom: 0.3rem;
}
.sr_page4 .cpart1 .left .tit {
  font-size: 0.3rem;
  color: #f58226;
  line-height: 1.33;
  margin-bottom: 0.4rem;
}
.sr_page4 .cpart1 .left .desc {
  font-size: 0.18rem;
  line-height: 1.75;
}
.sr_page4 .cpart1 .left .list {
  display: flex;
  justify-content: space-between;
}
.sr_page4 .cpart1 .left .item {
  width: 3.16rem;
}
.sr_page4 .cpart1 .left .item .num {
  font-size: 0.42rem;
  margin-bottom: 0.3rem;
  line-height: 1.5;
}
.sr_page4 .cpart1 .left .item .con {
  font-size: 0.16rem;
  color: #999;
  line-height: 1.75;
}

.sr_page4 .cpart1 .video_box {
  width: 50%;
}
.sr_page4 .cpart1 .video_box .img {
  width: 100%;
}
.sr_page4 .cpart1 .start_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sr_page4 .cpart1 .start_box .start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sr_page4 .cpart1 .start_box .rotate {
  animation: rotate 5s linear forwards infinite;
}
.sr_page4 .cpart2.img {
  width: 100%;
  height: 7rem;
  position: relative;
  margin-top: 1rem;
}
.sr_page4 .cpart2 .txt {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.4rem 0.8rem 0.66rem;
  width: 8.16rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
}
.sr_page4 .cpart2 .txt img {
  margin-bottom: 0.32rem;
}
.sr_page4 .cpart2 .txt .tit {
  font-size: 0.28rem;
  margin-bottom: 0.32rem;
}
.sr_page4 .cpart2 .txt .con {
  font-size: 0.18rem;
  opacity: 0.7;
}
.sr_page4 .cpart3 {
  display: flex;
  justify-content: end;
  position: relative;
  width: 100%;
  margin-top: 1rem;
}
.sr_page4 .cpart3 .bg {
  position: absolute;
  top: 0;
  left: 0;
}
.sr_page4 .cpart3 .img {
  width: 12.45rem;
  background-color: #f3f3f3;
}
.sr_page4 .cpart3 .txt {
  position: absolute;
  bottom: 0;
  left: 1.23rem;
  width: 8.04rem;
  padding: 0.65rem 0.7rem 0.8rem 0.8rem;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  color: #fff;
  line-height: 1.33;
}
.sr_page4 .cpart3 .txt img {
  margin-bottom: 0.41rem;
}
.sr_page4 .cpart3 .txt .tit {
  font-size: 0.28rem;
  margin-bottom: 0.41rem;
}
.sr_page4 .cpart3 .txt .con {
  font-size: 0.18rem;
  opacity: 0.7;
}

.sr_page5 {
  padding: 1rem 0 0;
}
.sr_page5 .title {
  font-size: 0.36rem;
  line-height: 1.3;
  margin-bottom: 0.55rem;
  text-align: center;
}
.sr_page5 .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.1rem;
}
.sr_page5 .item .img {
  width: 50%;
}
.sr_page5 .item .txt {
  width: 50%;
  padding: 1rem 1.3rem 0;
}
.sr_page5 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.sr_page5 .item .txt img {
  margin-bottom: 0.3rem;
}
.sr_page5 .item .tit {
  font-size: 0.3rem;
  margin-bottom: 0.4rem;
  line-height: 1.5;
  color: #f58226;
}
.sr_page5 .item .desc {
  font-size: 0.18rem;
  margin-bottom: 0.4rem;
  line-height: 2;
  color: #666;
}
.sr_page5 .cpart2 {
  position: relative;
}
.sr_page5 .cpart2 .txt {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 1.49rem;
  padding-left: 1.16rem;
  width: 7.69rem;
  color: #fff;
}
.sr_page5 .cpart2 .tit {
  font-size: 0.36rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.sr_page5 .cpart2 p {
  font-size: 0.16rem;
  line-height: 2;
  position: relative;
  padding-left: 0.2rem;
}
.sr_page5 .cpart2 p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12rem;
  height: 0.09rem;
  width: 0.09rem;
  background-color: #f58226;
  border-radius: 50%;
  transition: all 0.5s;
}
.sr_page6 {
  padding: 1rem 1.2rem 0;
}
.sr_page6 .title {
  font-size: 0.36rem;
  line-height: 1.3;
  margin-bottom: 0.92rem;
  text-align: center;
}
.sr_page7 {
  margin-top: 1.1rem;
  position: relative;
}
.sr_page7 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 1rem;
  color: #fff;
}
.sr_page7 .txt img {
  margin-bottom: 0.25rem;
}
.sr_page7 .txt .tit {
  font-size: 0.36rem;
  line-height: 1.33;
  margin-bottom: 0.3rem;
  width: 5.87rem;
}
.sr_page7 .txt .con {
  font-size: 0.16rem;
  line-height: 2;
  margin-bottom: 0.7rem;
  width: 5.87rem;
}
.sr_page7 .txt .more {
  width: 1.6rem;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  border-radius: 0.2rem;
}
.sr_page7 .txt .more i {
  display: inline-block;
  width: 0.096rem;
  height: 0.105rem;
  background-image: url("../image/c73.svg");
  background-size: 100% 100%;
  margin-left: 0.13rem;
  transition: all 0.5s;
}
.sr_page7 .txt .more:hover i {
  margin-left: 0.23rem;
}
.c_con .tabbar {
  padding: 0.58rem 1.2rem;
  display: flex;
}
.c_con .tabbar .item {
  padding-top: 0.3rem;
  position: relative;
  margin-right: 1.2rem;
  width: 4.78rem;
}
.c_con .tabbar .item:nth-child(3n) {
  margin-right: 0;
}
.c_con .tabbar .item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #d5d5d5, #d5d5d5);
}
.c_con .tabbar .item.act::after,
.c_con .tabbar .item:hover::after {
  background-image: linear-gradient(90deg, #f58227, #f5a502);
}
.c_con .tabbar .item .num {
  font-size: 0.14rem;
  line-height: 1.33;
  margin-bottom: 0.12rem;
}
.c_con .tabbar .item .tit {
  font-size: 0.18rem;
  line-height: 1.33;
  font-family: 'mm';
}
.c_con .tabbar .item img {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
}
.c_con .tabbar .item.act img,
.c_con .tabbar .item:hover img {
  opacity: 1;
}
.c_con .tabbar .item.act,
.c_con .tabbar .item:hover {
  color: #f58226;
}
.c_box {
  padding: 0.8rem 1.2rem;
  background-color: #f6f6f6;
}
.c_box .c_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.c_box .c_list .item {
  width: 5.24rem;
  /*height: 6.65rem;*/
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #fff;
}
.c_box .c_list .item:nth-child(3n) {
  margin-right: 0;
}
.c_box .c_list .item .c_img {
  width: 100%;
  height: 3.5rem;
}
.c_box .c_list .item .cl_img {
  width: 100%;
  height: 3.5rem;
}
.c_box .c_list .item .inner {
  padding: 0.44rem 0.4rem;
  position: relative;
  background-color: #FFF;
}
.c_box .c_list .item .inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s;
  opacity: 0;
}
.c_box .c_list .item:hover .inner::after {
  background-image: linear-gradient(90deg, #f58227, #f5a502);
  opacity: 1;
}
.c_box .c_list .item .detail {
  display: flex;
  align-items: center;
  padding-bottom: 0.265rem;
  border-bottom: 1px solid #dedede;
  margin-bottom: 0.335rem;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.c_box .c_list .item:hover .detail {
  border-bottom: 1px solid #ffffff35;
  color: #fff;
}
.c_box .c_list .item .detail .name {
  font-size: 0.2rem;
  font-weight: bold;
  margin-right: 0.31rem;
}
.c_box .c_list .item .detail .pc {
  display: flex;
  align-items: center;
  margin-right: 0.27rem;
  font-size: 0.14rem;
  font-family: 'ml';
}
.c_box .c_list .item .detail .bat {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  font-family: 'ml';
}
.c_box .c_list .item .detail img {
  margin-right: 0.1rem;
}
.c_box .c_list .item .act {
  display: none;
}
.c_box .c_list .item:hover .act {
  display: block;
}
.c_box .c_list .item:hover .comm {
  display: none;
}

.c_box .c_list .item .info {
  position: relative;
  z-index: 2;
}
.c_box .c_list .item .info .litem {
  display: flex;
  align-items: start;
}
.c_box .c_list .item .info .litem:nth-child(1) {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.c_box .c_list .item:hover .info .litem:nth-child(1) {
  border-bottom: 1px solid #f6f6f617;
}
.c_box .c_list .item .info .litem .img {
  margin-right: 0.2rem;
}
.c_box .c_list .item .info .litem .tit {
  font-size: 0.16rem;
  line-height: 1.33;
  margin-bottom: 0.1rem;
  color: #666666;
  font-family: 'ml';
}
.c_box .c_list .item:hover .info .litem .tit {
  color: #fff;
  opacity: 0.9;
}
.c_box .c_list .item .info .litem .con {
  font-size: 0.16rem;
  line-height: 1.33;
  color: #b7b7b7;
  font-family: 'ml';
}
.c_box .c_list .item:hover .info .litem .con {
  color: #ffffff60;
}
.cd_con {
  background-color: #f6f6f6;
  padding: 0.8rem 6.25vw;
}
.cd_con .cd_page1 {
  background-color: #fff;
  padding: 0.8rem 1rem 1.2rem;
  margin-bottom: 1rem;
}
.cd_con .cd_page1 .title {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  margin-bottom: 0.4rem;
  font-family: 'mm';
}
.cd_con .cd_page1 .desc {
  font-size: 0.16rem;
  line-height: 2;
  margin-bottom: 0.8rem;
  text-align: center;
  font-family: 'ml';
  color: #666666;
}
.cd_con .cd_page1 .list {
  display: flex;
  justify-content: space-between;
}
.cd_con .cd_page1 .list .item img {
  width: 0.75rem;
  margin-bottom: 0.28rem;
}
.cd_con .cd_page1 .list .item .tit {
  font-size: 0.21rem;
  margin-bottom: 0.2rem;
  line-height: 1.3;
  color: #333;
}
.cd_con .cd_page1 .list .item .con {
  font-size: 0.18rem;
  line-height: 1.3;
  color: #666666;
  font-family: 'ml';
}
.cd_con .cd_page2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.2rem;
  background-color: #fff;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.cd_con .cd_page2 .left {
  display: flex;
  align-items: center;
}
.cd_con .cd_page2 .left img {
  width: 0.4rem;
  margin-right: 0.2rem;
}
.cd_con .cd_page2 .left .num {
  font-size: 0.18rem;
  color: #f58327;
}
.cd_con .cd_page2 .share {
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 0.16rem;
}
.cd_con .cd_page2 .share img {
  margin-right: 0.2rem;
}
.cd_con .cd_page2 .share img:nth-child(1) {
  margin-left: 0.27rem;
}
.cd_con .cd_page2 .share img:last-child {
  margin-right: 0;
}
.cd_con .cd_page3 {
  position: relative;
  width: 100%;
}
.cd_con .cd_page3 .title {
  font-size: 0.32rem;
  margin-bottom: 0.5rem;
  line-height: 1.33;
  font-family: 'mm';
}

.cd_con .cd_page3 .swiper {
  width: 100%;
  overflow: hidden;
}
.cd_con .cd_page3 .swiper-slide {
  height: 6.65rem;
  background-color: #fff;
}
.cd_con .cd_page3 .swiper-slide .c_img {
  width: 100%;
  height: 3.5rem;
}
.cd_con .cd_page3 .swiper-slide .cl_img {
  width: 100%;
  height: 3.5rem;
}
.cd_con .cd_page3 .swiper-slide .inner {
  padding: 0.44rem 0.4rem;
  position: relative;
}
.cd_con .cd_page3 .swiper-slide .inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s;
  opacity: 0;
}
.cd_con .cd_page3 .swiper-slide:hover .inner::after {
  background-image: linear-gradient(90deg, #f58227, #f5a502);
  opacity: 1;
}
.cd_con .cd_page3 .swiper-slide .detail {
  display: flex;
  align-items: center;
  padding-bottom: 0.265rem;
  border-bottom: 1px solid #dedede;
  margin-bottom: 0.335rem;
  position: relative;
  z-index: 2;
}
.cd_con .cd_page3 .swiper-slide:hover .detail {
  border-bottom: 1px solid #ffffff35;
  color: #fff;
}
.cd_con .cd_page3 .swiper-slide .detail .name {
  font-size: 0.2rem;
  font-weight: bold;
  margin-right: 0.51rem;
}
.cd_con .cd_page3 .swiper-slide .detail .pc {
  display: flex;
  align-items: center;
  margin-right: 0.27rem;
  font-size: 0.14rem;
  font-family: 'ml';
}
.cd_con .cd_page3 .swiper-slide .detail .bat {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  font-family: 'ml';
}
.cd_con .cd_page3 .swiper-slide .detail img {
  margin-right: 0.1rem;
}
.cd_con .cd_page3 .swiper-slide .act {
  display: none;
}
.cd_con .cd_page3 .swiper-slide:hover .act {
  display: block;
}
.cd_con .cd_page3 .swiper-slide:hover .comm {
  display: none;
}

.cd_con .cd_page3 .swiper-slide .info {
  position: relative;
  z-index: 2;
}
.cd_con .cd_page3 .swiper-slide .info .litem {
  display: flex;
  align-items: start;
}
.cd_con .cd_page3 .swiper-slide .info .litem:nth-child(1) {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.cd_con .cd_page3 .swiper-slide:hover .info .litem:nth-child(1) {
  border-bottom: 1px solid #f6f6f617;
}
.cd_con .cd_page3 .swiper-slide .info .litem .img {
  margin-right: 0.2rem;
}
.cd_con .cd_page3 .swiper-slide .info .litem .tit {
  font-size: 0.16rem;
  line-height: 1.33;
  margin-bottom: 0.1rem;
  color: #666666;
  font-family: 'ml';
}
.cd_con .cd_page3 .swiper-slide:hover .info .litem .tit {
  color: #fff;
  opacity: 0.9;
}
.cd_con .cd_page3 .swiper-slide .info .litem .con {
  font-size: 0.16rem;
  line-height: 1.33;
  color: #b7b7b7;
  font-family: 'ml';
}
.cd_con .cd_page3 .swiper-slide:hover .info .litem .con {
  color: #ffffff60;
}

.cd_con .cd_page3 .btn {
  width: 1.18rem;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}
.cd_con .cd_page3 .prev {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.cd_con .cd_page3 .prev:hover {
  background-image: url("../image/arra.png");
  transform: rotate(180deg);
}
.cd_con .cd_page3 .next {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("../image/arr.png");
  background-size: cover;
  transform: rotate(180deg);
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.cd_con .cd_page3 .next:hover {
  transform: rotate(0);
  background-image: url("../image/arra.png");
}
.sea_table{
    width: 16rem;
    margin: 0.5rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sea_table .tt{
    display: flex;
    border-top: 1px solid #eee;
    
}
.sea_table  span:nth-child(1){
    border-left: 1px solid #eee;
    
}
.sea_table .td{
    display: flex;
    
}
.sea_table span{
    width: 2.7rem;
    height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 0.18rem;
    font-family: mr;
}
.cyw_search {
  padding: 0.67rem 1.2rem;
  background-color: #f8f8f8;
}
.cyw_search .title {
  font-size: 0.36rem;
  line-height: 1.33;
  margin-bottom: 0.23rem;
}
.cyw_search .desc {
  font-size: 0.24rem;
  line-height: 1.5;
  margin-bottom: 0.42rem;
}
.cyw_search form {
  display: flex;
  position: relative;
  padding: 0;
  border-bottom: 0 solid #000;
}
.cyw_search form .input {
  width: 10.91rem;
  height: 0.79rem;
  padding-left: 0.76rem;
  font-family: 'mr';
  color: #b8b8b8;
}
.cyw_search form img {
  position: absolute;
  top: 50%;
  left: 0.32rem;
  transform: translateY(-50%);
  width: 0.236rem;
  z-index: 2;
}
.cyw_search form .submit {
  width: 2.2rem;
  height: 0.79rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, #f58227, #f5a501);
  font-size: 0.18rem;
  color: #fff;
}
.result {
  padding: 0.84rem 1.2rem;
}
.result .title {
  font-size: 0.36rem;
  line-height: 1.33;
  margin-bottom: 0.5rem;
}


@media (max-width: 1920px) { 


header.hover .nav1 li a {
 
    font-size: 1vw;
}

}

/* 适配 */
@media (max-width: 1680px) {
  /*header .nav1 li{*/
  /*    margin-right: 4%;*/
  /*}*/
  header .right .btn{
      width: auto;
      padding: 0 0.1rem;
      font-size: 0.14rem;
  }
  /*.part5 .con .box {*/
  /*    padding: 44px 0 57px 0;*/
  /*  }*/
}
@media (max-width: 1480px) {
  /*header .nav1 li{*/
  /*    margin-right: 2%;*/
  /*}*/
}
@media (max-width: 1440px) {
    /*.part5 .con .box {*/
    /*  padding: 35px 0 48px 0;*/
    /*}*/
}
@media (max-width: 1366px) {
  header .nav1 li{
      padding: 0 1vw;
  }
}
@media (max-width: 1230px) {
  header .nav1 li{
      padding: 0 0.8vw;
  }
}
@media (max-width: 1180px) {
  /*header .nav1 li{*/
  /*    margin-right: 1%;*/
  /*}*/
}
@media (max-width: 1024px) {
    .f_14{
        font-size: 12px;
    }
  *::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .zz_tanchuang .tbox .modal{
      padding: 10px;
  }
  .zz_tanchuang .tbox .modal .out{
    width: 30px;
    height: 30px;
    right: -34px;
    background-size: 13px;
  }
  /* 移动端头部 */
  header.i_header {
    display: none;
  }
  header {
    display: none;
  }
  .banner {
    /*height: 63.3vw;*/
    height: 90vw;
    margin-top: 50px;
  }
  .banner.i_banner {
    /*height: 41.6vw;*/
    height: 90vw;
  }
  .banner .swiper-slide video.pc,
  .banner .swiper-slide .img.pc{
      display: none;
  }
  .banner .swiper-slide video.m,
  .banner .swiper-slide .img.m{
      display: block;
  }
  
.banner .swiper-slide video{
    height: 100%;
}
  .banner .txt{
    top: 50%;
  }
  .banner .txt .tit {
    font-size: 24px;
    width: 100%;
    margin-bottom: 0;
  }
  .banner .txt .con{
    font-size: 14px;
  }
  .banner.n_banner .txt .tit{
      font-size: 20px;
      margin-bottom: 10px!important;
  }
  .more {
    width: 124px;
    height: 36px;
    font-size: 12px;
  }
  .m_header {
    display: block;
  }
  .m_header.act .top {
    background: #fff;
  }
  .m_header .col-l {
    display: flex;
    align-items: center;
  }
  .m_header .col-l .logo {
    display: block;
    width: 110px;
    position: relative;
  }

  .m_header .col-l .logo img {
    width: 100%;
    height: auto;
  }

  .m_header.act .col-r img,
  .m_header .col-l .logo img.comm_img {
    width: auto;
    height: 100%;
  }

  .m_header .col-r {
    display: flex;
    align-items: center;
  }
  .m_header .col-r div {
    width: 21px;
  }
  .m_header .col-r .list {
    margin-left: 21px;
  }
  .m_header .col-r .search2,
  .m_header .col-r .list2,
  .m_header .col-l .logo img.act_img {
    display: none;
  }

  .m_header.act .col-r .search1,
  .m_header.act .col-r .list1,
  .m_header.act .col-l .logo img.comm_img {
    display: none;
  }

  .m_header.act .col-r .search2,
  .m_header.act .col-r .list2,
  .m_header.act .col-l .logo img.act_img {
    display: block;
  }
  .m_header .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100vw;
    height: 50px;
    padding: 0 24px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .m_header .top .cha {
    display: none;
  }
  .m_header .top.on .search1,
  .m_header .top.on .search2,
  .m_header .top.on .list1,
  .m_header .top.on .list2 {
    display: none;
  }
  .m_footer .center .left .item > div{
      font-size: 14px;
  }
  .m_footer .center .right .icons > div{
      font-size: 12px;
  }
  .m_header .top.on .cha {
    display: block;
    width: 24px;
    height: 24px;
    max-width: fit-content;
  }
  .m_menu {
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 998;
    padding: 70px 0;
  }
  .m_menu.on {
    transform: translateY(0);
    opacity: 1;
  }
  .m_menu .inner{
      display: flex;
      transition: all .5s;
      width: 200vw;
      overflow: hidden;
  }
  .m_menu .inner.on{
      transform: translateX(-100vw);
  }
  .m_menu .navbar ul li {
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    width: 100%;
  }
  .m_menu .navbar {
    height: 90vh;
    overflow: auto;
  }
  .m_menu .navbar ul {
    width: 100vw;
    padding: 0 24px;
  }
  .m_menu .navbar li {
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    width: 100%;
  }
  .m_menu .navbar2 .back{
      margin-bottom: 20px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      font-size: 20px;
  }
  .m_menu .navbar2 .back img{
      transform: rotate(90deg);
      margin-right: 5px;
      width: 20px;
  }
  .m_menu .navbar2 li{
      display: none;
  }
  .m_menu .navbar2 li.on{
      display: block;
  }
  .m_menu .navbar .tit {
    display: block;
    width: 100%;
    line-height: 60px;
    color: #333;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
  }
  .m_menu .navbar .tit > a.tit {
    display: block;
    width: 78%;
  }
  .m_menu .navbar .tit i {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../image/h_add.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 3%;
    transition: all 0.3s linear;
      transform: rotate(-90deg);
  }
  /*.m_menu .navbar .tit.on i {*/
  /*  transform: rotate(180deg);*/
  /*}*/
  .m_menu .navbar .sec_list {
    /*line-height: 40px;*/
    /*display: none;*/
    /*position: relative;*/
    /*position: fixed;*/
    /*width: 100vw;*/
    /*height: 100vh;*/
    /*left: 100%;*/
    /*top: 0;*/
    
  }
  .m_menu .navbar .sec_list p {
    background-size: 3px auto;
    font-size: 14px;
    position: relative;
  }
  .m_menu .navbar .sec_list a {
    padding-left: 3%;
    width: 78%;
    color: #666;
    display: block;
    font-size: 14px;
  }
  .m_menu .navbar .sec_list i {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../image/h_add.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 3%;
    transition: all 0.3s linear;
  }
  .m_menu .navbar .sec_list .sec_item.on i {
    transform: rotate(180deg);
  }
  .m_menu .navbar .sec_list .third_list {
    line-height: 40px;
    padding: 10px 4%;
    /*display: none;*/
  }
  .m_menu .navbar .sec_list .third_list p {
    background-size: 3px auto;
    font-size: 14px;
  }
  .m_menu .navbar .sec_list .third_list a {
    padding-left: 3%;
    color: #666;
    display: block;
  }

  .m_header .top.on .col-l .logo img.hover-img {
    display: block;
  }

  footer {
    display: none;
  }

  .m_footer {
    display: block;
    background-color: #f8f8f8;
  }
  .m_footer .nav {
    padding: 10px 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
  }

  .m_footer .nav ul li {
    border-bottom: solid #e4e4e4 1px;
  }
  .m_footer .nav ul li .first {
    padding: 24px 0 20px;
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .m_footer .nav ul li .first i {
    background: url("../image/add.svg") center no-repeat;
    background-size: cover;
    width: 10px;
    height: 10px;
    transition: all .5s;
  }
  .m_footer .nav ul li .first i.on{
      transform: rotate(45deg);
  }
  .m_footer .nav ul li .sec_list {
    display: none;
  }

  .m_footer .nav ul li .sec {
    padding: 16px 12px 12px;
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
  }
  
  .m_footer .center{
    padding: 0 20px;
  }
  
  .m_footer .center .left img{
      width: 35px;
      margin-right: 10px;
  }
  .m_footer .center .left .item{
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      line-height: 2;
  }
  .m_footer .center .left .tel{
      font-size: 20px;
      color: #F58227;
      align-items: flex-start;
  }
  .m_footer .center .left .tel span{
      display: block;
  }
  .m_footer .center .left .item .tit{
      color: #999999;
      font-size: 12px;
  }
  
  .m_footer .center .right .icons{
      display: flex;
      align-items: center;
      padding:  20px 0;
  }
  .m_footer .center .right .icons a{
      margin-left: 10px;
  }
  .m_footer .center .right .imgs{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding:  20px 0;
  }
  .m_footer .center .right .imgs img{
      width: 25%;
  }
  
  
  
  .m_footer .bottom {
    height: auto;
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #8a8a8a;
    background-color: #53535313;
    line-height: 1.5;
  }
  .m_footer .bottom a{
    color: #8a8a8a;
  }
  .m_footer form{
      padding: 0  0 5px;
      display: flex;
      justify-content: space-between;
  }
  .m_footer form input {
    width: calc(100% - 90px);
    height: 0.3rem;
    background-color: #f3f3f3;
    border-radius: 0.04rem;
    border: 1px solid #ededed;
    padding: 0 0.2rem;
    margin-right: 0.1rem;
    font-size: 14px;
    }
  .m_footer form button {
    width: 80px;
    height: 30px;
    border-radius: 0.04rem;
    color: #ffffff;
    background-image: linear-gradient(to right, #f58227, #f5a501);
    border: none;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all 0.3s;
    }
    
    .lbanner .img{display: none;}
    .lbanner .m_img{display: block!important;}
  /*---------------------------------------------------------------*/
  .lbanner{
      margin-top: 50px;
      /*height: 37.5vw;*/
    height: 90vw;
  }
  .lbanner .txt{
      top: 50%;
      transform: translateY(-50%);
      padding-left: 20px;
      line-height: 1;
  }
  .lbanner .txt .tit{
      font-size: 24px;
  }
  
  .lbanner .txt .con{
      font-size: 14px;
  }
  /*index*/
  .banner.i_banner .txt .h1, .banner.i_banner .txt .h2{
      font-size: 24px;
  }
  .banner .page1_dian{
      bottom: 30px;
  }
  .banner .page1_dian::before{
      width: 32px;
      height: 32px;
  }
  .part1{
      padding: 40px 0 20px;
      background-size: auto 40%;
  }
  .part1 .tit{
      font-size: 18px;
      line-height: 1.33;
      margin-bottom:20px;
  }
  .part1 .con{
      height: 268px;
  }
  .part1 .con .box{
      padding: 20px 20px 110px;
  }
  .part1 .con .box:hover{
      border: 1px solid #dedede;
  }
  .part1 .con .box:hover .icon.comm{
      display: block;
  }
  .part1 .con .box:hover .icon.act{
      display: none;
  }
  .part1 .con .box:hover .txt .h{
      color: #333;
  }
  .part1 .con .box .txt .h{
      font-size: 16px;
      margin-bottom: 0;
      width: calc(100% - 40px);
  }
  .part1 .con .box:hover .txt .p,
  .part1 .con .box .txt .p{
      color: #999;
      font-size: 14px;
      width: calc(100% - 40px);
  }
  .part1 .con .box:hover .pic,
  .part1 .con .box .pic{
      width: 150px;
      height: 150px;
      right: 50%;
  }
  .part1 .con .box .icon{
      width: 20px;
      height: 15px;
      top: 35px;
      right: 20px;
  }
  .part1:after{
      height: 80px;
  }
  .part1 .con .box:after,
  .part1 .con .box .txt .btn{
      display: none;
  }
  .banner .next, .banner .prev,
  .part1 .next, .part1 .prev{
      display: none;
  }
  
  .part2{
      display: flex;
      flex-direction:column-reverse;
      overflow: hidden;
      margin-top: 40px;
  }
  
  .part2 .pic{
      height: 66vw;
      width: 100%;
  }
  
  .part2 .right{
      width: 100%;
  }
  
  
  .part2 .pic .swiper-slide .txt .h{
      font-size: 18px;
      margin-bottom: 10px;
      line-height:1.33;
  }
  .part2 .pic .swiper-slide .txt .p{
      margin-bottom: 20px;
  }
  .part2 .pic .next, .part2 .pic .prev{
      display: none;
  }
  .part2 .pic .swiper-slide .txt .btn{
      width: 120px;
      height: 30px;
  }
  
  .part2 .right{
      padding: 20px;
  }
  .part2 .right .tit{
      font-size: 18px;
      margin-bottom: 10px;
      line-height:1.33;
      
  }
  .part2 .right .swiper-slide > div{
      font-size: 16px;
  }
  .part2:after{
      right: calc(5.4vw + 18px);
  }
  .part2 .right{
      height: 300px;
      background-position: bottom;
  }
  .part2 .right .txt{
      height: 236px;
  }
  .part2 .right .swiper-slide-thumb-active:after{
      margin-top: -20px;
  }
  
  
  
  .part3{
      display: block;
      padding: 40px 20px 0;
  }
  .part3 .pc_con .tit{
      font-size: 18px;
      margin-bottom: 10px;
      line-height: 1.33;
  }
  .part3 .pc_con .p{
      font-size: 14px;
      line-height:1.75;
  }
  .part3 .pc_con{
      width: 100%;
  }
  .part3 .pc_con .con1 .box{
      width: 50%;
      margin-right: 0;
      margin-bottom: 20px;
      padding-right: 5px;
  }
  .part3 .pc_con .con1 .box .top{
      margin-bottom: 5px;
  }
  .part3 .pc_con .con1 .box .top .num{
      font-size: 26px;
  }
  .part3 .pc_con .con1 .box .en{
      font-size: 12px;
  }
  .part3 .pc_con .con1 .box .txt{
      font-size: 12px;
  }
  
  .part3 .m_map .rightTip{
      display: none;
  }
  
  
  
  
  
  
  
  .part3 .m_map{
      width: 100%;
      position: initial;
  }
  .part3 .m_map .rightTip{
      position: initial;
      
  }
  
  .part3 .m_map .pc{
      display: none;
  }
  .part3 .m_map .m{
      display: block;
  }
  .part3 .m_map .points{
      display: none;
  }
  .part4{
      margin-bottom: 40px;
      padding-top: 40px;
  }
  .part4 .tit{
      font-size: 18px;
      margin-bottom: 0;
  }
  .part4 .con{
      transform: translate(0,0);
      padding:  20px 20px;
      margin: 0;
      width: 100%;
  }
  .part4 .con .swiper-slide-active{
          
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  }
  .part4 .con .swiper-slide .pic .img{
      width: 100%;
      height: 62vw;
  }
  .part4 .con .swiper-slide .txt .day{
      font-size: 12px;
      margin-bottom: 10px;
  }
  .part4 .con .swiper-slide .txt{
      padding: 20px;
  }
  .part4 .con .swiper-slide .txt .h{
      font-size: 16px;
      line-height: 1.33;
      margin-bottom: 10px;
      height: auto;
  }
  .part4 .con .swiper-slide .txt .p{
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 10px;
      height: auto;
  }
  .part4 .con .swiper-slide .txt .btn{
      width: 120px;
      height: 30px;
      line-height: 0.3rem;
  }
  
  .part4 .con .swiper-pagination-bullet{
      width: 17px;
      height: 6px;
  }
  .part4 .con .swiper-pagination-bullet-active{
      width: 25px;
  }
  .part5{
      padding: 40px 0;
  }
  .w1680{
      width: calc(100% - 40px);
  }
  .part5 .tit{
      line-height: 1.33;
      font-size: 18px;
      
  }
  .part5 .con{
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      padding: 20px 0;
  }
  .part5 .con .box{
      width: 50%;
      height: auto;
      margin-bottom: 10px;
  }
  .part5 .con .box:nth-child(6){
      display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #f58327;
    letter-spacing: 10px;
  }
  .part5 .con .box .pic{
      width: 40px;
  }
  .part5 .con .box .txt{
      font-size: 14px;
  }
  .part5 .con .box:hover .img1{
      display: none;
  }
  .part5 .con .box:hover .img2{
      display: block;
  }
  .part5 .con .box:hover .txt{
      top: 0;
      color: #1f1f1f;
  }
  /**/
  
  /* product */
  .pro_con .left{
      display: none;
  }
    .pro_con .right{
        padding: 0 20px 40px;
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .pro_con .right .block{
        padding-top: 40px;
       
    }
    .pro_con .right .title{
         font-size: 20px;
    }
    .pro_con .right .pro_list .item{
        width: 50%;
        margin-bottom: 10px;
        height: auto; 
        padding: 20px 20px 122px;
    }
    .pro_con .right .pro_list .item .tit{
        font-size: 16px;
    }
    
    .pro_con .right .pro_list .item .tip{
        margin-bottom: 10px;
    }
    .pro_con .right .pro_list .item .img{
        width: 75px;
        height: 75px;
        bottom: 20px;
    }
    .pro_con .right .pro_list .item .lmore{
        position: absolute;
        left: 20px;
        bottom: 100px;
    }
    .pro_con .right .pro_list.after::after{
        display: none;
    }
    .pro_d{
        margin-top: 50px;
        overflow: hidden;
    }
    .pro_d .top .bg{
        display: none;
    }
    .pro_d .top .left{
        position: initial;
        float: none;
        width: 100%;
    }
    .pro_d .top .left .inner{
        height: auto;
        padding:  20px ;
    }
    .pro_d .top .right{
        float: none;
        width: 100%;
    }
    .pro_d .top .right .inner{
        margin: 0;
        padding: 25px 20px ;
    }
    
    .pro_d .top .left .inner .bimg.pc{
        display: none;
    }
    .pro_d .top .left .inner .bimg.swiper{
        display: block;
    }
    .pro_d .top .left .inner .bimg .img .pdimg{
        margin-bottom: 80px;
        width: 60vw;
    }
    
    .pro_d .top .left .inner .bimg{
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }
    .pro_d .top .left .inner .bimg .img{
        display: flex;
    }
    .pro_d .top .left .inner .bimg .img .round{
        width: 100%;
    }
    .pro_d .top .left .inner .simg .img{
        margin-bottom: 20px;
        
    }
    .pro_d .top .left .inner .simg .img img{
        max-height: 100%;
    }
    .pro_d .top .left .inner .simg{
        flex-wrap: wrap;
    }
    .pro_d .top .right .tit{
        font-size: 24px;
    }
    .pro_d .top .right .desc{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .pro_d .top .right .downs{
        margin-bottom: 30px;
        flex-wrap: wrap;
    }
    .pro_d .top .right .downs .mdown.down,
    .pro_d .top .right .downs .down{
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }
    .pro_d .top .right .downs .down .img{
        width: 20px;
    }
    .pro_d .top .right .intro .ltit{
        font-size: 18px;
    }
    .pro_d .top .right .intro .con{
        margin-bottom: 20px;
    }
    .pro_d .top .right .intro p{
        font-size: 14px;
    }
    .pro_d .top .right .intro .fea .item{
        margin-bottom: 16px;
        font-size: 14px;
        width: 100%;
    }
    .pd_page1{
        flex-wrap: wrap;
    }
    .pd_page1 .item{
        width: 100%;
        height: 210px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }
    .pd_page1 .item .tit{
        font-size: 18px;
    }
    .pd_page1 .item .con{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .pd_page1 .item .more{
        width: 120px;
        height: 30px;
    }
    .pd_page2 .left{
        display: none;
    }
    .pd_page2 .right{
        float: none;width: 100%;
        padding:40px  20px ;
    }
    .pd_page2 .right .block{
        padding-top: 20px;
    }
    .pd_page2 .right .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .pd_page2 .right .pdf_list .item{
        height: 60px;
    }
    .pd_page2 .right .pdf_list .item .pdf{
        width: 40px;
    }
    .pd_page2 .right .pdf_list .item .pdf img{
        width: 20px;
    }
    .pd_page2 .right .pdf_list .item .txt{
        margin-left: 10px;
        width: calc(100% - 100px);
        font-size: 14px;
    }
    .pd_page2 .right .pdf_list .item .down{
        width: auto;
        padding: 0 10px;
    }
    .pd_page2 .right .pdf_list .item .down .tit{
        font-size: 12px;
        display: none;
    }
    .pd_page2 .right .pdf_list .item .img{
        display: flex;
        justify-content: center;
    }
    .pd_page2 .right .pdf_list .item .down img{
        width: 20px;
    }
    /**/
    
    /*sol*/
    .sr_page1{
        padding-top: 40px;
    }
    .sr_page1 .list{
        flex-wrap: wrap;
        padding: 0 20px;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .sr_page1 .list .item{
        width: calc((100% - 10px) / 2);
        height: auto;
        margin: 0 0 10px;
        padding: 20px;
        border-radius: 8px;
    }
    .sr_page1 .list .item.act, .sr_page1 .list .item:hover{
        border-radius: 8px;
    }
    .sr_page1 .list .item::after{
        width: 2.5rem;
        height: 2rem;
    }
    .sr_page1 .list .item .icon{
        height: 40px;
        margin-bottom: 10px;
    }
    .sr_page1 .cons .con.act::after{
        display: none;
    }
    .sr_page1 .list .item .icon img{
        height: 100%;
    }
    .sr_page1 .list .item .tit{
        font-size: 16px;
        text-align: center;
        line-height: 1.33;
    }
    .sr_page1 .list .item .num{
        font-size: 40px;
    }
    .sr_page1 .con{
        padding: 20px;
        font-size: 14px;
    }
    
    .sr_page2{
        padding:40px 20px 60px;
        margin-bottom: 0;
    }
    
.sr_page2 .tab{
margin-bottom: 0;
flex-wrap: wrap;
}
.sr_page2 .tab .item{
    font-size: 14px;
}
    .sr_page2 .svg-swiper-pagination{
        bottom: 20px;
    }
    .sr_page2 img.pc{
        display: none;
    }
    .sr_page2 img.m{
        display: block;
    }
    .sr_page2 .svg-swiper-pagination .svg{
        width: 20px;
        height: 20px;
    }
    .sr_page2 .svg-swiper-pagination .swiper-pagination-bullet{
        width: 4px;
        height: 4px;
        margin: 10px 0;
    }
    .sol_page4 .svg-swiper-pagination .svg{
        width: 20px;
        height: 20px;
    }
    .sol_page4 .svg-swiper-pagination .swiper-pagination-bullet{
        width: 4px;
        height: 4px;
    }
    .sr_page2 .title{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .sol_page3{
        padding:40px 20px 40px;
    }
    .sol_page3 .title{
        font-size: 18px;
    }
    .sol_page3 .desc{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .sol_page3 .btn{
        display: none;
    }
    .sol_page3 .more{
        width: 170px;
        height: 37px;
        font-size: 14px;
    }
    .sol_page3 .swiper{
        margin-bottom: 20px;
    }
    .sol_page3 .swiper .swiper-slide{
        height: 290px;
        padding: 0;
    }
    .sol_page3 .swiper .swiper-slide .tit{
        font-size: 14px;
    }
    .sol_page3 .swiper .swiper-slide .con{
        font-size: 12px;
    }
    .sol_page4{
        padding: 40px 0;
    }
    .sol_page4 .title{
        font-size: 18px;
    }
    .sol_page4 .swiper {
        margin-bottom: 40px;
    }
    .sol_page4 .swiper .swiper-slide img{
        height: auto;
    }
    .sol_page4 .swiper .swiper-slide .tit{
        font-size: 14px;
        padding:  0 20px;
    }
    .sol_page4 .svg-swiper-pagination{
        bottom: 20px;
    }
    /**/
    
    /*case*/
    .c_con .tabbar{
        padding: 20px;
        flex-wrap: wrap;
    }
    .c_con .tabbar .item{
        margin: 0;
        width: 100%;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .c_con .tabbar .item img{
        display: none;
    }
    .c_box .c_list .item .c_img{
        height: 66.67vw;
    }
    .c_box .c_list .item .cl_img{
        height: 100%;
    }
    .c_con .tabbar .item .tit{
        font-size: 14px;
    }
    .c_box{
        padding: 40px 20px;
    }
    .c_box .c_list .item{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .c_box .c_list .item .detail{
        flex-wrap: wrap;
        line-height: 2;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .c_box .c_list .item .detail .name{
        font-size: 14px;
        margin-right: 20px;
    }
    .c_box .c_list .item .inner{
        padding: 20px;
    }
    .c_box .c_list .item .info .litem .tit,
    .c_box .c_list .item .info .litem .con{
        font-size: 14px;
    }
    .c_box .c_list .item .info .litem:nth-child(1) {
        padding-bottom: 0.1rem;
        margin-bottom: 0.1rem;
    }
    .cd_con{
        padding: 40px 20px;
    }
    .cd_con .cd_page1{
        padding: 20px;
        margin-bottom: 30px;
    }
    .cd_con .cd_page1 .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .cd_con .cd_page1 .desc{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .cd_con .cd_page1 .list .item{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .cd_con .cd_page1 .list .item img{
        width: 35px;
        margin-bottom: 10px;
    }
    .cd_con .cd_page1 .list .item .tit{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .cd_con .cd_page1 .list .item .con{
        font-size: 14px;
    }
    .cd_con .cd_page3 .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .cd_con .cd_page3 .btn{
        width: 70px;
    }
    .cd_con .cd_page3 .prev,
    .cd_con .cd_page3 .next{
        width: 25px;
        height: 25px;
    }
    .cd_con .cd_page3 .swiper-slide .c_img{
        height: 66.67vw;
    }
    .cd_con .cd_page3 .swiper-slide .cl_img{
        height: 100%;
    }
    .cd_con .cd_page3 .swiper-slide .tit{
        font-size: 14px;
    }
    .cd_con .cd_page3 .swiper-slide{
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .cd_con .cd_page3 .swiper-slide .detail{
        flex-wrap: wrap;
        line-height: 2;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .cd_con .cd_page3 .swiper-slide .detail .name{
        font-size: 14px;
        margin-right: 20px;
    }
    .cd_con .cd_page3 .swiper-slide .inner{
        padding: 20px;
    }
    .cd_con .cd_page3 .swiper-slide .info .litem .tit,
    .cd_con .cd_page3 .swiper-slide .info .litem .con{
        font-size: 14px;
    }
    .cd_con .cd_page3 .swiper-slide .info .litem:nth-child(1) {
        padding-bottom: 0.1rem;
        margin-bottom: 0.1rem;
    }
    /**/
    
    /*news*/
    .nd_con{
        padding: 0;
    }
    /**/
    
    .ser_con{
        padding: 40px 20px;
    }
    .ser_con .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .ser_page1 .tab{
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .ser_page1 .tab .item{
        width: calc((100% - 10px) / 2);
        margin: 0 0 10px;
        padding: 20px;
        height: auto;
    }
    .ser_page1 .tab .item .more{
        position: initial;
        width: auto;
        height: auto;
        transform: translateX(0%);
    }
    .ser_page1 .tab .item .img{
        width: 45%;
        height: 14.666vw;
        margin-bottom: 10px;
    }
    .ser_page1 .tab .item .img img{
        width: 100%;
    }
    .ser_page1 .tab .item .con{
        
        display: none;
    }
    .ser_page1 .tab .item .tit{
        font-size: 16px;
    }
    .ser_page2 .list{
        justify-content: space-between;
    }
    .ser_page2 .list .item{
        width: calc((100% - 10px) / 2);
        margin: 0 0 10px;
        padding: 20px;
        height: auto;
    }
    .ser_page2 .list .item .inner{
        padding: 0 0 40px;
    }
    .ser_page2 .list .item .tit{
        font-size: 14px;
    }
    
    .ser_page2 .list .item .arr{
        left: 0;
    }
    .ser_page2 .list .item .icon {
        width: 20px;
        bottom:  0;
        right: 0;
    }
    .n_banner{
        display: none;
    }
    .n_con{
        padding: 40px 20px;
        margin-top: 50px;
    }
    .n_con .n_top{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    
    .n_con .tab{
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 0.09rem;
        margin-bottom: 20px;
    }
    .n_con .tab .item:hover, .n_con .tab .item.act,
    .n_con .tab .item{
        font-size: 18px;
        margin-right: 10px;
    }
    .n_con .tab .item:last-child{
        margin-right: 0;
    }
    .n_con .tab .item.act::after{
        bottom: -10px;
    }
    .n_con form{
        width: 100%;
    }
    .n_con form input{
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    
    
    .n_con .n_list .item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .n_con .suggest{
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .n_con .suggest .item{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 20px;
        background-color: #FFF;
    }
    .n_con .suggest .item .img{
        height: 56.5vw;
    }
    .n_con .suggest .item .txt{
        position: initial;
        padding:0 20px ;
        height: auto;
        font-size: 16px;
    }
    .n_con .suggest .item .con{
        display: block;
        width: 100%;
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
    font-family: 'ml';
        padding:10px 20px 10px;
        background-color: #FFF;
    }
    
    .n_con .suggest .item .mmore{
        margin-left: 20px;
    }
    .n_con .suggest .item .time{
        font-size: 14px;
        position: initial;
        height: auto;
        width: 100%;
        font-size: 12px;
        padding: 20px 20px 10px;
        border-radius: 0;
        background-color: #FFF;
        background-image: none;
        color: #999;
        justify-content: start;
    }
    
    .n_con .n_list .item .img{
        height: 62.5vw;
    }
    .n_con .n_list .item .inner{
        padding: 20px 20px 60px;
        height: auto;
    }
    .n_con .n_list .item .time{
        font-size: 12px;
        margin-bottom: 10px;
    }
   .n_con .n_list .item .tit{
       font-size: 16px;
       margin-bottom: 10px;
   } 
    .n_con .n_list .item .con{
        font-size: 14px;
        
    }
    .n_con .n_list .item .mmore{
        bottom: 20px;
        left: 20px;
        width: 120px;
        height: 30px;
    }
    
    .pagination{
        height: 50px;
        padding: 0 20px;
        border-radius: 25px;
    }
    .pagination .prev, .pagination .next{
        font-size: 12px;
    }
    .pagination .item{
        width: 25px;
        height: 25px;
        font-size: 12px;
    }
    .pagination .next i{
        margin-left: 10px;
    }
    .pagination .prev i, .pagination .next i{
        margin-right: 10px;
    }
    .nd_con .title{
        font-size: 20px;
        margin-bottom: 20px;
        padding: 0 20px;
    }
    .nd_con .title2{
        font-size: 16px;
        padding: 0 20px;
        
    }
    .nd_con .ndpart2{
        padding: 0 20px;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .nd_con .con{
        padding:  20px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .nd_con .icons a{
        width: 15px;
    }
    .nd_con .time{
        font-size: 12px;
    }
    .nd_con .gang{
        width: calc(100% - 260px);
        margin: 0 10px;
    }
    .nd_con .con p{
        font-size: 14px!important;
    }
    .nd_con .bottom{
        margin-top: 20px;
        display: block;
        padding: 0 20px 40px;
    }
    .nd_con .left a{
        font-size: 14px;
        line-height: 1.33;
    }
    .mmore{
        width: 120px;
        height: 30px;
    }
    /**/
    .a_page1{
        padding: 40px 20px 0;
    }
    .a_page1 .bg {
        right: 0.6rem;
        width: 200px;
    }
    .a_page1 .title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .a_page1 .con{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .a_page1 .start_box{
        width: 40px;
        height: 40px;
    }
    .a_page1 .start_box .start{
        width: 29px;
    }
    .a_page2{
        padding: 40px 20px 0;
        flex-wrap: wrap;
    }
    .a_page2 .left{
        width: 100%;
        position: initial;
        margin-bottom: 10px;
    }
    .a_page2 .con{
        width: 100%;
    }
    .a_page2 .con p{
        font-size: 14px;
    }
    
    .a_page3{
        padding: 0px 20px 0;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .a_page3 .right{
        width: 100%;
        height: auto;
    }
    .a_page3 .left .title{
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 1.33;
    }
    .a_page3 .left{
        width: 100%;
        padding: 20px;
    }
    .a_page3 .left .top{
        width: 100%;
        margin-bottom: 20px;
    }
    .a_page3 .left .item{
        width: 32px;
        height: 32px;
    }
    .a_page3 .left .item .num{
        font-size: 14px;
    }
    .a_page3 .left .swiper{
        width: 100%;
        height: 1.6rem;
    }
    .a_page3 .left .swiper .btn{
        display: none;
    }
    .a_page3 .left .swiper .tit{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .a_page3 .left .swiper .con{
        font-size: 14px;
    }
    .a_page4{
        margin-top: 40px;
        padding: 0;
        margin-bottom: 0;
    }
    .a_page4 .txt{
        width: 100%;
        padding: 0 20px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .a_page4 .txt .tit{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .a_page4 .txt .con{
        font-size: 14px;
    }
    .a_page5{
        padding: 40px 20px 0;
        margin-bottom: 0;
    }
    .a_page5 .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .a_page5 .inner{
        flex-direction: column-reverse;
        
    }
    .a_page5 .right{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .a_page5 .left{
        width: 100%;
        margin-left: 0;
    }
    .a_page5 .left .item{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .a_page5 .left img{
        margin-bottom: 10px;
        width:30px;
    }
    .a_page5 .left .con{
        font-size: 14px;
    }
    .a_page6{
        padding: 0 20px 30px;
        flex-wrap: wrap;
    }
    .a_page6 .item{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
        padding: 25px;
    }
    .a_page6 .item img{
        width: 60px;
    }
    .a_page6 .item .txt{
        font-size: 14px;
    }
    /**/
    .cta_page1{
        padding: 40px 20px 20px;
    }
    .cta_page1 .list{
        flex-wrap: wrap;
    }
    .cta_page1 .list .item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        height: auto;
        padding: 20px;
    }
    .cta_page1 .list .item::after{
        display: none;
    }
    .cta_page1 .list .item img{
        width: 30px;
        margin-bottom: 20px;
    }
    .cta_page1 .list .item .tit{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .cta_page1 .list .item .con{
        font-size: 16px;
        margin-bottom: 0;
    }
    .cta_page1 .list .item:nth-child(3) .tip{
        font-size: 12px;
        margin-top: 10px;
    }
    .cta_page2{
        padding: 0 0  20px;
    }
    .cta_page2 .inner{
        flex-direction: column-reverse;
        padding: 0;
    }
    
    .cta_page2 .left,
    .cta_page2 .right{
        width: 100%;
        margin-left: 0;
    }
    .cta_page2 .right{
        height: auto;
    }
    .cta_page2 .right > div:nth-child(2){
        margin: 20px;
    }
    .cta_page2 .right img{
        width: 100%;
    }
    .cta_page2 .left{
        padding: 20px 20px 40px;
    }
    .cta_page2 .left .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .cta_page2 .left .tit{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .cta_page2 .left .desc{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .cta_page2 form{
        height: auto;
    }
    .cta_page2 .step .tip{
        padding-left: 20px;
        font-size: 14px;
    }
    .cta_page2 form .list{
        padding: 20px;
    }
    .cta_page2 form .item{
        margin-bottom: 20px;
    }
    .cta_page2 form .ltit{
        font-size: 14px;
    }
    .cta_page2 form .item{
        width: 100%;
    }
    .cta_page2 form .item input{
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    .cta_page2 .submit{
        position: initial;
        font-size: 0.16rem;
        margin-top: 0.2rem;
        height: 40px;
    }
    .cta_page2 textarea{
        font-size: 14px;
    }
    
    /**/
    .j_page1{
        padding: 40px 20px ;
    }
    .j_page1 .table .tt{
        height: 50px;
        padding: 0 20px;
        margin-bottom:10px;
    }
    
    .j_page1 .table .td img{
        width: 14px;
    }
    .j_page1 .table .td .list{
        height: 50px;
        padding: 0 20px;
    }
    .j_page1 .table .tt p,
    .j_page1 .table .td .list p{
        width: auto;
        font-size: 16px;
    }
    .j_page1 .table .td{
        margin-bottom:10px;
        
    }
    .j_page1 .table .tt p:nth-child(2),
    .j_page1 .table .tt p:nth-child(3),
    .j_page1 .table .tt p:nth-child(4),
    .j_page1 .table .td .list p:nth-child(2),
    .j_page1 .table .td .list p:nth-child(3),
    .j_page1 .table .td .list p:nth-child(4){
        display: none;
    }
    .j_page1 .table .td .fold{
        padding: 20px;
    }
    .j_page1 .table .td .fold .tit{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .j_page1 .table .td .fold .content{
        font-size: 14px;
    }
    .j_page1 .table .td .fold .btn{
        margin-top: 0;
    }
    
    
    .wtb_page1{
        padding: 40px 20px ;
    }
    .wtb_page1 .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .wtb_page1 .list{
        margin-bottom: 0;
    }
    .wtb_page1 .item{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .wtb_page1 .item .top{
        height: 65px;
        padding-left: 20px;
    }
    .wtb_page1 .item .top img{
        height: 80%;
    }
    .wtb_page1 .item .bottom{
        padding: 20px;
    }
    .wtb_page1 .item .tit{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .wtb_page1 .item .litem{
        font-size: 14px;
        margin-bottom: 10px;
    }
    /*服务支持*/
    .ser_d{
        margin-top: 50px;
    }
    .ser_d .top .bg{
        overflow: hidden;
    }
    .ser_d .top{
        height: 60px;
    }
    .ser_d .top .name{
        padding: 0 20px;
        font-size: 18px;
    }
    .dc_page2 .left{
        display: none;
    }
    .dc_page2{
        
        padding: 20px 20px 40px;
    }
    .dc_page2 .right{
        width: 100%;
        float: none;
        padding: 20px 20px 0;
    }
    .dc_page2 .right form{
        margin-bottom: 20px;
    }
    .dc_page2 .right form input{
        padding: 10px 20px;
    }
    .dc_page2 .right form img{
        left: 0;
        width: 14px;
    }
    .dc_page2 .right .btitle{
        font-size: 16px;
        margin-bottom: 20px;
    }
.btitle .sort{
        position: absolute;
        right: 0;
        top: 2px;
        display: flex;
        align-items: center;
        font-size: 12px;
    }
.btitle .sort img{
        width: 12px;
        margin-left: 5px;
    }
    
    
    .dc_page2 .right .title{
        margin-bottom: 10px;
        font-size: 14px;
    }
    .dc_page2 .right .block{
        overflow: hidden;
        margin-bottom: 10px;
    }
    .dc_page2 .right .pdf_list .item{
        height: 60px;
        margin-bottom: 10px;
    }
    .dc_page2 .right .pdf_list .item .center .time,
    .dc_page2 .right .pdf_list .item .view,
    .dc_page2 .right .pdf_list .item .pdf{
        display: none;
    }
    .dc_page2 .right .pdf_list .item .center{
        width: calc(100% - 60px);
        padding: 0 10px;
    }
    .dc_page2 .right .pdf_list .item .txt{
        width: 100%;
        font-size: 14px;
    }
    .dc_page2 .right .pdf_list .item .downs{
        width: 60px;
    }
    .dc_page2 .right .pdf_list .item .downs .tit{
        display: none;
    }
    .dc_page2 .right .pdf_list .item .img{
        width: 28px;
    }
    .dc_page2 .right .pdf_list .item .view, .dc_page2 .right .pdf_list .item .down{
        width: 100%;
        font-size: 12px;
    }
    .dc_page2 .right .video .item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .dc_page2 .right .video .item .img{
        
        margin-bottom: 10px;
    }
    .sd_page1{
        padding: 20px 20px 40px;
    }
    .sd_page1 .ltop{
        display: block;
        margin-bottom: 40px;
    }
    .sd_page1 .right,
    .sd_page1 .left{
        width: 100%;
        height: auto;
    }
    .sd_page1 .left .title{
        font-size: 18px;
        margin:0 0 10px 0;
    }
    .sd_page1 .left .con{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .sd_page1 .left::after{
        display: none;
    }
    .sd_page1 .btns{
        flex-wrap: wrap;
    }
    .sd_page1 .btns .item{
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .sd_page1 .btns .item::after{
        display: none;
    }
    .sd_page1 .btns .item{
        margin-bottom: 10px;
    }
    .sd_page1 .btns .item img{
        height: 22.5px;
        margin-bottom: 10px;
    }
    .sd_page1 .btns .item .tit{
        font-size: 14px;
    }
    .sd_page1 .btns .item .more{
        position: initial;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateX(0%);
        margin: 0 auto;
    }
    .sd_page2{
        padding: 20px 0;
    }
    .sd_page2 .top2{
        justify-content: center;margin-bottom: 20px;
    }
    .sd_page2 .top2 .title{
        font-size: 18px;
        margin: 0;
    }
    .sd_page2 .center{
        display: block;
        padding: 0 20px;
    }
    .sd_page2 .swiper1{
        border-bottom:  1px solid #e9e9e9;
        
    }
    .sd_page2 .swiper1, .sd_page2 .swiper2{
        width: 100%;
        height: auto;
        border-left: 1px solid #e9e9e9;
    }
    .sd_page2 .swiper1 .swiper-slide{
        padding: 20px;
    }
    .sd_page2 .swiper1 .time{
        font-size: 100px;
    }
    .sd_page2 .swiper1 .time .dw{
        font-size: 16px;
    }
    .sd_page2 .swiper1 .tit{
        font-size: 14px;
    }
    .sd_page2 .swiper1 .btn .prev,
    .sd_page2 .swiper1 .btn .next{
        width: 30px;
        height: 30px;
    }
    .sd_page2 .swiper2 .swiper-slide{
        padding: 20px;
    }
    .sd_page2 .swiper2 .tit{
        font-size: 16px;
        margin-bottom:10px;
    }
    .sd_page2 .swiper2 .con p{
        font-size: 14px;
    }
    .sd_page2 .bottom{
        padding: 20px;
    }
    .sd_page2 .bottom .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sd_page2 .bottom .con p{
        font-size: 14px;
    }
    .sd_page2 .bottom .down{
        font-size: 14px;
        margin-top: 10px;
    }
    .sd_page2 .bottom .down img{
        width: 12px;
        margin-right: 5px;
    }
    .sd_page3{
        padding: 40px 20px;
    }
    .sd_page4 .desc,
    .sd_page3 .desc{
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .sd_page4 .inner{
        width: 100%;
        overflow: hidden;
        padding: 40px 20px;
    }
    .sd_page3 .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sd_page3 .list .item{
        width: 100%;
    }
    .sd_page3 .list .item .tit{
        height: 60px;
    }
    .sd_page3 .list .item .xl{
        padding: 20px;
    }
    .sd_page4 .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sd_page4 form .item ,
    .sd_page4 form .item input{
        width: 100%;
    }
    .sd_page4 form .tit{
        font-size: 14px;
    }
    .sd_page4 form .item input{
        height: 40px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .sd_page4 form .textarea{
        margin-bottom: 20px;
        font-size: 14px;
        
    }
    .sd_page4 form .submit{
        height: 40px;
        font-size: 14px;
    }
    .srf_tab{
        padding:  20px;
        align-items:start;
        height: auto;
    }
    .srf_tab .item{
        font-size: 12px;
        flex-direction: column;
        width: 25%;
    }
    .srf_tab .item::after{
        display: none;
    }
    .srf_tab .item .num{
        margin-bottom: 10px;
        position: relative;
    }
    .srf_tab .item .con{
        /*display: none;*/
        text-align: center;
    }
    .srf_tab .item .num::after {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-50%);
        right: -24px;
        width: 11px;
        height: 12.5px;
        background-image: url(../image/darr.svg);
        background-size: 100% 100%;
    }
    .srf_tab .item.act .num::after {
        background-image: url(../image/darra.svg);
    }
    .srf_tab .item:last-child .num::after{
        display: none;
    }
    .srf_d{
        margin-top: 50px;
        overflow: hidden;
    }
    .srf_d .top .bg{
        overflow: hidden;
    }
    .srf_d .top{
        height: 60px;
    }
    .srf_d .top .name{
        padding: 0 20px;
        font-size: 18px;
    }
    .srf_d form{
        padding: 0 20px 40px;
    }
    .srf_d form .block .radio{
        flex-wrap: wrap;
    }
    
    .srf_d form .block .list .item4 select, .srf_d form .block .list .item4 input,
    .srf_d form .block .list .item3 select,
    .srf_d form .block .list .item1 input,
    .srf_d form .block .list .item2 input,
    .srf_d form .block .list .item3 input{
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
    }
    .srf_d form .block .list .item textarea,
    .srf_d form .block .list .item2 textarea{
        width: 100%;
        height: 80px;
        margin-bottom: 20px;
        padding:10px 20px;
    }
    .srf_d form .block .list .item2:nth-last-child(1) input, .srf_d form .block .list .item2:nth-last-child(2) input {
        margin-bottom: 20px;
    }
    .srf_d form .block{
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .srf_d form .block .title{
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 1.33;
    }
    .srf_d form .block .radio .ritem{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .srf_d form .block .item {
        width: 100%;
    }
    .srf_d form .block .list .tit{
        font-size: 14px;
        
    }
    .srf_d form .block .list .select::after{
        top: calc(50% - 8px);
        right: 0.2rem;
    }
    .srf_d form .block .btn .next, .srf_d form .block .btn .prev{
        width: 120px;
        height: 30px;
    }
    .srf_d form .block .ltit{
        font-size: 14px;
    }
    .srf_d form .block .upload .item{
        flex-direction: column;
        height: auto;
        padding: 20px;
    }
    .srf_d form .block .upload .item .left{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .srf_d form .block .upload .item .right{
        flex-direction: column;
        
    }
    .srf_d form .block .upload .item .right > img{
        height: 40vw;
        width: 40vw;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .srf_d form .block .upload .item .right .input{
        font-size: 14px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .srf_d form .block .upload .item .right .input .tip{
        font-size: 12px;
    }
    .srf_d form .block .info .item .key{
        width: 150px;
        font-size: 14px;
    }
    .srf_d form .block .info .item .value{
        font-size: 14px;
    }
    .srf_d form .block .list .item .fltip{
        font-size: 14px;
        line-height: 1.33;
    }
    .srf_d form .block .title2{
        font-size: 14px;
    }
    .srf_d form .block .warranty{
        display: block;
    }
    .srf_d form .block .warranty .item{
        width: 100%;
        height: auto;
        padding:  20px;
        margin-bottom: 10px;
    }
    .srf_d form .block .warranty .item img{
        width: 50px;
    }
    .srf_d form .block .warranty .item .tit,
    .srf_d form .block .warranty .item .con{
        font-size: 14px;
    }
    .srf_d form .block.model .table .tt p,
    .srf_d form .block.model .table .tr p{
        font-size: 14px!important;
        padding: 0 5px;
    }
    .srf_d form .block.model .table .tr,
    .srf_d form .block.model .table .tt{
        height: auto;
        padding: 10px 0;
    }
    .srf_d form .block.model .table .tr .remove{
        position: absolute;
        top: 11px;
        transform: translateY(0); 
        right: 1px;
        background-image: url(../image/remove.png);
        width: 14px;
        height: 14px;
        background-size: 100% 100%;
    }
    .srf_d form .block .pcct{
        display: block;
    }
    .srf_d form .block .pcct .cart{
        width: 100%;
    }
    .srf_d form .block .pcct .left{
        margin-bottom: 20px;
    }
    .srf_d form .block .pcct .tip{
        margin: 0 0 10px;
        font-size: 12px;
    }
    .srf_d form .block .pcct .btn{
        width: 175px;
        height: 37px;
        font-size: 14px;
    }
    .srf_d form .block .pcct .cart .citem{
        font-size: 14px;
    }
    .srf_d form .block .radio .ritem label{
        width: 90%;
    }
    .srf_d form .block .list .item.privacy .tip{
        display: none;
    }
    .srf_d form .block .list .item.privacy .tit {
        margin-bottom: -0.13rem;
    }
    .srf_d form .block .item.privacy .radio .ritem{
        margin-right: 0;
    }
    .srf_d form .block .title img{
        width: 16px;
    }
    
    .vc_page2{
        padding:40px 20px ;
    }
    .vc_page2 .left{
        display: none;
    }
    .vc_page2 .right{
        width: 100%;
        float: none;
        padding: 20px;
    }
    .vc_page2 .right form{
        margin-bottom: 20px;
    }
    .vc_page2 .right form input{
        padding: 10px 20px;
    }
    .vc_page2 .right form img{
        left: 0;
        width: 14px;
    }
    .vc_page2 .right .btitle{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .vc_page2 .right .video .item{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .vc_page2 .right .video .item .img{
        height: 44vw;
        margin-bottom: 10px;
    }
    .vc_page2 .right .video .item .img .dot{
        display: none;
    }
    .vc_page2 .right .video .item .tit{
        font-size: 14px;
    }
    .vc_page2 .right .video .item .time{
        font-size: 12px;
    }
    .mon_page1{
        display: block;
        padding:20px;
    }
    .mon_page1 .montop{
        width: 100%;
        padding: 20px;
        height: auto;
        align-items: center;
        justify-content: space-between;
    }
    .mon_page1 .montop .txt .more{
        position: initial;
    }
    .mon_page1 .montop .pad{
        
        position: initial;
        width: 36vw;
    }
    .mon_page1 .montop .tit{
        font-size: 18px;
    }
    .mon_page1 .montop .con{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .mon_page1 .bottom{
        width: 100%;
        height: auto;
        padding: 20px;
        display: block;
        margin-bottom: 20px;
    }
    .mon_page1 .bottom .ma{
        margin-right: 0;
    }
    .mon_page1 .bottom .ma img{
        width: 90px;
    }
    .mon_page1 .bottom .ma .txt{
        font-size: 14px;
    }
    .mon_page1 .bottom .imgs {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .mon_page1 .bottom .imgs img{
        width: 1rem;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .mon_page1 .bottom .imgs img:last-child{
        
        margin-right: 0;
    }
    .mon_page1 .item.act{
        width: 100%;
        height: 54vw;
    }
    .mon_page1 .item .hover{
        left: 20px;
        bottom: 20px;
    }
    .mon_page1 .item .hover img{
        margin-right: 10px;
        width: 40px;
    }
    .mon_page1 .item .hover .tit{
        font-size: 16px;
    }
    .mon_page1 .item .hover .con{
        font-size: 14px;
    }
    
    .mon_page2{
        padding: 20px;
    }
    .mon_page2 .item{
        width: 100%;
        height: auto;
        padding: 20px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .mon_page2 .item::after{
        display: none;
    }
    .mon_page2 .item .more{
        position: initial;
        transform: translateX(0);
        width: auto;
    }
    .mon_page2 .item .img{
        width: 33px;
        height: 33px;
    }
    .mon_page2 .item .txt{
        font-size: 14px;
    }
    .mon_page2 .item:hover{
        color: #1f1f1f;
    }
    
    .mon_page2 .item:hover .img .act_img {
      display: none;
    }
    .mon_page2 .item:hover .img .comm_img {
      display: block;
    }
    
    .mon_page2 .item:hover  .more{
        color: #f18b15;
    }
    .mon_page2 .item:hover .more i {
        background-image: url(../image/more-a.png);
    }
    .int2_page2{
        padding: 40px 20px;
    }
    .int2_page2 .inner{
        padding: 20px;
    }
    .int2_page2 .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .int2_page2 .block{
        margin-bottom: 40px;
    }
    .int2_page2 .block .stitle{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .int2_page2 .pdf_list .item{
        height: 60px;
        margin-bottom: 10px;
    }
    .int2_page2 .pdf_list .item .center{
        width: calc(100% - 70px);
        padding: 0 10px;
        margin: 0;
    }
    .int2_page2 .pdf_list .item .txt{
        width: 100%;
        font-size: 14px;
    }
    .int2_page2 .pdf_list .item .center .time, .int2_page2 .pdf_list .item .view, .int2_page2 .pdf_list .item .pdf {
        display: none;
    }
    .int2_page2 .pdf_list .item .downs {
        width: 70px;
    }
    .int2_page2 .pdf_list .item .view, .int2_page2 .pdf_list .item .down {
        width: 100%;
        font-size: 12px;
    }
    .int2_page2 .pdf_list .item .img {
        width: 28px;
        height: 15px;
    }
    .int2_page2 .pdf_list .item .img img{
        height: 100%;
    }
    
    .int_page2{
      padding:40px 20px;
    }
    .int_page2 .item{
      width: 100%;
      height: auto;
      padding: 20px;
      margin-right: 0;
      margin-bottom: 10px;
    }
    .int_page2 .item::after{
      display: none;
    }
    .int_page2 .item .more{
      position: initial;
      transform: translateX(0);
      width: auto;
    }
    .int_page2 .item .img{
      width: 33px;
      height: 33px;
    }
    .int_page2 .item .txt{
      font-size: 14px;
    }
    .int_page2 .item:hover{
      color: #1f1f1f;
    }
    
    .int_page2 .item:hover .img .act_img {
    display: none;
    }
    .int_page2 .item:hover .img .comm_img {
    display: block;
    }
    
    .int_page2 .item:hover  .more{
      color: #f18b15;
    }
    .int_page2 .item:hover .more i {
      background-image: url(../image/more-a.png);
    }
    .nd_con .left{
        width: 100%;
    }
    textarea, select,
    body{
        font-size: 12px;
    }
    
    .banner .more:after{width:30px;height: 30px;}
    .banner .more{line-height: 30px;height: 30px;padding-left:26px;bottom:20px;}
}
@media (max-width: 960px) {
}
@media (max-width: 768px) {
}
@media (max-width: 414px) {
}
@media (max-width: 375px) {
}
@media (max-width: 320px) {
}


 .container {
            max-width: 87.5%;
            margin: 0 auto;
            background-color: white;
            border-radius: 1vw;
           
            overflow: hidden;
        }
        
        .section_inner {
            padding: 5vw 0vw;
        }
        
        .content_area {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 4vw;
        }
        
        .content_area h2.heading {
            font-size: 1.88vw;
            color: #222;
            margin-bottom: 1vw;
            font-weight: normal;
        }
        
        .content_area p.heading {
            font-size: 0.8vw;
            color: #666;
            line-height: 1.8;
        }
        
        .categories_area {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            background-color: white;
        }
        
        .category_block {
            flex: 1 1 25%;
            padding: 2vw;
            text-align: center;
            position: relative;
            transition: all 0.3s ease;
            background: white;
        }
        
        /* 添加列之间的竖线 */
        .category_block:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 3vw;
            bottom: 3vw;
            right: 0;
            width: 1px;
            background-color: #e0e0e0;
        }
        
        .category_block:hover {
            transform: translateY(-0.5vw);
            box-shadow: 0 1vw 2.5vw rgba(0, 0, 0, 0.08);
        }
        
        .category_image {
            width: 100%;
            height: 18vw;
            object-fit: cover;
            border-radius: 0.6vw;
            margin-bottom: 2vw;
            transition: transform 0.3s ease;
        }
        
        .category_block:hover .category_image {
            transform: scale(1.03);
        }
        
        .category_block h4 {
            font-size: 1vw;
            margin-bottom: 1.5vw;
            color: #222;
            font-weight: 400;
        }
        
        .category_block p {
            color: #666;
            margin-bottom: 2vw;
            font-size: 0.83vw;
            line-height: 1.6;
        }
        
        .button {
            display: inline-block;
            padding: 0.5vw 1vw;
            background-color: #222;
            color: white;
            text-decoration: none;
            border-radius: 0.4vw;
            font-weight: 600;
            transition: all 0.3s ease;
            border: 0.2vw solid #222;
            font-size: 1vw;
        }
        
        .button:hover {
            background-color: transparent;
            color: #222;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .category_block {
 】            
            .category_block:nth-child(2n)::after {
                display: none;
            }
            
            .content_area h2.heading {
                font-size: 4vw;
            }
            
            .content_area p.heading {
                font-size: 2.2vw;
            }
            
            .category_block h4 {
                font-size: 2.2vw;
            }
            
            .category_block p {
                font-size: 1.8vw;
            }
            
            .button {
                font-size: 1.8vw;
                padding: 1.5vw 3vw;
            }
        }
        
        @media (max-width: 576px) {
            .category_block {
                flex: 1 1 100%;
            }
            
            .category_block:not(:last-child)::after {
                display: none;
            }
            
            .content_area h2.heading {
                font-size: 5vw;
            }
            
            .content_area p.heading {
                font-size: 3vw;
            }
            
            .section_inner {
                padding: 6vw 4vw;
            }
            
            .category_block h4 {
                font-size: 4vw;
            }
            
            .category_block p {
                font-size: 3vw;
            }
            
            .button {
                font-size: 3vw;
                padding: 2vw 4vw;
            }
            
            .category_image {
                height: 40vw;
            }
        }