.luodi-more{ padding: 70px 0; background-image: url(../images/more_bg.jpg); text-align: center;}
.luodi-banner{ padding: 30px 0; background-image: url(../images/banner_bg.jpg);}
.luodi-banner .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-end;}
.luodi-banner .left{  width: 66%;  text-align: left;}
.luodi-banner .left .luodi-theme{ padding-top: 40px; text-align: left;}
.luodi-banner .left .des{ padding:15px 0; font-size:18px; color: #000000;}
.luodi-banner .left ul{display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start; margin:0 -10px;}
.luodi-banner .left li{ width: 50%; padding: 10px; }
.luodi-banner .left .box{background: #FFFFFF; border-radius: 10px; overflow: hidden;}
.luodi-banner .left .box .tit{ position: relative; padding: 0 10px; background: #f8fdfe;}
.luodi-banner .left .box .tit img{ display: inline-block; vertical-align: middle;}
.luodi-banner .left .box .titt{ font-size: 24px; color: #333333; display: inline-block; vertical-align: middle;}
.luodi-banner .left .box .tit .cricle{ position:absolute; margin-top: -10px; top:50%; right:20px; width:40%; text-align: right;}
.luodi-banner .left .box .tit .cricle i{ display:inline-block; border-radius:100%; overflow: hidden; width: 10px; height: 10px; background:#FFFFFF; margin-left: 10px;}
.luodi-banner .left .box .con{ position: relative;}
.luodi-banner .left .box .con p{ position: absolute; top:22px; left:20px; font-size: 18px; color: #808080;}
.luodi-banner .right{ width:31%;}
.luodi-banner-box{ margin-bottom: 25px; background: #e8f0f8;border-radius: 10px; overflow: hidden;}
.luodi-banner-box:last-child{ margin-bottom: 10px;}
.luodi-banner-box .tit{ font-size: 24px; color: #333333; padding: 15px 25px; border-bottom: 1px solid #FFFFFF;}
.luodi-banner-box .con{ padding: 15px 25px 25px;}
.luodi-banner-box .con .des{ color: #808080;}
.luodi-banner-box .con p{ color:#333333;}
.luodi-banner-box .con .row{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.luodi-banner-box .con .row .in{ width: 48%;}
.luodi-banner-box .con .row .in input{ width: 100%; border: none; background: #FFFFFF; border-radius: 5px; margin-top: 15px; height: 40px; padding: 10px; line-height: 20px;}
.luodi-banner-box .con .in{ margin-top: 15px;}
.luodi-banner-box .con .xuan{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.luodi-banner-box .con .xuan span{ display: inline-block; margin-top: 12px;color:#333333; width:80px;}
.luodi-banner-box .con .xuan span:nth-child(2){ width: 100px;}
.luodi-banner-box .con .xuan span input{ vertical-align:middle; margin-right:4px;}
.luodi-banner-box .con textarea{ background: #FFFFFF; height:80px; margin-top: 20px; width: 100%; border: none;}
.luodi-banner-box .bottom{ margin-top: 15px; text-align: center;}
.luodi-banner-box .bottom input{ margin-bottom: 10px; line-height: 36px; width: 185px; background: #2a6cf4; color: #FFFFFF;}
.luodi-banner-box .erweima{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start; padding: 10px 25px; text-align: center;}
.luodi-banner-box .erweima p{ margin-top: 10px; color: #808080;}
.luodi-banner-box .erweima div:nth-child(1){ max-width: 35%;}
.luodi-banner-box .erweima div:nth-child(2){ max-width: 55%;}
.luodi-banner-box .tip-div{ text-align: center; padding: 20px 10px;}
.luodi-banner-box .tip-div .tip{ font-size: 18px; color:#333333;} 
.luodi-banner-box .tip-div li{  display: inline-block; background: #ffffff; width: 30%; margin:12px 0.5% 0; line-height: 36px; border-radius: 18px;}

.luodi-more a{ display: inline-block; margin:0 4px; padding:  10px 25px; font-size: 16px; border: 1px solid #fff; color: #FFFFFF;}
.luodi-theme{ font-size: 36px; font-weight: bold; letter-spacing: 2px; color: #333333; text-align: center;}
.luodi-celue{ padding: 70px 0 90px;}
.luodi-celue .luodi-theme b{ display: block; font-size: 42px;}
.luodi-celue .luodi-theme span{  font-size: 48px; color: #2a6cf4;}
.luodi-celue .des{ font-size: 24px; margin-top: 25px; text-align: center;}
.luodi-celue .content{ margin-top: 60px; margin-bottom: 30px; background: #fafafa; border-radius: 20px; overflow: hidden;}
.luodi-celue .content .tit {  position:relative; background: #e6e6e6;}
.luodi-celue .content .tit .js-tab{ line-height: 60px;}
.luodi-celue .content .tit .js-tab span{ display:inline-block; padding: 0 30px; font-size: 16px; cursor: pointer;}
.luodi-celue .content .tit .js-tab span.active{ background: #fafafa; border-top:5px solid #58acf9;}
.luodi-celue .content .tit .cricle{ position:absolute; margin-top: -10px; top:50%; right:20px; width:40%; text-align: right;}
.luodi-celue .content .tit .cricle i{ display:inline-block; border-radius:100%; overflow: hidden; width: 10px; height: 10px; background:#FFFFFF; margin-left: 10px;}
.luodi-celue .content .js-tab-box{ padding:40px 20px 20px;}
.luodi-celue .content .js-tab-con{ display: none;}
.luodi-celue .content .js-tab-con.active{ display: block;}

.luodi-effect{ padding: 80px 0 55px; background: #fafafa; }
.luodi-effect .img{ margin-top: 60px;margin-bottom: 30px; }

.luodi-experience{ padding: 90px 0 100px; text-align: center;}
.luodi-experience .des{ font-size: 24px; color: #333333; text-align: center; margin-top: 20px;}
.luodi-experience .content{ margin-top: 35px; margin-bottom: 30px; background: #fafafa;   display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start; padding: 60px 60px 55px; text-align: left;}
.luodi-experience .left{ width: 60%;}
.luodi-experience .left .tit{ margin-bottom: 45px; font-size: 24px; color: #333333; font-weight: bold;}
.luodi-experience .left .tip{ margin-bottom: 20px; font-size: 18px; color: #333333; padding-left: 25px; font-weight: bold;background: url(../images/ico_dot.png) no-repeat left;}
.luodi-experience .left p{ margin-bottom:30px; line-height: 24px; padding-left: 25px;}
.luodi-experience .left p:last-child{ margin-bottom: 0;}
.luodi-experience .box{ width: 35%; max-width: 420px; border-radius: 20px; overflow:hidden; background: #FFFFFF;}
.luodi-experience .box .tit{ position: relative; background: #000000; font-size: 20px; color: #FFFFFF; padding: 20px;}
.luodi-experience .box .tit span{ position:absolute; margin-top: -10px; top:50%; right:20px; width: 100%; text-align: right;}
.luodi-experience .box .tit span i{ display:inline-block; border-radius:100%; overflow: hidden; width: 10px; height: 10px; background:#FFFFFF; margin-left: 10px;}
.luodi-experience .box .con{ padding: 25px; position: relative; font-size: 18px; line-height: 30px;}
.luodi-experience .box .con b{ margin-top:100px; display: block;}
.luodi-experience .box .con img{ position: absolute; bottom:20px; right:20px;}


.luodi-zd{ padding: 75px 0 85px; background-image: url(../images/blue_bg.jpg); color: #fff; text-align: center;}
.luodi-zd .luodi-theme{ color: #FFFFFF;}
.luodi-zd .des{font-size: 16px; line-height: 30px; max-width: 680px; margin: 25px auto;} 
.luodi-zd .button{ display: inline-block; background: #FFFFFF; color: #2a6cf4; padding: 10px 30px;}
.luodi-zd .content{ margin-top: 6%; margin-bottom: 30px;  text-align: left;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.luodi-zd .left{ width: 45%;}
.luodi-zd .left h2{ font-size: 30px; line-height: 48px;}
.luodi-zd .left p{ font-size: 18px; line-height: 30px; margin-top: 15px;}
.luodi-zd .right{ max-width: 50%; min-width: 40%;}
.luodi-zd .right p{ padding-left: 35px; font-size: 14px; line-height: 24px; margin: 15px 0; background: url(../images/ico_right.png) left no-repeat;}
.luodi-zd .home-button{ border:1px solid #fff; background: none; color: #fff; }

.solution-support{ padding: 100px 0;}
.solution-support .content{ margin-top: 60px;  margin-bottom: 30px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-end;}
.solution-support .img{ width: 56%;}
.solution-support .right{  width:44%; padding-left: 2%;}
.solution-support .js-tab-box{ margin-top: 20px;}
.solution-support .js-tab-con{ display: none; }
.solution-support .js-tab-con.active{ display: block; }
.solution-support .js-tab-con ul{ min-height: 470px; }
.solution-support ul{ border-radius: 20px;   display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch; overflow: hidden;}
.solution-support li{ width: 33.33%; text-align: center; background: #fafafa;}
.solution-support li .tit{ padding: 12px 0; font-size: 24px;}
.solution-support li .tit span{ margin-bottom: 5px; display: block; font-size: 16px; color: #cccccc;}
.solution-support li .con{ padding: 30px 0;}
.solution-support li .con h3{ font-size: 18px; color: #333333; font-weight: 600; margin: 14px 0;}
.solution-support li .con p{ font-size: 16px; line-height: 40px;}
.solution-support .js-tab li{ cursor:pointer; }
.solution-support .js-tab li.active .tit{ background: #2a6cf4; color: #FFFFFF;}
.solution-support .js-tab li.active .tit span{ color: #FFFFFF;}


@media (max-width:1600px){
	.luodi-theme{ font-size: 28px;}
	.luodi-banner-box .con .xuan span{ font-size: 12px; width: 65px;}
	.luodi-banner-box .con .xuan span:nth-child(2){ width: 78px;}
	.luodi-banner-box .con .xuan span input{ margin-right: 2px;}
	
	.solution-support li .con h3{ font-size: 16px;}
	.solution-support li .con p{ font-size: 14px; line-height: 34px;}

	.solution-support .js-tab-con ul{ min-height: 400px; }
	.swiper-home-case .box .text .des{ font-size: 14px; line-height: 22px; min-height:270px}
	.swiper-home-case .box .text .home-button{ margin-top: 12px; }
}

@media (max-width:1480px){
	.solution-support .js-tab-con ul{ min-height: 350px; }
}
@media (max-width:999px){
	.luodi-more{ padding: 0.8rem 0; }
	.luodi-banner{ padding: 0.9rem 0; }
	.luodi-banner .left{  width: 100%; }
	.luodi-banner .left .luodi-theme{ padding-top: 0;}
	.luodi-banner .left .des{ padding:0.133333rem 0; font-size:0.4rem; }
	.luodi-banner .left ul{ margin: 0 -0.13333rem;}
	.luodi-banner .left li{ width: 50%; padding: 0.133333rem; }
	.luodi-banner .left .box .tit{ padding: 0.133333rem;}
	.luodi-banner .left .box .titt{ font-size: 0.3rem;}
	.luodi-banner .left .box .tit img{ width: 0.6rem;}
	.luodi-banner .left .box .tit .cricle{ display: none;}
	.luodi-banner .left .box .con p{ top:0.133333rem; left:0.133333rem; font-size:0.32rem;}
	.luodi-banner .right{ margin-top: 0.4rem; width:100%;}
	.luodi-banner-box { margin-bottom: 0.4rem; }
	.luodi-banner-box .tit{ font-size: 0.4rem; padding: 0.4rem;}
	.luodi-banner-box .con{ padding:0.266666rem;}
	.luodi-banner-box .con .xuan span{ font-size: 0.28rem;  width:1.8rem;}
	.luodi-banner-box .con .xuan span:nth-child(2){ width:2rem;}
	.luodi-banner-box .con .xuan span input{ margin-right: 0.133333rem; }
	

	.luodi-banner .right .box .tip-div .tip{ font-size: 0.34rem;} 
	.luodi-banner .right .box .tip-div li{  font-size: 0.3rem;  line-height:1rem; border-radius: 0.5rem;}
	
	
	.home-case{ padding: 0 0 1rem;}
	.home-case .left{  float:none; width: 100%; padding-top: 0.533333rem;}
	.home-case .tab{ margin-top:0.4rem; text-align: center;}
	.home-case .tab span,
	.home-case .tab a{  display: inline-block; margin:0.266666rem 0.1rem 0; font-size: 0.3rem; line-height:0.666666rem;}
	.home-case .tab span.active:after{display: none;}
	.home-case .right{ margin-left:0; margin-right:0; padding-top:0.666666rem; }
	.swiper-home-case .swiper-slide{ padding:0 0 25px;}
	.swiper-home-case .box{ position:relative; padding-bottom: 40px;}
	.swiper-home-case .box .text{ position: relative; bottom:0; right:auto; width:100%; max-width:100%; padding:0.266666rem; box-shadow:0 0 0;}
	.swiper-home-case .box .text img{ margin: 0;}
	.swiper-home-case .box .text .tit{ margin-top: 0.133333rem; font-size: 0.32rem;}
	.swiper-home-case .box .text .des{ margin-top:0.266666rem; font-size: 0.3rem; line-height: 0.6rem; min-height: 0;}
	.swiper-home-case .box .text .des .p02{ font-size: 0.266666rem; }
	.swiper-home-case .box .text .home-button{ margin:0.4rem 0 0;}
	.swiper-home-case .button{ position: absolute; z-index: 3; right:0; bottom:0.666666rem; width:100%; height:0.8rem;}
	.swiper-home-case .swiper-pagination{ line-height:0.8rem; height:0.8rem; font-size: 0.6rem; }


	.luodi-theme{ font-size:0.48rem; letter-spacing: 0.026666rem;}
	.luodi-celue{ padding: 1rem 0;}
	.luodi-celue .luodi-theme b{font-size: 0.38rem;}
	.luodi-celue .luodi-theme span{  font-size: 0.666666rem;}
	.luodi-celue .des{ font-size: 0.32rem; margin-top: 0.266666rem; }
	.luodi-celue .content{ margin-top: 0.666666rem; border-radius: 0.266666rem;}
	.luodi-celue .content .tit .js-tab{ line-height:0.8rem;}
	.luodi-celue .content .tit .js-tab span{ font-size: 0.36rem;}
	.luodi-celue .content .js-tab-box{ padding:0.4rem;}
	
	.luodi-effect{ padding: 1rem 0; }
	.luodi-effect .img{ margin-top: 0.8rem;}
	
	.luodi-experience{ padding: 1rem 0;}
	.luodi-experience .des{ font-size: 0.306666rem; margin-top: 0.266666rem;}
	.luodi-experience .content{ margin-top: 0.4rem; padding: 0.533333rem;}
	.luodi-experience .left{ width: 100%;}
	.luodi-experience .box{ margin-top: 1rem; width: 100%; max-width: 100%;}
	.luodi-experience .box .con{ padding: 0.4rem;}
	
	
	.luodi-zd{ padding: 1rem 0;}
	.luodi-zd .des{font-size: 0.32rem; line-height: 0.6rem; } 
	.luodi-zd .left{ width: 100%;}
	.luodi-zd .left h2{ font-size: 0.4rem; line-height: 0.666666rem;}
	.luodi-zd .left p{ font-size:0.32rem; line-height: 0.666666rem; }
	.luodi-zd .right{ max-width: 100%; min-width: 100%;}
	.luodi-zd .right p{ font-size: 0.32rem; line-height: 0.64rem; margin: 0.133333rem 0;}
	
	.solution-support{ padding: 1rem 0;}
	.solution-support .content{ margin-top: 0.8rem; }
	.solution-support .img{ width: 100%;}
	.solution-support .right{  width:100%; padding-left: 0;}
	.solution-support ul{ border-radius: 0.266666rem; }
	.solution-support li .tit{ padding: 15px 0; font-size: 0.32rem;}
	.solution-support li .tit span{ margin-bottom: 0.133333rem;  font-size: 0.266666rem; }
	.solution-support li .con{ padding: 0.4rem 0;}
	.solution-support li .con img{ width: 1rem;}
	.solution-support li .con h3{ font-size: 0.3rem; margin: 0.4rem 0;}
	.solution-support li .con p{ font-size: 0.26rem; line-height: 0.6rem;}
}



.zixun-pop{ display: none; position: fixed; z-index: 9999; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: 90%; max-width: 576px;}
.zixun-pop .close{ position: absolute; top:0; right:0; width: 36px; height: 36px; cursor: pointer; background-image: url(../images/close.png); background-size: cover;}