.con {
  content: '';
}
.cpa {
  position: absolute;
  content: '';
}
.cpr {
  position: relative;
  content: '';
}
.lhn {
  line-height: normal;
}
.ta {
  transition: all 0.5s;
}
.pof {
  position: fixed;
}
.por {
  position: relative;
}
.vam {
  vertical-align: middle;
}
.vh {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: hidden;
}
.bn {
  border: none;
}
body {
  overflow-x: hidden;
}
.f13 {
  font-size: 0.67708333vw;
}
.f14 {
  font-size: 0.72916667vw;
}
.f16 {
  font-size: 0.83333333vw;
}
.f18 {
  font-size: 0.9375vw;
}
.f20 {
  font-size: 1.04166667vw;
}
.f22 {
  font-size: 1.14583333vw;
}
.f24 {
  font-size: 1.25vw;
}
.f26 {
  font-size: 1.35416667vw;
}
.f30 {
  font-size: 1.5625vw;
}
.f32 {
  font-size: 1.66666667vw;
}
.f36 {
  font-size: 1.875vw;
}
.f40 {
  font-size: 2.08333333vw;
}
.f46 {
  font-size: 2.39583333vw;
}
.f55 {
  font-size: 2.86458333vw;
}
.f70 {
  font-size: 3.64583333vw;
}
.f90 {
  font-size: 4.6875vw;
}
.f100 {
  font-size: 5.20833333vw;
}
@media (max-width: 1024px) {
  body {
    font-size: 1.33333333vw;
  }
  .f13 {
    font-size: 1.08333333vw;
  }
  .f14 {
    font-size: 1.16666667vw;
  }
  .f16 {
    font-size: 1.33333333vw;
  }
  .f18 {
    font-size: 1.5vw;
  }
  .f20 {
    font-size: 1.66666667vw;
  }
  .f22 {
    font-size: 1.83333333vw;
  }
  .f24 {
    font-size: 2vw;
  }
  .f26 {
    font-size: 2.16666667vw;
  }
  .f30 {
    font-size: 2.5vw;
  }
  .f32 {
    font-size: 2.66666667vw;
  }
  .f36 {
    font-size: 3vw;
  }
  .f40 {
    font-size: 3.33333333vw;
  }
  .f46 {
    font-size: 3.83333333vw;
  }
  .f55 {
    font-size: 4.58333333vw;
  }
  .f70 {
    font-size: 5.83333333vw;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 1.5625vw;
  }
  .f13 {
    font-size: 1.26953125vw;
  }
  .f14 {
    font-size: 1.3671875vw;
  }
  .f16 {
    font-size: 1.5625vw;
  }
  .f18 {
    font-size: 1.7578125vw;
  }
  .f20 {
    font-size: 1.953125vw;
  }
  .f22 {
    font-size: 2.1484375vw;
  }
  .f24 {
    font-size: 2.34375vw;
  }
  .f26 {
    font-size: 2.5390625vw;
  }
  .f30 {
    font-size: 2.9296875vw;
  }
  .f32 {
    font-size: 3.125vw;
  }
  .f36 {
    font-size: 3.515625vw;
  }
  .f40 {
    font-size: 3.90625vw;
  }
  .f46 {
    font-size: 4.4921875vw;
  }
  .f55 {
    font-size: 5.37109375vw;
  }
  .f70 {
    font-size: 6.8359375vw;
  }
}
@media (max-width: 640px) {
  body {
    font-size: 12px;
  }
  .f13 {
    font-size: 11px;
  }
  .f14 {
    font-size: 12px;
  }
  .f16 {
    font-size: 14px;
  }
  .f18 {
    font-size: 16px;
  }
  .f20 {
    font-size: 16px;
  }
  .f22 {
    font-size: 18px;
  }
  .f24 {
    font-size: 20px;
  }
  .f26,
  .f30,
  .f32,
  .f36 {
    font-size: 22px;
  }
  .f40 {
    font-size: 5.20833333vw;
  }
  .f46 {
    font-size: 5.98958333vw;
  }
  .f55 {
    font-size: 7.16145833vw;
  }
}
.w1400 {
  max-width: 1400px;
  width: 92%;
  margin: 0 auto;
}
.header {
  position: absolute;
  z-index: 200;
  width:100%;
  background-color:rgba(0, 0, 0, 0.47);
  color: #fff;
}
.header .top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  line-height: 40px;
  font-size: 14px;
}
.header .top .w1400 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .top dl {
  display: flex;
  align-items: center;
}
.header .top dt a {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  color: #fff;
  margin-left: 2.60416667vw;
}
.header .top dt a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/top_iocn2.png) no-repeat center #00a0e9;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}
.header .top dt a:nth-child(2)::before {
  background-image: url(../images/top_iocn3.png);
}

.header .top dd a {
  color: #333333;
  position: relative;
  padding-right: 20px;
}
.header .top dd a::before {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 8px;
  height: 8px;
  border: 1px solid #333;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
.header .w1400 {
  position: relative;
}
.header .logo {
  display: inline-block;
  line-height: 80px;
}
.header .menuIcon {
  display: none;
}
.header .navCon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .top_search {
  width: 15.625vw;
  height: 38px;
  position: relative;
}
.header .top_search .text {
  width: 100%;
  line-height: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.12);
  border:1px solid rgba(255, 255, 255, 0.4);
  border-radius:19px;
  padding: 0 45px 0 10px;
  color: #fff;
}
.header .top_search .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../images/search.svg) no-repeat center;
  background-size:20px 20px;
}
.header .top_search .btn:before{}
@media (max-width: 1024px) {
  .header .top dt {
    display: none;
  }
  .header .menuIcon {
    margin-left: 15px;
  }
  .header .menuIcon {
    display: inline-block;
    vertical-align: middle;
  }
  .header .top {
    z-index: 100;
    position: relative;
  }
  .header .logo {
    flex: 1 1 auto;
    z-index: 100;
  }
  .header .top_search {
    width: 26.04166667vw;
    z-index: 1;
  }
  .header #open_menu {
    z-index: 10;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    position: relative;
  }
  .header #open_menu i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 90%;
    height: 3px;
    border-radius: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #696969;
  }
  .header #open_menu::before,
  .header #open_menu::after {
    position: absolute;
    content: '';
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    width: 90%;
    height: 3px;
    background-color: #696969;
    border-radius: 4px;
  }
  .header #open_menu::before {
    top: 5px;
  }
  .header #open_menu::after {
    bottom: 5px;
    top: auto;
  }
  .header #open_menu.open_menu_on i {
    opacity: 0;
  }
  .header #open_menu.open_menu_on:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
  }
  .header #open_menu.open_menu_on:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: auto;
    top: 15px;
  }
}
.navTop {
  float: right;
}
.navTop li {
  position: relative;
  float: left;
  line-height: 80px;
}
.navTop li:not(:first-child) {
  margin-left:2.5vw;
}
.navTop li span {
  display: inline-block;
  position: relative;
}
.navTop li span > a {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
}
.navTop li span > a::after{
  content: '';
  position: absolute;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.5s;
  width: 0;
  background-color: rgb(18, 142, 215);
}
.navTop li span > a:hover::after,.navTop li.aon span > a::after {
  width: 100%;
}
.navTop .sub {
  position: absolute;
  left: 50%;
  top: 100%;
  right: auto;
  bottom: auto;
  width: 250px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 10px;
  display: none;
}
.navTop .sub a {
  display: block;
  text-align: center;
  color: #333;
  line-height:1.2;
  margin: 12px 0px;
}
.navTop .sub a:hover {
  color: #00a0e9;
}
.navTop .sub.active {
  display: block;
}
.navTop .li_sub_pro {
  position: static;
}
.navTop .subPro {
  width: 100%;
  padding: 0;
  z-index: 100;
}
.navTop .subPro a {
  text-align: left;
  line-height: 26px;
  margin: 0;
}
.navTop .subPro .flex {
  display: flex;
  background-color: #f8f9fa;
}
.navTop .subPro .left {
  width: 15.10416667vw;
  background-color: #ecedee;
  flex: 0 0 auto;
}
.navTop .subPro .left .item a {
  display: block;
  padding: 1.04166667vw 2.60416667vw;
  color: #333333;
  text-align: left;
}
.navTop .subPro .left .item a:hover {
  background-color: #f8f9fa;
}
.navTop .subPro .left .item.active a {
  background-color: #f8f9fa;
}
.navTop .subPro .left .btn {
  text-align: center;
  padding: 2.60416667vw 2.60416667vw 4.16666667vw;
}
.navTop .subPro .left .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(18, 142, 215);
  border: 2px solid rgb(18, 142, 215);
  border-radius: 50px;
  width: 100%;
  line-height: 40px;
  text-align: center;
}
.navTop .subPro .left .btn a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url(../images/top_iocn4.svg) no-repeat center;
  background-size: contain;
  margin-right: 10px;
}
.navTop .subPro .right {
  padding: 1.30208333vw 0 0 4.16666667vw;
  text-align: left;
  line-height: 26px;
  width: 100%;
}
.navTop .subPro .right .itemBox {
  display: none;
}
.navTop .subPro .right .itemBox.active {
  display: block;
}
.navTop .subPro .right dl {
  width: 33.33%;
  padding-right: 2%;
  margin-bottom: 4%;
}
.navTop .subPro .right .flex {
  background-color: transparent;
  flex-flow: row wrap;
}
.navTop .subPro .right dt {
  margin-bottom: 10px;
}
.navTop .subPro .right figure {
  width: 100%;
  display: flex;
  height: 5.72916667vw;
  align-items: center;
}
.navTop .subPro .right figure img {
  max-height: 100%;
}
.fix .topBar{background:#fff;position:fixed;width:100%;top:0;border-bottom:1px solid rgba(0, 0, 0, 0.4)}
.fix .navTop li span > a {color:#333;}
.header .logo .logo-c{display: none}
.fix .header .logo .logo-c{display: block;}
.fix .header .logo .logo-f{display: none;}
.Hbanner.fix li .arrow{background-image:url(../images/arr_1_gray.png);}
.fix .header .top_search .text{border:1px solid rgba(0, 0, 0, 0.7)}
.fix .header .top_search .text{color:#333;}
.fix .header .top_search .btn{background-image:url(../images/search-h.svg)}
@media (max-width: 1024px) {
  .navTop {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #fff;
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
    background-image: none;
    margin-right: 0;
  }
  .navTop.navTop_show {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  .navTop .ul {
    display: block;
    padding-top: 140px;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .navTop li {
    display: block;
    float: none;
    margin: 0!important;
    padding: 0 4%;
    font-size: 16px;
    margin: 0;
    line-height: 50px;
  }
  .navTop li span {
    display: block;
  }
  .navTop li span > a {
    font-weight: normal;
    text-align: left;
    position: relative;
    padding-right: 20px;
  }
  .navTop li span > a::after {
    display: none;
  }
  .navTop li span > a::before {
    content: '';
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #666;
    border-top: none;
    border-left: none;
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -5px;
  }
  .navTop .li_sub {
    position: static;
  }
  .navTop .li_sub span {
    position: relative;
  }
  .navTop .li_sub span::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3;
  }
  .navTop .li_sub .sub {
    background-color: #fff;
    padding: 120px 4% 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto;
    display: block;
    visibility: hidden;
    z-index: 10;
  }
  .navTop .li_sub .sub a {
    text-align: left;
  }
  .navTop .li_sub.hover .sub {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .navTop .icon-arrow-left {
    display: block;
    height: 50px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .navTop .icon-arrow-left::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 8px;
    border: 2px solid #333;
    border-bottom: none;
    border-right: none;
    transform: rotate(-45deg);
  }
  .navTop .subPro {
    overflow: hidden;
  }
  .navTop .subPro .flex {
    display: block;
    overflow: hidden;
    height: 100%;
    background-color: #fff;
    max-height: 100%;
    overflow-y: auto;
  }
  .navTop .subPro .left {
    width: 100%;
    background-color: #fff;
  }
  .navTop .subPro .left .item a {
    padding-left: 0;
    padding-right: 20px;
    position: relative;
  }
  .navTop .subPro .left .item a::before {
    content: '';
    position: absolute;
    right: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #666;
    border-top: none;
    border-left: none;
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -5px;
  }
  .navTop .subPro .right .icon-arrow-dx {
    display: block;
    height: 50px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .navTop .subPro .right .icon-arrow-dx::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 8px;
    border: 2px solid #333;
    border-bottom: none;
    border-right: none;
    transform: rotate(-45deg);
  }
  .navTop .subPro .right .itemBox {
    background-color: #fff;
    padding: 120px 4% 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto;
    display: block;
    visibility: hidden;
    z-index: 10;
    position: absolute;
  }
  .navTop .subPro .right .itemBox.active {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .navTop .subPro .right .itemBox .flex {
    display: flex;
  }
}
@media (max-width: 640px) {
  .navTop .subPro .right dl {
    width: 50%;
    padding-right: 2%;
    margin-bottom: 10%;
  }
}
.Hbtn {
  display: inline-block;
  color: #fff;
  padding: 0 30px;
  border: 2px solid #fff;
  line-height: 40px;
  border-radius: 25px;
  transition: all 0.5s;
}
.Hbtn.red {
  border-color: rgb(18, 142, 215);
  color: rgb(18, 142, 215);
}
.Hbtn:hover {
  background-color: rgb(18, 142, 215);
  color: #fff;
  border-color: rgb(18, 142, 215);
}
.Hbanner{position:relative;}
.Hbanner li {
  position: relative;
}
.Hbanner li .arrow {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-left: 0.45em;
  background: url(../images/arr_1.png) right center no-repeat;
  background-size: contain;
}
.Hbanner figure {
  height: 600px;
  background-size: cover;
}
.Hbanner figure img {
  width: 100%;
  display: none;
}
.Hbanner .txtCon {
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #fff;
  width: 100%;
}
.Hbanner .subtit {
  font-weight: normal;
  margin-top: 0.4vw;
}
.Hbanner .des {
  margin: 1.8vw 0 2.5vw;
  opacity: 0.8;
}
.Hbanner .slick-dots {
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  bottom: 1.3vw;
}
.Hbanner .right {
  width: 46%;
  padding: 2.5% 2% 0;
  flex: 0 0 auto;
  text-align: center;
}
.Hbanner .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #fff;
}
.Hbanner .flex * {
  opacity: 0;
  transform: translateY(100%);
  transition: 0.5s;
}
.Hbanner .flex .tit {
  transition-delay: 0.2s;
}
.Hbanner .flex .subtit {
  transition-delay: 0.3s;
}
.Hbanner .flex .des {
  transition-delay: 0.4s;
}
.Hbanner .ani-show .flex * {
  opacity: 1;
  transform: translateY(0);
}
.Hbanner .ani-show .flex .des {
  opacity: 0.7;
}
.lan {
  cursor: pointer;
  margin-left: 1.8em;
  position: relative;
  z-index:1;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
   padding-right: 1em;
}

.lan .lanBtn {
  padding: 0 1.2em 0 1em;
  background: url(../images/arr_1.png) no-repeat right center / 0.6em auto;

}

.headerB .lan .lanBtn,
.headerD .lan .lanBtn {
  background-image: url(../images/arr_1_gray.png)
}

.lan .lanPopup {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  top: 2em;
  padding: 0.2em 0 0.4em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  -moz-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  line-height:2;
}

.lan.show .lanBtn {
  background-image: url(../images/arr_1_gray.png);

}

.lan.show {
  background-color: #fff;
  color: #333;
}

.lan.show .lanPopup {
  display: block;
  background-color: #fff;
  text-align: center;
}

.lan.show a {
  color: #333;
  display: block;
}

.lan.show a:hover {
  color:rgb(18, 142, 215);
}
@media (max-width: 1024px) {
  .Hbanner .figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
  }
}
.Hpro .slider-nav {
  position: relative;
  margin: 20px 0;
  overflow: hidden;
}
.Hpro .slider-nav::before {
  content: '';
  width: calc(100%);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5px;
  position: absolute;
  border-bottom: 1px solid #ededed;
}
.Hpro .slider-nav li {
  text-align: center;
  padding:0 10px;
}
.Hpro .slider-nav li a {
  display: block;
  position: relative;
  color: #333;
}
.Hpro .slider-nav li a::before,
.Hpro .slider-nav li a::after {
  content: '';
  position: absolute;
  opacity: 0;
}
.Hpro .slider-nav li a::before {
  width: 100%;
  height: 2px;
  background-color: rgb(18, 142, 215);
  bottom: 0;
  left: 0;
}
.Hpro .slider-nav li a::after {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: rgb(18, 142, 215);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.Hpro .slider-nav .slick-current a::before,
.Hpro .slider-nav .slick-current a::after {
  opacity: 1;
}
/*.Hpro .slider-nav .slick-current figure .img1 {
  display: none;
}
.Hpro .slider-nav .slick-current figure .img2 {
  display: inline-block;
}*/
.Hpro .slider-nav figure {
  position: relative;
  height: 4.16666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.Hpro .slider-nav figure img {
  display: inline-block;
  object-fit: contain;
  max-height: 100%;
  opacity: .2;
}
.Hpro .slider-nav .slick-current figure img {
  opacity: 1;
}
.Hpro .slider-nav figure .img2 {
  display: none;
}
.Hpro .slider-nav .des {
  height:67px;
  font-size:16px;
  font-weight: bold;
}
.Hpro .slider-for {
  margin: 0 -20px;
  padding: 0 20px;
}
.Hpro .slider-for > .slick-list {
  overflow: initial;
}
.Hpro .list {
  margin: 0 -0.67708333vw;
}
.Hpro .list li {
  margin-bottom: 3.64583333vw;
  padding: 2px;
}
.Hpro .list .box {
  margin: 0 0.67708333vw;
  cursor: pointer;
  transition: all 0.5s;
}
.Hpro .list .box:hover {
  box-shadow: 0px 10px 20px 0px rgba(27, 49, 93, 0.08);
}

.Hpro .list .box:hover .pic img {
  transform: scale(1.05);
}
.Hpro .list .box:hover .word {
  border-color: transparent;
}
.Hpro .list .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.54166667vw;
  border:1px solid #eee;
  transition: all 0.5s;
  overflow: hidden;
}
.Hpro .list .pic img {
  max-height: 100%;
  transition: all 0.5s;
}
.Hpro .list .word {
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 1.04166667vw;
}
.Hpro .list .tit {
  font-weight: normal;
  margin: 15px 0;
}
.Hpro .list .des {
  display: block;
  line-height:1.8;
  font-size:14px;
}
.Hpro .list .des b{font-size:16px;}
.Hpro .list .slick-prev {
  left: -4.16666667vw;
}
.Hpro .list .slick-next {
  right: -4.16666667vw;
}
@media (max-width: 1200px) {
  .Hpro .list .slick-prev {
    left: -3%;
  }
  .Hpro .list .slick-next {
    right: -3%;
  }
}
@media (max-width: 640px) {
  .Hpro .list .pic {
    height: 180px;
  }
  .Hpro .list .word {
    padding: 20px;
  }
}
.Htit {
  margin-bottom: 1.82291667vw;
  color: #333;
}
.home_page6{padding: 5% 0;overflow: hidden;background:#f5f5f5 url(../images/about_bg.png);}
.home_page6 .title{font-size:30px;color: rgb(18, 142, 215);font-weight: bold;}
.home_page6 .tit{font-size:30px;color: #333;margin-bottom:30px;}
.home_page6 .info{color: #222;line-height: 2;}
.home_page6 .info span{color: rgb(18, 142, 215);;}

.home_page6 .number{margin-top: 3em;}
.home_page6 .number li{float: left;color: #333;}
.home_page6 .number li:not(:last-child){margin-right: 3.5vw;}
.home_page6 .number li aside{color: #333}
.home_page6 .number li aside b{font-size:2.2rem;line-height:2;display: inline-block;color: rgb(18, 142, 215);}
.home_page6 .number li p{margin-bottom: 0;}

.home_page6 .left .Hbtn{border:2px solid rgb(18, 142, 215);color:rgb(18, 142, 215);margin-top: 4em;}
.home_page6 .left .Hbtn:hover{border:2px solid rgb(18, 142, 215);color:#fff;background-color:rgb(18, 142, 215);}
/*.home_page6 .left .btn{display: inline-block;background:url(../images/btn2.png)no-repeat center right 20px;color: #333;border-radius: 30px;line-height: 50px;padding: 0 20px 0 20px;border: 1px solid rgb(18, 142, 215);margin-top: 4em;background:rgb(18, 142, 215);color:#fff;} 
.home_page6 .left .btn:hover{background:url(../images/btn.png)no-repeat center right 20px rgb(18, 142, 215);color: #fff;border-color: rgb(18, 142, 215)}
*/
.home_page6 .right{}
.home_page6 .right img{border-radius: 5px;box-shadow: 0 20px 50px rgba(0,0,0,.08);;}

@media(min-width:1025px){
    .home_page6 .left{width: 41.6%;}
    .home_page6 .right{width: 50%;max-width: 680px}
}

@media(max-width:1440px){
.home_page6 .number li:not(:last-child){margin-right: 2.5vw;}
}

@media(max-width:1024px){
    .home_page6 .left{margin-bottom: 2em}
}

.HQuality {
  padding: 3.64583333vw 0;
}
.HQuality .Htit {
  text-align: center;
}
.HQuality .list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.HQuality .list li {
  width: 30%;
  background-color: #f8f9fa;
}
.HQuality .list figure {
  overflow: hidden;
}
.HQuality .list figure i {
  display: block;
  width: 100%;
  padding-top: 62%;
}
.HQuality .list .word {
  padding: 1.5625vw 2.08333333vw;
}
.HQuality .list .tit {
  font-weight: normal;
  text-align: center;
  color: #333;
  margin-bottom: 15px;
}
.HQuality .list .des {
  line-height: 26px;
  color: #333;
  font-weight: 100;
}
@media (max-width: 640px) {
  .HQuality .list {
    flex-flow: column wrap;
  }
  .HQuality .list li {
    width: 100%;
    margin-bottom: 5%;
  }
}

.footer {
  background-color: #1a1f27;
  padding-top: 3.38541667vw;
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #fff;
}
.footer .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.90625vw;
}
.footer .box .left {
  width: 350px;
  flex: 0 0 auto;
  padding-right:30px;
}
.footer .box .left .logo {
  margin-bottom: 2.60416667vw;
}
.footer .box .left .con {
  opacity: 0.5;
}
.footer .box .left .con p {
  margin: 15px 0;
  line-height: 22px;
}
.footer .box .right {
  display: flex;
  justify-content: space-between;
}
.footer .box .right dl:not(:last-child) {
  margin-right: 2.6875vw;
}
.footer .box .right dt {
  margin-bottom: 25px;
}
.footer .box .right a {
  display: block;
}
/*.footer .box .right .row_2 {
  margin-right: 3.125vw !important;
}*/
.footer .box .right .row_2 dd {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.footer .box .right .row_2 a {
  margin-right: 1vw;
}
.footer .box .right dd a {
  opacity: 0.5;
  line-height: 30px;
}
.footer .box .right dd a:hover {
  opacity: 1;
}
.footer .Copyright {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 24px;
  padding: 1.5625vw 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .Copyright .left a {
  opacity: 0.5;
}
.footer .Copyright a:hover {
  opacity: 1;
}
.footer .Copyright .left span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  margin:0 6px;
}
.footer .Copyright p {
  color: rgba(255, 255, 255, 0.5);
}
.footer .Copyright .right {

}
/*.footer .Copyright .right a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/foot_img1.svg) no-repeat center rgba(99, 99, 99, 0.2);
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 10px;
}
.footer .Copyright .right .icon2 {
  background-image: url(../images/foot_img2.svg);
}
.footer .Copyright .right .icon3 {
  background-image: url(../images/foot_img3.svg);
}
.footer .Copyright .right .icon4 {
  background-image: url(../images/foot_img4.svg);
}
.footer .Copyright .right .icon5 {
  background-image: url(../images/foot_img5.svg);
}
.footer .Copyright .right .icon6 {
  background-image: url(../images/foot_img6.svg);
  margin-right: 0;
}*/
@media (max-width: 1024px) {
  .footer .box {
    justify-content: center;
  }
  .footer .box .right {
    display: none;
  }
  .footer .Copyright {
    flex-flow: column wrap;
    justify-content: center;
    text-align: center;
  }
}
.right_fixed {
  position: fixed;
  right:10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.right_fixed a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(27, 49, 93, 0.06);
  width: 40px;
  height: 40px;
  margin: 10px 0;
}
.right_fixed a:hover {
  background-color: #00a0e9;
}
.right_fixed a:hover svg path {
  fill: #ffffff;
}
.right_fixed svg path {
  fill: #7d7f84;
}
.pro_menu .submenu {
  background-color: #f8f8f8;
  padding: 1.19791667vw 1.5625vw;
  margin-top: 1.5625vw;
}
.pro_menu .submenu a {
  display: inline-block;
  line-height: 2;
  margin-right: 3.90625vw;
  font-weight: 300;
}
.pro_menu .submenu a:last-child {
  margin-right: 0;
}
.pro_menu .submenu a.aon {
  color: rgb(18, 142, 215);
}
.pro_menu .search {
  height: 38px;
  position: relative;
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 30px 0 30px auto;
}
.pro_menu .search .text {
  width: 100%;
  line-height: 38px;
  height: 38px;
  background-color: #f4f5f6;
  border-radius: 5px;
  padding: 0 45px 0 10px;
  border: none;
  color: #999999;
}
.pro_menu .search .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../images/search.svg) no-repeat center;
}
.proList {
  display: flex;
  flex-flow: row wrap;
  padding:2% 0 2%;
}
.proList li {
  width: 23.5%;
  margin-bottom: 2.08333333vw;
  transition: all 0.5s;
}
.proList li:not(:nth-child(4n)) {
  margin-right: 2%;
}
.proList li:hover {
  box-shadow: 0px 3px 14px 0px rgba(27, 49, 93, 0.06);
}
.proList li:hover .pic img {
  transform: scale(1.05);
}
.proList li .box {
  cursor: pointer;
  transition: all 0.5s;
}
.proList li .box:hover {
  box-shadow: 0px 10px 20px 0px rgba(27, 49, 93, 0.08);
}

.proList li .box:hover .pic img {
  transform: scale(1.05);
}
.proList li .box:hover .word {
  border-color: transparent;
}
.proList li .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.54166667vw;
  border: 1px solid #eeeeee;
  transition: all 0.5s;
  overflow: hidden;
}
.proList li .pic img {
  max-height: 100%;
  transition: all 0.5s;
}
.proList li .word {
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 1.04166667vw;
}
.proList li .tit {
  font-weight: normal;
  margin: 15px 0;
}
.proList li .des {
  display: block;
  line-height:1.8;
  font-size:14px;
}
.proList li .des b{font-size:16px;}
.proList li .slick-prev {
  left: -4.16666667vw;
}
.proList li .slick-next {
  right: -4.16666667vw;
}
@media (max-width: 1200px) {
  .proList li .slick-prev {
    left: -3%;
  }
  .proList li .slick-next {
    right: -3%;
  }
}
@media (max-width: 640px) {
  .proList li .pic {
    height: 180px;
  }
  .proList li .word {
    padding: 20px;
  }
}
.pro_top_info {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 5.20833333vw 0;
}
.pro_top_info .left {
  width: 40.715%;
}
.pro_top_info .left .slider-for{border:1px solid #ddd;}
.pro_top_info .left .slider-nav figure{border:1px solid #ddd;}
.pro_top_info figure {
  display: flex;
  justify-content: center;
  align-items: center
}
.pro_top_info figure img {
  max-height: 90%;
  max-width: 90%;
}
.pro_top_info .slider-for figure {
  height: 23.4375vw;
  
}
/*.pro_top_info li{border:1px solid #ddd;}*/
.pro_top_info .slider-nav {
  padding: 0 60px;
  margin: 30px 0;
}
.pro_top_info .slider-nav figure {
  height: 4.94791667vw;
  margin: 0 0.72916667vw;
  
}
.pro_top_info .slider-nav figure img {
  max-height: 80%;
  max-width: 80%;
}
.pro_top_info .right {
  width: 53.215%;
}
.pro_top_info .right p.canshu{line-height:2;}
.pro_top_info .tit {
  font-weight: normal;
  color: #333;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
}
.pro_top_info .subtit {
  line-height: 1.5;
  margin:1.5vw 0;
  color:#999;
}
.pro_top_info .price{font-size:24px;font-weight:bold;margin-bottom:15px;}
.pro_top_info .list .dl{
  display: flex;
  margin-bottom: 15px;
}
.pro_top_info .list .dl dt {
  flex: 0 0 auto;
  width: 110px;
  line-height: 45px;
}
.pro_top_info .list .dl dd {
  width: 100%;
}
.pro_top_info .list .dl select {
  width: 100%;
  max-width: 250px;
  border: 1px solid #d1d1d1;
  padding: 0 0.88541667vw;
  line-height: 45px;
  height: 45px;
}
.pro_top_info .list .dl .box a {
  min-width: 85px;
  line-height: 43px;
  border: 1px solid #d1d1d1;
  text-align: center;
  padding: 0 1.30208333vw;
  display: inline-block;
  transition: all 0.5s;
  margin-bottom: 5px;
}
.pro_top_info .list .dl .box .layui-form{
  display: inline-block;
}
.pro_top_info .list .dl .box a:not(:last-child) {
  margin-right: 10px;
}
.pro_top_info .list .dl .box a.on,
.pro_top_info .list .dl .box a:hover {
  border-color: rgb(18, 142, 215);
  color: rgb(18, 142, 215);
}
.pro_top_info .btn {
  margin-top: 40px;
}
.pro_top_info .btn .button {
  display: inline-block;
  width: 190px;
  line-height: 58px;
  background-color: rgb(18, 142, 215);
  text-align: center;
  border-radius: 50px;
  color: #fff;
}
.pro_top_info .btn .button:nth-child(2){background-color: #00a0e9;}
.pro_top_info .btn .button:not(:last-child) {
  margin-right: 2.34375vw;
}
.pro_top_info .btn .button::after {
  content: '';
  width: 25px;
  height: 20px;
  background: url(../images/pro_icon1_on.png) no-repeat center;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.pro_top_info .btn .button:hover {
  background-color: rgb(0, 122, 195);
  color: #fff;
}
.pro_top_info .btn .button:hover::after {
  background-image: url(../images/pro_icon1_on.png);
}
.pro_top_info .btn .button:nth-child(2)::after {
  background-image: url(../images/pro_icon2_on.png);
}
.pro_top_info .btn .button:nth-child(2):hover::after {
  background-image: url(../images/pro_icon2_on.png);
}
@media (max-width: 768px) {
  .pro_top_info {
    flex-flow: column wrap;
  }
  .pro_top_info .left,
  .pro_top_info .right {
    width: 100%;
  }
  .pro_top_info .slider-for figure {
    height: 60vw;
  }
  .pro_top_info .slider-nav figure {
    height: 15vw;
  }
  .pro_top_info .list dl dt {
    width: 90px;
  }
  .pro_top_info .list dl select {
    height: 30px;
    line-height: 30px;
  }
  .pro_top_info .list dl .box a {
    line-height: 30px;
  }
  .pro_top_info .btn {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .pro_top_info .btn .button {
    width: 47%;
    line-height: 36px;
  }
}
.pro_table_open {
  position: fixed;
  right: 2.60416667vw;
  bottom: 100px;
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  box-shadow: 0px 0px 24.32px 7.68px rgba(6, 6, 6, 0.07);
  display: none;
  z-index: 20;
}
.pro_table_open .tit {
  text-align: center;
  background-color: #00a0e9;
  color: #fff;
  line-height: 2;
  padding: 30px;
}
.pro_table_open .ul {
  padding: 26px;
}
.pro_table_open li {
  margin-bottom: 18px;
}
.pro_table_open .text {
  width: 100%;
  border: none;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  background-color: #f8f8f8;
}
.pro_table_open .button {
  text-align: center;
  width: 190px;
  height: 60px;
  line-height: 60px;
  border: none;
  background-color: #00a0e9;
  border-radius: 50px;
  display: block;
  margin: 45px auto 20px;
  cursor: pointer;
  color: #fff;
}
.pro_table_open .close {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -62px;
  width: 47px;
  height: 47px;
  background: url(../images/close.png) no-repeat center;
  border-radius: 100%;
  cursor: pointer;
  box-shadow: 0px 0px 32px 0px rgba(6, 6, 6, 0.07);
}
.pro_nav ul{
  background-color: #f8f8f8;
  border-bottom: 1px solid #e4e3e3;
}
.pro_nav li {
  float: left;
  text-align: center;
  line-height:60px;
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
  padding:0 30px;
}
.pro_nav li::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  border: 5px solid transparent;
  border-top-color: rgb(18, 142, 215);
  opacity: 0;
}
.pro_nav li span {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.pro_nav li:hover,
.pro_nav li.aon {
  background-color: rgb(18, 142, 215);
  color: #fff;
}
.pro_nav li:hover::after,
.pro_nav li.aon::after {
  opacity: 1;
}
@media (max-width: 768px) {
  .pro_nav li {
    line-height: 50px;
  }
}
.pro_content {
  border: 1px solid #e4e3e3;
  border-top: none;
  color: #333;
}
.pro_content .itemBox {
  padding: 2.08333333vw;
  font-size:16px;line-height: 1.5;
}
.pro_content .title {
  text-align: center;
  margin-bottom: 35px;
}
.pro_content .flex {
  display: flex;
  justify-content: space-between;
}
.pro_content .itemBox_1 .con {
  margin-bottom: 60px;
  line-height: 26px;
}
.pro_content .itemBox_1 .table_box {
  margin-bottom: 4.16666667vw;
}
.pro_content .itemBox_1 .list .item {
  width: 32%;
}
.pro_content .itemBox_1 .list .pic {
  width: 100%;
  height: 16.40625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8e6e6;
}
.pro_content .itemBox_1 .list .pic img {
  display: inline-block;
  max-height: 100%;
}
.pro_content .itemBox_1 .list .des {
  text-align: center;
  padding: 1.04166667vw 0;
}
.pro_content .itemBox_1 .more {
  text-align: center;
  margin: 3.125vw 0 4.16666667vw;
}
.pro_content .itemBox_1 .more i {
  font-style: normal;
  font-family: sans-serif;
}
.pro_content .itemBox_1 .table_list {
  margin-bottom: 4.94791667vw;
  padding: 0 1.04166667vw;
}
.pro_content .itemBox_1 .table_list .item {
  width: 47%;
}
.pro_content .itemBox_1 .table_list .subtit {
  margin-bottom: 20px;
}
.pro_content .itemBox_1 .table_list table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 45px;
}
.pro_content .itemBox_1 .table_list table tr {
  background-color: #ffffff;
}
.pro_content .itemBox_1 .table_list table tr:nth-child(2n) {
  background-color: #f5f7fa;
}
.pro_content .itemBox_1 .table_list table tr td {
  border: 1px solid #e3e5e8;
  padding: 15px 20px;
}
.pro_content .itemBox_1 .table_list table tr td:first-child {
  width: 32%;
}
.pro_content .itemBox_1 .piclist_two {
  padding: 0 2.08333333vw;
  margin-bottom: 4.16666667vw;
}
.pro_content .itemBox_1 .piclist_two .item {
  width: 48.5%;
}
.pro_content .itemBox_1 .piclist_two .item img {
  width: 100%;
}
.pro_content .itemBox_1 .proowl {
  padding: 0 2.08333333vw;
  margin: 0 -0.78125vw;
}
.pro_content .itemBox_1 .proowl figure {
  margin: 0 0.78125vw;
  padding-bottom: 67%;
}
.pro_content .itemBox_1 .proowl figure img {
  width: 100%;
}
@media (max-width: 640px) {
  .pro_content .itemBox_1 .list {
    flex-flow: column wrap;
  }
  .pro_content .itemBox_1 .list .item {
    width: 100%;
    margin-bottom: 5%;
  }
  .pro_content .itemBox_1 .list .pic {
    height: 300px;
  }
  .pro_content .itemBox_1 .table_list {
    flex-flow: column wrap;
  }
  .pro_content .itemBox_1 .table_list .item {
    width: 100%;
    margin-bottom: 2%;
  }
}
.pro_content .itemBox_2 .box {
  text-align: center;
  padding-top: 2.08333333vw;
}
.pro_content .itemBox_2 .box .item {
  margin-bottom: 5.20833333vw;
}
.pro_content .itemBox_2 .list {
  padding: 0 1.04166667vw;
}
.pro_content .itemBox_2 .list .ul {
  background-color: #f5f6f7;
}
.pro_content .itemBox_2 .list figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
}
.pro_content .itemBox_2 .list figure img {
  max-height: 100%;
}
.pro_content .itemBox_2 .list li {
  width: 25%;
  text-align: center;
  padding: 3.38541667vw 0;
}
.pro_content .itemBox_2 .list li:hover .down {
  color: #00a0e9;
}
.pro_content .itemBox_2 .list .tit {
  margin: 1.40625vw 0 0.83333333vw;
  color: #333;
}
.pro_content .itemBox_2 .list .down {
  color: #333;
}
.pro_content .itemBox_2 .list .down span {
  display: inline-block;
  padding-right: 20px;
  background: url(../images/down.svg) no-repeat right center;
}
.pro_content .itemBox_4 .down_list {
  flex-flow: row wrap;
}
.pro_content .itemBox_4 .down_list li {
  width: 48%;
  border-bottom: 1px dashed #e4e3e3;
  padding: 20px 0;
}
.pro_content .itemBox_4 .down_list a {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 24px;
  padding-left: 10px;
  position: relative;
}
.pro_content .itemBox_4 .down_list a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: rgb(18, 142, 215);
}
.pro_content .itemBox_4 .down_list span {
  padding-right: 25px;
  background: url(../images/down_2.png) no-repeat right center;
  flex: 0 0 auto;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .pro_content .itemBox_4 .down_list {
    flex-flow: column wrap;
  }
  .pro_content .itemBox_4 .down_list li {
    width: 100%;
  }
}
.Related_pro {
  margin: 4.16666667vw 0;
}
.Related_pro .list {
  margin: 0 -0.625vw;
  padding-top: 20px;
}
.Related_pro li a {
  display: block;
  margin: 0 0.625vw;
}
.Related_pro figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13.54166667vw;
  border:1px solid #ddd;
}
.Related_pro figure img {
  max-height: 90%;
  max-width: 90%;
}
.Related_pro .des{line-height:1.8;}
.Related_pro .tit {
  padding: 20px 0;
  line-height: 1.2;
}
.Related_pro .slick-prev {
  left: -4vw;
}
.Related_pro .slick-next {
  right: -4vw;
}
@media (max-width: 1366px) {
  .Related_pro .slick-prev {
    left: -2vw;
  }
  .Related_pro .slick-next {
    right: -2vw;
  }
}
@media (max-width: 640px) {
  .Related_pro figure {
    height: 200px;
  }
}
.table {
  width: 100%;
  table-layout: fixed;
}
.table tr {
  background-color: #edf2f8;
}
.table tr:nth-child(2n) {
  background-color: #dbe5f1;
}
.table tr td {
  border: 2px solid #fff;
  padding: 10px 1.04166667vw;
  text-align: center;
}
.table tr td:first-child {
  width: 24%;
  text-align: left;
}
.table tr td.auto {
  width: auto;
}
.table .top td {
  font-weight: bold;
}
@media (max-width: 1024px) {
  .table_box {
    width: 100%;
    overflow: auto;
  }
  .table_box > table {
    width: 1200px!important;
  }
}
.pro_info_table {
  padding: 4.94791667vw 0;
  color: #333;
}
.pro_info_table .title {
  margin-bottom: 30px;
  text-align: center;
}
.pro_info_table .table_1 {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 35px;
}
.pro_info_table .table_1 .one > td {
  text-align: center;
  padding-bottom: 20px;
  vertical-align: top;
}
.pro_info_table .table_1 .one > td:first-child,
.pro_info_table .table_1 .one > td:nth-child(2) {
  width: 36%;
}
.pro_info_table .table {
  table-layout: initial;
}
.pro_info_table .table tr td {
  padding: 10px 0;
  text-align: center!important;
}
.pro_info_table .table tr .null {
  width: 15%;
  border-right: none;
}
.pro_info_table .fixed {
  table-layout: fixed;
}
.pro_info_table .table_2 {
  width: 100%;
  table-layout: fixed;
  max-width: 1048px;
  margin: 0 auto;
}
.pro_info_table .table_2 .one > td {
  text-align: center;
  padding-bottom: 20px;
  vertical-align: top;
}
.pro_info_table .table_2 .one > td:first-child {
  width: 40%;
}



.layui-form .layui-input{
  color: #333 !important;
}
.layui-input, 
.layui-input:hover, 
.layui-select, 
.layui-textarea{
  height: 45px !important; 
  border-color:#d1d1d1 !important;
  padding: 0 0.88541667vw !important;
}

.layui-form-select dl dd.layui-select-tips{
  color: #333 !important;
}

.layui-form-select dl dd.layui-this{
  background-color:rgb(18, 142, 215) !important;
  color: #fff !important;
}

.layui-form-select dl dd:nth-of-type(2){
  background: #f5f5f5; 
}
.layui-form-select dl dd.layui-select-tips{
  position: relative;
  z-index:2;
}
.layui-form-select dl dd.layui-select-tips::before {
  content: '';
  position: fixed;
  left: 0;
  width:100%;
  height:72px;
  top:0;
}

/*Floor002920 */

.Floor002920{padding:5% 0;background: #f9f9f9;overflow: hidden}
.Floor002920 .title{font-size:30px;color: rgb(18, 142, 215);}

.Floor002920 .tab{padding-bottom: 1.605vw;}
.Floor002920 .tab li{list-style: none;float: left;border-radius: 5px;overflow: hidden}
.Floor002920 .tab li:not(:last-child){margin-right: 0.5vw;}
.Floor002920 .tab li a{color: #333;display: block;line-height: 2.223em;line-height: 50px;background: #e0f2fb;text-align: center;padding: 0 1.8em}
.Floor002920 .tab .slick-dots li{width:auto;height:auto;}
.Floor002920 .tab li:not(:last-child):after{position: absolute;content: ''; width: 1px; height: 16px; background: #d6d6d6; top: 50%; margin-top: -8px;right: 0;}
.Floor002920 .tab li.slick-active a{color: #fff;background: rgb(18, 142, 215);}

.Floor002920 .tit{font-size:20px;color: #fff; margin-bottom: 0.542vw;}
.Floor002920 p.dot{color: #fff;font-size:15px;font-weight: lighter}
.Floor002920 .n-top{border-radius: 5px;overflow: hidden;position: relative}

.Floor002920 .n-top .txt{position: absolute;z-index: 5;left: 0;bottom: 0;padding:1.8vw 2vw;}
.Floor002920 .n-top .pic{overflow: hidden;}
.Floor002920 .n-top .Ispic{padding-bottom: 81.82%; transition: 0.3s;position: relative}
.Floor002920 .n-top .Ispic:before{width: 100%; height: 50%;position: absolute; bottom: 0; left:0;content: '';
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );z-index: 2}
.Floor002920 .n-top a:hover  .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.Floor002920 .n-top .txt time{position: absolute; left: 0; top: 0;}
.Floor002920 .n-top .slick-dots{position: absolute; right: 2vw; bottom:7%; z-index: 10;}
.Floor002920 .n-top .slick-dots li{float: left; margin: 0 7px; width: 8px; height: 8px;background: #fff;opacity: .2}
.Floor002920 .n-top .slick-dots li.slick-active{opacity: 1}
.Floor002920 .n-top .slick-dots li button{display: none;}

.Floor002920 .n-list dt{padding: 1.95em 2em 1.95em 3em;position: relative;}
.Floor002920 .n-list dt:before{transition: 0.3s; width:4px; position: absolute; left: 0; top: 0; height: 100%; background: rgb(18, 142, 215); content: '';opacity: 0}
.Floor002920 .n-list dt:hover:before{opacity: 1}
.Floor002920 .n-list .tit{margin-bottom: .3vw;font-size:22px;color: #333}
.Floor002920 .n-list dt:hover .tit{color: rgb(18, 142, 215)}
.Floor002920 .n-list p{color: #666;font-weight: lighter;margin: 0;line-height: 28px;}
.Floor002920 .n-list time{color: #999;display: inline-block;margin-top: 0.3vw}

@media(min-width:769px){
.Floor002920 .n-list dt{}
}
@media(min-width:1025px){
.Floor002920 .n-top{width: 46%;max-width: 660px}
.Floor002920 .n-list{width: 52%;}
.Floor002920 .tab ul{float: right; margin-top: -50px;}
}

@media(max-width:1440px){
.Floor002920 .n-list dt{padding: 1.1em 2em 1.1em 3em;}
}
@media(max-width:768px){
.Floor002920 .title{margin-bottom: 1em}
.Floor002920 .n-top .txt{bottom: 12%;width: 100%}
}

/*links*/
#links{position:relative;width:250px;color:rgba(255,255,255,1);}
#links span{border:1px solid #2a313b;display:block;line-height:3.375em;padding:0 4.375em 0 1.25em;cursor:pointer;position:relative;}
#links span:before,#links span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
#links span:before{width:1px;height:3.125em;background-color:rgba(255,255,255,0.12);right:3.125em;}
#links span:after{width:0.875em;height:0.5em;background:url(../images/arrow_down_01_white.png) no-repeat center center;background-size:contain;right:1.125em;}
#links ul{position:absolute;left:0;bottom:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5em 0;background-color:rgba(255,255,255,0.95);color:#333;display:none;}
#links li{line-height:2;}
#links a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;padding:0 4.375em 0 1.25em;}
#links a:hover{color:rgb(18, 142, 215);}

/*RighInfo002973 */
.RighInfo002973{ padding: 3vw 0; color: #333;}
.RighInfo002973 .news-details{padding: 3% 0;}
.RighInfo002973 .news-details .title{text-align: center;padding-bottom: 40px;border-bottom: 1px solid #e4e4e4;}
.RighInfo002973 .news-details .title h1{font-size:24px; margin: 0 0 20px 0;}
.RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;}

.RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%;color: #666;}
.RighInfo002973 .news-details .edit-info .img{text-align: center; padding: 15px 0;}
.RighInfo002973 .w_96{width: 100%;}
.RighInfo002973 .pn-page aside{padding: 10px 0;}
.RighInfo002973 .pn-page aside a{color: #666;}
.RighInfo002973 .pn-page aside a b{color: #333;}
.RighInfo002973  .operating a:hover,
.RighInfo002973 .pn-page aside a:hover{color: #205393;}

@media(min-width:1025px){
.RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;}
.RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);font-size: 17px;}
.RighInfo002973  .operating a{float: left;}
}
@media(max-width:1024px){
.RighInfo002973{ padding: 4em 0; color: #333;}
.RighInfo002973 .news-details .title{padding-bottom: 20px;}
.RighInfo002973  .operating{ padding-bottom: 20px;}
.RighInfo002973  .operating a{display: inline-block;}
}