/*公共样式*/
.banner {
	background: url(../img/banner3.jpg) no-repeat center center;
	width: 100%;
	height: 400px;
	background-size: 100%;
}

.banner .banner_p1 {
	font-size: 4vw;
	font-weight: 400;
	padding: 6% 0 0 10%;
}

.banner .banner_p2 {
	font-size: 1vw;
	padding: 1% 0 0 10%;
}

.banner .banner_button {
	width: 100%;
	height: 30px;
	padding: 2% 0 0 10%;
}

.banner_button .banner_a1 {
	width: 90px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
	float: left;
	background: linear-gradient(142deg, #ff7800, #f16875);
}

.banner_button .banner_a2 {
	width: 95px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #ff7800;
	font-weight: 400;
	text-align: center;
	float: left;
	margin-left: 30px;
}

.banner_button .banner_a3 {
	width: 140px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #ff7800;
	font-weight: 400;
	float: left;
}

.banner_button .banner_a2 img {
	width: 30px;
	float: left;
}

.banner_button .banner_a1:hover {
	filter: blur(1px);
}

/*产品页*/
.product {
	width: 100%;
	height: auto;
}

.product h3 {
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
}

.product_one {
	width: 100%;
	margin: 0 auto;
	height: 520px;
}

.product_one_con {
	width: 100%;
	margin: 0 auto;
}

.product_one_left {
	width: 50%;
	float: left;
	padding: 40px;
}

.product_one_left .product_one_l1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

.product_one_left .product_one_l2 {
	font-size: 16px;
	line-height: 32px;
}

.product_one_left .product_one_l3 {
	width: 45%;
	float: left;
	border: 1px solid #ff7800;
	padding: 15px 20px;
	height: 70px;
	margin: 2% 5% 0 0;
	border-radius: 10px;
}

.product_one_left .product_one_l3 img {
	width: 40px;
	margin-right: 20px;
	float: left;
}

.product_one_left .product_one_l3 p {
	font-size: 16px;
	line-height: 38px;
}

.product_one_right {
	width: 50%;
	float: left;
}

.product_one_right img {
	width: 80%;
}

.product_two {
	width: 100%;
	margin: 0 auto;
	height: 280px;
	background: #f7f7f7;
	padding-top: 40px;
}

.product_two_con {
	width: 100%;
	margin: 0 auto;
}

.product_two_con ul {
	margin: 40px 0;
}

.product_two_con .product_two_l1 {
	width: 25%;
	float: left;
	height: 100px;
	padding: 20px 10px;
}

.product_two_l1 .product_two_a {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
	border-radius: 50%;
	background-color: #ff7800;
	/* backdrop-filter: blur(5px); */
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-right: 20px;
}

.product_two_l1 .product_two_p1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

.product_two_l1 .product_two_p2 {
	font-size: 12px;
	line-height: 24px;
	color: #a9a9a9;
}

.product_two_l1:hover {
	background: #fff;
	border-radius: 15px;
	box-shadow: -5px 0px 20px 5px rgba(82, 88, 120, 0.15);
	transform: scale(1.02);
}

.product_two_l1:hover .product_two_p1 {
	color: #ff7800;
}

.product_two_l1:hover .product_two_a {
	animation: bounce 3s infinite;
}


@keyframes product_two_a {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

.product_three {
	width: 100%;
	margin: 0 auto;
	height: 460px;
	padding-top: 40px;
}

.product_three_con {
	width: 100%;
	margin: 0 auto;
}

.product_three_con ul {
	margin-top: 40px;
}

.product_three_con li {
	width: 16.6%;
	height: 300px;
	float: left;
	padding: 40px 20px;
	color: #ff7800;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.product_three_con li:hover {
	color: #fff;
	box-shadow: -5px 0px 20px 5px rgba(82, 88, 120, 0.15);
	transform: scale(1.02);
}

.product_three_con hr {
	background-color: #ff7800;
	margin-top: 10px;
}

/*
游戏行业
金融行业
电商行业
教育行业
安防领域
互联网行业
直播行业
保险行业
支付业务
物流行业
共享行业
呼叫中心
社交行业
营销行业
零售行业
餐饮行业
批发工厂
*/

.product_three_con .product_three_l1 {
	background: url(../img/bgx1.png) no-repeat center center;
}

.product_three_con .product_three_l2 {
	background: url(../img/bgx2.png) no-repeat center center;
}

.product_three_con .product_three_l3 {
	background: url(../img/bgx3.png) no-repeat center center;
}

.product_three_con .product_three_l4 {
	background: url(../img/bgx4.png) no-repeat center center;
}

.product_three_con .product_three_l5 {
	background: url(../img/bgx5.png) no-repeat center center;
}

.product_three_con .product_three_l6 {
	background: url(../img/bgx6.png) no-repeat center center;
}

.product_three_con .product_three_l7 {
	background: url(../img/bgx7.png) no-repeat center center;
}

.product_three_con .product_three_l8 {
	background: url(../img/bgx8.png) no-repeat center center;
}

.product_three_con .product_three_l9 {
	background: url(../img/bgx9.png) no-repeat center center;
}

.product_three_con .product_three_l10 {
	background: url(../img/bgx10.png) no-repeat center center;
}

.product_three_con .product_three_l11 {
	background: url(../img/bgx11.png) no-repeat center center;
}

.product_three_con .product_three_l12 {
	background: url(../img/bgx12.png) no-repeat center center;
}

.product_three_con .product_three_l13 {
	background: url(../img/bgx13.png) no-repeat center center;
}

.product_three_con .product_three_l14 {
	background: url(../img/bgx14.png) no-repeat center center;
}

.product_three_con .product_three_l15 {
	background: url(../img/bgx15.png) no-repeat center center;
}

.product_three_con .product_three_l16 {
	background: url(../img/bgx16.png) no-repeat center center;
}

.product_three_con .product_three_l17 {
	background: url(../img/bgx17.png) no-repeat center center;
}

.product_three_con .product_three_l1:hover {
	background: url(../img/bg1.png) no-repeat center center;
}

.product_three_con .product_three_l2:hover {
	background: url(../img/bg2.png) no-repeat center center;
}

.product_three_con .product_three_l3:hover {
	background: url(../img/bg3.png) no-repeat center center;
}

.product_three_con .product_three_l4:hover {
	background: url(../img/bg4.png) no-repeat center center;
}

.product_three_con .product_three_l5:hover {
	background: url(../img/bg5.png) no-repeat center center;
}

.product_three_con .product_three_l6:hover {
	background: url(../img/bg6.png) no-repeat center center;
}

.product_three_con .product_three_l7:hover {
	background: url(../img/bg7.png) no-repeat center center;
}

.product_three_con .product_three_l8:hover {
	background: url(../img/bg8.png) no-repeat center center;
}

.product_three_con .product_three_l9:hover {
	background: url(../img/bg9.png) no-repeat center center;
}

.product_three_con .product_three_l10:hover {
	background: url(../img/bg10.png) no-repeat center center;
}

.product_three_con .product_three_l11:hover {
	background: url(../img/bg11.png) no-repeat center center;
}

.product_three_con .product_three_l12:hover {
	background: url(../img/bg12.png) no-repeat center center;
}

.product_three_con .product_three_l13:hover {
	background: url(../img/bg13.png) no-repeat center center;
}

.product_three_con .product_three_l14:hover {
	background: url(../img/bg14.png) no-repeat center center;
}

.product_three_con .product_three_l15:hover {
	background: url(../img/bg15.png) no-repeat center center;
}

.product_three_con .product_three_l16:hover {
	background: url(../img/bg16.png) no-repeat center center;
}

.product_three_con .product_three_l17:hover {
	background: url(../img/bg17.png) no-repeat center center;
}

/*帮助文档*/
.doc {
	width: 100%;
	height: auto;
}

.doc_con {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}

.doc_con .doc_left {
	width: 15%;
	float: left;
	position: relative;
	background-color: #f7f7f7;
}

.doc_ulone li {
	width: 100%;
	padding: 10px 40px;
	display: flex;
	flex-flow: row wrap;
}

.doc_ulone li>p {
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	margin-left: 5px;
}

.doc_ulone li:hover p {
	color: #ff7800;
}

.doc_ulone li:hover .doc_ultwo {
	display: block;
}

.doc_ulone li:hover img {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	height: 10px;
}

.doc_ulone img {
	width: 10px;
	float: left;
	margin: 10px 0;

}

.doc_li img {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	height: 10px;
}

.doc_li p {
	color: #ff7800;
}

.doc_ultwo {
	display: none;
	position: relative;
}

.doc_ultwo .li_ac {
	color: #ff7800;
}

.doc_ultwo li {
	width: 100%;
	font-size: 12px;
	padding: 5px 22px;
}

.doc_ultwo li:hover a {
	color: #ff7800;
}

.doc_con .doc_right {
	width: 85%;
	float: left;
	height: auto;
	position: relative;
	padding: 0 30px;
	margin-bottom: 60px;
}

.doc_right h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
}

.doc_right .doc_tit1 {
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
}

.doc_right .doc_box {
	font-size: 12px;
	line-height: 24px;
}

.doc_right table {
	width: 900px;
	height: auto;
}

.doc_right th {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	border: 1px solid #000;
	text-align: center;
	background-color: #f7f7f7;
}

.doc_right td {
	font-size: 14px;
	line-height: 28px;
	border: 1px solid #000;
	text-align: center;
}

.doc_right pre {
	border-radius: 4px;
	overflow: auto;
	white-space: pre-wrap;
	padding: 10px;
	background-color: #000;
	font-size: 12px;
	color: #fff;
	width: 900px;
}

/*资讯中心*/
.news {
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
}

.news_con {
	width: 100%;
	position: relative;
	padding: 40px 200px;
}

.news_list {
	list-style-type: none;
	padding: 0;
}

.news_list li {
	padding: 15px 0;
	border-bottom: 1px solid #fff;
	height: 200px;
}

.news_list .news_img {
	width: 25%;
	float: left;
	text-align: center;
}

.news_list .news_img img {
	width: 240px;
}

.news_list .news_tit {
	width: 75%;
	float: left;
	height: 30px;
}

.news_tit p {
	font-size: 16px;
	color: #000;
}

.news_list .news_des {
	width: 75%;
	float: left;
	height: 70px;
}

.news_des p {
	font-size: 14px;
	color: #9d9b9b;
}

.news_list .news_time {
	width: 75%;
	float: left;
	height: 30px;
}

.news_time p {
	font-size: 12px;
	color: #d5d4d4;
}

.news_page {
	width: 100%;
	margin: 60px auto;
	height: 33px;
	text-align: center;
}

.page_link {
	padding: 5px 10px;
	text-decoration: none;
	color: #ff7800;
	border: 1px solid #ff7800;
	margin: 0 5px;
	display: inline-block;
}

.news_list .news_button {
	width: 75%;
	height: 30px;
	margin: 20px auto;
}

.news_list .news_button a {
	padding: 5px;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: 400;
	background: linear-gradient(142deg, #ff7800, #f16875);
}

.news_button a:hover {
	filter: blur(1px);
}

.news_nav {
	width: 100%;
	height: 30px;
}

.news_nav a {
	font-size: 12px;
}

.news_nav a:hover {
	color: #ff7800;
}

.news_one {
	font-size: 16px;
	color: #000;
	line-height: 32px;
	font-weight: bold;
}

.news_two {
	font-size: 12px;
	color: #9d9b9b;
	line-height: 24px;
}

.news_three {
	margin-top: 30px;
}

.news_three p {
	font-size: 14px;
	color: #000;
	line-height: 30px;
	text-indent: 2em;
	margin: 10px 0;
}

.news_three .news_threeimg {
	text-align: center;
	margin: 30px 0;
	text-indent: 0;
}

.news_three img {
	width: 400px;
	text-align: center;
}

/*关于我们*/
.abouts {
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
}

.abouts_con {
	width: 100%;
	position: relative;
	padding: 40px 200px;
}

.abouts_one {
	height: 700px;
}

.abouts_p {
	text-indent: 2em;
	margin: 30px 0;
	font-size: 16px;
	line-height: 32px;
}

.abouts_tit {
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}

.abouts_tit span {
	border-left: 5px solid #ff7800;
	border-radius: 5px;
	height: 30px;
}

.abouts_left {
	width: 40%;
	float: left;
	border: 1px solid #dedede;
	padding: 50px;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 8%),
		-2px -2px 5px rgba(0, 0, 0, 8%);
}

.abouts_leftimg img {
	width: 100%;
}

.abouts_leftbox p {
	font-size: 18px;
	line-height: 32px;
	margin: 10px 0;
	font-weight: bold;
	text-align: left;
}

.abouts_leftbox ul>li {
	font-size: 16px;
	line-height: 32px;
	text-align: left;
}

.abouts_right {
	width: 60%;
	float: left;
	padding-left: 60px;
}

.abouts_right .abouts_rightp {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 10px;
}

.abouts_righttit {
	font-size: 18px;
	line-height: 32px;
	margin: 30px 0;
	font-weight: bold;
	text-align: left;
}

.abouts_right ul>li {
	font-size: 16px;
	line-height: 32px;
	text-align: left;
}

.abouts_right li>span {
	color: #ff7800;
	font-weight: bold;
}

.abouts_tit p {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-left: 10px;
	width: 100%;
}

.abouts_ul {
	height: 200px;
}

.abouts_ul ul>li {
	float: left;
	width: 30%;
	height: 180px;
	padding: 2% 3%;
	text-align: left;
	background: url(../img/abbg2.png) no-repeat center center;
	border-radius: 10px;
}

.abouts_ul .abouts_p1 {
	font-size: 22px;
	font-weight: bold;
	color: #ff7800;
	margin-bottom: 15px;
}

.abouts_ul .abouts_p2 {
	font-size: 16px;
	color: #6a6a6a;
}

.abouts_ul li:hover .abouts_p1 {
	color: #fff;
}

.abouts_ul li:hover .abouts_p2 {
	color: #fff;
}

.abouts_ul .abouts_li02 {
	margin: 0 5%;
}

.abouts_ul li:hover {
	background: url(../img/abbgx.png) no-repeat center center;
}

.abouts_call_img {
	width: 50%;
	float: left;
}

.abouts_three {
	height: 200px;
	margin-top: 30px;
}

.abouts_info {
	height: 300px;
}

.abouts_call {
	width: 50%;
	float: left;
	border: 1px solid #fff;
}

.abouts_call ul>li {
	font-size: 16px;
	line-height: 32px;
}

.abouts_ys {
	margin-left: -20px;
	margin-right: -20px;
	row-gap: 0px;
	visibility: visible;
	animation-name: fadeInUp;
	display: flex;
	flex-flow: row wrap;
	min-width: 0;
}

.abouts_yscon {
	--ant-display: block;
	display: block;
	display: var(--ant-display);
	flex: 0 0 25%;
	max-width: 25%;
	padding-left: 20px;
	padding-right: 20px;
}

.abouts_img {
	width: 70px;
	height: 70px;
	margin: 10px auto;
}

.abouts_t1 {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.abouts_t2 {
	font-size: 16px;
	text-align: center;
	color: #64698b;
	line-height: 24px;
}