@charset "utf-8";
a, img { vertical-align: top; }
.container { width: 74.73%; margin: auto; }
.container1 { width: 76.56%; margin: auto; }
@media(max-width: 1480px){
    .container { width: 83%; }
    .container1 { width: 83%; }
}

@media(max-width: 1100px){
    .container { width: 94%; }
}

.fl { float: left; }
.fr { float: right; }
i { font-style: normal; }
.dx { text-transform: uppercase; }
.img100 img { width: 100%; line-height: 0; }
.center { text-align: center; }
.m { display: none; }

.cof { color: #fff; }
.cor { color: #af9772; }
.co0 { color: #000000; }


/**头部**/
.topHeader { position: fixed; z-index: 100; width: 100%; padding: 0 61px 0 61px; background: rgba(0, 0, 0, 0); transition: all .4s; }
.topHeader .logo a { display: block; padding: 20px 0 0; transition: all .4s; }
.topHeader .headl { margin-right: 52px; }
.topHeader .headl ul li { position: relative; float: left; margin-right: 57px; }
.topHeader .headl ul li:last-child { margin-right: 0; }
.topHeader .headl ul li .sub { display: block; color: #154e4e; font-size: 18px; padding: 50px 0 10px 0; line-height: 1; transition: all .4s; }



.topHeader .headl ul li .Gross { display:none; width: 180px; border-radius:10px; padding-top:30px; position: absolute; left:50%; transform:translateX(-50%); top:70px; }
.topHeader.fixed-head .headl ul li .Gross { top:60px; padding-top: 40px; }
.topHeader.fixed-head2 .headl ul li .Gross { top:60px; padding-top: 40px; }
.Grossbj { background: #fff; border-radius: 10px; padding: 0; overflow: hidden; text-align:center; }
.Grossa1 a { border-bottom:1px solid rgba(60,120,100,0.1); display: block; font-size: 16px; color:#333; padding: 18px 0; }
.Grossa1 a:hover { color:var(--blue); }
.topHeader .headl ul li:hover .Gross { display:block; }
.Grossa1:last-child a { border:none; }



.topHeader .aasdep .modui { font-size: 16px; color: #dfe1e4; line-height: 1; position: relative; }
.topHeader .headr { margin-top: 55px; transition: all .4s; }
.topHeader .headr .sousuo { position: relative; cursor: pointer; }
.topHeader .aasdep { margin-left: 18px; display: inline-block; width: auto; height: auto; cursor:pointer; }
.topHeader .aasdepa { display: inline-block; width: auto; height: auto; }

.topHeader .subsearch { display: none; width: 140px; position: absolute; top: 40px; right: 0; }
.topHeader .subsearch .lanSub { background: rgba(255,255,255,0.9); border-radius: 3px; padding:15px 0px; position: relative;width: 100%;}
.topHeader .subsearch .lanSub a { display: inline-block;line-height: 20px; font-size: 14px;color:#343945;width: 100%;margin-bottom: 10px;padding: 2px 20px;}
.topHeader .subsearch .lanSub a:last-child{margin-bottom: 0;}
.topHeader .subsearch .lanSub a:hover,.topHeader .subsearch .lanSub a.cur { color:#154e4e;background: #f8f9fa; }



.subsearche {
  width: 400px;
  position: absolute;
  top: 10px;
  right: -36px;
  padding-top: 47px;
  display: none;
}
.subsearche form:after {
  content: '';
  position: absolute;
  right: 36px;
  top: -8px;
  line-height: 0;
  border-width: 8px;
  border-color: #ffffff;
  border-top-width: 0;
  border-style: dashed;
  border-top-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
}
.subsearche form {
  background: #ffffff;
  border-radius: 3px;
  padding: 10px 20px;
  position: relative;
  width: 100%;
 
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

.subsearche form input.inp {
  width: 100%;
  border: none;
  border-left: 2px solid #93969d;
  background: none;
  outline: none;
  padding-left: 10px;
  color: #333;
  height: 45px;
  font-size: 15px;
}

.subsearche form input.subxx {
  border: none;
  outline: none;
  position: absolute;
  right: 20px;
  top: 2px;
  height: 56px;
  background: url(/images/aasdep.png) no-repeat center;
  font-size: 0;
  width: 25px;
}

.topHeader .navR {
  /*display: block;*/
  height: 14px;
  cursor: pointer;
  padding-top: 58px;
  margin-left: 24px;
  transition: all .4s;
}

.topHeader .navBtn { height: 14px; margin-top: -1px; float: left; left: 3%; width: 32px; position: relative; }
.menu-i {
	height: 2px;
	right: 0px;
	position: absolute;
	border-radius: 1px;
	font-style: normal;
	background-color: #154e4e;
	display: block;
	transition: all 0.5s;
	border-radius: 2px;
}
.menu-i-1 { width: 25px; top: 0; }
.menu-i-2 { width: 17px; top: 6px; }
.menu-i-3 { width: 25px; top: 12px; }
.mobile-menu-on .menu-i-1 { transform: translateY(6px) rotate(45deg); background-color: #154e4e; }
.mobile-menu-on .menu-i-2 { opacity: 0; }
.mobile-menu-on .menu-i-3 { transform: translateY(-6px) rotate(-45deg); background-color: #154e4e;}



.logo a .oiwl2 { display:none; }
.topHeader .mr2 { display:none; }

.headerNy .logo a .oiwl2 { display:inline-block; }
.headerNy .logo a .oiwl1 { display:none; }
.headerNy .headl ul li .sub { color:#fff; }
.headerNy .menu-i { background: #fff; }
.headerNy .mr1 { display:none; }
.headerNy .mr2 { display:inline-block; }

.fixed-head .logo a .oiwl2 { display:none; }
.fixed-head .logo a .oiwl1 { display:inline-block; }
.fixed-head .headl ul li .sub { color:var(--blue); }
.fixed-head .menu-i { background: #154e4e; }
.fixed-head .mr2 { display:none; }
.fixed-head .mr1 { display:inline-block; }

.fixed-head .headl ul li .sub { padding: 35px 0 26px; }
.fixed-head .headr { margin-top: 35px; }
.fixed-head .navR { padding-top: 37px; }
.fixed-head { background: rgba(255,255,255,1); }
.fixed-head .logo a { padding: 20px 0 19px; }
.fixed-head .menu-i { background: #154e4e; }



.fixed-head2 .logo a .oiwl2 { display:none; }
.fixed-head2 .logo a .oiwl1 { display:inline-block; }
.fixed-head2 .headl ul li .sub { color:var(--blue); }
.fixed-head2 .menu-i { background: #154e4e; }
.fixed-head2 .mr2 { display:none; }
.fixed-head2 .mr1 { display:inline-block; }
.fixed-head2 .headl ul li .sub { padding: 35px 0 26px; }
.fixed-head2 .headr { margin-top: 35px; }
.fixed-head2 .navR { padding-top: 37px; }
.fixed-head2 { background: rgba(255,255,255,1); }
.fixed-head2 .logo a { padding: 20px 0 19px; }
.fixed-head2 .menu-i { background: #154e4e; }



.headerIndex .headl ul li .sub { padding: 35px 0 26px; }
.headerIndex .headr { margin-top: 35px; }
.headerIndex .navR { padding-top: 37px; }
.headerIndex { background: rgba(255,255,255,1); }
.headerIndex .logo a { padding: 20px 0 19px; }
.headerIndex .menu-i { background: #154e4e; }


.zongse .homeBoxbg { position: absolute; left: 0; top: 0; width: 100%; }
.zinde { position: relative; z-index: 1; }




.indexF { padding: 185px 0 218px; overflow: hidden; background: #e5f2ef; }
.indexF::before { position: absolute; content: ""; bottom: 0; width: 100%; height: 7.5vw; background: url(/images/indexFw.png)no-repeat center center/cover; z-index: 2; }
.indexF .container { position: relative; z-index: 1; }
.indexF .disatop .more { position: absolute; right: 0; bottom: 12px; right: 0; transition: all .5s; }
.indexF .disatop .more:hover { right: 24px; }

.indexF .disannr { margin-top: 23px; }
.indexF .disannr .annnrl { width: 66%; margin-right: 2%; position: absolute; left: 0; height: 100%; border-radius: 20px; overflow: hidden; }
.indexF .disannr .annnrl a { display: block; position: relative; width: 100%; height: 100%; }
.indexF .disannr .annnrl a .con {z-index: 5; position: absolute; width: 100%; bottom: 0; height: auto; padding: 0 40px 50px 40px; }
.indexF .disannr .annnrl a .con .t1 { color: #fff; }
.indexF .disannr .annnrl a .con .t { color: #fff; line-height: 1.42; margin-top: 6px; }
.indexF .disannr .annnrl a .con .ane { width: 28px; height: 12px; overflow: hidden; position: relative; margin-top: 25px; }
.indexF .disannr .annnrl a .con .ane::before { position: absolute; content: ""; left: -10px; width: 28px; height: 12px; background: url(/images/ane.png)no-repeat right top; transition: all .5s; }
.indexF .disannr .annnrl a:hover .con .ane:before { left: 0; }
.indexF .disannr .annnrl a .img { border-radius: 20px; overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1); transition: all .5s; }
.indexF .disannr .annnrl a .img img { transform: scale(1); transition: all .5s; display: none; }
.indexF .disannr .annnrl a:hover .img { transform: scale(1.05); }
.indexF .disannr .annnrl a:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4)); z-index: 1; }
.indexF .disannr .annnrr { width: 32%; background: #fff; border-radius: 20px; overflow: hidden; padding: 5px 30px 0; }
.indexF .disannr .annnrr ul li { border-bottom: 1px solid #f0f0f0; }
.indexF .disannr .annnrr ul li a { display: block; padding: 33px 0 28px; }
.indexF .disannr .annnrr ul li a .nga { color: #888888; line-height: 1; }
.indexF .disannr .annnrr ul li a .ngb { line-height: 1.6; margin-top: 7px; color: #333333; transition: all .5s; }
.indexF .disannr .annnrr ul li a .ngb p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.indexF .disannr .annnrr ul li:hover a .ngb { color: #339475; }
.indexF .disannr .annnrr ul li:hover a .ngb p { text-decoration: underline; text-decoration-color: #339475; }

.indexF .disannr .annnrr ul li .ane { width: 28px; height: 12px; overflow: hidden; position: relative; margin-top: 25px; }
.indexF .disannr .annnrr ul li .ane::before { position: absolute; content: ""; left: -10px; width: 28px; height: 12px; background: url(/images/awne.png)no-repeat right top; transition: all .5s; }
.indexF .disannr .annnrr ul li:hover  .ane:before { left: 0; }



.footer { margin-top:-1px; background: #014c46; padding: 115px 0 0; position: relative; }

.footer .ootel .elzo { color: #fff; line-height: 30px; margin-top: 21px; }
.footer .ootel .lianz { margin-top: 25px; }
.footer .ootel .lianz ul li { float: left; margin-right: 25px; }
.footer .ootel .lianz ul li:last-child { margin-right: 0; }
.footer .ootel .lianz ul li a { display: block; font-size: 16px; color: #ffffff; }
.footer .ootel .lianw .w { color: #fff; font-size: 16px; opacity: .5; margin: 28px 0 15px; }
.footer .ootel .lianw .yq ul li { float: left; margin-right: 22px; }
.footer .ootel .lianw .yq ul li a { display: block; color: #fff; font-size: 14px; opacity: .5; }
.footer .ootel .lianw .yq ul li:last-child { margin-right: 0; }

.footer .ooter { width: 554px; }
.footer .ooter ul li { text-align: center; float: left; width: 112px; height: 160px; margin-right: 35px; margin-bottom: 28px; }
.footer .ooter ul li:nth-child(4n) { margin-right: 0; }
.footer .ooter ul li .icon img { width: 100%; }
.footer .ooter ul li .wz { color: #a4b5b7; line-height: 22px; margin-top: 5px; margin-top: 5px; }

.footer .anzms { color: rgba(255,255,255,.5);  border-top: 1px solid #195f59; padding: 30px 0 27px; margin-top: 53px; }


.indexbanner { position: relative; overflow: hidden; height: 100vh; }
.indexbanner:after { position: absolute; content: ""; bottom: 0; left: 0; width: 23vw; height: 45vw; background: url(/images/indexbanwbe.png)no-repeat center center/cover; }
/*.indexbanner::before { position: absolute; content: ""; z-index: 2; bottom: 0; left: 0; height: 5vw; width: 100%; background: url(/images/indexbannerbe.png)no-repeat center center/cover; }*/
.indexbanner .nner { position: absolute; right: 3.125vw; text-align: center; bottom: 15vh; width: 15px; -webkit-animation: haha1 1.2s linear infinite; }
.indexbanner .nner .ertop { writing-mode:vertical-rl; color: #347c67; font-size: 12px; width: 13px; display: inline-block; }
.indexbanner .nner .toza { width: 15px; height: 22px; background: url(/images/toza.png)no-repeat center center/cover; display: inline-block; margin-top: 9px; }
@-webkit-keyframes haha1 {
	0% {bottom: 13vh;opacity: 1;}
	25% {bottom: 12vh;opacity: 0.75;}
	50% {bottom: 11vh;opacity: 0.5;}
	75% {bottom: 10vh;opacity: 0.25;}
	100% {opacity: 0; bottom: 9vh;}
}


.indexbanner .qiehuandw { position: absolute; bottom: 0; left: 0; width: 100%; }
.indexbanner .qiehuandw .andwmzr { width: 37vw; }
.indexbanner .qiehuandw .andwmzl { width: calc(100% - 40vw); padding-top: 15vw; } 
.indexbanner .qiehuandw .andwmzl .mza { color: #000000; line-height: 1.15; }
.indexbanner .qiehuandw .andwmzl .mzb { color: #347c67; margin: 10px 0 46px; }
.indexbanner .swiper-container { overflow: hidden; }

.indexbanner .xiaomznx { position: relative; }
.indexbanner .xiaomznx .swiper-pagination-top { opacity: 0; }
.indexbanner .xiaomznx .woshiann { position: absolute; bottom: 15vh; z-index: 5; }
.indexbanner .xiaomznx .woshiann .gozms { position: initial; width: 50px; height: 50px; transition: all .5s; }
.indexbanner .xiaomznx .woshiann .gozms:after { opacity: 0; }
.indexbanner .xiaomznx .woshiann .swiper-button-prev { background: url(/images/onmprev.png)no-repeat center center/cover; }
.indexbanner .xiaomznx .woshiann .swiper-button-next { background: url(/images/onmnext.png)no-repeat center center/cover; margin-left: 17px; }
.indexbanner .xiaomznx .woshiann .swiper-button-prev:hover { background: url(/images/onmpreva.png)no-repeat center center/cover; }
.indexbanner .xiaomznx .woshiann .swiper-button-next:hover { background: url(/images/onmnexta.png)no-repeat center center/cover; }


.ssss {
  position: absolute;
  left: 0;
  z-index: 3;
  top: 14vh;
}

.sss {
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
  cursor:pointer;
  margin-right: 23px
}

.sss:last-child { margin-right: 0; }

.ssss .sss:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	background: #347c67;
	border-radius: 100%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.ssss .sss:before {
  content: "";
  position: absolute;
  left: 50%;
	top: 50%;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, -50%);
  border-radius: 100px;
  border: 3px solid #d6e5e1;
  background: #fff;
  z-index: 1;
  opacity: 0;
}

.ssss .sss-active:before {
  opacity: 1;
}

.sss .circle {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.sss .circle i {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
  z-index: 2;
}

.sss .circle i::before {
	content: '';
	position: absolute;
	width: 200%;
	right: 0;
	top: 0;
	bottom: 0;
	border: 3px solid #347c67;
	border-radius: 100%;
	box-sizing: border-box;
	clip: rect(0, 22px, 22px, 11px);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);

}

.sss .circle i:first-child::before {
	left: 0;
	right: auto;
	clip: rect(0px, 11px, 22px, 0px);
}


.sss.sss-active .circle i::before {
	-webkit-animation: circleR 5000ms linear both;
	animation: circleR 5000ms linear both;
}

.sss.sss-active .circle i:first-child::before {
	-webkit-animation-name: circleL;
	animation-name: circleL;
}

@-webkit-keyframes circleL {

	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes circleL {

	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@media(max-width:1920px) {
  .indexF { padding: 9.63541vw 0 11.35416vw; }
  .indexF::before { height: 7.5vw; }
  .indexF .disatop .more { bottom: 0.625vw; }
  .indexF .disannr { margin-top: 1.19791vw; }
  .indexF .disannr .annnrl a .con { padding: 0 2.08333vw 2.60416vw 2.08333vw; }
  .indexF .disannr .annnrl a .con .ane { margin-top: 1.30208vw; }
  
  .indexF .disannr .annnrr { padding: 5px 1.5625vw 0; }
  .indexF .disannr .annnrr ul li a { padding: 1.71875vw 0 1.45833vw; }
  .indexF .disannr .annnrr ul li .ane { margin-top: 1.30208vw; }
  

}


@media(max-width:1450px) {
  .topHeader .headl { margin-right: 30px; }
  .topHeader .headl ul li { margin-right: 25px; }
  
  .indexbanner .qiehuandw .andwmzl { padding-top:25vh; }
  .ssss { top: 5vh; }
}

@media(max-width:1380px) {
  .footer .ooter { width: 508px; }
  .footer .ooter ul li { margin-right: 20px; margin-bottom: 20px; }
}

@media(max-width:1300px) {
  .footer .ootel { width: 400px; }
  .footer .ootel .lianz ul li a { font-size: 15px; }
  .footer .ootel .lianw .w { font-size: 15px; }
  .footer .ootel .lianw .yq ul li { margin-bottom: 5px; }
}

@media(max-width:1280px) {
  .topHeader .headl ul li .sub { font-size: 16px; }
  .topHeader .headl ul li .sub { padding: 30px 0 0; }
  .topHeader .headl ul li .Gross { top: 46px; }
  .topHeader .headr { margin-top: 58px; }
  .topHeader .navR { padding-top: 61px; }

  .indexD .dexeml a .nexxq .an { height: 40px; }
  .indexE .dexesw .swiper-slide .an { height: 40px; }
  .indexD .dexeml a .nexxq .xxqtop span { font-size: 16px; }

  .fixed-head .headl ul li .sub {
      padding: 35px 0 26px;
  }

  .fixed-head .headr {
      margin-top: 35px;
  }

  .fixed-head .navR {
      padding-top: 37px;
  }
  .fixed-head2 .headl ul li .sub {
      padding: 35px 0 26px;
  }

  .fixed-head2 .headr {
      margin-top: 35px;
  }

  .fixed-head2 .navR {
      padding-top: 37px;
  }

  .topHeader .headl ul li { margin-right: 18px; }
  .indexD .dexeml a .nexxq .xxqtop span { left: 88px; }
}

@media(max-width:1152px) {
  .ssss { top: 2vh; }
}

@media(max-width:1100px) {
  .m { display: block; }
  .pc { display: none; }


  .indexbanner { height: auto; }
  .indexbanner:after { display: none; }
  .indexbanner .qiehuandw { position: initial; }
  .indexbanner .qiehuandw .andwmzl { width: 100%; padding-top: 30px; }
  .indexbanner .qiehuandw .andwmzl .mzb { margin-bottom: 20px; }
  .indexbanner::before { display: none; }
  .indexbanner .nner { display: none; }

  .topHeader .headl { display: none; }
  .topHeader { padding: 0 3%; }
  .topHeader .logo a { width: 180px; }
  .topHeader .logo a { padding-top: 10px; }
  .fixed-head .logo a { padding: 10px 0; }
  .fixed-head2 .logo a { padding: 10px 0; }
  .topHeader .headr { margin-top: 19px; }
  .fixed-head .headr { margin-top: 19px; }
  .fixed-head .navR { padding-top: 21px; }
  .fixed-head2 .headr { margin-top: 19px; }
  .fixed-head2 .navR { padding-top: 21px; }
  .topHeader .navR { display:block; padding-top: 21px; margin-left: 10px; }


  

  .indexF { padding: 35px 0 45px; }
  .indexF .disannr { margin-top: 20px; }
  .indexF .disannr .annnrl { width: 100%; position: initial; }
  .indexF .disannr .annnrl a .img { background: none; position: initial; }
  .indexF .disannr .annnrl a .img img { display: block; }
  .indexF .disannr .annnrl a .con { padding: 20px; }
  .indexF .disannr .annnrr { padding: 0 20px; width: 100%; margin-top: 20px; }
  .indexF .disannr .annnrr ul li a { padding: 20px 0; }
  .indexF .disannr .annnrr ul li .ane { margin-top: 13px; }
  .indexF .more { margin-top: 30px; }
  
  .footer { padding: 30px 0 0px; }
  .footer .ootel { width: 100%; }
  .footer .ootel .logo { width: 180px; }
  .footer .ootel .elzo { margin-top: 15px; }
  .footer .ootel .lianz { margin-top: 10px; }
  .footer .ootel .lianz ul li { margin-right: 13px; }
  .footer .ootel .lianw .w { margin: 20px 0 10px; }
  .footer .ooter { width: 100%; }
  .footer .ooter ul li { width: 32%; margin-right: 2%; height: auto; }
  .footer .ooter ul li:nth-child(3n) { margin-right: 0; }
  .footer .ooter ul li:nth-child(6) { margin-right: 2%; margin-left: 2%; }
  .footer .ooter ul li:nth-child(7) { margin-right: 0; }
  .footer .ooter ul li.kong { display: none; }
  .footer .ooter ul li:last-child { margin-bottom: 0; }
  .footer .anzms { margin-top: 20px; padding: 20px 0; }
}


.indexB { margin-top: -7.2vw; position: relative; z-index: 10; }
.colorWhite { color:#fff!important; }
.indexB-c { width: 100%; position: absolute; left:0; top:50%; transform:translateY(-50%); }

.indexB-b { width: 45%; float:right; }

.indexB-b .c1 { line-height: 1.8;}
.indexB-b .c2 p {margin-top: 20px; line-height: 1.8;}

@media(max-width: 1600px){
    .indexB-b { width: 50%; }
}
@media(max-width: 1100px){
    .indexB-b { width: 100%; }
}

.mainPre { position: relative; }
.indexC { position: relative; z-index: 10; padding-top: 150px; }
.indexF { margin-top: -180px; padding-top: 360px; }
.indexC .img .anzme { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 122px; height: 122px; cursor: pointer; }
.indexC .img .anzme .quanxne { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/quanxne.png)no-repeat center center/cover; -webkit-animation:haha2 8s linear infinite; }
.indexC .img .anzme .quanxzi { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 66px; height: 66px; background: url(/images/quanxnea.png)no-repeat center center/cover; }
@-webkit-keyframes haha2{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@media(max-width:1900px){
  .indexC { padding-top: 8vw; }
  .indexF { margin-top: -9vw; padding-top: 18vw; }
}
@media(max-width:1500px){
    .indexC .img .anzme { width: 100px; height: 100px; }
    .indexC .img .anzme .quanxzi { width: 60px; height: 60px; }
}
@media(max-width:1100px){
    .indexC .img .anzme { width: 80px; height: 80px; }
    .indexC .img .anzme .quanxzi { width: 50px; height: 50px; }
    
    .indexB { margin-top: -13.2vw; }
    .indexB2 { padding: 26vw 0 16vw; background: url(/images/indexb22.png) no-repeat top center!important; background-size: 100% auto!important; }
    .indexB2 .img2 .mb { display: none; }
    .indexB-c { position: relative; top: 0; transform: translateY(0); }
}



/*手机导航*/
.mh { display: none; }
.mheader { padding: 15px 0.3rem; box-sizing: border-box; height: 60px; position: fixed; left:0; top:0; z-index: 100; background: #fff; width: 100%; background: #fff; }
.mheader .logo img { width: auto; height: 30px; }
.mh .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:5px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }
.mh .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #000000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.m-nav { width:100%; height:100%; overflow-y:scroll; right:-100%; top:0; background:#222222; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1000; }

body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }


.m-nav { border-left:1px solid #ededed; max-width: 320px; transition: all 0.5s; background: #fff; }
body.z-open .m-nav { right:0;z-index: 999999999; }
.m-nav dl dt { text-align: right; padding: 30px 50px 20px 0; border-bottom:1px solid #e2e2e2; }
.m-nav dl dt img { cursor: pointer; }
.m-nav dl dd li { border-bottom:1px solid #e2e2e2; padding: 20px 30px; }
.m-nav dl dd li>a { position: relative; display: block; padding-left:20px; background: url(/images/ss1.png) no-repeat left center; color: #000000; }
.m-nav dl dd li>a:after { content:'';font-size: 16px;color:#3e4145;width: 13px;height: 7px; position: absolute; right:0; top:50%; transform: translateY(-50%);background: url(/images/ss2.png) no-repeat center; }
.m-nav dl dd li .sub { margin-top:10px; display: none;  padding: 10px 0; background-color: #e9e9f3; }
.m-nav dl dd li .sub a { display: block; font-size: 14px;color:#00246E; padding-left:20px; line-height: 1; padding: 8px 0; }
/*.m-nav dl dd li:hover .sub { display: block; }*/

.m-nav dl dd li .sub { padding: 10px; }

.m-nav dl dd li.cur>a,.m-nav dl dd li:hover>a { color:var(--blue); }
.m-nav dl dd li.cur>a:after { background: url(/images/ss3.png) no-repeat left center; }
@media (max-width: 640px) {
    .m-nav { max-width: 100%;}
    .m-nav dl dt { text-align: right; padding: 20px 20px 20px 0; }
    .m-nav dl dd li { padding: 14px 20px; }
}
@media (max-width: 400px) {
    .m-nav { max-width: 100%;}
    .m-nav dl dt { text-align: right; padding: 16px 20px 16px 0; }
    .m-nav dl dd li { padding: 8px 20px; }
}


/*外部照料*/
.bgf2 { background: url(/images/dibu_beij.png)no-repeat bottom left #f2f7f6; background-size: 100% auto; }
.bgFooter,.tzgx_b,.zgwjA {  position: relative; }
.zgwjA { padding-bottom: 10vw; }
.bgFooter:after { z-index: ; content:''; width: 100%; height: 200px; background: url(/images/dibu_beij.png)no-repeat bottom left; background-size: 100% auto; position: absolute; left:0; bottom:-2px; }
.teamB .bgFooter:after { z-index: 10; }

.tzgx_b:after,.zgwjA:after { content:''; width: 100%; height: 200px; background: url(/images/dibu_beij.png)no-repeat bottom left; background-size: 100% auto; position: absolute; left:0; bottom:-2px; }
/*.ny_banner { background: #f2f7f6; }*/
.zgwjA .container { position: relative; z-index: 2; }

.wbgw { padding:3vw 0 8vw; }


.loaders {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.loader,.ball-spin-fade-loader { width: 32px; height: 32px; margin: 0 auto; }
.wbgwListA ul { display:flex; flex-wrap:wrap; }
.wbgwListA ul li { cursor: pointer; width: calc(33.333% - 14px); float:left; margin-right: 21px; }
.wbgwListA ul li a { padding:20px; }
.wbgwListA ul li:nth-child(3n) { margin-right:0; }
.wbgwListA ul li:nth-child(n+4) { margin-top:20px; }
.wbgwListA a { display:block; }
.wbgwListA-a { min-height:200px; }
.img img { transition:all 0.3s; }
.img:hover img { transform:scale(1.05); }
.wbgwListA ul li:hover,.wbgwListA ul li.show { position: relative; z-index: 10; }
.wbgwListA ul li:hover .img img { transform:scale(1.05); }
.addMore span { display:inline-block; width: 76px; height: 50px; border:2px solid rgba(62,130,110,0.3); border-radius: 50px; background: url(/images/addjia.png) no-repeat center; }
/*.wbgwListA ul li:hover .wbgwListA-d .addMore span { background: var(--blue); border:none; background: url(/images/addjiabg3.png) no-repeat center/cover;}*/
.wbgwListA ul li.show .wbgwListA-d .addMore span { background: var(--blue); border:none; background: url(/images/addjiabg3.png) no-repeat center/cover;}


.wbgwListA-d { height: 500px; transition:all 0s; opacity: 0; position: absolute; width: 100%; padding:20px; left:0; top:0; }
/*.wbgwListA ul li:hover .wbgwListA-d { height: auto; opacity: 1; }*/
.wbgwListA ul li.show .wbgwListA-d { box-shadow: 5px 10px 5px 0 rgba(120,120,120,0.2); height: auto; opacity: 1; }
.wbgwListA-d .addMore { margin-top:30px; }
@media(max-width: 1500px){
    .wbgwListA ul li a { padding: 15px; }
    .wbgwListA ul li .c2 { font-size:14px; margin-top:12px; }
}
@media(max-width: 1100px){
    .wbgwListA ul li { width: calc(50% - 8px); float:left; margin-right: 16px; }
    .wbgwListA ul li:nth-child(3n) { margin-right:16px; }
    .wbgwListA ul li:nth-child(2n) { margin-right:0; }
    .wbgwListA ul li:nth-child(n+3) { margin-top:20px; }
    .addMore span { width: 75px; height: 44px; }
}
@media(max-width: 500px){
    .wbgwListA ul li { width: 100%; float:left; margin-right: 0; }
    .wbgwListA ul li:nth-child(3n) { margin-right:0; }
    .wbgwListA ul li:nth-child(2n) { margin-right:0; }
    .wbgwListA ul li:nth-child(n+2) { margin-top:20px; }
    .wbgwListA-a { min-height: auto; padding-bottom: 20px; }
}

/*治理团队*/
.team { position: relative; }
.team:before { content:''; width: 0; transition:all 2s; height: 106vw; background: url(/images/teambg.png) no-repeat top right; background-size: auto 106vw; position: absolute; top:0; right:0; }
.team.active:before { width: 62vw; }
.teamA { padding: 80px 0 0; }
.teamA-b { width: 34%; position: absolute; left:0; top:50%; transform:translateY(-50%); }
.teamA-b .topT { padding-bottom: 30px; border-bottom:1px solid #ededed; }
.teamA-b .con p { margin-bottom:10px; position: relative; padding-left: 10px; }
.teamA-b .con p:before { content:''; width: 6px; height: 6px; background: #e5e5e5; position: absolute; left:0; border-radius: 5px; top: 10px; }
.teamA-c { width: 60%; text-align:center; }
.teamA-c img { width: 70%; }


@media(max-width: 1950px){
	.teamA-b { position: relative; top:0; transform:translateX(0); float:left; padding-bottom: 5vw; }
	.teamA-c { position: absolute; right:0; bottom:0; }
}


@media(max-width: 1280px){
    .teamA { padding: 60px 0 0; }
    .teamA-b .con p:before { top: 8px; }
    .teamA-b .topT { padding-bottom: 20px; }
    .teamA-b .con p { margin-bottom: 8px; }
    .teamA-c img { width: 80%; }
}


@media(max-width: 1100px){
    .teamA { padding: 60px 0 0; }
    .teamA-b { width: 100%; position: relative; float:left; top:0; transform:translateY(0); }
    .teamA-c { width: 100%; }
    .teamA-b .con p:before { top: 8px; }
    .teamA-b .topT { padding-bottom: 20px; }
    .teamA-b .con p { margin-bottom: 8px; }
    .teamA-c img { width: 80%; }
    .teamA-c { position: relative; right:0; bottom:0; }
}
.wbgwListA { position: relative; z-index: 5; }
.teamB { position: relative; z-index: 10; padding-top: 250px; background: url(/images/teambg2.png) no-repeat top center/cover; margin-top: -100px; }
.teamB .bgFooter { padding-bottom: 100px; }
@media(max-width: 1900px){
    .teamB { padding-top: 13vw; margin-top: -5vw; }
}

/*企业文化*/
.cultureA { padding: 150px 0; }
.cultureA-b { position: absolute; top:0; left:0; }
.cultureA-c ul li { position: relative; background: #f0f9f5; transition:all 0.5s; float:left; width: calc(33.333% - 12px); margin-right: 18px; }
.cultureA-c ul li:nth-child(3n) { margin-right:0; }
.cultureA-c ul li:nth-child(1) { margin-top: 160px; }
.cultureA-c ul li:nth-child(2) { margin-top: 80px; }
.cultureA-c ul li:after { content:''; width: 240px; height: 240px; background: url(/images/cultureabg.png) no-repeat center/cover; position: absolute; right:0; bottom:0; }
.cultureA-c ul li:hover { box-shadow: 0px 53px 47px 0px rgba(1, 89, 88, 0.18); }
.cultureA-c .icon .pic2 { display:none; }
.cultureA-d { padding: 60px 50px 80px; }
.cultureA-e { min-height: 11vw; }
.cultureA-d .tit { padding-bottom:35px; border-bottom:1px solid #d5e7e1; margin-bottom:40px; }
.cultureA-d .con p { margin-bottom: 12px; }
.cultureA-c ul li:hover { background-image: -moz-linear-gradient( 90deg, rgb(2,80,86) 0%, rgb(0,156,107) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(2,80,86) 0%, rgb(0,156,107) 100%); background-image: -ms-linear-gradient( 90deg, rgb(2,80,86) 0%, rgb(0,156,107) 100%); }
.cultureA-c ul li:hover .icon .pic2 { display:inline-block; }
.cultureA-c ul li:hover .icon .pic1 { display:none; }
.cultureA-c ul li:hover .t1,
.cultureA-c ul li:hover .t2,
.cultureA-c ul li:hover .con p,
.cultureA-c ul li:hover .con .dd,
.cultureA-c ul li:hover .con p span { color:#fff; }

@media(max-width: 1900px){
    .cultureA-d { padding: 3vw 2.5vw 4vw; }
    .cultureA-d .tit { padding-bottom: 1.8vw; margin-bottom:2vw; }
    .cultureA { padding-top: 8vw; }
}
@media(max-width: 1800px){
    .cultureA-d .con .font24 { font-size: 22px; }
    .cultureA-d .con .font20 { font-size: 18px; }
    .cultureA-c .icon img { height: 60px; width: auto; }
}
@media(max-width: 1700px){
    .cultureA-d .con .font24 { font-size: 21px; }
    .cultureA-d .con .font20 { font-size: 16px; }
    .cultureA-c .icon img { height: 60px; width: auto; }
    .cultureA-e { min-height: 200px; }
    .cultureA-c ul li:nth-child(1) { margin-top: 160px; }
    .cultureA-c ul li:nth-child(2) { margin-top: 80px; }
}
@media(max-width: 1400px){
    .cultureA-d .con .font24 { font-size: 18px; }
    .cultureA-d .con .font20 { font-size: 14px; }
    .cultureA-c .icon img { height: 50px; width: auto; }
    .cultureA-c ul li:nth-child(1) { margin-top: 120px; }
    .cultureA-c ul li:nth-child(2) { margin-top: 60px; }
}
@media(max-width: 1100px){
    .cultureA-b { position: relative; }
    .cultureA-c ul li { width: 100%; margin-right:0; }
    .cultureA-c ul li:nth-child(1) { margin-top: 0; }
    .cultureA-c ul li:nth-child(2) { margin-top: 0px; }
    .cultureA-c ul li:nth-child(n),.cultureA-c ul li { margin-top:20px; }
    .cultureA-e { min-height: 20px; }
    .cultureA-d { padding: 20px 15px 25px; }
    .cultureA-d .tit { padding-bottom: 18px; margin-bottom: 20px; }
}
.cultureB-a { width: 52%; position: absolute; left:0; top:50%; transform:translateY(-50%); }
.cultureB-b { width: 45%; }
.cultureC { padding:0; }
.teamB.cultureC .bgFooter { padding-bottom:0; }
@media(max-width: 800px){
    .cultureB-a { width: 100%; position: relative; left:0; top:0; transform:translateY(0); padding-top: 30px; }
    .cultureB-b { width: 100%; }    
}


/*营业系统*/
.servicesA { padding-top: 50px; }
.servicesA-b .swiper-pagination { bottom: 30px!important; }
.servicesA-b .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; border: 2px solid rgba(255,255,255,0.5); opacity: 1; background: none; }
.servicesA-b .swiper-pagination .swiper-pagination-bullet-active { background: #fff; border-color: #fff; }
@media(max-width: 1600px){
    .servicesA-b .swiper-pagination { bottom: 25px!important; }
}
@media(max-width: 1100px){
    .servicesA-b .swiper-pagination { bottom: 20px!important; }
}
@media(max-width: 600px){
    .servicesA-b .swiper-pagination { bottom: 10px!important; }
}

.servicesB { margin-top:-360px; padding:480px 0 250px; background: url(/images/servicesbbg.png) no-repeat center; background-size: 100% 100%;  }
.servicesB-a .gonbt { float:left; width: calc(100% - 270px); }
.servicesB-a .more { position: absolute; transition:all 0.5s; right:0; top:50%; transform:translateY(-50%); }
.servicesB-a .more:hover { padding-right: 30px; }
.servicesB-b .wow:nth-child(n+2) { margin-top:25px; }
.servicesB-c .topT { padding:24px 30px; background: #1ea87d; }
.servicesB-d dl dt { display:flex; flex-wrap:wrap; background-image: -moz-linear-gradient( 180deg, rgb(0,157,107) 0%, rgb(2,79,85) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(0,157,107) 0%, rgb(2,79,85) 100%); background-image: -ms-linear-gradient( 180deg, rgb(0,157,107) 0%, rgb(2,79,85) 100%); }
.servicesB-d dl dd { display:flex; flex-wrap:wrap; }
.servicesB-d dl .tit { text-align:center; padding: 20px 6px; float:left; display: flex; justify-content: center; align-items: center; }
.servicesB-d dl .t1 { width: 8.5%; }
.servicesB-d dl .t2 { width: 8.5%; }
.servicesB-d dl .t3 { width: 12%; }
.servicesB-d dl .t4 { width: 8.5%; }
.servicesB-d dl .t5 { width: 12.5%; }
.servicesB-d dl .t6 { width: 5%; }
.servicesB-d dl .t7 { width: 8%; }
.servicesB-d dl .t8 { width: 4%; }
.servicesB-d dl .t9 { width: 9%; }
.servicesB-d dl .t10 { width: 6.5%; }
.servicesB-d dl .t11 { width: 9.5%; }
.servicesB-d dl .t12 { width: 8%; }
.servicesB-d dl dt .tit:nth-child(n+2) { border-left:1px solid rgba(255, 255, 255, 0.15) }
.servicesB-d dl dd .tit:nth-child(n+2) { border-left:1px solid rgba(221, 237, 237, 1) }
.servicesB-c { border:1px solid rgba(221, 237, 237, 1); border-top:none; border-bottom:none; }
.servicesB-d dl dd .tit { border-bottom:1px solid rgba(221, 237, 237, 1) }
.servicesB-d dl dd .tit { line-height: 1.2; text-align:center; padding: 0; min-height: 90px; }
.servicesB-d dl dd .tit.heiAuto { display:block; }
.servicesB-d dl dd .tit.heiAuto2 { display:flex; }
.servicesB-d dl dd .tit.heiAuto .tt { display: flex; justify-content: center; align-items: center;  width:100%; min-height: 90px; padding: 10px 5px; }
.servicesB-d dl dd .tit.heiAuto2 .tt { padding: 10px 5px; }
.servicesB-d dl dd .tit .tt:nth-child(n+2) { border-top:1px solid rgba(221, 237, 237, 1);  }
.servicesB-d dl dd .tit .font16 { line-height: 1.4; }
.guanxian { z-index: 5; position: absolute; left:5%; top: 50%; transform:translateY(-50%); height: 25px; border-radius: 20px; }
.guanxian1 { background: #e5edee; width: 838%; }
.guanxian2 { left:0; background: #009a6a; }
.guanxian3 { width: 0; overflow: hidden; transition:all 2s; }
.active .servicesB-c .guanxian3 { width: 838%; }
@media(max-width: 1800px){
    .servicesB { margin-top:-18vw; padding:25vw 0 13vw; }
    .servicesB-a .gonbt { float:left; width: calc(100% - 240px); }
    .servicesB-d dl .tit { padding: 15px 5px; }
    .servicesB-d dl dd .tit,.servicesB-d dl dd .tit.heiAuto .tt { min-height: 80px; }
    .servicesB-d dl .font16 { font-size:14px; }
}
@media(max-width: 1600px){
    .servicesB-a .gonbt { float:left; width: calc(100% - 200px); }
    .servicesB-d dl .font16 { font-size:12px; }
    .servicesB-d dl dd .font16 { font-size: 12px; }
}
@media(max-width: 1100px){
    .servicesB-a .gonbt {  width: 100%; }
    .servicesB-d dl .font16 { font-size:12px; }
    .servicesB-a .more { top:0; transform:translateY(0); }
}

.servicesC { padding: 40px 0 130px; }
.servicesC .servicesB-a { border-bottom:1px solid #e2edea; padding-bottom:40px; }
.mainQh { position: absolute; width: 50px; height: 50px; transition: all .5s; }
.mainQh:after { opacity: 0; }
.mainQhPrev { background: url(/images/onmprev.png)no-repeat center center/cover; }
.mainQhNext { background: url(/images/onmnext.png)no-repeat center center/cover; margin-left: 17px; }
.mainQhPrev:hover { background: url(/images/onmpreva.png)no-repeat center center/cover; }
.mainQhNext:hover { background: url(/images/onmnexta.png)no-repeat center center/cover; }
.servicesC-a .mainQhPrev { left:auto; right: 95px; }
.servicesC-a .mainQhNext { left:auto; right: 25px; }
.servicesC-e { height: 0px; }
.servicesC-e .con { padding-top: 20px; }
.servicesC-e .con p { margin-bottom:6px; position: relative; padding-left: 13px; }
.servicesC-e .con p:before { content:''; width: 6px; height: 6px; background: #e5e5e5; position: absolute; left:0; border-radius: 5px; top: 10px; }
.servicesC-c:after { content:''; width: 200%; position: absolute; left: -30%; top: 9.7vw; height: 1px; background: #c2d7d1; }
.servicesC-c:before { content:''; z-index: 5; width: 100%; position: absolute; left: -50%; top: 9.7vw; height: 1px; background: var(--blue); }
.servicesC-d { padding-right: 5vw; }
.servicesC-c .swiper-slide .servicesC-d  { position: relative; transition:all 0.6s; transform:scale(0.8); }
.servicesC-c .swiper-slide .img { position: relative; }
.servicesC-c .swiper-slide .img:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(255,255,255,0.7); }
.servicesC-c .swiper-slide-active .servicesC-d  { transition:all 0.6s; transform:scale(1); opacity: 1; }
.servicesC-c .swiper-slide-active .img:after { display:none; }
.servicesC-c .img { z-index: 5; position: relative; }
.servicesC-c .swiper-container { padding-bottom: 150px; position: relative; z-index: 5; }
.servicesC-c .swiper-slide .servicesC-e { opacity: 0.3; }
.servicesC-c .swiper-slide-active .servicesC-e { opacity: 1; }
.servicesC-c .swiper-slide-next+.swiper-slide { left: -5vw; }
@media(max-width: 1900px){
    .servicesC { padding: 40px 0 7vw; }
}
@media(max-width: 1480px){
    .servicesC-c:after { top: 11vw; }
    .servicesC-c:before { top: 11vw; }
}
@media(max-width: 1100px){
    .servicesC-d { padding-right:0; }
    .servicesC-c:after,.servicesC-c:before { display:none; }
    .servicesC-c .swiper-container { padding-bottom: 0; }
    .servicesC-e { height: auto; }
    .mainQh { width: 42px; height: 42px; }
    .servicesC-a .mainQhPrev { right: 55px; }
    .servicesC-a .mainQhNext { right: 0px; }
    .servicesC-c .swiper-slide .servicesC-d  { transform:scale(1); }
}

.servicesD { padding:150px 0 160px; background: url(/images/servicesd1bg.png) no-repeat center; background-size: 100% 100%; }
.servicesD-b { position: absolute; left:0; top:50%; transform:translateY(-50%); width: 40%; }
.servicesD-c { width: 53%; }
@media(max-width: 1900px){
    .servicesD { padding:8vw 0; }
}
@media(max-width: 1100px){
    .servicesD { padding: 60px 0 70px; }
    .servicesD-b { position: relative; top:0; transform:translateY(0); width: 100%; float:left; }
    .servicesD-c { width: 100%; margin-top:0px; }
}
.servicesE { background: url(/images/servicese1bg.png) no-repeat center; background-size: 100% 100%; }
.servicesE .bgFooter { margin-top:-80px; padding:220px 0 190px; }
.servicesE-b { left:auto; right:0; }
@media(max-width: 1900px){
    .servicesE .bgFooter { margin-top:-4vw; padding:11vw 0 10vw;}
}

@media(max-width: 1100px){
    .servicesE-b { margin-bottom: 30px; }
    .servicesE .bgFooter { margin-top:-10vw; padding:16vw 0 15vw;}
}

@media(max-width: 600px){
    .servicesE-b { margin-bottom: 20px; }
    .servicesE .bgFooter { margin-top:-14vw; padding:20vw 0 16vw;}
}



/*手艺平台*/
.technologyA { padding:60px 0 120px; }
.technologyB { background: url(/images/technologybbg1.png) no-repeat center; background-size: 100% 100%; padding:220px 0 190px; }
.technologyB .servicesD-b { width: 43%; }
.technologyB .servicesD-c { width: 50%; }
@media(max-width: 1900px){
    .technologyA { padding: 60px 0 7vw; }
    .technologyB { padding: 11vw 0 10vw; }
}
@media(max-width: 1100px){
    .technologyA { padding: 50px 0 8vw; }
    .technologyB .servicesD-b { width: 100%; }
    .technologyB .servicesD-c { width: 100%; margin-top: 30px; }    
}
@media(max-width: 600px){
    .technologyA { padding: 40px 0 8vw; }
    .technologyB { background: url(/images/technologybbg1.png) no-repeat center; background-size: auto 100%; padding: 50px 0 9vw; }   
    .technologyB .servicesD-c { width: 100%; margin-top: 20px; }  
}

.technologyC { background: none; padding:140px 0 150px; }
.technologyC-a { background: #ebf7f3; }
.technologyC .servicesD-b { width: 51%; left:auto; right:0; padding: 0 90px 0 80px; }
.technologyC .servicesD-c { width: 49%; }
@media(max-width: 1900px){
    .technologyC { padding: 7vw 0 7.5vw; }
    .technologyC .servicesD-b { padding: 0 4.5vw 0 4vw; }
}
@media(max-width: 1100px){
    .technologyC { padding: 8vw 0 9vw; }
    .technologyC .servicesD-b { width: 100%; padding: 20px 15px 30px; }
    .technologyC .servicesD-c { width: 100%; }
}
@media(max-width: 600px){
    .technologyC .servicesD-b { width: 100%; padding: 20px 15px 20px; }
}

.technologyD { padding:260px 0 230px; }
.technologyD .servicesD-c { width: 51%; }
@media(max-width: 1900px){
    .technologyD { padding: 13vw 0 12vw; }
}
@media(max-width: 1100px){
    .technologyD .servicesD-c { width: 100%; margin-top:30px; }
}
@media(max-width: 600px){
    .technologyD .servicesD-c { margin-top:20px; }
}
.technologyE { margin-top: -10vw; background: url(/images/technologyebg1.png) no-repeat center; background-size: 100% 100%; }
.technologyE .bgFooter {  padding: 20vw 0 10vw; }
.technologyE .servicesD-b { width: 44%; }
.technologyE .servicesD-c { width: 49%; }
@media(max-width: 1100px){
    .technologyE { margin-top:0; }
    .technologyE .bgFooter {  padding: 10vw 0 16vw; background: #ebf7f3; }
    .technologyE .servicesD-b { width: 100%; }
    .technologyE .servicesD-c { width: 100%; }    
}


/*手艺平台详情*/
.detBannerJs,.technologyDet { background: #f6f7f7!important; }
.location { margin-top:-2vw; position: relative; z-index: 5; }
.technologyDetA { padding:100px 0 190px; }
.technologyDetA-b { width: 26%; }
.technologyDetA-c { padding: 40px 30px 20px; }
.technologyDetA-c ul { border-top:1px solid #eeeeee; }
.technologyDetA-c ul a { position: relative; border-bottom:1px solid #eeeeee; display:block; padding:20px 30px 20px 0; }
.technologyDetA-c ul a:after { content:''; width: 0; height: 1px; background: #339475; position: absolute; left:0; bottom: -1px; transition:all 0.5s; }
.technologyDetA-c ul .cur a,.technologyDetA-c ul li:hover a { color: #339475; }
.technologyDetA-c ul .cur a:after,.technologyDetA-c ul li:hover a:after { width: 100%; }  
.technologyDetA-c ul li:last-child a { border:none; }
/*.technologyDetA-c ul li:last-child a:after { display:none; }*/
.technologyDetA-d { padding: 40px 30px; background: url(/images/technologyDetabg1.jpg) no-repeat right bottom/cover; }
.technologyDetA-d .topT { padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); }
.technologyDetA-e { float:right; width: calc(74% - 20px); padding: 40px 40px 50px; }
.technologyDetA-e .topT { padding-bottom: 30px; border-bottom:1px solid #eeeeee; }
.technologyDetA-f ul li { position: relative; padding-left: 15px;  }
.technologyDetA-f ul li:before { content:''; width: 6px; height: 6px; background: #347c67; border-radius:10px; position: absolute; left:0; top: 12px; }


@media(max-width: 1900px){
    .technologyDetA { padding: 6vw 0 10vw; }
    .technologyDetA-c { padding: 2vw 1.5vw 1vw; }
    .technologyDetA-d { padding: 2vw 1.5vw; }
    .technologyDetA-e { padding: 2vw 2vw 2.5vw; }
}

@media(max-width: 1500px){
    .technologyDetA-e .topT { padding-bottom: 20px; }
}
@media(max-width: 1100px){
    .location { margin-top: 0vw; }
    .technologyDetA-b { width: 100%; }
    .technologyDetA-e { width: 100%; }
    .technologyDetA-d { padding: 20px 15px; }
    .technologyDetA-e { padding: 20px 15px 30px; }
    .technologyDetA-e .topT .font32 { font-size:30px; }
}
@media(max-width: 600px){
    .technologyDetA-e .topT .font32 { font-size: 24px; }
}

.textOver3 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.textOver2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.textOver1 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.spzx ul li a { display:block; }
.xwxq_a .xwxq_a_l .fany .more { float:right; transition:all 0.5s; }
.xwxq_a .xwxq_a_l .fany .more:hover { padding-right: 30px; }
.zyqh a,.zyqh span { font-size: 18px; color:#666; }
.zyqh span { display:inline-block; font-weight: 200; margin: 0 10px; }
.zyqh a.cur,.zyqh a:hover { color:var(--blue); }
.tzgx_a .tzgx_a1 ul li .icon .pic2,.gszl_b .gszl_b1 ul li .icon .pic2 { display:none; }
.tzgx_a .tzgx_a1 ul li:hover .icon .pic1 { display:none; }
.tzgx_a .tzgx_a1 ul li:hover .icon .pic2 { display: inline-block; }
.gszl_b .gszl_b1 ul li:hover .icon .pic1 { display:none; }
.gszl_b .gszl_b1 ul li:hover .icon .pic2 { display: inline-block; }

/*联系优游国际·UB8(中国游)集团官方网站*/
.contactA { padding: 130px 0; }
.contactA-b { width: 32.5%; }
.contactA-e { float:right; background: #f2f7f6; width: 61%; }
.contactA-b .tzgx_b { margin:0; padding: 0; background: none; }
.contactA-b .tzgx_b:after { display:none; }
.contactA-b .tzgx_b .tzgx_b1 { border-radius:0; display:block; }
.contactA-b .tzgx_b .tzgx_b1 .tzgx_b1_l { width: 100%; padding:0; }
.contactA-f .swiper-slide { padding: 50px 40px; }
.contactA-g { padding-left:168px; }
.contactA-g .contactA-h { width: 168px; margin-right:50px; border-right:1px solid #dfeae7; position: absolute; left:0; top: 0; }
.contactA-g .con { padding-left: 50px; }
.contactA-g .con p { margin-bottom:10px; position: relative; padding-left: 13px; }
.contactA-g .con p:before { content:''; width: 6px; height: 6px; background: #ccded9; position: absolute; left:0; border-radius: 5px; top: 10px; }
.contactA-d .img { position: relative; }
.contactA-d .img:after { content:''; width: 100%; height: 100%; left:0; bottom:0;  position: absolute;background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 60%, rgba(0,0,0,0.6) 100%); }
.contactA-d .swiper-button-next,.contactA-d .swiper-button-prev { top:auto; transform:translateY(0); margin-top:0; bottom: 30px; position: absolute; width: 18px; height: 12px; cursor: pointer; z-index: 10; }
.contactA-d .swiper-button-next:after,.contactA-d .swiper-button-prev:after { display:none; }
.contactA-d .swiper-button-next { left:auto; right:25px; background: url(/images/nextswiper.png) no-repeat center/cover; }
.contactA-d .swiper-button-prev { left:auto; right:55px; background: url(/images/prevswiper.png) no-repeat center/cover; }

@media(max-width: 1900px){
    .contactA-f .swiper-slide { padding: 2.5vw 2vw; }
    .contactA-g { padding-left: 9vw; }
    .contactA-g .contactA-h { width: 9vw; margin-right: 2.5vw; }
    .contactA-g .con { padding-left: 2.5vw; }  
    .contactA { padding: 7vw 0; }
}
@media(max-width: 1500px){
    .contactA-g { padding-left: 150px; }
    .contactA-g .contactA-h { width: 150px; margin-right: 3vw; }
    .contactA-g .con { padding-left: 3vw; }  
    .tzgx_b .tzgx_b1 .tzgx_b1_l ul li .bt1 { font-size: 16px; }
}
@media(max-width: 1300px){
    .contactA-g { padding-left: 120px; }
    .contactA-g .contactA-h { width: 120px; margin-right: 3vw; }
    .contactA-g .con { padding-left: 3vw; }  
    .tzgx_b .tzgx_b1 .tzgx_b1_l ul li .bt1 { font-size: 16px; }
}

@media(max-width: 1100px){
    .contactA-f .swiper-slide { padding: 20px 15px; }
    .contactA-g { padding-left: 0; }
    .contactA-g .contactA-h { width: 0; margin-right: 0; position: relative; top:0; left:0; width: 100%; }
    .contactA-g .con { padding-left: 0; margin-top: 18px; }  
    .contactA { padding: 7vw 0; }
    .contactA-h .t { margin-top: 10px; }
    .contactA-b { width: 100%; }
    .contactA-e { width: 100%; margin-top: 30px; }
    .contactA-g .con p { margin-bottom: 5px; }
    .contactA-g .con p:before { top: 8px; }
}
@media(max-width: 400px){
    .tzgx_b .tzgx_b1 .tzgx_b1_l ul li img { width: auto; height: 46px; }
    .tzgx_b .tzgx_b1 .tzgx_b1_l ul li .bt1 { left: 55px; }
}

.contactB { background: url(/images/contactbbg1.png) no-repeat center; background-size: 100% 100%; padding: 10vw 0; }
.contactB-b {  }
.contactB-c { padding:50px 50px; }
.contactB-c .icon .pic2 { display:none; }
.contactB-b .swiper-slide { transition:all 0.5s; }
.contactB-b .swiper-slide:hover .icon .pic1 { display:none; }
.contactB-b .swiper-slide:hover .icon .pic2 { display:inline-block; }
.contactB-d .topT { border-bottom:1px solid #e6f2ee; padding-bottom:30px; }
.contactB-d .con p { margin-bottom: 10px; }
.contactB-b .swiper-slide:hover { background: url(/images/tzgx_a1_beij.jpg)center center/cover; box-shadow: 0px 20px 30px 0px rgba(1, 89, 88, 0.18); }
.contactB-b .swiper-slide:hover .t1,.contactB-b .swiper-slide:hover .t2,.contactB-b .swiper-slide:hover .con { color:#fff; }
.contactB-b .swiper-slide:hover .topT { border-bottom:1px solid rgba(255,255,255,0.1); }
.contactB-b .swiper-slide:hover .bt .t{color: #fff;}
.contactB-b .swiper-slide .jt{width: 75px;height: 50px;border-radius: 30px;border: 1px solid #c2d7d1;text-align: center;display: inline-block;line-height: 50px;transition: all 0.6s;}
.contactB-b .swiper-slide:hover .jt{border: 1px solid #fff;}
.contactB-b .swiper-slide .jt i{display: inline-block;width: 18px;height: 12px;background: url(/images/ann_jt.png)center center/cover;transition: all 0.6s;}
.contactB-b .swiper-slide:hover .jt i{background: url(/images/ann_jt01.png)center center/cover;}
.contactB-b .swiper-slide .jt1{text-align: left;margin-top: 1vw;}
.contactB-d { min-height:260px; }
.contactB-b .swiper-container { padding-bottom: 60px; position: relative; overflow: hidden; }
.contactB-b .swiper-container .swiper-pagination { width: 280px; left: 50%; transform:translateX(-50%); bottom:0; top:auto; background: #ecf0ee; border-radius: 6px; height: 8px; overflow: hidden; }
.contactB-b .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #347c67; border-radius: 6px; overflow: hidden; }

.contactB-b .swiper-button-prev { left: -80px; margin-top: -60px; }
.contactB-b .swiper-button-next { right: -80px; margin-top: -60px; }


@media(max-width: 1900px){
    .contactB-c { padding: 2.5vw; }
}
@media(max-width: 1600px){
    .contactB-b .swiper-container { padding-bottom: 50px; }
    .contactB-d .topT { padding-bottom: 25px; }
	.contactB-b .swiper-button-prev { left: -80px; margin-top: -50px; }
	.contactB-b .swiper-button-next { right: -80px; margin-top: -50px; }
}
@media(max-width: 1100px){
    .contactB-c { padding: 18px; }
    .contactB-b .swiper-container { padding-bottom: 30px; }
    .contactB-d .topT { padding-bottom: 20px; }
	.contactB-b .swiper-button-prev { left: 10px; margin-top: -30px; }
	.contactB-b .swiper-button-next { right: 10px; margin-top: -30px; }
}


.contactC { padding: 7vw 0 10vw; }
.contactC-b .top_a .top_a2 { margin: 0 auto; max-width: 80%; }
.contactC2 { background: url(/images/contactgbg.png) no-repeat top center/cover; }

@media(max-width: 600px){
    .contactC-b .top_a .top_a2 { margin: 20px auto; max-width: 90%; }
}


/*优游国际·UB8(中国游)集团官方网站简介*/

.aboutA { padding: 140px 0 90px; }
.aboutA-b { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 42%; }
.aboutA-b { position: relative; left:0; top: auto; transform:translateY(0); float:left; padding-top: 3vw; width: 42%; }
.aboutA-c { float:right; width: 35vw; height: 35vw; }
.aboutA-c .img { border-radius: 100vw; overflow: hidden; }
.aboutA-b .con p { margin-top: 12px; }
.aboutA-c .circle { width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); }
.aboutA-c .circleA { width: 100%; height: 100%; position: relative; background: url(/images/aboutabg2.png) no-repeat center/cover; }

.aboutA-c .circleA { -webkit-animation:haha3 8s linear infinite; }

.aboutA-b .con { padding-right: 15px; max-height: 26vw; overflow-y:scroll; }
.aboutA-b .con{
    scrollbar-color: #347c67 rgba(0,0,0,0); 
    scrollbar-width: thin; 
    -ms-overflow-style:none; 
}
.aboutA-b .con::-webkit-scrollbar { 
    width: 5px; 
    height: 1px;
}
.aboutA-b .con::-webkit-scrollbar-thumb { 
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px #eaf2f0;
    background: #347c67;
}
.aboutA-b .con::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 1px #eaf2f0;
    border-radius: 5px;
    background: #eaf2f0;
}


@-webkit-keyframes haha3{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(-90deg);}
    50%{-webkit-transform:rotate(-180deg);}
    75%{-webkit-transform:rotate(-270deg);}
    100%{-webkit-transform:rotate(-360deg);}
}

.aboutA-c .bg { width: 41vw; overflow: hidden; transition:all 1.5s; height: 0; position: absolute; right: -1.6vw; bottom: -1vw; }
.aboutA-c .bgA { right:0; bottom:0; position: absolute; width: 41vw; height: 39vw; background: url(/images/aboutabg.png) no-repeat center/cover; }
.active .aboutA-c .bg { width: 41vw; height: 39vw; }

@media(max-width: 1900px){
    .aboutA { padding: 7vw 0 5vw; }
}

@media(max-width: 1480px){
    .aboutA-b { width: 46%; padding-top:1vw; }
}
@media(max-width: 1100px){
    .aboutA-b { width: 100%; position: relative; float:left; top:0; transform:translateY(0); padding-top:0; }
    .aboutA-c { margin-top: 10vw; width: 70vw; height: 70vw; margin-right: calc(50% - 35vw); }
    .aboutA-b .con { max-height: 10000vh; }
    .aboutA-c .bg { width: 82vw; right: -3.2vw; bottom: -2vw; }
    .aboutA-c .bgA { width: 82vw; height: 78vw; }
    .active .aboutA-c .bg { width: 82vw; height: 78vw; }
}


.aboutB { padding: 10vw 0 15vw; background: url(/images/aboutbbg1.png) no-repeat center; background-size: 100% 100%; }
.aboutB-b { overflow: hidden; }
.aboutB-b { margin-bottom: 80px;  }
.aboutB-b .swiper-container .swiper-slide { transition: all 0.6s; transform:scale(0.9); }
.aboutB-b .swiper-container .swiper-slide-prev { left: 21vw; }
.aboutB-b .swiper-container .swiper-slide-next { right: 21vw; }
.aboutB-b .swiper-container .swiper-slide-active { transform:scale(1); z-index: 5; background-image: -moz-linear-gradient( 90deg, rgb(2,81,86) 0%, rgb(0,155,107) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(2,81,86) 0%, rgb(0,155,107) 100%); background-image: -ms-linear-gradient( 90deg, rgb(2,81,86) 0%, rgb(0,155,107) 100%); box-shadow: 0px 30px 30px 0px rgba(1, 89, 88, 0.18); 
  background: url(/images/hisbg.jpg) no-repeat right bottom/cover;
 }
.aboutB-c { padding: 100px 65px 40px; }



.aboutB-c .num { font-size: 80px; line-height: 1; color: white; text-shadow: -1px -1px 0 rgba(113, 163, 148, 0.3), 1px -1px 0 rgba(113, 163, 148, 0.3), -1px 1px 0 rgba(113, 163, 148, 0.3), 1px 1px 0 rgba(113, 163, 148, 0.3); }
.aboutB-c .con { min-height:210px; }
.aboutB-c .con p { position: relative; margin-bottom: 8px; }
.aboutB-c .con p { margin-bottom:10px; position: relative; padding-left: 14px; }
.aboutB-c .con p:before { content:''; width: 6px; height: 6px; background: #e5e5e5; position: absolute; left:0; border-radius: 5px; top: 10px; }
.aboutB-b .swiper-container .swiper-slide-active p { color:#fff; }
.aboutB-b .swiper-container .swiper-slide-active p:before { background: #67aca0; }
.aboutB-b .swiper-container .swiper-slide-active .aboutB-c .num { color: rgba(0,140,100,1); text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5), -1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5);}
/*.aboutB-b .swiper-container .swiper-slide-active .aboutB-c .num { color: rgba(0,140,161,0);-webkit-text-stroke: 1px black; text-stroke: 1px black; }*/

.aboutB-d .swiper-container {  }
.aboutB-d { position: relative; padding: 0 8vw; }
.aboutB-d:after { content:''; width: 100%; height: 1px; background: #dcdcdc; position: absolute; left:0; top: 50%; }
.aboutB-d .swiper-container .swiper-slide { cursor: pointer; position: relative; height: 40px; }
.aboutB-d .swiper-container .swiper-slide .t { position: absolute; left:0; width: 100%; text-align:center; top: 50px; }
.aboutB-d .swiper-container .swiper-slide { opacity: 0; }
.aboutB-d .swiper-container .swiper-slide-visible { opacity: 1; }
.aboutB-d .circle { position: absolute; width: 40px; height: 40px; left:50%; top:50%; transform:translate(-50%, -50%); }
.aboutB-d .circle .mainPre { position: relative; width: 100%; height: 100%; }
.aboutB-d .circle .circleB { position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); border-radius: 50px; }
.aboutB-d .circle .circle1 { background: #dcdcdc; width: 8px; height: 8px; }
.aboutB-d .circle .circle2 { z-index: 2; transition:all 0.6s; width: 0; box-sizing:border-box; height: 0; background: #ffffff; border: 0px solid #347c67; }
.aboutB-d .circle .circle3 { z-index: 1; transition:all 0.6s; width: 0; box-sizing:border-box; height: 0; background: rgba(52,124,103,0.16);  }
.aboutB-d .swiper-container .swiper-slide-thumb-active .circle .circle2 { border-width:10px; width: 28px; height: 28px; }
.aboutB-d .swiper-container .swiper-slide-thumb-active .circle .circle3 { width: 40px; height: 40px; }
.aboutB-d .swiper-container .swiper-slide-thumb-active  .t { color:#347c67; font-weight:bold; }
.aboutB-d .swiper-container .swiper-slide-thumb-active .circle .circle2,
.aboutB-d .swiper-container .swiper-slide-thumb-active .circle .circle3 { opacity: 1; }
.aboutB-e .mb { display:none; }
@media(max-width: 1900px){
    .aboutB-c { padding: 5vw 3vw 2vw; }
    .aboutB-c .num { font-size: 4vw; }
}
@media(max-width: 1500px){ 
    .aboutB-c .con p { margin-bottom: 6px; }
    .aboutB-b { margin-bottom: 60px;  }
    .aboutB-b .swiper-container .swiper-slide-prev { left: 22vw; }
    .aboutB-b .swiper-container .swiper-slide-next { right: 22vw; }
    .aboutB-b .swiper-container .swiper-slide { transform:scale(0.8); }
    /*.aboutB-b .mainQh { background-color:#fff; border-radius: 50px; }*/
    .aboutB-b .swiper-container .swiper-slide-active { transform:scale(1);}
}
@media(max-width: 1100px){
    .aboutB-c .num { font-size: 32px; }
    .aboutB-c .con p:before { top: 8px;}
    .aboutB-b { margin-bottom: 30px;  }
    .aboutB-b .swiper-container .swiper-slide-active { background: #fff; box-shadow: none; }
    .aboutB-b .swiper-container .swiper-slide-active p { color:#666; }
    .aboutB-b .swiper-container .swiper-slide-prev { left: 0; }
    .aboutB-b .swiper-container .swiper-slide-next { right: 0; }
    .aboutB-b .swiper-container .swiper-slide { transform:scale(1); }
    .aboutB-b .swiper-container .swiper-slide-active p:before { background: #e5e5e5; }
    .aboutB-b .swiper-container .swiper-slide-active .aboutB-c .num { color:#fff; text-shadow: -1px -1px 0 rgba(113, 163, 148, 0.3), 1px -1px 0 rgba(113, 163, 148, 0.3), -1px 1px 0 rgba(113, 163, 148, 0.3), 1px 1px 0 rgba(113, 163, 148, 0.3); }
    .aboutB-e .mb { display: block; }
}
@media(max-width: 600px){
    .aboutB { padding: 18vw 0 25vw; }
    .aboutB-d .swiper-container .swiper-slide .t { top: 45px; }
}


.aboutC { padding:5vw 0 11vw; }
.aboutC-e .swiper-container { overflow: hidden; height: 450px; }
.aboutC-d { height: 520px; position: relative; }
.aboutC-d:after { content:''; width: 1px; height: 100%; background: #dcdcdc; position: absolute; top:12px; left: 20px; }
.aboutC-e .swiper-slide .t { padding-left:50px; position: relative; }
.aboutC-e .swiper-slide .t:before { content:''; background: #dcdcdc; width: 9px; height: 9px; position: absolute; top:50%; left:16px; transform:translateY(-50%); border-radius: 50px; }
.aboutC-b { width: 62%; }
.aboutC-e { width: 27%; }
.aboutC-f { overflow: hidden; width: 73%; }
.aboutC-g .num { font-size: 90px; line-height: 1; color: white; text-shadow: -1px -1px 0 rgba(113, 163, 148, 0.3), 1px -1px 0 rgba(113, 163, 148, 0.3), -1px 1px 0 rgba(113, 163, 148, 0.3), 1px 1px 0 rgba(113, 163, 148, 0.3); }
.aboutC-h { margin-top:30px; }
.aboutC-h ul li { margin-bottom:10px; position: relative; padding-left:60px; }
.aboutC-h ul li { padding-left:0; }
.aboutC-h ul li .t { position: absolute; left:0; top:0; }
.aboutC-h ul li .c p { margin-bottom:10px; position: relative; padding-left: 10px; }
.aboutC-h ul li .c p:before { content:''; width: 6px; height: 6px; background: #e5e5e5; position: absolute; left:0; border-radius: 5px; top: 10px; }
.aboutC-h { height: 300px; overflow-y:scroll; padding-right: 40px; }
.aboutC-h{
    scrollbar-color: #347c67 rgba(0,0,0,0); 
    scrollbar-width: thin; 
    -ms-overflow-style:none; 
}
.aboutC-h::-webkit-scrollbar { 
    width: 5px; 
    height: 1px;
}
.aboutC-h::-webkit-scrollbar-thumb { 
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px #eaf2f0;
    background: #347c67;
}
.aboutC-h::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 1px #eaf2f0;
    border-radius: 5px;
    background: #eaf2f0;
}

.colorc { color:#ccc; }
.aboutC-f { padding-bottom:80px; }
.aboutC-f .mainQh { top: auto; margin-top:0; bottom:0; }
.aboutC-f .mainQhPrev { left:0; }
.aboutC-f .mainQhNext { left: 50px; right:auto; }
.aboutC-e .down { padding-left:50px; position: relative; }
.aboutC-e .down:before { content:''; width: 14px; position: absolute; top:50%; transform:translateY(-50%); left: 13px; z-index: 5; background: url(/images/down.png) no-repeat center; height: 8px; }
.aboutC-f .swiper-slide { background: #fff; }
.aboutC-f .swiper-container,.aboutC-f .swiper-container * { box-shadow:none; background: #fff; }
.swiper-cube .swiper-cube-shadow { opacity: 0; }
.aboutC-e .swiper-slide { cursor: pointer; }
.aboutC-e .swiper-container .t { line-height: 35px; }
.aboutC-e .swiper-container .swiper-slide-thumb-active .t { font-size:24px;color:#347c67; }
.aboutC-e .swiper-slide-thumb-active .t:before { background: #347c67; }
.aboutC-e .swiper-slide-thumb-active .t:after { content:''; width: 30px; height: 30px; border-radius: 60px; position: absolute; top:50%; transform:translateY(-50%); left: 4px; border:2px solid #347c67; }
@media(max-width: 1900px){
    .aboutC-g .num { font-size: 4.5vw; }
}

.aboutD { float:right; width: 25%; padding-top: 5vw; }
.aboutD .swiper-container { background: #f4f9f7; }
.aboutD-b { padding:60px 70px 40px; border-bottom:1px solid #d7e6e2; }
.aboutD-a .tit { padding:30px; }
.aboutD-a { padding-bottom: 35px; }
.aboutD-a .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 11px; height: 11px; border:2px solid #347c67; border:none; background: #347c67; width: 5px; height: 5px; opacity: 0.3; margin: 0 2px; }
.aboutD-a .swiper-pagination .swiper-pagination-bullet-active { background: #347c67; opacity: 1; }

.aboutD-a .swiper-pagination { top:auto; bottom:0; left:0; border-radius: 6px; overflow: hidden; }
.aboutD-a .swiper-pagination .swiper-pagination-progressbar-fill { background: #347c67; border-radius: 6px; }

@media(max-width: 1900px){
    .aboutD-b { padding: 3vw 3.5vw 2vw; }
    .aboutD-a .tit { padding: 1.5vw; }
}

/*.ny_banner .pic1 img { transform: scale(1.2);transition: all 2s;}*/
.ny_banner.active .pic1 img {transform: scale(1);}



/*白泽妄想*/
.ibanner .img .pic2 {  position: absolute; left:0; top:0; width: 100%; }
.ibanner .pic1 img { transform:scale(1); }
.ny_banner.ibanner .ny_banner_a { top: 32%; }


/*.ibanner .img.active .pic2 { -webkit-animation: fadein9 1.2s linear 1 forwards;  }*/

@-webkit-keyframes fadein9 {
  0% { opacity: 0;}
  50% { opacity: 0;}
  100% {opacity: 1; }
}

@media(max-width: 1500px){
    .ny_banner.ibanner .ny_banner_a { top: 35%; }  
}


.baizeA { padding: 70px 0 80px; }
.baizeA.bgFooter { padding-bottom: 10vw; }
.top_r ul li a:hover, .top_r ul li a.cur { border:none; }
.baizeA-a ul li { display:inline-block; margin: 0 3px; }
.baizeA-c { width: 40%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.baizeA-d { width: 45%; }
.baizeA-c .c2 p:nth-child(n+2) { margin-top: 12px; }

.baizeA-c .c3 { display: inline-block; padding: 15px 20px; border-radius: 60px; 
  background-image: -moz-linear-gradient( 0deg, rgba(2,88,88, 0.1) 0%, rgba(0,153,106, 0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(2,88,88, 0.1) 0%, rgba(0,153,106, 0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(2,88,88, 0.1) 0%, rgba(0,153,106, 0) 100%); }


@media(max-width: 1500px){
    .baizeA-a .top_r ul li a { width: auto; height: auto; line-height: 1; padding: 12px 30px; }
}

@media(max-width: 1100px){
    .baizeA-a .top_r ul li { width: auto; }
    .baizeA-c { width: 100%; float:left; position: relative; left:0; top:0%; transform:translateY(0%); }
    .baizeA-d { width: 100%;margin-top:10px; }
}
@media(max-width: 500px){
    .baizeA-a .top_r ul li { margin: 0 1px; }
    .baizeA-a .top_r ul li a { padding: 8px 20px; }
    .baizeA { padding: 50px 0 60px; }
    .baizeA.bgFooter { padding-bottom: 15vw; }
}

.baizeB-a { padding:80px 0 30px; background: #f2f7f6; }
.baizeB-c ul li { float:left;width: calc(33.3333% - 11px); margin-right: 16px; }
.baizeB-c ul li:nth-child(3n) { margin-right:0; }
.baizeB-c ul li:nth-child(n+4) { margin-top: 20px; }
.baizeB-c ul li a { padding: 15px; display:block; transition:all 0.6s; }
.baizeB-c .img { width: 48%; }
.baizeB-c .con { width: 45%; position: absolute; right: 0; top:50%; transform:translateY(-50%); }
.baizeB-c .con .c { min-height: 7vw; }
.baizeB-c .con .more { display:inline-block; width: 18px; height: 13px; background: url(/images/mmore1.png) no-repeat center/cover; }
.baizeB-c ul li:hover a { background: url(/images/baizebbg3.png) no-repeat right bottom/cover; }
.baizeB-c ul li:hover a .t,.baizeB-c ul li:hover a .c { transition:all 0.5s; color:#fff; }
.baizeB-c ul li:hover a .more { background: url(/images/mmore2.png) no-repeat center/cover; }
@media(max-width: 1180px){
    .baizeB-c ul li { float:left;width: calc(50% - 10px); margin-right: 15px; }
    .baizeB-c ul li:nth-child(3n) { margin-right:15px; }
    .baizeB-c ul li:nth-child(2n) { margin-right:0; }
    .baizeB-c ul li:nth-child(n+3) { margin-top: 20px; }
    .baizeB-c .con .c { min-height: 15vw; }
}
@media(max-width: 600px){
    .baizeB-c ul li { float:left;width: 100%; margin-right: 0; }
    .baizeB-c ul li:nth-child(3n) { margin-right:0; }
    .baizeB-c ul li:nth-child(2n) { margin-right:0; }
    .baizeB-c ul li:nth-child(n+2) { margin-top: 12px; }
.baizeB-c ul li a { padding: 12px; }
    .baizeB-c .con .c { min-height: 30vw; }
}


.baizeC { padding:7vw 0 8vw; }
.baizeC-b { display:flex; flex-wrap:wrap; }
.baizeC-c { width: calc(50% - 10px); background: #f0f9f6; padding:1.5vw; }
.baizeC-f { height: 23vw; width: calc(50% - 10px); background: #f0f9f6; padding:1.5vw; margin-left: 20px; }
.baizeC-d .img { width: 37%; }
.baizeC-d .img:before { z-index: 1; content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.2); }
.baizeC-d .con { width: calc(63% - 20px); position: absolute; top: 50%; transform:translateY(-50%); right:0; }
.baizeC-d .con .c { min-height: 4vw; }
.baizeC-c ul li:nth-child(n+2) { margin-top: 1.5vw; padding-top: 1.5vw; border-top:1px solid #e0e8e6; }
.baizeC-f .swiper-container { height: 100%; overflow: hidden; }
.baizeC-g { border-bottom:1px solid #e0e8e6; position: relative; width: 100%; height: 100%; }
.baizeC-g .t { position: absolute; width: 100%; left:0; top: 50%; transform:translateY(-50%); }
@media(max-width: 1480px){
    .baizeC-f { height: 25vw; }
}
@media(max-width: 1100px){
    .baizeC-c { padding: 15px; width:100%; }
    .baizeC-c ul li:nth-child(n+2) { margin-top: 15px; padding-top: 15px; }
    .baizeC-f { padding: 15px; width: 100%; margin-top:20px; margin-left:0; height: 300px; }
}
@media(max-width: 600px){
    .baizeC-d .con { position: relative; top:0; transform:translateY(0); float: right; }
}

.baizeD { padding: 8vw 0 10vw; background: url(/images/baizedbg.png) no-repeat center; background-size: 100% 100%; }


.baizeD-b ul li { float:left; width: calc(33.33333% - 8px); position: relative; margin-right: 12px; margin-bottom: 15px;  }
.baizeD-b ul li.w100 { width: 100%; margin-right:0;  }
.baizeD-b ul li:nth-child(3n) { margin-right:0; }

.baizeD-b ul li .inp { width: 100%; border-radius:10px; font-size: 16px; border:1px solid #b6d3ca;height: 60px; padding-left: 10px; background: none; color:#347c67; }
.baizeD-b ul li input.form-file { position: relative; z-index: 5; opacity: 0; }
.baizeD-b ul li .inp::-webkit-input-placeholder {color: rgba(52,124,103,0.5);}
.baizeD-b ul li .inp::-moz-placeholder {color: rgba(52,124,103,0.5);}
.baizeD-b ul li .inp:-moz-placeholder {color: rgba(52,124,103,0.5);}
.baizeD-b ul li .inp:-ms-input-placeholder {color: rgba(52,124,103,0.5);}
.baizeD-b ul li .inp:hover,.baizeD-b ul li:hover #uploadPic { border: 1px solid #347c67!important;}
.baizeD-b ul li textarea.inp { height: 200px; }
#uploadPic { position: absolute; left:0; top:0; }
.baizeD-b ul li.upload:after { content:'+'; font-size: 20px;color: rgba(52,124,103,0.5); position: absolute; top: 50%; transform:translateY(-50%); right: 15px; }

.baizeD-c .t { position: absolute; left:0; bottom: 5px; }
@media(max-width: 1500px){
    .baizeD-b ul li .inp { height: 50px; }
    .baizeD-b ul li textarea.inp { height: 120px; }
}
@media(max-width: 1100px){
    .baizeD-c { margin-top:0; }
    .baizeD-c .t { position: relative; float:left; width: 100%; margin-bottom: 20px; }
    .baizeD-b ul li { width: 100%; margin-right:0; }
}

/**按钮**/
.more button { background: none; transition:all 0.6s; position: relative; right:0; display: inline-block; font-size: 16px; color: #347c67; line-height: 50px; height: auto; position: relative; padding-left: 55px;  }
.more button i { position: absolute; left: 28px; top: 18px; width: 18px; height: 12px; background: #000; transition: all .5s; background: url(/images/moex.png)no-repeat center center/cover; }
.more button span { position: relative; z-index: 1; }
.more button::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; width: 75px; height: 46px; border: 2px solid #c2d7d1; border-radius: 50px; transition: all .5s; }
.more button{ margin-left: 0; transition: all .5s; }
.more button:hover::before { width: calc(100% - -24px); border-color: #347c67; }
.more button:hover { color:#347c67; right: 24px; }
@media(max-width:1280px) {
    .more button { font-size: 14px; }
    .more button::before { height: 40px; }
}


.baizeE { padding: 4vw 0; }

.bannerC { width: 100%; height: 100vh; position: relative; }
.bannerC .andwmzr { position: absolute; right:0; bottom:0; }

@media(max-width: 1100px){
	.bannerC { width: 100%; height: auto; position: relative; }
	.bannerC .andwmzr { position: relative; right:0; bottom:0; }
}


/*手机端样式*/
.aboutC-h ul li .t { display:none; }
.aboutC-h ul li { padding-left:0; }
@media(max-width: 1100px){
    .indexF { padding: 60px 0 12vw; }
    .footer .ooter { margin-top: 20px; }
    .footer .ooter ul { display:flex; flex-wrap:wrap; }
    .footer .ooter ul li { text-align:center; width: 32.5%; margin-right: 2.5%; padding-right: 2.5%; }
    .footer .ooter ul li img { max-width: 300px; height: auto; }
    .footer .ooter ul li { border-right:1px solid rgba(255,255,255,0.1); }
    .footer .ooter ul li:nth-child(3n),.footer .ooter ul li:last-child { padding-right:0; width: 30%; marign-right:0; border-right:0; }
    .footer .ooter ul li:nth-child(6) { margin-left:0; margin-right:0; }
    .footer .ooter ul li:nth-child(6) { margin-left:0; margin-right:2%; }
    .footer .ooter ul li:nth-child(7) { margin-left:0; margin-right:0; padding-left:2.5%; padding-right:0; border-right:none; border-left:1px solid rgba(255,255,255,0.1); }
    .footer .ooter ul li:nth-child(4n) { margin-right: 2.5%; }
    .indexbanner .qiehuandw .andwmzl { padding-top: 120px; }
    .ssss { top: 80px; }
    .sss { margin-right: 15px; }
    .indexbanner .qiehuandw .andwmzr { width: 60%; }
    .container1 { width: 92%; }
    .indexbanner .xiaomznx .woshiann { bottom: 40px; }
    .swiper-fade .swiper-slide { height: 60vh; }
    .indexbanner { background: url(/images/bannerbg2.png) no-repeat left bottom; background-size: 100% auto; }
    .technologyB { background: url(/images/technologybbg12.png) no-repeat center; background-size: 100% 100%; }
    .servicesD { z-index: 10; background: url(/images/servicesd1bg2.png) no-repeat center; background-size: 100% 100%; }
    .tzgx_b{ background: url(/images/lvse_beij2.png)center center; background-size: 100% 100%; padding: 21vw 0 24vw; }
    .tzgx_b .tzgx_b1 { border-radius: 10px; }
    .ny_banner.ibanner .ny_banner_a { top:30%; }


    .aboutC-b,.aboutC-e,.aboutC-f,.aboutD { width:100%; }
    .aboutC-d,.aboutC-e .swiper-container { height: auto; }

    .aboutC-d:after { display:none; }
    .aboutC-e:after { content:''; width: 100%; position: absolute; left: -50vw; width: 200%; background:#dcdcdc; height: 1px; top: 17px; }
    .aboutC-f { padding-bottom: 40px; }
    .aboutC-e .swiper-slide .t:before,.aboutC-e .swiper-slide-thumb-active .t:after { left:50%; transform:translateX(-50%); }
    .aboutC-e .swiper-slide .t:before { top: 13px; }
    .aboutC-e .swiper-slide .t:after { top: 1px; }

    .aboutC-e .swiper-container .swiper-slide .t { padding: 36px 0 0; text-align:center; }
    .aboutC-h { height: 240px; }
    .aboutD-b { padding: 10vw 20vw; }
    .aboutC-g .num { display:none; font-size: 40px; }
    .aboutC-f .mainQhNext { margin-left: 0px; }


}
@media(max-width: 500px){
    .footer .ooter ul li .wz { font-size: 12px; line-height: 1.5; }
    .indexbanner .xiaomznx .woshiann .gozms { width: 40px; height: 40px; }
    .indexbanner .xiaomznx .woshiann .swiper-button-next { margin-left: 10px; }
    .indexB-b .c1 { font-size: 16px; line-height: 1.5; }
    .indexB-b .c2 p { margin-top:10px; }
    .technologyE .bgFooter { padding-top: 25vw; }
    .ny_banner .ny_banner_a .bt_b .b { font-size: 24px; }
    .ny_banner .ny_banner_a .bt_b .t { font-size:14px; max-width: 70%; }
}
@media(max-width: 380px){
    .indexB-b .c1 { font-size: 16px; line-height: 1.5; }
    .indexB-b .c2 p { margin-top:10px; line-height: 1.5; }
    .footer .ooter ul li .wz { font-size: 10px; line-height: 1.5; }
    .ny_banner.ibanner .ny_banner_a { top:33%; }
    .ny_banner .ny_banner_a .bt_b .b { font-size: 20px; }
    .ny_banner .ny_banner_a .bt_b .t { font-size:12px; max-width: 70%; }
}



@media(max-width: 1500px){
    .servicesB-c .topT { padding: 16px 20px; }
}
.servicesF-c dl { display:flex; flex-wrap:wrap; }
.servicesF-a { overflow: hidden; }
.servicesF-c { padding: 30px 20px; }
.servicesF-c dl dd { float:left; width: 100%; padding-right: 12px; }
.servicesF-c dl dd:nth-child(2),.servicesF-c dl dd:nth-child(3) { padding-left: 20px; }
.servicesF-c dl dd:nth-child(1) { border-right:1px solid #d2d2d2; width: 35%; }
.servicesF-c dl dd:nth-child(2) { border-right:1px solid #d2d2d2; width: 41%; }
.servicesF-c dl dd:nth-child(3) { width: 24%; }
.servicesF-c dl dd:nth-child(n+4) { margin-top:20px; }
.servicesF .topTit { padding: 0 20px; }
.servicesF .topTit .t { border-bottom:1px solid #d2d2d2; padding: 20px 0; }
.font220 { font-size: 2.7vw; }
.font218 { font-size: 2.4vw; }
@media(max-width: 500px){
    .servicesF-c { padding: 20px 15px; }
    .servicesF-c dl dd:nth-child(2),.servicesF-c dl dd:nth-child(3) { padding-left: 12px; }
    .servicesF-c dl dd:nth-child(n+4) { margin-top:12px; }
    .servicesF .topTit { padding: 0 15px; }
    .servicesF .topTit .t { padding: 15px 0; }
}
/*.servicesB-d dl .t6 { width: 5%; }
.servicesB-d dl .t7 { width: 8%; }
.servicesB-d dl .t8 { width: 4%; }
.servicesB-d dl .t9 { width: 9%; }
.servicesB-d dl .t10 { width: 6.5%; }
.servicesB-d dl .t11 { width: 9.5%; }*/
.guanxian1 { width: 700%; }
.servicesB-d dl .t6 { width: 7%; }
.servicesB-d dl .t7 { width: 7%; }
.servicesB-d dl .t8 { width: 7%; }
.servicesB-d dl .t9 { width: 7%; }
.servicesB-d dl .t10 { width: 7%; }
.servicesB-d dl .t11 { width: 7%; }
.servicesF-d { background: #f4fbf8; }
.servicesF-d .line { position: absolute; top:0; width: 1px; height: 100%; background: rgba(51, 148, 117, 0.2); }
.servicesF-d .line1 { left: 16.6666%; }
.servicesF-d .line2 { left: 33.3333%; }
.servicesF-d .line3 { left: 49.9999%; }
.servicesF-d .line4 { left: 66.6666%; }
.servicesF-d .line5 { left: 83.3333%; }

.servicesF-e { padding: 30px 20px; }
.servicesF-e .t { position: relative; padding-left: 18px; }
.servicesF .topTit { position: relative; } 
.servicesF .topTit .btn { width: 32px; height: 32px; background: url(/images/getmore.png) no-repeat center/cover; position: absolute; right: 20px; top:50%; transform:translateY(-50%); }
.servicesF ul li.active .topTit .btn { background: url(/images/getmore2.png) no-repeat center/cover; }

.servicesF-e .t:before { content:''; width: 6px; height: 6px; background: var(--blue); position: absolute; left:5px; top: 50%; transform:translateY(-50%); border-radius: 6px; }
.servicesF-f { margin-top:10px; }
.servicesF-f .tt { height: 20px; display:block; }
.servicesF-f .tt .guanxian { left:0; width: 100%; }

.servicesF-g dl { display:flex; flex-wrap:wrap; border-top:1px solid rgba(51, 148, 117, 0.2); }
.servicesF-g dl dd { display:flex; vertical-align:middle; justify-content: center;
  align-items: center; text-align:center; float:left; padding:20px 10px; width: 16.66666%; }

.servicesF ul li { border-bottom:1px solid rgba(221, 237, 237, 1) }

@media(max-width: 2000px){
    .servicesB-d dl .tit .font16 { font-size: 14px; }
}
@media(max-width: 1600px){
    .servicesB-d dl .tit .font16 { font-size: 12px; }
}
@media(max-width: 1400px){
    .servicesB-d dl .tit .font16 { font-size: 10px; }
}

@media(max-width: 500px){
    .servicesF-e { padding: 20px 15px; }
    .servicesF-g dl dd { padding: 15px 10px; }
    .servicesF .topTit .btn { width: 24px; height: 24px; right: 15px; }
    .servicesF .topTit .t { font-size: 18px; }
}
@media(max-width: 400px){
    .servicesF-c { padding: 15px 10px; }
    .servicesF-c dl dd:nth-child(2),.servicesF-c dl dd:nth-child(3) { padding-left: 10px; }
    .servicesF-c dl dd:nth-child(n+4) { margin-top:10px; }
    .servicesF .topTit { padding: 0 10px; }
    .servicesF .topTit .btn { right: 10px; }
    .servicesF .topTit .t { padding: 15px 0; }
    .servicesF-e { padding: 10px 10px; }
    .servicesF-g dl dd { padding: 10px 10px; }
    .servicesF .topTit .t { font-size: 16px; }
}

.servicesF ul li.active .topTit .t { border:none; }
.technologyA-b { margin-top: -1.5vw; padding: 0 10.4vw; }
.technologyA-d { width: 100%; position: absolute; left:0; top: 5vw; text-align:center; }
.technologyA-d .tit { font-size:1.25vw; border-radius: 3vw; display:inline-block; height: 3.125vw; line-height: 3.125vw; padding: 0 3.9vw; background-image: -moz-linear-gradient( -90deg, rgb(1,152,107) 0%, rgb(3,95,90) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(1,152,107) 0%, rgb(3,95,90) 100%); background-image: -ms-linear-gradient( -90deg, rgb(1,152,107) 0%, rgb(3,95,90) 100%); }
.technologyA-e .t { font-size: 1.05vw; }
.technologyA-e { margin: 0 auto; }
.technologyA-e1 { margin-top: 1.7vw; width: 38vw; }
.technologyA-e2 { margin-top: 1vw; width: 46vw; }
.technologyA-e3 { margin-top: 2.5vw; width: 55vw; }
.technologyA-f2 { margin-top: 4.7vw; }
.technologyA-f3 { margin-top: 5.2vw; }
.technologyA-e3 .swiper-container { width: 36vw; margin: 0 auto; }
.technologyA-e2 .swiper-container { width: 30vw; margin: 0 auto; }
.technologyA-e .mainQh2 { top:50%; position: absolute; margin-top:0; transform:translateY(-50%); width: 18px; height: 12px; cursor: pointer; }
.technologyA-e .mainQh2:after { display:none; }
.technologyA-e .swiper-button-next { right:0; background: url(/images/ptaddnext.png) no-repeat center/cover; }
.technologyA-e .swiper-button-prev { left: 0; background: url(/images/ptaddprev.png) no-repeat center/cover; }
.technologyA-e .swiper-container .swiper-slide { cursor: pointer; position: relative; }
.technologyA-g { position: absolute; }
.technologyA-e .swiper-container .swiper-slide-next { border-right:1px solid rgba(52,124,103,0.16); border-left:1px solid rgba(52,124,103,0.16); }
.technologyA-e .swiper-container .swiper-slide { opacity: 0; }
.technologyA-e .swiper-container .swiper-slide:hover { z-index: 5; }
.technologyA-e1 .swiper-container .swiper-slide-active,.technologyA-e1 .swiper-container .swiper-slide-next,.technologyA-e1 .swiper-container .swiper-slide-next + .swiper-slide { opacity: 1; }
.technologyA-e3 .swiper-container .swiper-slide-active,.technologyA-e3 .swiper-container .swiper-slide-next,.technologyA-e3 .swiper-container .swiper-slide-next + .swiper-slide { opacity: 1; }   
.technologyA-e2 .swiper-container .swiper-slide-active,.technologyA-e2 .swiper-container .swiper-slide-next { opacity: 1; }
.technologyA-e2 .swiper-container .swiper-slide-next { border-right:0; }
.technologyA-f { position: relative; }
.technologyA-f:hover { z-index: 5; }
.technologyA-g { display:none; left:90%; top: -2vw; z-index: 5; width: 380px; text-align:left; background-image: -moz-linear-gradient( 90deg, rgb(2,82,86) 0%, rgb(0,155,107) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(2,82,86) 0%, rgb(0,155,107) 100%); background-image: -ms-linear-gradient( 90deg, rgb(2,82,86) 0%, rgb(0,155,107) 100%); padding:2vw 1.5vw; border-radius: 20px; }
.technologyA-e .swiper-container .swiper-slide:hover .technologyA-g { opacity: 1; display:block; }
.technologyA-g .tt { font-size:1.145vw; }
.technologyA-g .con { font-size: 16px; margin-top:10px; }
.technologyA-g .con p { position: relative; padding-left: 12px; margin-top:10px; }
.technologyA-g .con p:before { content:''; width: 5px; height: 5px; background: rgba(255,255,255,0.4); position: absolute; left:0; border-radius: 5px; top: 8px; }

@media(max-width: 1800px){
    .technologyA-g { width: 360px; }
    .technologyA-g .con p { font-size:14px; margin-top:8px; }
    .technologyA-g .con p:before { top: 7px; }
}
@media(max-width: 1500px){
    .technologyA-g { width: 320px; }
    .technologyA-g .con p { font-size:12px; margin-top:6px; }
    .technologyA-g .con p:before { top: 6px; }
}
@media(max-width: 1100px){
    .technologyA-b { padding: 0; width: 150vw; position: relative; left: 50%; transform:translateX(-50%); }
    .technologyA-e1 .swiper-container .swiper-slide-next + .swiper-slide { opacity: 0; }
    .technologyA-e1 .swiper-container .swiper-slide-next { border-right:0; }
    .technologyA-d { top: 9vw; }
    .technologyA-d .tit { font-size: 2.5vw; border-radius: 6vw; height: 6vw; line-height: 6vw; padding: 0 6vw;  }
    .technologyA-e .t { font-size: 2.2vw; }
    .technologyA-e { margin: 0 auto; }
    .technologyA-e1 { margin-top: 4vw; width: 72vw; }
    .technologyA-e2 { margin-top: 1vw; width: 90vw; }
    .technologyA-e3 { margin-top: 2.5vw; width: 94vw; }
    .technologyA-f2 { margin-top: 8vw; }
    .technologyA-f3 { margin-top: 11vw; }
    .technologyA-e3 .swiper-container { width: 90vw; margin: 0 auto; }
    .technologyA-e2 .swiper-container { width: 86vw; margin: 0 auto; }
    .technologyA-e .swiper-container .swiper-slide:hover .technologyA-g { opacity: 0; display:none; }
}
@media(max-width: 600px){
    .technologyA-d { top: 8vw; }
    .technologyA-d .tit { font-size: 3vw; border-radius: 6vw; height: 6vw; line-height: 6vw; padding: 0 10vw;  }
    .technologyA-e .t { font-size: 2.6vw; }
}

.aboutF { display:none; }
.aboutF-a { position: relative; width: 100%; height: 100%; }
.aboutF { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0); z-index: 10000; left:0;top:0; }
.aboutF-b { position: absolute; left: 50%; transform:translate(-50%, -50%); top: 50%; border-radius:20px; width: 70%; background: #fff; box-shadow: 0px 0px 17.01px 3.99px rgba(224, 236, 231, 0.4); padding: 10px; }

.aboutF-c { position: relative; padding: 4vw 7.5vw; }
.aboutF-c .close { position: absolute; top: 30px; right: 30px; font-size: 30px; font-weight: lighter; cursor: pointer; color:#999999; width: 42px; height: 42px; line-height: 40px; border:1px solid #bfbfbf; border-radius: 50px; text-align:center; }
.aboutF-c .close:hover { color:#fff; background: #347c67; border-color:#347c67; }
.aboutF-d .swiper-container { overflow: hidden; }
.aboutF-d { position: relative; padding: 0 90px; }
@media(max-width: 1500px){
    .aboutF-c .close { font-size: 20px; width: 36px; height: 36px; line-height: 34px; top: 20px; right: 20px; }
    .aboutF-c { position: relative; padding: 4vw 5vw; }
}
@media(max-width: 1100px){
    .aboutF-b { width: 90%; }
    .aboutF-c .close { font-size: 20px; width: 32px; height: 32px; line-height: 30px; top: 0px; right: 0px; }
    .aboutF-c { position: relative; padding: 40px 10px; }
    .aboutF-d { padding: 0 0px; }
    .aboutF-d .mainQh { top: 22vw }
    .aboutF-d .mainQhPrev { left: 0; }
    .aboutF-d .mainQhNext { right: 0; }
}




.contactB-b .swiper-wrapper { display:flex; flex-wrap:wrap; }
.contactB-b .swiper-slide { display:block; height: auto; width: calc(25% - 16px); margin-right:20px; }
.contactB-b .swiper-slide:nth-child(4n) { margin-right:0;  }
.contactB-b .swiper-slide:nth-child(n+5) { margin-top:20px;  }
.contactB-d { min-height:10px; }
@media(max-width: 1500px){
    .contactB-c { padding: 20px 15px; }
}
@media(max-width: 1100px){
    .contactB-c { padding: 20px 15px; }
    .contactB-b .swiper-slide { width: calc(50% - 10px); margin-right:20px; }
    .contactB-b .swiper-slide:nth-child(2n) { margin-right:0;  }
    .contactB-b .swiper-slide:nth-child(n+3) { margin-top:20px;  }
}
@media(max-width: 600px){
    .contactB-b .swiper-slide { width: 100%; margin-right:0px; }
    .contactB-b .swiper-slide:nth-child(2n) { margin-right:0;  }
    .contactB-b .swiper-slide:nth-child(n+2) { margin-top:20px;  }
}

.top_r.md { text-align:center; }
.top_r.md li { display:inline-block; margin: 0 6px; }

@media(max-width: 1100px){
	.top_r.md { display:none; }
}


/*zx 2024 11 26*/
.ywtx_a .technologyDetA-c ul{
	border-top: none;
}
.ywtx_a .technologyDetA-c ul li a{
	position: relative;
	border-top: 1px solid #eeeeee;
	border-bottom: none;
}
.ywtx_a .technologyDetA-c ul li a:after{
	top: -1px;
	bottom: auto;
}
.ywtx_a .technologyDetA-c ul li a:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 15px;
	height: 10px;
	background: url(/images/ywtx_a_jt.png)center center/cover;
}
.ywtx_b .ywtx_b_img{
	overflow: hidden;
	border-radius: 20px;
}
.ywtx_b .more a{
	font-weight: 600;
}
.servicesB-d dl dd .tit:nth-child(1) .tt{
	font-weight: 600;
}

.ywtx_b .ywtx_b_img .swiper-pagination-bullet { background: #339475; }

.ywtx_b.technologyDetA-e .topT{
	border-bottom: none;
}

.xbcc ul li{
	display: flex;
	flex-wrap: wrap;
}
.xbcc ul li .img{
	width: 45%;
	float: left;
	padding-bottom: 2.2vw;
	overflow: hidden;
	margin-right: 5%;
	border-radius: 20px;
}
.xbcc ul { position: relative; overflow: hidden; }
.xbcc ul:before { content:''; width: 1px; height: 100%; position: absolute; top: 10px; left: 50%; background: rgba(52,124,103,0.4); }

.xbcc ul li .img img{
	border-radius: 20px;
}
.xbcc ul li .bt{
	float: left;
	width: 50%;
	padding-left: 5%;
	/*border-left: 1px solid rgba(52,124,103,0.4);*/
	position: relative;
}
.xbcc ul li .bt:after{
	content: "";
	position: absolute;
	top: 0;
	left: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(/images/xbcc_icon.png)center center/cover;
	transition: all 0.6s;
}
.xbcc ul li:hover .bt:after{
	background: url(/images/xbcc_icon01.png)center center/cover;
}
.xbcc ul li.cur .bt:after{
	background: url(/images/xbcc_icon01.png)center center/cover;
}
.xbcc ul li .bt .b{
	color: #347c67;
}
.xbcc ul li .bt .t{
	color: #666666;
	line-height: 1.8;
}
.xbcc ul li:nth-child(2n){
	flex-direction:row-reverse;
}
.xbcc ul li:nth-child(2n) .img{
	float: right;
	width: 44.9%;
	margin-left: 5%;
	margin-right: 0;
}
.xbcc ul li:nth-child(2n) .bt{
	width: 45.1%;
	padding-right: 5%;
	text-align: right;
	float: right;
	padding-left: 0;
	margin-left: 0;
	border-right: 1px solid rgba(52,124,103,0.4);
	border-left: none;
}
.xbcc ul li:nth-child(2n) .bt:after{
	left: auto;
	right: -20px;
}
.xbcc ul li:last-child .img{
	padding-bottom: 0;
}


@media(max-width: 1100px){
	.xbcc ul:before { display:none; }
	.xbcc ul li .img{
		width: 100%;
		padding-bottom: 20px;
		margin-right: 0;
	}
	.xbcc ul li:nth-child(2n) .img{
		width: 100%;
		margin-left: 0;
	}
	.xbcc ul li .bt{
		width: 100%;
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}
	.xbcc ul li{
		margin-bottom: 20px;
	}
	.xbcc ul li:nth-child(2n) .bt{
		width: 100%;
		text-align: left;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	.xbcc ul li:last-child .img{
		padding-bottom: 20px;
	}
	.xbcc ul li .bt:after{
		display: none;
	}
}

.contactG{
	padding: 6.7vw 0 5.7vw;
}
.contactG ul{
	display: flex;
	flex-wrap: wrap;
}
.contactG ul li{
	width: 19%;
	float: left;
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
	margin-right: 1.25%;
	height: 6vw;
	position: relative;
	margin-bottom: 1.25%;
}
.contactG ul li:nth-child(5n){
	margin-right: 0;
}
.contactG ul li .img{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 0 10px;
	text-align: center;
}

@media(max-width: 1600px){
	.contactG ul li{
		width: 24%;
		margin-right: 1.33%;
	}
	.contactG ul li:nth-child(4n){
		margin-right: 0;
	}
	.contactG ul li:nth-child(5n){
		margin-right: 1.33%;
	}
}
@media(max-width: 1100px){
	.contactG{
		padding: 40px 0 50px;
	}
	.contactG ul li{
		width: 32%;
		margin-right: 2%;
		height: 60px;
		border-radius: 10px;
	}
	.contactG ul li:nth-child(4n),
	.contactG ul li:nth-child(5n){
		margin-right: 2%;
	}
	.contactG ul li:nth-child(3n){
		margin-right: 0;
	}
	.contactG ul li .img img{
		width: 40%;
	}
}

@media(max-width: 1600px){
    .servicesB-a .gonbt { float:left; width: calc(100% - 200px); }
    .servicesB-d dl .font16 { font-size:12px; }
    .servicesB-d dl dd .font16 { font-size: 12px; }
}

.ejNav { position: fixed; left:0; top: 79px; z-index: 99; border-bottom:1px solid rgba(120,120,120,0.2); border-top:1px solid #efefef; background: #fff; width: 100%; }
.ejNav a { display:inline-block; padding: 20px 30px; }
.ejNav a.cur,.ejNav a:hover { color:var(--blue); }
@media(max-width: 1600px){
    .ejNav a { padding: 12px 20px; }
}
@media(max-width: 1100px){
    .ejNav { display:none; }
}

.indexB2 { background: none; }
.indexB-b .c1.colorWhite { color:#666!important;  }
.indexB2 .indexB-b { width: 100%; }
.indexB2-a ul li { float:left; margin-right: 200px;  }
.indexB2-a ul li:last-child { margin-right:0;  }

@media(max-width: 1900px){
    .indexB2-a ul li {  margin-right: 10vw;  }
}
@media(max-width: 800px){
    .indexB2-a ul li { width: 45%; margin-right:0; }
    .indexB2-a ul li:nth-child(2n) { width: 55%; }
    .indexB2-a ul li:nth-child(n+3) { margin-top:20px; }
}
@media(max-width: 450px){
    .indexB2 .img2 img { max-width: 300%; width: 120vw!important; height: auto;  }
    .indexB2 .img2 { width: 100%; overflow: hidden; }
}
@media(max-width: 400px){
    .indexB2 .img2 img { width: 140vw!important; height: auto;  }
}

.aboutHonor { background-color: #fff; }
.colorGreen { color:#347c67; }
.aboutHonorA-a { width: 60%; }
.aboutHonorA-a ul li { padding-left:60px; position: relative; }
.aboutHonorA-a ul li:before { content:''; width: 1px; height: 100%; position: absolute; left:20px; top:10px; background: #c2d7d1; }
.aboutHonorA-a ul li:after { content:''; width: 40px; height: 40px; background: url(/images/circlebg.png) no-repeat center/cover; position: absolute; left:0px; top: 2px; }
.aboutHonorA-a ul li:nth-child(n+2) { margin-top:60px; }
.aboutHonorA-a ul li .c p:nth-child(n+2) { margin-top:6px; }
.aboutHonorA-a ul li .c p { padding-left: 12px; position: relative; line-height: 25px; }
.aboutHonorA-a ul li .c p:before { content:''; width: 6px; height: 6px; background: #d6e5e1; border-radius:5px; position: absolute; left:0; top: 9px; }
.aboutHonorA-b { overflow: hidden; width: 34%; float:right; }
.aboutHonorA-b .swiper-container { padding-top: 40px; }
.aboutHonorA-b .swiper-pagination  { top:2px; bottom: auto; }
.aboutHonorA-b .swiper-pagination .swiper-pagination-bullet { background: #014c46; width: 8px; height: 8px; border-radius:10px }
@media(max-width: 2000px){
    .aboutHonor .top_r ul li a { width: 160px; height: 50px; line-height: 48px; }
    .aboutHonorA-a ul li:nth-child(n+2) { margin-top: 3vw; }
}
@media(max-width: 1800px){
	.top_r ul li a { height: auto; line-height: 1.2; width: auto; padding: 12px 30px; }
}
@media(max-width: 1600px){
    .aboutHonorA-a ul li .c p:nth-child(n+2) { margin-top:5px; }
    .aboutHonor .top_r ul li a { width: auto; padding: 10px 30px; height: auto; line-height: 1; }
}
@media(max-width: 1100px){
    .aboutHonorA-a { width: 100%; }
    .aboutHonorA-a ul li { padding-left:25px; }
    .aboutHonorA-a ul li:before { left:10px; top:10px; }
    .aboutHonorA-a ul li:after { content:''; width: 20px; height: 20px; top: 0; }
    .aboutHonorA-a ul li:nth-child(n+2) { margin-top:30px; }
    .aboutHonorA-a ul li .c p:nth-child(n+2) { margin-top:3px; }
    .aboutHonorA-b { overflow: hidden; width: 100%; margin-top: 30px; }
    .aboutHonor .top_r ul li a { width: auto; padding: 14px 10px; height: auto; line-height: 1; }
}

@media(max-width: 500px){
    .aboutHonor .top_r ul li a { padding: 10px 10px; height: auto; line-height: 1; }
}

<!--耗时1770091012.4914秒-->