@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;*/
		height:auto;
		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: 2.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("../images3/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_cy_box{
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-image: url("../images3/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;
	}
	.id_cy_item{
		width: 47%;
		text-align: center;
		margin-left: 0%;
		margin-top: 4rem;
	}
	.id_cy_item:nth-of-type(1){
		width: 100%;
	}
	.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%;
	}


	/*技术实力*/
	.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("../images3/case_back.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;
		padding-bottom: 3rem;
		background-color: #FFFFFF;
	}
	.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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/ab_back.png");*/
		background-image: url("../images3/ab_back.jpg");
		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("../images3/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("../images3/lx_ico_tel.svg");
		font-size: 1.35rem;
		font-weight: bold;
		padding-top: 0.1rem;
	}
	.ab_lx_con_fs_item_address{
		background-image: url("../images3/lx_ico_address.svg");
	}
	.ab_lx_con_fs_item_mail{
		background-image: url("../images3/lx_ico_mail.svg");
	}


	/*联系我们*/
	.lx_box{
		width: 100%;
		height: auto;
		background-image: url("../images3/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("../images3/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("../images3/lx_ico_tel.svg");
		font-size: 1.35rem;
		font-weight: bold;
		padding-top: 0.1rem;
	}
	.lx_con_fs_item_address{
		background-image: url("../images3/lx_ico_address.svg");
	}
	.lx_con_fs_item_mail{
		background-image: url("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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("../images3/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;
	}
	.banner_con { display:none;}
}