.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.73) 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;height: 100px;padding: 0px 10px;font-size: 14px;}

.rolecon > div dl dd p{width: 88px;height: 32px;border-radius: 4px;border: 1px solid #FFF;margin: 30px 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('../images/solway_bg2.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(2){ background: url('../images/solway_bg3.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(3){ background: url('../images/solway_bg1.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(4){ background: url('../images/solway_bg4.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(5){ background: url('../images/solway_bg5.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(6){ background: url('../images/solway_bg6.png') no-repeat center;  }

.indresult .swiper-slide:nth-child(7){ background: url('../images/solway_bg7.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; background: url('../images/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;padding: 0px 5px;}

.info_con,.info_left_con{ display: flex;justify-content: space-between; }

.info_left {position: relative;}

.info_left_con a{ display: block;width: 368px; height: 600px;}

.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 dt img {height:100% !important;object-fit:cover;}*/

.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 !important;transition: 1s ;object-fit:cover;}

.info_left_con dd{font-size: 20px;font-weight: normal;color: #212121;}

.info_left_con dd span{ display: block; font-size: 14px; color: #666;margin-bottom: 9px;font-weight: normal;}

.info_left_con dd i {font-size: 12px;font-weight: normal;color: #999;display: block;line-height: 24px;padding-top: 10px;}

.info_left p,.info_right p,.choose .more{width: 91px;height: 32px;;border-radius: 4px;border: 1px solid #999;}

.info_left p{position: absolute;bottom: 0px;}

.info_right p{margin:20px 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: 600px; background: url('../images/news_bg.png') no-repeat center;background-size: cover;padding-top: 10px; }

.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;margin-top: 80px}

.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:32px; background: url('../images/dh.png') no-repeat 90% 83%;}

.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 dt a {color: #212121;}
.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;}

#J_expcon img {display: block;margin: 0 auto;}

.idx_newslist ul li {

    height: 130px;

    overflow: hidden;

    padding: 0 24px;

}

.idx_newslist ul li a {

    display: block;

}

.idx_newslist ul li a span {

    display: block;

    font-size: 14px;

    color: #666;

    margin-top: 6px;

    font-weight: 400;

}

.idx_newslist ul li a p {

    line-height: 30px;

    font-size: 20px;

    font-weight: normal;

    color: #212121;

    width: 100%;

    margin: 0px;

    height: 100%;

    border: 0px;

}

.idx_newslist ul li a:hover p,.idx_newslist ul li a.active p {

    border: 0px;

    color: #2285ee;

}

.idx_newslist ul li a i {

    font-size: 12px;

    font-weight: normal;

    color: #999;

    display: block;

    line-height: 24px;

    padding-top: 10px;

}