@media screen and (min-width:1523px){
    .absorbed_img {
    height: calc(75vw* 0.4907* 757 / 687);
    height: calc(var(--mainwidth)* 0.4907* 570 / 784);
}
}

@media screen and (max-width:1023px)and (min-width:300px)
{
	
	/*标题*/
	.id_title{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.reveal em{
		font-style: normal;
	}
	.id_title_left{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.id_title_b{
		font-size: 2rem;
		font-family: opb;
		color: rgba(0,0,0,0);
	}
	.id_title_l{
		font-size:1.125rem;
		color: rgba(0,0,0,0);
		margin-top: 0.5rem;
	}
	.id_title_lefton .reveal em {
		animation: reveal3 0.3s forwards;
		-webkit-animation: reveal3 0.3s forwards;
	}


	@keyframes reveal3
	{
		from {
			background-color: #0c40b3;
			color: #FFFFFF;
		}
		to {
			color: rgba(0,0,0,0.9);
			background-color: transparent;
		}
	}

	@-webkit-keyframes reveal3
	{
		from {
			background-color: #0c40b3;
			color: #FFFFFF;
		}
		to {
			color: rgba(0,0,0,0.9);
			background-color: transparent;
		}
	}
	.id_title_right{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 0.5rem;
	}
	.id_title_right font{
		position: relative;
		display: inline-block;
		width: auto;
		height: auto;
		font-size: 1.125rem;
		color: rgba(0,0,0,0);
		line-height: 140%;
		overflow: hidden;
	}

	.id_title_righton font:nth-child(1){
		animation: id_t_right_p 0.8s linear forwards;
		-webkit-animation: id_t_right_p 0.8s linear forwards;
	}
	.id_title_righton font:nth-child(3){
		animation: id_t_right_p 0.8s 0.8s linear forwards;
		-webkit-animation: id_t_right_p 0.8s 0.8s linear forwards;
	}
	@keyframes id_t_right_p
	{
		50% {
			color: rgba(0,0,0,0);
		}
		100% {
			color: rgba(0,0,0,0.9);
		}
	}

	@-webkit-keyframes id_t_right_p
	{
		50% {
			color: rgba(0,0,0,0);
		}
		100% {
			color: rgba(0,0,0,0.9);
		}
	}
	.id_title_right font:after{
		width: 0%;
		height: 100%;
		background: #0d41b3;
		position: absolute;
		content: '';
		left: 0;
		top: 0;
	}
	.id_title_righton font:nth-child(1):after{
		animation: id_t_right_after 0.8s linear forwards;
		-webkit-animation: id_t_right_after 0.8s linear forwards;
	}
	.id_title_righton font:nth-child(3):after{
		animation: id_t_right_after 0.8s 0.8s linear forwards;
		-webkit-animation: id_t_right_after 0.8s 0.8s linear forwards;
	}

	@keyframes id_t_right_after
	{
		50% {
			width: 100%;
		}
		100% {
			width: 0%;
			left: auto;
			right: 0;
		}
	}

	@-webkit-keyframes id_t_right_after
	{
		50% {
			width: 100%;
		}
		100% {
			width: 0%;
			left: auto;
			right: 0;
		}
	}

	.id_title_more{
		display: inline-block;
		width: 4rem;
		height: 4rem;
		border-radius: 50%;
		font-size: 0.875rem;
		color: rgba(0,0,0,0.9);
		font-family: arial;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		border: 1px solid rgba(0,0,0,0.9);
		margin-top: 0.5rem;
	}
	/*首页*/

	/*banner*/
	.banner{
		width: 100%;
		height: 100vh;
		position: relative;
		z-index: 0;
	}
	.banner_img{
		/* position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0; */
	}
	.banner_img>img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.banner_con{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 5;
		font-family: "PingFang SC","Microsoft YaHei";
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		font-size: 1.5rem;
		line-height: 180%;
		font-weight: bold;
		color: #FFFFFF;
		letter-spacing: 0.7rem;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}
	.banner_conon{
		font-size: 2.25rem;
	}
	/*服务*/
	.id_server_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		background: #FFFFFF;
		border-radius: 8px;
		padding: 1rem;
		position: relative;
		z-index: 5;
		margin-top: 2rem;
		padding-top: 3rem;
	}
	.id_server{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.id_server_item{
		width: 48.5%;
		height: calc(94vw * 0.49 * 1.3);
		position: relative;
		margin-top: 3%;
	}
	.id_server_iteml{
		width: 100%;
		height: 100%;
		background: #eeeff3;
		border-radius: 8px;
		position: relative;
		padding-bottom: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
    
	.id_server_item:hover .id_server_iteml{
		background: #0d41b3;
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.2);
	}
	.id_server_count{
		font-size: 1.25rem;
		color: #000000;
		font-family: db;
		position: absolute;
		z-index: 5;
		top: 0.8rem;
		left: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_server_item:hover .id_server_count{
		color: #FFFFFF;
		font-size: 1.5rem;
	}
	.id_server_title{
		font-size: 1.25rem;
		color: #000000;
		font-family: opm;
		position: absolute;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 5;
		bottom: 3rem;
		right: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_server_item:hover .id_server_title{
		color: #FFFFFF;
		font-size: 1.5rem;
	}
	.id_server_en{
		position: absolute;
		width: 100%;
		height: 3rem;
		line-height: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		z-index: 0;
		font-weight: bold;
		font-size: 2rem;
		font-family: arial;
		text-transform: uppercase;
		color: rgba(0,0,0,0.07);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		left: 0;
		bottom: 0;
	}
	.id_server_item:hover .id_server_en{
		color: rgba(255,255,255,0.04);
		font-size: 2rem;
	}
	.id_server_img{
		width: 90%;
		height: calc((94vw - 2rem) * 0.485 * 0.9 / 4 * 3);
		margin: 0 auto;
		position: relative;
		z-index: 3;
		background-position: center 0rem;
		background-repeat: no-repeat;
		background-size: 100% auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_server_img_website{
		background-image: url("../images/id_server_website.png");
	}

	.id_server_item:hover .id_server_img{
		animation: id_server 2s steps(25) infinite;
		-webkit-animation: id_server 2s steps(25) infinite;
		transform: scale(1.05);
	}
	@keyframes id_server {
		from{
			background-position:center 0 ;
		}
		to{
			background-position:center 0 ;
		}
	}

	@-webkit-keyframes id_server
	{
		from{
			background-position:center 0 ;
		}
		to{
			background-position:center 0 ;
		}
	}
	/*案例*/
	.id_case_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		margin-top: 3rem;
	}
	.id_case_box .id_title{
		padding-bottom: 1rem;
	}
.id_case{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.id_case_item{
	width: 49%;
	height:calc(94vw * 0.49 * 2.5 / 4);
	position: relative;
	margin-top: 2%;
}
.id_case_iteml{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
	padding: 0rem;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.id_case_item32{
	width: 49%;
}
.id_case_item66{
	width: 49%;
}
.id_case_itemon{
	
}
.id_case_item_img{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.id_case_item_img>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.id_case_item_back{
	position: absolute;
	width:100%;
	height: 60%;
	background-image: linear-gradient(to top,rgba(0,0,0,0.3),transparent);
	z-index: 5;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.id_case_itemon .id_case_item_back{
	
}

.id_case_item_logo{
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.id_case_item_logo>img{
	height:2rem;
	width: auto;
}
.id_case_item_title{
	display: none;
}
.id_case_itemon .id_case_item_title{
	
}


	.id_case_more{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top:2rem;
	}
	.id_case_more>a{
		display: inline-block;
		width: auto;
		height: auto;
		font-size: 5.7rem;
		font-family: "Arial";
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		text-shadow: 0px 15px 15px rgba(0,0,0,0.1);
		transform: translateY(-2px) scale(1.01);
	}
	.id_case_more>a:hover{
		color: #FFFFFF;
		text-shadow: 0px 15px 15px rgba(0,0,0,0.1);
		transform: translateY(-2px) scale(1.01);
	}
	.id_case_box .investment_title{
		width: 100%;
		margin-top: 15px;
		justify-content: center;
	}
	.id_case_box .investment_title>div{
		font-size: 1.2rem;
		padding: 5px 20px;
	}


	.id_cy_box{
		width: 100%;
		height: auto;
		min-height: auto;
		position: relative;
		overflow: hidden;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-image: url("../images/id_cy_back.jpg");
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		padding: 3.5rem 0;
	}

	.id_cy{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_cy_title{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.id_cy_title_en{
		color: #FFFFFF;
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
	}
	.id_cy_title_cn{
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: bold;
		margin-top: 1rem;
	}
	.id_cy_title_lcn{
		color: #FFFFFF;
		font-size: 1.125rem;
		margin-top: 0.5rem;
	}
	.id_cy_title_ico{
		margin-top: 2rem;
	}
	.id_cy_title_ico>svg{
		height: 2rem;
	}
	
	.id_cy_item_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.id_cy_item{
		width: 30%;
		text-align: center;
		margin-left: 0%;
		margin-top: 1rem;
	}
	
	.id_cy_item_ico{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.id_cy_item_ico>img{
		height: 5.5rem;
	}
	.id_cy_item_title{
		font-size: 1.25rem;
		color: #FFFFFF;
		margin-top: 1rem;
	}
	.id_cy_item_line{
		margin-top: 1rem;
	}
	.id_cy_item_line>img{
		height: 0.8rem;
	}
	.id_cy_item_des{
		font-size: 1rem;
		color: #FFFFFF;
		margin-top: 1rem;
		line-height: 180%;
	}
	.absorbed_img {
		position: relative;
		height: auto;
		margin-top: 2rem;
		right: 0;
	}
	.footer_block_g {
		margin: 16px auto 0;
		font-size: 14px;
		line-height: 20px;
	}
	/*技术实力*/
	.id_tech_handler{
		font-size: 0;
		height: 0;
		width: 100%;
	}
	.id_tech_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		background: #FFFFFF;
		border-radius: 8px;
		padding: 1rem;
		position: relative;
		z-index: 5;
		margin-top: 2rem;
		padding-top: 3rem;
		margin-bottom: 2rem;
	}
	.id_tech{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.id_tech_item{
		width: 100%;
		height: calc(94vw * 0.485);
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		margin-top: 3%;
	}
	.id_tech_item1{
		background: #0d41b3;
	}
	.id_tech_item2{
		background: #444444;
	}
	.id_tech_item3{
		background: #f3f5fb;
	}

	.id_tech_item_count{
		font-size: 1.25rem;
		color: #FFFFFF;
		font-family: db;
		position: absolute;
		z-index: 5;
		top: 1rem;
		left: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_tech_item3 .id_tech_item_count{
		color: #000000;
	}

	.id_tech_item_ico{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
        align-items: flex-end;
		margin-top: 1.5rem;
		padding: 0 1rem;
	}


	.id_tech_item_ico>div{
		width: 12rem;
		height: 9rem;
		position: relative;
		z-index: 3;
		background-position: center 0rem;
		background-repeat: no-repeat;
		background-size: 100% auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.id_tech_item:hover .id_tech_item_ico>div{
		width: 12rem;
		height: 9rem;
		animation: id_tech 2s steps(25) infinite alternate;
		-webkit-animation: id_tech 2s steps(25) infinite alternate;
	}
	@keyframes id_tech {
		from{
			background-position:center 0 ;
		}
		to{
			background-position:center -225rem;
		}
	}

	@-webkit-keyframes id_tech
	{
		from{
			background-position:center 0 ;
		}
		to{
			background-position:center -225rem;
		}
	}

	.id_tech_item_con{
		width: 100%;
		height: auto;
		padding: 0 1.5rem;
		position: absolute;
		bottom: 2rem;
		left: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_tech_item:hover .id_tech_item_con{
		bottom: 2rem;
	}
	.id_tech_item_con_title{
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
		height: 2rem;
		line-height: 2rem;
	}
	.id_tech_item3 .id_tech_item_con_title{
		color: #000000;
	}
	.id_tech_item_con_ltitle{
		font-size: 1.125rem;
		color: #FFFFFF;
		height: 2rem;
		line-height: 2rem;
	}
	.id_tech_item3 .id_tech_item_con_ltitle{
		color: #000000;
	}
	.id_tech_item_con_line{
		width: 100%;
		height: 1rem;
	}
	.id_tech_item_con_tag{
		width: 100%;
		height: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		font-size: 0.875rem;
		color: #FFFFFF;
	}
	.id_tech_item3 .id_tech_item_con_tag{
		color: #000000;
	}
	.id_tech_item_con_tag>span{
		display: block;
		width: 40%;
		height: 1.8rem;
		line-height: 1.8rem;
	}


	/*案例列表*/
	.n_banner{
		width: 100%;
		height: 70vh;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	.n_banner_img{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.n_banner_img>img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.n_banner_img>svg{
		width:100%;
		height: 100%;
	}
    #ser_banner_svg{
        display: none;
    }
.n_banner_img_phone{
    display: block;
}
	.case_banner_con{
		position: relative;
		width: 94%;
		height: 100%;
		margin: 0 auto;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 5rem;

	}
	.case_banner_con_title{
		font-size: 1.25rem;
		height: 5rem;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}
	.case_banner_con_des{
		font-size: 3rem;
		height: 11rem;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}

	.case_banner_con_ltitle{
		font-family: "Arial";
		font-size: 1.25rem;
		height: 7rem;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}
	.case_banner_con_arr{
		text-align: center;
		text-align: center;
	}
	.case_banner_con_arr svg{
		height: 5rem;
	}

	.ser_banner_con_title{
		font-size: 3rem;
		height: 5rem;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 0.2rem;
		text-align: center;
	}
	.ser_banner_con_ltitle{
		font-size: 1.25rem;
		height: 5rem;
		color: #FFFFFF;
		text-align: center;
	}


	.case_box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		background-image: url("../images/case_back.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;
		padding-bottom: 3rem;
		background-color: #F0F0F0;
	}
	.case_lbox{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}

	.case_title{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 3rem 0;
	}
	.case_title_left{
		width: 100%;
		height: auto;
		font-size: 2rem;
		color: rgba(0,0,0,0.9);
		text-align: center;
	}
	.case_title_right{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1rem;
	}
	.case_title_right span{
		display: inline-block;
		width: auto;
		height: auto;
		position: relative;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.8);
		font-family: opl;
	}
	.case_title_right span:before{
		display: none;
	}


	/*我们的服务*/
	.ser_box{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 10;
		background-color: #FFFFFF;
	}
	.ser_website{
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
		z-index: 10;
		background: #FFFFFF;
	}
	.ser_website_back{
		position: absolute;
		width: 90vw;
		height: 90vw;
		background-image: url("../images/ser_website_back.svg");
		background-size: cover;
		background-position: center;
		left: 5vw;
		top: 6vh;
		z-index: 0;
		opacity: 0.1;
	}
	.ser_website_left{
		width: 100%;
		height: auto;
		padding-left: 0%;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 8rem;
	}
	.ser_website_left_en{
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #000000;
		text-align: center;
		text-transform: uppercase;
	}
	.ser_website_left_cn{
		font-size: 2rem;
		font-family: "opm";
		margin-top: 0.5rem;
		color: #000000;
		text-align: center;
	}
	.ser_website_left_des{
		font-size: 1.25rem;
		font-family: "opm";
		color: rgba(0,0,0,0.8);
		margin-top: 1.5rem;
		line-height: 170%;
		text-align: center;
		padding: 0 10%;
	}
	.ser_website_left_arr{
		width: auto;
		height: auto;
		position: relative;
		z-index: 5;
		margin-top: 2rem;
		text-align: center;
	}
	.ser_website_left_arr svg{
		width: auto;
		height: 3rem;
		fill:transparent;
		stroke:#000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.ser_website_right{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 6rem;
	}
	.ser_website_con{
		width: 94%;
		height: auto;
		margin: 0 auto;
		background-image: url("../images/ser_website.jpg");
		background-size: cover;
		background-position: center;
		border-radius: 8px;
		padding-left: 5vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}
	.ser_website_con_con{
		padding-bottom: 2rem;
		padding-top: 3rem;
	}
	.ser_website_con_con span{
		font-size: 1.25rem;
		color: rgba(255,255,255,0.9);
		font-family: opm;
		display: block;
		line-height: 240%;
	}
	.ser_website_con_con_btn{
		padding-top: 3rem;
	}

	.ser_website_con_en{
		position: absolute;
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #FFFFFF;
		left: auto;
		right: 1rem;
		bottom: 3.5rem;
	}

	.ser_program{
		width: 100%;
		height: auto;
		background-image: url("../images/ser_banner.jpg");
		background-size: cover;
		background-position: center;
		background-attachment:fixed;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-top: 3vw;
		padding-bottom: 3rem;
	}
	.ser_program_left{
		width: 94%;
		height: calc(94vw * 600 / 959);
		margin: 0 auto;
		position: relative;
	}
	.ser_program_left img{
		position: absolute;
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 8px;
		left: 0;
		top: 0rem;

	}

	.ser_program_right{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-right: 0%;
		padding-left: 0%;
		text-align: left;
		padding-top: 3rem;
	}

	.ser_program_right_en{
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: center;
	}
	.ser_program_right_cn{
		font-size: 2rem;
		font-family: "opm";
		margin-top: 0.5rem;
		color: #FFFFFF;
		text-align: center;
	}
	.ser_program_right_des{
		font-size: 1.25rem;
		font-family: "opm";
		color: rgba(255,255,255,0.8);
		margin-top: 1.5rem;
		line-height: 170%;
		text-align: center;
	}
	.ser_program_right_arr{
		width: auto;
		height: auto;
		position: relative;
		z-index: 5;
		margin-top: 3rem;
		text-align: center;
	}
	.ser_program_right_arr svg{
		width: auto;
		height: 3rem;
		fill:transparent;
		stroke:#FFFFFF;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ser_program_right_arr a:hover svg{
		fill:#FFFFFF;
	}


	.ser_public_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-left: 0%;
	}
	.ser_public{
		width: 100%;
		height: auto;
		background-image: url("../images/ser_public.jpg");
		background-size: cover;
		background-position: center;
		border-radius: 0px;
		margin-top: 3rem;
		position: relative;
	}
	.ser_public_title{
		position: relative;
		left: 0;
		bottom: 0;
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #FFFFFF;
		text-align: left;
		padding-top: 1rem;
		padding-left: 1rem;
		padding-bottom: 20vh;
		display: none;
	}
	.ser_public_con{
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: rgba(0,0,0,0.7);
		padding-right: 3%;
		padding-left: 3%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 5rem;
		
	}
	.ser_public_con_en{
		display: block;
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: center;
		margin-top: 3rem;
	}
	.ser_public_con_cn{
		font-size: 2rem;
		font-family: "opm";
		color: #FFFFFF;
		text-align: center;
		margin-top: 0.5rem;
	}
	.ser_public_con_des{
		font-size: 1.25rem;
		font-family: "opm";
		color: rgba(255,255,255,0.8);
		margin-top: 1.5rem;
		line-height: 170%;
		text-align: center;
	}
	.ser_public_con_arr{
		width: auto;
		height: auto;
		position: relative;
		z-index: 5;
		margin-top: 5rem;
		text-align: center;
	}
	.ser_public_con_arr svg{
		width: auto;
		height: 3rem;
		fill:transparent;
		stroke:#FFFFFF;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ser_public_con_arr a:hover svg{
		fill:#FFFFFF;
	}



	.ser_app{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		background: #f2f2f2;
		margin-top: 3rem;
		position: relative;
		padding-bottom: 3rem;
	}
	.ser_app_left{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-left: 0%;
		padding-right: 0%;
		padding-top: 5rem;
		padding-bottom:3rem;
	}
	.ser_app_left_en{
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #000000;
		text-align: center;
	}
	.ser_app_left_cn{
		font-size: 2rem;
		font-family: "opm";
		margin-top: 0.5rem;
		color: #000000;
		text-align: center;
	}
	.ser_app_left_des{
		font-size: 1.25rem;
		font-family: "opm";
		color: rgba(0,0,0,0.8);
		margin-top: 1.5rem;
		line-height: 170%;
		text-align: center;
	}
	.ser_app_left_arr{
		width: auto;
		height: auto;
		position: relative;
		z-index: 5;
		margin-top: 3rem;
		text-align: center;
	}
	.ser_app_left_arr svg{
		width: auto;
		height: 3rem;
		fill:transparent;
		stroke:#000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ser_app_left_arr a:hover svg{
		fill:#000000;
	}

	.ser_app_right{
		width: 94%;
		height: calc(94vw * 600 / 960);
		margin: 0 auto;
		position: relative;
		top: 0;
		right: 0;
	}
	.ser_app_right img{
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		top: 0rem;
	}

	/*关于我们*/
	.n_banner_ab{
		height: 70vh;
		padding-bottom: 0rem;
	}
	.ab_jj_box{
		width: 100%;
		height: auto;
		background: #0c40b3;
		position: relative;
		padding: 4vw 0;
	}
	.ab_jj{
		width: 94%;
		height: auto;
		position: relative;
		margin: 0 auto;
		left: 0;
		bottom: 0;
		background-image: url("../images/ab_back.png");
		background-size: cover;
		background-position: center;
		border-radius: 8px;
		overflow: hidden;
		padding-left: 0vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 5rem 0;
	}

	.ab_jj_en{
		font-size: 3rem;
		font-family: "Arial";
		font-weight: bold;
		color: #000000;
	}
	.ab_jj_cn{
		font-size: 2rem;
		margin-top: 1rem;
	}
	.ab_jj_line img{
		height: 1rem;
		margin: 2rem 0;
	}
	.ab_jj_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.8);
		line-height: 170%;
		padding: 0 2rem;
		text-align: left;
		justify-content: space-between;
	}
	.ab_jj_con br{
		display: none;
	}
	.ab_zz_box{
		display: none;
	}
	.ab_zz_box_phone{
		display: block;
		width: 100%;
		height: auto;
		background: #f0f0f0;
		padding-left: 0;
		position: relative;
		z-index: 10;
	}
	
	.ab_zz_phone{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #0c40b3;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		padding-bottom: 5rem;
	}
	.ab_zz_phone_item{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.ab_zz_left_sw_title{
		position: relative;
		width: auto;
		height: auto;
		text-align: center;
		margin-top: 2rem;
	}
	.ab_zz_left_sw_title_cout{
		font-size: 8rem;
		color: rgba(255,255,255,0.07);
		font-family: "Arial";
		font-weight: bold;
		position: relative;
		z-index: 0;
	}
	.ab_zz_left_sw_title_con{
		position: absolute;
		width: 100%;
		font-size: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		left: 0;
		top: calc(50% - 1.25rem);
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
	}
	.ab_zz_left_sw_title_con font{
		font-family: opb;
		font-size: 2.6rem;
		font-weight: bold;
	}
	.ab_zz_left_sw_ltitle{
		padding-left: 0;
		margin-top: 0.5rem;
		font-size: 2rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
	}
	.ab_zz_left_sw_con{
		margin-top: 0.5rem;
		padding-left: 0rem;
		font-size: 1.125rem;
		color: #FFFFFF;
		line-height: 180%;
		text-align: center;
	}
	.ab_zz_left_sw_con font{
		font-weight: bold;
		padding-left: 0.5rem;
	}


	.ab_sj{
		width:100%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 3%;
	}
	.ab_sj_title_en{
		font-size: 3rem;
		color: #000000;
		font-family: "Arial";
		font-weight: bold;
		text-align: center;
	}
	.ab_sj_title_cn{
		font-size:2rem;
		color: #000000;
		text-align: center;
	}

	.ab_sj_con{
		width: 100%;
		height: auto;
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 3rem;
	}
	.ab_sj_con_left{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.ab_sj_con_left_arr{
		width: auto;
		height: auto;
		position: relative;
		z-index: 5;
		text-align: center;
		margin-top: 3rem;
	}
	.ab_sj_con_left_arr svg{
		width: auto;
		height: 3rem;
		fill:transparent;
		stroke:#000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: rotate(90deg);
	}
	.ab_sj_item{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 2rem;
	}
	.ab_sj_con_left_sw_title{
		font-size: 1.5rem;
		color: #000000;
		font-family: opm;
	}
	.ab_sj_con_left_sw_ltitle{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.7);
		font-family: opm;
		margin-top: 0.5rem;
	}
	.ab_lx_box{
	width: 100%;
	height: auto;
	background: #f0f0f0;
	position: relative;
	z-index: 5;
	padding: 3rem 0;
	}
	.ab_lx_con{
		width: 94%;
		height: auto;
		margin: 0 auto;
		background-image: url("../images/lx_img.jpg");
		background-size: cover;
		background-position: center;
		padding: 2rem 2.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 8px;
		position: relative;
		left: 0;
		top: 0;

	}
	.ab_lx_con_title{
		font-size: 1.25rem;
		font-weight: bold;
		color: #000000;
	}
	.ab_lx_con_slogn{
		font-size:2rem;
		font-family: oph;
		color: #000000;
		line-height: 110%;
		margin-top: 2rem;
	}
	.ab_lx_con_fs{
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.ab_lx_con_fs_item{
		height: 3rem;
		line-height: 3rem;
		background-repeat: no-repeat;
		background-size: 1.8rem;
		background-position: left center;
		padding-left: 2.5rem;
		font-size: 1.125rem;
		font-family: opm;
	}
	.ab_lx_con_fs_item_tel{
		background-image: url("../images/lx_ico_tel.svg");
		font-size: 1.35rem;
		font-weight: bold;
		padding-top: 0.1rem;
	}
	.ab_lx_con_fs_item_address{
		background-image: url("../fonts/lx_ico_address.svg");
	}
	.ab_lx_con_fs_item_mail{
		background-image: url("../fonts/lx_ico_mail.svg");
	}


	/*联系我们*/
	.lx_box{
		width: 100%;
		height: auto;
		background-image: url("../images/lx_back.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
		top: 0;
		z-index: 0;
		padding-top: 15vh;
		padding-bottom: 5vh;
	}
	.lx_con{
		width: 80vw;
		height: 50vh;
		margin: 0 auto;
		background-image: url("../images/lx_img.jpg");
		background-size: cover;
		background-position: center;
		padding: 0 2.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 8px;
		position: relative;
		left: 0;
		top: 0;

	}
	.lx_con_title{
		font-size: 1.25rem;
		font-weight: bold;
		color: #000000;
	}
	.lx_con_slogn{
		font-size:2rem;
		font-family: oph;
		color: #000000;
		line-height: 110%;
		margin-top: 2rem;
	}
	.lx_con_fs{
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.lx_con_fs_item{
		height: 3rem;
		line-height: 3rem;
		background-repeat: no-repeat;
		background-size: 1.8rem;
		background-position: left center;
		padding-left: 2.5rem;
		font-size: 1.125rem;
		font-family: opm;
	}
	.lx_con_fs_item_tel{
		background-image: url("../images/lx_ico_tel.svg");
		font-size: 1.35rem;
		font-weight: bold;
		padding-top: 0.1rem;
	}
	.lx_con_fs_item_address{
		background-image: url("../fonts/lx_ico_address.svg");
	}
	.lx_con_fs_item_mail{
		background-image: url("../fonts/lx_ico_mail.svg");
	}

	/*APP开发*/
	.ser_box{
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}
	.ser_title_top{
		width: 100%;
		height: 3rem;
	}
	.ser_title{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 2rem;
		font-family: opm;
		text-align: center;
	}
	.ser_ltitle{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		text-align: center;
	}
	.ser_title font{
		position: relative;
		display: inline-block;
		width: auto;
		height: auto;
		overflow: hidden;
		color: rgba(0,0,0,0);
	}

	.ser_titleon font{
		animation: id_t_right_p 0.8s linear forwards;
		-webkit-animation: id_t_right_p 0.8s linear forwards;
	}

	.ser_title font:after{
		width: 0%;
		height: 100%;
		background: #0d41b3;
		position: absolute;
		content: '';
		left: 0;
		top: 0;
	}
	.ser_titleon font:after{
		animation: id_t_right_after 0.8s linear forwards;
		-webkit-animation: id_t_right_after 0.8s linear forwards;
	}

	.app_dl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.app_dl_item{
		width: 49%;
		height: calc(94vw * 0.49 * 258 / 851 * 2);
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 2%;
	}
	.app_dl_item_con{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.5rem;
		font-family: opm;
		text-align: center;
		color: #FFFFFF;
	}


	.app_ys{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 32% auto 32%;
		grid-template-rows: calc(94vw * 0.3 * 200 / 519 * 2) calc(94vw * 0.3 * 200 / 519 * 2) calc(94vw * 0.3 * 200 / 519 * 1.5) calc(94vw * 0.3 * 200 / 519 * 1.5);
		grid-gap: calc(94vw * 0.02) calc(94vw * 0.02);
		margin-top: 2%;
	}
	.app_ys_item{
		border-radius: 8px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		position: relative;
		overflow: hidden;
	}
	.app_ys_item_con{
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.app_ys_item7{
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.app_sx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0%;
	}
	.app_sx_item{
		width: 32%;
		height: auto;
		margin-top: 2%;
	}
	.app_sx_item:nth-of-type(10){
		display: none;
	}
	.app_sx_item_l{
		width: 100%;
		height: auto;
		background: #f6f7fb;
		border-radius: 8px;
		padding: 2.5rem 0;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.app_sx_item:hover .app_sx_item_l{
		background: #f2f3f8;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);
	}
	.app_sx_item_ico img{
		height: 3.5rem;
	}
	.app_sx_item_title{
		font-size: 1.5rem;
		color: #000000;
		font-family: opm;
	}
	.app_lc{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0%;
	}
	.app_lc_item{
		width: 49%;
		height: calc(94vw * 0.49 * 404 / 414);
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 2%;
	}
	.app_lc_item_num{
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		font-family: dm;
		color: #FFFFFF;
		position: absolute;
		top: 0;
		left: 0;
		text-align: right;
		z-index: 10;
		padding:1rem 1.3rem;
	}
	.app_lc_item_title{
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: left;
		z-index: 10;
		padding:1rem 1.3rem;
	}

	/*公众号开发*/
	.gzh_back{
		width: 100%;
		height: auto;
		background-image: url("../images/gzh_back.jpg");
		background-size: 100% auto;
		background-position: center top;
		background: none;
	}

	.gzh_ser{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.gzh_ser_item{
		width: 49%;
		height: calc(94vw * 0.49 * 318 / 419);
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		margin-top: 2%;
	}
	.gzh_ser_item_title{
		position: absolute;
		width: 100%;
		height: 4rem;
		line-height: 4rem;
		left: 0;
		bottom: 0;
		z-index: 10;
		text-align: center;
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}

	.gzh_ys{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		padding-bottom: 4.5rem;
	}
	.gzh_ys_sw{
		width: 100%;
		height: calc(94vw * 651 / 1721 * 1.5);
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		z-index: 0;
		margin-top: 2%;
	}
	
	.gzh_ys_menu{
		position: absolute;
		width: 90%;
		height: auto;
		z-index: 5;
		background: #FFFFFF;
		border-radius: 8px;
		bottom: 0;
		left: 5%;
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 35px 35px 0 rgba(13,65,179,0.08);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.gzh_ys_menu_l{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		padding: 1rem 0;
	}
	.gzh_ys_menu_l span{
		position: relative;
		display: block;
		width: 32%;
		height: auto;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		padding: 1.5rem 0;
		padding-top: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.gzh_ys_menu_l span.gzh_ys_menu_son{
		color: #0d41b3;
	}
	.gzh_ys_menu_l span:after{
		position: absolute;
		content: '';
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 50%;
		border: 0.4rem solid #0d41b3;
		bottom: 0;
		left: calc(50% - 0.5rem);
		background: #FFFFFF;
		opacity: 0;
		transform: scale(0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.gzh_ys_menu_l span.gzh_ys_menu_son:after{
		opacity: 1;
		transform: scale(1);
	}

	.gzh_sx_box{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 1rem;
	}
	.gzh_sx_back{
		position: relative;
		width: 94%;
		height: 45vh;
		margin: 0 auto;
		overflow: hidden;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	.gzh_sx_back1{
		width: 94vw;
		height: 94vw;
		border-radius: 50%;
		background: #eef1f8;
		left: 0;
		top: 0;
		position: absolute;
		z-index: 0;
	}
	.gzh_sx_back1_1{
		width: 80%;
		height: 80%;
		border-radius: 50%;
		background: #0d41b3;
		left: 10%;
		top: 10%;
		position: absolute;
		z-index: 0;
	}
	.gzh_sx_back2{
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 95%;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-right: 0;
	}
	.gzh_sx_back2 img{
		width: auto;
		height: 100%;
	}
	.gzh_sx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		padding-right: 0%;
		padding-bottom: 2rem;
		padding-top: 0rem;
		position: relative;
		z-index: 5;
	}
	.gzh_sx_item{
		width: 33.33%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.gzh_sx_item:nth-of-type(3){
		display: none;
	}
	.gzh_sx_item_ico img{
		width: 2rem;
		height: 2rem;
	}
	.gzh_sx_item_title{
		font-size: 1.25rem;
		color: #000000;
		padding-left: 0.6rem;
	}

	.gzh_lc{
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 2%;
	}
	.gzh_lc_item{
		width: 40vw;
		height:auto; 
		position: relative;
		margin-left: 3%;
		margin-right: 3%;
		text-align: center;
		margin-top: 1rem;
		
	}
	.gzh_lc_item1{
		margin-left: 3%;
	}
	.gzh_lc_item2{
		margin-top: 1rem;
	}
	.gzh_lc_item3{
		margin-top:2rem;
	}
	.gzh_lc_item4{
		margin-top:2rem;
	}
	.gzh_lc_item img{
		width: 30vw;
		height: 30vw;
	}
	.gzh_lc_item_title{
		font-size: 1.25rem;
		font-family: opm;
		text-align: center;
		padding-top: 1.5rem;
	}
	.gzh_lc_item_des{
		font-size: 1.125rem;
		text-align: center;
		padding-top: 0.5rem;
		color: rgba(0,0,0,0.8);
		line-height: 160%;
	}
	.gzh_lc_item1:before{
		position: absolute;
		content: '';
		width: 6vw;
		height: 18vw;
		background-image: url("../images/gzh_lx_back1.png");
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		left: -6vw;
		top: 0;
		z-index: -1;
	}
	.gzh_lc_item2:before{
		position: absolute;
		content: '';
		width: 6vw;
		height: 18vw;
		background-image: url("../images/gzh_lx_back2.png");
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		left: -6vw;
		top: 0;
		z-index: -1;
	}
	.gzh_lc_item3:before{
		position: absolute;
		content: '';
		width: 6vw;
		height: 18vw;
		background-image: url("../images/gzh_lx_back3.png");
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		left: -5.5vw;
		top: 0;
		z-index: -1;
	}
	.gzh_lc_item4:before{
		position: absolute;
		content: '';
		width: 6vw;
		height: 18vw;
		background-image: url("../images/gzh_lx_back4.png");
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		left: -5.5vw;
		top: 0;
		z-index: -1;
	}
	.gzh_lc_item4:after{
		position: absolute;
		content: '';
		width: 10vw;
		height: 18vw;
		background-image: url("../images/gzh_lx_back5.png");
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		right: -8vw;
		top: 0;
		z-index: -1;
	}

	/*小程序开发*/
	.xcx_ys{
		width: 94%;
		height: auto;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.xcx_ys_item{
		width: 48.5%;
		margin-top: 3%;
		padding: 2.5rem 2rem;
		border-radius: 8px;
	}
	.xcx_ys_item_img{
		width: 6rem;
	}
	.xcx_ys_item_title{
		text-align: center;
		font-size: 1.5rem;
		font-family: opm;
		margin-top: 1.5rem;
	}
	.xcx_ys_item_des{
		text-align: center;
		font-size: 1rem;
		margin-top: 0.7rem;
		color: rgba(0,0,0,0.8);
		line-height: 150%;
	}

	.xcx_gn_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 3rem;
		overflow: hidden;
	}
	.xcx_gn_back{
		position: relative;
		z-index: 5;
		width: 100%;
		height: auto;
		right: 0;
		bottom: 0;
		text-align: center;
		padding-top: 2rem;
	}
	.xcx_gn_back img{
		width: 80%;
		height: auto;
	}
	.xcx_gn_l{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}
	.xcx_gn{
		width: 100%;
		height: auto;
		background: #f5f7fa;
		border-radius: 8px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 0.5rem;
		margin-top:0rem;
		position: relative;
		z-index: 0;
	}
	.xcx_gn_item{
		width: calc(50% - 0.5rem);
		height: auto;
		background: #ffffff;
		border-radius: 8px;
		margin-right: 0;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 1rem 1.5rem;
	}
	.xcx_gn_item_img img{
		width: 2rem;
		height: auto;
	}
	.xcx_gn_item_title{
		font-size: 1.25rem;
		font-family: opm;
		padding-left: 0.5rem;
		height: 2rem;
		line-height: 2rem;
	}

	.xcx_xtys_box{
		width: 100%;
		height: auto;
		background-image: url("../images/xcx_xtys_back.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
		padding-bottom: 1rem;
	}
	.gzh_sx_title_box{
		position: relative;
		width: 100%;
		height: auto;
		top: 0rem;
		padding-top: 3rem;
		left: 0;
		z-index: 5;
	}
	.gzh_sx_title{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 2rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
	}
	.gzh_sx_ltitle{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		margin-top: 1rem;
		text-align: center;
	}
	.xcx_xtys{
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		z-index: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 3rem;
	}
	.xcx_xtys_item{
		width: 33.33%;
		height: auto;
		overflow: hidden;
		border-left: 0px solid rgba(255,255,255,0.2);
	}
	.xcx_xtys_item_con{
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0;
		padding: 0 1rem;
	}

	.xcx_xtys_item_ico{
		text-align: center;
	}
	.xcx_xtys_item_ico img{
		width: 3rem;
		height: 3rem;
	}
	.xcx_xtys_item_title{
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		font-size: 1.25rem;
		color: #FFFFFF;
		text-align: center;
		margin-top: 1rem;
		font-family: opm;
	}
	.xcx_xtys_item_des{
		width: 100%;
		height: 8rem;
		overflow: hidden;
		font-size: 1rem;
		line-height: 1.5rem;
		color: rgba(255,255,255,0.8);
		text-align: center;
		margin-top: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.xcx_xtys_item:hover .xcx_xtys_item_des{
		height:auto;
	}

	.xcx_sx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 2%;
	}
	.xcx_sx_item{
		width: 49%;
		height: calc(94vw * 0.49 * 215 / 420);
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 2%;
	}
	.xcx_sx_item_img{
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.xcx_sx_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.xcx_sx_item_title{
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
	}

	/*网站建设*/
	.web_ln{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1%;
	}
	.web_ln_item{
		width: 32%;
		height: auto;
		background: #f5f7fa;
		border-radius: 8px;
		padding: 2rem 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 2%;
	}
	.web_ln_item_img{
		width: auto;
		height: 4rem;
		margin: 0 auto;
		text-align: center;
	}
	.web_ln_item_img img{
		width: 3.5rem;
		height: auto;
	}
	.web_ln_item:hover{
		background: #e5ebf5;
	}
	.web_ln_item_title{
		text-align: center;
		font-size: 1.5rem;
		font-family: opm;
	}
	.web_ln_item_ltitle{
		text-align: center;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.5);
		font-family: db;
	}

	.web_lj_box{
		width: 100%;
		height: auto;
		background: #f5f7fa;
		position: relative;
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.web_lj{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.web_lj_top{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.web_lj_top_item{
		font-size: 1.5rem;
		font-family: opm;
	}
	.web_lj_top_line{
		width: 2px;
		height: 3.7rem;
		background: rgba(0,0,0,0.1);
		margin: 0 2rem;
	}
	.web_lj_con{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.web_lj_con_item{
		font-size: 1.25rem;
		margin-top: 1rem;
		position: relative;
		padding-left: 0px;
		text-align: center;
	}
	.web_lj_con_item:before{
		position: absolute;
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #000000;
		left: 0;
		top: calc(50% - 2px);
		display: none;
	}

	.web_lj_img{
		position: relative;
		right: 0%;
		top: 0;
		height: calc(94vw * 566 / 1092);
		width: 94%;
		border-radius: 15px;
		overflow: hidden;
		background-image: url("../images/web_lj_img.jpg");
		background-attachment: fixed;
		background-size: 100% auto;
		background-position: center;
		margin-left: 3%;
		margin-top: 2rem;
	}
	.web_lj_img span{
		display: inline-block;
		position: absolute;
		bottom: -1.3rem;
		right: -0.3rem;
		font-size: 5rem;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		font-family: "Arial";
	}

	.web_ys{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2%;
		display: grid;
		grid-template-columns: 49% 49%;
		grid-template-rows: calc(94vw * 0.49 * 400 / 420) calc(94vw * 0.49 * 400 / 420) calc(94vw * 0.49 * 400 / 420) calc(94vw * 0.49 * 400 / 420);
		grid-gap: 2vw 2vw;
	}
	.web_ys_item{
		padding: 1.7rem 1.4rem;
		border-radius: 8px;
		position: relative;
		overflow: hidden;
	}
	.web_ys_item1{
		background: #0d41b3;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}
	.web_ys_item2{
		background: #33d793;
	}
	.web_ys_item3{
		background: #00cacc;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.web_ys_item4{
		background: #3a6ddd;
	}
	.web_ys_item5{
		background: #8592a2;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 5;
	}
	.web_ys_item6{
		background: #702aff;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 4;
		grid-row-end: 5;
	}
	.web_ys_item_title{
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
		position: relative;
		z-index: 5;
	}
	.web_ys_item_des{
		font-size: 1rem;
		color: rgba(255,255,255,0.9);
		line-height: 150%;
		margin-top: 0.6rem;
		position: relative;
		z-index: 5;
	}

	.web_ys_item_back{
		position: absolute;
		width: auto;
		height: 55%;
		bottom: -10%;
		right: -5%;
		z-index: 0;
	}
	.web_ys_item_back img{
		width: auto;
		height: 100%;
	}
	.web_ys_item1 .web_ys_item_back{
		height: 55%;
		bottom: -10%;
		right: -5%;
	}
	.web_ys_item3 .web_ys_item_back{
		height: 35%;
		bottom: -3%;
		right: -10%;
	}
	.web_ys_item5 .web_ys_item_back{
		height: 35%;
		bottom: -5%;
		right: -10%;
	}
	.web_ys_item5 .web_ys_item_des{
		padding-right: 0%;
	}

	.web_sh{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2%;
		padding-right: 0%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.web_sh2{
		padding-left: 0%;
		padding-right: 0%;
		margin-top: 2%;
	}

	.web_sh_item{
		width: 32%;
		height: calc(94vw * 0.32 * 321 / 507 * 1.2);
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.web_sh_item_img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.web_sh_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.web_sh_item:hover .web_sh_item_img img{
		transform: scale(1.03);
	}
	.web_sh_item_back{
		position: absolute;
		width: 100%;
		height: 60%;
		left: 0;
		bottom: 0;
		z-index: 5;
		background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.9));
	}
	.web_sh_item_title{
		position: relative;
		z-index: 10;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		padding: 0 1.5rem;
	}
	.web_sh_item_des{
		position: relative;
		z-index: 10;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.8);
		padding: 0 2rem;
		padding-bottom: 2rem;
		line-height: 150%;
		padding-top: 0.5rem;
		display: none;
	}

	.web_lc_box{
		width: 100%;
		height: auto;
		padding-bottom: 3rem;
		background: #f5f7fa;
		margin-top: 3rem;
	}

	.web_lc{
		width: 100%;
		height: auto;
		background-image: url("../images/web_lc_back.png");
		background-size: cover;
		background-position: center;
		background: none;
		margin-top: 2%;
		position: relative;
	}
	.web_lc_l{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.web_lc_item{
		position: relative;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		border-radius: 50%;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 30.08vw;
		height: 30.08vw;
		margin-top: 1.8vw;
	}
	.web_lc_item1{
		width: 30.08vw;
		height: 30.08vw;
		background: #3a6ddd;
		top: 0;
		left: 0;
	}
	.web_lc_item2{
		width: 30.08vw;
		height: 30.08vw;
		background: #0d41b3;
		bottom: auto;
		top: 0;
		left: 0;
	}
	.web_lc_item3{
		width: 30.08vw;
		height: 30.08vw;
		background: #00cacc;
		top: 0;
		left: 0;
	}
	.web_lc_item4{
		width: 30.08vw;
		height: 30.08vw;
		background: #0d41b3;
		top: 0;
		left: 0;
	}
	.web_lc_item5{
		width: 30.08vw;
		height: 30.08vw;
		background: #702aff;
		top: 0;
		left: 0;
	}
	.web_lc_item6{
		width: 30.08vw;
		height: 30.08vw;
		background: #0d41b3;
		top: 0;
		left: 0;
	}
	.web_lc_item7{
		width: 30.08vw;
		height: 30.08vw;
		background: #2bd2a4;
		top: 0;
		left: 0;
	}
	.web_lc_item8{
		width: 30.08vw;
		height: 30.08vw;
		background: #3a6ddd;
		top: 0;
		left: 0;
	}
	.web_lc_item9{
		width: 30.08vw;
		height: 30.08vw;
		background: #0d41b3;
		top: 0;
		left: 0;
	}
	.nav_search {
		position: absolute;
		right: 52px;
	}
	.m_logo{
		display: block;
	}
	.scroll ul li img{
		max-width: 120px;
	}

	
    .main1600 {
        width: 100%;
    }
	/* q_footer start! */
	.footer_t{padding:30px 20px 0px;}
	.footer_t .footer_main{padding-bottom: 20px;}
	.footer_block{width:100%;float:none;padding:10px 10px 10px 15px;border-left:0;height:auto;}
	.footer_block:nth-of-type(1){border-left:0;width:100%;padding:10px 10px 10px 15px;}
	.footer_block:nth-of-type(4){width:100%;}

	.footer_logo img{height:36px;}

	.footer_block_icon{width:36px;float:left;padding:4px 0 0;}
	.footer_block_txt{width:calc(100% - 54px);float:right;}
	.footer_block_h{font-size: 14px;line-height: 20px;}
	.footer_block_p{margin:2px auto 0;font-size: 14px;line-height: 20px;}


	.footer_c{padding:30px 20px 25px;}
	.footer_list{width:100%;}
	.footer_item{width:32%;float:left;margin:0 2% 10px 0;}
	.footer_item:nth-of-type(3n){margin:0 0 10px 0;}
	.footer_item_h a{font-size: 13px;line-height: 25px;border:1px solid #647f92;text-align: center;padding:5px;}
	.footer_ul{display: none;}

	.footer_code{width:100%;text-align: center;margin:20px auto 0;}
	.footer_code_item{margin:0 10px;max-width: 100px;}
	.footer_code_img{border-radius: 5px;}
	.footer_code_h{margin:7px auto 0;font-size: 12px;line-height: 23px;height:23px;}

	.footer_b{padding:15px 20px;margin-bottom: 40px;}
	.footer_b span,.footer_b a{margin:0 4px;line-height: 25px;font-size: 13px;}
	.footer_b span img{width:25px;margin-right: 8px;}
	.footer_b_l{width:100%;float:none;}
	.footer_b_r{width:100%;float:none;text-align: center;}

	/* q_footer end! */
	.ejlm {
		padding: 40px 0 0px 0;
		font-size: 1.6rem;
		border-bottom: 1px solid #a7a1a1;
	}

/*新闻中心*/
.informate{
	width: 100%;
	margin-top: 1.5rem;
	padding: 1rem;
}
.informate_all{
	width: 100%;
	height: auto;
}
.informate_all .pagination_informate {
	position: absolute;
	bottom:0; text-align: center;
	width: 100%;
}
.informate_all .swiper-pagination-bullet {  margin:0px 3px; }




.informate_con a{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.informate_con a:hover .informate_img img{transform: scale(1.05);}
.informate_con a:hover .informate_img_1{background: #2d8be5;}
.informate_con a:hover .informate_1{color: #2d8be5;}


.informate_img{
	width:100%;
	height: calc(96vw  * 347 / 813);
}


.informate_right{
	width: 100%;
	height: auto;
	padding-right:0;
	padding: 1.5rem 0;
}
.informate_1{
	font-size: 1.25rem;
}
.informate_4{
	font-size: 1rem;
}
.news{
		width:96vw;
}
.news_con{
	width: 100%;
	height: auto;
	margin-top: 1rem;
}
.news_con a{
	padding: 1rem;
	display: flex;
	justify-content:center;
	flex-direction: column-reverse;
}

.news_left{
	width: 100%;
	height: auto;
	padding: 1.5rem 0 0.5rem 0;
}
.news_1{
	font-size: 1.25rem;
}
.news_2{
	margin-top: 1rem;
}
.news_3{
	margin-top: 1rem;
}

.news_img{
	width:100%;
	height: calc(96vw * 146 / 258);
}

.dang{
	width: 96vw;
	font-size: 1.25rem;
	line-height:3.375rem;
}

.dang a{
	top: 35%;
	background: url("../images/xiang_03.png") no-repeat left;
	background-size:15px;
	padding-left: 20px;
	 -webkit-filter: grayscale(0%);
	opacity: 1;
}

.xiang{
	width: 100%;
	padding-top:1rem;
	padding-bottom: 3rem;
	justify-content: center;
	flex-direction: column;
}
.xiang_left{
	width: 100%;
	padding: 1.5rem;
}
.xiang_tit{
	font-size: 1.5rem; text-align: center;
}
.xiang_come{
	text-align: center;
	margin-top: 1rem;
}

.xiang_right{
	width: 100%;
	height: auto;
	margin-top: 1.5rem;
}
.xiang_tui{
	color: #009fa8;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;

}
.xiang_list{
	width:100%;
	height: 7.625rem;
	margin-top: 1rem;
}

.xiang_next_warp{
	  width: 100%;
	padding-bottom: 1rem;
	display: none;
}
.xiang_next_warpphone{ display: block;}
.xiang_next {
	width: 100%;
	height:auto;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.xiang_next div:last-child{
	text-align: left;
}
.xiang_prev{
	width: 80%;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} 

.xiang_min{
	width: 8%;
	height: 100%;
	text-align: center;
	line-height: 24px;
	position: absolute;
	top: 10px;
	right: 0;
}
.warpper{
	padding:0 15px;
}
.warpper .layout_column{
	padding: 20px;
}
.form_content .form_item_wrap,.basic_nleavemessage .form_item_wrap {
    width: 100% !important;
}
.basic_nleavemessage .my_form {
    padding:0;
	margin-top: 15px;
}

.laybox {
    flex-direction: column;
}
.layout_column[data-class-col=pc_col_3]{
	width: 100%;
}
.lx_box {
	min-height: auto;
}

.warpper1 .laybox{
	padding: 0 15px;
}
.id_case_box .investment_title, .ab_honor .investment_title {
    width: 100%;
    display: flex;
	justify-content: center;
}
.id_case_box .investment_title>div, .ab_honor .investment_title>div {
    font-size: 1.4rem;
    padding: 3px 20px;
    border: 1px solid #999;
    border-radius: 20px;
    margin: 20px 10px 0 10px;
    transition: all 0.5s;
}
.ab_honor{
	width: 100%;
	padding: 0 15px;
}

.join-title li:nth-child(1),
.join-li-name li:nth-child(1) {
	width: 76%;
}
.join-title li:nth-child(2), .join-li-name li:nth-child(2) {
	display: none;
}
.join-title li:nth-child(3),
.join-li-name li:nth-child(3) {
	display: none;
}

.join-title li:nth-child(4),
.join-li-name li:nth-child(4) {
	display: none;
}

.join-title li:nth-child(5),
.join-li-name li:nth-child(5) {
	width: 24%;
}

.join-li-cont {
	padding: 18px 20px 36px;
}

.join-li-cont-info p {
	line-height: 30px;
}

.join-li-cont-top {
	margin-top: 18px;
}

.join-li-cont-send {
	margin-top: 24px;
}

.join-more {
	margin-top: 34px;
}

.join-item {
	padding-bottom: 40px;
}
.join-li-name li {
	padding: 16px 20px;
}
.pages .arrow a {
    width: 80px;
}
.pages li a {
    margin: 0 2px;
}
.pages a, .pages span {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}
}