* {
	margin:0;
	padding:0
}
html,body {
	font-family:'PingFangSC-Regular','SourceHanSansCN','Microsoft YaHei',Arial,Helvetica,sans-serif,Helvetica;
	font-size:12px;
	color:#303133;
	font-weight:normal;
	font-style:normal;
	line-height:normal
}
ul {
	list-style:none
}
.clear:after {
	content:'';
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
	visibility:hidden
}
.nowrap {
	white-space:nowrap
}
.clear {
	zoom:1
}
.inline-block {
	display:inline-block
}
img {
	border:0
}
a {
	text-decoration:none;
	color:#303133
}
#J_menuTop {
	display:none
}
.clr-23 {
	color:#2376eb;
	font-size:14px
}
.two-line {
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	/*! autoprefixer:on */
}
.header {
	position:fixed;
	width:100%;
	background-color:transparent;
	height:64px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	z-index:1000;
	transition:all .2s
}
.header .content {
	position:relative;
	width:1200px;
	height:64px;
	margin:0 auto;
	clear:both
}
.header .content .logo-box {
	width:181px;
	height:25px;
	position:absolute;
	float:left;
	left:0;
	top:17px;
	background:url('../images/logo_white.png') no-repeat;
	background-size:contain
}
.header .content .m-phone-icon {
	background:url('../images/ic_home_phone.png') no-repeat center left;
	padding-left: 20px;
	color: #fff;
	background-size:16px;
	margin-left: 20px;
}
.header-white .content .m-phone-icon {
	background-image:url(../images/ic_home_phone_pre.png);
	color: #2376EB;
}
.header .content .logo-box img {
	width:100%;
	display:block
}
.header .content .menu-box {
	position:absolute;
	float:right;
	right:0;
	top:0;
	display:block
}
.header .content .menu-box .item-menu {
	display:inline-block;
	font-size:14px;
	line-height:64px;
	height:64px;
	color:#fff;
	padding:0 20px;
	position:relative;
	cursor:pointer
}
.header .content .menu-box .item-menu .h-a {
	color:#ffffff;
	height:100%;
	display:inline-block;
	line-height:64px
}
.header .content .menu-box .item-menu:last-child {
	padding:0 0
}
.header .content .menu-box .download-btn {
	width:86px;
	height:30px;
	background:linear-gradient(90deg,#ffdd85 0%,#ffbe5c 100%);
	border-radius:2px;
	color:#303133 !important;
	text-align:center;
	line-height:30px;
	margin-left:10px;
	padding:0;
	display:inline-block
}
.header .content .menu-box .download-btn:hover {
	background:linear-gradient(90deg,#dbad4d 0%,#c3872c 100%)
}
.header .content .menu-box .login-btn {
	width:58px;
	height:28px;
	line-height:28px;
	border-radius:2px;
	border:1px solid #fff;
	text-align:center;
	margin-left:20px;
	color:#ffffff;
	padding:0;
	display:inline-block
}
.header .menu-select:hover .menu-select-box {
	display:block
}
.header .menu-select-box {
	position:absolute;
	top:64px;
	left:-34px;
	background-color:#ffffff;
	z-index:10;
	padding:20px;
	box-shadow:0 2px 20px 0 rgba(0,0,0,0.2);
	display:none
}
.header .menu-select-box a.item-pro {
	display:block;
	color:#303133;
	font-size:14px;
	line-height:14px;
	text-align:center;
	margin-bottom:20px;
	white-space:nowrap
}
.header .menu-select-box a.item-pro:last-child {
	margin-bottom:0
}
.header .menu-select-box a.item-pro:hover {
	color:#2376eb
}
.page-content {
	padding-top:64px;
	overflow:hidden;
	position:relative
}
.left-menu-box {
	position:fixed;
	bottom:100px;
	right:10px;
	width:44px;
	background:#ffffff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	z-index:100;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:0 10px;
	box-sizing:border-box
}
.left-menu-box .item-menu {
	flex:1;
	width:24px;
	box-sizing:border-box;
	line-height:44px;
	text-align:center;
	cursor:pointer;
	position:relative
}
.left-menu-box .item-menu .icon {
	vertical-align:middle;
	display:inline-block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:contain
}
.left-menu-box .item-menu .re-icon {
	background-image:url(../images/left-menu/ic_relation.png)
}
.left-menu-box .item-menu .ph-icon {
	background-image:url(../images/left-menu/ic_phone.png)
}
.left-menu-box .item-menu .top-icon {
	background-image:url(../images/left-menu/top_top.png)
}
.left-menu-box .item-menu:hover .re-icon {
	background-image:url(../images/left-menu/ic_relation_bule.png)
}
.left-menu-box .item-menu:hover .ph-icon {
	background-image:url(../images/left-menu/ic_phone_bule.png)
}
.left-menu-box .item-menu:hover .tel-box,.left-menu-box .item-menu:hover .info-box {
	display:block
}
.left-menu-box .item-menu:hover .top-icon {
	background-image:url(../images/left-menu/to_top_bule.png)
}
.left-menu-box .item-menu .tel-box {
	position:absolute;
	right:20px;
	top:0;
	width:252px;
	height:44px;
	display:none;
	z-index:100
}
.left-menu-box .item-menu .tel-box .centent {
	margin-left:20px;
	overflow:hidden;
	background-color:#ffffff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	margin-right:24px;
	font-size:14px
}
.left-menu-box .item-menu .info-box {
	position:absolute;
	right:20px;
	top:-108px;
	width:252px;
	box-sizing:border-box;
	display:none;
	z-index:100
}
.left-menu-box .item-menu .info-box .centent {
	margin-left:20px;
	padding:15px 0;
	overflow:hidden;
	background-color:#ffffff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	margin-right:24px
}
.left-menu-box .item-menu .info-box .title {
	font-size:14px;
	line-height:14px
}
.left-menu-box .item-menu .info-box .code-box {
	display:flex;
	align-items:center;
	margin-top:8px;
	overflow:hidden;
	padding:0 15px
}
.left-menu-box .item-menu .info-box .code-box img {
	width:100px;
	display:block
}
.left-menu-box .item-menu .info-box .code-box .left {
	position:relative;
	overflow:hidden
}
.left-menu-box .item-menu .info-box .code-box .right {
	margin-left:20px
}
.left-menu-box .item-menu .info-box .code-box .right p {
	font-size:12px;
	line-height:20px
}
.left-menu-box .bt {
	border-bottom:1px solid #dcdfe6
}
.left-top-box {
	bottom: 30px;
}
.main-content {
	position:relative;
	overflow:hidden;
	margin-bottom:60px
}
.footer {
	position:relative;
	background-color:#2e3033;
	overflow:hidden
}
.footer .content {
	padding:50px 0 40px 0;
	position:relative;
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	clear:both
}
.footer .content .hd-box {
	position:relative;
	overflow:hidden;
	clear:both
}
.footer .content .col-left {
	float:left;
	font-size:14px;
	color:#ffffff
}
.footer .content .col-left .company-info {
	position:relative
}
.footer .content .col-left .company-info .icon {
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle
}
.footer .content .col-left .company-info .line-x {
	display:inline-block;
	border-right:1px solid rgba(255,255,255,0.5);
	line-height:14px;
	padding-right:10px;
	margin-right:10px
}
.footer .content .col-left .address-box {
	margin-top:30px
}
.footer .content .col-left .address-box p {
	line-height:14px
}
.footer .content .col-left .address-box .pt10 {
	padding-top:15px
}
.footer .content .col-right {
	float:left;
	border-left:1px solid rgba(255,255,255,0.3);
	position:relative;
	overflow:hidden;
	margin-left:60px
}
.footer .content .col-right .bt-nav-box {
	position:relative;
	overflow:hidden
}
.footer .content .col-right .bt-nav-box .item-col {
	position:relative;
	vertical-align:top;
	display:inline-block;
	font-size:0;
	margin-left:60px
}
.footer .content .col-right .bt-nav-box .item-col .tx-title {
	color:#fff;
	font-size:14px;
	line-height:14px;
	padding-bottom:20px
}
.footer .content .col-right .bt-nav-box .item-col ul {
	position:relative
}
.footer .content .col-right .bt-nav-box .item-col ul li {
	display:block;
	line-height:12px;
	padding-bottom:8px
}
.footer .content .col-right .bt-nav-box .item-col ul li a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
	opacity:.7
}
.footer .content .col-right .bt-nav-box .item-col ul li a:hover {
	opacity:1
}
.footer .content .wx-code-box {
	position:absolute;
	right:0;
	top:50px;
	text-align:center
}
.footer .content .wx-code-box p {
	color:#fff;
	font-size:12px;
	line-height:14px
}
.footer .content .btm-box {
	position:relative;
	border-top:1px solid rgba(255,255,255,0.3);
	padding-top:20px;
	margin-top:50px;
	color:#ffffff;
	opacity:.7
}
.footer .content .btm-box .pl10 {
	padding-left:10px
}
.mt20 {
	margin-top:20px
}
.center {
	text-align:center
}
.fl-l {
	float:left
}
.fl-r {
	float:right
}
.ht100 {
	height:100%
}
.w12-auto {
	width:1200px;
	margin:auto
}
.header .content .menu-box .login-btn:hover {
	background-color:#ffffff;
	color:#2376eb
}
.header-white .content .menu-box .login-btn:hover {
	color:#ffffff;
	background-color:#2376eb
}
.header-white .content .menu-box .item-menu .h-a:hover,.header-white .content .menu-box .item-menu:hover span {
	color:#2376eb
}
.header-white {
	background-color:#ffffff;
	box-shadow:0 2px 10px 0 rgba(48,49,51,0.1)
}
.header-white .content .menu-box .item-menu {
	color:#303133
}
.header-white .content .menu-box .item-menu .h-a {
	color:#303133
}
.header-white .content .logo-box {
	background-image:url(../images/logo.png)
}
.header-white .content .menu-box .login-btn {
	border-color:#2376eb;
	color:#2376eb
}
:root {
	--swiper-theme-color:#2376eb
}
.xw-video-box {
	position:relative;
	margin:80px auto 0 auto
}
.xw-video-box .title {
	font-size:34px;
	height:290px;
	width:1200px;
	position:relative;
	text-align:center;
	margin:0 auto
}
.xw-video-box .content {
	width:660px;
	height:370px;
	background:#ffffff;
	box-shadow:0 2px 25px 0 rgba(0,0,0,0.15);
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-341px;
	top:75px;
	z-index:10
}
.xw-video-box .content video {
	width:100%;
	height:100%
}
.xw-video-box .bg-img {
	width:221px;
	height:146px;
	position:absolute;
	display:block;
	top:34px;
	left:157px;
	z-index:1
}
.xw-video-box .bg--bx {
	height:234px;
	background:#f5f7fa;
	margin:auto
}
.top-baner-wrap {
	position:relative;
	margin:0 auto;
	background-image:url(../images/banner_rpa.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:400px;
	width:100%;
	background-size:cover
}
.top-baner-wrap .content {
	width:1200px;
	position:relative;
	margin:0 auto;
	height:100%;
	overflow:hidden
}
.top-baner-wrap .info-tx-wrap {
	z-index: 10;
    display: flex;
    flex-direction: column;
	width: 520px;
    justify-content: center;
    height: 100%;
    color: #fff;
}
.top-baner-wrap .info-tx-wrap .title {
	font-size:38px
}
.top-baner-wrap .info-tx-wrap .sub-info {
	font-size:16px;
	padding-top:20px;
	padding-bottom:25px;
	line-height:1.6
}
.top-baner-wrap .info-tx-wrap .d-btn {
	width:140px;
	height:40px;
	background:#2376eb;
	border-radius:2px;
	text-align:center;
	line-height:40px;
	display:inline-block;
	font-size:16px;
	color:#fff
}
.top-baner-wrap .info-tx-wrap .ext- {
	width:1440px;
	height:198px;
	background:#f5f7fa
}
.hover-btn:hover {
	background-color:#4f92ef !important
}
.cl-60 {
	color:#606266
}
.cl-b {
	color:#2376eb
}
.fnt-w50 {
	font-weight:500
}
.left-menu-box .item-menu .demand-icon {
	background-image:url('../images/left-menu/ic_demand@2x.png')
}
.left-menu-box .item-menu .demand-icon:hover {
	background-image:url('../images/left-menu/ic_demand@2x(1).png')
}
.left-menu-box .item-menu .mark-icon {
	background-image:url('../images/left-menu/ic_alliance_business@2x.png')
}
.left-menu-box .item-menu .mark-icon:hover {
	background-image:url('../images/left-menu/ic_alliance_business@2x(1).png')
}
