.swiper-container{
--swiper-theme-color: #007bc1;/* 设置Swiper风格 */
--swiper-navigation-color: #007bc1;/* 单独设置按钮颜色 */
--swiper-navigation-size: 34px;/* 设置按钮大小 */
}
.banner{  }
.banner .item{ text-align: center; max-height: 700px; overflow: hidden; }
.banner .item img{ max-width: 100%; }

/* 标题 */
.i_title{ margin-bottom: 40px; text-align:center; overflow:hidden; line-height:1.2; color:#333333; position:relative; padding-bottom:20px; text-transform:uppercase; font-size: 32px; font-weight: bold;}
.i_title:after{ content:""; position:absolute; width:36px; height:2px; margin-left:-18px; left:50%; bottom:0; background:#007AFF;}
@media screen and (max-width: 1460px) {
	.i_title{ font-size: 30px;}
}
@media screen and (max-width: 1260px) {
	.i_title{ font-size: 28px; margin-bottom: 40px; }
}
@media screen and (max-width: 1024px) {
	.i_title{ margin-bottom: 30px;}
}
@media screen and (max-width: 768px) {
	.i_title{ font-size: 26px;margin-bottom: 30px; }
}
@media screen and (max-width: 480px) {
	.i_title{ font-size: 20px;margin-bottom: 30px; }
}


/* 产品中心 */
.IndexBlockA{background:#f5f5f5;padding-top: 60px;}
.IndexBlockA .Tabtit{font-size:0;text-align:center}
.IndexBlockA .Tabtit .wid{ display:inline-block;vertical-align:top;margin:0 10px; }
.IndexBlockA .Tabtit .img{ display:inline-block;vertical-align:top;position:relative;background-color:#eee;border-radius:50%}
.IndexBlockA .Tabtit .img img{display:block;height:56px;width:56px}
.IndexBlockA .Tabtit .img .i{opacity:1}
.IndexBlockA .Tabtit .img .i_h{opacity:0;position:absolute;left:0;top:0}
.IndexBlockA .Tabtit .txt{color:#777;font-size:14px;line-height:18px; border: 1px solid #ccc; padding: 10px 20px; }
.IndexBlockA .Tabtit .on .img{background:#007bc1}
.IndexBlockA .Tabtit .on .img .i{opacity:0}
.IndexBlockA .Tabtit .on .img .i_h{opacity:1}
.IndexBlockA .Tabtit .on .txt{color:#007bc1;border-color: #007AFF;}
.IndexBlockA .Tabcon{padding-top:60px}
.IndexBlockA .ul{margin:-5px}
.IndexBlockA .ul li{float:left;display:inline-block;padding:5px;width: 25%;}
.IndexBlockA .ul li .Box{background:#fff;display:block;padding:25px 30px;position:relative;transition:all .8s;transform:scale(1);box-shadow:0 0 10px rgba(0,0,0,0);overflow:hidden}
.IndexBlockA .ul li .Box::after{content:"";position:absolute;width:100%;padding-top:100%;background:rgba(38,127,255,.2);border-radius:100%;left:-100px;top:-150px;-webkit-animation:blob 12s linear infinite alternate;animation:blob 12s linear infinite alternate;opacity:0;-moz-transition-duration:.8s;-webkit-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.5s}
.IndexBlockA .ul li .imgwid{width:240px;max-width:100%;margin:0 auto}
.IndexBlockA .ul li .imgBox{position:relative;padding-bottom:100%}
.IndexBlockA .ul li .imgBox img{position:absolute;left:50%;top:50%;height:auto;width:100%; transform: translate(-50%,-50%);}
.IndexBlockA .ul li .title{font-size:18px;line-height:1.2em;color:#333;transition:all .8s;margin-bottom:5px;position:relative;z-index:1}
.IndexBlockA .ul li .line{position:relative;z-index:1}
.IndexBlockA .ul li .line::after{content:"";display:block;width:105px;max-width:100%;height:1px;background:transparent;margin-top:10px;transition:all .8s}
.IndexBlockA .ul li .des{font-size:14px;color:#777;height: 24px; line-height: 24px;}
.IndexBlockA .ul li .Box:hover .line::after{background:#999}
.IndexBlockA .ul li .imgh:hover .i_h{opacity:1}
.IndexBlockA .MoreBox{padding:40px 0 60px;width: 100%;text-align: center;}
@-webkit-keyframes blob{
0%,100%{border-radius:43% 77% 80% 40% / 40% 40% 80% 80%}
20%{border-radius:47% 73% 61% 59% / 47% 75% 45% 73%}
40%{border-radius:46% 74% 74% 46% / 74% 58% 62% 46%}
60%{border-radius:47% 73% 61% 59% / 40% 40% 80% 80%}
80%{border-radius:50% 70% 52% 68% / 51% 61% 59% 69%}
}
@keyframes blob{
0%,100%{border-radius:43% 77% 80% 40% / 40% 40% 80% 80%}
20%{border-radius:47% 73% 61% 59% / 47% 75% 45% 73%}
40%{border-radius:46% 74% 74% 46% / 74% 58% 62% 46%}
60%{border-radius:47% 73% 61% 59% / 40% 40% 80% 80%}
80%{border-radius:50% 70% 52% 68% / 51% 61% 59% 69%}
}
@media only screen and (min-width:1200px){
.IndexBlockA .ul li .Box::after{ opacity:0; }
.IndexBlockA .ul li .Box:hover{ z-index:1;transform:scale(1);box-shadow:0 0 10px rgba(0,0,0,.1); }
.IndexBlockA .ul li .Box:hover::after{ opacity:1; }
}
@media only screen and (max-width:1200px){
.IndexBlockA{padding: 50px 0 0;}
.IndexBlockA .Tabtit .wid{ margin:0 15px 5px}
.IndexBlockA .Tabcon{padding-top:20px}
.IndexBlockA .MoreBox{padding:35px 0 45px}
.IndexBlockA .ul li .Box{padding:15px}
.IndexBlockA .ul li .title{font-size:16px}
}
@media only screen and (max-width:768px){
.IndexBlockA{padding-top: 35px;}
.IndexBlockA .Tabtit{text-align:left;margin:-3px}
.IndexBlockA .Tabtit .wid{margin:0;padding:3px;width:20%;text-align:center}
/* .IndexBlockA .Tabtit .wid .Box{padding:10px 0px 5px;border-radius:5px} */
.IndexBlockA .Tabtit .img img{ height:auto;width:30px;padding:3px; }
.IndexBlockA .Tabtit .txt{ margin-top:0;padding: 0px 10px; height: 40px; line-height: 40px; overflow: hidden; }
.IndexBlockA .ul li{ width: 50%; }
.IndexBlockA .MoreBox{ padding:20px 0 25px; }
}
@media only screen and (max-width:480px){
	.IndexBlockA .Tabtit .wid{width: 33.33%;}
}


/* 简介 */
#IndexBlock{ padding:60px 0 70px; background-color: #fff; }
#IndexBlock .l_img{ width: 45.83%; position: relative; }
#IndexBlock .l_img:before{ display: block; content: ""; height: 100%; width: 43.9%; padding-top:43px; padding-left: 55px; position: absolute; left: -55px; top: -43px; background-color: #ececec; box-sizing: content-box; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img img{ display: block; width: 100%; }
#IndexBlock .l_img .Box{ display: block; position: relative; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img .BtnBox{ width: 43.9%; text-align: right; position: relative; padding:25px 20px; }
#IndexBlock .l_img .BtnBox span{ display: inline-block; vertical-align: middle; margin:0 2px; outline: none;}
#IndexBlock .l_img .BtnBox .line{ display: inline-block; height: 1px; width: 14px; vertical-align: middle; background-color: transparent; position: relative; top: 0px; }
#IndexBlock .l_img .BtnBox span:hover .line{ background-color: #999999; transform: translateX(0); }
#IndexBlock .l_img .BtnBox .icons{ display: inline-block; width:8px; height: 14px; vertical-align: middle; }
#IndexBlock .l_img .BtnBox .a-prev .icons{ background-position: -462px 1px; transform: translateX(2px); }
#IndexBlock .l_img .BtnBox .a-next .icons{ background-position: -496px 1px; transform: translateX(-2px); }
#IndexBlock .l_img .BtnBox .a-prev .line{ transform: translateX(2px); margin-left: 4px; }
#IndexBlock .l_img .BtnBox .a-next .line{ transform: translateX(-2px); margin-right:4px; }
#IndexBlock .r_con{ width:47.91%; padding-top: ; }
#IndexBlock .r_con .title{ position: relative; font-weight: bold; margin-bottom: 25px; }
#IndexBlock .r_con .en{ font-size: 56px; opacity: 0.08; line-height: 1.1em; }
#IndexBlock .r_con .cn{ font-size: 26px; position: absolute; left: 0; bottom: 0.4em; line-height: 1.1em; color: #333333; }
#IndexBlock .r_con .line{ position: absolute; bottom:-15px; left: 0; width: 1em; height: 2px; background-color: #c6c6c6; }
#IndexBlock .r_con .cont{ margin-bottom: 4.5%; line-height: 22px; color:#666666; font-size: 15px; line-height: 26px; }
#IndexBlock .r_con .numBox{ margin-bottom: 8%; }
#IndexBlock .r_con .numBox span{ display: inline-block; color: #333333; }
#IndexBlock .r_con .n{ display: inline-block; vertical-align: top; }
#IndexBlock .r_con .n1{ width: 30%; padding-right: 15px; }
#IndexBlock .r_con .n2{ width: 38%; padding:0 30px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
#IndexBlock .r_con .n3{ width: 30%; padding-left: 15px; }
#IndexBlock .r_con .num{ font-weight: bold; font-size: 40px; line-height: 1.1em; }
#IndexBlock .r_con .num i{ font-size: 20px; font-style: normal; }
#IndexBlock .r_con .numBox p{ color:#666666; font-size: 14px; }
#IndexBlock .icons{ background-image: url(/template/en/images/icons.png); background-repeat: no-repeat; display: inline-block; }

.MoreBox{ display: inline-block; }
.MoreBox a{ color:#666666; font-size: 14px; line-height: 45px; height: 45px; border-radius: 5px; border:1px solid #999999; padding:0 38px; display: inline-block; }
.MoreBox a i{ display: inline-block; margin-left: 10px; font-style: normal; }
.MoreBox a:hover{ background-color: #ddd; border:1px solid transparent; color:#333; }
@media only screen and (max-width: 1200px){
	#IndexBlock{ padding:60px 0 60px; }
	#IndexBlock .r_con{ padding-top: 0; }
	#IndexBlock .r_con .en{ font-size:40px; }
	#IndexBlock .r_con .cn{ font-size: 20px; }
	#IndexBlock .r_con .num{ font-size:30px; }
	#IndexBlock .r_con .numBox{ margin-bottom:5%; }
	.MoreBox a{ line-height: 36px; height: 36px; }
}
@media only screen and (max-width: 992px){
	#IndexBlock{ padding-bottom:35px; }
	#IndexBlock .l_img{ width: 100%; }
	#IndexBlock .r_con{ width: 100%; }
	#IndexBlock .r_con .title{ margin-bottom:25px; }
	#IndexBlock .r_con .cont{font-size: 14px; line-height: 24px; }
	#IndexBlock .r_con .n{ width: 48%; }
	#IndexBlock .r_con .n1{  }
	#IndexBlock .r_con .n2{ border-right: 0 none; }
	#IndexBlock .r_con .n3{ margin-top:15px; padding:0; }
}
@media only screen and (max-width: 768px){
	#IndexBlock{ padding:35px 0; }
	#IndexBlock .l_img{ width: 100%; }
	#IndexBlock .l_img:before{ display: none; }
	#IndexBlock .l_img .BtnBox{ width: 100%; text-align: center; }
	#IndexBlock .l_img .BtnBox span{ margin:0 15px; }
	#IndexBlock .r_con{ width: 100%; }
	#IndexBlock .r_con .cont{ margin-bottom: 15px; }
	#IndexBlock .r_con .numBox{ margin-bottom: 15px; }
	#IndexBlock .r_con .num{ font-size: 20px; }
	.MoreBox a{ padding:0 20px; }
	
	#IndexBlock .l_img .BtnBox{display: none;}
	#IndexBlock .r_con{margin-top: 20px;}
}


/* 新闻中心 */
.wel-news .wel-about-top-left{width:100%;text-align:center}
.wel-news{padding-top:60px;padding-bottom:70px;background:url(/template/en/images/keep-bg.jpg) no-repeat center;background-size:cover}
.wel-news-view{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.ny-worker-view{width:calc(100%+40px);margin-left:-40px}
.wel-news-view a{display:block;background:#fff}
.ny-worker-view a{width:calc(33.33% - 40px);margin-left:40px}
.wel-news-text{padding:5px 30px 30px}
.wel-news-text span{display:block;padding:25px 0 15px;font-size:15px;color:#888;font-weight: bold;}
.wel-news-text h3{font-size:20px;font-weight: normal; margin-bottom:15px;line-height:1.5;overflow:hidden;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s}
.wel-news-view a:hover .wel-news-text h3{color:#3d90cb}
.wel-news-text p{font-size:16px;color:#888;height:78px;line-height: 26px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.wel-news-pic{padding-bottom:65%}
.wel-news-pic img{ height: auto; width: 100%; max-width: none; }
.wel-news-view a:hover .wel-news-pic img{-webkit-transform:translate(-50%,-50%) scale(1.05);transform: translate(-50%,-50%) scale(1.05)}

@media screen and (max-width:1600px){
  .wel-news .t1{ font-size:22px; }
}
@media screen and (max-width:1400px){
  .wel-news .t1{font-size:20px}
  .wel-news .images{width:45%;height:auto}
  .wel-news .words .item{height:auto;padding-bottom:40px;padding-left:60px}
  .wel-news{padding-top:50px;padding-bottom:60px}
  .wel-news .item .t1,.wel-news .images .t1{line-height:24px;height:24px}
}
@media screen and (max-width:1350px){
  .wel-news .item .t1,.wel-news .images .t1{line-height:20px;font-size:16px;height:20px;margin-top:8px;margin-bottom:10px}
  .wel-news .news-ton{font-size:14px}
  .wel-news .words .item{padding-bottom:6%}
  .wel-news-text h3{font-size: 20px;line-height: 26px;}
}
@media screen and (max-width:900px){
  .wel-news{ padding: 45px 0 35px;}
  .wel-news .words:after{display:none}
  .wel-news .news-ton:before{width:30px;height:30px}
  .wel-news .images{width:100%}
  .wel-news .images img{width:100%}
  .wel-news .words{width:100%}
  .wel-news .words .item{padding-left:0;border-left:none;padding:5% 0;border-bottom:1px solid #dcdcdc}
  .wel-news .words .item:after{display:none}
  .wel-news-text{padding: 5px 20px 20px;}
}
@media screen and (max-width:750px){
  .wel-news{padding-top:35px;padding-bottom:;}
  .wel-news .words .item{padding:.5rem 0}
  .wel-news .news-ton{font-size:.24rem}
  .wel-news .item .t1,.wel-news .images .t1{font-size:.4rem;line-height:.5rem;height:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .w-news-more{text-align:left;margin-top:.65rem}
  .wel-news-text{padding: 5px 10px 10px;}
  .wel-news-text span{ padding: 10px 0 10px;}
  .wel-news-text h3{ font-size: 16px; line-height: 22px; margin-bottom: 10px;}
  .wel-news-text p{font-size: 14px; line-height: 20px; height: 60px;}
}



/* 合作伙伴 */
.i-cases{
	padding: 60px 0px 50px;
	background-color: #fff;
}
.i-cases .i_title{ margin-bottom: 0; }
.i-cases .box{
	margin-top: 45px;
}
.i-cases .box ul li{
	position: relative;
	float: left;
	width: 20%;
}
.i-cases .box ul li::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-right: #e5e5e5 solid 1px;
	border-top: #e5e5e5 solid 1px;
}
.i-cases .box ul li:nth-child(5n)::before{
	border-right: none;
}
.i-cases .box ul li:nth-child(1)::before,
.i-cases .box ul li:nth-child(2)::before,
.i-cases .box ul li:nth-child(3)::before,
.i-cases .box ul li:nth-child(4)::before,
.i-cases .box ul li:nth-child(5)::before{
	border-top: none;
}
.i-cases .box ul li::after{
	content: '';
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: 1;
	width: 60px;
	height: 60px;
	background-color: #fff;
}
.i-cases .box ul li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 155px;
	overflow: hidden;
}
.i-cases .box ul li a img{
	max-width: 50%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.i-cases .box ul li a:hover img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
@media screen and (max-width: 1024px){
	/*成功案例*/
	.i-cases{
		padding: 50px 0px;
	}
	.i-cases .box{
		margin-top: 30px;
	}
	.i-cases .box ul li{
		width: 25%;
	}
	.i-cases .box ul li a{
		line-height: 140px;
	}
	.i-cases .box ul li:nth-child(5)::before{
			border-top: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(5n)::before{
		border-right: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(4n)::before{
		border-right: none;
	}
	.i-cases .box ul li:nth-child(4n)::after{
		background: no-repeat;
	}
}
@media screen and (max-width: 768px){
	/*成功案例*/
	.i-cases{
		padding: 40px 0px;
	}
	.i-cases .box{
		margin-top: 20px;
	}
	.i-cases .box ul li{
		width: 33.33%;
	}
	.i-cases .box ul li a{
		line-height: 120px;
	}
	.i-cases .box ul li:nth-child(4)::before{
			border-top: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(4n)::before{
		border-right: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(3n)::before{
		border-right: none;
	}
	.i-cases .box ul li::after{
		width: 40px;
		height: 40px;
		right: -20px;
			top: -20px;
	}
	.i-cases .box ul li:nth-child(4n)::after{
		background: #f5f5f5;
	}
	.i-cases .box ul li:nth-child(3n)::after{
		background: no-repeat;
	}
}
@media screen and (max-width: 767px){
	/*成功案例*/
	.i-cases{
		padding: 30px 0px;
	}
	.i-cases .i_title{ padding-bottom: 0; }
	.i-cases .box{
		margin-top: 15px;
	}
  .i-cases .box ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
	.i-cases .box ul li{
		width: 50%;
	}
	.i-cases .box ul li a{
		line-height: 80px;
	}
	.i-cases .box ul li:nth-child(3)::before{
			border-top: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(3n)::before{
		border-right: #e5e5e5 solid 1px;
	}
	.i-cases .box ul li:nth-child(2n)::before{
		border-right: none;
	}
	.i-cases .box ul li::after{
		width: 36px;
		height: 36px;
		right: -18px;
			top: -18px;
	}
	.i-cases .box ul li:nth-child(3n)::after{
		background: #fff;
	}
	.i-cases .box ul li:nth-child(2n)::after{
		background: no-repeat;
	}
	.i-cases .box ul li a img{
		max-width: 60%;
	}
}



/* 优势 */
.box3{ clear:both;width:100%;height:auto;overflow:hidden;background:url(/template/en/images/bg1.jpg) no-repeat center center fixed;background-size:cover; padding: 60px 0;}
.scep_r{width:100%;}
.scep_r dl{ float:left;width:24%;height:auto;margin-right:1.3%;position:relative;min-height:500px!important;overflow:hidden}
.scep_r dl.qcbj{ margin-right:0; }
.scep_r dt{ width:100%;height:auto;overflow:hidden;position:absolute}
.scep_r dt img{ display:block;width:100%}
.scep_r dt span{ display:block;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%}
.scep_r dd{ position:absolute;width:100%;height:100%;top:177px;left:0;transition:all .5s ease}
.shuiz{ position:absolute;width:100%;height:auto;left:0;top:0;transition:all .5s ease}
.shuiz img{ display:block;max-width:100%; margin:0 auto; }
.wzoe{ width:100%;height:auto;overflow:hidden;padding:0 36px; }
.wzoe p img{ display:block;max-width:100%;margin:0 auto;margin-bottom:30px; }
.wzoe h2{ text-align:center;color:#fff;font-size:18px;line-height:30px;height:30px;overflow:hidden;margin-bottom:20px;transition:all .5s ease;}
.yine{ width:100%;height:0;overflow:hidden;transition:all .5s ease}
.yine p{ line-height:24px;font-size:15px;letter-spacing:-1px;color:#fff}
.scep_r dl:hover dd{ top:0;background:#3d90cb;height:100%;padding-top:55px}
.scep_r dl:hover dd .shuiz{ top:55px}
.scep_r dl:hover dd .yine{ height:auto}
@media(max-width:1680px){
}
@media(max-width:1600px){
.yine p{line-height:24px;font-size:14px;letter-spacing:-1px;color:#fff}
.scep_r dl{min-height:467px!important}
}
@media(max-width:1440px){
.scep_r dl{min-height:420px!important}
.scep_r dd{top:135px}
.wzoe{padding:0 28px}
.wzoe h2{margin-bottom:10px;font-size:16px;line-height:24px;overflow:hidden;height:48px}
.yine p{line-height:24px;font-size:12px;letter-spacing:-1px;color:#fff}
}
@media(max-width:1366px){
.scep_r dl{min-height:428px!important}
.scep_r dd{top:135px}
.wzoe{padding:0 28px}
.wzoe h2{margin-bottom:10px;font-size:16px;line-height:24px;overflow:hidden;height:48px}
.yine p{line-height:24px;font-size:12px;letter-spacing:-1px;color:#fff}
}
@media(max-width:1280px){
	.box3{padding: 60px 0;}
.scep_r dl{min-height:373px!important}
.scep_r dl:hover dd{ padding-top: 30px;}
.yine p{line-height: 20px;}
.wzoe h2{height: 24px;}
}
@media(max-width:1024px){
.box3{padding:40px 30px}
.scep_r{width:100%}
.scep_r dl:hover dd{padding-top:25px}
.scep_r dl:hover dd .shuiz{top:35px}
.scep_r dd{top: 100px;}
.shuiz img{max-width: 70%;}
}
@media(max-width:768px){
.box3{padding:40px 0 20px 0}
.scep_r dl{width:48%;margin-right:0;margin-bottom:20px}
.scep_r dl:nth-child(even){float:right}
.wzoe{padding: 0 15px;}
}
@media(max-width:540px){
.wzoe p img{margin-bottom:20px}
}
@media(max-width:450px){
.wzoe p img{margin-bottom:20px}
.scep_r dl{ margin-right:0;margin-bottom:15px;min-height:auto !important}
.scep_r dl:hover dd{padding-top:30px}
.scep_r dt{ position: relative;}
}