@charset "UTF-8";

.wrap{
	width: 1200px;
	margin: 0 auto;
}

.RPA-introduce{
	width: 100%;
	padding-bottom: 80px;
}

.RPA-introduce h2{
	font-size: 32px;
	color: #314a82;
	padding: 62px 0 40px;
	text-align: center;
}

.RPA-introduce h3{
	font-size: 22px;
}

.RPA-desc-items{
	display: flex;
	justify-content: space-between;
}

.RPA-desc-items>img{
	margin-top: 26px;
}

.RPA-desc-text{
	width: 670px;
	padding-right:37px;
}

.RPA-desc-text>h2{
	text-align: left;
	padding-bottom: 30px;
}

.RPA-desc-text>p{
	font-size: 15px;
	color: #666;
	line-height: 30px;
	margin-bottom: 14px;
}

.RPA-desc-text>a{
	background-color: #396dff;
	border-radius: 25px;
	display: block;
	width: 280px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	margin-top: 50px;
}

.RAP-cases-list{
	width: 100%;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 40px;
}

.RAP-cases-list>a{
	width: 286px;
	height: 100px;
	text-align: center;
	font-size: 14px;
	color: #666;
	background-image: url(../images/case-video-bg.png);
    cursor: pointer;
    margin-top: 20px;
    
}

.RAP-cases-list>a>img{
	margin: 12px auto 8px;
}

.RPA-values-list,.RPA-helps-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.RPA-values-list>li,.RPA-helps-list>li{
	border-radius: 10px;
	background-color: #fff;
	width: 224px;
	height: 188px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.RPA-helps-list>li{
	width: 386px;
	height: 320px;
	padding: 0 20px;
}

.RPA-values-list>li>img{
	width: 68px;
	height: 68px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.RPA-helps-list>li>img{
	width: 100px;
	height: 100px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.RPA-helps-list>li>h3{
	margin-bottom: 20px;
}

.RPA-values-list>li>p,.RPA-helps-list>li>p{
	padding: 0 25px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 24px;
	width: 100%;
}

.RPA-process-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.RPA-process-list>li{
	width: 240px;
	text-align: center;
	padding: 20px 30px;
}

.RPA-process-list>li:nth-child(even){
	position: relative;
	top: -100px;
}

.RPA-process-list>li>p{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	line-height: 24px;
}

.platform-background-text{
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 0 16px;
	text-indent: 2em;
	line-height: 26px;
}

.RPA-advantages-switch{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.RPA-advantages-switch>a{
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 60px 0 30px;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	cursor: pointer;
}

.RPA-advantages-switch>a.current{
    -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
}

.RPA-advantages-switch>a.current h3{
	color: #1559f1;
}

.RPA-advantages-switch>a>img{
	margin-bottom: 30px;
	width: 80px;
	height: 80px;
}

.RPA-advantages-list>li{
	width: 100%;
	border-radius: 0 0 10px 10px;
	border-top: 4px solid #1559f1;
	padding: 50px 70px;
	background-color: #fff;
	display: none;
}

.RPA-advantages-list>li>p{
	font-size: 15px;
	color: #666;
	line-height: 30px;
}

.RPA-use-case-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.RPA-use-case-list>li{
	width: 285px;
	height: 320px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.05);
	margin-bottom: 20px;
	text-align: center;
	padding: 0 20px;
}

.RPA-use-case-list>li img{
	width: 72px;
	height: 72px;
	margin-top: 22px;

}

.RPA-use-case-list>li h3{
	font-size: 18px;
	color: #f0f0f1;
	font-weight: bold;
	margin: 22px auto 10px;
}

.RPA-use-case-list>li p{
	font-size: 14px;
	color: #dfe0e2;
	line-height: 24px;
	text-align: left;
}

.RPA-platform-framework-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.RPA-platform-framework-list>li{
	width: 250px;
	text-align: center;
}

.RPA-platform-framework-list>li img{
	width: 88px;
	height: 88px;
}

.RPA-platform-framework-list>li h2{
	margin: 20px 0 10px;
}

.RPA-platform-framework-list>li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	text-align: left;
}

.RPA-platform-characteristic-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.RPA-platform-characteristic-list>li{
	width: 286px;
	height: 320px;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 0 20px;
}

.RPA-platform-characteristic-list>li img{
	width: 72px;
	height: 72px;
	margin-top: 30px;
}

.RPA-platform-characteristic-list>li h3{
	margin: 30px auto 20px;
}

.RPA-platform-characteristic-list>li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	text-align: left;
}

.RPA-and-bigdata-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.RPA-and-bigdata-list>li{
	width: 390px;
	height: 420px;
	padding: 220px 32px 0;
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px solid #e1e4e5;
	border-radius: 10px;
	background-size: 390px auto;
	text-align: center;
}

.RPA-and-bigdata-list>li:first-child{
	background-image: url(../images/RPA-and-bigdata-01.png);
}

.RPA-and-bigdata-list>li:nth-child(2){
	background-image: url(../images/RPA-and-bigdata-02.png);
}

.RPA-and-bigdata-list>li:last-child{
	background-image: url(../images/RPA-and-bigdata-03.png);
}

.RPA-and-bigdata-list>li p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	text-align: left;
	margin-top: 10px;
}

.navigation-menus{
	width: 88px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	border: 1px solid #e1e4e5;
	position: absolute;
	top: 645px;
	left: 50%;
	margin-left: -690px;
	overflow: hidden;
	background-color: #fff;
	z-index: 100000;
}

.navigation-menus>a{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #666;
	padding: 12px 0;
	border-bottom: 1px solid #e1e4e5;
	cursor: pointer;
}

.navigation-menus>a.current{
	background-color: #396dee;
	color: #fff;
	border-bottom: 1px solid #396dee;
}

.navigation-menus>a:hover{
	background-color: #618aff;
	color: #fff;
	border-bottom: 1px solid #618aff;
}

.navigation-menus>a:last-child{
	border-bottom: none;
}

/* rpa产品 */
.RPA-productivity{
	background-image: url(../images/RPA-productivity-bg.jpg);
}

.RPA-productivity h2{
	color: #fff;
}

.RPA-productivity h2+p{
	color: #D8E0EC;
	font-size: 20px;
	width: 100%;
	text-align: center;
	margin-top: -30px;
}

.RPA-productivity-list{
	margin-top: 70px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.RPA-productivity-list>li{
	width: 300px;
}

.RPA-productivity-list>li>img{
	width: 100%;
	height: 120px;
	border-radius: 5px;
	overflow: hidden;
}

.RPA-productivity-list>li>p{
	color: #fff;
	margin-top: 20px;
	line-height: 24px;
}

/* rpa优势 */
.advantage-banner{
	width: 100%;
	background-image: url(../images/advantage-banner-bg.jpg);
	height: 380px;
}

@media screen and (max-width:1024px){
	.RPA-introduce {
		padding: 1rem;
	}
	.RPA-desc-items{
		align-items: flex-start;
	}
	.RPA-desc-items>img {
		margin-top: 4rem;
		width: 40%;
	}
	.RPA-introduce h2 {
		padding: 62px 0 40px;
	}
	.RAP-cases-list {
		width: 100%;
		margin-top: 1rem;
	}
	.RAP-cases-list>a {
		width: 32%;
		overflow: hidden;
		background-size: cover;
		border-right: 1px solid #5FB8FF;
		border-left: 1px solid #5FB8FF;
		padding: .5rem 0;
		height: auto;
	}
	.RAP-cases-list::after{
		width: 32%;
		content: '';
	}
	.RPA-platform-characteristic-list>li {
		width: 23%;
		height: auto;
		background-color: #fff;
		border-radius: 10px;
		text-align: center;
		padding: 0 1rem;
	}
	.RPA-productivity-list>li {
		width: 32%;
	}
	.RPA-platform-framework-list>li {
		width: 23%
	}
	.RPA-introduce img{
		max-width: 100%;
	}
	.RPA-desc-text {
		padding-right: 0;
	}
	
	.advantage-banner {
		height: 12rem;
	}
	.RPA-introduce{
		background-size: cover;
		padding-bottom: 1rem;
	}
	.RPA-introduce .container>img{
		max-width: 100%;
		height: auto !important;
	}
	.RPA-introduce>.container{
		padding: 1rem 0;
	}

	.RPA-values-list>li, .RPA-helps-list>li {
		height: auto;
		padding: 1rem 0;
	}

	.RPA-values-list>li{
		width: 19%;
	}

	.RPA-helps-list>li {
		width: 32%;
	}
	.RPA-use-case-list::after {
		width: 32%;
		content: '';
	}
	.RPA-use-case-list>li {
		width: 32%;
		height: auto;
		padding: 1rem;
	}


}

@media screen and (max-width:767px){
	.RPA-desc-items{
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.RPA-introduce h2 {
		padding: 1.2rem 0 1rem;
		font-size: 1.6rem;
	}
	.RPA-desc-items>img {
		width: 60%;
	}
	.RPA-desc-text {
		width:100%
	}
	.RPA-desc-text>a {
		display: block;
		width: 220px;
		height: 2.4rem;
		text-align: center;
		line-height: 2.4rem;
		font-size: 1rem;
		color: #fff;
		margin-top: 1rem;
	}
	.RAP-cases-list {
		margin-top: 0;
	}
	.RAP-cases-list>a {
		width: 48%;
		margin: 0 0 1rem;
	}
	.RPA-platform-characteristic-list {
		flex-wrap: wrap;
	}
	.RPA-platform-characteristic-list>li {
		width: 100%;
		height: auto;
		background-color: #fff;
		border-radius: 10px;
		text-align: center;
		padding: 1rem;
		margin-bottom: 1rem;
	}
	.RPA-productivity {
		background-size: cover;
	}
	.RPA-productivity h2+p {
		font-size: 1rem;
		margin-top: 0;
	}
	.RPA-productivity-list{
		flex-direction: column;
	}
	.RPA-productivity-list>li {
		width: 100%;
		border: 1px solid #e1e4e5;
		margin-bottom: 1rem;
		border-radius: 5px;
	}
	.RPA-productivity-list>li>p {
		color: #fff;
		margin-top: 0rem;
		line-height: auto;
		padding: 1rem;
	}
	.platform-background-text {
		padding: 0 ;
	}
	.RPA-advantages-switch>a {
		padding: 1rem 0;
		width: 22%;
	}

	.RPA-advantages-switch>a>img {
		width: 60%;
		height: auto;
		margin-bottom: 1rem;
	}

	.RPA-advantages-switch>a>h3 {
		font-size: .8rem;
		text-align: center;
		margin: 0;
	}
	.RPA-advantages-list>li {
		padding: 1rem;
	}
	.RPA-platform-framework-list>li {
		width: 100%;
		padding: 1rem;
	}
	.RPA-platform-framework-list {
		flex-direction: column;
	}
	.RPA-introduce h3 {
		font-size: 1rem;
		margin: 1rem 0;
	}
	#RPA-framework .container>img{

		margin-top: 1rem !important;
	}
	.bottom-banner {
		width: 100%;
		height: auto;
		padding: 1rem;
	}
	.bottom-banner>p {
		font-size: 1rem !important;
		font-weight: normal !important;
	}
	.RPA-introduce h2 {
		font-size: 1.6rem;
		padding: 1rem 0;
	}
	.RPA-introduce h3 {
		font-size: 1.2rem;
	}
	.RPA-values-list,.RPA-helps-list{
		flex-direction: column;
	}
	.RPA-values-list>li, .RPA-helps-list>li {
		width: 100%;
		margin-bottom: 1rem;
	}
	.RPA-use-case-list>li {
		width: 48%;
		height: auto;
		padding: 0 1rem;
	}
	.RPA-use-case-list>li>img {
		width: 36%;
		height: auto;
	}
	.RPA-use-case-list>li h3 {
		font-size: 1rem;
		margin: .5rem 0;
	}
	.RPA-process-list {
		flex-direction: column;
	}
	.RPA-process-list>li {
		width: 100%;
		text-align: left;
		padding: 1rem 0 0;
	}
	.RPA-process-list>li h3 {
		font-size: 1rem;
	}
	.RPA-process-list>li:nth-child(even) {
		position: relative;
		top: 0;
	}
	.RPA-use-case-list>li p {
    padding-bottom: 1rem;
}
	
}