.banner .swiper-pagination-bullet {background: #C5E2FF;width: 10px;height: 10px; opacity: 1}
.banner .swiper-pagination-bullet-active{ width: 30px;height: 10px;background: #1881F0;border-radius: 5px; }
.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; }
.introducejdy-box{height: 856px;background: linear-gradient(180deg, #DCECFF 0%, #FFFFFF 100%);padding-top: 1px;}
.intro-ul-new{display: flex;justify-content: center;align-items: center; margin-bottom: 51px;height: 85px;background: rgba(255,255,255,.4);border-radius: 8px;}
.intro-ul-new li{width: 20%;height:85px;line-height:85px;font-size:16px;font-weight:bold;color:#333;background-repeat:no-repeat;background-position:61px center;text-indent:126px}
.intro-ul-new li.ontrue{background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(208,230,255,.5);border-radius:8px;}
.intro-ul-new li:nth-child(1){ background-image: url('../images/1.png'); background-size: 49px; }
.intro-ul-new li:nth-child(2){ background-image: url('../images/2.png'); background-size: 49px; }
.intro-ul-new li:nth-child(3){ background-image: url('../images/3.png'); background-size: 49px; }
.intro-ul-new li:nth-child(4){ background-image: url('../images/4.png'); background-size: 49px; }
.intro-ul-new li:nth-child(5){ background-image: url('../images/5.png'); background-size: 49px; }
.intro-dl-new{display: none; align-items: center;flex-wrap: wrap;justify-content:space-between;}
.intro-dl-new.ontrue{display: flex;}
.intro-dl-new div:nth-child(1){ width: 629px; height:419px;border-radius: 10px;overflow:hidden;box-shadow:0 2px 20px 0 rgba(200,215,238,.5); }
.intro-dl-new div:nth-child(1) img,.intro-dl-new div:nth-child(1) video{width: 632px; height:421px;border-radius: 10px; font-size: 0}
.intro-dl-new div:nth-child(2){ width: 439px; }
.intro-dl-new div:nth-child(2) dl dt{font-size: 40px;font-weight: bold;color: #333;}
.intro-dl-new div:nth-child(2) dl dt span{color: #0099FF;}
.intro-dl-new div:nth-child(2) dl dd{font-size: 22px;color: #333;margin: 10px 0 20px 0}
.intro-dl-new div:nth-child(2) div{font-size: 16px;color: #666;line-height: 28px;}
.intro-dl-new div:nth-child(2) p{display: flex;margin-top: 31px;}
.intro-dl-new div:nth-child(2) p a{width: 120px;height: 45px;line-height:45px;border-radius: 5px; text-align: center; display: block;font-size: 14px;}
.intro-dl-new div:nth-child(2) p a:first-child{background: linear-gradient(90deg, #1881F0 0%, #04AEEE 100%); color: #fff;margin-right: 10px;}
.intro-dl-new div:nth-child(2) p a:last-child{color:#333;background:#fff url('../images/right_arrow.png')no-repeat 81% center;text-indent:-21px;background-size:8px 13px}

.role{ height: 671px;background: #F3F8FF; position: relative; padding-top: 1px;overflow: hidden; }
.rolecon{padding-top: 16px;}
.role-ul{ position: absolute; display: flex; background: #fff }
.role-ul li{width: 70px;height: 70px; line-height: 101px; text-align: center; font-size: 14px;font-weight:bold;color:#666;cursor: pointer;
	background-repeat:no-repeat;background-position:center 11px;background-size: 26px}
.role-ul li.active{box-shadow: 0px 0px 10px 0px rgba(209,230,255,0.5);border-radius: 5px;color: #fff}
.role-ul li.lb{ background-image: url('../images/lb.png')}
.role-ul li.lb.active{ background-image: url('../images/lb_cur.png');background-color:#4566C1}
.role-ul li.cw{ background-image: url('../images/cw.png')}
.role-ul li.cw.active{ background-image:url('../images/cw_cur.png');background-color:#ECC153 }
.role-ul li.xs{ background-image: url('../images/xs.png')}
.role-ul li.xs.active{ background-image:url('../images/xs_cur.png');background-color:#80D2BC}
.role-ul li.sc{ background-image: url('../images/sc.png')}
.role-ul li.sc.active{ background-image:url('../images/sc_cur.png');background-color:#A592DD }
.role-ul li.dz{ background-image: url('../images/dz.png')}
.role-ul li.dz.active{ background-image:url('../images/dz_cur.png');background-color:#7EB8F2 }
.role-ul li.cg{ background-image: url('../images/cg.png')}
.role-ul li.cg.active{ background-image:url('../images/cg_cur.png');background-color:#68CBD8 }
.role-dl{ display: none; justify-content: space-between; }
.role-dl.active{ display: flex; }
.role-dl div:nth-child(1){width: 441px;}
.role-dl div:nth-child(2){ width: 601px; height: 376px; position: relative; border-radius: 8px}
.role-dl div.rolelb{ background: url('../images/lb_img.png') no-repeat center; background-size: cover; }
.role-dl div.rolecw{ background: url('../images/cw_img.png') no-repeat center; background-size: cover; }
.role-dl div.rolexs{ background: url('../images/xs_img.png') no-repeat center; background-size: cover; }
.role-dl div.rolesc{ background: url('../images/sc_img.png') no-repeat center; background-size: cover; }
.role-dl div.roledz{ background: url('../images/dz_img.png') no-repeat center; background-size: cover; }
.role-dl div.rolecg{ background: url('../images/cg_img.png') no-repeat center; background-size: cover; }
.role-dl dt{font-size: 40px;font-weight: bold;color: #333;line-height: 54px;margin-top: 91px;}
.role-dl dd{font-size: 16px;color: #666;line-height: 28px;margin: 21px 0 56px 0}
.indresult{height: 789px;background: linear-gradient(360deg, #DCECFF 0%, #FFFFFF 100%);}
.indresult .tit{margin-bottom: 61px;}
.indresult-con{ display: flex; justify-content: space-between;height: 578px;background: #FAFCFF;box-shadow: 0px 2px 40px 0px rgba(185,216,251,0.3); }
.indresult-ul{ width: 241px;background: #ECF5FF;padding-top: 19px;}
.indresult-ul li{width: 170px;height: 66px; line-height:66px;background: linear-gradient(180deg, #FFFFFF 0%, #EDF2FF 100%);
  box-shadow: 0px 5px 20px 0px rgba(84,118,175,0.1);border-radius: 8px;margin: 19px 0 0 35px; cursor: pointer;}
.indresult-ul li.active{ width:190px;background: url('../images/menubg.png') no-repeat center; background-size:cover;border-radius: 0;box-shadow: none}
.indresult-ul li span{padding:6px 0 6px 39px;font-size: 16px;font-weight: bold;color: #333;margin-left: 26px;background-position:left center;background-size: 31px;background-repeat: no-repeat;}
.indresult-ul li:nth-child(1) span{background-image: url('../images/sp.png')}
.indresult-ul li:nth-child(2) span{background-image: url('../images/3c.png')}
.indresult-ul li:nth-child(3) span{background-image: url('../images/kj.png')}
.indresult-ul li:nth-child(4) span{background-image: url('../images/jc.png')}
.indresult-ul li:nth-child(5) span{background-image: url('../images/wm.png')}
.indresult-ul li:nth-child(6) span{background-image: url('../images/yy.png')}
.indresult-con .swiper-container{ width: 939px; }
.indresult-div{ display: flex;padding: 39px 39px 39px 51px; justify-content: space-between; background: #fff }
.indresult_wz{ width: 501px; }
.indresult_wz div{font-size: 24px;font-weight: bold;color: #333;margin:10px 0 39px 0;}
.indresult_wz dl{margin-bottom: 39px;background: url('../images/star.png') no-repeat 1px 3px;background-size: 16px;padding-left: 29px;}
.indresult_wz dl dt{font-size: 18px;font-weight: bold;color: #333;}
.indresult_wz dl dd{color: #666;line-height: 21px;margin-top: 6px;}
.indresult_wz p{ display: flex; margin-left: 29px;}
.watchcase{width:313px; height:497px;background: url('../images/casebg.png') no-repeat center; background-size: cover}
.watchcase p{font-size: 18px;font-weight: bold;color: #fff; text-align: center;margin: 26px 0 1px 0}
.watchcase ul{ display: flex; flex-wrap: wrap; justify-content: center; }
.watchcase ul li{margin-top: 19px;width: 120px;height: 120px;background: #FFf;border-radius: 8px; justify-content: center; align-items: center; display: flex;}
.watchcase ul li:nth-child(even){margin-left:19px;}
.watchcase ul li img{ width: 101px; height: 101px; }
.watchcase ul li img:nth-child(2) { display: none;}
.watchcase ul li:hover img:nth-child(1){display: none;}
.watchcase ul.speul li:hover img:nth-child(1),.watchcase ul li.speli:hover img:nth-child(1){display: block;}
.watchcase ul li:hover img:nth-child(2){display: block; width: 120px;}
.wm_img{background: url('../images/wm_img.png') no-repeat; background-size: cover; height:497px;}
.gh{ height: 601px; background: url('../images/gh_bg.png') no-repeat center; background-size: cover; padding-top: 1px }
.gh .tit{ color: #fff }
.ghcon{ display: flex; justify-content: space-around; }
.ghcon .gh_l{ width: 580px;height: 350px;background: #FFF; display: flex;}
#gh .ghcon .gh_l div:first-child img{  width: 241px;height: 350px; }
.ghcon .gh_l div:last-child{ width: 276px; margin-left: 31px; }
.ghcon .gh_l div:last-child dl dt{font-size: 18px;font-weight: bold;color: #333;line-height: 24px; 
	padding-top: 19px; background: url('../images/hot.png') no-repeat; background-size: 27px 12px;margin-top: 29px;}
.ghcon .gh_l div:last-child dl dd{font-size: 14px;color: #666;line-height: 21px;margin: 19px 0 56px 0}
.ghcon .gh_r{width: 280px;height: 350px;background: #FFF;}
#gh .ghcon .gh_r img{ width: 280px;height: 175px; }
.ghcon .gh_r dl dd{padding: 31px 23px;font-size: 18px;color: #333;line-height: 24px;font-weight: bold;}
.ghcon .gh_r p{margin-left: 23px;}
.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;}
.rk{ height: 375px; background: url('../images/rk_bg.png') no-repeat center; background-size: cover; padding-top: 1px;  }
.rkcon{ display: flex; justify-content: center; }
.rkcon dl{ flex: 1; text-align: center; }
.rkcon dl dt img{ width: 111px; margin-bottom: 9px}
.rkcon dl dd{ font-size: 16px;font-weight: bold;color: #333; margin-top: 3px; }
.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{width: 91px;height: 32px;;border-radius: 4px;border: 1px solid #999;}
.info_left p{margin-top: -51px;}
.info_right p{left:26px; bottom:21px;position:absolute}
.info_left p a,.info_right p 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{border: 1px solid #2285EE}
.info_left p:hover a,.info_right p:hover a{ color: #2285EE }
.info_right{ width: 423px; height: 526px; background: url('../images/news_bg.png') no-repeat center; position: relative; }
.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;}
.case-box{height: 866px;background: linear-gradient(180deg, #FFFFFF 0%, #E0EEFF 100%);padding-top: 1px}
.case-nav{ position: relative; }
.case-nav a{ position: absolute;right:1px;top:1px;color: #3399FF}
.case-ul{display: flex;align-items: center; margin-bottom: 39px;}
.case-ul li{font-size: 15px;color: #666;margin: 0 50px;}
.case-ul li.ontrue{ font-weight: bold; }
.case-dl{display:none;align-items:center;flex-wrap:wrap;justify-content:space-between;height:421px;background:#fff;box-shadow:0px 0px 20px 0px rgba(217,235,255,.5);
	overflow:hidden;position: relative;}
.case-dl.ontrue{display: block;}
.case{ display: flex; }
.caseleft img{width: 386px; height: 421px;}
.caseright{margin-left:51px; width:693px;}
.caseright dl{border-bottom: #ccc 1px dashed;margin-bottom: 26px;}
.caseright dt img{ width: 51px; height: 51px;margin-right: 12px}
.caseright dt{ font-size: 24px;color: #333;letter-spacing: 1px;margin-top: 33px; height: 51px; line-height: 51px;}
.caseright dt a{font-size: 13px;margin-left: 12px;font-weight: normal;color: #3399FF; }
.caseright dd{font-size: 13px;color: #333;line-height: 22px;margin-top: 16px;}
.caseright dd p{ text-align: right;margin-top: 21px; }
.caseright .casedb{ display: flex;justify-content: space-between; }
.caseright .casedb div{ width: 46%; }
.caseright .casedb span{ border-radius: 3px;padding: 3px;color:#fff }
.caseright .casedb div:nth-child(1) span{ background: #C4C5C7;}
.caseright .casedb div:nth-child(2) span{ background: #3399FF;}
.caseright .casedb div p{line-height: 22px;margin-top: 16px;}
.case-logo{ display: flex; justify-content: space-between;margin-top: 16px;}
.case-logo img{ width: 185px; height: 95px; }
/*.swiper-button-prev{right: 51px;left:auto;top: 51px;transform: scale(.5);}
.swiper-button-next{right: 26px;left: auto;top: 51px;transform: scale(.5);}*/
@keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}
@-moz-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@-webkit-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@-o-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}
.video-btn {
  position: absolute;
  top: 151px;
  left: 251px;
}
.video-btn a {
  position: relative;
}
.video-btn img {
  position: relative;
  z-index: 2;
  width: 80px;
}
.video-btn a:before {
  position: absolute;
  border-radius: 50%;
  content: '';
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: water 1.5s linear infinite;
  animation: water 1.5s linear infinite;
}

#videoPopup1{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
#videoPopup1 .video-box {
	width: 60%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#videoPopup1 .video-box video {
	width: 100%;
}
#videoPopup1 .video-box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	text-align: center;
}
#videoPopup1 .video-box .close span {
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}
.letterModal {width: 901px;height: 661px;background: #FFF;border-radius: 4px;position: fixed;z-index: 99992;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.letterModal .proexpClose{padding:19px;}
.letterCon{padding:0 29px;}
.letterCon li{font-size: 14px; line-height: 22px; color: #333;}
.letterCon ul:first-child li{text-indent: 33px;font-size: 16px;margin-bottom: 10px;}
.letterCon div p{text-align: right;font-size: 16px; color: #333;}
.letterCon div p:last-child{margin-right: 21px;}
.letterCon a{margin-top:9px;float:right; margin-right:0}