@charset "UTF-8";

/* 通用样式 */
p {
  margin: 0;
}

.xypg-right-content p img{
  max-width:100%; height:auto !important;width:auto !important;
}

input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

img {
  vertical-align: middle;
}

.p1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.wd1200 {
  width: 1200px;
  margin: 0 auto;
}

.bw {
  width: 100%;
}

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

.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

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

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
  overflow: hidden;
}

.imgbig img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.imgbig:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.ovimg img {
  width: 100%;
  min-height: 100%;
}

.ibw img {
  width: 100%;
  height: auto;
}

.miw img {
  max-width: 100%;
  max-height: 100%;
}

.iml {
  text-align: center;
}

.iml img {
  transform: translateY(-2px);
  vertical-align: middle;
}

.bgmax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.bgmin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.fh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.container {
  width: 1560px;
  margin: 0 auto;
}

main {
  overflow: hidden;
}


.count {
  display: flex;
}

.count div {
  background: linear-gradient(to top, #0a60c2 0%, #3490f9 100%);
  -webkit-background-clip: text;
  color: transparent;
  display: flex;
  align-items: start;
  line-height: 1.35;
}

.count div span {
  font-size:47px;
  font-weight: 700; color:#f4772b;
}

.count div em {
  font-size: .9rem;
  font-style: normal;
}

.count p {
  font-size:15px;
  color: #666666;
}

.title div {
  font-size:40px;
  color: #333333;
  font-weight: bold; line-height:65px;
}

.title p {
  font-size:17px;
  color: #333333;

}
.index1 {
  padding: 5.5rem 0 7.15rem 0;
  background: url(../images/index1_bg.jpg) no-repeat;
  background-size: cover;
  background-position: left bottom;
}

.index1 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index1 .container .left {
  width: 50%;
}

.index1 .container .left .text {
  font-size: 1rem;
  color: #333333;
  line-height: 1.7;
  margin-top: 2.6rem;
  text-indent: 2em;

}

.index1 .container .right {
  width: 43.14%;
  position: relative;
  top: 1rem;
  cursor: pointer;
}

.index1 .container .right::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: -0.8rem;
  top: -0.8rem;
}

.index1 .container .right::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: -0.9rem;
  top: -0.9rem;
}

.index1 .container .right img {
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 1rem;
}

.index1 .container .right i {
  position: absolute;
  background-size: contain;
  background-position: center;
  z-index: 2;
  transition: ease-out .36s;
}

.index1 .container .right i:nth-child(1) {
  left: 2rem;
  bottom: 1.8rem;
}

.index1 .container .right i:nth-child(2) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.index1 .container .right:hover i:nth-child(1) {
  opacity: 0;
}

.index1 .container .right:hover i:nth-child(2) {
  opacity: 1;
  animation: videoIcon 2s infinite;
}

.index1 .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4rem;
}

.index1 .bottom a {
  width: 32.77%;
  height: 4.5rem;
  border-radius: .5rem;
  background: #f4762a;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0 2.7%;
  position: relative;
  overflow: hidden;
  color: #fff;
  transition: ease-out .36s;
}

.index1 .bottom a div {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.index1 .bottom a div i {
  position: relative;
  margin-right: .5rem;
}

.index1 .bottom a div i img {
  width: 2.2rem;
  transition: ease-out .36s;
}

.index1 .bottom a div i img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.index1 .bottom a h3 {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index1 .bottom a span img {
  width: 1.75rem;
  margin-left: .5rem;filter: brightness(100);
  transition: ease-out .36s;
}

.index1 .bottom a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 130%;
  top: 0%;
  bottom: 0%;
  left: -20%;
  right: 0%;
  background: linear-gradient(to top, #0a60c2 0%, #2e8cf6 100%);

  transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(45deg, 0deg);
  transform-style: preserve-3d;
  pointer-events: none;
  transition: transform .36s linear;
  /* transition: ease-out .36s; */
}

.index1 .bottom a:hover {
  color: #fff;
}

/* .index1 .bottom a:hover::before {
  height: 100%;
} */
.index1 .bottom a:hover::before {
  transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.index1 .bottom a:hover div i img {
  opacity: 0;
}

.index1 .bottom a:hover div i img:nth-child(2) {
  opacity: 1;
}

.index1 .bottom a:hover span img {
  filter: brightness(100);
}





.index7 {
  padding: 5.5rem 0;
}

.index7 .swiper {
  overflow: visible;
  margin-top: 2.65rem;
}

.index7 .swiper-slide {
  font-size: .9rem;
}

.index7 .swiper-slide i {
  display: block;
  width: 100%;
  padding-bottom: 64%;
  position: relative;
  overflow: hidden;
}

.index7 .swiper-slide i img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.index7 .swiper-slide>div {
  transition: ease-out .36s;
}

.index7 .swiper-slide>div>span {
  display: block;
  color: #666666;
  margin-top: 1.5rem;
}

.index7 .swiper-slide h3 {
  color: #333333;
  margin-top: .5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .9rem;
  transition: ease-out .36s;
}

.index7 .swiper-slide .link {
  margin-top: 1.5rem;
}

.index7 .swiper-slide:hover i img {
  transform: scale(1.1);
}

.index7 .swiper-slide:hover h3 {
  color: #0762cb;
}

.index7 .swiper-slide:hover>div {
  transform: translateX(0.5rem);
}
.index7 .swiper-slide h3,
  .index7 .swiper-slide {
    font-size: 1.2rem;
  }

  .index7 {
    padding: 4.5rem 0 4rem 0;
  }




.indexsec04 {
	padding:0px 0 10px;
	
}
.indexsec04 h2 {
	text-align: center;
	margin-bottom: 20px;
}
.indexsec04 ul {
	display: flex;
}
.indexsec04 ul li {
	width: 22%;
	margin-right: 3%;
	cursor: pointer;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec04 ul li:last-child {
	margin-right: 0;
}
.indexsec04 ul .photo img {
	width: 100%;
}
.indexsec04 ul .txtbox {
	text-align: center;
}
.indexsec04 ul .txtbox p {
	margin-top: 30px;
	padding: 5px 0 5px 70px;
	display: inline-block;
	font-size: 20px;
	color: #00a0e9;
	font-weight: bold;
	background: url("../images/bg07.png") no-repeat left center;
	background-size: 58px auto;
	text-align: left;
}
.indexsec04 ul .txtbox p span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
.indexsec04 ul li:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexsec04 ul li:hover p {
	color: #f08225;
	background-image: url("../images/bg08.png");
}







.link {
  display: flex;
  align-items: center;
  font-size: .9rem;
  color: #0762cb;
}

.link span {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: .75rem;
  transition: ease-out .5s;
}

.link span img {
  width: 30%;
}

.link:hover span {
  transform: translateX(0.5rem);
}

.footer_top {
  background: #FAFAFA;
  padding: 15px 0;
}

.footer_top .width {
  display: flex;
  align-items: start;
  font-size: 14px;
  line-height: 1.5;
  color: #0E0542;
}

.footer_top .width span {
  margin-right: 14px;
}

.footer_top .width div {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.footer_top .width div a {
  color: #0E0542;
  padding: 0 14px;
  transition: .1s;
}

.footer_top .width div a:hover {
  color: #EB681A;
  text-decoration: underline;
}

footer {
  overflow: hidden; background-color:#333333;
}

footer .footer_center {
  background: url(../images/footer_bg.jpg) no-repeat center center;
  background-size: cover;
}

footer .footer_center .footer_txt {
  font-size:25px;
  font-family: semiBold;
  color: #fff;
  display: block;
}

footer .footer_center .footer_col1 {
  width: 25.62%;
}

footer .footer_center .width {
  padding: 5rem 0 2rem 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

footer .footer_center .footer_logo img {
  width: 14.3rem;
  max-width: 100%;
}

footer .footer_center .footer_text {
  font-size: 15px;
  font-family: oLight;
  line-height:26px;
  color: #D9D9D9;
  margin-top: 2.5rem;
}

footer .footer_center .footer_widget {
  margin-top: 2.6rem;
}

footer .footer_center .footer_widget div {
  display: flex;
  margin-top: 1rem;
}

footer .footer_center .footer_widget div a {
  margin-right: 1.5rem;
  position: relative; 
  cursor: pointer;
}

footer .footer_center .footer_widget div a:last-child {
  margin-right: 0;
}

footer .footer_center .footer_widget div a>img {
  width: 2rem;
  transition: ease-out .36s;
}

/* footer .footer_center .footer_widget div a:hover img {
  transform: translateY(-0.2rem);
} */

footer .footer_center .footer_widget div i {
  position: absolute;
  left: 50%;
  bottom: 100%;
  background: #fff;
  padding: .2rem;
  transform: translate(-50%, -.7rem);
  border-radius: .5rem;
  box-shadow: 0px 4px 3.5rem -2px rgba(49, 70, 81, 0.4);
  z-index: 5;
  display: none;
}

footer .footer_center .footer_widget div i img {
  width: 6rem;
}

footer .footer_center .footer_widget div i::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 99%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border: .4rem solid transparent;
  border-bottom: none;
  border-top-color: #fff;
}

footer .footer_col2 div a {
  font-family: semiBold;
  transition: ease-out .36s;
  display: flex;
  align-items: center;
}

footer .footer_col2 div a span {
  transition: ease-out .36s;
}

footer .footer_col2 div a::before {
  content: '  ';
  height: 1px;
  background: #fff;
  width: 0;
  transition: ease-out .36s;
}

footer .footer_col2 div a:hover {
  transform: translateX(0.5rem);
}

footer .footer_col2 div a:hover::before {
  width: .7rem;
}

footer .footer_col2 div a:hover span {
  transform: translateX(2px);
}

footer .footer_col3 {
  width: 25%;
}

footer .footer_col3 .footer_txt {
  margin-bottom: 2.2rem;
}

footer .footer_col3 > div {
  display: flex;
  flex-direction: column;
}

footer .footer_col3 input {
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
  font-family: oLight;
  font-size: 15px;
  height:38px;
  padding: 0 2.5rem;
  margin-bottom: 1rem;
  transition: ease-out .2s;
  width: 100%;
}

footer .footer_col3 input::-webkit-input-placeholder {
  color: #fff;
  transition: ease-out .36s;
}

footer .footer_col3 input.on {
  box-shadow: 0 0 1rem 0.3rem rgba(255, 255, 255, 0.25);
}

footer .footer_col3 input.on::-webkit-input-placeholder {
  transform: translateX(0.5rem);
}

footer .footer_col3 button {
  width: 100%;
  height: 3.25rem;
  background: #eb681a;
  color: #fff;
  font-size: .9rem;
  font-family: semiBold;
  border-radius: 2rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

footer .footer_col3 button img {
  width: .8rem;
  margin-left: .5rem;
  position: relative;
  z-index: 1;
}

footer .footer_col2 a,
footer .footer_col4 div {
  font-size: 15px;
  line-height:25px;
  color: #d9d9d9;
  font-family: oLight;
  margin-bottom: .98rem;
}

footer .footer_col2 .footer_txt,
footer .footer_col4 .footer_txt {
  margin-bottom: 2.3rem;
}

footer .footer_col4 {
  width: 20%;
}

footer .footer_col4 span {
  display: block;
  width: 110px;
  margin: 0 auto;
  padding-top: 1.2rem;
}

footer .footer_col4 span img {
  width: 100%;
}

footer .footer_bottom {
  background: #1a1a1a;
  /* font-size: 1rem; */
  font-size: .8rem;
  line-height: 1.4;
  color: #fff;
  font-family: oLight;
  padding: .8rem 0;
}

footer .footer_bottom * {
  font-family: oLight;
}

footer .footer_bottom .width {
  display: flex;
}

footer .footer_bottom .width div:first-child {
  flex: 1;
}

footer .footer_bottom .width div:last-child {
  padding-left: 1rem;
}

footer .footer_bottom a,
footer .footer_bottom img {
  display: inline;
}


/**/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.w1560{
    max-width: 1590px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}


.index9 .ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5.5rem;
}

.index9 .ul li {
  width: 13.38%;
  margin-right: 3.944%;
}

.index9 .ul li:last-child,
.index9 .ul li:nth-child(6) {
  margin-right: 0;
}

.index9 .ul li div {
  position: relative;
  padding-bottom: 83.15%;
}

.index9 .ul li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.index9 .ul li i img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: ease-out .36s;
}

.index9 .ul li i img:nth-child(2) {
  opacity: 0;
}

.index9 .ul li .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 18% 10%;
}

.index9 .ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.index9 .ul li p {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #fff;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding: 0 1rem;
  opacity: 0;
  transition: ease-out .36s;
}

.index9 .ul li:hover i img {
  opacity: 0;
}

.index9 .ul li:hover i img:nth-child(2) {
  opacity: 1;
}

.index9 .ul li:hover p {
  opacity: 1;
}


/* head */

.head-bg{position: fixed; width: 100%; z-index: 999; background-color: #fff; top:36px;
border-bottom: 1px solid #e0e0e0;}

.head-index{
  align-items: center;
}

.head-index .logo{
  width: 18.38%;
}

.head-index .logo img{
  max-width: 100%;
}

.head-index .tnav{
  width: 64%;
}

@media(max-width: 1300px){
  .head-index .tnav{
    width: 80.64%;
  }
}


/* about */
.ab-bg{
  background: url(../images/fd089a6bbc06419d14f125004c12355eb8a50e7a.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 4.42708333333333vw;
  padding-bottom: 3.64583333333333vw;
}

.abl{
  width: 47.11%;
}

.at{
  position: relative;
}

.at::before{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/69ceb95f2d412328478266439e5cfc85b60ca1fd.png) no-repeat top center;
  width: 86px;
  height: 86px;
  background-size: 100% 100%;
}

.at h3{
  color: #333333;
  font-size: 36px;
}

.at h3 b{
  color: #005bac;
}

.at h4{
  color: #333333;
  font-size: 24px;
  padding: 1vw 0;
}

.at h5{
  width: 90px;
  height: 5px;
  background: #005bac;
}

.aw{
  margin-top: 2vw;
  
}

.aw p{
  color: #333333;
  font-size: 17px;
  line-height: 2;
  text-align: justify;
}

.amore{
  width: 178px;
  height: 54px;
  border-radius: 26px;
  background: #005bac;
  margin-top: 2.6vw;
}

.amore a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  line-height: 54px;
}

.amore a img{
  margin-left: 15px;
}

.abr{
  position: relative;
  width: 47.75%;
}

.abr::before{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/6f352f7d333406d5c38510a95bf95361c84b1d9f.png) no-repeat top center;
  background-size: 100% 100%;
  width: 388px;
  height: 420px;
  z-index: -1;
}

.abr::after{
  content: '';
  position: absolute;
  bottom: 30px;
  right: 0;
  background: url(../images/1b5d950f0c769a0e8f52172865b511587b19a54e.png) no-repeat top center;
  background-size: 100% 100%;
  width: 58px;
  height: 376px;
}

.abr img{
  max-width: 100%;
  padding-right: 30px;
  padding-bottom: 30px;
   transition: all ease-in-out 0.3s; 
}
.abr img:hover{
  transform: scale(1.05);     transition: all ease-in-out 0.3s; 
}


.num-index{
  border-top: 1px solid rgba(0,0,0,0.08);
  padding-top: 4.0625vw;
}

.nlist li{
  background: url(../images/a4d203629f89fc061e880a7a1f1bb5de71e79d76.png) no-repeat left center;
  padding-left: 1.1vw;
  width: 25%;
}

.nlist li .num1{
  font-weight: bold;
  color: #333333;
  font-size: 60px;

  line-height: 1;
}

.nlist li .num1 s2{
  font-size: 26px;
  font-weight: bold;
  position: absolute;
}

.nlist li .num2{
  color: #666666;
  font-size: 16px;
  padding: 0.78125vw 0;
}

@media(max-width: 1300px){
  .at h3{
    font-size: 33px;
  }
  .at h4{
    font-size: 20px;
  }
  .nlist li .num1{
    font-size: 48px;
  }
}

@media(max-width: 1024px){
  .aw p{
    font-size: 15px;
  }
  .ab-index{
    align-items: center;
  }
  .abr img{

  }
  .abr::before{
    width: 240px;
    height: 330px;
  }
  .abr::after{
    width: 29px;
    height: 176px;
  }
}

@media(max-width: 767px){
  .ab-bg{
    padding: 40px 0;
  }
  .ab-index{
    flex-wrap: wrap;
  }
  .abl{
    width: 100%;
  }
  .at::before{
    width: 40px;
    height: 40px;
  }
  .at h3{
    font-size: 24px;
  }
  .at h4{
    font-size: 14px;
    padding: 10px 0;
  }
  .amore{
    height: 45px;
  }
  .amore a{
    font-size: 14px;
    line-height: 45px;
  }
  .abr{
    width: 100%;
    margin-top: 20px;
  }
  .abr::before{
    width: 100%;
    height: 100%;
  }
  .abr img{
    padding: 15px;
  }
  .num-index{
    padding-top: 30px;
  }
  .num-index ul{
    flex-wrap: wrap;
  }
  .nlist li{
    width: 50%;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .nlist li .num1{
    font-size: 24px;
  }
  .nlist li .num2{
    font-size: 14px;
  }
}
/* product */


/* css */
.cpbd { position: relative; }
.cpbd .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.cpbd .tt { opacity: 0; visibility: hidden; transition: all .5s ease; }
.cpbd .tt.on { position: relative;  opacity: 1; visibility: visible; }






.pro-bg{
  background: url(../images/b960eff0a0e61f37107743738856767ae1f65fa1.png) no-repeat top center;
  background-size: 100% 100%;
  padding: 4.16666666666667vw 0;
}

.pro-index{

}

.put{
  text-align: center;
}

.put .put1{
  font-weight: 600;
  color: #333333;
  font-size: 36px;
  line-height: 1;
}

.put .put1 b{
  color: #005bac;
}

.put .put2{
  color: #666666;
  font-size: 18px;
  margin-top: 1vw;
}

.pro-index1{
  width: 95%;
  margin: 0 auto;
  border: 4px solid #005bac;
  margin-top: 2vw;text-align:left;

}

.pro-index1 .pro1l{
  width: 19.23%;
  background: #005bac;
text-align:left;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  line-height: 82px;
}

.pro-index1 .pro1l img{
  margin-right: 1vw;
}

.pro-index1 .pro1r{
  width:100%;
  background: #fff;
    padding: 17px 0;text-align:left;
}



.pro-index1 .pro1r ul li{ width:380px; text-align:left; float: left;
}

.pro-index1 .pro1r ul li a{ text-align: left; display:block; width:100%;
  font-weight: normal;
  line-height: 48px;
  color: #333333;
  font-size: 17px;

}





.pro-index1 .pro1r ul li *{
  color: #005bac;
  font-weight: bold;text-align:left;
}

.pro-roll{
  padding-top: 3.3vw;
}

.proSwiper{
  overflow: hidden;
  width: 100%;
}

.proSwiper .swiper-slide a{
  display: block;
  border: 1px solid #dedede;
  background: #fff;
  padding: 0 0 1.56vw;
  margin: 5px;
}

.proSwiper .swiper-slide a .img1 img{
  width: 100%;
}

.proSwiper .swiper-slide a:hover .img1 img{
  border-radius: 10px 10px 0 0;
}


.proSwiper .swiper-slide a .wz1{
  color: #333333;
  font-size: 18px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 1.1vw;
}

.proSwiper .swiper-slide a .wz2{
  color: #888888;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
}

.proSwiper .swiper-slide a:hover{
  border-color: #005bac;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,80,0,.2);
  
}

.proSwiper .swiper-slide a:hover .wz1{
  font-weight: 600;
  color: #005bac;
}

.puxian img{
  width: 100%;
}

@media(max-width: 1300px){
  .put .put1{
    font-size: 32px;
  }
}

@media(max-width: 1024px){
  .pro-index1{
    width: 100%;
  }
  .pro-index1 .pro1r ul li a{
    font-size: 16px;
  }
}

@media(max-width: 767px){
  .pro-bg{
    padding: 40px 0;
  }
  .put .put1{
    font-size: 24px;
  }
  .put .put2{
    font-size: 14px;
    margin-top: 5px;
  }
  .pro-index1{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .pro-index1 .pro1l{
    width: 100%;
    font-size: 14px;
    line-height: 40px;
  }
  .pro-index1 .pro1r{
    width: 100%;
  }
  .pro-index1 .pro1r ul{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-index1 .pro1r ul li{
    margin: 1%;
    width: 45%;
  }
  .pro-index1 .pro1r ul li a{
    font-size: 14px;
    line-height: 35px;
  }
  .pro-roll{
    margin-top: 30px;
  }
  .proSwiper .swiper-slide a .wz1{
    font-size: 14px;
  }
  .proSwiper .swiper-slide a .wz2{
    font-size: 12px;
    padding-top: 5px;
  }
}


/* 持续创新·与众不同 */
.different-bg{
  margin-top: 4.16666666666667vw;
}

.different-index .list2 {
  display: flex;
  justify-content: space-between;
  margin-top: 3.38541666666667vw;
}

.different-index .list2 li {
  width: 12.4%;
  overflow: hidden;
  position: relative;
  transition-duration: .5s;
}

.different-index .list2 li .img1{
  position: relative;
  height: 550px;
}

.different-index .list2 li .img1 > img{
  max-width: 100%;
  object-fit: cover;
  height: 550px;
}

.different-index .list2 li .wz{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
  text-align: center;
  padding-top: 5vw;
}

.different-index .list2 li .wz .wz1 img{
  max-width: 88px;
  text-align: center;
  max-height: 48px;
}

.different-index .list2 li .wz .wz2{
  color: #ffffff;
  font-size: 24px;
  font-weight: normal;
  writing-mode: vertical-rl;
  margin: 2.6vw auto 0;
}

.different-index .list2 li .wzh{
  display: none;
  background: #005bac;
}

.different-index .list2 li.on{
  width: 37.76%;
}

.different-index .list2 li.on .wz{
  display: none;
}

.different-index .list2 li.on a .img1{
  display: flex;
  flex-direction: row-reverse;
}

.different-index .list2 li.on a .img1 > img{
  width: calc(100% - 32.83%);
}

.different-index .list2 li.on .wzh{
  display: block;
  width: 32.83%;
}

.different-index .list2 li.on .wzh .wzh2{
  height: 100%;
  text-align: center;
  padding-top: 5vw;
}

.different-index .list2 li.on .wzh .wzh2 .wz1 img{
  max-height: 48px;
}

.different-index .list2 li.on .wzh .wzh2 .wz2{
  color: #ffffff;
  font-size: 25px;
  font-weight: normal;
  writing-mode: vertical-rl;
  margin: 2.6vw auto 0;
}

.different-index .list2 li.on .wzh .wzh2 .wz3{
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-top: 6.25vw;
}


@media(max-width: 1300px){
  .different-index .list2 li .wz .wz2{
    font-size: 20px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz2{
    font-size: 20px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz3{
    font-size: 16px;
  }
}

@media(max-width: 1024px){
  .different-index .list2 li .wz .wz2{
    font-size: 16px;
  }
  .different-index .list2 li .wz .wz1 img{
    max-width: 50px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz1 img{
    max-width: 50px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz2{
    font-size: 16px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz3{
    font-size: 14px;
    margin-top: 40px;
  }
}

@media(max-width: 767px){
  .different-bg{
    margin-top: 40px;
  }
  .different-index .list2{
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .different-index .list2 li{
    width: 50%;
  }
  .different-index .list2 li.on{
    width: 50%;
  }
  .different-index .list2 li.on .wz{
    display: flex;
    display: block;
  }
.different-index .list2 li .wz{
      padding-top: 15vw;
}
.different-index .list2 li .wz .wz2{
  writing-mode: initial;
}

  .different-index .list2 li.on .wzh{
    display: none !important;
  }
  .different-index .list2 li.on .wzh .wzh2{
    display: none;
  }
  .different-index .list2 li.on a .img1 > img{
    width: 100%;
  }
  .different-index .list2 li .img1{
    height: 200px;
  }
  .different-index .list2 li .img1 > img{
    height: 200px;
    width: 100%;
  }

  .foot-index .footr .ferq li{float: left; margin: 0 2%;  width: 46%;}
  
}

/* 技术优势及特点 */
.ys-index{
  margin-top: 5.2vw;
  margin-bottom: 5.72916666666667vw;
}

/* .tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;} */


.tab-con .tab-main{height:0;overflow:hidden;}
.tab-con .tab-main.aa{height:auto;}






.ys-wrap{

}

.ys-wrap .img1{
  width: 50%;
}

.ys-wrap .img1 img{
  width: 100%;
  border-radius: 10px;
}

.ys-wrap .wz{
  width: 45.19%;
  padding-top: 1.6vw;
}

.ys-wrap .wz .wz1{
  font-weight: 600;
  color: #333333;
  font-size: 36px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.ys-wrap .wz .wz1 img{
  max-width: 100%;
  margin-left: 2vw;
}

.ys-wrap .wz .wz2{
  margin-top: 2vw;
}

.ys-wrap .wz .wz2 p{
  color: #333333;
  font-size: 16px;
  margin-bottom: 1.2625vw;
  position: relative;
}

.ys-wrap .wz .wz2 p::before{
  content: '';
  position: absolute;
  left: -9.375vw;
  top: 50%;
  margin-top: -2.5px;
  width: 142px;
  height: 5px;
  background: #005bac;
  opacity: 0;
}

.ys-wrap .wz .wz2 p:hover{
  font-weight: 600;
  color: #005bac;
}

.ys-wrap .wz .wz2 p:hover::before{
  opacity: 1;
}

.ys-index{
  position: relative;
}

.tab-li{
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 45.19%;
}

.tab-li ul li{
  width: 31.21%;
}

.tab-li ul li .img1{
  border: 3px solid transparent;
  border-radius: 24px;
  
}

.tab-li ul li .img1 img{
  width: 100%;
  border-radius: 21px;
}

.tab-li ul li.on .img1{
   border: 3px solid #005bac;
   box-shadow: 0 0 10px rgba(0,91,172,.5);
}

.tab-li ul li.on .img1 img{
  border-radius: 21px;
}

@media(max-width: 1300px){
  .ys-wrap .wz .wz1{
    font-size: 30px;
  }
  .ys-wrap .wz .wz2 p{
    font-size: 16px;
  }
}

@media(max-width: 1024px){
  .ys-wrap .wz .wz1{
    font-size: 24px;
  }
  .ys-wrap .wz .wz1 img{
    max-width: 20px;
    width: 100%;
  }
  .ys-wrap .wz .wz2 p{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .tab-li{
    bottom: 10px;
  }
  .ys-wrap .wz .wz2 p::before{
    width: 80px;
  }
}

@media(max-width: 767px){
  .ys-index{
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .ys-wrap{
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .ys-wrap .img1{
    width: 100%;
  }
  .ys-wrap .wz{
    width: 100%;
    padding-top: 20px;
  }
  .ys-wrap .wz .wz1{
    font-size: 16px;
  }
  .tab-li{
    position: relative;
    width: 100%;
    bottom: 0;
  }
  .tab-li ul li .img1 img{
    border-radius: 20px;
  }
}


ul,ol,li{list-style-type:none;}


.Toper{ position: fixed; width:100%; color:#fff; line-height:36px; height:36px; padding:0px 0px;background:#3177b6;z-index:9999;}
.Toper a{color:#fff;}.Toper a:hover{color:#ffcc00;}.Toper a.sc{ margin:0 40px 0 35px;}
.Toper .Search{ position:relative; float:right; z-index:777;}
.Toper .Search .icon{ cursor:pointer; display:block; text-align:center;}
.Toper .Search .icon.on img{ display:;}
.Toper .searchbox{ display:; position:absolute; height:26px; right:0px; top:0px; background:#fff; width:200px;}
.Toper .searchbox .i2{ position:absolute; top:-80px; border-radius:50%; right:6px; cursor:pointer; width:32px; height:32px; background: #f39900 url(../images/closenav.png) center center no-repeat; display:none;}
.Toper .searchbox .input{ float:left; width:169px; height:26px; line-height:26px; text-indent:1em; background:#fff; border:0px;}
.Toper .searchbox .btn{ float:left; padding-top:6px; height:20px; line-height:15px; width:30px; text-align:center; border-left:1px solid #dddddd;}

/* case */
.case-bg{
  background-size: 100% 100%;
  padding-top: 4.64583333333333vw;
  padding-bottom: 3.3vw;
}

.case-roll{
  margin-top: 2.60416666666667vw;
  position: relative;
}



.caseSwiper{
  overflow: hidden;
  width: 100%;
  padding-bottom: 51px;
}

.caseSwiper li{
  margin-bottom: 23px;
}

.caseSwiper li .img{
 border-radius: 5px;
}
.caseSwiper li .img img{
  width: 100%;
   transition: all ease-in-out 0.3s;  
}

.caseSwiper li .img img:hover{
   transform: scale(1.05);     transition: all ease-in-out 0.3s;  
}

.caseSwiper li:hover .img{
  box-shadow: 0 0 15px rgba(0,91,172,0.2);
}



.caseSwiper .swiper-pagination{bottom: 0;}
.caseSwiper .swiper-pagination span{
  	width: 10px;
    height: 9px;
    border: solid 2px #333333;
    opacity: 1;
    background: none;

}
.caseSwiper .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #005bac;
  border: solid 2px #005bac;
}






@media(max-width: 767px){
  .case-bg{
    padding: 40px 0;
  }
  .case-roll{
    margin-top: 20px;
  }


}


/* news */
.tt11{
  display: none;
}

.news-index{
  margin-top: 4.16666666666667vw;
  margin-bottom: 6.25vw;
}

.news-index1{
  border-bottom: 2px solid #dbdbdb;
  padding: 1.30208333333333vw 0;
  margin-top: 1.30208333333333vw;
  align-items: center;
}

.nsort{
  width: 80%;
  justify-content: flex-start;
}

.nsort li{
  background: #fff;
  width: 174px;
  height: 54px;
  border-radius: 40px;
  
}

.nsort li a{
  display: block;
  color: #666666;
  font-size: 18px;
  font-weight: 600;
  line-height: 54px;
  text-align: center;
}

.nsort li.cur{
  background: #005bac;
  box-shadow: 0px 14px 14px 0px rgba(6, 115, 68, 0.2);
}

.nsort li.cur a{
  color: #fff;
}

.nmore a{
  display: block;
  color: #999999;
  font-size: 16px;
}

.news-wrap{
  margin-top: 3.22916666666667vw;
}

.newsl{
  width: 46.92%;
}

.newslist1 li .img1 img{
  width: 100%;
}

.newslist1 li .wz{
  padding-left: 95px;
  position: relative;
}

.newslist1 li .wz::before{
  content: '';
  position: absolute;
  left: 56px;
  top: -56px;
  width: 8px;
  height: 138px;
  background: #005bac;
}

.newslist1 li .wz .wz1{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  padding-top: 1.3vw;
}

.newslist1 li .wz .wz2{
  color: #333333;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.78125vw;
}

.newslist1 li .wz .wz3{
  color: #888888;
  font-size: 15px;
  line-height: 24px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  margin-top: 1vw;
}

.newslist1 li:hover .wz .wz2{
  color: #005bac;
  font-weight: bold;
}

.newsr{
  width: 47.82%;
}

.newslist2 li{
  border-bottom: 1px solid #dcdcdc;
  padding: 2vw;
}

.newslist2 li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newslist2 li a .date{
  width: 15%;
  text-align: center;
}

.newslist2 li a .date .d1{
  color: #333333;
  font-size: 71px;
  font-weight: 600;
  line-height: 1;
  font-family: "Arial";
}

.newslist2 li a .date .d2{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
}

.newslist2 li a .wz{
  width: calc(100% - 20%);
}

.newslist2 li a .wz .wz1{
  color: #333333;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newslist2 li a .wz .wz2{
  color: #888888;
  font-size: 15px;
  line-height: 24px;
  margin-top: 0.52083333333333vw;
  overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}

.newslist2 li:hover{
  background: #005bac;
}

.newslist2 li:hover .date .d1{
  color: #fff;
}

.newslist2 li:hover .date .d2{
  color: #fff;
}

.newslist2 li:hover .wz .wz1{
  color: #fff;
}

.newslist2 li:hover .wz .wz2{
  color: #fff;
}

@media(max-width: 1300px){
  .newslist2 li a .date .d1{
    font-size: 50px;
  }
}

@media(max-width: 1024px){
  .newslist1 li .wz .wz2{
    font-size: 18px;
  }
  .newslist2 li a .wz .wz1{
    font-size: 18px;
  }
}

@media(max-width: 767px){
  .news-index{
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .news-index1{
    margin-top: 20px;
  }
  .nsort{
    width: 100%;
  }
  .nsort li{
    width: 33%;
    height: 35px;
  }
  .nsort li a{
    font-size: 14px;
    line-height: 35px;
  }
  .nmore a{
    display: none;
  }
  .news-wrap{
    flex-wrap: wrap;
  }
  .newsl{
    width: 100%;
  }
  .newslist1 li .wz::before{
    left: 10px;
    top: -40px;
    width: 8px;
    height: 80px;
  }
  .newslist1 li .wz{
    padding-left: 20px;
  }
  .newslist1 li .wz .wz2{
    font-size: 16px;
  }
  .newslist1 li .wz .wz3{
    font-size: 14px;
  }
  .newsr{
    width: 100%;
    margin-top: 20px;
  }
  .newslist2 li a .date .d1{
    font-size: 30px;
  }
  .newslist2 li a .date .d2{
    font-size: 14px;
  }
  .newslist2 li a .wz .wz1{
    font-size: 16px;
  }
  .newslist2 li a .wz .wz2{
    font-size: 14px;
  }
}


.pro-index1{
  width: 95%;
  margin: 0 auto;
  border: 4px solid #005bac;
  margin-top: 2vw;
  align-items: center;
}

.pro-index1 .pro1l{
  width: 19.23%;
  background: #005bac;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  line-height: 82px;
}

.pro-index1 .pro1l img{
  margin-right: 1vw;
}

.pro-index1 .pro1r{
  width:100%;
  background: #fff;
    padding: 17px 0;
}

.pro-index1 .pro1r ul{
  text-align: center;
  padding: 0 2%;
}

.pro-index1 .pro1r ul li{
  margin: 0 2vw;
 
  float: left;
}

.pro-index1 .pro1r ul li a{
  display: block;
  text-align: center;
  font-weight: normal;
  line-height: 48px;
  color: #333333;
  font-size: 17px;

}


@media (max-width: 990px) {
.pro-index1 .pro1r ul li a{
  font-size: 14px;
}
}


.pro-index1 .pro1r ul li.on a{
  color: #005bac;
  font-weight: bold;
}

.pro-roll{
  padding-top: 3.3vw;
}

.proSwiper{
  overflow: hidden;
  width: 100%;
}

.proSwiper .swiper-slide a{
  display: block;
  border: 1px solid #dedede;
  background: #fff;
  padding: 0 0 1.56vw;
  margin: 5px;
}

.proSwiper .swiper-slide a .img1 img{
  width: 100%;
}

.proSwiper .swiper-slide a:hover .img1 img{
  border-radius: 10px 10px 0 0;
}


.proSwiper .swiper-slide a .wz1{
  color: #333333;
  font-size: 18px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 1.1vw;
}

.proSwiper .swiper-slide a .wz2{
  color: #888888;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
}

.proSwiper .swiper-slide a:hover{
  border-color: #005bac;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,80,0,.2);
  
}

.proSwiper .swiper-slide a:hover .wz1{
  font-weight: 600;
  color: #005bac;
}

.puxian img{
  width: 100%;
}



/* foot */
.foot-bg{
  /* background: url(../images/aec0dc1c3c648c2e019bc1c517756aaa52cd86b7.jpg) no-repeat top center; */
  background: #eeeeee;
  background-size: 100% 100%;
  padding-top: 3.64583333333333vw;
}

.foot-index{

}

.foot-index .footl{
  width: 28%;
}

.foot-index .footl .flogo img{
  max-width: 100%;
}

.foot-index .footl .flx{
  margin-top: 2.34375vw;
}

.foot-index .footl .flx p{
  font-size: 15px;
  color: #000;
  line-height: 30px;
}

.foot-index .footr{
  width: 66.22%;
}

.foot-index .footr .fnav{
  width: 77.88%;
} 

.foot-index .footr .fnav dl{
  width: 25%;
}

.foot-index .footr .fnav dl dt{
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

.foot-index .footr .fnav dl dd a{
  display: block;
  font-size: 15px;
  color: #000;
  line-height: 34px;
}

.foot-index .footr .fnav dl dd a:hover{
  color: #005bac;
}

.foot-index .footr .ferq img{
    max-width: 128px;
    width: 100%;
}

.foot-index .footr .ferq li{margin-bottom: 35px;}

.foot-index .footr .ferq p{
  text-align: center;
  color: #000;
  font-size: 14px;
  margin-top: 0.78125vw;
}

.cop-bg{
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 2.86458333333333vw;
  padding: 1.9vw 0;
  background: #666666;
  padding-bottom: 0;
}

.cop-index{
  color: rgba(255,255,255,.6);
  font-size: 14px;
  line-height: 26px;
}

.cop-index a{
  color: rgba(255,255,255,.6);
}

.cop-index a:hover{
  color: #005bac;
}

.cop-index .copl{
  width: 48%;
}

.cop-index .copr{
  width: 48%;
  text-align: right;
}

.c-link{
  /* background: #000; */
  padding: 15px 0;
  color: #fff;
}

.c-link span{
  background: url(../images/fad714d179e7241ebcfc8153c5b27bc6d483d92b.png) no-repeat left center;
  padding-left: 15px;
}

.c-link a{
  color: rgba(255,255,255,.6);
}

@media(max-width: 767px){
  .foot-bg{
    padding-top: 40px;
  }
  .foot-index{
    flex-wrap: wrap;
  }
  .foot-index .footl{
    width: 100%;
  }
  .foot-index .footl .flogo img{
    max-width:200px;
    width: 100%;
  }
  .foot-index .footr{
    width: 100%;
    flex-wrap: wrap;
  }
  .foot-index .footr .fnav{
    display: none;
  }
  .ferq{
    margin-top: 10px;
  }
  .cop-bg{
    margin-top: 20px;
    padding: 20px 0;
  }
  .cop-index{
    flex-wrap: wrap;
  }
  .cop-index .copl{
    width: 100%;
    text-align: center;
  }
  .cop-index .copr{
    width: 100%;
    text-align: center;
  }
}



.page-wrap-left{}
.xypg-left-con2{margin-bottom: 3.5%; display: none;}
.xypg-left-con2 .xypg-left-nav {display:block;}
.xypg-left-con2 .xypg-left-nav>li {position: relative;text-align:center;margin-right: 10px;max-width: 200px;float: left;
width: 16%;}
.xypg-left-con2  .xypg-left-nav > li:last-child {border: none;}
 
.xypg-left-con2 .xypg-left-nav > li .first-nav-btn{background: none;}
.xypg-left-con2 .xypg-left-nav>li>a {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #444444;
    padding: 10px 40px;
    background: #eeeeee;border-radius: 6px;
}

.xypg-left-con2 .xypg-left-nav>li:hover>a,
.xypg-left-con2 .xypg-left-nav>li.clicked>a {
    color: #fff;background:#014099;
}



.xypg-left-con2 .xypg-left-nav li a ul li a{
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #444444;
    padding: 10px 40px;
    background: #eeeeee;border-radius: 6px;
}








.x-menu > li.tbdh{width: 325px;padding-left: 15px;}
.x-menu > li.tbdh img{float: left;width: 35px;}
.x-menu > li.tbdh h2{float: left;font-size: 25px;line-height: 35px;margin-left: 15px;width: 171px;}


@media (max-width: 1450px) {  
  .x-menu > li.tbdh{width: 300px;}

}













/* 文字 */