.banner .swiper-pagination-bullet {background: #fff;width: 12px;height: 12px;opacity: .3;}
.banner .swiper-pagination-bullet-active{ opacity: 1 }
.swiper-slide-active .bannercon{ transform: translateY(0); opacity:1;}
.bannercon{ transform: translateY(300px);opacity:0;transition: 1s }
.bannconcenter{ text-align: center; }
.bannconcenter p{ justify-content: center; }
.intro-ul{ display: flex;justify-content: center;align-items: center; border-bottom: #ccc 1px solid; margin-bottom: 40px;}
.intro-ul li{text-align: center;font-size: 16px;;color: #212121; position: relative; height: 39px;width: 110px;cursor: pointer;}
.intro-ul li:first-child{margin-right: 160px;}
.intro-ul li.ontrue{color: #2285EE;font-weight: 600}
.intro-ul li:after{content: "";width: 0;display: block;height: 2px;background: #2386ee;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.2s;}
.intro-ul li.ontrue:after{width: 100%}
.intro-dl{display: none; align-items: center;flex-wrap: wrap;justify-content:space-between;}
.intro-dl.ontrue{display: flex;}
.intro-dl dl{width: 280px;height: 260px;text-align: center;}
.intro-dl dl:hover{background: #FFF;box-shadow: 0px 19px 37px 0px #E9E9E9;border-radius: 4px;}
.intro-dl dl dt{margin: 46px 0 32px 0}
.intro-dl dl dt img{width: 56px;height: 56px;}
.intro-dl dl dd{font-size: 20px;font-weight: bold;color: #212121;}
.intro-dl dl dd p{font-size: 14px;color: #666;padding: 16px;line-height: 20px;font-weight: normal;}
.role .litit{margin-top:40px;}
.rolecon{display: flex;justify-content: space-between;}
.rolecon > div{width: 230px; height: 320px;overflow: hidden;position: relative;border-radius: 4px;}
.rolecon > div div{ position: absolute;width: 230px;height: 320px;background: linear-gradient(183deg, rgba(2, 2, 2, 0.06) 0%, rgba(0, 0, 0, 0.6) 100%); top: 0;left: 0 }
.rolecon > div:hover img{transform: scale(1.1)}
.rolecon > div:hover dl{transform: translateY(-61px);}
.rolecon > div img{width: 230px;height: 320px;transition: 1s}
.rolecon > div dl{position: absolute;width: 100%;text-align: center;bottom:-33px;transition: .6s}
.rolecon > div dl dt{font-size: 20px;font-weight: bold;color: #FFF;margin-bottom: 10px}
.rolecon > div dl dd{font-size: 16px;color: #FFF;}
.rolecon > div dl dd p{width: 88px;height: 32px;border-radius: 4px;border: 1px solid #FFF;margin: 21px auto 0 auto}
.rolecon > div dl dd p a{height: 32px;line-height: 32px;text-align: center;font-size: 14px;font-weight: 500;color: #FFF;text-align: center;}
.indresult{ position: relative; margin-top: 80px;}
.indresult-tit{ position: absolute; top:1px;z-index: 11;left: 50%;margin-left: -600px;}
.indresult-tit .tit{color: #fff}
.indresult-ul{ display: flex;border-bottom:#ccc 1px solid; }
.indresult-ul li{flex:1; text-align: center;font-size: 16px;color: #FFF; opacity: .8;position: relative;padding-bottom: 11px; cursor: pointer;}
.indresult-ul li.active{ opacity: 1 }
.indresult-ul li:after{content: "";width: 0;display: block;height: 2px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.2s;}
.indresult-ul li.active:after{width: 100%}
.indresult .swiper-slide{height: 750px;}
.indresult .swiper-slide:nth-child(1){ background: url('../img/bg1.png') no-repeat center;  }
.indresult .swiper-slide:nth-child(2){ background: url('../img/bg2.png') no-repeat center;  }
.indresult .swiper-slide:nth-child(3){ background: url('../img/bg3.png') no-repeat center;  }
.indresult .swiper-slide:nth-child(4){ background: url('../img/bg4.png') no-repeat center;  }
.indresult .swiper-slide:nth-child(5){ background: url('../img/bg5.png') no-repeat center;  }

.swiper-slide-active .indresult-con{ transform: translateY(0); opacity:1;}
.indresult-con{ transform: translateY(210px);opacity:0;transition: 1s }
.indresult-con dl{margin-top: 251px;}
.indresult-con dl dt{font-size: 24px;font-weight: 800;color: #FFF;}
.indresult-con dl dd{font-size: 16px;color: #FFF;margin: 16px 0 25px 0}
.indresult-con ul li{font-size: 14px;color: #FFF;margin-top: 10px; line-height: 28px; background: url('https://cdn.jdy.com/jdy/new/images/index/gou.png') no-repeat left center; text-indent: 26px;}
.indresult-con p{  display: flex; align-items: center; margin-top: 32px;}

.arrind{ display: flex;display: flex;position: absolute;width: 100%;height: 31px;bottom: -2px;left: 0; z-index: 123;}
.arrind div{ background: #fff }
.arrind div:nth-child(1){ width: 50%;margin-left: -20px; }
.arrind div:nth-child(3){ width: 50%;margin-right: -20px; }
#J_ecologyori{ display: none }
.ecologycon{display: flex;justify-content: space-between;}
.ecologycon dl{width: 280px;height: 240px; text-align: center;}
.ecologycon dl:hover{background: #FFF;box-shadow: 0px 19px 37px 0px #E9E9E9;border-radius: 4px;}
.ecologycon dl dt{margin: 40px 0 24px 0}
.ecologycon dl dt img{ width: 72px;height: 72px;}
.ecologycon dl dd{font-size: 20px;font-weight: 800;color: #212121;}
.ecologycon dl dd p{font-size: 14px;font-weight: 500;color: #666;margin-top: 10px;}
.info_con,.info_left_con{ display: flex;justify-content: space-between; }
.info_left_con a{ display: block;width: 368px; height: 526px;}
.info_left_con a:last-child{border-right: #ccc 1px solid}
.info_left_con dl{ width: 348px; }
.info_left_con dt { margin-bottom: 24px;height: 354px;overflow: hidden; border-radius: 4px;}
.info_left_con a:hover dt img{ transform: scale(1.1); }
.info_left_con a:hover dd{ color: #2285EE}
.info_left_con dt img{width: 348px;height: 354px;transition: 1s }
.info_left_con dd{font-size: 20px;font-weight: bold;color: #212121;}
.info_left_con dd span{ display: block; height: 20px; font-size: 14px; color: #666;margin-bottom: 9px;font-weight: normal;}
.info_left p,.info_right p,.choose .more{width: 91px;height: 32px;;border-radius: 4px;border: 1px solid #999;}
.info_left p{margin-top: -51px;}
.info_right p{margin:10px 0 0 24px}
.choose .more{margin: 39px auto 0 auto}
.info_left p a,.info_right p a,.choose .more a{ display: block; height: 32px; line-height:32px; text-align: center;font-size: 14px;font-weight: bold;color: #212121;}
.info_left p:hover,.info_right p:hover,.choose .more:hover{border: 1px solid #2285EE}
.info_left p:hover a,.info_right p:hover a,.choose .more:hover a{ color: #2285EE }
.info_right{ width: 423px; height: 526px; background: url('https://cdn.jdy.com/jdy/new/images/index/news_bg.png') no-repeat center; }
.info_right li{ height: 116px; font-size: 20px;font-weight: bold;color: #212121;line-height: 30px;overflow: hidden;padding:0 24px;}
.info_right li a{ color: #212121 }
.info_right li span{ display: block;font-size: 14px;color: #666;margin-top: 16px;font-weight: normal}
.info_right li:hover{ background: rgb(255,255,255,.7);color: #2285EE; cursor: pointer; }
.info_right iframe{width: 423px;height: 464px;}
.choose{ background: #F0F6FF; padding: 1px 1px 51px 1px;}
.choosecon{ display: flex; }
.chooseleft { width: 470px; }
.chooseleft ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.chooseleft ul li{margin-top: 80px;border:#F0F6FF 2px solid;cursor: pointer; position: relative;width: 133px; height: 133px; }
.chooseleft ul li img{ border-radius: 50%;position: absolute;width: 130px; height: 130px; top: 2px;left: 2px; }
.chooseright{ width: 651px; height: 556px;overflow: hidden;margin: 80px 0 0 91px;  position: relative;}
.cli{width: 448px; min-height: 256px;background: #FFF;box-shadow: 0px 3px 41px 0px #F2F2F2;border-radius: 4px; opacity: .4 }
.swiper-slide-active .cli{ opacity: 1 }
.clicon{padding:42px;}
.clicon p{font-size: 14px;font-weight: 500;color: #212121;line-height: 30px;margin-bottom: 30px;}
.clicon div{display: flex;}
.clicon div img{ width: 41px; height: 41px;margin-right: 10px; }
.clicon div dl dt{font-size: 14px;font-weight: bold;color: #212121;margin-bottom: 3px;}
.clicon div dl dd{font-size: 12px;color: #666;}
.choose .swiper-container{width: 100%;height: 556px;}
.choose .swiper-wrapper{margin-top: 261px; }
.choose .swiper-slide{height: auto; transform: scale(.9); transition: 1s}
.choose .swiper-slide-prev{margin-left: 51px}
.choose .swiper-slide-active{ transform:translate(201px,-91px) scale(1);background: #fff;z-index: 123;}
.choose .swiper-slide-next {margin-top: -239px;}