@charset "UTF-8";

@keyframes line01{
  0%{
    height:0;
  }

  100% {
    height:100%;
  }
}

.banner-line01{ -webkit-animation: line01 linear 4.5s infinite;
  -moz-animation: line01 linear 4.5s infinite;
  -o-animation: line01 linear 4.5s infinite;
  animation: line01 linear 4.5s infinite;}

/*banner图*/
.index-banner{width: 100%;height:858px;margin-top: 80px;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s;overflow: hidden; /* Safari */}
.index-banner .swiper-container{height:100%;}
.banner-item{width:100%;height:100%;display:flex;align-items:center;}
.banner-item a{display: block;width: 100%;height: 100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;}
.banner-item .banner-cont{width: 100%;height: 100%;display:flex;align-items:center;position:relative;margin:0 auto;}
.banner-item .banner-cont .banner-pro{width:50%;max-width:680px;max-height:680px;padding-top:5%;margin:0 auto;}
.banner-item .banner-cont .banner-pro img{display:block;max-width:100%;max-height:100%;}
.banner-item .banner-cont .banner-txt{position:absolute;left:0;top:50%;margin-top:-120px;text-align:left;}
.banner-item .banner-cont .banner-txt .txt1{font-size:68px;font-family: "MProB";color:#fff;line-height:68px;}
.banner-item .banner-cont .banner-txt .txt1 em{color:#d5dc53;}
.banner-item .banner-cont .banner-txt .txt2{font-size:28px;font-family:"MProR";color:#fff;line-height:28px;margin-top:48px;}

.banner-item .banner-cont .home-more{margin-top:80px;width:150px;height:42px;border-radius:24px;background:#fff;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.banner-item .banner-cont .home-more p{display:inline-block;font-size:16px;color:#000;line-height:42px;vertical-align:top;margin-right:12px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.banner-item .banner-cont .home-more i{display:inline-block;font-size:16px;color:#000;line-height:42px;vertical-align:top;transition:all 0.2s;-webkit-transition:all 0.2s;}
.banner-item .banner-cont .home-more:hover{background:#d5dc53;}
.banner-item .banner-cont .home-more:hover p{color:#fff;}
.banner-item .banner-cont .home-more:hover i{color:#fff;}

.home-banner{display:block;}
.wap-banner{display:none;}

.index-banner .swiper-container .swiper-pagination{bottom:38px;width:auto;height:auto;left:50%;transform: translateX(-50%);overflow:hidden;}
.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 0.5;}
.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 30px;border-radius: 30px;opacity: 1;}
.index-banner .swiper-container .swiper-pagination p{width:20px;height:20px;font-size:18px;color:#fff;font-family:"Arial";transform:rotate(90deg);}
.index-banner .swiper-container .swiper-pagination p.total{opacity:0.5;}
.index-banner .swiper-container .swiper-pagination i.line{display:block;width:2px;height:84px;background:rgba(255,255,255,0.5);margin-left:9px;margin-top:16px;margin-bottom:16px;position:relative;}
.index-banner .swiper-container .swiper-pagination i.line em{content:"";display:block;width:100%;height:0;background:#fff;position:absolute;top:0;left:0;-webkit-animation: line01 linear 5s;
  -moz-animation: line01 linear 5s;
  -o-animation: line01 linear 5s;
  animation: line01 linear 5s;}
.banner-item .video-play{width: 100%;height: 100%;}
.banner-item .video-play video{width: 100%;display: block;object-fit: cover;height: 100%;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:60px;height:60px;margin-top:0;transition: all 0.2s;-webkit-transition: all 0.2s;outline:none;border:rgba(255,255,255,0.6) dashed 1px;border-radius:50%;background:none;padding:8px;top:auto;left:auto;right:0;margin-right:230px;bottom:80px;}
.index-banner .swiper-button-next{margin-right:150px;}
.index-banner .swiper-button-next .icon,.index-banner .swiper-button-prev .icon{display:block;width:42px;height:42px;background:rgba(255,255,255,0.2);border-radius:50%;font-size:18px;color:#fff;text-align:center;line-height:42px;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{border:#d5dc53 dashed 1px;}
.index-banner .swiper-button-next:hover .icon,.index-banner .swiper-button-prev:hover .icon{background:#d5dc53;}

.banner02 .banner-item .banner-cont .banner-pro{width:64%;max-width:960px;padding-top:1%;margin-left:28%;}
.banner03 .banner-item .banner-cont .banner-pro{margin-left:33%;padding-top:2%;}

.home-banner .main.bannbox1{text-align: left;transform:translateY(20px)}
.home-banner .bannbox1 h3{font-size: 98px;font-family: "微软雅黑";font-weight: bold;line-height: 100px;color: #fff;margin-bottom: 40px;}
.home-banner .bannbox1 p{font-size: 36px;font-family: "微软雅黑";line-height: 56px;color: #fff;}

.home-banner .bannbox2 ul{display: flex;align-items: center;width: 38%;flex-wrap: wrap;}
.home-banner .bannbox2 ul li{width: 33%;text-align: left;}
.home-banner .bannbox2 ul li span{width: 6px;height: 6px;border-radius: 50%;margin-right: 16px;background: #fff;display: block;}
.home-banner .bannbox2 h3{text-align: left;font-size: 68px;font-family: "微软雅黑";font-weight: bold;line-height: 80px;color: #fff;margin-bottom: 40px;}
.home-banner .bannbox2 p{font-size: 20px;font-family: "微软雅黑";line-height: 56px;color: #fff;display: flex;align-items: center;}
.home-banner .bannbox3 ul{width: 42%;}

.home-banner .bannbox4{transform:translateY(20px)}
.home-banner .bannbox4 h3{display:flex;align-items: center;font-size: 98px;font-family: "微软雅黑";font-weight: bold;line-height: 100px;color: #fff;margin-bottom: 40px}
.home-banner .bannbox4 h3 span{width: 13px;height: 13px;background: #fff;border-radius:50%;margin: 0 20px;}

.wap-banner .main.bannbox1{text-align: left;transform:translateY(20px)}
.wap-banner .bannbox1 h3{font-size: 98px;font-family: "微软雅黑";font-weight: bold;line-height: 100px;color: #fff;margin-bottom: 40px;}
.wap-banner .bannbox1 p{font-size: 36px;font-family: "微软雅黑";line-height: 56px;color: #fff;}

.wap-banner .bannbox2 ul{display: flex;align-items: center;width: 38%;flex-wrap: wrap;}
.wap-banner .bannbox2 ul li{width: 33%;text-align: left;}
.wap-banner .bannbox2 ul li span{width: 6px;height: 6px;border-radius: 50%;margin-right: 16px;background: #fff;display: block;}
.wap-banner .bannbox2 h3{text-align: left;font-size: 68px;font-family: "微软雅黑";font-weight: bold;line-height: 80px;color: #fff;margin-bottom: 40px;}
.wap-banner .bannbox2 p{font-size: 20px;font-family: "微软雅黑";line-height: 56px;color: #fff;display: flex;align-items: center;}
.wap-banner .bannbox3 ul{width: 42%;}

.wap-banner .bannbox4{transform:translateY(20px)}
.wap-banner .bannbox4 h3{display:flex;align-items: center;font-size: 98px;font-family: "微软雅黑";font-weight: bold;line-height: 100px;color: #fff;margin-bottom: 40px}
.wap-banner .bannbox4 h3 span{width: 13px;height: 13px;background: #fff;border-radius:50%;margin: 0 20px;}


@media(max-width:1680px){
	.index-banner{height:750px;}
	.index-banner .swiper-container .swiper-pagination{right:4%;margin-right:0;}
	.index-banner .swiper-button-next,.index-banner .swiper-button-prev{right:4%;margin-right:80px;}
	.index-banner .swiper-button-next{margin-right:0;}
	
	.home-banner .bannbox1 h3{font-size: 74px;line-height: 84px;margin-bottom: 20px;}
	.home-banner .bannbox1 p{font-size: 30px;line-height: 40px;}
	.home-banner .bannbox2 h3{font-size: 56px;line-height: 66px;margin-bottom: 20px;}
	.home-banner .bannbox2 p{font-size: 18px;}
	.home-banner .bannbox4 h3{font-size: 74px;line-height: 84px;margin-bottom: 20px;}
	
	.banner-animation2{right: 2%;}
}
@media (max-width:1440px) {
	.home-banner .bannbox1 h3{font-size: 60px;line-height: 70px;}
	.home-banner .bannbox1 p{font-size: 20px;line-height: 30px;}
	.home-banner .bannbox2 h3{font-size: 42px;line-height: 52px;}
	.home-banner .bannbox2 p{font-size: 18px;}
	.home-banner .bannbox4 h3{font-size: 60px;line-height: 70px;}
	.home-banner .bannbox2 ul{width: 50%;}
	.home-banner .bannbox3 ul{width: 46%;}
	.index-banner .swiper-container .swiper-pagination{bottom: 2%;}
}

@media(max-width:1280px){
	.index-banner{height:720px;}
	.banner-item .banner-cont .banner-pro{width:40%;}
	.banner-item .banner-cont .banner-txt{margin-top:-100px;}
	.banner-item .banner-cont .banner-txt .txt1{font-size:48px;line-height:48px;}
	.banner-item .banner-cont .banner-txt .txt2{font-size:18px;line-height:18px;margin-top:30px;}

	.banner-item .banner-cont .home-more{margin-top:60px;width:120px;height:32px;}
	.banner-item .banner-cont .home-more p{font-size:14px;line-height:32px;margin-right:8px;}
	.banner-item .banner-cont .home-more i{font-size:14px;line-height:32px;}
	
	.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
	.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 16px;}
	.home-banner .bannbox1 h3{font-size: 50px;line-height: 60px;margin-bottom: 10px;}
	.home-banner .bannbox1 p{font-size: 16px;line-height: 34px;}
	.home-banner .bannbox2 h3{font-size: 36px;line-height: 46px;margin-bottom: 10px;}
	.home-banner .bannbox2 p{font-size: 16px;line-height: 34px;}
	.home-banner .bannbox4 h3{font-size: 50px;line-height: 60px;margin-bottom: 10px;}
	.home-banner .bannbox2 ul li span{margin-right: 8px;}
	
	.banner-animation2 .anili{max-width: 10%;}
	.banner-animation2 .line-sphere{left: 43%;}
}
@media (max-width:1220px) {
	.index-banner{margin-top: 48px;}
}
@media(max-width:1080px){
	.index-banner{height:600px;}
	.banner-item .banner-cont .banner-pro{width:50%;}
	
	.home-banner .bannbox3 ul{width: 58%;}
	.home-banner .bannbox2 p{font-size: 14px;}
	.banner-animation2 .anili.ani-cent1{max-width: 6%;}
	.banner-animation2 .anili.ani-cent2{max-width: 6%;}
	.banner-animation2 .line-sphere .top-sppere{width: 18px;height: 8px;margin-bottom: 10px;}
	.banner-animation2 .line-sphere .last2-sphere{width: 10px;height: 10px;margin-bottom: 4px;}
	.banner-animation2 .line-sphere .last-sphere{width: 6px;height: 6px;}
}

@media(max-width:769px){
	
	.home-banner{display:none;}
	.wap-banner{display:block;}
	/* .index-banner{height:100vh;} */
	.index-banner{height:38vh;}
	.banner-item .banner-cont .banner-pro{width:50%;}
	.banner-item .banner-cont .banner-txt .txt1{font-size:32px;line-height:36px;}
	.banner-item .banner-cont .banner-txt .txt2{font-size:16px;line-height:16px;margin-top:24px;}

	.banner-item .banner-cont .home-more{margin-top:48px;width:100px;height:32px;}
	.banner-item .banner-cont .home-more p{font-size:12px;line-height:32px;margin-right:4px;}
	.banner-item .banner-cont .home-more i{font-size:12px;line-height:32px;}

	.index-banner .swiper-container .swiper-pagination{width:20px;height:110px;}
	.index-banner .swiper-container .swiper-pagination p{width:20px;height:20px;font-size:16px;}
	.index-banner .swiper-container .swiper-pagination i.line{width:2px;height:48px;margin-left:9px;margin-top:8px;margin-bottom:8px;}

	.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:48px;height:48px;padding:6px;margin-right:60px;bottom:40px;}
	.index-banner .swiper-button-next .icon,.index-banner .swiper-button-prev .icon{width:34px;height:34px;font-size:16px;line-height:34px;}
	.index-banner .swiper-button-next{margin-right:0;}
	
	.index-banner .swiper-container .swiper-pagination{left: 40px;}
	.wap-banner .bannbox2 ul{width: 100%;}
	.wap-banner .main.bannbox1{text-align: center;}
	.wap-banner .main{position: absolute;top: 20%;}
	.wap-banner .bannbox1 h3{text-align: center!important;}
	.wap-banner .bannbox1 p{text-align: center!important;}
	.wap-banner .bannbox2{padding-left: 8%;}
	.wap-banner .bannbox2 h3{font-size: 58px;}
	.wap-banner .bannbox4 h3{font-size: 68px;justify-content: center;}
	
	
	.banner-animation1{position: fixed;bottom: 16%;top: unset;right: 50%;transform: translateX(50%);width: 100%;}
	.banner-animation2{position: fixed;bottom: 16%;top: unset;right: 50%;transform: translateX(50%);width: 90%;}
	.banner-animation3{position: fixed;width: 100%;}
	.banner-animation4{position: fixed;width: 100%;bottom: -4%;top: unset;}
}
@media (max-width:630px) {
	.wap-banner .bannbox1 h3{font-size: 60px;line-height: 70px;margin-bottom: 2%;}
	.wap-banner .bannbox1 p{font-size: 24px;}
	.wap-banner .bannbox2 h3{font-size: 38px;line-height: 48px;margin-bottom: 2%;}
	.wap-banner .bannbox2 p{font-size: 16px;line-height: 46px;}
	.wap-banner .bannbox4 h3{font-size: 46px;}
}
@media(max-width:480px){
  	
	/* .index-banner{height:400px;} */
  	.banner-item .banner-cont .banner-pro{width:60%;}
	.banner-item .banner-cont .banner-txt .txt1{font-size:24px;line-height:28px;}
	.banner-item .banner-cont .banner-txt .txt2{font-size:14px;line-height:14px;margin-top:16px;}

	.banner-item .banner-cont .home-more{margin-top:30px;width:100px;height:32px;}
	.banner-item .banner-cont .home-more p{font-size:12px;line-height:32px;margin-right:4px;}
	.banner-item .banner-cont .home-more i{font-size:12px;line-height:32px;}

	.index-banner .swiper-container .swiper-pagination{width:20px;height:auto;left: 4%;}
	.index-banner .swiper-container .swiper-pagination p{width:20px;height:20px;font-size:14px;}
	.index-banner .swiper-container .swiper-pagination i.line{width:1px;height:40px;margin-left:12px;margin-top:8px;margin-bottom:8px;}

	
	.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
	.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 14px;}
	.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:40px;height:40px;padding:4px;margin-right:48px;bottom:20px;}
	.index-banner .swiper-button-next .icon,.index-banner .swiper-button-prev .icon{width:30px;height:30px;font-size:16px;line-height:30px;}
	.index-banner .swiper-button-next{margin-right:0;}
	
	.wap-banner .bannbox1 h3{font-size: 48px;line-height: 58px;}
	.wap-banner .bannbox1 p{font-size: 18px;line-height: 28px;}
	.wap-banner .bannbox2{padding-left: 0;margin-left: 10.2%;}
	.wap-banner .bannbox2 ul li span{width: 4px;height: 4px;}
	.wap-banner .bannbox2 h3{font-size: 28px;line-height: 38px;}
	.wap-banner .bannbox2 p{font-size: 12px;line-height: 32px;}
	.wap-banner .bannbox2 ul li span{margin-right: 6px;}
	.wap-banner .bannbox4 h3{font-size: 38px;line-height: 48px;}
	.wap-banner .bannbox4 h3 span{width: 10px;height: 10px;margin: 0 10px;}
	.wap-banner .bannbox2 ul li{width:44% ;}
}

@media(max-width:420px){
  	/* .index-banner{height:300px;} */

	.banner-item .banner-cont .banner-txt{margin-top:-60px;}
	.banner-item .banner-cont .banner-txt .txt1{font-size:16px;line-height:16px;}
	.banner-item .banner-cont .banner-txt .txt2{font-size:10px;line-height:14px;margin-top:4px;}

	.banner-item .banner-cont .home-more{margin-top:20px;width:90px;height:30px;}
	.banner-item .banner-cont .home-more p{font-size:10px;line-height:30px;margin-right:4px;}
	.banner-item .banner-cont .home-more i{font-size:10px;line-height:30px;}
}


.banner-pro-btn{position:absolute;z-index:9;left:20px;bottom:80px;width:60px;height:60px;border:rgba(255,255,255,0.6) dashed 1px;cursor:pointer;border-radius:50%;padding:8px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.banner-pro-btn i{display:block;width:42px;height:42px;border-radius:50%;font-size:24px;color:#fff;text-align:center;line-height:42px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.banner-pro-btn:after{content:"";display:block;width:40px;height:40px;border-radius:50%;position:absolute;top:9px;left:9px;z-index:1;animation: iconS 1.6s ease-out infinite;background:#d5dc53;}

@media(max-width:1080px){
	.banner-pro-btn{left:3%;}
}

@media(max-width:769px){
	.banner-pro-btn{bottom:40px;width:48px;height:48px;padding:6px;}
	.banner-pro-btn i{width:36px;height:36px;font-size:16px;line-height:36px;}
	.banner-pro-btn:after{width:36px;height:36px;top:5px;left:5px;}
}

@media(max-width:480px){
	.banner-pro-btn{bottom:20px;width:40px;height:40px;padding:4px;}
	.banner-pro-btn i{width:30px;height:30px;font-size:16px;line-height:30px;}
	.banner-pro-btn:after{width:30px;height:30px;top:4px;left:4px;}
}

/* 公共 */
.home-big-padd{padding: 6.2% 0 0 0;}
.home-title h3{font-size: 56px;line-height: 70px;font-family: "微软雅黑";color: #0059ff;text-align: center;margin-bottom: 60px;}
.home-btn{margin: 0 auto;margin-top: 60px;width: 340px;height: 80px;border-radius: 4px;border: 2px solid #0059ff;}
.home-btn a{display: block;width: 100%;height: 80px;font-size: 28px;line-height: 80px;font-family: "微软雅黑";color: #0059ff;text-align: center;}
@media (max-width:1680px) {
	.home-title h3{font-size: 44px;line-height: 56px;margin-bottom: 4%;}
	.home-btn{width: 240px;height: 70px;}
	.home-btn a{font-size: 24px;line-height: 70px;height: 70px;}
}
@media (max-width:1360px) {
	.home-btn{width: 160px;height: 50px;margin-top: 40px;}
	.home-btn a{font-size: 20px;line-height: 50px;height: 50px;}
}
@media (max-width:1280px) {
	.home-title h3{font-size: 38px;line-height: 42px;}
}
@media (max-width:1080px) {
	.home-btn a{font-size: 16px;}
}
@media (max-width:769px) {
	.home-title h3{font-size: 28px;line-height: 30px;}
}
@media (max-width:480px) {
	.home-btn{margin-top: 4%;}
}
/* 公共 */


/* 首页 内容 */
.home-box h2{margin-top: 5%;font-size: 36px;line-height: 50px;color: #000;font-family: "AlibabaPuHuiTi-Medium";text-align: center;}
.home-box .home-pro-switch{display: flex;margin:70px 0 50px;caret-color: rgba(0,0,0,0);}
.home-box .home-pro-switch .home-pro-btn{width: 50%;background: #e7e8ec;position: relative;transition: all .4s linear;-webkit-transition: all .4s linear;}
.home-box .home-pro-switch .home-pro-btn h3{transition: all .4s linear;-webkit-transition: all .4s linear;display: block;position: relative;padding: 20px 0;font-size: 30px;line-height: 40px;color: #595757;font-family: "AlibabaPuHuiTi-Medium";}

.home-box .home-pro-switch .home-pro-btn:nth-child(1){padding-right: 220px;}
.home-box .home-pro-switch .home-pro-btn:nth-child(2){padding-left: 220px;}
.home-box .home-pro-switch .home-pro-btn:nth-child(1) h3{text-align: right;}
.home-box .home-pro-switch .home-pro-btn:nth-child(2) h3{text-align: left;}
.home-box .home-pro-switch .home-pro-btn.cur{background: #fff;}
.home-box .home-pro-switch .home-pro-btn.cur::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #eb5a10;}
.home-box .home-pro-switch .home-pro-btn.cur h3{color: #eb5a10;}
.home-box .home-pro-switch .home-pro-btn:nth-child(1).cur::after{content:'';position:absolute;right:320px;bottom:-26px;border:14px solid transparent;
    border-top-color:#eb5a10;}
.home-box .home-pro-switch .home-pro-btn:nth-child(2).cur::after{content:'';position:absolute;left:320px;bottom:-26px;border:14px solid transparent;
    border-top-color:#eb5a10;}
	
/* 圆圈 */
.home-pro-cont{padding: 80px 0 20px;caret-color:transparent;}
.home-pro-cont2{display: none;}
.home-box .main3{position: relative;}
.home-box .circle{position: absolute;right: 0;width:336px ;height: 670px;border: 1px solid #d25a00; border-radius: 0 100% 100% 0/50%;border-left: none;}
.home-box .circle li{padding: 20px;background: #fff;border-radius: 50%;width: max-content;height: auto;}
.home-box .circle li a{transition: all .4s linear;-webkit-transition: all .4s linear;display: block;width: 86px;height: 86px;border-radius: 50%;border: 1px solid #eb5a10;position: relative;background: #fff;}
.home-box .circle .oncur{display: none;}
.home-box .circle .dashes{transition: all .4s linear;-webkit-transition: all .4s linear;width: 80%;height: 80%;border-radius: 50%;border: 2px dashed #9a9b9c;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-box .circle li a img{transition: all .4s linear;-webkit-transition: all .4s linear;display: block;max-width: 64%;width: 100%;height: 100%;max-height: 64%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-box .circle li p{font-size: 20px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";line-height: 30px;position: absolute;top: 50%;transform: translateY(-50%);white-space: nowrap;right: calc(100% + 12px);}
.home-box .circle li:hover a{background: #eb5a10;}
.home-box .circle li:hover a .dashes{border-color: #fff;}
.home-box .circle li:hover .nocur{display: none;}
.home-box .circle li:hover .oncur{display: block;}

.home-box .circle li.cur a{background: #eb5a10;}
.home-box .circle li.cur a .dashes{border-color: #fff;}
.home-box .circle li.cur .nocur{display: none;}
.home-box .circle li.cur .oncur{display: block;}

.home-box .circle li.cirli1{position: absolute;top: 0;transform: translateY(-50%);right: 60%;}
.home-box .circle li.cirli2{position: absolute;top: 20%;right: 0;transform: translateX(44px);}
.home-box .circle li.cirli3{position: absolute;top: 60%;right: 0;transform: translateX(44px);}
.home-box .circle li.cirli4{position: absolute;bottom: 0;transform: translateY(50%);right: 60%;}

.home-pro-cont2 .circle li.cirli2{position: absolute;top: 10%;right: 4%;transform: translateX(0px);}
.home-pro-cont2 .circle li.cirli3{position: absolute;top: 40%;right: 0;transform: translateX(50%);}
.home-pro-cont2 .circle li.cirli4{position: absolute;top: 70%;right: 0;transform: translateX(0%);bottom: unset;}
.home-pro-cont2 .circle li.cirli5{position: absolute;bottom: 0;left: 0;transform: translate(0,50%);}

/* 圆圈 左侧内容 */
.left-content{float: left;width: 100%;height: auto;display: none;}
.left-content .text{width: 94%;transform: translateY(-80px);}
.left-content img{transition: all .3s linear;-webkit-transition: all .3s linear;display: block;width: 100%;height: 100%;object-fit: contain;}

.left-content h4{margin-bottom: 20px;font-size: 30px;line-height: 40px;color: #595757;font-family: "AlibabaPuHuiTi-Medium";text-align: center;}
.left-content p{font-size: 16px;line-height: 22px;color: #595757;font-family: "微软雅黑";text-align: center;max-width: 520px;margin: 0 auto;    text-indent: 2em;}
.left-content.cur{display: block;}

.btn-to-more{border:1px solid #d25a00;border-radius: 30px;width: max-content;height: auto;padding: 4px 10px;margin: 0 auto;margin-top: 26px;}
.btn-to-more a{display: block;color: #d25a00;font-size: 16px;font-family: " AlibabaPuHuiTi-Regular";}

.home-pro-cont2 .left-content .text{width: 100%;transform: translateY(-48px);}

/* 解决方案 */
.home-case h2{margin-bottom: 30px;}
.home-case p{max-width: 650px;font-size: 16px;color: #595757;text-align: center;margin: 0 auto;font-family: "微软雅黑";margin-bottom: 26px;}
.home-case .home-case-list a.max-img{width: 100%;height: auto;max-height: 350px;position: relative;display: block;overflow: hidden;}
.home-case .home-case-list img{display: block;width: 100%;height: 100%;object-fit: contain;}
.home-case .main4{position: absolute;top: 50%;transform: translate(-50%,-50%);margin: 0 auto;left: 50%;}
.home-case .main4 h3{font-size: 56px;line-height: 66px;color: #fff;font-family: "微软雅黑";margin-bottom: 20px;}
.home-case .main4 p{font-size: 16px;line-height: 30px;color: #fff;font-family: "微软雅黑";padding: 0;text-align: left;margin-bottom: 0;margin: 0;}
.home-case .home-case-list.case2{margin-top: 46px;margin-bottom: 110px;}
.home-case .home-case-list.case2 h3{text-align: right;}
.home-case .home-case-list.case2 p{text-align: right;margin-left: auto;}

.home-case-list.case1{background: #f7f8f9;}
.home-pro-case{display: flex;flex-wrap: wrap;width: 100%;}
.home-pro-case li{width: 33%;margin: 80px 0 20px;}
.home-pro-case li a{display: block;width: 100%;height: auto;}
.home-pro-case li a img{display: block;max-width: 80%;max-height: 98px;width: auto!important;height: 100%;object-fit: contain;margin: 0 auto;}
.home-pro-case li a .oncur{display: none;transition: all .4s linear;-webkit-transition: all .4s linear;}
.home-pro-case li p{transition: all .4s linear;-webkit-transition: all .4s linear;margin-top: 20px;font-size: 20px;text-align: center;line-height: 26px;color: #454545;font-family: "AlibabaPuHuiTi-Regular";line-height: 36px;}
.home-pro-case li:hover .nocur{display: none;}
.home-pro-case li:hover .oncur{display: block;}
.home-pro-case li:hover p{color: #d25a00;}

.home-case-list.case2{background: #f7f8f9;}
.home-ind-case{display: flex;flex-wrap: wrap;width: 100%;padding: 6% 0;}
.home-ind-case li{width:calc(33% - 3.6%);margin-right: 5.4%;background: #fff;margin-top: 2%;transition:all .3s linear;-webkit-transition:all .3s linear;}
.home-ind-case li:nth-child(1){margin-top: 0;}
.home-ind-case li:nth-child(2){margin-top: 0;}
.home-ind-case li:nth-child(3){margin-top: 0;}
.home-ind-case li:nth-child(3n){margin-right: 0;}
.home-ind-case li a{display: flex;justify-content: flex-start;width: 100%;height: 100%;align-items: center;padding: 20px 90px;}
.home-ind-case li p{transition:all .3s linear;-webkit-transition:all .3s linear;margin:0!important;font-size: 20px;line-height: 30px;color: #707473;font-family: "AlibabaPuHuiTi-Regular";}
.home-ind-case li .img{margin-right: 50px;width: 76px;height: 76px;}
.home-ind-case li .img img{display: block;width: 100%;height: 100%;object-fit: contain;transition:all .3s linear;-webkit-transition:all .3s linear;}
.home-ind-case li .img .oncur{display: none;}
.home-ind-case li:hover{background: #eb5a10;}
.home-ind-case li:hover .nocur{display: none;}
.home-ind-case li:hover .oncur{display: block;}
.home-ind-case li:hover p{color: #fff;}

@media (max-width:1680px) {
	.home-pro-case li{width: 25%;margin: 4% 4.1% 20px;}
}
@media (max-width:1440px) {
	.home-pro-cont .left-list{transform: translateX(-16%);}
	.home-box .circle{right: 80px;}
	.left-content p{max-width: 680px;}
}
@media (max-width:1360px) {
	.home-box .home-pro-switch .home-pro-btn:nth-child(1){padding-right: 0;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(2){padding-left: 0;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(1) h3{text-align: center;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(2) h3{text-align: center;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(1).cur::after{right: 50%;transform: translateX(-50%);}
	.home-box .home-pro-switch .home-pro-btn:nth-child(2).cur::after{left: 50%;transform: translateX(-50%);}
	
	.home-case .home-case-list.case2{margin: 2% 0 6%;}
	.home-case .main4 h3{font-size: 40px;line-height: 50px;margin-bottom: 10px;}
	.home-case .main4 p{font-size: 14px;line-height: 26px;}
	.home-ind-case li .img{width: 58px;height: 58px;}
	.home-ind-case li a{padding: 20px 70px;}
}
@media (max-width:1280px) {
	.home-box .circle{width: 180px;height: 600px;}
	.home-box .circle li{padding: 10px;}
	.home-pro-cont2 .circle li.cirli2{right: -6%;}
	.home-pro-cont2 .circle li.cirli3{top: 36%;}
	.home-pro-cont2 .circle li.cirli4{top: 65%;transform: translateX(30%);}
	.home-box .circle li p{font-size: 18px;}
	
	.home-box .home-pro-switch .home-pro-btn h3{font-size: 24px;}
	.home-box .home-pro-switch{margin: 2% 0;}
	
	.home-ind-case li .img{margin-right: 30px;}
	
	.left-content p{max-width: 720px;}
}
@media (max-width:1080px) {
	.home-box h2{font-size: 30px;}
	.home-box .home-pro-switch .home-pro-btn h3{padding: 14px 0;}
	.home-box .circle li a{width: 58px;height: 58px;}
	.home-box .circle{width: 70px;height: 450px;}
	.home-box .circle li p{font-size: 16px;right: calc(100% + 10px);}
	.home-pro-cont .left-list{transform: translateX(-10%);}
	.home-pro-cont2 .left-content .text{transform: translateY(-20px);}
	
	.home-pro-cont2 .circle li.cirli2{right: 0;transform: translateX(18%);top: 15%;}
	.home-pro-cont2 .circle li.cirli3{top: 40%;}
	.home-pro-cont2 .circle li.cirli4{top: 66%;}
	.home-pro-cont2 .circle li.cirli5{left: unset;right: 60%;}
	
	.home-case h2{margin-bottom: 2%;}
	.home-case .home-case-list a.max-img{height: 200px;display: block;}
	.home-case .home-case-list img{object-fit: cover;}
	.home-case .main4 h3{font-size: 34px;line-height: 44px;}
	.home-case .main4 p{line-height: 20px;}
	
	.home-ind-case li a{padding: 20px 50px;}
	
	.left-content p{max-width: 670px;font-size: 14px;}
}
@media (max-width:991px) {
	.home-pro-cont{padding: 80px 0 6%;}
	.home-box .circle{width: 1px;}
	.home-box .circle li.cirli1{transform: translate(50%,-100%);}
	.home-box .circle li.cirli2{transform: translateX(50%);top: 15%;}
	.home-box .circle li.cirli3{transform: translateX(50%);top: 50%;}
	.home-box .circle li.cirli4{transform: translateX(50%);}
	
	.home-pro-cont2 .circle li.cirli2{top: 10%;}
	.home-pro-cont2 .circle li.cirli3{top: 36%;}
	.home-pro-cont2 .circle li.cirli4{top: 63%;}
	.home-pro-cont2 .circle li.cirli5{transform: translate(50%,50%);}
	
	.home-pro-cont .left-list{width: 80%;transform: translateX(0%);}
	.left-content .text{transform: translateY(-30px);}
	.left-content h4{font-size: 24px;margin-bottom: 0;}
	.btn-to-more a{font-size: 14px;}
	
	.home-ind-case li{width: calc(33% - 2%);margin-right: 3%;}
	.home-ind-case li a{padding: 20px 30px;}
}
@media (max-width:769px) {
	.home-box .home-pro-switch .home-pro-btn h3{font-size: 18px;line-height: 28px;}
	.home-pro-cont .left-list{width: 100%;margin-bottom: 60px;}
	.left-content .text{width: 100%;}
	.home-pro-cont{padding: 2% 0 6%;}
	.left-content{float: unset;}
	.home-box .circle li p{left: 50%;transform: translate(-50%,-100%);right: 0;top: 0;width: min-content;}
	.home-box .circle{width: 100%;height: 80px;border: unset;border-top: 1px solid #d25a00;right: 0;border-radius:0}
	.home-box .circle li.cirli1{right: 0;left: 0%;transform: translate(50%,-50%);}
	.home-box .circle li.cirli2{right: 0;left: 25%;transform: translate(50%,-50%);top: 0;}
	.home-box .circle li.cirli3{right: 35%;left: unset;transform: translate(50%,-50%);top: 0;}
	.home-box .circle li.cirli4{right: 0;left: unset;transform: translate(-50%,-50%);}
	
	.home-pro-cont2 .circle li.cirli2{left: 20%;}
	.home-pro-cont2 .circle li.cirli3{right: 50%;}
	.home-pro-cont2 .circle li.cirli4{top: 0;right: 20%;}
	.home-pro-cont2 .circle li.cirli5{top: 0;right: 10%;transform: translate(50%,-50%);}
	.home-pro-cont2 .circle li.cirli2 p{top: unset;bottom: 0;transform: translate(-50%,100%)}
	.home-pro-cont2 .circle li.cirli4 p{top: unset;bottom: 0;transform: translate(-50%,100%)}
	
	.home-case h2{margin-top: 10%;}
	.home-case .main4 h3{font-size: 30px;line-height: 40px;margin-bottom: 6px;}
	.home-pro-case li a img{max-height: 64px;}
	.home-ind-case li .img{width: 40px;height: 40px;margin-right: 20px;}
	.home-ind-case li p{font-size: 16px;}
}
@media (max-width:560px) {
	.home-ind-case li{width: calc(50% - 2%);margin-right: 4%;}
	.home-ind-case li:nth-child(3n){margin-right: 4%;}
	.home-ind-case li:nth-child(2n){margin-right: 0%;}
	.home-ind-case li:nth-child(3){margin-top:2% ;}
}
@media (max-width:520px) {
	.home-box h2{font-size: 26px;}
	.home-case h2{margin-top: 80px;}
	.home-case p{font-size: 14px;padding: 0 20px;}
	.home-box .home-pro-switch .home-pro-btn h3{font-size: 16px;line-height: 20px;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(1).cur::after{border-width: 8px;bottom: -15px;}
	.home-box .home-pro-switch .home-pro-btn:nth-child(2).cur::after{border-width: 8px;bottom: -15px;}
	.home-pro-cont{padding-top: 30px;}
	.left-content .text{transform: translateY(0px);}
	.home-pro-cont2 .left-content .text{transform: translateY(0px);}
	.left-content p{font-size: 12px;}
	.left-content h4{font-size: 20px;}
	.btn-to-more a{font-size: 12px;}
	.btn-to-more{margin: 2% auto 10%;}
	.home-pro-cont .left-list{margin-bottom: 100px;}
	
	.home-box .circle li{padding: 4px;}
	.home-box .circle li p{font-size: 14px;}
	.home-box .circle li a{width: 48px;height: 48px;}
	
	.home-box .circle li.cirli3{right: 38%;}
	.home-box .circle li.cirli4{bottom: unset;top: 0;}
	
	.home-pro-cont2 .circle li.cirli2{left: 18%;}
	.home-pro-cont2 .circle li.cirli3{right: 48%;}
	.home-pro-cont2 .circle li.cirli4{right: 14%;}
	.home-pro-cont2 .circle li.cirli5{bottom: unset;}

	.home-pro-case li{width: 33%;margin: 4% 0 20px;}
	.home-case .main4 h3{font-size: 24px;line-height: 30px;margin-bottom: 2px;}
	.home-case .main4 p{font-size: 12px;}
	.home-pro-case li a img{max-height: 46px;}
	.home-pro-case li p{font-size: 16px;line-height: 20px;white-space: nowrap;}
	.home-pro-case li{margin-bottom: 2%;}
	
	.home-ind-case li .img{width: 30px;height: 30px;}
	.home-ind-case li p{padding: 0;}
	.home-ind-case li{width:49%;margin-right: 2%;}
	.home-ind-case li:nth-child(2){margin-top: 0%;}
	.home-ind-case li:nth-child(3n){margin-right: 2%;}
	.home-ind-case li:nth-child(2n){margin-right: 0%;}
	.home-ind-case li a{padding:10px 20px;}
	
	.home-pro-case{padding-top: 6%;}
}