* {
  outline: 0 none !important;
  ;
}

html {
  font-size: 100px;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #313131;
  font-family: Microsoft YaHei, -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, Hiragino Sans GB, Helvetica Neue, Arial, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.18rem;
  line-height: 1;
  background: #fff;
}

body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  z-index: 50;
  backdrop-filter: red(10px);
  transition: all 0.2s 0.2s;
  opacity: 0;
  z-index: -999;
}

body.act1:after {
  z-index: 50;
  opacity: 1;
}

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;
}

.fl{float: left;}
.fr{float: right;}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
 
  text-decoration: none !important;
  cursor: pointer;
  color: #1f1f1f;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}

textarea {
  resize: none;
  padding: 0;
  border: 0;
  font-family: hr;
}

img {
  border: none;
  max-width: 100%;

}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
}


body::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

body::-webkit-scrollbar-thumb {
  background: #000;
}

body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.4);
}

/*鍘绘帀 input 榛樿杈规*/
input {
  padding: 0;
  border: 0;
  font-family: hr;
  outline: none;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}


/*@font-face {*/
/*  font-family: 'gb';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Bold.ttf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'hb';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Bold.ttf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'hbl';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Black.ttf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'hl';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Light.ttf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'hm';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Medium.ttf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'hr';*/
/*  src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");*/
/*}*/


@font-face{
  font-family: AliPuHui;
  src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot) format('embedded-opentype'),
  url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.otf) format('opentype'),
  url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf) format('TrueType'),
  url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff) format('woff'),
  url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
}

.f_12 {
  font-size: 0.12rem;
}

.f_14 {
  font-size: 0.14rem;
}

.f_15 {
  font-size: 0.15rem;
}

.f_16 {
  font-size: 0.16rem;
}

.f_18 {
  font-size: 0.18rem;
}

.f_20 {
  font-size: 0.20rem;
}

.f_22 {
  font-size: 0.22rem;
}

.f_24 {
  font-size: 0.24rem;
}

.f_25 {
  font-size: 0.25rem;
}

.f_26 {
  font-size: 0.26rem;
}

.f_28 {
  font-size: 0.28rem;
}

.f_30 {
  font-size: 0.30rem;
}

.f_32 {
  font-size: 0.32rem;
}

.f_34 {
  font-size: 0.34rem;
}

.f_36 {
  font-size: 0.36rem;
}

.f_38 {
  font-size: 0.38rem;
}

.f_40 {
  font-size: 0.40rem;
}

.f_42 {
  font-size: 0.42rem;
}

.f_44 {
  font-size: 0.44rem;
}

.f_45 {
  font-size: 0.45rem;
}

.f_46 {
  font-size: 0.46rem;
}

.f_48 {
  font-size: 0.48rem;
}

.f_50 {
  font-size: 0.50rem;
}

.f_52 {
  font-size: 0.52rem;
}

.f_54 {
  font-size: 0.54rem;
}

.f_56 {
  font-size: 0.56rem;
}

.f_60 {
  font-size: 0.60rem;
}

.f_62 {
  font-size: 0.62rem;
}

.f_64 {
  font-size: 0.64rem;
}

.f_66 {
  font-size: 0.66rem;
}

.f_68 {
  font-size: 0.68rem;
}

.f_74 {
  font-size: 0.74rem;
}

.f_80 {
  font-size: 0.80rem;
}

.f_96 {
  font-size: 0.96rem;
}

.f_100 {
  font-size: 1rem;
}

.f_106 {
  font-size: 1.06rem;
}

.f_187 {
  font-size: 1.87rem;
}


.banben_box{ position:fixed;right:0.9rem; top:0.19rem;font-size: 0.18rem; width: 0.5rem; height: 0.5rem;border-radius: 50%; background: #f4f4f4; line-height: 0.5rem; text-align: center;color: #666;font-weight: 700;z-index: 9999!important;}
.banben_box a{color: #666;}

.firight{position:fixed; right:-3px; top:35%; z-index:9999;}
.firight a{display:block; width:70px; background-color:#2B92D0; height:70px; margin-top:2px; border-radius:5px;}
.firight a p{text-align:center; font-size:14px; padding-top: 10px; color:#fff;}
.frtext{height:22px; }
.frimg{height:34px; padding-top:10px;}
.frnum{transition:all 0.5s ease;position:relative;}
.frnum:hover{margin-left:-185px;}
.frnum .number{position:absolute; height:70px; background-color:#2B92D0; width:185px; right:-182px; top:0;}
.frnum .number p{font-size:22px; color:#fff; line-height:38px; border-left:1px solid #2B92D0; margin-top:10px;}
.wxfr{position:relative;}
.frewm{position:absolute; right:80px; top:10%;display: none;opacity: 0;}
img.frewm{width: 130px;max-width: 130px;}
a:hover .frewm{display:block;opacity:1;}


@media (max-width:1025px) {
	.firight{display: none;}
}







/* 澶撮儴 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.065rem 0.6rem;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  box-shadow: 0 0.03rem 0.3rem rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}

.header .logo {
  display: block;
  width:4.4rem;
}

.header .img2 {
  display: none; filter: grayscale(100%) brightness(10);
}

.header .right {
  display: flex;
  align-items: center;
  flex-wrap: wrap; justify-content: right;
}

.mod_head_tp{width: 100%; height: 35px;}
.mod_head_tp li.yxnav_active1 a::after{
  width: 100%;
}



.mod_head_tp,.mod_head_tp a{
  font-size: 0.14rem;
  line-height:2;
  color: #333;
  transition: all .36s;
  display: block;
  position: relative;
  z-index: 5;
}


.i_header .mod_head_tp ,.i_header .mod_head_tp a{ color: #fff;}


.mod_head_tp ul{
  margin: 0 -18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mod_head_tp li{
  padding: 0 18px;
}

.mod_head_tp::before{
  content: "";
  width: calc(100% - 120px - 87px);
  height: 1px;
  /*background: linear-gradient(to left,rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));*/
  position: absolute;
  top: 35px;
  right: 0;
  transition: all .36s;
  z-index: 5;
}

.header.i_header:hover .mod_head_tp::before,.header .mod_head_tp::before{
 /* background: linear-gradient(to left,rgba(153,153,153, .5), rgba(153,153,153, 0));*/
}
.header.i_header:hover .mod_head_tp a{
  color: #111111;
}

.header .right .nav {
  display: flex;
  padding-right: 30px;
}

.header .right .nav a {
  display: block;
  color: #111111;
  line-height: 2;
  padding: 0.18rem 0;
}

.header .right .nav>li {
  position: relative;
  margin-right:0.8rem;
}
.header .right .nav>li:hover>a,
.header .right .nav>li.act>a {
  color: #ff0000;
}
.header.i_header .right .nav>li.act>a {
  color: #fff;
}

.header.i_header:hover .right .nav>li.act>a {
  color: #2990CF;
}



.header .right .nav header li {
  position: relative;
  margin-right:0.8rem;
}







.header .right .nav>li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0%;
  width: 0%;
  height: 1px;
  background-color: #2990CF;
  transition: all 0.5s;
  display: none;
}

.header .right .nav>li:hover::after,
.header .right .nav>li.act::after {

  width: 100%;
}

/*.header.i_header .right .nav>li:hover::after,*/
.header.i_header .right .nav>li.act::after {

  background-color: #e98863;
}

.header.i_header:hover .right .nav>li.act::after {

  background-color: #2990CF;
}

.header .right .nav>li>ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  /*width: 2.8rem;*/
  text-align: center;
  background-color: #fff;
  padding: 0.12rem 0.3rem;
  display: none;
  white-space: nowrap;
}

.header .right .nav>li>ul a {
  padding: 0.1rem 0;
  color: #333;
  margin: 0;
  transition: all 0.5s;
  line-height: 1.8;
  font-size:0.17rem;
}

.header .right .nav>li>ul a:hover {
  color: #E98863;
}

.header .right .ser {
  width: 0.2rem;
}

.header .right .solid {
  width: 1px;
  height: 0.16rem;
  background-color: #D4D4D4;
  margin: 0 0.2rem;
}

.header .right .contact {
  display: block;
  width: 1.9rem;
  line-height: 0.5rem;
  text-align: center;
  background: #0364B8;
  border-radius: 0.25rem;
  color: #ffffff;
  font-family: hm;
  margin-left: 0.26rem;
  position: relative;
  z-index: 2;
  /*transition: all 0.5s;*/
  /*width: 2.4rem;*/
  /*line-height: 0.6rem;*/
  /*text-align: center;*/
  /*background: #2990CF;*/
  /*background-size: 100% 100%;*/
  /*border-radius: 0.3rem;*/
  /*color: #fff;*/
  /*font-family: hm;*/
  /*transform: scale(.8);*/
}

.header .right .contact:hover {
  transform: scaleX(1.02);
  /*opacity: 0.8;*/
  /*background-size: auto 60%;*/
  /*background-color: #2990CF;*/
}

.header .right .lag {
  position: relative;
  font-family: hr;
  color: #000000;
  cursor: pointer;
}

.header .right .lag .h {
  padding-right: 0.18rem;
  background: url(../images/xl.png)no-repeat right center;
  background-size: 0.09rem 0.05rem;
  display: flex;
  align-items: center;
}

.header .right .lag .h img {
  width: 0.2rem;
  margin-right: 0.1rem;
}

.header .right .lag ul {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0.12rem 0.18rem;
  width: calc(100% + 0.78rem);
  transform: translateX(-0.38rem);
  line-height: 2;
  display: none;
  background-color: #fff;
  text-align: center;
}

.i_header {
  background-color: rgba(255,255,255,.08);
  /*background-color: transparent;*/
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0.03rem 0.3rem transparent;
}

.i_header .right .nav a {
  color: #ffffff;
}

.i_header .right .lag {
  color: #fff;
}

.i_header .right .lag .h {
  background-image: url(../images/xl1.png);
}

.i_header .img1 {
  display: none;
}

.i_header .img2 {
  display: block;
}

.i_header:hover {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  box-shadow: 0 0.03rem 0.3rem transparent;
}

.i_header:hover .right .nav a {
  color: #111111;
}

.i_header:hover .right .lag {
  color: #000;
}

.i_header:hover .right .lag .h {
  background-image: url(../images/xl.png);
}

.i_header:hover .img2 {
  display: none;
}

.i_header:hover .img1 {
  display: block;
}

.m_header {
  display: none;
}

.mh_nav {
  display: none;
}

.header .pl_nav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 1.2rem 0.4rem 1.2rem;
  display: block;
  display: none;
  border-top: 1px solid #EBEBEB;
  opacity: 1;
}

.header .pl_nav.show {
  opacity: 1;
}

.header .pl_nav .ul_list {
  max-height: 56vh;
  overflow: auto;
  padding-right: 10px;
}

.header .pl_nav .ul_list::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.header .pl_nav .ul_list::-webkit-scrollbar-thumb {
  background: #2990CF;
}

.header .pl_nav .ul_list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}


.header .pl_nav .boxs {
  width: 100%;
  display: flex;
  justify-content: center;
}

.header .pl_nav .box {
  padding: 0.45rem 0.16rem;
  width: calc(100% / 6);
  transition: all 0.5s;
  height: 100%;
}

.header .pl_nav .box:hover {
  background-color: rgba(3, 110, 184, 0.04);
}

.header .pl_nav .box .pic {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 1.12rem;
  border-radius: 0.04rem;
  overflow: hidden;
  margin-bottom: 0.27rem;
}
.header .pl_nav .box .pic:before{content: ''; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute;z-index: 1;}

.header .pl_nav .box .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.header .pl_nav .box .pic:hover img {
  transform: scale(1.05);
}

.header .pl_nav .box .pic .h {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.3rem;
  text-align: center;
  padding: 0 0.16rem;
  font-size: 0.2rem; z-index: 2;
}

.header .pl_nav .box ul {
  margin-bottom: 0.2rem;
}

.header .pl_nav .box ul:last-child {
  margin-bottom: 0;
}

.header .pl_nav .box ul li:last-child a {
  margin-bottom: 0;
}

.header .pl_nav .box ul li a {
  display: block;
  font-family: hr;
  color: #999999;
  transition: all 0.5s;
  margin-bottom: 0.16rem;
}

.header .pl_nav .box ul li:first-child a {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #333333;
  font-family: hb;
  /* font-weight: 600; */
}

.header .pl_nav .box ul li a:hover {
  color: #0082E6 !important;
}

.header .pl_nav .box ul li>a {
  font-size: 0.22rem;
  line-height: 0.28rem;
  color: #333333;
  font-family: hb;
  /* font-weight: 600; */
}

.header .pl_nav .box ul li.third>a,
.header .pl_nav .box ul li .third>a {
  font-size: 0.13rem;
  line-height: 0.22rem;
  display: block;
  font-family: hr;
  color: #999999;
  transition: all 0.5s;
  margin-bottom: 0.08rem;
}

.header .pl_nav .box ul li .fourth>a {
  padding-left: 0.12rem;
  font-size: 0.18rem;
  line-height: 0.24rem;
  display: block;
  font-family: hr;
  color: #999999;
  transition: all 0.5s;
  margin-bottom: 0.16rem;
  background: no-repeat center;
  background-size: cover;
}

.header .pl_nav .more {
  display: block;
  width: 2rem;
  line-height: 0.56rem;
  border-radius: 0.28rem;
  text-align: center;
  background-color: #2990CF;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

/*.header .pl_nav .more span{display: inline-block;padding-left: 0.42rem;background: url(../images/sol3_btn.png)no-repeat left center;background-size: 0.34rem auto;font-family: hm;}*/

/*.con_con .con2 .form form .btn{line-height: 0.6rem;height:0.6rem; width:2.4rem; border-radius: 0.3rem;margin: 0 auto;}*/
.header .pl_nav .more span {
  color: #fff;
  font-family: hm;
  background: url(../images/sol3_btn.png)no-repeat left center;
  background-size: 0.29rem auto;
  padding-left: 0.4rem;
  display: inline-block;
  position: relative;
}

.header .pl_nav .more .gif {
  position: absolute;
  left: 0;
  top: 20%;
  height: 60%;
  opacity: 0;
}

.header .pl_nav .more:hover .gif {
  opacity: 1;
}

.header .pl_nav .more:hover {
  background: #e98863;
  transform: scaleX(1.02);
}

.header .pl_nav .more:hover span {
  background: transparent;
}

.h30{height: 0.3rem; width: 100%;}

.wrap {
    padding: 0 1.85rem;
    margin: 0 auto;
    height: 100%;
    max-width: 1920px;
	}

@media (max-width: 639px) {
	
	.wrap { padding: 0 2%;max-width: 96%; overflow: hidden; }
	
	}



.footer_liucheng {
  background:url(../images/why_bg.jpg) repeat-x;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 0 1.85rem;
  padding-top:.3rem;
    padding-bottom:2rem;
}




.index_banner{width:100%;height:100vh;position:relative; text-align:center; z-index:10; }
.index_video{width:100%; height:100%; position:absolute!important; left:0; top:0; z-index:10;background:#fff;overflow:hidden;}
/*.index_video:after{ display:block; content:''; width:100%; height:100%;background-color:rgba(0,104,183,0);background-image: url(index-vd-bg.png);background-repeat: repeat; background-position:center center; position:absolute; left:0; top:0; z-index:5;}*/
.index_video:after{ display:block; content:''; width:100%; height:100%;background-color:none;background-repeat: repeat; background-position:center center; position:absolute; left:0; top:0; z-index:5;}
.index_video .img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:999; }
.index_video .img img{ max-width:100%;left:50%; top:40%; position:relative; margin-left:-100%;}
/*.index_video .img.last{ background-image:url(../img/about-vd.png);background-size:65% auto;}*/

.index_video .text{position: absolute;left: 14%; top:25%;}
.index_video .text img{ max-width: 6.5rem;}

.vidbg-container{ width:100%; height:100%; background-repeat:no-repeat; background-position: center center; background-size:cover; position:relative; z-index:1;}
.vidbg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}

.scrollDown{position:absolute;z-index:25;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:0 0;padding:0;border:none;font-weight:700;font-size:12px;letter-spacing:.07em;font-family:Lato,"微軟正黑體",sans-serif;text-transform:uppercase;color:#ffffff;cursor:pointer}
.scrollDown i{position:relative;width:48px;height:48px;margin-bottom:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.scrollDown i:after,.scrollDown i:before{content:'';position:absolute;left:50%;top:50%;border-radius:50%;background-color:#ffffff}
.scrollDown i:before{margin-top:-4px;margin-left:-4px;width:8px;height:8px}
.scrollDown i:after{content:'';position:absolute;z-index:-1;width:110%;height:110%;border-radius:50%;background-color:rgba(187,27,33,.4);animation:scrollDown 1.5s .2s both infinite}
@keyframes scrollDown{0%{transform:translate(-50%,-50%) scale(0)}20%{transform:translate(-50%,-50%) scale(1.2)}38%,to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}

@media (max-width: 639px){
.index_banner{width:auto; max-width: 100%; height:400px; }
.index_video .text{left:7%; top:27%}
.index_video .text img{ width:4.3rem }
}

/* esg *

.ny_banner {
  position: relative;
  width: 100%;
  height: 6.2rem;
  margin-top: 1.2rem;
  z-index: 2;
}

.ny_banner .m_img {
  display: none;
}

.ny_banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ny_banner .txt {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  z-index: 2;
}

.ny_banner .txt .h {
  font-weight: 600;
  font-family: AliPuHui;
}

.ny_banner .txt .p {
  font-family: AliPuHui;
  color: rgba(255,255,255,0.5); font-weight: 100;
}

.ny_banner .txt .ms {
  color: rgba(255,255,255,0.9); font-weight: 100; font-size: 0.182rem; width: 50%; margin: 0 auto; line-height: 0.242rem;
}

.ny_banner .txt input {
  width: 5rem;
  line-height: 0.6rem;
  border-radius: 0.3rem;
  padding: 0 0.2rem;
  padding-left: 0.6rem;
  background: url(../images/pl_ser.png)no-repeat 0.2rem center;
  background-size: auto 0.2rem;
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.18rem;
}

.ny_banner .txt input::-webkit-input-placeholder {
  color: #fff;
}

.esg1 {
  padding: 1.46rem 1.85rem 2.04rem 1.85rem;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: row-reverse;
}

.esg1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  background-color: #F9F9F9;
  z-index: -1;
}

.esg1 .pic {
  width: 6.85rem;
  height: 6.82rem;
  position: relative;
  overflow: hidden;
}

.esg1 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.esg1 .pic:hover img {
  transform: scale(1.05);
}

.esg1 .txt {
  width: 7.88rem;
  padding-top: 0.47rem;
}

.esg1 .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.32rem;
}

.esg1 .txt .p {
  font-family: hr;
  color: #333333;
  line-height: 0.32rem;
}

.esg2 {
  padding: 0 1.85rem 1.48rem 1.85rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.esg2:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.08rem;
  height: 12.36rem;
  background: url(../images/esg_kuai.png);
  background-size: 100% 100%;
  z-index: -1;
}

.esg2 .txt {
  width: 8.23rem;
  padding-top: 1.02rem;
}

.esg2 .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.32rem;
}

.esg2 .txt .p {
  font-family: hr;
  color: #333333;
  line-height: 0.32rem;
}

.esg2 .pic {
  width: 6.48rem;
  height: 7.95rem;
  position: relative;
  overflow: hidden;
}

.esg2 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.esg2 .pic:hover img {
  transform: scale(1.05);
}

.esg3 {
  padding: 6rem 1.85rem 0.92rem 1.85rem;
  position: relative;
  z-index: 2;
  background: no-repeat top center;
  background-size: 100% auto;
  transition: all 2s;
}

.esg3.show {
  background-size: 120% auto;
}

/*.esg3:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 8.82rem;background: url(../images/esg_pic3.png)no-repeat center;background-size: cover;z-index: -1;}*/
.esg3 .txt {
  background: url(../images/esg_bj.png)no-repeat left bottom;
  background-size: 5.72rem 4.66rem;
  background-color: #fff;
  padding: 0.6rem 0.8rem 0.9rem 0.5rem;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.esg3 .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
}

.esg3 .txt .p {
  width: 9.4rem;
  line-height: 0.32rem;
  color: #333333;
  font-family: hr;
}

.esg4 {
  padding: 0 1.85rem 1.32rem 0;
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  align-items: flex-end;
}

.esg4 .pic {
  position: relative;
  width: 9.6rem;
  height: 7.6rem;
  overflow: hidden;
}

.esg4 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.esg4 .pic:hover img {
  transform: scale(1.05);
}

.esg4 .txt {
  width: 6.68rem;
  padding-bottom: 0.34rem;
}

.esg4 .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.32rem;
}

.esg4 .txt .p {
  font-family: hr;
  color: #333333;
  line-height: 0.32rem;
}

/* esg end */

/* 鍏充簬 */
.ab1 {
  padding: 0.95rem 1.85rem 0 1.85rem;
}

.ab1 .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.82rem;
}

.ab1 .top .t_left {
  width: 6.65rem;
  padding: 0 0 0.2rem 0;
  position: relative;
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: right;
  margin-top: 2.69rem;
}

.ab1 .top .t_left span {
  display: block;
  color: #2990CF;
  margin-left: 0.1rem;
}

.ab1 .top .t_left:after {
  content: "";
  position: absolute;
  left: -1.85rem;
  bottom: 0;
  width: 7rem;
  height: calc(100% + 1.76rem);
  background: url(../images/ab1_icon.png)no-repeat center;
  background-size: 100% auto;
  z-index: -1;
}

.ab1 .top .t_right {
  width: 7.78rem;
}

.ab1 .top .t_right .h1 {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.14rem;
  font-size: 0.36rem;
}

.ab1 .top .t_right .h2 {
  font-family: hm;
  color: #2990CF;
  line-height: 30px;
  margin-bottom: 32px;
}

.ab1 .top .t_right .p {
  font-family: hm;
  color: #333333;
  line-height: 32px;
}

.ab1 .top .t_right .p span {
  font-family: hb;
  /* font-weight: 600; */
}

.ab1 .top .t_right .num_box{display: flex;justify-content: space-between;margin-top:0.6rem;}
.ab1 .top .t_right .num_box .num{font-family: gb;color: #2990CF;line-height: 0.5rem;}
.ab1 .top .t_right .num_box .num .add{position: relative;top: -0.2rem;}
.ab1 .top .t_right .num_box .p{font-family: hm;color: #333333;line-height: 20px;margin-bottom:0;}
.ab1 .top .t_right .num_box .num .dw{
    font-family: hb;
}
.ab1 .bottom {
  width: 100%;
  height: 5.2rem;
  position: relative;
}

.ab1 .bottom img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.ab2 {
  padding: 0 1.85rem 1.5rem 1.85rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.ab2 .bj {
  position: absolute;
  bottom: -50%;
  opacity: 0.4;
  left: 0;
  width: 101%;
  z-index: -1;
}

.ab2 .left {
  width: 5.27rem;
  height: 6.1rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.ab2 .left>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ab2 .left:hover>img {
  transform: scale(1.05);
}

.ab2 .left .btn {
  width: 0.58rem;
  height: 0.58rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ab2 .left .btn img {
  width: 0.1rem;
  transform: translateX(0.02rem);
}

.ab2 .right {
  width: 9.26rem;
}

.ab2 .right .p {
  font-family: hm;
  line-height: 0.32rem;
  color: #333333;
  margin-bottom: 0.48rem;
}

.ab2 .right .p span {
  font-family: hb;
  /* font-weight: 600; */
}

.ab2 .right .num_box {
  display: flex;
  justify-content: space-between;
}

.ab2 .right .num_box .num {
  font-family: gb;
  color: #2990CF;
  line-height: 0.5rem;
}

.ab2 .right .num_box .num .add {
  position: relative;
  top: -0.2rem;
}

.ab2 .right .num_box .p {
  font-family: hm;
  color: #333333;
  line-height: 20px;
  margin-bottom: 0;
}

.ab3s {
  position: relative;
  height: 19rem;
}

.ab3 {
  /*padding: 0 0 1.45rem 0;*/
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.ab3 .left {
  width: 8.8rem;
  position: relative;
  height: 10rem;
}

.ab3 .left .pic1 {
  width: 100%;
  height: 9.27rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ab3 .left .pic1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ab3 .left .pic1:hover img {
  transform: scale(1.05);
}

.ab3 .left .pic2 {
  position: absolute;
  bottom: 0;
  left: 0.99rem;
  width: 3.6rem;
  height: 2.14rem;
}

.ab3 .left .pic2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.1s;
}

.ab3 .left .pic2:hover img {
  transform: scale(1.05);
}

.ab3 .right {
  width: calc(100% - 8.8rem);
  height: 10.66rem;
  position: relative;
  z-index: 2;
}

.ab3 .right .pic3 {
  position: absolute;
  top: 0.95rem;
  right: 4.7rem;
  width: 3.8rem;
  height: 2.42rem;
  z-index: 2;
}

.ab3 .right .pic3 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.1s;
}

.ab3 .right .pic3:hover img {
  transform: scale(1.05);
}

.ab3 .right .pic4 {
  position: absolute;
  bottom: 0rem;
  right: 1.85rem;
  width: 4.64rem;
  height: 6.1rem;
  z-index: 2;
}

.ab3 .right .pic4 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.1s;
}

.ab3 .right .pic4:hover img {
  transform: scale(1.05);
}

.ab3 .right .con {
  position: absolute;
  top: 2.4rem;
  right: 0;
  width: 13.98rem;
  padding: 1.13rem 2rem 0.5rem 1rem;
  background: url(../images/ab3_bj.png)no-repeat right bottom;
  background-size: 8.62rem 3.3rem;
  background-color: #2990CF;
}

/*.ab3 .right .con{position: absolute; top: 1.7rem;right: 0;width: 13.98rem;padding: 1.13rem 2rem 0.5rem 1rem;background: url(../images/ab3_bj.png)no-repeat right bottom;background-size: 8.62rem 3.3rem; background-color: #2990CF;}*/
.ab3 .right .con .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #ffffff;
  line-height: 0.54rem;
  margin-bottom: 0.44rem;
}

.ab3 .right .con .list {
  width: 6.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ab3 .right .con .list .item {
  width: 2.94rem;
  margin-bottom: 0.75rem;
}

.ab3 .right .con .list .item .h1 {
  font-family: hr;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.24rem;
  margin-bottom: 0.15rem;
}

.ab3 .right .con .list .item .p {
  font-family: hm;
  color: #ffffff;
  line-height: 24px;
}

.ab3 .right .con .list .item:nth-child(3),
.ab3 .right .con .list .item:nth-child(4) {
  display: none;
}

.ab4 {
  width: 100%;
  height: 56.25vw;
  background: url(../images/ab4_bj.png)no-repeat center;
  background-size: cover;
  padding-top: 0.86rem;
}

.ab4 .top {
  text-align: center;
}

.ab4 .top .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.52rem;
  color: #000000;
  margin-bottom: 0.28rem;
  text-align: center;
}

.ab4 .top .p {
  font-family: hr;
  line-height: 0.4rem;
  color: #333333;
  margin-bottom: 0.58rem;
}

.ab4 .top .p span {
  font-family: gb;
  color: #2990CF;
  margin: 0 0.05rem;
}

.ab4 .top .list {
  display: flex;
  justify-content: center;
}

.ab4 .top .list .item {
  width: 2.5rem;
  margin: 0 0.61rem;
}

.ab4 .top .list .item .it {
  color: #2990CF;
  font-family: gb;
  line-height: 0.5rem;
}

.ab4 .top .list .item .it span {
  font-family: hm;
  margin-left: 0.1rem;
}

.ab4 .top .list .item .p1 {
  font-family: hr;
  color: #333333;
  line-height: 0.24rem;
}

.ab5 {
  padding: 1.14rem 0 0 0;
}

.ab5 .top {
  text-align: center;
}

.ab5 .top .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.2rem;
}

.ab5 .top .p {
  font-family: hr;
  color: #666666;
  line-height: 0.32rem;
  margin-bottom: 0.56rem;
}

.ab5 .tab {
  padding: 0 4.1rem 0.3rem 4.1rem;
  border-bottom: 1px solid #ECECEC;
  display: flex;
  justify-content: space-between;
  font-family: hm;
  color: #D9D9D9;
  position: relative;
}

.ab5 .tab .solid {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 24%;
  background-color: #2990CF;
  transition: all 0.5s;
}

.ab5 .tab .item {
  cursor: pointer;
}

.ab5 .tab .item.on {
  color: #2990CF;
}

.ab5 .con {
  padding: 0.43rem 1.85rem 0 1.85rem;
  display: flex;
}

.ab5 .con .left {
  width: 50%;
  height: 31.25vw;
  position: relative;
  overflow: hidden;
  background: url(../images/ab5_solid.png)no-repeat right center;
  background-size: auto 100%;
}

.ab5 .con .left .swiper-slide {
  padding: 0 .5rem 0 2.4rem;
  position: relative;
  cursor: pointer;
}

.ab5 .con .left .swiper-slide:after {
  content: "";
  position: absolute;
  top: -21%;
  left: 0;
  width: 95%;
  height: 100%;
  background: url(../images/ab5_yy.png);
  background-size: 100% 100%;
  transition: all 0.5s;
}

.ab5 .con .left .swiper-slide-active:after {
  opacity: 0;
}

.ab5 .con .left .swiper-slide .h1 {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.8rem;
  margin-bottom: 0.06rem;
}

.ab5 .con .left .swiper-slide .p1 {
  font-family: hb;
  /* font-weight: 600; */
  color: #2990CF;
  line-height: 0.28rem;
}

.ab5 .con .right {
  width: 50%;
}

.ab5 .con .right .con1 {
  padding: 0 1.12rem 0 1.96rem;
  height: 38vw;
  overflow: hidden;
  position: relative;
}

/*.ab5 .con .right .con1:after{content: "";position: absolute;bottom: 0%;left: 0;width: 95%;height: 20%;background:url(../images/ab5_yy.png) ;background-size: 100% 100%;transition: all 0.5s;z-index:2;}*/

.ab5 .con .right .con1::-webkit-scrollbar {
  width: 2px;
  height: 1px;
}

.ab5 .con .right .con1::-webkit-scrollbar-thumb {
  background: transparent;
}

.ab5 .con .right .con1::-webkit-scrollbar-track {
  background: transparent;
}

.ab5 .con .right .con1.on {
  display: block;
}

.ab5 .con .right .con1 .box {
  margin-bottom: 0.5rem;
  transform: translateY(-7vw);
}

.ab5 .con .right .con1 .swiper-slide {
  opacity: 0.2;
}

.ab5 .con .right .con1 .swiper-slide-active {
  opacity: 1;
}

.ab5 .con .right .con1 .box .txt {
  font-family: hm;
  color: #000000;
  line-height: 0.28rem;
  height: 0.84rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0.2rem;
}

.ab5 .con .right .con1 .box .pic {
  position: relative;
  width: 100%;
  height: 2.8rem;
  overflow: hidden;
}

.ab5 .con .right .con1 .box .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ab5 .con .right .con1 .box:hover .pic img {
  transform: scale(1.05);
}

/* 鍏充簬 end */

/* 鏂伴椈鍒楄〃 */
.nl_con {
  padding: 1.1rem 1.85rem 1.42rem 1.85rem;
}

.nl_con .boxs {
  padding-bottom: 0.28rem;
}

.nl_con .boxs .box {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 0.55rem;
  transition: all 0.5s;
}

.nl_con .boxs .box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #2990CF;
  transition: all 0.5s;
}

.nl_con .boxs .box:hover {
  box-shadow: 0 0.33rem 0.77rem rgba(29, 98, 194, 0.08);
}

.nl_con .boxs .box:hover:after {
  width: 100%;
}

.nl_con .boxs .box .pic {
  width: 6.3rem;
  height: 3.4rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.43rem;
  z-index: 3;
}

.nl_con .boxs .box .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.nl_con .boxs .box .pic:hover img {
  transform: scale(1.05);
}

.nl_con .boxs .box .txt {
  width: calc(100% - 6.73rem);
  padding: 0.5rem 0.45rem 0.5rem 0.45rem;
  position: relative;
}

.nl_con .boxs .box:hover .txt {
  background: url(../images/nl_bj.png)no-repeat right bottom;
  background-size: 5rem 1.9rem;
}

.nl_con .boxs .box .txt .day {
  font-family: hb;
  /* font-weight: 600; */
  color: #333;
  line-height: 0.24rem;
  margin-bottom: 0.15rem;
  transition: all .5s;
}

.nl_con .boxs .box .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000;
  line-height: 0.34rem;
  margin-bottom: 0.22rem;
  height: 0.34rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all .5s;
}


.nl_con .boxs .box:hover .txt .day,
.nl_con .boxs .box:hover .txt .h,
.nl_con .boxs .box:hover .txt .day,
.nl_con .boxs .box:hover .txt .h {
  color: #2990CF;
}

.nl_con .boxs .box .txt .p {
  font-family: hr;
  line-height: 0.3rem;
  color: #333333;
  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: 0.53rem;
}

.nl_con .boxs .box .txt .more {
  padding-left: 0.4rem;
  line-height: 0.26rem;
  font-family: hm;
  color: #000000;
  transition: all 0.5s;
  background: url(../images/nl_btn.png)no-repeat left center;
  background-size: auto 100%;
  position: relative;
}

.nl_con .boxs .box .txt .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.nl_con .boxs .box .txt .more:hover .gif {
  opacity: 1;
}

.nl_con .boxs .box .txt .more:hover {
  background: none;
}

.nl_con .boxs .box .txt .more:hover {
  color: #2990CF;
}

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

.nl_con .page .list {
  margin-right: 0.64rem;
  display: flex;
}

.nl_con .page .list a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.06rem;
  width: 0.4rem;
  height: 0.4rem;
  border: 1px solid #F2F2F2;
  border-radius: 0.04rem;
}

.nl_con .page .list a.num {
  font-family: hm;
  color: #333333;
  transition: all 0.5s;
}

.nl_con .page .list a.num:hover,.nl_con .page .list a.on {
  color: #fff;
  border-color: transparent;
  background-color: #2990CF;
}

.nl_con .page .txt {
  font-family: hm;
  color: #333333;
  line-height: 0.4rem;
}

.nl_con .page input {
  width: 0.67rem;
  line-height: 0.38rem;
  border: 0.01rem solid #F2F2F2;
  padding: 0 0.08rem;
  margin: 0 0.14rem;
  border-radius: 0.04rem;
}

/* 鏂伴椈鍒楄〃 end */

/* 鏂伴椈璇︽儏 */
.nd_con {
  padding: 1.8rem 1.85rem 1.26rem 1.85rem;
  background-color: #F9F9F9;
  position: relative;
}

.nd_con .left {
  width: 11.27rem;
  background-color: #fff;
  float: left;
}

.nd_con .left .top {
  padding: 0.59rem 0.5rem 0.18rem 0.5rem;
  border-bottom: 1px solid #ECECEC;
}

.nd_con .left .top .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.4rem;
  text-align: left;
  margin-bottom: 0.49rem;
}

.nd_con .left .top .t_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nd_con .left .top .t_bottom .day {
  font-family: hm;
  color: #666666;
  line-height: 0.24rem;
  padding-left: 0.27rem;
  background: url(../images/day.png)no-repeat left center;
  background-size: 0.17rem auto;
}

.nd_con .left .top .t_bottom .fx {
  display: flex;
  align-items: center;
}

.nd_con .left .top .t_bottom .fx span {
  font-family: hm;
  color: #333333;
}

.nd_con .left .top .t_bottom .fx>a {
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #E9E9E9;
  margin: 0 0.08rem;
  transition: all 0.5s;
  position: relative;
}

.nd_con .left .top .t_bottom .fx>a .img2 {
  display: none;
}

.nd_con .left .top .t_bottom .fx>a>img {
  height: 0.14rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nd_con .left .top .t_bottom .fx>a:hover {
  border-color: transparent;
  background-color: #2990CF;
}

.nd_con .left .top .t_bottom .fx>a:hover .img2 {
  display: block;
}

.nd_con .left .top .t_bottom .fx>a:hover .img1 {
  display: none;
}

.social-share .icon-wechat,
.social-share .icon-weibo,
.social-share .icon-qq {
  color: transparent;
  border-color: transparent;
}

.social-share .icon-wechat:hover,
.social-share .icon-weibo:hover,
.social-share .icon-qq:hover {
  background-color: transparent;
}

.social-share .social-share-icon:hover {
  color: transparent;
}

.nd_con .left .con {
  padding: 0.5rem 0.44rem 2rem 0.5rem;
  font-family: hr;
  color: #000000;
  line-height: 0.3rem;
}

.nd_con .left .con img {
  margin: 0 auto;
  margin-bottom: 0.2rem;
  width: 100%;
  height: auto !important;
}

.nd_con .left .bottom {
  padding: 0.38rem 0.5rem 0.44rem 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ECECEC;
}

.nd_con .left .bottom a {
  font-family: hm;
  color: #000000;
  line-height: 0.22rem;
  transition: all 0.5s;
}

.nd_con .left .bottom a:hover {
  color: #2990CF;
}

.nd_con .left .bottom a.prev {
  padding-left: 0.4rem;
  line-height: 0.36rem;
  height: 0.36rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 40%;
  background: url(../images/nd_prev.png)no-repeat left center;
  background-size: 0.23rem auto;
  position: relative;
}

.nd_con .left .bottom a.prev .gif {
  position: absolute;
  left: 0rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.nd_con .left .bottom a.prev:hover .gif {
  opacity: 1;
}

.nd_con .left .bottom a.prev:hover {
  background: none no-repeat left center;
}


.nd_con .left .bottom a.next {
  padding-right: 0.4rem;
  line-height: 0.36rem;
  height: 0.36rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 40%;
  background: url(../images/nd_next.png)no-repeat right center;
  background-size: 0.23rem auto;
  position: relative;
  text-align: right;
}

.nd_con .left .bottom a.next .gif {
  position: absolute;
  right: 0rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.nd_con .left .bottom a.next:hover .gif {
  opacity: 1;
}

.nd_con .left .bottom a.next:hover {
  background: none no-repeat right center;
}


.nd_con .right {
  width: 4.02rem;
  background-color: #fff;
  float: right;
  position: sticky;
  top: 1.5rem;
}

.nd_con .right .boxs {
  padding: 0.1rem 0 0 0.42rem;
}

.nd_con .right .boxs .box {
  padding: 0.32rem 0.33rem 0.35rem 0;
  border-bottom: 1px solid #ECECEC;
}

.nd_con .right .boxs .box:last-child {
  border-bottom: none;
}

.nd_con .right .boxs .box .day {
  font-family: hm;
  color: #2990CF;
  line-height: 0.2rem;
  margin-bottom: 0.13rem;
}

.nd_con .right .boxs .box .h {
  font-family: hm;
  color: #000000;
  line-height: 0.26rem;
}

.nd_con .right .backs {
  width: 100%;
  background-color: #F3F3F3;
  display: flex;
  justify-content: center;
  padding: 0.28rem 0;
  cursor: pointer;
}

.nd_con .right .backs span {
  display: block;
  font-family: hm;
  color: #333333;
  padding-left: 0.37rem;
  background: url(../images/nl_btn.png)no-repeat left center;
  background-size: 0.29rem auto;
  line-height: 0.24rem;
  transition: all 0.5s;
  position: relative;
}

.nd_con .right .backs span .gif {
  position: absolute;
  left: 0rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.nd_con .right .backs span:hover .gif {
  opacity: 1;
}

.nd_con .right .backs span:hover {
  background: none no-repeat left center;
}

.nd_con .right .backs:hover span {
  color: #2990CF;
}

/* 鏂伴椈璇︽儏 end */

/* 鑱旂郴鎴戜滑 */
.con_con .con1 {
  padding: 0.98rem 0 0.84rem 0;
}

.con_con .con1 .tab {
  display: flex;
  justify-content: center;
  margin-bottom: 1.02rem;
}

.con_con .con1 .tab a {
  width: 3.56rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.22rem;
  line-height: 0.4rem;
  padding: 0.18rem 0;
  border-radius: 0.4rem;
  background-color: #F8F8F8;
  text-align: center;
}

.con_con .con1 .tab a:hover {
  background-color: #2990CF;
}

.con_con .con1 .tab a span {
  display: inline-block;
  color: #000000;
  font-family: gb;
}

.con_con .con1 .tab a:hover span {
  color: #fff;
}

.con_con .con1 .tab a img {
  width: 0.39rem;
  margin-right: 0.18rem;
}

.con_con .con1 .tab a img.img1 {
  display: none;
}

.con_con .con1 .tab a:hover img.img2 {
  display: none;
}

.con_con .con1 .tab a:hover img.img1 {
  display: block;
}

.con_con .con1 .map {
  position: relative;
  margin: 0 9.6vw;
  width: calc(100% - 19.2vw);
}

.con_con .con1 .map>img {
  width: 100%;
}

.con_con .con1 .map .dian_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.con_con .con1 .map .dian_box .dian {
  position: absolute;
  width: 0.78vw;
  height: 0.78vw;
  background-color: #2990CF;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

@keyframes boderM1 {
  0% {
    transform: scale(1.8);
    opacity: 1;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }

}

.con_con .con1 .map .dian_box .dian:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.78vw;
  height: 0.78vw;
  border: 0.01rem solid #2990CF;
  border-radius: 50%;
  animation: boderM1 1.3s linear infinite;
  box-sizing: border-box;
}



.con_con .con1 .map .dian_box .dian:nth-child(1) {
  top: 28%;
  left: 22.7%;
}

.con_con .con1 .map .dian_box .dian:nth-child(2) {
  top: 37%;
  left: 64.6%;
}

.con_con .con1 .map .dian_box .dian:nth-child(3) {
  top: 28.5%;
  left: 74.5%;
}

.con_con .con1 .map .dian_box .dian:nth-child(4) {
  top: 35%;
  left: 76.65%;
}


.con_con .con1 .map .quan {
  position: absolute;
  width: 1px;
  height: 1px;
}

.con_con .con1 .map .quan1 {
  left: 18.2vw;
  top: 14.885vw;
}

.con_con .con1 .map .quan2 {
  left: 45.9vw;
  top: 18.4vw;
}

.con_con .con1 .map .quan3 {
  left: 59.7vw;
  top: 15.7vw;
}

@keyframes cir_out {
  0% {
    width: 0.5vw;
    height: 0.39vw;
    border: 2px solid #ECECEC;
    opacity: 1;
  }

  40% {
    border: 2px solid #ECECEC;
  }

  80% {
    width: 20.4vw;
    height: 15.9vw;
    border: 1px solid #ECECEC;
    opacity: 0.7;
  }

  100% {
    width: 23vw;
    height: 17.92vw;
    border: 1px solid #ECECEC;
    opacity: 0;
  }
}

.con_con .con1 .map .quan .ty {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 9999px;
  animation: cir_out 4.5s linear infinite;
  animation-fill-mode: both;
  border-radius: 50%;
  border: 2px solid #ECECEC;
}

/*.ab3 .map .quan .ty{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:20.4vw;max-width: 9999px;animation: cir_out 5s linear infinite;*/
/*  animation-fill-mode: both;}*/
.con_con .con1 .map .quan .ty:nth-child(1) {
  animation-delay: 1s;
}

.con_con .con1 .map .quan .ty:nth-child(2) {
  animation-delay: 1.3s;
}

.con_con .con1 .map .quan .ty:nth-child(3) {
  animation-delay: 1.6s;
}

.con_con .con1 .map .quan .ty:nth-child(4) {
  animation-delay: 1.9s;
}

.con_con .con1 .map .quan .ty:nth-child(5) {
  animation-delay: 2.2s;
}

.con_con .con1 .map .quan .ty:nth-child(6) {
  animation-delay: 2.5s;
}

.con_con .con1 .map .quan .ty:nth-child(7) {
  animation-delay: 2.8s;
}


.con_con .con1 .list {
  display: flex;
  position: relative;
  z-index: 3;
  background-color: #fff;
  margin: 0 1.85rem;
  width: calc(100% - 3.7rem);
  top: -0.76rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.06);
}

.con_con .con1 .list .item {
  width: calc(100% / 3);
  padding: 0.76rem 0.5rem 0.34rem 0.5rem;
  position: relative;
  transition: all 0.5s;
}

.con_con .con1 .list .item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 1.88rem;
  background-color: #E6E6E6;
  transition: all 0.5s;
}

.con_con .con1 .list .item:last-child:after {
  display: none;
}

.con_con .con1 .list .item .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 0.24rem;
  padding-left: 0.4rem;
  background: url(../images/con1_dz1.png)no-repeat left center;
  background-size: 0.2rem auto;
}

.con_con .con1 .list .item .p {
  font-family: hr;
  line-height: 24px;
  color: #333333;
}

.con_con .con1 .list .item:hover {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.06);
}

.con_con .con1 .list .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background: url('../images/con1_bj.png') no-repeat right bottom;
  background-size: 2.86rem auto;
  transition: all 0.5s;
  opacity: 0;
}

.con_con .con1 .list .item:hover::before {
  opacity: 1;
}



.con_con .con1 .list .item:hover:after {
  opacity: 0;
}

.con_con .con1 .list .item:hover .h {
  background-image: url(../images/con1_dz2.png);
}

.con_con .con2 {
  padding: 1.83rem 1.85rem 1.48rem 1.85rem;
  position: relative;
  z-index: 2;
}

.con_con .con2 .bj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6.9rem;
}

.con_con .con2 .bj img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.con_con .con2 .tit1 {
  position: relative;
  z-index: 2;
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.58rem;
  width: 11.28rem;
  color: #fff;
  margin-bottom: 0.77rem;
}

.con_con .con2 .form {
  position: relative;
  z-index: 2;
  background: url(../images/con2_formbj.png)no-repeat center;
  background-size: cover;
  background-color: #fff;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.06);
  padding: 0.8rem 1.15rem 0.65rem 1.15rem;
}

.con_con .con2 .form .tit2 {
  text-align: center;
}

.con_con .con2 .form .tit2 .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.15rem;
}

.con_con .con2 .form .tit2 .p {
  font-family: hr;
  color: #666666;
  line-height: 0.28rem;
  margin-bottom: 0.74rem;
}

.con_con .con2 .form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con_con .con2 .form form .item {
  width: 5.9rem;
  margin-bottom: 0.47rem;
  border-bottom: 1px solid #E4E4E4;
  position: relative;
  padding: 0 0 0.18rem 0.35rem;
}

.con_con .con2 .form form .item span {
  position: absolute;
  /*bottom: 1.4vw;*/
  display: inline-block;
  line-height: 22px;
  left: 0.22rem;
  color: #D80C1E;
}

.con_con .con2 .form form .item input {
  width: 100%;
  line-height: 22px;
  background: transparent;
  font-size: 14px;
}

.con_con .con2 .form form .item .promt{
    position: absolute;
    top: 100%;
    line-height: 1.5;
    color: #D80C1E;
}

.con_con .con2 .form form .item .promt.error{
    display: block!important;
}

.con_con .con2 .form form .item1 {
  width: 100%;
  border-bottom: none;
  padding: 0;
}

.con_con .con2 .form form .item1 textarea {
  background-color: transparent;
  padding: 0.29rem 0.35rem;
  border: 1px solid #E4E4E4;
  height: 2.2rem;
  font-size: 14px;
}

.con_con .con2 .form form .btn {
  line-height: 0.6rem;
  height: 0.6rem;
  width: 2.4rem;
  border-radius: 0.3rem;
  margin: 0 auto;
}

.con_con .con2 .form form .btn input {
  color: #fff;
  font-family: hm;
  background: url(../images/sol3_btn.png)no-repeat left center;
  background-size: 0.29rem auto;
  padding-left: 0.4rem;
}

.con_con .con2 .form form .btn {
  background-color: #0364B8;
  font-size: 15px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.con_con .con2 .form form .btn .gif {
  position: absolute;
  left: 0.6rem;
  top: 20%;
  height: 60%;
  opacity: 0;
}

.con_con .con2 .form form .btn:hover .gif {
  opacity: 1;
}

.con_con .con2 .form form .btn:hover {
  background: #0364B8;
  transform: scaleX(1.02);
}

.con_con .con2 .form form .btn:hover input {
  background: url(../images/bai.gif)no-repeat left center;
  background-size:auto 60%;
}

/* 鑱旂郴鎴戜滑 end */

/* 鍩哄湴 */
.base_con {
  position: relative;
  height: 260vh;
}

.base1 {
  padding: 0.82rem 3.25rem 0.5rem 3.25rem;
  text-align: center;
}

.base1 .p {
  font-family: hr;
  line-height: 0.32rem;
  color: #333333;
}

.base2 {
  padding-bottom: 7.27rem;
  position: sticky;
  top: 1.3rem;
  padding-top: 0.83rem;
}

/*.base2.show{}*/
/*.base2{padding-bottom: 1.64rem;}*/
.base2 .tit {
  text-align: center;
  color: #000000;
  line-height: 0.52rem;
  font-family: hb;
  /* font-weight: 600; */
  margin-bottom: 0.48rem;
}

.base2 .tab {
  display: flex;
  justify-content: center;
  margin: 0 0.83rem;
  border-bottom: 1px solid #E2E2E2;
opacity:0;transition:all 0.5s;}
.base2.show .tab{opacity: 1;}

.base2 .tab li {
  margin: 0 0.42rem;
  text-align: center;
  display: flex;
  align-items: center;
  padding-bottom: 0.22rem;
  font-family: hr;
  line-height: 0.22rem;
  color: #000000;
  position: relative;
  cursor: pointer;
}

.base2 .tab li.on {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
}

.base2 .tab li.on:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.01rem;
  width: 90%;
  height: 0.02rem;
  transform: translateX(-50%);
  background-color: #2990CF;
}

.base2 .pics_box {
  position: absolute;
  padding-top: 0.48rem;
  bottom: 1.64rem;
  left: 0;
  width: 100%;
  height: 8rem;
  transform: translateY(-10%);
  transition: all 0.8s;
  overflow: hidden;
}

.base2.show .pics_box {
  height: 5.63rem;
  transform: translateY(0%);
}

.base2 .pics {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/*.base2.show .pics{overflow: hidden;}*/
.base2 .pics.sca {
  transform: scale(1.4);
  transition: all 0.8s;
}

.base2.show .pics.sca {
  transform: scale(1);
}

.base2 .pics.ding {
  transition: all 0.5s;
}

.base2 .pics .swiper-slide {
  width: 17.13vw;
  position: relative;
  transition: all 0.5s;
  transform: translateX(-13vw);
  opacity: 0;
  transition: all 0.5s;
}

.base2.show .pics .swiper-slide {
  opacity: 1;
}

/*.base2 .pics .swiper-slide:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.3);backdrop-filter: blur(10px);transition: all 0.5s;}*/
/*.base2.show .pics .swiper-slide:after{opacity:0;}*/
.base2 .pics .swiper-slide-active {
  width: 44.58vw !important;
  transform: translateX(-13vw) scale(1.2);
  z-index: 2;
  opacity: 1 !important;
}

.base2.show .pics .swiper-slide-active {
  transform: translateX(-13vw) scale(1);
}

.base2 .pics .swiper-slide-active:after {
  opacity: 0;
}

.base2 .pics .swiper-slide .pic {
  width: 100%;
  height: 5.15rem;
  position: relative;
}

.base2 .pics .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.base2 .pics .swiper-slide .txt {
  font-family: hm;
  text-align: center;
  color: #fff;
  line-height: 0.4rem;
  position: absolute;
  bottom: 0.48rem;
  left: 0;
  width: 44.58vw;
  opacity: 0;
  transition: all 0.5s;
}

.base2 .pics .swiper-slide-active .txt {
  opacity: 1;
}

/* 鍩哄湴 end */

/* 瑙ｅ喅鏂规 */
/*.sol1{padding: 1.1rem 1.85rem 0.8rem 1.85rem;display: flex;justify-content: space-between;align-items: flex-start;}*/
.sol1 {
  padding: 1.1rem 1.85rem 1.1rem 1.85rem;
  position: relative;
}

.sol1 .left {
  width: 6.75rem;
  float: left;
}

.sol1 .left .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #111111;
  line-height: 0.52rem;
  margin-bottom: 0.25rem;
}

.sol1 .left .p {
  font-family: hr;
  color: #333333;
  line-height: 1.75;
  margin-bottom: 0.25rem;
}

.sol1 .left .h1 {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.26rem;
  margin-bottom: 0.25rem;
}

.sol1 .left ul {
  font-family: hr;
  line-height: 1.75;
}

.sol1 .left ul li {
  color: #333333;
  margin-bottom: 0.24rem;
  width: 4.7rem;
  position: relative;
}

/*.sol1 .left ul li:after{content: "";position: absolute;top: 0.09rem;left: 0;width: 0.06rem;height: 0.06rem;background-color: #CECECE;border-radius: 50%;}*/
.sol1 .right {
  width: 7.25rem;
  float: right;
  position: sticky;
  top: 2.5rem;
}

.sol2 {
  padding: 0.74rem 9.635vw 1.47rem 9.635vw;
  background-color: #F9F9F9;
  margin-bottom: 1.7rem;
}

.sol2 .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.51rem;
}

.sol2 .top .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #111111;
  line-height: 0.52rem;
}

.sol2 .top .btn_box {
  display: flex;
}

.sol2 .top .btn_box>div {
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}

.sol2 .top .btn_box>div:nth-child(1) {
  margin-right: 0.47rem;
}

.sol2 .top .btn_box .prev {
  background: url(../images/sol_prev.png);
  background-size: 100% 100%;
}

.sol2 .top .btn_box .prev:hover {
  background-image: url(../images/sol_prev1.png);
}

.sol2 .top .btn_box .next {
  background: url(../images/sol_next.png);
  background-size: 100% 100%;
}

.sol2 .top .btn_box .next:hover {
  background-image: url(../images/sol_next1.png);
}

.sol2 .bottom {
  position: relative;
  overflow: hidden;
}

.sol2 .bottom .swiper-slide {
  background-color: #fff;
  padding: 1rem 0.46rem 0.72rem 0.46rem;
  position: relative;
}

.sol2 .bottom .swiper-slide:hover {
  background: url(../images/sol2_bj.png)no-repeat right top;
  background-size: 3.3rem auto;
  background-color: #fff;
}

.sol2 .bottom .swiper-slide .pic {
  width: 100%;
  height: 2.1rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.42rem;
}

.sol2 .bottom .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sol2 .bottom .swiper-slide .txt {
  font-family: hb;
  /* font-weight: 600; */
  color: #111111;
  line-height: 0.26rem;
  height: 0.52rem;
  text-align: center;
  transition: all 0.5s;
}

.sol2 .bottom .swiper-slide:hover .txt {
  color: #2990CF;
}

.sol2 .bottom .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 0.03rem;
  background-color: #2990CF;
  transition: all 0.5s;
}

.sol2 .bottom .swiper-slide:hover:after {
  width: 100%;
}

.sol3 {
  padding: 0 0 1.47rem 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.sol3 .pop {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9.9rem;
}

.sol3 .left {
  width: 45vw;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.sol3 .left .swiper-slide {
  position: relative;
  background-color: #fff;
  opacity: 0;
  transition: all 0.5s;
}

.sol3 .left .swiper-slide-active {
  opacity: 1;
}

.sol3 .left .swiper-slide .pic {
  position: relative;
  width: 7.65rem;
  height: 7.95rem;
  overflow: hidden;
}

.sol3 .left .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sol3 .left .swiper-slide .txt {
  position: absolute;
  right: 0;
  width: 4.33rem;
  bottom: 1.65rem;
  padding: 0.4rem 0.6rem;
  height: 2.08rem;
  background-color: #2990CF;
  border-radius: 0.04rem;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
}

.sol3 .left .swiper-slide-active .txt {
  opacity: 1;
}

.sol3 .left .swiper-slide .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.4rem;
  margin-bottom: 0.21rem;
}

.sol3 .left .swiper-slide .txt .solid {
  width: 0.2rem;
  height: 0.03rem;
  background-color: #fff;
}

.sol3 .left .swiper-slide .txt .more {
  position: absolute;
  bottom: 0.35rem;
  right: 0.46rem;
  font-family: hm;
  line-height: 0.26rem;
  padding-left: 0.42rem;
  background: url(../images/sol3_btn.png)no-repeat left center;
  background-size: auto 100%;
}

.sol3 .left .swiper-slide .txt .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.sol3 .left .swiper-slide .txt .more:hover .gif {
  opacity: 1;
}

.sol3 .left .swiper-slide .txt .more:hover {
  background: none;
}

/* 浜у搧鍒楄〃 end */

.sol3 .right {
  width: 52vw;
  position: absolute;
  width: 82.3vw;
  right: 0;
  overflow: hidden;
  padding: 1.18rem 0 1.6rem 0;
}

.sol3 .right .tit {
  margin-left: 5.85rem;
  font-family: hb;
  /* font-weight: 600; */
  color: #111111;
  line-height: 0.52rem;
  margin-bottom: 1.54rem;
}

.sol3 .right .swiper-slide {
  transition: all 0.5s;
  position: relative;
  transform: translateX(-118%)
}

.sol3 .right .swiper-slide-active {
  opacity: 0;
}

.sol3 .right .pic {
  width: 100%;
  height: 3.23rem;
  position: relative;
  overflow: hidden;
}

.sol3 .right .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sol3 .right .txt {
  position: absolute;
  right: -0.4rem;
  bottom: -0.66rem;
  width: 3.8rem;
  height: 1.32rem;
  background-color: #fff;
  padding: 0.26rem 0.55rem;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.06);
}

.sol3 .right .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 0.22rem;
}

.sol3 .right .txt .solid {
  width: 0.2rem;
  height: 0.03rem;
  background-color: #2990CF;
}

.sol3 .right .prev,
.sol3 .right .next {
  position: absolute;
  left: 5.85rem;
  bottom: 0;
  width: 0.48rem;
  height: 0.48rem;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.5s;
}

.sol3 .right .prev {
  background-image: url(../images/sol_prev.png);
}

.sol3 .right .next {
  background-image: url(../images/sol_next.png);
  transform: translateX(150%);
}

.sol3 .right .prev:hover {
  background-image: url(../images/sol_prev1.png);
}

.sol3 .right .next:hover {
  background-image: url(../images/sol_next1.png);
}

.sol4 {
  padding: 0.98rem 1.5rem 1.07rem 1.5rem;
  background: url(../images/sol4_bj.png)no-repeat center;
  background-size: cover;
}

.sol4 .tit {
  text-align: center;
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.87rem;
}

.sol4 form {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 2.4rem;
}

.sol4 form textarea {
  width: 3.63rem;
  line-height: 0.22rem;
  height: 0.6rem;
  font-size: 0.16rem;
  transition: all 0.5s;
  padding: 0.19rem 0.26px 0.19rem 0.26rem;
  background-color: #fff;
  border-radius: 0.3rem;
  font-size: 14px;
}

.sol4 form textarea:focus {
  height: 2.4rem;
}

.sol4 form input {
  width: 4.3rem;
  line-height: 0.22rem;
  padding: 0.19rem 0.26px 0.19rem 0.26rem;
  font-size: 0.16rem;
  background-color: #fff;
  border-radius: 0.3rem;
  font-size: 14px;
}

.sol4 form .btn {
  width: 2.4rem;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 0.3rem;
  color: #fff;
  font-family: hm;
  font-size: 15px;
}

.sol4 form .btn {
  line-height: 0.6rem;
  height: 0.6rem;
  width: 2.4rem;
  border-radius: 0.3rem;
}

.sol4 form .btn input {
  color: #fff;
  width: auto;
  font-family: hm;
  background: url(../images/sol3_btn.png)no-repeat left center;
  background-size: 0.29rem auto;
  padding-left: 0.4rem;
}

.sol4 form .btn {
  background-color: #0364B8;
  font-size: 15px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.sol4 form .btn .gif {
  position: absolute;
  left: 0.66rem;
  top: 20%;
  height: 60%;
  opacity: 0;
}

.sol4 form .btn:hover .gif {
  opacity: 1;
}

.sol4 form .btn:hover {
  background: #0364B8;
  transform: scaleX(1.02);
}

.sol4 form .btn:hover input {
  background: url(../images/bai.gif)no-repeat left center;
  background-size:auto 60%;
}

/*.sol4 form .btn:hover{background:url(../images/bai.gif)no-repeat 24% center;background-size: auto 50%;background-color:#2990CF;}*/
/* 瑙ｅ喅鏂规 end */

/* 棣栭〉 */
.index_con {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/*.index_con.hid{pointer-events: none;}*/

/*.index_con>.swiper-wrapper{transition: 3s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}*/
.index_con>.swiper-wrapper>.swiper-slide {
  height: 100%;
}

.fp-auto-height {
  height: auto !important;
  position: relative;
  z-index: 3;

}


.index_con>.swiper-wrapper>.swiper-slide .banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide {
  height: 100%;
  position: relative;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .pic video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt {
  position: absolute;
  left: 0;
  top: 58.6vh;
  padding-left: 1.85rem;
  color: #fff;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.8rem;
  margin-bottom: 0.24rem;
  font-size: 0.6rem;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .p {
  font-family: hl;
  line-height: 0.4rem;
  font-size: 0.3rem;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab {
  position: absolute;
  bottom: 0.63rem;
  left: 1.85rem;
  width: calc(100% - 3.7rem);
  z-index: 2;
  color: #fff;
  display: flex;
  justify-content: left;

}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item {
  padding-bottom: 0.0rem;
  opacity: 0.4;
  transition: all 0.5s;
  position: relative;
  width: 20%;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item:before{
  content: "";
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 2px; height: 8px;
  background-color: #fff;
}
.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item:last-child:before{display: none;}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.02rem;
  width: 0%;
  background-color: #fff;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item.on:after {
  width: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item.on {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .num {
  line-height: 0.3rem;
  font-family: hr;
  margin-bottom: 0.1rem;
}

.index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .name {
  line-height: 0.26rem;
  font-family: hr;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 {
  padding-top: 1.2rem;
  height: 100%;
  position: relative;
  z-index: 2;
  background:url('../images/qgjcmt.png') no-repeat #FEFEFE;
  background-size: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs {
  padding: 0 1.85rem;
  margin: 0 auto;
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
  align-items: center;
  flex-wrap: wrap;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .abouttxt{ width: 46%;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg{ width: 50%;position: relative; }
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .abouttxt h3{font-size: 0.30rem; color: #313131;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .abouttxt .content{margin: 0.15rem 0; font-size: 0.18rem; line-height: 0.36rem;}
.aboutbd .btn{  float: right; }

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg img{display: block; width: 100%;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .abimg{border: 2px solid #fff; width:calc(100% - 30px);transition: all .3s;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .abimg0{margin-right: 26px; margin-bottom: 26px;
  opacity: 1;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .imgup{top: 0; left: 0; position: absolute; z-index: 1;opacity: 1;padding: 0;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .imgdown{bottom: 0; right: 0; position: absolute; z-index: 0;opacity: .2;padding: 0;}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .imgup.active{top: 26px; left:26px; position: absolute; z-index: 0;opacity: .2;padding: 0;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .imgdown.active{bottom: 26px; right: 26px; position: absolute; z-index: 1;opacity: 1;padding: 0;}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box .img{ width: 100%;  margin-bottom: 0.126rem; }
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box .img img{display: block; margin: 0 auto; text-align: center; max-width:0.6rem; }

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd{width: 100%; display: flex; justify-content: space-between;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box{width: 20%; padding:0.1rem 0.4rem; transition: all 0.3s;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box div.img img:nth-child(2){display: none;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box div.word{text-align: center;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box strong{font-family: AliPuHui; font-weight: bold; font-size: 0.571rem;  }
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box span{ font-size: 0.18rem; line-height: 2; display: block;  }
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box b{ font-size: 0.256rem; line-height: 2; font-weight: 400;  }
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box:hover div.img img:nth-child(1){display: none;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box:hover div.img img:nth-child(2){display: block;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .numbd .box:hover{color: #2990CF;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .pics {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .pics .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .pics .pic.on {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts {
  position: absolute;
  top: 60%;
  left: 1.85rem;
  width: 4.42rem;
  transform: translateY(-50%);
  overflow: hidden;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide {
  color: #fff;
  opacity: 0 !important;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide-active {
  opacity: 1 !important;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.52rem;
  margin-bottom: 0.2rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .solid {
  width: 100%;
  height: 0.01rem;
  position: relative;
  background-color: #FFFFFF;
  margin-bottom: 0.45rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .solid:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.03rem;
  width: 1.28rem;
  background-color: #2990CF;
  transform: translateY(-50%);
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .p {
  font-family: hr;
  line-height: 0.3rem;
  height: 1.8rem;
  font-size: 0.2rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 0.66rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more {
  line-height: 0.34rem;
  font-size: 0.16rem;
  font-family: hm;
  padding-left: 0.54rem;
  padding-right: 0.21rem;
  background: url(../images/ip2_btn.png)no-repeat left;
  background-size: auto 100%;
  display: table;
  position: relative;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.34rem;
  height: 0.34rem;
  border: 0.02rem solid #fff;
  border-radius: 0.17rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more:hover:after {
  width: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more:hover .gif {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more:hover:after {
  opacity: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more:hover {
  background: none;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan {
  position: absolute;
  width: 6.3rem;
  height: 6.3rem;
  right: 3.55rem;
  top: 25vh;
  background: url(../images/ip2_huan.png);
  background-size: 100% 100%;
  transform: scale(0.9);
}


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

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

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

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

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 27.6vw;
  height: 27.6vw;
  background: url(../images/ip2_huan1.png);
  background-size: 100% 100%;
  -webkit-animation: zhuan 12s linear infinite;
  animation: zhuan 12s linear infinite;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box {
  position: absolute;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 10;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1){top: -5vw;right: 14vw;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1) {
  top: -17%;
  right: 40%;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2){top: 10vw;right: -7vw;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) {
  top: 26%;
  right: -20%;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3){top: 32vw;right: -4vw;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3) {
  top: 96%;
  right: -17%;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4){top: 32vw;left: -2vw;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4) {
  top: 96%;
  left: -10%;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5){top: 10vw;left: -4vw;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) {
  top: 26%;
  left: -17%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .icons {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .icon {
  height: 2.1875vw;
  margin: 0 auto;
  display: block;
  margin-bottom: 0.677vw;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .h {
  line-height: 0.24rem;
  font-size: 0.24rem;
  white-space: nowrap;
  text-align: center;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg {
  transform: rotate(-92deg);
  width: 100%;
  height: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg .circle {
  stroke-dasharray: 19.782rem;
  stroke-dashoffset: 19.782rem;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg.svg1 .circle {
  stroke-dashoffset: 15.8256rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg.svg2 .circle {
  stroke-dashoffset: 11.8692rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg.svg3 .circle {
  stroke-dashoffset: 7.6128rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg.svg4 .circle {
  stroke-dashoffset: 3.7564rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg.svg5 .circle {
  stroke-dashoffset: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .dian {
  width: 0.0725rem;
  height: 0.0725rem;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .dian:after {
  content: "";
  position: absolute;
  top: 16%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  background: url(../images/bai1.gif);
  background-size: 100% 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1) {
  width: 1.56rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) {
  width: 0.99rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3) {
  width: 4rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4) {
  width: 2.8rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) {
  width: 0.79rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1) .dian {
  top: 136%;
  left: 53%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) .dian {
  top: 60%;
  left: -46.5%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3) .dian {
  top: -47%;
  left: 40.5%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4) .dian {
  top: -66%;
  left: 62%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) .dian {
  top: 46%;
  left: 164.5%;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box.on .dian{background-color:transparent;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box.on .dian:after {
  width: 0.55rem;
  height: 0.55rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 {
  padding-top: 0rem;
  background: url(../images/ip3_bj.png)no-repeat center ;
  background-size: cover;
  height: 100%;
  position: relative;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs {
  /*padding: 0 9.6vw;*/
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box{width: 25%;height: 100%;padding: 1.06rem 0.33rem 0 0.33rem;position: relative;z-index: 2;}*/
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box {
  width: 25%;
  height: 100%;
  padding: 1.06rem 0.6rem 0 0.6rem;
  position: relative;
  z-index: 2;
  background-color: #000;
}


  /*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:nth-child(1) .bj {*/
/*  -webkit-clip-path: url(#button-clip1);*/
/*  clip-path: url(#button-clip1);*/
/*}*/

/*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:nth-child(2) .bj {*/
/*  -webkit-clip-path: url(#button-clip2);*/
/*  clip-path: url(#button-clip2);*/
/*}*/

/*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:nth-child(3) .bj {*/
/*  -webkit-clip-path: url(#button-clip3);*/
/*  clip-path: url(#button-clip3);*/
/*}*/

/*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:nth-child(4) .bj {*/
/*  -webkit-clip-path: url(#button-clip4);*/
/*  clip-path: url(#button-clip4);*/
/*}*/


.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .bj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  z-index: -1;
  transition: all 0.5s;
  opacity: .9;
  transition: background-size 1s;
  background-size: auto 100%;
}



@media (max-width: 639px) {
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .bj{  background-size: auto auto;}
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .bj {
  opacity: 0.5;background-size: auto 110%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h1 {
  font-size: 0.22rem;
  line-height: 0.34rem;
  color: #fff;
  margin-bottom: 0.4rem;
  height: 0.63rem;
  opacity: 0;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .h1 {
  height: 0.46rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .h1 {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon_h {
  margin-bottom: 0.3rem;transition: all 0.3s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .icon_h {
  margin-bottom: 0.4rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .iconrbt a{transition: all 0.3s;}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .iconrbt a{font-weight: bold;}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon_h i{font-size: 0.7rem;color:#fff;transition: all 0.5s;}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .icon_h i{font-size: .7rem;}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon_h img {
  height: 0.65rem;
  transform: scale(1);
  transition: all 1.5s;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .icon_h img {
  transform: scale(1);
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon_h .img2 {
  display: none;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .icon_h .img1 {
  display: none;
}


.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .icon_h .img2 {
  display: block;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h2 {
  font-size: 0.25rem;
  /* font-weight: 600; */
  font-family:AliPuHui;
  color: #fff;
  line-height: 0.4rem;
  margin-bottom: 0.13rem;
  transition: all 0.3s;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .en {
  font-size: 0.144rem;
  color: #fff;
  line-height: 0.19rem;
  margin-bottom: 0.37rem;
  transition: all 0.3s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .h2 {
  font-size: 0.35rem; font-weight: bold;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .en {
  font-size: 0.168rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .h2 {
  color: #fff;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .solid {
  width: 0.33rem;
  height: 0.03rem;
  border-radius: 0rem;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.2rem;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .solid {
  width: 0.86rem;
  background-color:#e98863;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box{transition: all 0.3s;}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p {
  color: #fff;
  line-height: 0.24rem;
  margin-bottom: 0.55rem;
  font-size: 0.16rem;
  transition: all 0.5s;
  height: 0rem;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*-webkit-line-clamp: 5;*/
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  opacity: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p p{
  margin-bottom: 0.12rem;position: relative; padding-left: 0.15rem;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p p::before{
  content: '';position: absolute;left:0; top: 9px; color: #fff; background-color: #fff;width: 4px;
  height: 4px;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .p {
  color: rgba(255, 255, 255, 1);  height: 1.5rem;opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .day {
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0.8rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .day .num1 {
  font-family: gb;
  font-size: 0.36rem;
  color: #2990CF;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .day .num2 {
  font-family: gb;
  color: rgba(62, 58, 57, 0.33);
  margin-left: 0.1rem;
  font-size: 0.18rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .day .num1 {
  color: #fff;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box:hover .day .num2 {
  color: rgba(255, 255, 255, 0.33);
}

.index_con>.swiper-wrapper>.swiper-slide .i_part4 {}


.index_con>.swiper-wrapper>.swiper-slide .i_part5 {
  padding-top: 1rem;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url(../images/home_pro_bg.jpg) no-repeat #FEFEFE center center;
      background-size:  cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .boxs {
  padding: 0 1.85rem;
  margin: 0 auto;
  height: 100%;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .mask {
  position: absolute;
  top: 42%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 1;
  object-fit: cover;
  z-index: 5;
  transition: all 0.5s;
  opacity: 0.7;
}

.index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .mask {
  top: 54%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(10);
  transition: all 2.3s 0.7s;
  pointer-events: none;
}

.index_con>.swiper-wrapper>.swiper-slide>.tit5 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.76rem;
  text-align: center;
  z-index: 20;
  transition: all 0.5s;
  pointer-events: none;
}

.index_con>.swiper-wrapper>.swiper-slide-active>.tit5 {
  opacity: 0;
  transition: all 0.5s 1.1s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .pics {
  opacity: 1;
  transition: all 2.3s 0.7s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide {
  height: 100vh;
  position: relative;
  background: no-repeat center;
  background-size: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt {
  position: absolute;
  top: 25.65vh;
  left: 1.85rem;
  width: 9.7rem;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .pics .swiper-slide .txt {
  opacity: 1;
  transition: all 0.5s 1s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.64rem;
  margin-bottom: 0.3rem;
  /*height: 1.28rem;*/
  /*text-overflow: -o-ellipsis-lastline;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 2;*/
  /*-webkit-box-orient: vertical;*/
  font-size: 0.46rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .p {
  font-family: hr;
  line-height: 0.36rem;
  margin-bottom: 0.8rem;
  height: 1.44rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 0.24rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .more {
  padding-left: 0.47rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
  background: url(../images/ip5_more.png)no-repeat left center;
  background-size: auto 0.3rem;
  font-family: hm;
  position: relative;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .more:hover .gif {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .more:hover {
  background: none;
}


.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 1.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 2;
  overflow: hidden;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
}

.index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .tab {
  opacity: 1;
  transition: all 0.5s 3s;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide {
  padding: 0.33rem 0.7rem 0.32rem 0.52rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.5s;
  opacity: 0.5;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide-thumb-active {
  opacity: 1;
  background: url(../images/ip5_bj.png)no-repeat center;
  background-size: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .num {
  font-family: gb;
  line-height: 0.2rem;
  margin-bottom: 0.16rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.32rem;
  margin-bottom: 0.12rem;
  height: 0.32rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 0.24rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .p {
  font-size: 0.16rem;
  font-family: hr;
  line-height: 0.24rem;
  height: 0.48rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part7 {
  position: absolute;
  top: 0;
  padding-top: 2rem;
  left: 0;
  width: 100%;
  height: 100%;
 background: url("../images/map.png") no-repeat center center; 
  background-size: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs {
padding: 0 1.85rem;
    margin: 0 auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}


.n_hezuo_box_list{ float: left; width: 660px; margin-top: 90px; margin-right: 80px;  }
.n_hezuo_box_list h1{ font-size: 0.4rem;
    font-weight: 400;
    color: #2990CF;
    position: relative;
    padding-bottom: 0.128rem;
    margin-bottom: 0.1rem;
	 text-align: right;}
.n_hezuo_box_list h2{ width: 50px; height: 2px; background: #E98863; margin: 10px 0; text-align: right; float: right; }
.n_hezuo_box_list span{font-size: 0.250rem;
    color: #999;
    font-weight: normal;padding-left:0.213rem;
}

@media (max-width:1023px) {



.n_hezuo_box_list{ float: none; width: 100%; margin-top: 20px; margin-right: 0;  }
.n_hezuo_box_list h1{ font-size: 16px; text-align: center; line-height:28px; color: #006DB8; }
.n_hezuo_box_list h2{ width: 30px; height: 1px;  margin: 10px auto; text-align: center; float: none;}
.n_hezuo_box_list p{ font-size: 14px; text-align: center; line-height:24px;  }
}





#n_partnersI { width: 100%;clear: both; margin-top:3%; }
#n_partnersI .links li{width:calc(16% - 2px) ;height:auto;position: relative; text-align:center; background:none;margin:1% 2%; border: 1px solid #ccc; border-radius: 10px; float:left; background: #fff; overflow: hidden;}
#n_partnersI .links li img{ max-width: 90%; display: block; margin: 0 auto; }
#n_partnersI .links li:hover{ background: #fff; }
#n_partnersI .links li:hover img{transform: scale(1.1);transition: all 300ms ease-in-out 0s; }
#n_partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background:#E98863;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#n_partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 0;width: 180px;font-size: 14px;left: 50%;margin-left: -90px;line-height: 141px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#n_partnersI .links li:hover .fontW{opacity: 1;display:block\9; border-radius: 8px; }
#n_partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}
@media (max-width: 639px) {

#n_partnersI {padding-left:0px;}
#n_partnersI .links li{width:42%;height:auto !important; margin:1% 4%;}
#n_partnersI .links li img{ width:100%; height:auto !important;}
#n_partnersI .links li .fontW{width: 100%;height: 100%;}
#n_partnersI .links li .fontW span{top:30px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}

}
@media (min-width: 640px) and (max-width:1023px ) {

#n_partnersI {padding-left:0px; clear:both; width:100%;}
#n_partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#n_partnersI .links li img{ width:100%; height:auto !important;}
#n_partnersI .links li .fontW{width: 100%;height: 100%;}
#n_partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 {
  position: absolute;
  top: 0;
 
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.85rem;
 padding-top: 1.3rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .boxs {
  margin: 0 auto;
  height: auto;
  width: 100%;
}
.index_con>.swiper-wrapper>.swiper-slide .i_part6 .boxs .titc{margin-bottom: 0.6rem;}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide {
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  padding: 34.9vh 0 0 1.85rem;
  position: relative;
  z-index: 2;
  
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide .txt {
  width: 6.15rem;
  color: #fff;
  line-height: 0.62rem;
  font-family: hb;
  /* font-weight: 600; */
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination {
  position: absolute;
  left: 1.85rem;
  width: auto;
  bottom: 24vh;
  color: #ffffff;
  font-family: hb;
  /* font-weight: 600; */
  font-size: 0.24rem;
  line-height: 0.32rem;
  display: flex;
  align-items: center;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination .swiper-pagination-current {
  font-size: 0.54rem;
  line-height: 0.72rem;
  margin-right: 0.18rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination .swiper-pagination-total {
  margin-left: 0.08rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 {
  position: absolute;
  padding-left: 2px;
  bottom: 0;
  right: 0;
  width: 36.875vw;
  height: calc(100% - 6.354vw);
  overflow: hidden;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  /*padding: 0.3rem 2rem 0 0.43rem;*/
  padding: 0 2rem 0 0.43rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0;
  transform: translateX(-50%);
  width: 0.04rem;
  height: 0.34rem;
  background-color: #2990CF;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .h {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.34rem;
  margin-bottom: 0.11rem;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .p {
  font-family: hr;
  line-height: 0.3rem;
  margin-bottom: 0.2rem;
  height: 0.6rem;
  font-size: 0.16rem;
  overflow: hidden;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more {
  color: #fff;
  opacity: 0;
}

/*.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more{padding-left: 0.25rem;background: url(../images/ip6_icon.png)no-repeat left center;background-size: 0.2rem auto;color:#fff;opacity:0;}*/

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more {
  padding-left: 0.47rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
  background: url(../images/ip5_more.png)no-repeat left center;
  background-size: auto 0.3rem;
  font-family: hm;
  position: relative;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more:hover .gif {
  opacity: 1;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .more:hover {
  background: none;
}


.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide-active {
  background: url(../images/ip6_bj.png)no-repeat center;
  background-size: cover;
}

.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide-active .more {
  opacity: 1;
}


.index_con .i_page {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0.11rem;
  width: 70px;
  text-align: center;
  z-index: 99;
}

.index_con .i_page.hid {
  display: none;
}

.index_con .i_page li {
  margin: 0.26rem 0;
  cursor: pointer;
}

.index_con .i_page li .dian {
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 0 auto;
}

.index_con .i_page.show li .dian {
  background-color: rgba(0, 0, 0, 0.2);
}

.index_con .i_page li .txt {
  font-family: hm;
  line-height: 0.2rem;
  color: #ffffff;
  display: none;
}

.index_con .i_page.show li .txt {
  color: #2990CF;
}

.index_con .i_page li.on .txt {
  display: inline-block;
  text-align: center;
}

.index_con .i_page li.on .dian {
  display: none;
}

/* 棣栭〉 end */

/* 鎶€鏈� */
.tec1 {
  position: relative;
  padding-top: 1.2rem;
}

.tec1_m {
  display: none;
}

.tec1 .pics {
  float: left;
  width: 49.88vw;
  position: sticky;
  top: 1.22rem;
  overflow: hidden;
}

.tec1 .pics .swiper-slide {
  height: calc(100vh - 1rem);
  padding-right: 1rem;
  opacity: 0;
  transition: all 0.5s;
}

.tec1 .pics .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tec1 .pics .swiper-slide-active {
  opacity: 1;
}


@keyframes top {
  0% {
    bottom: 0.44rem;
  }

  100% {
    bottom: 0.5rem;
  }
}

.tec1 .process {
  position: absolute;
  bottom: 0.5rem;
  left: 46.5vw;
  animation: top 1s ease-in-out infinite;

}

.tec1 .svg-swiper-pagination {
  top: 7rem;
  bottom: auto;
  width: 0.06rem;
  left: 45.5vw;
  z-index: 10;
}

.tec1 .svg-swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
  width: 0.05rem;
  height: 0.05rem;
  outline: none;
  margin: 0.14rem 0;
  position: relative;
}

.tec1 .svg-swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #2990CF;
  border-radius: 50%;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  transform: translate(-50%, -50%);
}

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

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

.tec1 .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {}

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

.tec1 .svg-swiper-pagination .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.17rem;
  height: 0.17rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  display: block;
}

.tec1 .svg-swiper-pagination .circle1 {
  stroke: transparent;
}

.tec1 .svg-swiper-pagination .circle2 {
  stroke: #2990CF;
  stroke-dasharray: 0 339;
}

.tec1 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;
  }
}


.tec1 .txts {
  width: 9.3rem;
  float: right;
  padding-top: 1.2rem;
}

/*.tec1 .txts .txt{height: calc(100vh - 1.2rem);padding-right: 1.85rem; display: flex;*/
.tec1 .txts .txt {
  padding-right: 1.1rem;
  display: flex;
  /*align-items: center;*/
  padding-top: 1.54rem;
  padding-bottom: 1rem;
  background: url(../images/tec1_bj.png)no-repeat right bottom;
  background-size: 7.9rem 3rem;
}



.tec1 .txts .txt .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.32rem;
}

/*.tec1 .txts .txt .p{font-family: hr;line-height: 0.3rem;color: #333333;height:3rem;overflow:auto;}*/
.tec1 .txts .txt .p {
  font-family: hr;
  line-height: 1.75;
  color: #333333;
}

.tec1 .txts .txt .p::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.tec1 .txts .txt .p::-webkit-scrollbar-thumb {
  background: #2990CF;
}

.tec1 .txts .txt .p::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

.tec2 {
  margin-top: 2.4rem;
  position: relative;
  height: 420vh;
}

.tec2 .pic {
  height: calc(100vh - 1.2rem);
  width: 8.5rem;
  position: sticky;
  top: 1.2rem;
  float: left;
}

.tec2 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tec2 .right {
  width: 9.6rem;
  position: sticky;
  top: 1.2rem;
  float: right;
  padding-top: 1rem;
  height: calc(100vh - 1.2rem);
}

.tec2 .right .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.56rem;
}

.tec2 .right .boxs {
  width: 100vw;
  padding-top: 0.86rem;
  padding-bottom: 0.3rem;
  padding-left: calc(100vw - 9.6rem);
  position: absolute;
  top: 1.6rem;
  right: 0;
  overflow: hidden;
}

.tec2 .right .boxs .list {
  display: flex;
  width: 25.2rem;
  position: relative;
  left: 0;
}

.tec2 .right .boxs .list .box {
  display: block;
  width: 4.2rem;
  margin-right: 0.3rem;
  background-color: #FFFFFF;
  border-radius: 0.04rem;
  box-shadow: 0.1rem 0.07rem 0.27rem rgba(0, 0, 0, 0.17);
  padding: 0.36rem 0.44rem 0.7rem 0.44rem;
  position: relative;
}

.tec2 .right .boxs .list .box .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.4rem;
  margin-bottom: 0.28rem;
}

.tec2 .right .boxs .list .box .solid {
  width: 0.2rem;
  height: 0.03rem;
  background-color: #2990CF;
  margin-bottom: 0.2rem;
}

.tec2 .right .boxs .list .box .p {
  font-family: hr;
  line-height: 0.27rem;
  color: #333333;
  height: 2.16rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.tec2 .right .boxs .list .box:last-child {
  margin-right: 0;
}

.tec2 .right .boxs .list .box .page {
  position: absolute;
  left: 0.5rem;
  bottom: 0.3rem;
  font-family: hr;
  color: #CCCCCC;
  line-height: 0.24rem;
  display: flex;
  align-items: center;
}

.tec2 .right .boxs .list .box .page span {
  font-family: hb;
  /* font-weight: 600; */
  color: #2990CF;
  margin-right: 0.08rem;
}

.tec3 {
  padding: 1.85rem 0 1.85rem 0;
  display: flex;
  justify-content: center;
  background-color: #2990CF;
  overflow: hidden;
}

.tec3 .con_m {
  display: none;
}

.tec3 .box {
  width: 5.33rem;
  margin: 0 0.5rem;
  height: 6.6rem;
  display: flex;
  align-items: center;
}

.tec3 .box>div {
  width: 100%;
}

.tec3 .box .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #ffffff;
  line-height: .4rem;
  margin-bottom: 1.14rem;
  text-align: center;
  height: 0;
  opacity: 0;
}

.tec3 .box .p {
  font-family: hr;
  line-height: 26px;
  max-height: 234px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  color: #333333;
  margin-bottom: 0.35rem;
  display: none;
}

.tec3 .box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0 0.55rem;
  border-radius: 0.1rem;
}

.tec3 .box .icon {
  width: 2.25rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}

.tec3 .box .jt {
  width: 0.4rem;
  margin: 0 auto;
}

.tec3 .box.act .h {
  display: none;
}

.tec3 .box.act {
  background-color: #fff;
  padding: 0 0.55rem;
  border-radius: 0.1rem;
}

.tec3 .box.act .icon {
  width: 2.25rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}

.tec3 .box img {
  width: 0.4rem;
  margin: 0 auto;
}

.tec3 .box.act .comm_img {
  display: none;
}

.tec3 .box.act .act_img {
  display: block;
}

.tec3 .box .act_img {
  display: none;
}


.tec4 {
  padding: 1.02rem 2.78rem 1.2rem 2.78rem;
  position: relative;
}

.tec4 .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.4rem;
  margin-bottom: 0.44rem;
  text-align: center;
}

.tec4 .con {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tec4 .con .pics {
  width: 35.4vw;
  height: 23.96vw;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
}

.tec4 .con .pics .swiper-slide {
  height: 4.32rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100% !important;
}

/*.tec4 .con .pics .swiper-slide img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}*/
.tec4 .con .pics .swiper-slide .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.tec4 .con .txts {
  width: 30.47vw;
  position: relative;
  overflow: hidden;
  height: 20.96vw;
}

.tec4 .con .txts:after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: -1%;
  width: 102%;
  height: 1.2rem;
  background: url(../images/tec4_yy.png);
  background-size: 100% 100%;
  z-index: 3;
}

.tec4 .con .txts .h {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.4rem;
  margin-bottom: 0.2rem;
}

.tec4 .con .txts .p {
  font-family: hr;
  color: #333333;
  line-height: 27px;
  height: 162px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.tec4 .con .txts .swiper-slide {
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tec4 .con .txts .swiper-slide-prev {
  opacity: 0;
}

.tec4 .svg-swiper-pagination {
  bottom: 1.2rem;
  width: 0.06rem;
  left: calc(2.78rem + 36.5vw);
  z-index: 10;
}

.tec4 .svg-swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
  width: 0.05rem;
  height: 0.05rem;
  outline: none;
  margin: 0.14rem 0;
  position: relative;
}

.tec4 .svg-swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #2990CF;
  border-radius: 50%;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  transform: translate(-50%, -50%);
}

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

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

.tec4 .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {}

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

.tec4 .svg-swiper-pagination .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.17rem;
  height: 0.17rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  display: block;
}

.tec4 .svg-swiper-pagination .circle1 {
  stroke: transparent;
}

.tec4 .svg-swiper-pagination .circle2 {
  stroke: #2990CF;
  stroke-dasharray: 0 339;
}

.tec4 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;
  }
}

.tec5 {
  padding: 1rem 1.2rem;
  background-color: #FBFBFB;
}

.tec5 .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  text-align: center;
  line-height: 0.52rem;
  margin-bottom: 0.59rem;
}

.tec5 .tab_box {
  display: flex;
  justify-content: center;
  margin-bottom: 0.77rem;
}

.tec5 .tab_box .box {
  width: 2.85rem;
  line-height: 0.64rem;
  border-radius: 0.32rem;
  background-color: #fff;
  box-shadow: 0 0.03rem 0.4rem rgba(0, 0, 0, 0.05);
  text-align: center;
  margin: 0 0.34rem;
  font-family: hm;
  color: #777777;
  cursor: pointer;
  transition: all 0.5s;
}

.tec5 .tab_box .box {
  width: 4rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  background-color: #fff;
  box-shadow: 0 0.03rem 0.4rem rgba(0, 0, 0, 0.05);
  text-align: center;
  margin: 0 0.34rem;
  font-family: hm;
  color: #777777;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 0.26rem;
   font-weight: 600; 
}

.tec5 .tab_box .box.on {
  color: #fff;
  background-color: #2990CF;
}

.tec5 .con {
  position: relative;
  overflow: hidden;
  display: none;
  padding-bottom: 1.13rem;
}

.tec5 .con.on {
  display: block;
}

.tec5 .con.remove .swiper-wrapper {
  justify-content: center;
}

.tec5 .con .swiper-slide {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}

.tec5 .con .swiper-slide .pics1 {
  position: relative;
  width: 100%;
  height: 5.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
  opacity: 1;
  transition: all 0.5s;
}

/*.tec5 .con .swiper-slide:hover .pics1{opacity: 0;}*/
.tec5 .con .swiper-slide .pics1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tec5 .con .swiper-slide .pics1 .h {
  position: absolute;
  left: 0;
  bottom: 0.52rem;
  text-align: center;
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.4rem;
  color: #fff;
  text-align: center;
  width: 100%;
}

.tec5 .con .swiper-slide:hover .pics1 .h {
  opacity: 0;
}

.tec5 .con .swiper-slide .pics2 {
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: all 0.5s;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 100, 180, 0.6);
  border-radius: 0.1rem;
  padding: 0.34rem 0.6rem 0.44rem 0.6rem;
}

.tec5 .con .swiper-slide:hover .pics2 {
  top: 0;
  opacity: 1;
}

.tec5 .con .swiper-slide .pics2 .pic {
  width: 100%;
  height: 3.46rem;
  position: relative;
  margin-bottom: 0.17rem;
  display: none;
}

.tec5 .con .swiper-slide .pics2 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tec5 .con .swiper-slide .pics2 .h1 {
  font-family: hb;
  /* font-weight: 600; */
  line-height: 0.4rem;
  color: #fff;
  margin-bottom: 0.2rem;
}

.tec5 .con .swiper-slide .pics2 .p {
  font-family: hr;
  line-height: 1.6;
  color: #fff;
  height:20vw;overflow:auto;padding-right:0.5vw;
}

/* 婊氬姩鏉℃牱寮� */
.tec5 .con .swiper-slide .pics2 .p::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.tec5 .con .swiper-slide .pics2 .p::-webkit-scrollbar-thumb {
  background: #2990CF;
}

.tec5 .con .swiper-slide .pics2 .p::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.4);
}

.tec5 .con .swiper-slide .pics2 .p span {
  color: #ffffff;
  text-decoration: underline;
}

.tec5 .con .swiper-slide .pics2 .p a {
  color: #ffffff;
  text-decoration: underline;
}

.tec5 .con .prev,
.tec5 .con .next {
  width: 0.46rem;
  height: 0.46rem;
  position: absolute;
  background-size: 100% 100%;
  transition: all 0.5s;
  bottom: 0.1rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  cursor: pointer;
}

.tec5 .con .prev {
  left: 50%;
  transform: translateX(-130%);
  background-image: url(../images/tec5_prev.png);
}

.tec5 .con .next {
  right: 50%;
  transform: translateX(130%);
  background-image: url(../images/tec5_next.png);
}

.tec5 .con .prev:hover {
  background-image: url(../images/tec5_prev1.png);
}

.tec5 .con .next:hover {
  background-image: url(../images/tec5_next1.png);
}

/* 鎶€鏈� end */

/* 浜у搧鍒楄〃 */
.pl_con {
  padding: 0.82rem 1.85rem;
  min-height: 90vh;
  position: relative;
}

.pl_con .left {
  float: left;
  width: 3.2rem;
  position: sticky;
  top: 1.5rem;
}

.pl_con .left .tit {
  font-family: hb;
  /* font-weight: 600; */
  color: #000000;
  line-height: 0.52rem;
  margin-bottom: 0.8rem;
}

.pl_con .left .tip {
  font-size: 0.18rem;
  font-family: hm;
  line-height: 1.33;
}

.pl_con .left .tip span {
  color: #0082E6;
}

.pl_con .left .list {
  position: relative;
}

.pl_con .left .list .solid {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.07);
}

.pl_con .left .list .solid .solid1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0px;
  background-color: #2990CF;
  transition: all 0.5s;
}

.pl_con .left .pl_nav {
  margin-bottom: 0.37rem;
  padding-left: 0.46rem;
}

.pl_con .left .pl_nav:last-child {
  display: none;
}

.pl_con .left .pl_nav>li:nth-child(1) {
  font-family: hm;
  line-height: 0.34rem;
  position: relative;
}

.pl_con .left .pl_nav>li:nth-child(1)>a {
  color: #111111;
}

.pl_con .left .pl_nav>li:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: -0.46rem;
  transform: translateX(-50%);
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #2990CF;
}

.pl_con .left .pl_nav>li:nth-child(1).on::before {
  width: 0.28rem;
  height: 0.28rem;
  border: 0.04rem solid #2990CF;
  background-color: #fff;
  top: 0.05rem;
}

.pl_con .left .pl_nav>li:nth-child(1).on>a {
  color: #2990CF;
}

.pl_con .right {
  width: 11.15rem;
  float: right;
  padding-top: 0.26rem
}

.pl_con .left .pl_nav>li .pl_nav1 {
  padding-top: 0.24rem;
  display: none;
}

.pl_con .left .pl_nav>li.on .pl_nav1 {
  display: block;
}

.pl_con .left .pl_nav>li .pl_nav1 a {
  display: block;
  color: #111111;
  font-family: hm;
  line-height: 0.2rem;
  margin-bottom: 0.18rem;
}

.pl_con .left .pl_nav>li .pl_nav1 .third a {
  display: block;
  color: #666;
  font-family: hr;
  line-height: 1.3;
  margin-bottom: 0.1rem;
  padding-left: 0.2rem;
}

.pl_con .left .pl_nav>li .pl_nav1 .third a.on {
  color: #2990CF;
}

.pl_con .left .pl_nav>li .pl_nav1 a:hover {
  color: #2990CF;
}

.pl_con .left .pl_nav>li .pl_nav1 li.on>a {
  color: #2990CF;
}

.pl_con .right form {
  position: relative;
}

.pl_con .right form input {
  padding-left: 0.6rem;
  background: url(../images/pl_ser.png)no-repeat left center;
  background-size: auto 0.2rem;
  line-height: 0.52rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  width: 100%;
  margin-bottom: 0.58rem;
  font-family: hm;
}
.pl_con .right form input::-webkit-input-placeholder {
  color: #C9C9C9;
}

.pl_con .right .p1 {
  font-family: hr;
  color: #C9C9C9;
  line-height: 0.2rem;
  margin-bottom: 0.88rem;
}

.pl_con .right form .txt {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 0.6rem);
  color: #C9C9C9;
  line-height: 0.52rem;
  pointer-events: none;
}

.pl_con .right form .txt {
  color: #C9C9C9;
}

/*.pl_con .right form .txt span{color: #2990CF;}*/
/*.pl_con .right form .txt span:last-child{color:#F44336;}*/
.pl_con .right form .txt.hide {
  opacity: 0;
}

.pl_con .right .p1 span {
  color: #666666;
}

.pl_con .right .p1 span span {
  color: #2990CF;
}

.pl_con .right .boxs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pl_con .right .boxs:after {
  content: "";
  width: 3.44rem;
  height: 1px;
}

.pl_con .right .boxs .box {
  display: block;
  width: 3.44rem;
  padding: 0.49rem 0.2rem 0.48rem 0.2rem;
  text-align: center;
  position: relative;
  transition: all 0.5s;
}

.pl_con .right .boxs .box:hover {
  box-shadow: 0 0 0.66rem rgba(0, 0, 0, 0.06);
}

.pl_con .right .boxs .box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.4rem;
  width: calc(100% - 0.8rem);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.09);
}

.pl_con .right .boxs .box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.03rem;
  background-color: #2990CF;
  transition: all 0.5s;
}

.pl_con .right .boxs .box:hover::after {
  width: 100%;
}

.pl_con .right .boxs .box .h {
  font-family: hm;
  color: #000000;
  line-height: 0.32rem;
  height: 0.64rem;
  margin: 0.18rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}

.pl_con .right .boxs .box:hover .h {
  color: #2990CF;
}

.pl_con .right .boxs .box .pic {
  width: 100%;
  height: 2.1rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.48rem;
}

.pl_con .right .boxs .box .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pl_con .right .boxs .box .more {
  display: inline-block;
  padding-left: 0.4rem;
  font-family: hm;
  color: #000000;
  line-height: 0.26rem;
  background: url(../images/nl_btn.png)no-repeat left center;
  background-size: auto 0.26rem;
  position: relative;
}

.pl_con .right .boxs .box .more .gif {
  position: absolute;
  left: 0.1rem;
  top: 0;
  height: 100%;
  opacity: 0;
}

.pl_con .right .boxs .box .more:hover .gif {
  opacity: 1;
}

.pl_con .right .boxs .box .more:hover {
  background: none;
}

/* 浜у搧鍒楄〃 end */


.cookie-page01 {
  padding: 36px 24px 24px;
  background-color: #2b2b2b;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 6;
  width: 100%;
  color: #eaeaea;
  transform: translateY(100%);
  opacity: 0;
  transition: transform .3s, opacity .3s;
  z-index: 999;
}

.cookie-page01.show {
  transform: translateY(0);
  opacity: 1
}

.cookie-page01 .content {
  text-align: center;
  line-height: 1.5;
}

.cookie-page01 .content a {
  color: #0364B8
}

.cookie-page01 .content a:hover {
  color: #0056b3;
  text-decoration: underline
}

.cookie-page01 .accept {
  width: 100px;
  line-height: 32px;
  border-radius: 16px;
  background-color: #0364B8;
  text-align: center;
  font-size: 16px;
  /* font-weight: 600; */
  margin: 16px auto 0;
  cursor: pointer;
  transition: background-color .3s
}

.cookie-page01 .accept:hover {
  background-color: #1770FE
}

.footer {

}


.page-footer {
	background:url(../images/foot_bg.jpg) no-repeat center bottom #181818;
	background-size: cover;
	position: relative;
	z-index: 2;
	padding: 0.3rem 0;

}



.page-footer dl {
	float: left;
	width:12%;
	line-height: 2;
	padding: 0 1%;
	box-sizing: border-box;
}

.page-footer dl:nth-child(1) { min-width:26%; }

.page-footer dl dt {
	font-size:0.2rem;
	padding: 0.1rem 0;
	font-weight: 400;
	color: #Fff;
	opacity: 1;
	
}
.page-footer dl dd img{max-width: 100%;}


.page-footer dl dd a,.page-footer dl dd { opacity:0.9;color: #fff;padding:0;
	font-size:0.18rem;
	line-height: 2;position: relative; }
.page-footer dl dd:hover{ opacity: 1;color: #fff;  }
.page-footer dl dt a{ opacity: .9;color: #fff;}


@media screen and (max-width:1023px) {
.page-footer { display:none;}
}



.foot_bottom{ background: #001c47; clear: both;width: 100%; padding: 0.1rem 0; text-align: center;}
.foot_bottom p{ color: #Fff; opacity:0.8;font-size:0.18rem;line-height: 2;}

.dibu_liucheng{ float: left; width: 15%; margin-right:2%;margin-top:3%; }
.dibu_liucheng h1{ font-size:0.4rem; color: #636363; font-weight: 400;padding-bottom: 0.128rem;
   }
.dibu_liucheng p{font-size: 0.2rem;
    color: #ccc;

    font-weight: normal;
    width: 100%;
    text-align: left; opacity:1; line-height: 1.5;}



.company01{  margin-top:1%; text-align:center; overflow:hidden; float: right;width: 83%;}
.company01 li{float:left; width:14%; margin: 0 0.1%;}
.company01 li div img{ max-width: 50%; display: block; text-align: center; margin: 0 auto; 
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.company01 li:hover div img{transform: rotateY(180deg); }
.company01 li p{font-size:0.18rem; color:#666; opacity:1;  text-align: center; line-height: 2.5; padding-top: 10px;}

@media (max-width: 639px) {
.footer_liucheng{padding:0.2rem 0.185rem;}
.dibu_liucheng{float: none;width: 100%;margin-right: 0;}
.dibu_liucheng h1{font-size: 0.3rem;}
.company01{float: none;width: 100%;}
.company01 li{ width: 23%;margin: 10px 1%;}
.foot_bottom{padding: 10px 0;}
.foot_bottom p{line-height: 2;}
}

.j-submit{ width: 1.8rem;height: 0.6rem;line-height: 2; text-align: center; border: none; background: #2b57a1;color: #fff;font-size: 0.18rem; margin-top: 0.3rem; }
.j-submit:hover{background: #ff0000;color: #fff;}

#slideBox {width:100%;overflow:hidden; margin:0px auto 0px auto; padding-top: .3rem;}
#slideBox .J_fl{float: none; width:100%;}
#slideBox .J_slide_trigger {float: none; width:100%; margin-top:0px;}
#slideBox .J_slide_trigger li {float:left; width: 16%; position: relative; z-index: 3; margin:0 0.2%; _display:inline;}
#slideBox .J_slide_trigger li a {display:block;width: 100%;font-size: 0.156rem; position: relative; z-index: 2;  }
#slideBox .J_slide_trigger li.cur a, .J_slide_trigger li a:hover,#slideBox .J_slide_trigger li a {color:#111;text-decoration:none; }
#slideBox .J_slide_trigger li a.currclass {color: #2B92D0;  }
#slideBox .J_slide_trigger li a:before{position: absolute; content: "";background:url(../images/circle20.png) no-repeat center center;background-size:contain;left:50%; top:50%; width: 120px; height: 120px;
  -webkit-animation: circleBeforeAni 7s linear infinite;
    animation: circleBeforeAni 7s linear infinite; opacity: 0; z-index: -1;}
#slideBox .J_slide_trigger li.cur a:before, #slideBox .J_slide_trigger li a:hover::before, #slideBox .J_slide_trigger li.currclass a:hover::before{opacity: 1;z-index: -1;}





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



#slideBox .J_slide_trigger li img{ width: 100%; display: block; margin: 0 auto; }
#slideBox .J_slide_trigger li strong{z-index:4;font-size:0.18rem; font-weight:400; width: 100%; display: block; line-height: 2.8; text-align: center;}

#slideBox .J_slide_trigger li span img{ max-width:30%;}

#slideBox .J_slide_list {width:100%;  float:none;}



.J_slide_clip{ min-height: 700px;}

.J_slide_item { width:100vw;  float:none;  margin-top: 0.5rem; overflow: hidden; }

.txt5_left { width: 45%; margin-left: 2%;  float: left;}
.txt5_right { width: 35%;  float: left; }



@media screen and (min-width:1919px) {
.txt5_right { width:35%;  float: left; }

}


.txt5_right img{max-width: 100%; }
.txt5_left h1{ line-height:2; text-align:left; padding:0 0 10px 0; width:100%; color:#333; font-size:0.3rem;font-weight: 700;  }
.txt5_left p{ line-height:2; text-align:left; padding:0 0; width:100%; color:#333; font-size:0.18rem;line-height: 2;
   /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden; */
  }
.J_slide_item a.more {
   font-size: 0.18rem;
       padding: 0.2rem 0;
       border-radius: 5px;
       color: #333;
       transition: all 0.3s;
       border: 1px solid #333;
	   margin-top:0.3rem;
	   clear: both;
	   display: block;
	  width: 1.8rem;
	  text-align: center;
	   }
	
.J_slide_item a:hover.more{ background:#E98863; border:1px solid #E98863; color:#fff; }




@media screen and (max-width:639px) {
#slideBox .J_slide_trigger li a:before{width: 100px;height:100px;}
#slideBox .J_slide_trigger li{ width: 31.33%;margin: 10px 1%;}
.J_slide_item{width: 96vw;margin-top: 0.10rem;}
.txt5_left h1{ padding-bottom:0;}
.txt5_left{ width: 100%;margin-left: 0; float: none;}
.txt5_right{ width: 100%; float: none;}
.J_slide_item a.more{margin-top: 0.1rem;}
}




.section6 .w1170{

    margin: 0 auto;
    height: 100%;
    position: relative;
    overflow: hidden;
    align-items: center;

	 }

.section6 .items {
  display: block;
  width: auto;
  margin: 0 5%;
  color: rgba(0, 0, 0, 1);
}
.section6 .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.section6 .items .time {
  line-height: 1;
  margin-bottom: 0.3rem;
}
.section6 .items .images {
  height: auto;
  overflow: hidden;
}
.section6 .items .images img {
  transition: .5s ease-in-out;
  width: 100%;
}
.section6 .items .words {
  margin-top: 33px;
  border-top: 1px solid rgba(0, 0, 0, .2);
  padding-top: 28px;
  box-sizing: border-box;
}
.section6 .items .words .t0 {
  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}




.section6 .items .words .t1 {
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top:0.125rem;
  font-size: .18rem;
  color: #666;
}

	@media screen and (max-width:639px) {
.section6 .items .words .t0 {
  display: block;
  -webkit-box-orient: auto;
  -webkit-line-clamp: auto;
  overflow: auto;
  line-height: 2;
}


.section6 .items .words .t1 {

  -webkit-line-clamp: 4;

}




}




.section6 .swiper-button-prev, .section6 .swiper-button-next {
  background: transparent;
}

.swiper-box .swiper-button-prev, .swiper-box .swiper-button-next {
  width: 40px;
  height: 40px;
  background: #333;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  transition: .5s ease-in-out;
  color: #4d4d4d;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  display: none;
}
.swiper-box .swiper-button-prev.animate, .swiper-box .swiper-button-next.animate {
  transition: .5s ease-in-out;
    opacity: 1;
}
.swiper-box .swiper-button-prev:hover, .swiper-box .swiper-button-next:hover {
  color: #333;
  background: #E98863;
  transition: .5s ease-in-out;
}
.swiper-box .swiper-button-prev {
  left: -65px;
}
.swiper-box .swiper-button-next {
  right: -65px;
}





.fix-box {
  position: fixed;
  right: 60px;
  top: 80%;
  display: none;
  /*transform: translateY(-50%);*/
  z-index: 99;
}

.fix-box .box {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  transition: all .4s;
}

.fix-box .box img {
  filter: brightness(0.5);
}

.fix-box .box:hover {
  background-color: #2990CF;
}

.fix-box .box:hover img {
  filter: initial;
}

.fix-box .box img {
  max-width: 60%;
  max-height: 60%;
  object-fit: contain;
}

.fix-box .back-top {
  margin-bottom: 16px;
}



/*@media screen and (min-width: 1930px) {*/
/*    html{font-size: 120px!important;}*/
/*}*/
@media screen and (min-width:1930px) and (max-width:6000px) {
    .tec3 .box .p{
        line-height: 36px;
    }
}
@media screen and (min-width:1900px) and (max-width:6000px) {
    .index_con .i_page{width: 100px;}
}
@media screen and (min-width:2300px) and (min-width:6000px) {
  html {
    font-size: 135px !important;
  }
}

@media screen and (min-width:1900px) and (min-width:2300px) {
  html {
    font-size: 130px !important;
  }
}

@media screen and (min-width:1900px) and (min-width:1930px) {

  .footer .f_top .f_nav ul li a,
  .footer .f_bottom {
    font-size: 0.14rem;
  }

  .footer .f_top .f_nav ul li:nth-child(1) a {
    font-size: 0.16rem;
  }

  .ab1 .top .t_right .p {
    line-height: 0.26rem;
  }

  .ab2 .right .p {
    line-height: 0.32rem;
  }
}

@media screen and (min-width:1900px) and (max-width:1930px) {
  html {
    font-size: 100px !important;
  }
}

@media screen and (min-width:1650px) and (max-width:1680px) {
  html {
    font-size: 80px !important;
  }
}

@media screen and (min-width:1400px) and (max-width:1440px) {
  html {
    font-size: 70px !important;
  }

  .cookie-page01 {
    padding: 24px 20px 20px;
    font-size: 13px
  }

  .cookie-page01 .accept {
    width: 90px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px
  }



}

@media screen and (min-width:1320px) and (max-width:1360px) {
  html {
    font-size: 65px !important;
  }
}

@media screen and (min-width:1230px) and (max-width:1280px) {
  html {
    font-size: 60px !important;
  }
}

@media screen and (max-width: 1680px) {
  .f_12 {
    font-size: 12px;
  }

  .f_13 {
    font-size: 12px;
  }

  .f_14 {
    font-size: 14px;
  }

  .f_15 {
    font-size: 13px;
  }

  .f_16 {
    font-size: 15px;
  }

  .f_18 {
    font-size: 16px;
  }

  .f_20 {
    font-size: 16px;
  }

  .f_21 {
    font-size: 18px;
  }

  .f_22 {
    font-size: 18px;
  }

  .f_24 {
    font-size: 18px;
  }

  
  .f_28 {
    font-size: 22px;
  }

  .f_30 {
    font-size: 24px;
  }

  .f_32 {
    font-size: 22px;
  }

  .f_34 {
    font-size: 26px;
  }

  .f_35 {
    font-size: 30px;
  }

  .f_36 {
    font-size: 30px;
  }

  .f_38 {
    font-size: 32px;
  }

  .f_40 {
    font-size: 33px;
  }

  .f_42 {
    font-size: 34px;
  }

  .f_44 {
    font-size: 36px;
  }

  .f_45 {
    font-size: 36px;
  }

  .f_46 {
    font-size: 36px;
  }

  .f_48 {
    font-size: 38px;
  }

  .f_50 {
    font-size: 40px;
  }

  .f_52 {
    font-size: 40px;
  }

  .f_55 {
    font-size: 42px;
  }

  .f_56 {
    font-size: 42px;
  }

  .f_60 {
    font-size: 44px;
  }

  .f_66 {
    font-size: 48px;
  }

  .f_68 {
    font-size: 48px;
  }

  .f_80 {
    font-size: 56px;
  }

  .f_90 {
    font-size: 60px;
  }

  .f_100 {
    font-size: 72px;
  }

  .f_112 {
    font-size: 80px;
  }

  .f_122 {
    font-size: 90px;
  }
  .header .right .lag ul{width: calc(100% + 0.98rem);    transform: translateX(-0.48rem);}
}

@media screen and (max-width: 1440px) {
  .f_155 {
    font-size: 100px;
  }

  .f_122 {
    font-size: 70px;
  }

  .f_100 {
    font-size: 60px;
  }

  .f_56 {
    font-size: 36px;
  }

  .f_52 {
    font-size: 36px;
  }

  .f_50 {
    font-size: 34px;
  }

  .f_48 {
    font-size: 30px;
  }

  .f_46 {
    font-size: 30px;
  }

  .f_42 {
    font-size: 30px;
  }

  .f_36 {
    font-size: 26px;
  }

  .f_30 {
    font-size: 20px;
  }

  .f_24 {
    font-size: 18px;
  }

  .f_22 {
    font-size: 15px;
  }

  .f_20 {
    font-size: 15px;
  }

  .f_18 {
    font-size: 15px;
  }

  .f_16 {
    font-size: 14px;
  }

  .pl_con .right form .txt {
    font-size: 14px;
  }

  .header .right .nav a {
    font-size: 14px;
  }

  .header .right .nav>li>ul a {
    font-size: 13px;
  }

  /*.index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p{line-height: 22px;height: 110px;}*/
  /*.index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .h{line-height: 24px;height: 48px;}*/
  /*.index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .p{line-height: 22px;height: 44px;}*/
  .footer .f_top .h,
  .footer .f_top .h1 {
    line-height: 18px;
  }

  .footer .f_top .f_nav ul li a,
  .footer .f_bottom {
    font-size: 13px;
  }

  .ab2 .right .p {
    line-height: 26px;
    font-size: 14px;
  }

  .ab1 .top .t_right .p {
    line-height: 26px;
    font-size: 14px;
  }

  .con_con .con1 .list .item .p {
    line-height: 20px;
  }

  .con_con .con2 .form form .item input {
    font-size: 14px;
  }

  .con_con .con2 .form form .item1 textarea {
    font-size: 14px;
  }

  .con_con .con2 .form form .btn {
    font-size: 14px;
  }

  .sol4 form textarea,
  .sol4 form input,
  .sol4 form .btn {
    font-size: 14px;
  }

  .sol4 form input {
    width: 4.5rem;
  }

  .tec2 .right .boxs .list .box .p {
    line-height: 24px;
    height: 212px;
  }

  .tec4 .con .txts .p {
    line-height: 24px;
    height: 144px;
  }

  /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .p{line-height: 24px;height: 144px;}*/
  /*.index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .p{line-height: 16px;height: 48px;}*/
  .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan {
    transform: scale(0.8);
  }

  .ab2 .left {
    height: 6.8rem;
  }
  .tec5 .con .swiper-slide .pics2 .p{}
  

}

@media screen and (max-width: 1360px) {
  .header .right .nav>li {
    margin-right: 0.4rem;
  }

.header .right .nav header li{ margin-right: 0.4rem;}
  .pd_page .right .tlist .titem .con {
    font-size: 12px;
  }
}

@media screen and (max-width: 1290px) { 

  /*html{font-size: 66.6px!important;}*/
  /*.con_con .con1 .map .dian_box .dian:nth-child(2){top: 13.3vw;left: 45.9vw;}*/
  /*.con_con .con1 .map .dian_box .dian:nth-child(3){top: 10vw;left: 59.25vw;}*/
  /*.con_con .con1 .map .dian_box .dian:nth-child(4){top: 13vw;left: 61.85vw;}*/
  /*.index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .p{line-height: 0.26rem;height: 0.52rem;}*/
  .footer .f_top .f_nav ul {
    margin-right: 1rem;
  }

  .ab2 .left {
      height: 7.6rem;
  }
  .tec2 .right .boxs .list .box .p{font-size: 13px;}
  
  
}

@media screen and (max-width: 1024px) {

    .tec1 .txts .txt .h,
    .tec2 .right .tit {
      line-height: 1.3;
    }

    .tec2 .right .boxs {
      top: 2.6rem;
    }

    .tec2 .right .boxs .list .box .h {
      line-height: 1.3;
    }

    .tec2 .right .boxs .list .box .p {
      line-height: 18px;
      height: 144px;
    }

    .tec2 {
      margin-top: 50px;
      height: auto;
      padding: 50px 20px;
    }

    .tec2 .pic {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .tec2 .pic img {
      height: auto;
    }

    .tec2 .right {
      position: static;
      width: 100%;
      float: none;
      height: auto;
    }

    .tec2 .right .tit {
      position: relative;
      color: #fff;
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 30px;
    }

    .tec2 .right .boxs {
      position: static;
      padding-left: 0;
      width: 100%;
      padding-top: 0;
      overflow: initial;
    }

    .tec2 .right .boxs .list {
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-between;
      position: static;
    }

    .tec2 .right .boxs .list .box {
      width: 48%;
      margin-bottom: 10px;
      margin-right: 0;
    }

    .f_60 {
      font-size: 34px;
    }

    .f_50 {
      font-size: 32px;
    }

    .f_44 {
      font-size: 30px;
    }

    .f_40 {
      font-size: 28px;
    }

   

    .header {
      padding: 0 0.85rem;
    }

    .header .right .nav a {
      font-size: 12px;
    }

    .header .right .lag .h {
      font-size: 12px;
    }

    .header .right .lag ul {
      width: calc(100% + 0.8rem);
      transform: translateX(-0.4rem);
    }

    .header .right .contact {
      font-size: 12px;
    }

    .footer .f_top {
      padding: 0.78rem 0.85rem 0.91rem 0.85rem;
    }

    .footer .f_top .f_nav ul {
      margin-right: 0.4rem;
    }

    .footer .f_top .f_nav ul li a,
    .footer .f_bottom {
      font-size: 12px;
    }

    .footer .f_top .f_nav ul li a {
      line-height: 16px;
    }

    .footer .f_bottom {
      padding: 0.4rem 0.85rem;
    }

    .ny_banner .txt .h {
      line-height: 38px;
    }

    .ny_banner .txt .p {
      line-height: 18px;
    }

    .ab1 {
      padding: 0.95rem 0.85rem 0.88rem 0.85rem;
    }

    .ab1 .top .t_right .h2 {
      font-size: 14px;
      line-height: 22px;
    }

    .ab1 .top .t_right .p {
      font-size: 13px;
      line-height: 21px;
    }

    .ab2 {
      padding: 0 0.85rem 1.5rem 0.85rem;
    }

    .ab2 .left {
      width: 6.27rem;
    }

    .ab2 .right {
      width: 10.26rem;
    }

    .ab2 .right .p {
      font-size: 13px;
      line-height: 21px;
    }

    .ab2 .right .num_box {
      flex-wrap: wrap;
    }

    .ab2 .right .num_box .box {
      width: 50%;
      margin-bottom: 12px;
    }

    .ab2 .right .num_box .num {
      font-size: 30px;
    }
    
    .ab1 .top .t_right .num_box{flex-wrap: wrap;}
    .ab1 .top .t_right .num_box .box{width: 50%;margin-bottom:12px;}
    .ab1 .top .t_right .num_box .num{font-size: 30px;}

    .ab3s {
      height: auto;
    }

    .ab3 .right .pic3 {
      top: 0.5rem;
    }

    .ab3 .right .con .h {
      line-height: 34px;
    }

    .ab3 .right .con .list .item .h1 {
      font-size: 14px;
      line-height: 18px;
    }

    .ab3 .right .con .list .item .p {
      font-size: 14px;
      line-height: 18px;
    }

    .ab4 {
      height: 72vw;
    }

    .ab4 .top .h {
      line-height: 34px;
    }

    .ab4 .top .p {
      font-size: 13px;
      line-height: 30px;
    }

    .ab4 .top .list .item {
      width: 4.5rem;
    }

    .ab4 .top .list .item .p1 {
      font-size: 12px;
      line-height: 1.3;
    }

    .f_40 {
      line-height: 34px;
    }

    .ab5 .tab {
      padding: 0 3.1rem 0.3rem 3.1rem;
    }

    .ab5 .top .p {
      line-height: 24px;
    }

    .ab5 .con .right .con1 .box .txt {
      font-size: 14px;
      line-height: 20px;
      height: 60px;
    }

    .ab5 .con .left .swiper-slide {
      padding: 0 .5rem 0 1.4rem;
    }

    .ab5 .con .left .swiper-slide:after {
      top: -9%;
    }

    .ab5 .con .left .swiper-slide .p1 {
      font-size: 14px;
      line-height: 20px;
    }

    .base1 {
      padding: 0.82rem 2rem 0.5rem 2rem;
    }

    .base1 .p {
      font-size: 12px;
      line-height: 20px;
    }

    .base_con {
      height: auto;
    }

    .base2 .tab {
      font-size: 12px;
    }

    .base2 .pics_box {
      transform: translateY(0);
      height: auto;
    }

    .base2 .pics.sca {
      transform: scale(1);
      position: relative;
    }

    .base2 .pics .swiper-slide {
      opacity: 1;
      transform: translateX(-14vw);
    }

    .base2 .pics .swiper-slide-active {
      transform: translateX(-14vw) scale(1);
    }

    .con_con .con1 .tab a {
      width: 5rem;
    }

    .con_con .con1 .map {
      margin: 0 6vw;
      width: calc(100% - 12vw);
    }

    .con_con .con1 .list {
      margin: 0 0.85rem;
      width: calc(100% - 1.7rem);
    }

    .con_con .con1 .list .item .h {
      font-size: 14px;
    }

    .con_con .con1 .list .item .p {
      font-size: 12px;
      line-height: 18px;
    }

    .con_con .con2 .tit1 {
      line-height: 32px;
    }

    .con_con .con2 .form .tit2 .h {
      line-height: 32px;
    }

    .con_con .con2 .form .tit2 .p {
      font-size: 14px;
      line-height: 22px;
    }

    .con_con .con2 .form form .btn {
      width: 2.8rem;
    }

    .nl_con .boxs .box .txt .day {
      line-height: 20px;
    }

    .nl_con .boxs .box .txt .h {
      line-height: 24px;
      height: 24px;
    }

    .nl_con .boxs .box .txt .p {
      font-size: 13px;
      line-height: 21px;
      height: 42px;
    }

    .nl_con .boxs .box .pic {
      height: 4.1rem;
    }

    .nd_con .left .con {
      font-size: 12px;
      line-height: 20px;
    }

    .nd_con .right .boxs .box .h {
      font-size: 12px;
      line-height: 20px;
    }

    .nd_con .right .backs {
      font-size: 13px;
      line-height: 21px;
    }

    .nd_con .left .bottom a.next {
      padding-right: 0.6rem;
      font-size: 12px;
      line-height: 16px;
      height: 16px;
    }

    .nd_con .left .bottom a.prev {
      padding-left: 0.6rem;
      font-size: 12px;
      line-height: 16px;
      height: 16px;
    }

    .esg1 .txt {
      padding-top: 0;
    }

    .esg1 .txt .h {
      line-height: 32px;
    }

    .esg1 .txt .p {
      font-size: 12px;
      line-height: 20px;
    }

    .esg2 .txt {
      padding-top: 0;
    }

    .esg2 .txt .h {
      line-height: 32px;
    }

    .esg2 .txt .p {
      font-size: 12px;
      line-height: 20px;
    }

    .esg3 .txt .h {
      line-height: 32px;
    }

    .esg3 .txt .p {
      font-size: 12px;
      line-height: 20px;
    }

    .esg4 {
      align-items: flex-start;
    }

    .esg4 .txt .h {
      line-height: 32px;
    }

    .esg4 .txt .p {
      font-size: 12px;
      line-height: 20px;
    }

    .tec1 .pics .swiper-slide {
      height: calc(70vw - 1rem);
    }

    .tec1 .txts .txt {
      padding-top: 0.3rem;
    }

    .tec3 .box {
      height: 7.6rem;
    }

    .tec3 .box .p {
      font-size: 12px;
      line-height: 16px;
      max-height: 3.5rem;
    }

    .tec3 .box {
      width: 42%;
    }

    .tec4 .tit {
      line-height: 32px;
    }

    .tec4 .con .txts .h {
      font-size: 18px;
      line-height: 24px;
    }

    .tec4 .con .txts .p {
      font-size: 12px;
      line-height: 20px;
    }

    .tec5 .con .swiper-slide .pics1 .h {
      font-size: 16px;
      line-height: 20px;
    }

    .tec5 .con .swiper-slide .pics2 .h1 {
      font-size: 16px;
      line-height: 20px;
    }

    .tec5 .con .swiper-slide .pics2 .p {
      font-size: 12px;
      line-height: 20px;
      height: 200px;
    }

    .sol1 {
      padding: 1.1rem 0.85rem 1.1rem 0.85rem;
    }

    .sol1 .left .tit {
      line-height: 32px;
    }

    .sol1 .left .p {
      font-size: 12px;
      line-height: 20px;
    }

    .sol1 .left ul {
      font-size: 12px;
      line-height: 20px;
    }

    .sol2 {
      padding: 0.74rem 3.635vw 1.47rem 3.635vw;
    }

    .sol2 .top .h {
      line-height: 32px;
    }

    .sol2 .bottom .swiper-slide .pic {
      height: 27vw;
    }

    .sol3 .left .swiper-slide .txt .h {
      font-size: 14px;
      line-height: 18px;
    }

    .sol3 .right .txt {
      padding: 0.26rem 0.35rem;
      width: 4.8rem;
    }

    .sol3 .right .txt .h {
      font-size: 13px;
      line-height: 17px;
    }

    .sol3 .left .swiper-slide .txt .more {
      font-size: 12px;
      line-height: 20px;
      padding-left: 0.62rem;
    }

    .sd_con {
      padding: 1.5rem 1.85rem 0;
    }

    .sd_con .left .title {
      font-size: 18px;
      line-height: 24px;
    }

    .sd_con .left .feat {
      font-size: 13px;
      line-height: 17px;
    }

    .sol4 {
      padding: 0.98rem 0.5rem 1.07rem 0.5rem;
    }

    .sol4 form textarea,
    .sol4 form input,
    .sol4 form .btn {
      font-size: 11px;
    }

    .pl_con {
      min-height: 70vw;
    }

    .pl_con .left .tit {
      line-height: 32px;
      margin-bottom: 26px;
    }

    .pl_con .left .pl_nav {
      font-size: 14px;
      line-height: 18px;
    }

    .pl_con .left .pl_nav>li:nth-child(1) {
      line-height: 18px;
    }

    .pl_con .left .pl_nav>li .pl_nav1 a {
      font-size: 12px;
      line-height: 16px;
    }

    .pl_con .right .boxs .box .h {
      font-size: 16px;
      line-height: 20px;
      height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .h {
      font-size: 34px;
      line-height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .p {
      font-size: 20px;
      line-height: 24px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .num {
      line-height: 19px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .name {
      line-height: 19px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 {
      padding-top: 20vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts {
      position: static;
      transform: translateY(0);
      width: 100%;
      padding: 1rem 0.85rem 2rem 0.85rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .h {
      font-size: 28px;
      line-height: 32px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .p {
      font-size: 14px;
      line-height: 22px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan {
      position: relative;
      top: 0;
      left: 0;
      height: 8.3rem;
      width: 8.3rem;
      transform: scale(1);
      margin: 0 auto;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .icon {
      height: 4.2vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box {
      width: 25vw !important;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .dian {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1) {
      width: 2.56rem;
      top: -23%;
      right: 22%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) {
      right: -41.5%;
      width: 1.8rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) .dian {
      left: 24.5%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3) {
      right: -19%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4) {
      left: -21%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) {
      left: -40.5%;
      width: 1.2rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) .dian {
      left: 75%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .h {
      font-size: 18px;
      line-height: 24px;
      white-space: initial;
      text-align: center;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs>.swiper-wrapper {
      flex-wrap: wrap;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box {
      width: 50% !important;
      height: 50%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h1 {
      font-size: 15px;
      line-height: 19px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h2 {
      font-size: 15px;
      line-height: 19px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p {
      font-size: 12px;
      line-height: 16px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon img {
      height: 1.2rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .mask {
      top: 50%;
    }

    .index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .mask {
      top: 50%;
      height: 100%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .h {
      font-size: 24px;
      line-height: 38px;
      height: 79px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .p {
      font-size: 14px;
      line-height: 22px;
      height: 66px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .num {
      font-size: 12px;
      line-height: 16px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .h {
      font-size: 16px;
      line-height: 20px;
      height: 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .p {
      font-size: 13px;
      line-height: 17px;
      height: 51px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide .txt {
      width: 70%;
      font-size: 30px;
      line-height: 34px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination {
      font-size: 24px;
      line-height: 28px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination .swiper-pagination-current {
      font-size: 32px;
      line-height: 36px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 {
      left: 0;
      bottom: 50px;
      padding-left: 30px;
      width: 100%;
      height: auto
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide {
      padding: 16px 22px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .h {
      line-height: 20px;
      font-size: 14px;
      height: 20px;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 .swiper-slide .p {
      font-size: 12px;
      line-height: 20px;
      height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination {
      font-size: 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 {
      padding: 34vw 1.85rem 0 1.85rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top {
      line-height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top .btn_box .btn {
      font-size: 12px;
      line-height: 26px;
      border-radius: 13px;
      padding: 0 12px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box {
      width: 50%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box:nth-child(3) {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .day {
      line-height: 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .h {
      font-size: 14px;
      line-height: 22px;
      height: 44px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .p {
      font-size: 12px;
      line-height: 20px;
      height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .pic {
      height: 26vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top {
      margin-bottom: 0.7rem;
    }


    .ab4 .top .list .item {
      width: 50%;
      margin: 0;
      padding: 0 10px;
    }

    .pl_con .right form .txt {
      font-size: 10px;
    }

    .ab2 .bj {
      display: none;
    }

    .sol2 .bottom .swiper-slide .pic img {
      object-fit: contain;
    }

    .fix-box {
      right: 20px;
    }

    .fix-box .box {
      width: 30px;
      height: 30px;
    }

  }

  @media screen and (max-width: 768px) {
    .f_112 {
      font-size: 70px;
    }

    .f_100 {
      font-size: 50px;
    }

    .f_66 {
      font-size: 40px;
    }

    .f_56 {
      font-size: 32px;
    }

    .f_52 {
      font-size: 30px;
    }

    .f_50 {
      font-size: 30px;
    }

    .f_48 {
      font-size: 24px;
    }

    .f_46 {
      font-size: 23px;
    }

    .f_44 {
      font-size: 28px;
    }

    .f_42 {
      font-size: 26px;
    }

    .f_40 {
      font-size: 26px;
    }

    .f_36 {
      font-size: 24px;
    }

    .f_32 {
      font-size: 22px;
    }

    .f_30 {
      font-size: 20px;
    }

    .f_24 {
      font-size: 18px;
    }

    .f_20 {
      font-size: 14px;
    }

    .f_18 {
      font-size: 14px;
    }

    .f_16 {
      font-size: 14px;
    }

    html {
      font-size: 60px !important;
    }

    .header {
      display: none;
    }

    .m_header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      padding: 5px 2%;
      z-index: 98;
	  box-sizing: border-box;
	  
    }

    .m_header .mh_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
	  position: relative;
    }

    .m_header .mh_top>div {
      align-items: center;
    }

    .m_header .mh_top>div .h_btn {
      width: 1.95rem;
      line-height: 0.58rem;
      text-align: center;
      border: 1px solid #000000;
      font-size: 0.24rem;
      margin-right: 0.44rem;
    }

    .m_header .logo img {
      width: 220px;
    }

    .m_header .btn {
      display: block;
    }

    .m_header .btn {

      cursor: pointer;
      height: 37px;

	  position: absolute;
	  right: 10px;
	  top: 0.3rem;
    }

    .m_header .btn.hide {
      opacity: 0;
    }

    .m_header .btn span {
      display: block;
      width: 22px;
      height: 1px;
      background-color: #333;
      border-radius: 1px;
      transition: all 0.3s;
    }

    .m_header .btn span:nth-child(1) {
      transform: translate(0, -8px);
    }

  
    .m_header .btn span:nth-child(3) {
      transform: translate(0px, 8px);
    }

    .m_header .btn:hover span:nth-child(1) {
      transform: translate(0, -8px);
    }

    .m_header .btn:hover span:nth-child(2) {
      transform: translate(0, 0);
      width: 22px;
    }

    .m_header .btn:hover span:nth-child(3) {
      transform: translate(0, 8px);
    }

    .m_header {
      display: block;
    }

    .mh_nav {
      display: block;
    }

    .mh_nav {
      position: fixed;
      top: 0;
      left: 10%;
      width: 90%;
      transform: translateX(120%);
      z-index: 999;
      background-color: #fff;
      height: 100vh;
      overflow: auto;
      padding: 50px 25px;
      transition: all 0.5s;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    }

    .mh_nav.show {
      transform: translateX(0);
    }

    .mh_nav .close {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 20px;
      height: 20px;
    }

    .mh_nav .nav>li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      position: relative;
    }

    .mh_nav .nav>li .h {
      padding-right: 40px;
    }

    .mh_nav .nav>li .h>a {
      line-height: 3.5;
      font-size: 0.24rem;
      font-family: hm;
    }
    .mh_nav .nav>li:nth-child(1)>.h>a{display:block;}

    .mh_nav .nav>li:nth-child(2):after,
    .mh_nav .nav>li:nth-child(3):after,
    .mh_nav .nav>li:nth-child(5):after,
    .mh_nav .nav>li:nth-child(4):after,
    .mh_nav .nav>li:nth-child(6):after,
    .mh_nav .nav>li:nth-child(7):after {
      content: "";
      position: absolute;
      right: 0;
      top: 18px;
      transition: all 0.5s;
      width: 12px;
      height: 12px;
      background: url(../images/hl_jt.png)no-repeat center;
    }

    .mh_nav .nav>li.on:after {
      transform: rotate(90deg);
    }

    /*.mh_nav .nav>li:first-child:after{display: none;}*/
    .mh_nav .nav>li .nav1 {
      padding:0 10px;
      line-height: 2.5;
      display: none;
      font-size: .18px;
      font-family: hm;
    }
    .mh_nav .nav>li .nav1 a{display: block;}

    .mh_nav .nav>li .nav2 {
      font-size: 13px;
      padding-left: 16px;
      font-family: hr;
    }

    .mh_nav .nav>li .nav2 .third_item>a {
      font-size: 13px;
      padding-left: 16px;
      font-family: hr;
      display: block;
    }

    .mh_nav .nav>li .nav2 .fourth>a {
      font-size: 13px;
      padding-left: 32px;
      font-family: hr;
      display: block;
    }

    .footer .f_top {
      display: none;
    }

    .footer .f_bottom {
      padding: 20px;
      display: block;
      text-align: center;
      line-height: 1.5;
    }

    .footer .f_bottom .right {
      justify-content: center;
    }

    .index_con .i_page {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt {
      top: 36vh;
      padding: 0 7px;
      text-align: center;
      width: 100%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .h {
      font-size: 25px;
      line-height: 34px;
      margin-bottom: 14px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .swiper-slide .txt .p {
      font-size: 15px;
      line-height: 21px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab {
      justify-content: center;
      border-bottom: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .num {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item .name {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item {
      padding: 0;
      width: 8px;
      height: 8px;
      background-color: #fff;
      opacity: 0.5;
      border-radius: 4px;
      margin: 0 4px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item:after {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .banner .tab .item.on {
      width: 18px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 {
      padding-top: 8vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts {
      padding: 1rem 20px 0 20px;
      padding-bottom: 30px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan {
      height: 50vw;
      width: 50vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .h {
      font-size: 14px;
      line-height: 18px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box {
      width: 80% !important;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1) {
      right: 10%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5) {
      left: -60.5%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2) {
      right: -60.5%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4) {
      left: -38%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3) {
      right: -38%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan:after {
      width: 2.5rem;
      height: 2.5rem;
    }

    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan{position: relative;top: 0;left: 0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts{position: static;width: 100%;transform: translateY(0);padding:0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide{padding: 0 20px;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .h{font-size: 23px;line-height: 30px;margin-bottom: 13px;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;height: 40vh;margin-top: 15vw;background: url(../images/ip2_huanm.png)no-repeat center;background-size: 0 auto;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan:after{top:28%;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box{ transform: translate(-50%,-50%);width: 50%;padding: 0 20px;text-align: center;margin: 20px 0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(1){top: 0;right: auto;left:50%;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(2){top: 0;right: 0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(3){top: 0;right: 0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(4){top: 0;left: 0;}*/
    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box:nth-child(5){top: 0;left: 0;}*/

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 {
      padding-top: 0;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs {
      padding: 57px 0 0 0;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box {
      padding: 30px 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .bj {
      opacity: 0.9;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon .img2 {
      display: block;
      height: 50px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .icon .img1 {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h1 {
      opacity: 1;
      font-size: 23px;
      line-height: 31px;
      margin-bottom: 30px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .h2 {
      font-size: 20px;
      line-height: 26px;
      color: #fff;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .solid {
      background-color: #fff;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .p {
      color: #fff;
      font-size: 13px;
      line-height: 21px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .day .num2 {
      color: rgba(255, 255, 255, 0.5);
    }

    .index_con>.swiper-wrapper>.swiper-slide-active .i_part5 {
      -webkit-mask-image: none;
	  padding-top: 1.3rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide>.tit5 {
      display: none;
    }

    /* .index_con>.swiper-wrapper>.swiper-slide .i_part5{} */
    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide {
      padding: 28vw 20px 0 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt {
      position: static;
      width: 100%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab {
      padding: 0 0 54px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      opacity: 1;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide {
      padding: 12px 20px 20px 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .h {
      font-size: 14px;
      line-height: 20px;
      height: 40px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .tab .swiper-slide .p {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt .h {
      font-size: 23px;
      line-height: 31px;
      height: auto;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-pagination {
      left: 20px;
      bottom: 340px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide {
      padding: 35vw 20px 0 20px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_2 {
      width: 100%;
      padding-left: 0;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 {
      padding: 0;
	  margin-top: 1.3rem;
    }
	.index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs{padding:0 0.185rem;}

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top {
      display: block;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top .tit {
      text-align: center;
      margin-bottom: 24px;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top .btn_box {
      justify-content: center;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .top .btn_box .btn {
      width: 100px;
      text-align: center;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box {
      display: none;
      width: 100%;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box:first-child {
      display: block;
    }

    .tec_con {
      overflow: hidden;
    }

    .tec1 {
      width: 100%;
      padding-top: 0;
    }

    .tec1 .pics {
      width: 48%;
      display: none;
    }

    .tec1 .pics .swiper-slide {
      height: 59vh;
      padding-right: 0;
    }

    .tec1 .txts {
      width: 48%;
      display: none;
    }

    .tec1_m {
      display: block;
      position: relative;
      padding-top: 0;
      padding-bottom: 50px;
    }

    .tec1_m .pic {
      width: 100%;
      height: 400px;
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
    }

    .tec1_m .pic img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .tec1_m .txt {
      padding: 0 20px;
    }

    .tec1_m .txt .h {
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 15px;
    }

    .tec1_m .txt .p {
      font-size: 12px;
      line-height: 20px;
    }

    .tec1_m .swiper-pagination {
      bottom: 0;
    }

    .tec1_m .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
    }

    .tec1_m .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #2990CF;
    }

    .tec2 {
      margin-top: 0px;
      height: auto;
      padding: 50px 20px;
    }

    .tec2 .pic {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .tec2 .pic img {
      height: auto;
    }

    .tec2 .right {
      position: static;
      width: 100%;
      float: none;
      height: auto;
    }

    .tec2 .right .tit {
      position: relative;
      color: #fff;
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 30px;
    }

    .tec2 .right .boxs {
      position: static;
      padding-left: 0;
      width: 100%;
      padding-top: 0;
      overflow: initial;
    }

    .tec2 .right .boxs .list {
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-between;
      position: static;
    }

    .tec2 .right .boxs .list .box {
      width: 100%;
      margin-bottom: 10px;
      margin-right: 0;
    }

    .tec3 {
      display: block;
      padding: 50px 20px;
    }

    .tec3 .box {
      display: none !important;
    }

    .tec3 .con_m {
      display: block;
      position: relative;
      overflow: hidden;
      padding-bottom: 50px;
    }

    .tec3 .con_m .swiper-slide {
      width: 5.33rem;
      height: 6.6rem;
      display: flex;
      align-items: center;
    }

    .tec3 .con_m .swiper-slide>div {
      width: 100%;
    }

    .tec3 .con_m .swiper-slide:nth-child(1) {
      background-color: rgba(255, 255, 255, 0.3);
      padding: 0 0.55rem;
      border-radius: 0.1rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(1) .icon {
      width: 2.25rem;
      margin: 0 auto;
      margin-bottom: 0.3rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(1) .p {
      font-family: hr;
      line-height: 22px;
      color: #fff;
      margin-bottom: 0.35rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(1) .jt {
      width: 0.4rem;
      margin: 0 auto;
      display: none;
    }

    .tec3 .con_m .swiper-slide:nth-child(2) {
      background-color: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(10px);
      padding: 0 0.55rem;
      border-radius: 0.1rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(2) .icon {
      width: 2.25rem;
      margin: 0 auto;
      margin-bottom: 0.3rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(2) .h {
      font-family: hb;
      /* font-weight: 600; */
      color: #ffffff;
      line-height: .4rem;
      margin-bottom: 1.14rem;
      text-align: center;
    }

    .tec3 .con_m .swiper-slide:nth-child(2) .p {
      font-family: hr;
      line-height: 22px;
      color: #fff;
      margin-bottom: 0.35rem;
    }

    .tec3 .con_m .swiper-slide:nth-child(2) .jt {
      width: 0.4rem;
      margin: 0 auto;
      display: none;
    }

    .tec3 .con_m .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background-color: #fff;
      opacity: 0.5;
    }

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

    .tec4 {
      padding: 50px 20px;
    }

    .tec4 .con {
      display: block;
    }

    .tec4 .con .pics {
      width: 100%;
      height: 46vw;
    }

    .tec4 .con .txts {
      width: 100%;
      height: 300px;
      margin-top: 30px;
    }

    .tec5 {
      padding: 50px 20px;
    }

    .tec5 .tab_box .box {
      width: auto;
      padding: 0 40px;
      margin: 0 10px;
    }

    .ny_banner {
      margin-top: 0.9rem;
      height: 280px;
    }

    .ny_banner .txt .h {
      font-size: 22px;
      line-height: 34px;
    }

    .sol1 {
      padding: 50px 20px;
    }

    .sol1 .right {
      display: none;
    }

    .sol1 .left {
      width: 100%;
    }

    .sol2 {
      padding: 50px 20px;
    }

    .sol2 .top .h {
      font-size: 22px;
      line-height: 30px;
    }

    .sol2 .bottom .swiper-slide {
      padding: 20px 12px;
    }

    .sol2 .bottom .swiper-slide .pic {
      height: 33vw;
    }

    /*.sol2 .bottom .swiper-slide .pic{height: 1.8rem;}*/
    .sol3 {
      padding: 0;
    }

    .sol3 .right {
      display: none;
    }

    .sol3 .left {
      width: 100%;
    }

    .sol3 .left .swiper-pagination {
      display: block !important;
    }

    .sol3 .left .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background-color: #fff;
      opacity: 0.5;
    }

    .sol3 .left .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #fff;
      opacity: 1;
    }

    .sol4 {
      padding: 50px 20px;
    }

    .sol4 form {
      width: 100%;
      flex-wrap: wrap;
      height: auto;
    }

    .sol4 form textarea {
      width: 100%;
      margin-bottom: 12px;
    }

    .sol4 form input {
      width: 100%;
      margin-bottom: 12px;
    }

    .sol4 form .btn {
      margin: 0 auto;
    }

    .sol4 form .btn input {
      margin-bottom: 0;
    }

    .con_con .con1 {
      padding: 50px 0 20px 0;
    }

    .con_con .con1 .map {
      margin: 0;
      width: 100%;
    }

    .con_con .con1 .map .dian_box .dian {
      width: 0.78vw;
      height: 0.78vw;
    }

    /*.con_con .con1 .map .dian_box .dian:nth-child(1){top: 12.6vw;left: 22.7vw;}*/
    /*.con_con .con1 .map .dian_box .dian:nth-child(2){top: 16.4vw;left: 56.8vw;}*/
    /*.con_con .con1 .map .dian_box .dian:nth-child(3){top: 12.7vw;left: 73.4vw;}*/
    /*.con_con .con1 .map .dian_box .dian:nth-child(4){top: 16vw;left: 76.8vw;}*/
    .con_con .con1 .list {
      width: calc(100% - 40px);
      margin: 0 20px;
      display: block;
    }

    .con_con .con1 .list .item {
      width: 100%;
      padding: 16px 15px 10px 15px;
    }

    .con_con .con1 .list .item:after {
      display: none;
    }

    .con_con .con2 {
      padding: 50px 20px;
    }

    .con_con .con2 .form {
      padding: 20px 16px;
    }

    .con_con .con2 .tit1 {
      font-size: 22px;
      line-height: 30px;
      width: 100%;
    }

    .con_con .con2 .form .tit2 .h {
      font-size: 22px;
      line-height: 30px;
    }

    .nl_con {
      padding: 50px 20px;
    }

    .nl_con .boxs .box {
      display: block;
    }

    .nl_con .boxs .box .pic {
      width: 100%;
      height: 50vw;
    }

    .nl_con .boxs .box .txt {
      width: 100%;
      padding: 20px;
    }

    .nl_con .page .txt {
      display: none;
    }

    .nl_con .page input {
      display: none;
    }

    .nl_con .page .list {
      margin-right: 0;
    }

    .nd_con {
      padding: 105px 20px 50px 20px;
    }

    .nd_con .left {
      float: none;
      width: 100%;
      margin-bottom: 30px;
    }

    .nd_con .right {
      float: none;
      width: 100%;
    }

    .base1 {
      padding: 50px 20px;
    }

    .base2 .tab {
      display: none;
    }

    .base2 .tit {
      font-size: 22px;
      line-height: 30px;
      padding: 0 20px;
    }

    .base2 .pics .swiper-slide .pic {
      height: 4.15rem;
    }

    .base2 .pics .swiper-slide {
      width: 12.13vw;
      transform: translateX(-24vw);
    }

    .base2 .pics .swiper-slide-active {
      width: 60.5vw;
    }

    .base2 .pics .swiper-slide .txt {
      width: 60.5vw;
    }

    .base1 .p:last-child {
      margin-bottom: 0;
    }

    .esg1 {
      padding: 50px 20px 0 20px;
      display: block;
    }

    .esg1 .txt {
      width: 100%;
      margin-bottom: 20px;
      padding-top: 0;
    }

    .esg1 .pic {
      width: 100%;
      height: 90vw;
    }

    .esg2 {
      display: block;
      padding: 50px 20px;
    }

    .esg2 .txt {
      width: 100%;
      margin-bottom: 20px;
      padding-top: 0;
    }

    .esg2 .pic {
      width: 100%;
      height: 90vw;
    }

    .esg2:after {
      height: 4.36rem;
    }

    .esg3 {
      padding: 150px 20px 50px 20px;
    }

    .esg3 .txt {
      padding: 30px 20px;
      display: block;
    }

    .esg3 .txt .p {
      width: 100%;
      margin-top: 20px;
    }

    .esg4 {
      padding: 0 20px 50px 20px;
      display: block;
    }

    .esg4 .txt {
      width: 100%;
      margin-bottom: 20px;
      padding-top: 0;
    }

    .esg4 .pic {
      width: 100%;
      height: 90vw;
    }

    .ab1 {
      padding: 50px 20px 0 20px;
    }

    .ab1 .top {
      display: block;
    }

    .ab1 .top .t_left {
      width: 100%;
      padding: 0.7rem 0 0.2rem 0;
      margin-top: 0;
      margin-bottom: 22px;
    }

    .ab1 .top .t_left:after {
      width: 100%;
      height: 100px;
      background-size: auto 100%;
    }

    .ab1 .top .t_right {
      width: 100%;
    }

    .ab1 .top .t_right .h1 {
      font-size: 22px;
      line-height: 30px;
      padding-right: 30%;
    }

    .ab1 .bottom {
      height: 30vw;
    }

    .ab2 {
      display: block;
      padding: 0 20px 50px 20px;
    }

    .ab2 .left {
      width: 100%;
      height: 4rem;
      margin-bottom: 20px;
    }

    .ab2 .right {
      width: 100%;
    }

    .ab2 .right .num_box {
      flex-wrap: wrap;
    }

    .ab4 .top .p {
      line-height: 21px;
    }

    .ab3s {
      height: auto;
    }

    .ab3 {
      display: block;
      padding: 0;
    }

    .ab3 .left {
      width: 100%;
    }

    .ab3 .left .pic1 {
      height: 100%;
    }

    .ab3 .left .pic2 {
      display: none;
    }

    .ab3 .right {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: auto;
      left: 20px;
    }

    .ab3 .right .pic3 {
      display: none;
    }

    .ab3 .right .pic4 {
      display: none;
    }

    .ab3 .right {
      width: calc(100% - 40px);
    }

    .ab3 .right .con {
      position: static;
      width: 100%;
      padding: 30px 20px;
    }

    .ab3 .right .con .list {
      width: 100%;
      flex-wrap: wrap;
    }

    .ab3 .right .con .list .item {
      width: 100%;
    }

    .ab3 .right .con .list .item:last-child {
      margin-bottom: 0;
    }

    .ab4 {
      height: 84vh;
      padding: 50px 20px;
      background: url(../images/ab4_bj.png)no-repeat center bottom;
      background-size: 150% auto;
    }

    .ab5 {
      padding: 50px 20px 10px 20px;
    }

    .ab5 .tab {
      width: 100%;
      padding: 20px 0;
    }

    .ab5 .con {
      padding: 30px 0;
      display: block;
    }

    .ab5 .con .left {
      width: 100%;
      background: none;
      display: none;
    }

    .ab5 .con .left .swiper-slide {
      padding: 0;
    }

    .ab5 .con .right {
      width: 100%;
    }

    .ab5 .con .right .con1.on {
      padding: 0;
      height: auto;
    }

    .ab5 .con .right .con1 .box .pic {
      height: 57vw;
    }

    .pl_con {
      padding: 50px 20px;
    }

    .pl_con .left {
      float: none;
      width: 100%;
      position: static;
      overflow: hidden;
    }

    .pl_con .right {
      float: none;
      width: 100%;
    }

    .pl_con .left .list_btn {
      position: fixed;
      top: 45%;
      left: 0;
      display: block !important;
      color: #fff;
      background-color: #2990CF;
      padding: 10px 10px;
      z-index: 30;
      line-height: 1.3;
      text-align: center;
      border-radius: 2px;
      width: 42px;
    }

    .pl_con .left .list {
      position: fixed;
      top: 50%;
      left: 0;
      z-index: 99;
      background-color: #fff;
      transform: translate(-120%, -50%);
      padding: 40px 20px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      transition: all 0.5s;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      overflow: hidden;
    }

    .pl_con .left .list.show {
      transform: translate(0%, -50%);
    }

    .pl_con .left .list .close {
      position: absolute;
      top: 20px;
      right: 14px;
      width: 15px;
      display: block !important;
    }

    .pl_con .left .list .close img {
      width: 100%;
    }

    .pl_con .left .list:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 20px;
      background-color: #fff;
      z-index: 10;
    }

    .pl_con .left .list:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 20px;
      background-color: #fff;
      z-index: 10;
    }

    .pl_con .left .list .solid {
      left: 20px;
    }

    .pl_con .right form input {
      width: 100%;
    }

    .pl_con .right .p1 {
      margin-bottom: 30px;
    }

    .pl_con .right .boxs .box {
      width: 48%;
      padding: 20px 0;
    }

    .sd_con {
      padding: 50px 20px;
      top: 55px;
      height: calc(100vh - 55px);
    }

    .sd_con .left {
      float: none;
      width: 100%;
      padding-bottom: 0;
    }

    .sd_con .right {
      width: 100%;
      height: 110vw;
      position: static;
      float: none;
    }

    .sd_con .left .swiper {
      width: 100%;
    }

    .tec1 .process {
      display: none;
    }

    /*.tec4 .con .pics{padding-bottom: 50px;}*/
    .tec4 {
      padding-bottom: 70px;
    }

    .tec4 .svg-swiper-pagination {
      width: 100%;
      left: 0;
      bottom: 30px;
    }

    .tec4 .svg-swiper-pagination .swiper-pagination-bullet {
      margin: 0 0.14rem;
    }

    .tec4 .con .txts {
      height: auto;
    }

    .tec2 .right .boxs .list .box .p {
      line-height: 22px;
      height: 176px;
    }

    .pl_con .right .p1 {
      line-height: 20px;
    }

    .pd_page .left {
      position: static;
      height: auto;
    }

    .pd_page.show .left .img1,
    .pd_page .left .img1 {
      width: 100%;
      padding: 0 20px;
      position: relative;
      transform: translate(0, 0) scale(1);
      top: 0;
      left: 0;
    }

    .pd_page.show .left .img1:after {
      opacity: 1;
    }

    .pd_page.show .left .img .pdimgs .prev,
    .pd_page.show .left .img .pdimgs .next {
      opacity: 1;
    }

    .pd_page .left .img .pdimgs {
      width: 100%;
    }

    .pd_page.show .left .tit {
      display: none;
    }

    .pd_page .right {
      padding: 50px 20px;
      width: 100%;
    }

    .pd_page.show .right {
      opacity: 1;
      z-index: 1;
      pointer-events: auto;
    }

    .pd_page .left .img1 {
      position: relative;
      left: 0;
      top: 0;
    }

    .pd_page .right .block .tlist {
      width: 100%;
    }

    .pd_page .right .block .item2 {
      width: 100%;
      margin-right: 0;
    }

    .pd_page .left {
      width: 100%;
      padding-top: 50px;
    }

    .pd_page .left .img1:after {
      width: 90%;
      height: 90vw;
      display: none;
    }

    .pd_page {
      overflow: hidden;
    }

    .ab5 .con .right .con1 {
      padding: 0;
      height: auto;
    }

    .ab5 .con .right .con1 .box {
      transform: translateY(0);
    }

    .ny_banner .txt {
      padding: 0 20px;
    }

    .con_con .con1 .map .quan1 {
      left: 23.2vw;
      top: 18.885vw;
    }

    .con_con .con1 .map .quan2 {
      left: 56.9vw;
      top: 22.4vw;
    }

    .con_con .con1 .map .quan3 {
      left: 74.7vw;
      top: 20.7vw;
    }

    .con_con .con1 .map .dian_box .dian:after {
      width: 0.78vw;
      height: 0.78vw;
    }

    .index_con>.swiper-wrapper>.swiper-slide-active .i_part5 .mask {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .dian {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan svg {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part6 .swiper_1 .swiper-slide .txt {
      width: 100%;
      font-size: 0.4rem;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics .swiper-slide .txt {
      opacity: 1;
    }


    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .mask {
      display: none;
    }

    .base2 .pics.sca {
      transform: scale(1) !important;
    }

    .base_con {
      height: auto;
    }

    .base2 {
      position: static;
      padding: 0 0 50px 0;
    }

    .base2 .pics_box {
      position: static;
      padding-top: 0;
    }

    .base2 .pics .swiper-slide {
      transform: translateX(-20vw);
    }

    .base2 .pics .swiper-slide-active {
      width: 70vw !important;
    }

    .base2 .pics .swiper-slide .txt {
      width: 70vw;
      font-size: 16px;
    }

    .pd_page .left .img .pdimgs {
      height: calc(100vw - 40px + 0.6rem);
    }
    .pd_page.show .left .img1:after{display:none;}

    .pd_page .left .img .pdimgs.remove {
      height: calc(100vw - 40px);
    }

    .pd_page .right .block .tlist_x {
      width: 100%;
    }

    .pd_page .right .block.appl:nth-child(3) {
      /*display: none;*/
    }

    .tec5 .con .swiper-wrapper {
      justify-content: flex-start;
    }

    .tec5 .con .swiper-slide .pics2 {
      padding: 16px;
    }

    .sd_con .right .sdimg img {
      width: 100%;
      height: auto;
    }

    .sd_con .left .swiper img {
      height: 17vw;
    }

    .sd_con.act .right {
      height: auto;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part7 .boxs .box .pic {
      height: 40vw;
    }

    .pd_page:before {
      display: none;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .icon {
      height: 5vw;
    }

    /*.index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box{width: 50%!important;}*/
    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .huan .box .h {
      white-space: initial;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part5 .pics {
      opacity: 1;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs>.swiper-wrapper {
      flex-wrap: nowrap;
    }

    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box {
      width: 100% !important;
      height: 100% !important;
    }

    .pd_page .left.hi {
      height: auto;
    }

    .sol3 .left .swiper-slide .txt {
      bottom: 2.65rem;
    }

    .con_con .con1 .tab {
      display: block;
    }

    .con_con .con1 .tab a {
      width: calc(100% - 40px);
      margin: 0 20px 20px 20px;
    }
    .mh_nav .lag{display: flex;align-items: center;line-height:60px;font-family:hm;font-size:16px;margin-top:15px;}
    .mh_nav .lag ul{display: flex;}
    /*.mh_nav .lag ul li{margin-right: 16px;}*/
    .mh_nav .lag ul span{margin: 0 8px;}
    /*.pd_page .right .block .tit{line-height: 20px;height: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}*/
    .index_con>.swiper-wrapper>.swiper-slide .i_part3 .boxs .box .day{bottom: 1.5rem;}
    .index_con>.swiper-wrapper>.swiper-slide .i_part2 .txts .swiper-slide .more{top: -0.6rem;}
    .pd_page .right .tlist_x .tit{font-size: 12px;}
  }
  
  @media screen and (max-width: 767px) {
        _::-webkit-full-page-media, _:future, :root .safari_only {
            padding-bottom: 65px;
        }
    }

  @media screen and (max-width: 668px) {}

  @media screen and (max-height: 764px) {
    /*.tec2{*/
    /*    height: 600vh;*/
    /*}*/
  }

  /*.header .right .nav>li:nth-child(5){display:none;}*/
  /*.footer .f_top .f_nav ul:nth-child(4){display:none;}*/



.wel-more {
 font-size: 0.194rem;
     background: #fff;
     padding: 0.158rem 0.542rem;
     color: #999;
     transition: all 0.3s;
	 margin-top: 0.5rem;
	 float: right;
	 display: block;
	 text-align: center;
	 max-width: 2rem;
	 border: 1px solid #999;
	 border-radius: 5px;
}
.wel-more:hover {
  transition: .5s ease-in-out;
  background: #E98863;
  border: 1px solid #E98863;
  color: #fff;

}


.titL{font-size: 0.4rem; font-weight: normal;color: #2990CF; position: relative; padding-bottom: 0.15rem; margin-bottom: 0}
.titL span{font-size: 0.250rem; font-weight: normal;color: #999; padding-left: 0.213rem ; }


.titc{text-align: left; margin-top: .6rem; position: relative;}
.titc .tit{font-size: 0.4rem; font-weight: 400;color: #2990CF; position: relative; padding-bottom: 0.128rem; margin-bottom: 0.1rem}
.titc span{font-size: 0.250rem; font-weight: normal;color: #999; padding-left: 0.213rem ; }

.titc .en{font-size: 0.413rem;color: #f1f1f1; text-align: center;  text-transform:uppercase;font-weight: normal; width: 100%; text-align: center;}

.btn{clear: both;position: absolute;right: 0;top: 0.3rem;}
.btn a{font-size: 0.18rem; padding: 0.1rem .4rem; border-radius: 5px;color: #fff; transition: all 0.3s; border: 1px solid #2b57a1;background: #2b57a1;}
.btn a span{margin-left: 0.19rem;}
.btn a:hover{background: #ff0000;color: #fff;border: 1px solid #ff0000; }


.btn_about{clear: both;margin-top: 0.5rem;}
.btn_about a{font-size: 0.18rem; padding: 0.1rem .4rem; border-radius: 5px;color: #fff; transition: all 0.3s; border: 1px solid #2b57a1;background: #2b57a1;}
.btn_about a span{margin-left: 0.19rem;}
.btn_about a:hover{background: #ff0000;color: #fff;border: 1px solid #ff0000; }


.i_part3 .iconrbt{margin-top: 1rem;}
.iconrbt a{display: flex; align-items: center; color: #fff; }
.iconrbt a img{margin-right: 10px;}

.section6 .swiper-container{ padding-bottom: 1rem;}


@media screen and (max-width:639px) {
.titc{ margin-top: 0;}
.titc .tit{margin-bottom: 0;font-size: 0.3rem;}
.titc span{padding-left: 0.05rem;}
.titL{margin-bottom: 0;padding-bottom: 0;font-size: 0.3rem;}
.index_con>.swiper-wrapper>.swiper-slide .i_part6{padding: 0 0.185rem;margin-top:1.2rem;}
｝

.probox .tabli{
  padding: 0;
  margin: 0.8rem 0 0.4rem;
  display: flex;
  justify-content: center;
}
.probox .tabli li{
  font-family: AliPuHui;
  box-sizing: border-box;
  display: block;
  text-align: center;
  list-style: none;
  cursor: pointer;
  padding: 0.15rem .3rem;
  margin: 0 0.15rem;
  font-weight: normal;
  font-size: 0.195rem;
  border-radius: 1rem;
  border: 1px solid #d9d9d9;
}

.probox .choice{
background-color: #2990CF; color: #fff;
}
.probox .tab-item{
  display: none;
  position: relative;
}
.probox .show{
  display: block;
}

.probox .swiper{overflow: hidden;}
.probox .swiper-button-next,.probox .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 0.811rem;
  height: 0.811rem;
  margin-top: -0.405rem;
  z-index: 10;
  cursor: pointer;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat
}

.probox .swiper-button-prev,.probox .swiper-container-rtl .swiper-button-next {
  background-image: url("../images/inprobtl1.png");
  left: -102px;
  right: auto
}

.probox .swiper-button-prev:hover,.probox .swiper-container-rtl .swiper-button-next:hover {
  background-image: url("../images/inprobtl2.png");
}

.probox .swiper-button-next,.probox .swiper-container-rtl .swiper-button-prev {
  background-image: url("../images/inprobtr1.png");
  right: -102px;
  left: auto
}
.probox .swiper-button-next:hover,.probox .swiper-container-rtl .swiper-button-prev:hover {
  background-image: url("../images/inprobtr2.png");
}

.probox .swiper-slide{background-color: #fff;}
.probox .swiper-slide:hover{background-color: #2990CF;}
.probox .swiper-slide .imgbox{border: 1px solid #ccc; padding: 0.228rem;}
.probox .swiper-slide .imgbox .imgbg{background: url('../images/probg.jpg') no-repeat 0% 20%/ cover;background-origin:content-box;}
.probox .swiper-slide .imgbox img{background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));}
.probox .swiper-slide:hover .imgbox{border: 1px solid #2990CF;}
.probox .swiper-slide:hover .imgbox img{background: linear-gradient(rgba(255, 255, 255,0), rgba(255, 255, 255,0));}

.probox .swiper-slide .wordbox{display: flex; border-top: 2px solid #fff; margin: 0 0.228rem; font-size: 0.19rem; line-height: 0.548rem;color:#6c6c6c; justify-content: space-between; transition: all 0.3s;}
.probox .swiper-slide:hover .wordbox{border-top: 2px solid #e98863; color: #fff;}
.probox .swiper-slide .wordbox span{display: flex; align-items: center; font-size: 0.16rem; color: #545454;}
.probox .swiper-slide .wordbox span i{background: url("../images/inproicon1.png") no-repeat;height: 0.171rem;width: 0.171rem;margin-right: 5px;}
.probox .swiper-slide:hover .wordbox span{color: #fff;}
.probox .swiper-slide:hover .wordbox span i{background: url("../images/inproicon2.png") no-repeat; }





#Marquee{width: 100%; overflow: hidden; margin: 0 auto; padding: 0.05rem 0 0 0;}
#Marquee1{width: 100%; overflow: hidden; margin: 0 auto; padding: 0.05rem 0 0 0;}
#Marquee2{width: 100%; overflow: hidden; margin: 0 auto; padding:0.05rem 0 0 0;}

.lypeipao_logo{width:100%; padding: 6px 0;}
.lypeipao_logo li{float:left; min-height: 0.686rem;margin-bottom: 0.15rem;}
.lypeipao_logo li div{  border-radius: 8px; border: 1px solid #0071c3;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);transition: all 0.4s;cursor: pointer; margin-bottom: 0.1rem; width: 100%;left: 50%; margin-left: -50%;position: absolute; }
.lypeipao_logo li div img{width:100%; height:auto; display: block;border-radius: 8px;}
.lypeipao_logo li:hover div{transform:scale(1.1); z-index: 999; border: 1px solid #0071c3; }


@media screen and (max-width: 1680px) {
  .lypeipao_logo li{ min-height: 0.785rem;}
}

.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {
  -webkit-line-clamp: 2;
}
.dot3 {
  -webkit-line-clamp: 3;
}
.dot4 {
  -webkit-line-clamp: 4;
}
.dot5 {
  -webkit-line-clamp: 5;
}
.dot6 {
  -webkit-line-clamp: 6;
}
.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}


.fix:before, .fix:after {
  display: table;
  clear: both;
  content: '';
}

*[class*="rect-"] ._full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgZoom img,.imgY180 img {
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}

.imgZoom {
  overflow: hidden;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.imgZoom:hover img {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
.other.line {width: 1.497rem;height: 0.057rem;margin: 0.183rem 0;}
.other.line img{width: 100%; height: auto; position: unset;}

.wrapper {
  width: 80vw;
  max-width: 1520px;
  margin: 0 auto;
  position: relative;
}

.now-up{
  width: 66px;
  cursor: pointer;
  position: fixed;
  bottom: 8vh;
  right: 5.9vw;
  border-radius: 50%;
  z-index: 50;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: scale(.1);
  transition: all .36s;
}
.now-up img{
  width: 100%;
}
.now-up.ys-show {
  opacity: 1;
  transform: scale(1);
}

@media screen and (max-width: 1919px) {
  .now-up {
    width: 38px;
    bottom: 5vh;
    right: 3vw;
  }
}

@media screen and (max-width: 1680px) {
  .now-up {
    right: 2vw;
    width: 30px;
    bottom: 4vh;
  }
}


@media (max-width: 639px) {
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd{margin-top: 0.6rem;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .abimg0{ margin-right:0; margin-bottom: 0;}
.index_con>.swiper-wrapper>.swiper-slide .i_part2 .boxs .aboutbd .aboutimg .abimg{width: 100%;}

}