/*标题*/
.id_title{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.reveal em{
	font-style: normal;
}
.id_title_left{
	width: 50%;
	height: auto;
}
.id_title_b{
	font-size: 3.25rem;
	font-family: opb;
	color: rgba(0,0,0,0);
}
.id_title_l{
	font-size:1.875rem;
	color: rgba(0,0,0,0);
}
.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: 50%;
	height: auto;
	text-align: right;
}
.id_title_right font{
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 1.375rem;
	color: rgba(0,0,0,0);
	line-height: 160%;
	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{
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	font-size: 1rem;
	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);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.id_title_more:hover{
	background: #0d41b3;
	border: 1px solid #0d41b3;
	color: #FFFFFF;
}
/*首页*/

/*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: 4.375rem;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1.1rem;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.banner_conon{
	font-size: 3.875rem;
}
/*服务*/
.id_server_box{
	width: 90vw;
	height: auto;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 15px;
	padding: 3rem;
	position: relative;
	z-index: 5;
	margin-top: 1rem;
}
.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: 49%;
	height: calc(90vw * 0.49 * 0.4);
	position: relative;
	margin-top: 2%;
}
.id_server_iteml{
    width: 100%;
    height: 100%;
	position: relative;
    background: #eeeff3;
	border-radius: 15px;
	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.5rem;
	color: #000000;
	font-family: opb;
	position: absolute;
	z-index: 5;
	bottom: 1rem;
	right: 1rem;
	-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.35rem;
}
.id_server_en{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	z-index: 0;
	font-weight: bold;
	font-size: 7.25rem;
	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;
}
.id_server_item:hover .id_server_en{
	color: rgba(255,255,255,0.04);
	font-size: 7.5rem;
}
.id_server_img{
	/*width: 18rem;
	height: 13.5rem;*/
	width: calc(90vw * 0.49 * 0.4 * 0.7 / 3 * 4);
	height: calc(90vw * 0.49 * 0.4 * 0.7);
	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_img_xcx{
	background-image: url("../images3/id_server_xcx.png");
}
.id_server_img_gzh{
	background-image: url("../images3/id_server_gzh.png");
}
.id_server_img_app{
	background-image: url("../images3/id_server_app.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 calc(0px - 90vw * 0.49 * 0.4 * 0.7 * 25);
	}
}
 
@-webkit-keyframes id_server
{
    from{
		background-position:center 0 ;
	}
	to{
		background-position:center calc(0px - 90vw * 0.49 * 0.4 * 0.7 * 25);
	}
}
/*案例*/
.id_case_box{
	width: 90vw;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-top: 2rem;
}

.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(90vw * 0.32 * 3 / 4);
	position: relative;
	margin-top: 2%;
}
.id_case_iteml{
    width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
	padding: 2rem;
}
.id_case_item32{
	width: 32%;
}
.id_case_item66{
	width: 66%;
}
.id_case_itemon .id_case_iteml{
	-moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.3);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.3);
}
.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;
    overflow: hidden;
}
.id_case_item_img>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.id_case_itemon .id_case_item_img>img{
	transform: scale(1.03);
}

.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{
	opacity: 1;
}

.id_case_item_logo{
	position: relative;
	width: 100%;
	height: 3rem;
	font-size: 0;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.id_case_itemon .id_case_item_logo{
	height: 3.3rem;
}
.id_case_item_logoh{
    height: 5rem;
}
.id_case_itemon .id_case_item_logoh{
	height: 5.3rem;
}
.id_case_item_logol{
    height: 2rem;
}
.id_case_itemon .id_case_item_logol{
	height: 2.3rem;
}

.id_case_item_logo>img{
	height:100%;
	width: auto;
}
.id_case_item_title{
	position: absolute;
	width: 100%;
	height: 5rem;
	z-index: 10;
	bottom: -5rem;
	text-align: left;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.id_case_itemon .id_case_item_title{
	opacity: 1;
	bottom: 2rem;
}
.id_case_item_title_l{
	font-size: 1.125rem;
	height: 2rem;
	color: #FFFFFF;
}
.id_case_item_title_b{
	font-size: 2.125rem;
	height: 3rem;
	color: #FFFFFF;
	font-family: opm;
}


.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: 11rem;
	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);
}
.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: 90vh;
	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: 100% auto;
	background-attachment: fixed;
}

.id_cy{
	width: 90vw;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.id_cy_title{
	width: 36%;
	height: auto;
}
.id_cy_title_en{
	color: #FFFFFF;
	font-size: 7rem;
	font-family: "Arial";
	font-weight: bold;
}
.id_cy_title_cn{
	color: #FFFFFF;
	font-size: 3.125rem;
	font-weight: bold;
	margin-top: 4rem;
}
.id_cy_title_lcn{
	color: #FFFFFF;
	font-size: 1.875rem;
}
.id_cy_title_ico{
	margin-top: 5rem;
}
.id_cy_title_ico>svg{
	height: 2.3rem;
}

.id_cy_item_box{
	width: 73%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.id_cy_item{
	text-align: center;
	margin-left: 5%;
}
.id_cy_item_ico{
	width: 100%;
	height: auto;
	text-align: center;
}
.id_cy_item_ico>img{
	height: 7.5rem;
}
.id_cy_item_title{
	font-size: 1.875rem;
	color: #FFFFFF;
	margin-top: 4rem;
}
.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: 2rem;
	line-height: 180%;
}


/*技术实力*/
.id_tech_handler{
	font-size: 0;
	height: 0;
	width: 100%;
}
.id_tech_box{
	width: 90vw;
	height: auto;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 15px;
	padding: 3rem;
	position: relative;
	z-index: 5;
	margin-top: 1rem;
}
.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: 32%;
	height: calc(90vw * 0.32);
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin-top: 2%;
}
.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;
	margin-top: 3rem;
	padding: 0 2rem;
}


.id_tech_item_ico>div{
	width: 24rem;
	height: 18rem;
	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_ico>div.id_tech_item_ico_img1{
	background-image: url("../images3/id_tech_item_ico_img1.png");
}
.id_tech_item_ico>div.id_tech_item_ico_img2{
	background-image: url("../images3/id_tech_item_ico_img2.png");
}
.id_tech_item_ico>div.id_tech_item_ico_img3{
	background-image: url("../images3/id_tech_item_ico_img3.png");
}

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

.id_tech_item_con{
	width: 100%;
	height: auto;
	padding: 0 1.5rem;
	position: absolute;
	bottom: -4.6rem;
	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.875rem;
	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: 3rem;
	line-height: 3rem;
}
.id_tech_item3 .id_tech_item_con_ltitle{
	color: #000000;
}
.id_tech_item_con_line{
	width: 100%;
	height: 2rem;
}
.id_tech_item_con_tag{
	width: 100%;
	height:3.6rem;
	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: 100vh;
	position: relative;
	z-index: 0;
}
.n_banner_img{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
}
.n_banner_img>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.banner_video{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.n_banner_img>svg{
	width:100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.n_banner_img_phone{
    display: none;
}
.case_banner_con{
	position: relative;
	width: 90%;
	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.375rem;
	height: 5rem;
	color: #FFFFFF;
	font-weight: bold;
}
.case_banner_con_des{
	font-size: 5rem;
	height: 15rem;
	color: #FFFFFF;
	font-weight: bold;
}

.case_banner_con_ltitle{
	font-family: "Arial";
	font-size: 1.5rem;
	height: 8rem;
	color: #FFFFFF;
	font-weight: bold;
}
.case_banner_con_arr{
	
}
.case_banner_con_arr svg{
	height: 6rem;
}

.ser_banner_con_title{
	font-size: 5rem;
	height: 8rem;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.5rem;
}
.ser_banner_con_ltitle{
	font-size: 1.75rem;
	height: 8rem;
	color: #FFFFFF;
}


.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: 5rem;
	background-color: #FFFFFF;
}
.case_lbox{
	width: 90vw;
	height: auto;
	margin: 0 auto;
}

.case_title{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 5rem 0;
}
.case_title_left{
	width: 50%;
	height: auto;
	font-size: 3rem;
	color: rgba(0,0,0,0.9);
}
.case_title_right{
	width: 50%;
	height: auto;
	text-align: right;
}
.case_title_right span{
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	font-size: 2.187rem;
	color: rgba(0,0,0,0.8);
	font-family: opl;
}
.case_title_right span:before{
	position: absolute;
	content: '';
	width: 5rem;
	height: 1px;
	background: rgba(0,0,0,0.3);
	left: -6rem;
	top: 50%;
}


.case_title_lefton .reveal em {
	animation: reveal3 0.3s forwards;
    -webkit-animation: reveal3 0.3s forwards;
}
.case_title_righton .reveal em {
	animation: reveal3 0.3s forwards;
    -webkit-animation: reveal3 0.3s forwards;
}

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

.ser_website_right{
	width: 50%;
	height: 100%;
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ser_website_con{
	width: 100%;
	height: calc(50vw * 600 / 960);
	background-image: url("../images3/ser_website.jpg");
	background-size: cover;
	background-position: center;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding-left: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.ser_website_con_con{
	padding-bottom: 3rem;
}
.ser_website_con_con span{
	font-size: 1rem;
	color: rgba(255,255,255,0.7);
	font-family: opm;
	display: block;
	line-height: 200%;
}
.ser_website_con_con_btn{
	padding-top: 2rem;
}
.ser_website_con_con_btn a{
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	background: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ser_website_con_con_btn a:hover{
	background: none;
	-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 35px 0 rgba(255,255,255,0.8);
	transform: translate(0,-3px);
}
.ser_website_con_con_btn svg{
	width: 2rem;
	height: 2rem;
	fill:#000000;
	margin-top: 0.6rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ser_website_con_con_btn a:hover svg{
	fill: #ffffff;
}

.ser_website_con_en{
	position: absolute;
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: #FFFFFF;
	left: 1.5rem;
	bottom: 3rem;
}

.ser_program{
	width: 100%;
	height: calc(100vw * 1045 / 1920);
	background-image: url("../images3/ser_banner.jpg");
	background-size: cover;
	background-position: center;
	background-attachment:fixed;
	margin-top: 20rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ser_program_left{
	width: 50%;
	height: calc(50vw * 600 / 959);
	position: relative;
}
.ser_program_left img{
	position: absolute;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	left: 0;
	top: -10rem;
	
}

.ser_program_right{
	width: 50%;
	height: auto;
	padding-right: 5vw;
	padding-left: 10%;
	text-align: left;
	padding-top: 8rem;
}

.ser_program_right_en{
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: #FFFFFF;
}
.ser_program_right_cn{
	font-size: 3.5rem;
	font-family: "opm";
	margin-top: 2rem;
	color: #FFFFFF;
}
.ser_program_right_des{
	font-size: 1.25rem;
	font-family: "opm";
	color: rgba(255,255,255,0.8);
	margin-top: 3rem;
	line-height: 170%;
}
.ser_program_right_arr{
	width: auto;
	height: auto;
	position: relative;
	z-index: 5;
	margin-top: 5rem;
}
.ser_program_right_arr svg{
	width: auto;
	height: 5.5rem;
	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: 5%;
}
.ser_public{
	width: 100%;
	height: calc(95vw * 790 / 1820);
	background-image: url("../images3/ser_public.jpg");
	background-size: cover;
	background-position: center;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-top: -10rem;
	position: relative;
}
.ser_public_title{
	position: absolute;
	left: 3rem;
	bottom: 4rem;
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: #FFFFFF;
}
.ser_public_con{
	position: absolute;
	right: 0;
	top: 0;
	width: 45%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	padding-right: 5vw;
	padding-left: 7%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 5rem;
}
.ser_public_con_en{
	display: none;
}
.ser_public_con_cn{
	font-size: 3.5rem;
	font-family: "opm";
	color: #FFFFFF;
	margin-top: 4rem;
}
.ser_public_con_des{
	font-size: 1.25rem;
	font-family: "opm";
	color: rgba(255,255,255,0.8);
	margin-top: 3rem;
	line-height: 170%;
}
.ser_public_con_arr{
	width: auto;
	height: auto;
	position: relative;
	z-index: 5;
	margin-top: 5rem;
}
.ser_public_con_arr svg{
	width: auto;
	height: 5.5rem;
	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: row;
	justify-content: flex-start;
	background: #f2f2f2;
	margin-top: 20rem;
	position: relative;
}
.ser_app_left{
	width: 50%;
	height: auto;
	padding-left: 5%;
	padding-right: 10%;
	padding-top: 6rem;
	padding-bottom: 8rem;
}
.ser_app_left_en{
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: #000000;
}
.ser_app_left_cn{
	font-size: 3.5rem;
	font-family: "opm";
	margin-top: 1rem;
	color: #000000;
}
.ser_app_left_des{
	font-size: 1.25rem;
	font-family: "opm";
	color: rgba(0,0,0,0.8);
	margin-top: 3rem;
	line-height: 170%;
}
.ser_app_left_arr{
	width: auto;
	height: auto;
	position: relative;
	z-index: 5;
	margin-top: 5rem;
}
.ser_app_left_arr svg{
	width: auto;
	height: 5rem;
	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: 50%;
	height: calc(50vw * 600 / 960);
	position: absolute;
	top: 0;
	right: 0;
}
.ser_app_right img{
	position: absolute;
	width: 100%;
	height: 100%;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	top: -10rem;
}

/*关于我们*/
.n_banner_ab{
	height: calc(100vh + 8rem);
	padding-bottom: 8rem;
}
.ab_jj_box{
	width: 100%;
	height: calc(88vw * 900 / 1660 - 8rem);
	background: #0c40b3;
	position: relative;
}
.ab_jj{
	width: 88vw;
	height: calc(88vw * 900 / 1660);
	position: absolute;
	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-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
	padding-left: 7vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ab_jj_en{
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: #000000;
}
.ab_jj_cn{
	font-size: 3.5rem;
	margin-top: 1rem;
}
.ab_jj_line img{
	height: 1rem;
	margin: 3.5rem 0;
}
.ab_jj_con{
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(0,0,0,0.8);
	line-height: 170%;
}

.ab_zz_box{
	width: 100%;
	height: auto;
	background: #f0f0f0;
	padding-left: 7vw;
	position: relative;
	z-index: 10;
}
.ab_zz_box_phone{
	display: none;
}
.ab_zz_lbox{
	width: 100%;
	height: 300vh;
	background: #FFFFFF;
}
.ab_zz{
	width: 100%;
	height: 92vh;
	background: #0c40b3;
	border-bottom-left-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: sticky;
	top: 8vh;
}
.ab_zz_on{
}

.ab_zz_l{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab_zz_left{
	width: 35%;
	height: auto;
	padding-left: 1.5rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.ab_zz_left_sw{
	width: 100%;
	height: auto;
}
.ab_zz_left_sw .swiper-slide{
	width: 100%;
	height: auto;
}
.ab_zz_left_sw_title{
	position: relative;
	width: auto;
	height: auto;
}
.ab_zz_left_sw_title_cout{
	font-size: 14.81rem;
	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;
	font-size: 1.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	left: 5rem;
	top: calc(50% - 1.25rem);
	font-family: opm;
	color: #FFFFFF;
}
.ab_zz_left_sw_title_con font{
	font-family: "Arial";
	font-size: 2rem;
	font-weight: bold;
}
.ab_zz_left_sw_ltitle{
	padding-left: 5rem;
	font-size: 3.5rem;
	color: #FFFFFF;
}
.ab_zz_left_sw_con{
	margin-top: 2.5rem;
	padding-left: 5rem;
	font-size: 1.25rem;
	color: #FFFFFF;
	line-height: 180%;
}
.ab_zz_left_sw_con font{
	font-weight: bold;
	padding-left: 0.5rem;
}


.ab_zz_right{
	width: 55%;
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 8rem;
}
.ab_zz_right_item{
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
	text-align: left;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ab_zz_right_item span{
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-right: 2rem;
	color: transparent;
	font-size: 7.2rem;
	font-family: gb;
	text-transform: uppercase;
	-webkit-text-stroke: 2px #ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.ab_zz_right_item span:before{
	position: absolute;
	width: 0%;
	overflow: hidden;
	text-align: left;
	height: auto;
	content: attr(text2);
	padding-right: 0rem;
	font-size: 7.2rem;
	font-family: gb;
	text-transform: uppercase;
	color: #FFFFFF;
	left: 0;
	top: 0;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.ab_zz_right_item span.ab_zz_right_item_son:before{
	padding-right: 2rem;
	width: 100%;
}
.ab_zz_right_item span:after{
	position: absolute;
	content: attr(text);
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
	font-family: "Arial";
	color: #FFFFFF;
	right: 0;
	top: 0.5rem;
}
.ab_sj{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 5rem 6.5rem;
	padding-right: 7vw;
}
.ab_sj_title_en{
	font-size: 6.25rem;
	color: #000000;
	font-family: "Arial";
	font-weight: bold;
}
.ab_sj_title_cn{
	font-size: 3.5rem;
	color: #000000;
}

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

.ab_sj_con_left_arr{
	width: auto;
	height: auto;
	position: relative;
	z-index: 5;
}
.ab_sj_con_left_arr svg{
	width: auto;
	height: 5.5rem;
	fill:transparent;
	stroke:#000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab_sj_con_left_sw{
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 3rem;
}
.ab_sj_con_left_sw_title{
	font-size: 2.812rem;
	color: #000000;
}
.ab_sj_con_left_sw_ltitle{
	font-size: 1.375rem;
	color: rgba(0,0,0,0.7);
	font-family: opm;
}
.ab_sj_con_right{
	width: 36rem;
	height: auto;
}
.ab_sj_con_right_sw{
	width: 100%;
	height: 30rem;
	position: relative;
}
.ab_sj_con_right_sw:before {
    content: '';
	width: 0px;
	height: 0px;
    position: absolute;
    pointer-events: none;
    top: calc(50% - 22px);
    left: -10px;
    border-color: transparent transparent transparent #000000 ;
    border-width: 30px;
    border-style: solid;
	opacity: 1;
	z-index: 20;
}
.ab_sj_con_right_sw:after {
    content: '';
	width: 0px;
	height: 0px;
    position: absolute;
    pointer-events: none;
    top: calc(50% - 22px);
    right: -10px;
    border-color: transparent #000000 transparent transparent;
    border-width: 30px;
    border-style: solid;
	opacity: 1;
	z-index: 20;
}
.ab_sj_con_right_sw_title{
	font-size: 14rem;
	font-family: db;
	text-align: center;
	height: 15rem;
	line-height: 15rem;
	color: transparent;
	text-transform: uppercase;
	-webkit-text-stroke: 2px #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab_sj_con_right_sw .swiper-slide-active .ab_sj_con_right_sw_title{
	color: #000000;
}

.ab_lx_box{
	width: 100%;
	height: auto;
	background: #f0f0f0;
	position: relative;
	z-index: 5;
	padding: 6rem 0;
}
.ab_lx_con{
	width: 86%;
	height: 65vh;
	margin: 0 auto;
	background-image: url("../images3/lx_img.jpg");
	background-size: cover;
	background-position: center;
	padding: 0 4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	position: relative;

	
}
.ab_lx_con_title{
	font-size: 1.375rem;
	font-weight: bold;
	color: #000000;
}
.ab_lx_con_slogn{
	font-size: 3.5rem;
	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: 2rem;
	background-position: left center;
	padding-left: 3rem;
	font-size: 1.25rem;
	font-family: opm;
}
.ab_lx_con_fs_item_tel{
	background-image: url("../images3/lx_ico_tel.svg");
	font-size: 1.625rem;
	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: 100vh;
	background-image: url("../images3/lx_back.jpg");
	background-size: cover;
	background-position: center;
	position: sticky;
	top: 0;
	z-index: 0;
}
.lx_con{
	width: 80vw;
	height: 65vh;
	margin: 0 auto;
	background-image: url("../images3/lx_img.jpg");
	background-size: cover;
	background-position: center;
	padding: 0 4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	position: absolute;
	left: 10vw;
	top: 22vh;
	
}
.lx_con_title{
	font-size: 1.375rem;
	font-weight: bold;
	color: #000000;
}
.lx_con_slogn{
	font-size: 3.5rem;
	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: 2rem;
	background-position: left center;
	padding-left: 3rem;
	font-size: 1.25rem;
	font-family: opm;
}
.lx_con_fs_item_tel{
	background-image: url("../images3/lx_ico_tel.svg");
	font-size: 1.625rem;
	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: 6rem;
}
.ser_title{
	width: 90%;
	height: auto;
	margin: 0 auto;
	font-size: 3.125rem;
	font-family: opm;
}
.ser_ltitle{
	width: 90%;
	height: auto;
	margin: 0 auto;
	font-size: 1.25rem;
	color: rgba(0,0,0,0.6);
}
.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: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.app_dl_item{
	width: 49%;
	height: calc(90vw * 0.49 * 258 / 851);
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 2%;
}
.app_dl_item_img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.app_dl_item_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.app_dl_item:hover .app_dl_item_img img{
	transform: scale(1.05);
}
.app_dl_item_back{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	z-index: 5;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.app_dl_item:hover .app_dl_item_back{
	background: rgba(12,64,179,0.9);
}
.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.875rem;
	font-family: opm;
	text-align: center;
	color: #FFFFFF;
}
.app_dl_item_con font{
	display: inline-block;
	width: auto;
	height: auto;
}

.app_ys{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 30% auto 30%;
    grid-template-rows: calc(90vw * 0.3 * 200 / 519) calc(90vw * 0.3 * 200 / 519) calc(90vw * 0.3 * 200 / 519);
    grid-gap: calc(90vw * 0.02) calc(90vw * 0.02);
	margin-top: 2%;
}
.app_ys_item{
	border-radius: 10px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.app_ys_item_img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.app_ys_item_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.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.875rem;
	font-family: opm;
	color: #FFFFFF;
}
.app_ys_item7{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
}

.app_sx{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.5%;
}
.app_sx_item{
	width: 18.8%;
	height: auto;
	margin-top: 1.5%;
}
.app_sx_item_l{
	width: 100%;
	height: auto;
	background: #f6f7fb;
	border-radius: 10px;
	padding: 4rem 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: 5.5rem;
}
.app_sx_item_title{
	font-size: 1.875rem;
	color: #000000;
	font-family: opm;
}
.app_lc{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2%;
}
.app_lc_item{
	width: 23.5%;
	height: calc(90vw * 0.235 * 404 / 414);
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.app_lc_item_img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.app_lc_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;
}
.app_lc_item:hover .app_lc_item_img img{
	transform: scale(1.03);
}
.app_lc_item_back{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	background: rgba(0,0,0,0.5);
}
.app_lc_item_num{
	width: 100%;
	height: auto;
	font-size: 1.875rem;
	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.875rem;
	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;
}

.gzh_ser{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.gzh_ser_item{
	width: 23.5%;
	height: calc(90vw * 0.235 * 318 / 419);
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-top: 2%;
}
.gzh_ser_item_img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.gzh_ser_item_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.gzh_ser_item:hover .gzh_ser_item_img img{
	transform: scale(1.05);
}
.gzh_ser_item_back{
	position: absolute;
	width: 100%;
	height: 70%;
	left: 0;
	bottom: 0;
	z-index: 5;
	background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));
}
.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.625rem;
	font-family: opm;
	color: #FFFFFF;
}

.gzh_ys{
	width: 90%;
	height: auto;
	margin: 0 auto;
	position: relative;
	padding-bottom: 4.5rem;
}
.gzh_ys_sw{
	width: 100%;
	height: calc(90vw * 651 / 1721);
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	margin-top: 2%;
}
.gzh_ys_sw img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.gzh_ys_menu{
	position: absolute;
	width: 90%;
	height: 9rem;
	z-index: 5;
	background: #FFFFFF;
	border-radius: 10px;
	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: space-between;
}
.gzh_ys_menu_l span{
	position: relative;
	display: block;
	width: 16.6%;
	height: auto;
	text-align: center;
	font-size: 1.625rem;
	font-family: opm;
	padding: 2.2rem 0;
	padding-top: 1.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.8rem;
	height: 0.8rem;
	border-radius: 50%;
	border: 0.6rem solid #0d41b3;
	bottom: 0;
	left: calc(50% - 1rem);
	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;
}
.gzh_sx_back{
	position: absolute;
	width: 55vw;
	height: 100%;
	overflow: hidden;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.gzh_sx_back1{
	width: 80vw;
	height: 80vw;
	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: right;
	padding-right: 5vw;
}
.gzh_sx_back2 img{
	width: auto;
	height: 100%;
}
.gzh_sx{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-right: 35%;
	padding-bottom: 6rem;
	padding-top: 2rem;
	position: relative;
	z-index: 5;
}
.gzh_sx_item{
	width: 33%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 2rem;
}
.gzh_sx_item_ico img{
	width: 3rem;
	height: 3rem;
}
.gzh_sx_item_title{
	font-size: 1.5rem;
	color: #000000;
	padding-left: 0.6rem;
}

.gzh_lc{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2%;
}
.gzh_lc_item{
	width: 18vw;
	height:auto; 
	position: relative;
	margin-left: 6%;
}
.gzh_lc_item1{
	margin-left: 0%;
}
.gzh_lc_item2{
	margin-top: 6vw;
}
.gzh_lc_item4{
	margin-top: 6vw;
}
.gzh_lc_item img{
	width: 18vw;
	height: 18vw;
}
.gzh_lc_item_title{
	font-size: 1.875rem;
	font-family: opm;
	text-align: center;
	padding-top: 1.5rem;
}
.gzh_lc_item_des{
	font-size: 1.125rem;
	text-align: center;
	padding-top: 1rem;
	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: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.xcx_ys_item{
	width: 24.25%;
	height: auto;
	margin-top: 2%;
	background: #f5f7fa;
	border-radius: 15px;
	padding: 4rem 3rem;
}
.xcx_ys_item_img{
	width: 8rem;
	height: auto;
	margin: 0 auto;
	font-size: 0;
}
.xcx_ys_item_img img{
	width: 100%;
	height: auto;
}
.xcx_ys_item_title{
	text-align: center;
	font-size: 1.875rem;
	font-family: opm;
	margin-top: 1.5rem;
}
.xcx_ys_item_des{
	text-align: center;
	font-size: 1.125rem;
	margin-top: 1rem;
	color: rgba(0,0,0,0.8);
	line-height: 150%;
}

.xcx_gn_box{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 5rem;
	overflow: hidden;
}
.xcx_gn_back{
	position: absolute;
	z-index: 5;
	width: 43%;
	height: 100%;
	right: 2%;
	bottom: -1px;
	text-align: center;
}
.xcx_gn_back img{
	width: auto;
	height: 100%;
}
.xcx_gn_l{
	width: 90%;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.xcx_gn{
	width: 70%;
	height: auto;
	background: #f5f7fa;
	border-radius: 15px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 3rem;
	padding-right: 15%;
	padding-top: 1.5rem;
	margin-top:3rem;
	position: relative;
	z-index: 0;
}
.xcx_gn_item{
	width: 43%;
	height: auto;
	background: #ffffff;
	border-radius: 15px;
	margin-right: 1.5rem;
	margin-top: 1.5rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem 3rem;
}
.xcx_gn_item_img img{
	width: 2.4rem;
	height: auto;
}
.xcx_gn_item_title{
	font-size: 1.875rem;
	font-family: opm;
	padding-left: 1rem;
	height: 2.4rem;
	line-height: 2.4rem;
}

.xcx_xtys_box{
	width: 100%;
	height: calc(100vw * 900 / 1920);
	background-image: url("../images3/xcx_xtys_back.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
}
.gzh_sx_title_box{
	position: absolute;
	width: 100%;
	height: auto;
	top: 6rem;
	left: 0;
	z-index: 5;
}
.gzh_sx_title{
	width: 90%;
	height: auto;
	margin: 0 auto;
	font-size: 3.125rem;
	font-family: opm;
	color: #FFFFFF;
}
.gzh_sx_ltitle{
	width: 90%;
	height: auto;
	margin: 0 auto;
	font-size: 1.25rem;
	color: rgba(255,255,255,0.6);
	margin-top: 1rem;
}
.xcx_xtys{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.xcx_xtys_item{
	width: 16.66%;
	height: 100%;
	overflow: hidden;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.xcx_xtys_item_con{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
	padding: 0 1rem;
}

.xcx_xtys_item_ico{
	text-align: center;
}
.xcx_xtys_item_ico img{
	width: 3.2rem;
	height: 3.2rem;
}
.xcx_xtys_item_title{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.875rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
}
.xcx_xtys_item_des{
	width: 100%;
	height: 0;
	overflow: hidden;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xcx_xtys_item:hover .xcx_xtys_item_des{
	height:17rem;
}

.xcx_sx{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1%;
}
.xcx_sx_item{
	width: 24.25%;
	height: calc(90vw * 0.2425 * 215 / 420);
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 1%;
}
.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.875rem;
	font-family: opm;
	color: #FFFFFF;
}

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

.web_lj_box{
	width: 100%;
	height: auto;
	background: #f5f7fa;
	position: relative;
	margin-top: 7rem;
	padding-bottom: 7rem;
}
.web_lj{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.web_lj_top{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5rem;
}
.web_lj_top_item{
	font-size: 1.875rem;
	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: 4rem;
}
.web_lj_con_item{
	font-size: 1.375rem;
	margin-top: 1rem;
	position: relative;
	padding-left: 10px;
}
.web_lj_con_item:before{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000000;
	left: 0;
	top: calc(50% - 2px);
}

.web_lj_img{
	position: absolute;
	right: 5%;
	top: 7rem;
	height: calc(100% - 14rem);
	width: 55%;
	border-radius: 15px;
	overflow: hidden;
	background-image: url("../images3/web_lj_img.jpg");
	background-attachment: fixed;
	background-size: 100% auto;
	background-position: center;
}
.web_lj_img span{
	display: inline-block;
	position: absolute;
	bottom: -1.5rem;
	right: -0.5rem;
	font-size: 6.75rem;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: "Arial";
}

.web_ys{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
	display: grid;
	grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
    grid-template-rows: calc(90vw * 0.2425 * 340 / 420) calc(90vw * 0.2425 * 340 / 420);
    grid-gap: 0.9vw 0.9vw;
}
.web_ys_item{
	padding: 2.5rem;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
}
.web_ys_item1{
	background: #0d41b3;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.web_ys_item2{
	background: #33d793;
}
.web_ys_item3{
	background: #00cacc;
}
.web_ys_item4{
	background: #3a6ddd;
}
.web_ys_item5{
	background: #8592a2;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}
.web_ys_item6{
	background: #702aff;
}
.web_ys_item_title{
	font-size: 1.875rem;
	color: #FFFFFF;
	font-family: opm;
	position: relative;
	z-index: 5;
}
.web_ys_item_des{
	font-size: 1.125rem;
	color: rgba(255,255,255,0.9);
	line-height: 160%;
	margin-top: 1.5rem;
	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: 45%;
	bottom: -3%;
	right: -10%;
}
.web_ys_item5 .web_ys_item_back{
	right: -1%;
}
.web_ys_item5 .web_ys_item_des{
	padding-right: 35%;
}

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

.web_sh_item{
	width: 32.66%;
	height: calc(90vw * 0.9 * 0.3266 * 321 / 507);
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.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.875rem;
	font-family: opm;
	color: #FFFFFF;
	padding: 0 2rem;
}
.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;
}

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

.web_lc{
	width: 100%;
	height: calc(100vw * 427 / 1920);
	background-image: url("../images3/web_lc_back.png");
	background-size: cover;
	background-position: center;
	margin-top: 2%;
	position: relative;
}
.web_lc_l{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.web_lc_item{
	position: absolute;
	font-size: 1.875rem;
	font-family: opm;
	color: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.web_lc_item1{
	width: 11.7vw;
	height: 11.7vw;
	background: #3a6ddd;
	top: 1vw;
	left: 0;
}
.web_lc_item2{
	width: 8.7vw;
	height: 8.7vw;
	background: #0d41b3;
	bottom: 3.6vw;
	left: 10vw;
}
.web_lc_item3{
	width: 15.6vw;
	height: 15.6vw;
	background: #00cacc;
	top: 0;
	left: 18vw;
}
.web_lc_item4{
	width: 8.7vw;
	height: 8.7vw;
	background: #0d41b3;
	top: -1vw;
	left: 33.5vw;
}
.web_lc_item5{
	width: 11.7vw;
	height: 11.7vw;
	background: #702aff;
	top: 5vw;
	left: 40vw;
}
.web_lc_item6{
	width: 15.6vw;
	height: 15.6vw;
	background: #0d41b3;
	top: 1vw;
	left: 52.5vw;
}
.web_lc_item7{
	width: 8.7vw;
	height: 8.7vw;
	background: #2bd2a4;
	top: 7vw;
	left: 68.5vw;
}
.web_lc_item8{
	width: 8.7vw;
	height: 8.7vw;
	background: #3a6ddd;
	top: 1vw;
	left: 76.5vw;
}
.web_lc_item9{
	width: 11.7vw;
	height: 11.7vw;
	background: #0d41b3;
	top: 10.5vw;
	left: 77vw;
}


/*挂件分页样式*/
.util-page{font-size:0; color:#000; text-align:center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count {color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#2c4afa;}
.util-page span.gobutton,.util-page span.gobutton:hover {color:#000; background-color:#eee; }
.util-page .gobutton .ion{font-size:.8em;}
.util-page .count {margin-left:10px; color:#000; background:none; border:none; }
.util-page span.jump{background:none; color:#000;display:inline-block; margin:0 7px; vertical-align:top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{background:none; border:none;color:#000; font-size:14px; }
.util-page .jumpto_inp{width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top; }


/* 分页 */
.page {text-align:center; line-height:16px; margin-top:20px;margin: 50px auto 0px auto;}
.page span, 
.page a {display:inline-block; border:1px solid #ededed; padding:5px 10px; vertical-align:middle; margin-left:-1px}
.page .goprev {margin-right:10px}
.page .gonext, .page .count {margin-left:10px}
.page span, .page a:hover {background:#2c4afa; color:#fff}
.page span.goprev, .page span.gonext {color:#ccc; background:0 0}
.page span.count {border:0; background:0; color:#333}
/* 分页 end*/