.empty{
	display: block;
	background: url(img/empty.png) no-repeat center;
	width: 100%;
	height: 300px;
}


.logo_box1{background: #fff; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.3); width:100%; position: fixed; top: 0; z-index: 21; display: none;}
.top_nav_list1 li{ float: left; margin: 20px;}
.top_nav_list1 li a{ color: #333333;}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 199;
  height: 90px;
  background: rgba(0,0,0,.4);
}
.header.scroll .header-wrap,
.header.innerBg .header-wrap {
  background: #fff;
}
.header.scroll .header-wrap .logo img.show,
.header.innerBg .header-wrap .logo img.show {
  opacity: 0;
  visibility: hidden;
}
.header.scroll .header-wrap .logo img.hide,
.header.innerBg .header-wrap .logo img.hide {
  opacity: 1;
  visibility: visible;
}
.header.scroll .header-wrap .navs > li > a,
.header.innerBg .header-wrap .navs > li > a {
  color: #333333;
}
.header.scroll .header-wrap .navs > li > a i,
.header.innerBg .header-wrap .navs > li > a i {
  color: #333333;
}
.header.scroll .header-wrap .stock-code,
.header.innerBg .header-wrap .stock-code {
  border-left-color: rgba(51, 51, 51, 0.1);
}
.header.scroll .header-wrap .stock-code p,
.header.innerBg .header-wrap .stock-code p {
  color: #333333;
}
.header-wrap {
 height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.4s;
}
.logo {
  display: inline-block;
  position: relative;
  height: 60px;
}
.logo img {
  display: inline-block;
  width: auto;
  max-height: 100%;
  transition: 0.38s;
}
.logo img.hide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.header-right {
  display: flex;
  align-items: center;
}
.navs {
  display: flex;
}
.navs > li {

  position: relative; display: block; width: 150px; height: 52px; line-height: 52px;text-align: center;
}

.navs > li > a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 21px; font-weight: bold;
}
.navs > li > a i {
  display: inline-block;
  margin-left: 7px;
  color: #fff;
  font-size: 12px;
  opacity: 0.7;
  transition: 0.25s;
}

.navs .one_z{ background: url(../img/anv_bj.png) no-repeat center center;background-size: 100%;}
.navs .one_z  a{ color: #fff;}

.navs .one_z .navs-menu-list li a{ color: #333;}
.navs .one_z .navs-menu-list li a:hover{ color: #02aeb6;}




.navs > li:hover > a i {
  transform: rotate(180deg);
}
.navs > li:hover .navs-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  pointer-events: visible;
}
.navs-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 3;
  padding-top: 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  margin-top: 30px;
  transition: 0.4s;
}
.navs-menu:before{ background:url(../img/jt.png) no-repeat top center; content: ""; top: -7px; left: 50%; position: absolute; margin-left: -55px; width: 110px; height: 36px; background-size: 53%;}
.navs-menu-list {
    padding: 18px 16px;
    background: rgba(255, 255, 255, .8);
    box-sizing: border-box;
    min-width: 160px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.navs-menu-list li {
  
  text-align: center; line-height: 35px;
}
.navs-menu-list li:last-child {
  margin-bottom: 0;
}
.navs-menu-list li a {
  display: inline-block;
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  transition: 0.36s;
}
.navs-menu-list li a:hover {
  color: #01acb4;
}

.navs > li > a:hover{ color: #01acb4;}
.stock-code {
  margin-left: 0.42rem;
  padding: 0.03rem 0 0 0.32rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.stock-code p {
  margin-bottom: 0.08rem;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.stock-code p:last-child {
  margin-bottom: 0;
  font-family: "DIN-Light";
  font-size: 0.22rem;
}

.banner .swiper-pagination-bullet{ width: 18px; height: 18px;background:rgba(0,0,0,.0); border: 4px solid #fff; border-radius: 50%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ text-align: right; bottom: 170px; ;right: 20%; width: 95%;}

.banner .swiper-slide img{ max-width: 100%; height: 100%;}



/*核心板块开始*/

.hxbk{background: url(../img/bk_bj.png) no-repeat top center; background-size: 100%; text-align: center; min-height: 1030px;box-sizing: border-box; padding-top: 200px;}
.hxbk_tit h2{text-transform:Uppercase; font-size: 42px; color: #fff; font-weight: normal;}
.hxbk_tit h3{ font-size: 35px;  font-weight: bold;color: #fff;}

.hxbk_nr ul{ display: flex;justify-content:space-between; margin-top: 100px;}
.hxbk_nr ul li{ width: 48%;transition: all 0.5s;}
.hxbk_nr ul li a{transition: all 0.5s;}
.hxbk_nr ul li a img{ width: 100%;transition: all 0.5s;}




.hxbk_nr ul li a:hover img{transition: all 0.5s; margin-top: -15px;transform: scale(1.1)}


/*新闻开始*/
.news{ padding-top: 80px;text-align: center;}
.tbd h2{ color: #c9c8c7;}
.tbd h3{ color: #626362;}

/* .bannerBox{width: 1200px;margin: 0 auto;} */
body{background-color: #f6f9ff}


.bannerBox .banner{width: 100%;height: 540px; max-width: 1280px;margin: 0 auto;overflow: hidden;position: relative;margin-top: 50px; padding: 30px; }
.bannerBox .banner ul{position: absolute;width: 600px;height:73%;left: 50%;margin-left: -310px;}
.bannerBox .banner li {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 1;transform: scale(0.8);transition: transform 0.4s;
 box-shadow: 0px 7px 26px 0px rgba(0, 0, 0, 0.3); border-radius: 80px; }
.bannerBox .banner li a{display: block;width: 600px;height: 100%;}
.bannerBox .banner li.on{transform: scale(1);}

.bannerBox .banner li:nth-child(3n){  margin-left: 1000px;}

.bannerBox .banner li:hover .news_n2{ box-shadow: 0px 0px 38px 0px rgba(22, 22, 22, 0.1); background: #f9f9f9;transition: all 0.5s; color: #01acb4;}
.bannerBox .banner li:hover .news_n2_txt{ color:#01acb4;}
.banner-btn{width: 100%;position: absolute;width: 1200px;height: 0px;top: 40px;left: 50%;margin-left: -600px;z-index: 9;}
.banner-btn-prev,.banner-btn-next{display: block;width: 500px;height: 425px;position: absolute;}



.banner-btn-prev{left: -200px;}
.banner-btn-next{right: -200px;}



.news_n .bannerBox .banner li a{ 
	background-image: -moz-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -webkit-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -ms-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
	 border-radius: 60px; height: 443px;}
.news_n2{box-sizing: border-box; padding: 30px;}
.news_n2_img img{ width: 100%; height: 230px;width: 100%; text-align: center;transition: 1s;transition: all 0.5s;}
.news_n2_img { width: 100%; height: 230px; overflow: hidden; border-radius: 30px;}

.bannerBox .banner li:hover .news_n2_img img{transform: scale(1.1);transition: all 0.5s;}



.news_n2{ background: #fff;border: 2px solid #62def6;  border-radius: 60px;transition: all 0.5s; }
.news_n1{ height: 45px; line-height: 45px; color: #fff; font-size: 20px; font-weight: bold; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}














/*服务案例*/
.fw_case{ text-align: center;  padding-top: 100px;}
.pc-banner2 {
	
	width: 100%;
	
}


.pc-banner2 .swiper-wrapper .swiper-slide a{display: flex;justify-content:space-between;}
.fw_case_right h2{line-height: 30px;
     color: #333; font-size: 30px; line-height: 50px; font-weight: bold;transition: all 0.5s;}
    .fw_case_right section{color: #666666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 17px;
    margin-bottom: 16px; margin-top: 20px;}

.fw_case_right h3{ background: url(../img/anv_bj.png) no-repeat center center; width: 150px; height: 50px; display: inline-block; text-align: center; color: #fff; font-size: 18px; border-radius: 30px; font-weight: bold; line-height: 50px; margin-top: 30px;transition: all 0.5s;}

.fw_case_left{ width: 65%;}
.fw_case_left img{ width: 100%;}
.fw_case_right{ width: 35%;box-sizing: border-box; padding: 50px;align-items: center;display: flex;justify-content: center;
box-sizing: border-box;}



@media screen and (max-width: 668px) {
	.pc-banner2 {
		background-size: auto 100%;
		
	}
}




.pc-banner2 .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.82);
	transform: scale(0.82);
	transition: all 0.5s;
	border-radius: 90px;
	
	
	
	
	
	
	
}

.pc-banner2 .swiper-container{  
	  height: auto;
    padding-top: 20px;
    padding-bottom: 36px;}
.pc-banner2 .swiper-slide:hover{transition: all 0.5s;border-radius: 90px;}

@media screen and (max-width: 668px) {
	.pc-banner2 .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.pc-banner2 .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	 
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

 .pc-banner2 .swiper-slide a {
	background: #fff;
	
	display: block;
	border-radius: 14px;
	border-radius: 120px;
	 box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.24);
	
}

@media screen and (min-width: 668px) {
	 .pc-banner2 .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		
		
		content: "";
		width: 100%;
		height: 100%;
		background:rgba(255,255,255,.2);
	
	}
}

 .pc-banner2 .swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
 .pc-banner2 	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

 .pc-banner2 .swiper-slide img {
	width: 100%;
	border-radius: 120px 0 0 120px;
	display: block;
}

@media screen and (max-width: 668px) {
	 .pc-banner2 .swiper-slide img {
		border-radius: 7px;
	}
}

 .pc-banner2 .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
	height: 17px;
}

 .pc-banner2 .swiper-pagination-bullet {
	background: #adbbbc;
	margin-left: 4px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	opacity: 1;
	margin-bottom: 4px; border-radius: 50%;
}

 .pc-banner2 .swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	background: #01acb4;
	
	
}

@media screen and (max-width: 668px) {
	
 .pc-banner2 	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	 .pc-banner2 .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

 .pc-banner2 	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	 .pc-banner2 .button {
		width: 70%;
		bottom: 22px;
	}
}

 .pc-banner2 .button div:hover {
	background-color: #2f4798;
}

 .pc-banner2 .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

 .pc-banner2 .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}	

.pc-banner2{ padding-top: 100px;}
.pc-banner2 .swiper-pagination2{ padding-top: 40px;}



.news_n2_txt{color: #666666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 15px;
    margin-bottom: 16px;
    text-align: left;
   padding-top: 15px;box-sizing: border-box;
    
 }
 
 
 .pc-banner2 .swiper-slide:hover .fw_case_right h2{ color: #01acb4;transition: all 0.5s;}
 
 .pc-banner2 .swiper-slide:hover .fw_case_right h3{  background: #01acb4;transition: all 0.5s;}
 



/*底部样式开始*/

.footer{ background: #404040; padding-top: 80px;  box-sizing: border-box; margin-top: 0px;}
.footer .cont{ display: flex;justify-content: space-between;}

.footer_left{ width: 400px;}
.footer_right{ width: 770px;}
.footer_right ul {  display: flex;}
.footer_right ul li{ padding-left: 50px;}
.footer_right ul li h2{  font-size: 25px; color: #fff; }

.footer_right2 p a{ font-size: 18px;color: rgba(255,255,255,0.8);}
.footer_right2 p a:hover{ text-decoration: underline;color: rgba(255,255,255,1);}
.footer_right2 { padding-top: 50px;}

.footer_right2 p{ line-height: 35px;}

.footer_left4 img{ width: 120px; height: 120px; margin-right: 10px;}
.footer_left{ color: #fff;}
.footer_left1{  font-size: 24px;}
.footer_left2{  font-size: 40px; font-weight: bold;}
.footer_left3{ font-size: 20px;  margin-top: 20px;}
.footer_left4{ margin-top: 40px;}


.clear{ clear: both;}


  .footer3{ width: 100%; border-top: 1px solid rgba(255,255,255,0.04); line-height: 80px;}
  .footer3 .cont{  display: flex;justify-content: space-between; font-size: 1.0rem; color: #fff;}
  .footer3 a{ font-size: 0.96rem; color: #fff;}
  .footer3{ position: relative; }






/*内页样式开始*/
/*内页新闻样式开始*/


.ny_xinw ul li{ display: block; float: left; width: 600px; height: 470px;
background-image: -moz-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -webkit-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -ms-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%); border-radius: 80px; box-shadow: 0px 0px 43px 0px rgba(22, 22, 22, 0.1);
  margin-bottom: 30px; margin-top: 40px;transition: all 0.5s;

}
.ny_xinw ul li:nth-child(2n){ float: right;}

.ny_xinw1{ height: 80px; text-align: center; line-height: 80px; font-size: 20px; font-weight: bold; color: #fff;} 

.ny_xinw2{ background: #fff; border-radius: 80px;box-sizing: border-box; padding: 22px; border: 2px solid #6be2fb; }
.ny_xinw2_1{ width: 100%; height: 260px; overflow: hidden;border-radius: 60px;}
.ny_xinw2_1 img{ width: 100%; height: 260px;border-radius: 60px;text-align: center;transition: 1s;transition: all 0.5s;}


.ny_xinw ul li:hover .ny_xinw2_1 img {transform: scale(1.1);transition: all 0.5s;}


.ny_xinw2_2{color: #333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-bottom: 16px; margin-top: 10px;}
    
    
  .ny_xinw2_3{ font-weight: bold;text-align: right; padding-right: 20px; font-size: 16px;}
.ny_xinw ul li:hover .ny_xinw2_3{ color: #00aab2;transition: all 0.5s;}
.ny_xinw ul li:hover{ box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.38);transition: all 0.5s;}



/*联系我们开始*/

.contes ul{display: flex;justify-content: space-between;}
.contes ul li{ width: 30%;

background-image: -moz-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -webkit-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -ms-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%); border-radius: 30px;
}

.contes ul li:hover{ box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);}

.contes2{ background: #fff;border-radius: 30px;border: 2px solid #6be2fb; padding-bottom: 20px; padding-top: 10px; }

.contes1{ height: 90px; text-align: center; padding-top: 20px;}
.contes1 img{ width: 20%;}

.contes2{ text-align: center; height: 110px;}
.contes2 h2{ font-size: 30px; font-weight: bold;  
  line-height: 1.867;  color: #4cb9da;
  }
.contes2 h3{ font-size: 18px; font-weight: normal;  color: #333;
    width: 85%;
    display: inline-block;}
.contes{ margin-top:80px;}



#map{  width: 100%; height: 500px; margin-top: 80px;}


.ny_bannner{ min-height: 59.1875rem;}
.ny_bannner{ margin-bottom: 30px;}




/*关于我们开始*/
.ny_commeny{ text-align: center; padding-top: 40px; padding-bottom: 40px;}
.ny_commeny2{ font-size: 20px; color: #666666; line-height: 32px; text-align: left; padding-top: 50px;}
.wu_jiashi_lie ul{ display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;}
.wu_jiashi_lie ul li{ width: 190px; height: 190px; border-radius: 200px; text-align: center;background-image: linear-gradient(45deg, #6fecfe, #4cb9da);box-shadow: 0px 14px 24.03px 2.97px rgba(0, 0, 0, 0.22);margin-left: 50px;  margin-right: 50px;transition: all 0.5s;}
.wu_jiashi{ text-align: center;  }
.wu_jiashi_lie_tu img{ height: 99px;}
.wu_jiashi_da{ font-size: 40px; font-weight: bold; 
   }
   
   
 .wu_jiashi_lie ul li:hover  {transform: scale(1.1);transition: all 0.5s;}
   
   .tici .wu_jiashi_lie ul li{background-image: linear-gradient(90deg, #15fca1, #2ecabf);}
   
   .hxjs_lie ul li:hover  {transform: scale(1.1);transition: all 0.5s;}
   
   
  
  .wu_jiashi_lie_tu{ height: 90px;margin-top: 20px;}
  .wu_jiashi_lie_wen{ margin-top: 10px;}
.wu_jiashi{ margin-top: 100px;}
.wu_jiashi_da{ margin-top: 50px; margin-bottom: 100px;}



.wu_jiashi_da {
    font-size: 40px;
    font-weight: bold;
    background-image: linear-gradient(180deg, #63dcf6, #50bddd);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.wu_jiashi_lie_wen{ font-size: 28px; color: #fff; }

.wu_jiashi_lie_yj{ background: #fff; border: 2px solid #2dadd4; border-radius: 60px;background-image: linear-gradient(180deg, #63dcf6, #50bddd);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; font-weight: bold; font-size: 32px; margin-top: 90px; line-height: 60px; height: 60px;
  
  }
  
 .tici .wu_jiashi_da{background-image: linear-gradient(180deg, #00fb8e, #00bf70);}

 .tici .wu_jiashi_lie_yj{border: 2px solid #10c0b5;background-image: linear-gradient(180deg, #00fb8e, #00bf70);}
 
 
 
 /*梯次利用开始*/
.gylc ul li{ display: flex;}
.gylc_right h2{ color: #333;  font-weight: bold;}
.gylc_right h3{color: #666666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-bottom: 16px; margin-top: 16px;}
    
    
.gylc_left{ width: 130px; height: 130px;background-image: linear-gradient(180deg, #00fb8e, #00bf70); border-radius: 50%;box-shadow: -5.288px 11.876px 43px 0px rgba(22, 22, 22, 0.31); text-align: center;align-items: center;display: flex;justify-content: center;}
.gylc_left img{ height: 82px;}
    
    
 .gylc_right{ width: 1097px;box-sizing: border-box; padding-left: 50px; padding-top:20px;}
 
.gylc ul li{ border-bottom: 1px solid #cccccb; padding-bottom: 30px; padding-top: 30px;}
.gylc ul li:hover .gylc_right h2{ color: #5dd480;}   
    
 .liucheng{ margin-top: 100px;}  
    
#thumbs li{ width: 33.3%; float: left; text-align: center; position: relative;transition: all 0.5s;}


#thumbs li:nth-child(1):before {
    background: url(../img/lc1.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: -47px;
    z-index: -1;
    top: 107px;
    content: "";
    width: 77px;
    height: 43px;
}
#thumbs li:nth-child(2):before {
    background: url(../img/lc1.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: -47px;
    z-index: -1;
    top: 107px;
    content: "";
    width: 77px;
    height: 43px;
}

#thumbs li:nth-child(4):after {
    background: url(../img/lc3.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: -47px;
    z-index: -1;
    top: 107px;
    content: "";
    width: 77px;
    height: 43px;
}

#thumbs li:nth-child(4):before {
    background: url(../img/lh.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: 185px;
    z-index: -1;
    top: -68px;
    content: "";
    width: 33px;
    height: 67px;
}


#thumbs .pic_box img {
    max-width: 316px;transition: all 0.5s;
    
}

#thumbs li:nth-child(5):before {
    background: url(../img/lc3.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: -47px;
    z-index: -1;
    top: 107px;
    content: "";
    width: 77px;
    height: 43px;
}

#thumbs li:nth-child(3):before {
    background: url(../img/lc2.png) no-repeat right center;
    background-size: 50%;
    position: absolute;
    bottom: -71px;
    z-index: 9;
    left: 175px;
    content: "";
    width: 63px;
    height: 115px;
}

.pic_box img{ max-width: 344px;transition: all 0.5s; }
    
    
#thumbs li:nth-child(4){ margin-top: 50px;}
#thumbs li:nth-child(5){ margin-top: 50px;}   
#thumbs li:nth-child(6){ margin-top: 50px;}



#thumbs li:nth-child(7) {
    box-sizing: border-box;
    margin-left: 293px;
    margin-top: 15px;
}
#thumbs li:nth-child(8){box-sizing: border-box; margin-left: 0px; width: 19%;margin-top: 15px;}
#thumbs li:nth-child(7) .pic_box img{ max-width: 190px;}
#thumbs li:nth-child(8) .pic_box img{ max-width: 190px;}

#thumbs2 li{transition: 1s;transition: all 0.5s;}
#thumbs2 li .pic_box{transition: 1s;transition: all 0.5s;}
#thumbs2 li:hover .pic_box img {transform: scale(1.1);transition: all 0.5s;}

#thumbs li{transition: 1s;transition: all 0.5s;}
#thumbs li .pic_box{transition: 1s;transition: all 0.5s;}
#thumbs li:hover .pic_box img {transform: scale(1.1);transition: all 0.5s;}



#thumbs li:nth-child(7):before {
    background: url(../img/lc5.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    left: -54px;
    z-index: -1;
    top: -65px;
    content: "";
    width: 187px;
    height: 168px;
}
#thumbs li:nth-child(8):before {
    background: url(../img/lc6.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    left: -120px;
    z-index: -1;
    top: -24px;
    content: "";
    width: 159px;
    height: 168px;
}
#thumbs li{ cursor: pointer;}
.gylc_left img {
				/*继承父元素宽度*/
			
				height: 90px;
				/*span为行内元素*/
				display: inline-block;
				/*添加过度效果*/
				/*如果使用过度,需要开始结束he开关都设定*/
				transition: all 0.3s linear;
				
			}

.gylc_left img:hover {
				transform: rotate(0deg) scale(1.1);
				/*兼容IE浏览器*/
				-ms-transform: rotate(0deg) scale(1.1);
				/*兼容Safari和Chrome浏览器*/
				-webkit-transform: rotate(0deg) scale(1.1);
				/*兼容火狐浏览器*/
				-moz-transform: rotate(0deg) scale(1.1);
			}
			


	
	
}
.wu_jiashi_lie_tu img:hover{
		transform: rotate(0deg) scale(1.1);
				/*兼容IE浏览器*/
				-ms-transform: rotate(0deg) scale(1.1);
				/*兼容Safari和Chrome浏览器*/
				-webkit-transform: rotate(0deg) scale(1.1);
				/*兼容火狐浏览器*/
				-moz-transform: rotate(0deg) scale(1.1);
	
}



/*无人驾驶开始*/

.canshu2 ul li{ width: 50%; border-bottom: 1px solid #bfbfbf; padding-bottom: 30px; float: left; margin-top: 20px;}
.canshu2 ul li h2{ color: #00c2cb; font-size: 24px; font-weight: bold; line-height: 40px;}
.canshu2 ul li h3{ font-size: 18px;}

.canshu1{ display: flex;}

.canshu1_left{ width: 580px;}
.canshu1_left img{ width: 100%;}

.canshu1_right{box-sizing: border-box; padding-left: 50px; padding-top: 120px;}
.canshu1_right h2{  color: #00c2cb; font-size: 28px; font-weight: bold;}
.canshu1_right h3{ font-size: 16px; padding-top: 20px; color: #333; line-height: 28px;}

#thumbs2{ margin-top: 40px;}
#thumbs2 li{ float: left;width: 33%; text-align: center; margin-top: 50px; cursor: pointer;}



.shipin ul li{ position: relative; width: 100%; height: 700px; display: block; border-radius: 20px; overflow: hidden; float: left; box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.3); }
.shipin ul li:nth-child(2n){ float: right;}
.shipin ul li a{ cursor: pointer;}


.shipin2{ display: flex;justify-content: space-between; position: absolute; z-index: 2; background: url(../img/yiny.png) repeat-x bottom; left: 0; bottom: 0; width: 100%; height: 155px; line-height: 238px;}
.shipin1{ position: absolute; left: 0; top: 0;  z-index: 1;}
.shipin2 b img{ width: 40px;}
.shipin2 b{ padding-right: 20PX;  padding-top: 15px;}
.shipin2 span{ padding-left: 20px; color: #fff; font-size: 18px;}

.shipin1 img{ width: 100%; height: 300px;}
.shipin1{ width: 100%;}

.shipin{ padding-top: 35px; padding-bottom: 30px;}

.layui-layer-content{ overflow: hidden!important;}


.xiangyenr{ width:1280px; margin:0 auto;}
.xiangyenr h2{ font-size:25px; color:#333;text-align:center; font-weight:normal; padding-top:20px;}
.xiangyenr h3{ font-size:15px; color:#666;font-weight:normal;text-align:center; border-bottom:1px dashed #d2d2d2; padding-bottom:20px; padding-top: 15px; margin-bottom: 20px;}
.xiangyenr p{ font-size:15px; color:#343434; line-height:26px; padding-top:10px;}

.fenxiang{ float:right; padding-top:25px; }

.shang_xiaw{ background:#efefef; padding:15px; width:1280px; margin:0 auto; margin-top:40px;}
.clear{ clear:both;}
.shangyi{ padding-top:10px; float:left; width:1080px;}
.shangyi p{ height:35px; line-height:35px; margin:0px; padding:0; color:#666;}
.shangyi p a{ color:#333;}
.shangyi p a:hover{ color:#0fb1a9;}




/*关于我们新加发展历程*/
.fzlc{ background: url(../img/lc_beijing.jpg) no-repeat top center; background-size: cover; text-align: center; padding-top: 100px; padding-bottom: 80px; margin-top: 0px; height: 680px;}

.fzlc_nr .swiper-slide{background-image: -moz-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -webkit-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
  background-image: -ms-linear-gradient( 166deg, rgb(91,199,229) 0%, rgb(18,251,157) 100%);
	 border-radius: 30px;  box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.24); 
	 
	 
	  }
	 
.fzlc .cont6{ max-width: 1600px; margin: 0 auto;}	 
	 
.fzlc_nr .swiper-container{box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; width: 1400px; overflow: hidden;}	 
	 
	 
	 
.fzlc_nr_z1{ height: 50px; line-height: 50px; font-size: 18px; color: #fff; font-weight: bold;}
.fzlc_nr_z2{ background: #fff; border: 2px solid #60beda;border-radius: 30px;box-sizing: border-box; padding: 10px; text-align: left;}

.fzlc_nr_z2_img img{ width: 100%; border-radius: 30px;}
.fzlc_nr_z2_txt{ font-size:13px; line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; margin-top: 10px;}
.fzlc_nr_z2_nf{ background-image: linear-gradient(90deg, #14f89f, #57c4e2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-size: 27px; font-weight: bold;}
.fzlc_nr_z2_img{ width: 100%; height: 160px;}
.fzlc_nr_z2_img:hover{}

.fzlc_nr .swiper-slide:nth-child(2n){ margin-top: 320px;}

.fzlc_nr{ position: relative}
.fzlc_nr:before {
    position: absolute;
    top: 50.5%;
    background: #fff;
    width: 98%;
    height: 4px;
    left: 20px;
    z-index: 1;
    content: "";
}
.fzlc_nr .swiper-slide:before{ position: absolute; left: 45%; top: -33px; background: url(../img/yuandian.png) no-repeat top center; z-index: 10; content: ""; width: 30px; height: 30px; background-size: 100%;}

.fzlc_nr .swiper-slide:nth-child(odd):before{ top: 287px;}


.fzlc_nr .swiper-button-next{ background: url(../img/v_r.png) no-repeat right center; display: block; background-size: 9%; right: 0; top: 1.7rem;}
.fzlc_nr .swiper-button-prev{/*background: url(../img/v_l.png) no-repeat left center;*/display: block;background-size: 9%; left: 0;top: 1.7rem;}
.fzlc_nr .swiper-button-next.swiper-button-disabled, .fzlc_nr .swiper-button-prev.swiper-button-disabled {opacity:1}


.jiashi_jd{ text-align: center; background: url(../img/ease.png) no-repeat top center; background-size: cover; height: 100vh; width: 100%;}
.jiashi_jd2 h2{background-image: linear-gradient(90deg, #76e0f7, #56c2e1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-size: 3rem; font-weight: bold;}
.jiashi_jd1{ width: 100%; padding-top: 13rem;}
.jiashi_jd1 img{  width: 5%;}

.jiashi_jd1_4{
	
	background-image: linear-gradient(90deg, #76e0f7, #56c2e1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom:30px;
    color: #fff;
}

.xinys{background-image: linear-gradient(90deg, #2fdb83, #04c975);}
.koeing{ margin-top: 100px; padding-bottom: 70px;}
.koeing ul li{background-image: linear-gradient(90deg, #13fa9d, #44bdd3,#75dff6);}





.fzlc_nr .swiper-slide:nth-child{5n}{  margin-left: 50px;}




/*社会责任开始*/
.zeren{background: url(../img/zeren.jpg) no-repeat top center; background-size: cover;width: 100%; padding-top: 90px; padding-bottom: 600px; margin-top: 50px; text-align: center;}

.zeren1{background-image: -moz-linear-gradient( 156deg, rgb(114,220,244) 0%, rgb(18,251,157) 100%);
  background-image: -webkit-linear-gradient( 156deg, rgb(114,220,244) 0%, rgb(18,251,157) 100%);
  background-image: -ms-linear-gradient( 156deg, rgb(114,220,244) 0%, rgb(18,251,157) 100%); font-size: 25px; color: #fff;font-weight: bold; width: 368px; height: 60px; line-height:60px;border-radius: 20px;text-align: center; display: inline-block;}
  
  .zeren2{ color: #fff; font-size: 18px; line-height: 30px; padding-top: 20px;}
  
  
  .ny_xinw_fb{ font-size: 26px; width: 100%; height: 86px; background: url(../img/ba_e.png) no-repeat top center;background-size:100%; text-align: center; margin-top: 60px;}
  
 .ny_xinw_fb h2 {background-image: linear-gradient(90deg, #16f3a1, #53bfde);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; line-height: 67px;}
  
  
   


#pageinfo {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 26px;
}
.digg {
	/*padding-top: 30px;*/
}
.digg li{
background-image: none !important;
	border-radius: 0px !important;
	width: 30px !important;
	height: 30px !important;
	line-height: 30px;
	display:inline-block !important;
	margin:0 4px;
	background:#fff;
	border:1px solid #d6d6d6;
	border-radius:2px;
	font-size:14px;
	color:#767676;
	margin-right: 0px !important;
	float: none !important;
}
.digg .page-item a{
	border: none;
	padding: 0px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	width: 30px;
	overflow: inherit;
}
.digg .page-item a:hover {
	background-color: #43d8ce;
	color: #fff;
}
.digg .page-item a:active {
	background-color: #43d8ce;
	color:#fff;
}
.digg li.active  {

	display: inline-block;
	/* margin: 2px; */
	width: 31px;
	height: 31px;
	line-height: 30px;
	background-color: #43d8ce;
	color: #fff;
	text-decoration: none;
}





	/* 本例子css */
		.picScroll-left{ width:1280px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
		
		
		
		
		
		
/*	无人驾驶产品参数开始*/
.cpcs{
	border-radius: 30px 30px 60px 60px;
  background-image: -moz-linear-gradient( 180deg, rgb(120,226,248) 0%, rgb(76,185,218) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(120,226,248) 0%, rgb(76,185,218) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(120,226,248) 0%, rgb(76,185,218) 100%);
  box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.28);
  margin-top: 60px;
}
.cpcs_tit{ height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 23px;}

.cpcs_z{ display: flex;box-sizing: border-box;justify-content: space-between;}
.cpcs_z{ background: #fff; border: 2px solid #4cb9da;border-radius:60px; padding: 30px; }

.cpcs_left{ width: 490px;}
.cpcs_left_img img{ width: 100%;}
.cpcs_left_img { height: 240px; overflow: hidden;} 

.cpcs_right{ width: 680px;} 

.cpcs_right3 img{ max-width: 100%;}

.cpcs_left_txt{ font-size: 15px;box-sizing: border-box; padding-left: 20px; padding-right: 20px; line-height: 22px;}

.cpcs_right1 h2{
	 background-image: linear-gradient(180deg, #78e2f8, #4cb9da);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; font-size: 20px; line-height: 30px;
}

.cpcs_right2{ margin-top: 10px; margin-bottom: 20px; font-size: 15px; line-height: 22px;}

.cpcs_right3{ margin-top: 10px;}





.wrjs_cpcs{ margin-top: 120px;}
.wrjs_cpcs img{
	max-width: 100%;
}


/*无人驾驶核心技术开始*/
.hxjs_lbt_h2{ text-align: center;
  border: 2px solid #4dbada; line-height: 60px; height: 60px; background: #fff; border-radius: 60px;
}
.hxjs_lbt_h2 h2{background-image: linear-gradient(180deg, #6eebfc, #4ebbdc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; font-size: 30px;}


.hxjs_lbt{ padding-top: 200px; padding-bottom: 200px; text-align: center;}
.hxjs_lie ul{display: flex;box-sizing: border-box;justify-content: space-between; margin-top: 100px;}
.hxjs_lie ul li{ width: 20%; text-align: center; width: 172px; height: 172px; border-radius: 50%; background-image: linear-gradient(90deg, #6eebfc, #4ebbdc);box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.28); cursor: pointer; transition: all 0.5s;}

.hxjs_lie1{ width: 86px;text-align: center; display: inline-block; margin-top: 20px;}
.hxjs_lie1 img{ width: 100%;}
.hxjs_lie2{ color: #fff; font-size: 23px;}

.qsyl_tu img{ max-width: 100%;}
.qsyl{ text-align: center; padding-top: 80px;}

.lingh{ text-align: center; padding-top: 60px;}
.lingh_lie{ margin-top: 30px;}
.lingh_lie ul li{ width: 350px; text-align: center; background: #8bdde1; border-radius: 60px; float: left; margin-right: 104px; margin-top: 50px;}
.lingh_lie ul li:nth-child(3n){ margin-right: 0;}
.lingh_lie1{ height: 44px; line-height: 44px;  color: #333; font-size: 26px; }
.lingh_lie2{ height: 210px; overflow: hidden;}
.lingh_lie2 img{ max-width: 100%;}
.lingh_lie2{ border: 3px solid #00c2cb; border-radius: 60px; overflow: hidden;}


/*无人驾驶应用场景*/

.ying_chang img{ max-width: 100%;}
.ying_chang{ background: #fff; text-align: center;}

.changjing ul li{text-align: center; width: 192px; height: 192px; border-radius: 50%; background-image: linear-gradient(90deg, #6eebfc, #4ebbdc);box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.28); cursor: pointer; float: left; margin: 50px;margin-left: 70px;}

.changjing{ padding-top: 100px; padding-bottom: 60px;}
.changjing1 { width: 100px; display: inline-block;text-align: center; margin-top: 20px;}
.changjing1 img{ max-width: 100%;}
.changjing2{ color:#fff; font-size: 25px; font-weight: bold;}




/*无人驾驶-实际案例开始*/
.wjsj_case{ padding-top: 100px;}



/*无人驾驶-线上展厅开始*/
.picFocus{ margin:0 auto;  width:100%;  position:relative;  overflow:hidden;  zoom:1; height: 950px;   }
		.picFocus .hd{ width:100%; padding-top:20px;  overflow:hidden; position: absolute; bottom: 0; height: 120px; background: rgba(0,0,0,.7); text-align: center;}
		
		.picFocus .hd ul{  display: flex;  zoom:1; align-items: center;display: flex;justify-content: center;}
		.picFocus .hd ul li{ padding-top:5px;   text-align:center; transition: all 0.5s;  }
		.picFocus .hd ul li img{ width:154px; height:98px; border:2px solid #00c2cb; cursor:pointer; margin-right:15px; margin-left: 15px;  border-radius: 30px;  }
		.picFocus .hd ul li.on{ margin-top: -10px; }
		.picFocus .hd ul li.on img{transform: scale(1.1);transition: all 0.5s;  }
		.picFocus .bd li{ vertical-align:middle; }
		

		.picFocus .bd img{ width:467px; height:230px; display:block; text-align: center;transition: 1s;transition: all 0.5s;  }




/*梯次利用行业背景开始*/




/*梯次利用核心技术开始*/
.tcly_hxjs_z{ margin-top: 130px;}

.tcly_hxjs{background-image: linear-gradient(90deg, #11fe9c, #2ec7bf);box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.28); border-radius: 60px 60px 100px 100px; text-align: center; margin-top: 50px;}
.tcly_hxjs1{ font-size: 18px; line-height: 33px; height: 66px; color: #fff;align-items: center;display: flex;justify-content: center;}
.tcly_hxjs2{ background: #fff; border: 1px solid #24dab2; border-radius: 100px;box-sizing: border-box; padding: 10px;}
.tcly_hxjs2 img{ max-width: 100%;border-radius: 100px;;}




/*梯次利用回收体系*/

 


.tcly_hstx{  margin-top: 150px;}

.tcly_hstx ul li{ float: left; text-align: center; margin-top: 50px; position: relative; 
width: 180px; height: 180px;box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.28); border-radius: 100px; display: inline-block;align-items: center;display: flex;justify-content: center;
margin-left: 26px; margin-right: 80px;
align-items: center;display: flex;justify-content: center; cursor: pointer;
transition: all 0.5s;
}

.tcly_hstx_01{ 
position: absolute; left: 0; top: 0; z-index: 2;
align-items: center;display: flex;justify-content: center;height: 180px;
}

.tcly_hstx_01 img{ width: 100%;transition: transform 0.9s ease; cursor: pointer;}





.tcly_hstx{box-sizing: border-box; padding-left: 100px;}


.tcly_hstx_02{transition: all 0.5s; opacity:0; position: absolute; left: 0; top: 0; z-index: 1;height: 160px; width: 160px;
}

.tcly_hstx ul li:nth-child(1){ margin-left: 180px;}
.tcly_hstx ul li:nth-child(8){ margin-left: 180px;}

.tcly_hstx ul li:hover  .tcly_hstx_02{ opacity:1;transition: all 0.5s;}

.tcly_hstx ul li:hover{transform: scale(1.2);transition: all 0.6s;}

.tcly_hstx_02 span {
    color: #fff;
    font-size: 30px;
    width: 60px;
    display: inline-block;
    font-weight: bold; padding-top: 40px;
}


/*梯次利用产品体系开始*/
.tcly_cptx1{ height: 40px;text-align: center; line-height: 40px; font-size: 24px; font-weight: bold; color: #fff;}

.tcly_cptx2{ align-items: center;display: flex;justify-content: space-between;background: #fff; border: 1px solid #24dab2; border-radius: 60px;box-sizing: border-box; padding: 10px;}

.tcly_cptx2_left{ width: 680px; height:480px ; overflow: hidden;}
.tcly_cptx2_left img{ width: 100%;border-radius: 60px;}
.tcly_cptx2_right{ width: 500px; padding-right: 40px;}

.tcly_cptx2_right section{ font-size: 15px; line-height: 24px; text-align: left; }

.ckxq_ttly a{ width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-weight: bold; font-size: 15px;background-image: linear-gradient(90deg, #11fe9c, #2ec7bf); border-radius: 60px; display: block;margin-top: 30px;transition: all 0.5s;}

.ckxq_ttly a:hover{transition: all 0.5s; text-decoration: underline; }
.tcly_hxjs:nth-child(even) .tcly_cptx2 .tcly_cptx2_right{ padding-left: 30px; }


/*产品体系详情开始*/

.cp_xiang{ display: flex;justify-content: space-between; margin-top: 150px;}

.cp_xiang_left{ width: 270px;}

.cp_xiang_right{ width: 914px;}


.cp_xiang_left h2{ width: 100%; height: 60px; line-height: 60px;text-align: center; color: #fff; font-size: 30px;background-image: linear-gradient(90deg, #11fe9c, #2ec7bf); border-radius: 30px; font-weight: bold;}






.cp_xiang_left ul{background: #fff;border-radius: 30px;box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.18); margin-top: 20px; padding-top: 30px; padding-bottom: 30px;}
.cp_xiang_left ul li{  height: 60px; line-height: 60px;text-align: left; font-size: 16px;  padding-left: 40px;box-sizing: border-box; position: relative;}
.cp_xiang_left ul li:before{ content: ""; position: absolute; left: 30px; bottom: 0; width: 85%; height: 1px; background: #ebebeb;}
.cp_xiang_left ul li a:hover{ color: #2dc8be; font-weight: bold;}
.cp_xiang_left ul .onem a{ color: #2dc8be; font-weight: bold;}

.cp_xiang_right{background: #fff;border-radius: 20px;box-shadow: -5.299px 8.48px 14.24px 1.76px rgba(0, 0, 0, 0.18); padding: 30px;}
.cp_xiang_right1{display: flex;justify-content: space-between;}
.cp_xiang_right1_le{ width: 440px;}
.cp_xiang_right1_le img{  width: 100%;}
.cp_xiang_right1_re{  width: 400px; padding-left: 40px;}

.cp_xiang_right1_re1 h2{
	background-image: linear-gradient(90deg, #6eebfc, #4ebbdc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; font-size: 30px;
	
}
.cp_xiang_right1_re2{ padding-top: 20px;}
.cp_xiang_right1_re2 p{ color: #666; line-height:25px; font-size: 15px;}

.cp_xiang_right2{ border-top: 1px solid #b1b1b1; padding-top: 30px; margin-top: 30px;}
.cp_xiang_right2 h2{background-image: linear-gradient(90deg, #6eebfc, #4ebbdc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; font-size: 30px;}
    
.cp_xiang_right2 section{ font-size: 15px; line-height: 25px; padding-top: 20px; padding-bottom: 20px;}

#demo1{ height: 600px; width: 100%}
.tubiao{ text-align: center; padding-bottom: 20px; padding-top: 40px;}


/* 人才招聘开始*/
.join_nr{ margin-top: 140px;}

.join_nr3_left h2{ font-size: 18px; color: #232323; line-height: 30px;}

.join_nr3_left_nn{ font-size: 15px; color: #626262; line-height: 25px;  margin-top: 15px;}

.join_nr3{ display: flex; text-align: left; }
.join_nr3_left{ margin-right: 100px;}
.join_nr2{ margin-bottom:30px; margin-top: 20px;}

.join_nr2 span{ background: #f3f3f3; padding: 5px 10px;background: #f3f3f3; border: 1px solid #eeeeee; margin-right: 10px; font-size: 15px;  color: #7b7b7b;}

.join_nr ul li{ text-align: left; background: #fff; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.13); margin-top: 50px;box-sizing: border-box; padding: 60px; border-radius: 60px;}

.join_nr1{display: flex;justify-content: space-between;}

.join_nr1_left1{ font-size: 37px; color: #2b2b2b; font-weight: bold; transition: all 0.5s;}
.join_nr1_left1 span{ color: #ff542e; font-size: 29px; font-weight: bold; padding-left: 10px;}

.join_nr1_left2 dl{ display: flex; margin-top: 10px;}

.join_nr1_left2 dl dd{ font-size: 16px; color: #666; margin-right: 30px; padding-left: 25px;}
.join_nr1_left2 dl dd:nth-child(1){ background: url(../img/oo1.png) no-repeat left center;}
.join_nr1_left2 dl dd:nth-child(2){ background: url(../img/oo2.png) no-repeat left center;}
.join_nr1_left2 dl dd:nth-child(3){ background: url(../img/oo3.png) no-repeat left center;}


.join_nr1_right a{  border-radius:10px; width: 160px; height: 55px; text-align: center; line-height: 55px; color: #fff; font-size: 16px; display: block;transition: all 0.5s;background: url(../img/anv_bj.png) no-repeat center center;
    background-size: 100%; font-weight: bold;}
    
    
    .tcly_hxjs:nth-child(even) .tcly_cptx2{flex-direction:row-reverse;}
    .cpcs:nth-child(2n) .cpcs_z{flex-direction:row-reverse;}


.zybk{ width: 100%;}
.zybk ul{ display: flex;}
.zybk ul li{ position:relative; width: 50%; min-height: 54rem;}
.zybk1_1{ position: absolute; z-index: 1; left: 0; top: 0;}
.zybk1_1 video{  width: 100%; }
.zybk1_1:before{ content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 2; position: absolute;}
.zybk1{ position: absolute; width: 100%; height: 54rem; overflow: hidden;}
.zybk1_2{ position: absolute; z-index: 2; width: 100%; text-align: center;}
.zybk1_2{ text-align: center; padding-top: 14rem;}
.zybk1_2_1 img{ display: inline-block; height: 100px;transition: transform 0.6s ease-in-out;}
.zybk1_2_2{ font-size: 4rem;background-image: linear-gradient(90deg, #78e2f8, #4ebbdb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block; font-weight: bold; }

.zybk1_2_3 a{ width: 110px; height: 40px; text-align: center; line-height: 40px;background-image: linear-gradient(90deg, #78e2f8, #4ebbdb); color: #fff; font-weight: bold; font-size: 16px; display: inline-block; border-radius: 60px; margin-top: 20px;transition: all 0.5s;}
.zybk1_2_3 a:hover{transform: scale(1.1);transition: all 0.5s; text-decoration: underline}

.zybk2{ position: absolute; z-index: 3; margin-left: -150px; left: 50%; bottom: 2rem;animation: spin-reverse 4s infinite linear;}
.zybk2 img{ height: 300px;}
.cpcs_z img{ max-width: 100%;}
.ny_nr{ padding-bottom: 80px;}

@keyframes spin-reverse {
    0% {
        transform: 0
    }

    50% {
        transform: translatey(10px) translatey(10px)
    }

    100% {
        transform: 0
    }
}

.zybk ul li:nth-child(2) .zybk1_2_2{background-image: linear-gradient(90deg, #12fd9b, #02ce76);}
.zybk ul li:nth-child(2) .zybk1_2_3 a{background-image: linear-gradient(90deg, #12fd9b, #02ce76);}


.zybk1_2_1 img:hover{ transform: rotateY(180deg);}



.about_xin{ box-sizing: border-box; padding: 10rem; padding-top: 5rem; padding-bottom: 6rem; background: url(../img/bj999.jpg) no-repeat top center; background-size: cover;}


.dxiang{ background: url(../img/yu_bj.jpg) no-repeat top center; background-size: cover; height: 100vh; width: 100%;}
.dxiang .wu_jiashi_lie {  padding-top: 20rem; }

.dxiang .wu_jiashi_lie ul li{ width: 220px; height: 220px;}
.dxiang .wu_jiashi_lie .wu_jiashi_lie_tu{ margin-top: 33px;}


/* 本例子css */
.yuanjing .slideBox{ width:100%;/* height:60rem;*/ position:relative;  }
.yuanjing .slideBox .hd{   position:absolute;  width: 100%; text-align: center; bottom:4rem; z-index:1; }
.yuanjing .slideBox .hd ul{  zoom:1; align-items: center;display: flex;justify-content: center;}
.yuanjing .slideBox .hd ul li{ text-align:center; background:#fff; cursor:pointer;background-image: linear-gradient(90deg, #78e2f8, #4ebbdb); border-radius: 60px; font-weight: bold; color: #fff; font-size:1.2rem; padding:0.8rem 1rem; margin: 0.4rem; }


.yuanjing .slideBox .hd ul li.on{ font-size:1.4rem; padding:0.9rem 3.2rem;  margin-top: -14px;  }

.yuanjing .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.yuanjing .slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%; }
.yuanjing .slideBox .bd img{ max-width:100%;   }


.xunhan{ width: 100%; height: 100%; }
.xunhan video{ width: 100%; height: 100%;}



.kjyl{ background:url(../img/yl_bj.jpg) no-repeat top center; background-size:cover; height: 100vh; width: 100%; text-align: center; margin-top: -5px;}
.kjyl .jiashi_jd2 h2{background-image: linear-gradient(90deg, #2fdb83, #04c975);}


.zcsx_a{ background:url(../img/pgy_bjj.jpg) no-repeat top center; background-size:cover; height: 100vh; width: 100%; }
.zcsx_a{ padding-top: 20rem;box-sizing: border-box;}
.zcsx_a .wu_jiashi_lie ul li{ width: 220px; height: 220px;}

.hdj{ overflow: hidden; height: 100%;}
.hdj .swiper-pagination4{ position: absolute;  width: 100%; text-align: center; bottom: 4rem;z-index: 10;}
.hdj .swiper-pagination-bullet{text-align: center;
    background: #fff;
    cursor: pointer;
    background-image: linear-gradient(90deg, #78e2f8, #4ebbdb);
    border-radius: 60px;
    font-weight: bold;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
    margin: 0.4rem; width: auto; height: auto;opacity:1;}
.hdj .swiper-pagination4 .swiper-pagination-bullet-active{ font-size:1.4rem; padding:0.9rem 3.2rem;  margin-top: -16px; }
.asem{ text-align: center;}
.asem img{ max-width: 100%; text-align: center;}

#develop{ padding:190px 0 0}
.develop_main{ width:1205px; margin:0 auto; }
.develop_main h2{font-weight:normal; font-size:35px; color:#313131; text-align:center;  margin-bottom:38px}

/*发展历程*/
.mod18{position:relative;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 .prev{left:10px;background:url(../img/de_l.png) no-repeat; background-size: 86%;}
.mod18 #prev,.mod18 #next{top:57px;width:62px;height:62px; z-index:999}
.mod18 #prevTop{ background:none}
.mod18 #nextTop{background:none}
.mod18 .next{right:10px;background:url(../img/de_r.png) no-repeat;background-size: 86%;}
.mod18 li{float:left;}

.mod18 .picBox{width:1100px; height:110px;position:relative;overflow:hidden; margin:50px auto 0}
.mod18 .picBox ul{position:absolute; left:0;}
.mod18 .picBox li{width:1100px;overflow:hidden; font-size:24px;line-height:32px; text-align:center; display: none;}

.mod18 .listBox{width:1000px;height:170px;margin:0 auto;position:relative;background:url(../img/zy.png) repeat-x center; background-size: 100%;}
.mod18 .listBox ul{height:168px;position:absolute; padding-left: 40px; width: 100%!important;}
.mod18 .listBox li{width:170px;height:150px;cursor:pointer;position:relative; text-align:center;}
.mod18 .listBox li b{ font-weight:normal; font-size:18px; color:#000; display:block; padding-top:14px}

.mod18 .listBox li p{ display: none;font-size: 24px;
    line-height: 32px;
    text-align: center; margin-top: 120px;transition: all 0.5s;}
.mod18 .listBox .on p{ display: block;transition: all 0.5s;}
.mod18 .listBox img{ padding-top:40px; height:85px;transition: all 0.5s;}


.mod18 .listBox li:hover img {transform: scale(1.1);transition: all 0.5s;}


.mod18 .listBox .on img{display:none}
.mod18 .listBox .on {
    background: url(../img/dev_img_bak.png) center top no-repeat;
    background-size: 54%;
    margin-top: -57px;
    width: 224px;
}
.mod18 .listBox .on b {
    color: #fff;
    padding-top: 45px;
    position: relative;
    left: -2px;
    font-size: 29px;
}
.applicat_main{ width:1100px; margin:0 auto; padding:60px 0}
.applicat_main h2{font-weight:normal; font-size:35px; color:#313131; text-align:center;  margin-bottom:38px}
.applicat_main h2 span{font-size:16px;display:block; color:#606060; margin:10px 0 50px; line-height:24px}

.applicat_main li{ float:left}
.applicat_main li a{ float:left; font-size:14px;  line-height:45px; width:220px; text-align:center; margin-bottom:30px;-webkit-transition:all .2s linear;transition:all .2s linear}
.applicat_main li a:hover{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}

.pro_ban{ background:url(../images/pro_ban.jpg) no-repeat center center; height:427px}
.pro_b_con{ width:1100px; margin:0 auto}
.pro_b_con h2{ font-size:36px; color:#fff; padding-top:125px; line-height:62px; font-weight:normal}

.pro_con{ width:1100px; margin:0 auto; padding:70px 0}
.pro_cont{ border-top:1px solid #d4d8d9; padding:40px 0}
.pro_l{ float:left; width:254px}
.pro_l h2 a{ font-weight:normal; font-size:18px; color:#00b1a9; line-height:27px}
.pro_l h2 a:hover{ color:#019b94}
.pro_r{ float:right; width:820px}
.pro_cont dl{ float:left; width:377px; border:1px solid #d4d8d9; margin-left:30px}
.pro_cont dd{ background-color:#f6f6f4; padding:30px }
.pro_cont dd h3 a{ font-size:18px; color:#313131; font-weight:normal}
.pro_cont dd p{ font-size:14px; line-height:22px; margin-top:25px}
.pro_cont dt{ overflow:hidden}

.pro_list{ padding:0 0 70px}
.pro_list_con dl{ margin:0 20px 30px 0; width:344px}
.pro_list_con dt img{ width:344px; height:232px}
/*.pro_cont dt img{ width:344px}*/


#ny_gs01 {
    height: 0;
    padding-top: 70px;
    margin-top: -100px;
}
#ny_gs02{height:1px;padding-top:100px;margin-top:-100px;}
#ny_gs03{height:1px;padding-top:100px;margin-top:-100px;}





@media (max-width: 1600px){
.fzlc_nr .swiper-button-next{top: 1.98rem;right: 20px;}
.fzlc_nr .swiper-button-prev{top: 1.98rem;left: 20px;}
.fzlc_nr:before {
    position: absolute;
    top: 50.5%;
    background: #1f4e79;
    width: 96%;
    height: 4px;
    left: 26px;
    z-index: 1;
    content: "";
}

}




@media (max-width: 1500px){
	
	.dxiang .wu_jiashi_lie {
    padding-top: 25rem;
}
.zcsx_a{ padding-top: 27rem;}
.fzlc_nr{box-sizing: border-box; padding-left: 2rem; padding-right: 2rem;}
.fzlc_nr .swiper-container{ width: 1300px;}
	
	
	
}


/*手机开始适配*/