/*标题*/
.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.375rem;
	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: #009fa8;
        color: #FFFFFF;
    }
    to {
        color: rgba(0,0,0,0.9);
        background-color: transparent;
    }
}
 
@-webkit-keyframes reveal3
{
    from {
        background-color: #009fa8;
        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: #009fa8;
	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: #009fa8;
	border: 1px solid #009fa8;
	color: #FFFFFF;
}
/*首页*/

/*banner*/
.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
}
.banner_img{
	width: 100%;
	height: 100vh;
	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: 3.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: 3rem;
}
.banner .swiper-slide{
	position: relative;
}

.banner .swiper-slide img{
	width: 100%;
	transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1, 1);
}




/*服务*/
.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: #009fa8;
	-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("../images/id_server_website.png");
}
.id_server_img_xcx{
	background-image: url("../images/id_server_xcx.png");
}
.id_server_img_gzh{
	background-image: url("../images/id_server_gzh.png");
}
.id_server_img_app{
	background-image: url("../images/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: 32%;
	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: 24%;
}
.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;
	min-height: 750px;
	position: relative;
	/* overflow: hidden; */
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url("../images/id_cy_back.jpg");
	background-position: center center;
	background-size: 100% auto;
	background-attachment: fixed;
	z-index: 1;
}

.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: 5rem;
	font-family: "Arial";
	font-weight: bold;
}
.id_cy_title_cn{
	color: #FFFFFF;
	font-size: 3.125rem;
	font-weight: bold;
	margin-top: 2rem;
}
.id_cy_title_lcn{
	color: #FFFFFF;
	font-size: 1.875rem;
}
.id_cy_title_ico{
	margin-top: 3rem;
}
.id_cy_title_ico>svg{
	height: 2.3rem;
}

.id_cy_item_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 6rem;
}
.id_cy_item{
	text-align: center;
	margin-left: 5%;
}
.id_cy_item:nth-child(1){
	margin-left: 0;
}
.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.275rem;
	color: #FFFFFF;
	margin-top: 2rem;
}
.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%;
}


.absorbed_img{
	position: absolute;
	top: 0;
	right: 10%;
	/* width:49.07%; */
	height: calc(75vw * 0.4907 * 757 / 687);
	height: calc(var(--mainwidth) * 0.4907 * 570 / 687);
	font-size: 0px;
	overflow: hidden;
	background: url("../images/index_119.png") no-repeat center top;
	background-size: cover;
}
.absorbed_img_1{
	width: 100%;
	height: 100%;
	 animation: star1 1s infinite linear;
}
.absorbed_img_2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	 animation: star 1s infinite linear;
}

@keyframes star {
  0% { opacity:0; }
  50% {opacity:1; }
  100% { opacity:0;}
}
@keyframes star1 {
  0% { opacity:1; }
  50% {opacity:0; }
  100% { opacity:1;}
}


.absorbed_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;
}




/*技术实力*/
.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: 0rem;
}
.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: 24%;
	height: calc(90vw * 0.32);
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin-top: 2%;
}
.id_tech_item1{
	background: #009fa8;
}
.id_tech_item2{
	background: #444444;
}
.id_tech_item3{
	background: #e9efff;
}
.id_tech_item4{
	background: #d3d3d3;
}

.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("../images/id_tech_item_ico_img1.png");
}
.id_tech_item_ico>div.id_tech_item_ico_img2{
	background-image: url("../images/id_tech_item_ico_img2.png");
}
.id_tech_item_ico>div.id_tech_item_ico_img3{
	background-image: url("../images/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("../images/case_back.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	padding-bottom: 5rem;
	background-color: #f0f0f0;
}
.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("../fonts/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: 2.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("../images/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("../images/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("../images/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: 4rem;
	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;
}

.ser_box .ser_app:nth-child(2n){
	justify-content: flex-end;
}

.ser_box .ser_app:nth-child(2n) .ser_app_right{
	left: 0;
}



/*关于我们*/
.n_banner_ab{
	height: calc(100vh + 8rem);
	padding-bottom: 8rem;
}
.ab_jj_box{
	width: 100%;
	height: calc(88vw * 900 / 1660 - 8rem);
	background: #009fa8;
	position: relative;
}
.ab_jj{
	width: 88vw;
	height: calc(88vw * 900 / 1660);
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url("../images/ab_back.png");
	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: #009fa8;
	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("../images/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("../images/lx_ico_tel.svg");
	font-size: 1.625rem;
	font-weight: bold;
	padding-top: 0.1rem;
}
.ab_lx_con_fs_item_address{
	background-image: url("../fonts/lx_ico_address.svg");
}
.ab_lx_con_fs_item_mail{
	background-image: url("../fonts/lx_ico_mail.svg");
}

/*联系我们*/
.lx_box{
	width: 100%;
	height: 100vh;
	background-image: url("../images/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("../images/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("../images/lx_ico_tel.svg");
	font-size: 1.625rem;
	font-weight: bold;
	padding-top: 0.1rem;
}
.lx_con_fs_item_address{
	background-image: url("../fonts/lx_ico_address.svg");
}
.lx_con_fs_item_mail{
	background-image: url("../fonts/lx_ico_mail.svg");
}

/*APP开发*/
.ser_box{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.ser_title_top{
	width: 100%;
	height: 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: #009fa8;
	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("../images/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: #009fa8;
}
.gzh_ys_menu_l span:after{
	position: absolute;
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	border: 0.6rem solid #009fa8;
	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: #009fa8;
	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("../images/gzh_lx_back1.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	left: -6vw;
	top: 0;
	z-index: -1;
}
.gzh_lc_item2:before{
	position: absolute;
	content: '';
	width: 6vw;
	height: 18vw;
	background-image: url("../images/gzh_lx_back2.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	left: -6vw;
	top: 0;
	z-index: -1;
}
.gzh_lc_item3:before{
	position: absolute;
	content: '';
	width: 6vw;
	height: 18vw;
	background-image: url("../images/gzh_lx_back3.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	left: -5.5vw;
	top: 0;
	z-index: -1;
}
.gzh_lc_item4:before{
	position: absolute;
	content: '';
	width: 6vw;
	height: 18vw;
	background-image: url("../images/gzh_lx_back4.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	left: -5.5vw;
	top: 0;
	z-index: -1;
}
.gzh_lc_item4:after{
	position: absolute;
	content: '';
	width: 10vw;
	height: 18vw;
	background-image: url("../images/gzh_lx_back5.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	right: -8vw;
	top: 0;
	z-index: -1;
}

/*小程序开发*/
.xcx_ys{
	width: 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("../images/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("../images/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: #009fa8;
	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("../images/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: #009fa8;
	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: #009fa8;
	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: #009fa8;
	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: #009fa8;
	top: 10.5vw;
	left: 77vw;
}
.scroll {
	width: 100%;
	overflow: hidden;
}

.scroll ul {
	white-space: nowrap;
}

.scroll ul li {
	display: inline-block;
	margin: 10px;
}

.scroll ul img {
	border-radius: 5px;
	max-width: 200px;
	vertical-align: top;
}
.id_partner_box {
	padding: 5em 0;
}
.id_partner_box .id_title{
	width: 90vw;
	margin: 0 auto 2em auto;
}
/* q_footer start! */
.q_footer{position: relative;background-color: #16292b; color: #fff;}
.q_footer a{outline: none;color:#647f92;}
.q_footer a:hover{color:var(--white);}
.footer_main{width:100%;margin:0 auto;position: relative;}
.footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.footer_t{width:100%;margin:0 auto;padding:0;}
.footer_t .footer_main{border-bottom:1px solid #1e3e54;}

.footer_block{width:17.5%;float:left;padding:50px 10px 0 50px;border-left:1px solid #144c4f;height:150px;}
.footer_block:nth-of-type(1){border-left:0;width:36%;padding:50px 10px 0 0;}
.footer_block:nth-of-type(4){width:29%;}
.footer_block:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.footer_logo img{height:50px;}

.footer_block_icon{width:41px;float:left;}
.footer_block_txt{width:calc(100% - 60px);float:right;color:var(--white);}
.footer_block_h{font-size: 14px;line-height: 20px;}
.footer_block_p{margin:2px auto 0;font-size: 14px;line-height: 20px;}
.footer_block_g{margin:10px auto 0;font-size: 14px;line-height: 20px;}


.footer_c{padding:50px 0 90px;}
.footer_list{width:calc(100% - 580px);float:left;}
.footer_item{width:15%;float:left;margin:0 2% 0 0;}
.footer_item:nth-of-type(6n){margin:0;}
.footer_item_h a{outline: none;display: block;width:100%;font-size: 18px;line-height: 30px;}
.footer_ul{margin:15px auto 0;}
.footer_ul li{margin:5px auto 0;}
.footer_ul li:nth-of-type(1){margin:0 auto;}
.footer_ul li a{outline: none;display: block;width:100%;font-size: 14px;line-height: 25px;}

.footer_code{width:360px;float:right;text-align: right;}
.footer_code_item{display: inline-block;margin-left: 25px;text-align: center;max-width: 130px;}
.footer_code_img{width:100%;}
.footer_code_img img{width:100%;border-radius: 5px;}
.footer_code_h{margin:10px auto 0;font-size: 14px;color:#647f92;line-height: 25px;height:25px;}

.footer_b{width:100%;margin:0 auto;background-color: rgba(0,0,0,.5);padding:15px 0;}
.footer_b span,.footer_b a{margin:0 4px;line-height: 25px;font-size: 14px;color:#647f92;outline:none;}
.footer_b a:hover{color:var(--white);}
.footer_b span a{margin:0;}
.footer_b span img{display: inline-block;width:25px;margin-right: 8px;}
.footer_b_l{width:75%;float:left;}
.footer_b_r{width:20%;float:right;text-align: right;}

/* q_footer end! */
.main1600 {
    width: 1700px;
    margin: 0 auto;
}
.clear{
	height: auto;
}

@media(max-width: 1440px){

	.main1200{width:1000px;}
	.main1600{width:1200px;}
}

.m_logo{
	display: none;
}

.right-nav {
    position: fixed;
    right: 12px;
    bottom: 20%;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 13px 0px rgba(7,46,83,0.06);
    z-index: 9999;
    opacity: 0;
    transform: translate(0,50px);
    visibility: hidden;
    transition: all 0.35s ease-out
}

.right-nav.active {
    opacity: 1;
    transform: translate(0,0);
    visibility: visible
}

@media (max-width: 1199.98px) {
    .right-nav {
        border-radius:20px
    }
}

@media (max-width: 767.98px) {
    .right-nav {
        border-radius:0;
        bottom: 0;
        right: 0;
        left: 0px;
        display: flex
    }
}

.right-nav-item {
    display: block;
    padding: 16px 10px;
    text-align: center;
    text-decoration: none !important;
    border-bottom: none;
    position: relative;
    transition: all 0.35s ease;
	cursor: pointer;
}

@media (max-width: 1199.98px) {
    .right-nav-item {
        padding:10px
    }
}

@media (max-width: 767.98px) {
    .right-nav-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .right-nav-item:not(:first-child) {
        border-left: 1px solid #eee
    }
}

.right-nav-item:hover {
    background-color: #009fa8
}

.right-nav-item:hover .icon img {
    opacity: 0;
    visibility: hidden
}

.right-nav-item:hover .icon .hover {
    opacity: 1;
    visibility: visible
}

.right-nav-item:hover span {
    color: #fff
}

.right-nav-item:hover .hover-grp {
    opacity: 1;
    visibility: visible
}

@media (min-width: 768px) {
    .right-nav-item:first-child {
        border-top-left-radius:50px;
        border-top-right-radius: 50px
    }

    .right-nav-item:last-child,.right-nav-item.border-radius {
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px
    }

    .right-nav-item:not(:first-child) {
        border-top: 1px solid #eee
    }

    .right-nav-item.gotop {
        padding: 0;
        height: 0;
        border-top: none;
        overflow: hidden;
        transition: all 0.35s ease
    }

    .right-nav-item.gotop.active {
        border-top: 1px solid #eee;
        padding: 16px 10px;
        height: 87px
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .right-nav-item:first-child {
        border-top-left-radius:20px;
        border-top-right-radius: 20px
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .right-nav-item:last-child,.right-nav-item.border-radius {
        border-bottom-left-radius:20px;
        border-bottom-right-radius: 20px
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .right-nav-item.gotop.active {
        padding:10px;
        height: 68px
    }
}

.right-nav-item .icon {
    display: block;
    margin: 0 auto 8px;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1199.98px) {
    .right-nav-item .icon {
        mix-blend-mode:6px;
        width: 24px;
        height: 24px
    }
}

.right-nav-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease
}

.right-nav-item .hover {
    opacity: 0;
    visibility: hidden
}

.right-nav-item span {
    display: block;
    font-size: 14px;
    line-height: 1.2857142857;
    color: #333;
    transition: all 0.35s ease
}

@media (max-width: 1199.98px) {
    .right-nav-item span {
        font-size:12px
    }
}

.right-nav-item .hover-grp {
    width: 100px;
    height: 100px;
    margin-right: 10px;
	text-align: left;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease
}
.hover-phone {
    padding: 20px 15px;
    background-color: #FFF;
    border-radius: 8px;
    text-align: left;
    color: #444;
    white-space: nowrap;
    width: auto !important;
    height: auto !important;
}
.hover-grp {
    box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
    .right-nav-item .hover-grp {
        right:25%;
        top: auto;
        bottom: 100%;
        transform: translateX(50%);
        margin-right: 0;
        margin-bottom: 10px
    }
}

.right-nav-item .hover-grp img {
    width: 100%;
    height: 100%;
    position: static
}
.hover-phone span {
    color: #222 !important;
}
.hover-phone strong {
    font-size: 18px;
    color: #009fa8;
}

.fixed-product-consulting
{
    position: fixed;
    z-index: 10;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .5);
}
.fixed-product-consulting .wrap-product-consulting
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50%;
    height: auto;
    padding: 0 15px;

    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

}
.fixed-product-consulting .wrap-product-consulting .product-consulting
{
    position: relative;

    overflow-y: auto;

    max-width: 990px;
    max-height: 800px;
    margin: 0 auto;
    padding: 50px;

    border-radius: 10px;
    background-color: #fff;
}
@media (max-width: 1470px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 650px;
    }
}
@media (max-width: 1199px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 600px;
    }
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 450px;
        padding: 20px 10px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar
{
    position: absolute;
    left: 0;

    width: 4px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar-track
{
    background-color: #dcdcdc;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar-thumb
{
    background-color: #9f9f9f;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close
{
    position: absolute;
    top: 20px;
    right: 20px;

    cursor: pointer;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close
    {
        right: 10px;
    }
    .fixed-product-consulting .wrap-product-consulting
    {
    
        width: 100%;
    
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close img
{
   width: 30px;

}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting
{
    text-align: center;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b
{
    font-size: 26px;
    font-weight: normal;
    line-height: 1;

    display: block;

    color: #009fa8;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b:after
{
    display: block;

    width: 100%;
    height: 4px;
    margin-top: 20px;

    content: '';

    background: url(../images/line-5.png) no-repeat center;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b
    {
        font-size: 20px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting p
{
    font-size: 18px;
    line-height: 1.66666667;

    margin: 14px 0 0 0;

    color: #666;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting p
    {
        font-size: 16px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list
{
    margin-top: 30px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form
{
    overflow: hidden;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul
{
    overflow: hidden;

    margin: 0 -30px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li
{
    float: left;

    width: 100%;
    margin-top: 20px;
    padding: 0 30px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li:nth-child(7)
{
    width: 100%;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li
    {
        width: 100%;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input[type=text],
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea
{
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    min-height: 52px;
    padding: 10px;

    resize: vertical;

    color: #999;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 4px;
    outline: none;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input[type=text],
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea
    {
        font-size: 15px;

        min-height: 44px;
        padding: 6px 10px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input::-webkit-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea::-webkit-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:-o-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:-o-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input::-moz-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea::-moz-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:-ms-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:-ms-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-webkit-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-webkit-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-o-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-o-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-moz-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-moz-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-ms-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-ms-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form select
{
    font-size: 16px;
    line-height: 52px;
    width: 100%;
    height: 52px;
    padding: 0 30px 0 8px;
    color: #999;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    outline: none;
}
.product-consulting-list form select option:hover{
	appearance: none ;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form select
    {
        line-height: 42px;

        height: 42px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .send
{
    text-align: center;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .submit
{
    font-size: 18px;
    line-height: 58px;
    border: unset;
    height: 58px;
    margin-top: 30px;
    padding: 0 100px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 30px;
    background-color: #e5e5e5;
    background-color: #009fa8;
}

@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .submit
    {
        font-size: 15px;
        line-height: 48px;

        height: 48px;
        margin-top: 20px;
        padding: 0 50px;
    }
    .leftmgs{
    /*display:none;*/
    width: 40px;
    height: 130px;
    right: 15px;
    
}
}


.investment_con .investment_con_list{display: none;}
.id_case_box .id_title_right{
	width: 10%;
}
.id_case_box .investment_title,.ab_honor .investment_title{
	width: 50%;
	display: flex;
	justify-content: flex-end;
}
.id_case_box .investment_title>div,.ab_honor .investment_title>div{
	font-size: 1.8rem;
	padding: 3px 20px;
	border: 1px solid #999;
	border-radius: 20px;
	margin: 0 20px;
	transition: all 0.5s;
}
.id_case_box .investment_title>div.on,.ab_honor .investment_title>div.on{
	background-color: #009fa8;
	border-color: #009fa8;
	color: #fff;
}

.ab_honor{
	width: 86%;
	margin: 0 auto;
	padding: 0 4rem;
	
}
.ab_honor .investment_con{
	padding: 4rem 0;
}
.ab_honor .investment_con .swiper-container{
	padding-bottom: 4rem;
}
.ab_honor .investment_con_list .swiper-slide .img{
	overflow: hidden;
	border-radius: 5px;
}
.ab_honor .investment_con_list .swiper-slide img{
	width: 100%;
	transition: 0.5s;
	border-radius: 5px;
}
.ab_honor .investment_con_list .swiper-slide:hover img{
	transform: scale(1.2);
}
.ab_honor .swiper-pagination-bullet{
	margin: 0 3px;
}
.ab_honor .investment_con_list .swiper-slide h5{
	text-align: center;
	font-size: 1.5rem;
	margin-top: 1rem;
}
.ab_honor .investment_con_list .swiper-slide:hover h5{
	color: #009fa8;
}




.wp {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.wp1 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.m-t2 {
    overflow: hidden;
    margin-bottom: 61px;
}
.l, .col-l, .col_l, .col-c, .col_c {
    float: left;
}
.m-comm {
    overflow: hidden;
    padding: 96px 0 72px;
}
.m-comm .col-r {
    float: none;
    overflow: hidden;
    padding-left: 94px;
}
.m-comm .tit {
    font-size: 52px;
    color: #111;
    font-weight: normal;
    border-bottom: 1px solid rgba(27, 27, 27, .3);
    padding-bottom: 35px;
    margin-bottom: 40px;
}

.m-comm .txt {
    font-size: 18px;
    line-height: 42px;
    color: #444;
    margin-bottom: 45px;
    overflow: hidden;
}
.m-comm .t1 {
    float: left;
}
.m-comm .btn {
    width: 300px;
    height: 70px;
    display: block;
    border-radius: 35px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 20px;
    background-color: #148e95;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-comm .btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 28px;
    position: relative;
    top: -2px;
    margin-right: 14px;
    background: url(../images/i-41.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.m-t2 span {
    font-size: 52px;
    font-weight: normal;
    display: inline-block;
    padding-right: 16px;
    position: relative;
}
.m-t2 span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 2000%;
    height: 1px;
    background-color: #000;
    opacity: .32;
}
.m-comm .btn:hover {
    opacity: .8;
}
.m-slider4 {
    border-radius: 20px;
    position: relative;
    background-color: #fff;
}
.m-slider4 .slider-for .pic img,.m-slider4 .slider-nv .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-height: 80%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-slider4 .slider-for .pic {
    height: 548px;
    line-height: 548px;
    font-size: 0;
    text-align: center;
}
.m-slider4 .slider-nv .pic {
    /* height: 88px; */
    border: 1px solid rgba(27, 27, 27, .2);
    text-align: center;
    /* line-height: 86px; */
	padding: 12px 0;
    border-radius: 10px;
    font-size: 0;
    cursor: pointer;
}

.m-t1 {
    font-size: 44px;
    color: #111;
    font-weight: normal;
    padding: 30px 0;
}

.m-list5:after, .m-list5:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.m-list5 li {
    width: 33.33%;
    float: left;
    margin-bottom: 57px;
	list-style: none;
}
.m-list5 .pic {
    height: 360px;
    line-height: 360px;
    border-radius: 20px;
    font-size: 0;
    text-align: center;
    margin-bottom: 36px;
    overflow: hidden;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-list5 h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-list5 .desc {
    font-size: 17px;
    color: #888;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-list5 .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-height: 80%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 300px;
    height: 300px;
    object-fit: cover;
}
.m-list5 .con {
    display: block;
}
.m-list5 .con:hover .pic img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}





@media only screen and (min-width: 1199px) and (max-width: 1920px) {
    .wp {
        max-width: 83.33vw;
    }
    .wp1 {
        max-width: 1400px;
    }
	.m-comm {
        padding: 5vw 0 3.75vw;
    }
	.m-comm .col-l {
        width: 39.79vw;
    }
	.m-comm .col-r {
        padding-left: 4.895vw;
    }
	.m-slider4 {
        border-radius: 1.041vw;
    }
	.m-slider4 .slider-for {
        width: 31.77vw;
    }
	.m-slider4 .slider-nv {
        right: 1.458vw;
        top: 1.406vw;
        width: 6.406vw;
    }
	.m-comm .tit {
        font-size: 2.708vw;
        padding-bottom: 1.822vw;
        margin-bottom: 2.083vw;
    }
	.m-comm .txt {
        font-size: 0.937vw;
        line-height: 2.187vw;
        margin-bottom: 2.343vw;
    }
	.m-comm .btn {
        width: 15.62vw;
        height: 3.645vw;
        border-radius: 1.822vw;
        line-height: 3.645vw;
        font-size: 1.041vw;
    }
	.m-comm .btn:before {
        width: 1.354vw;
        height: 1.458vw;
        top: -0.104vw;
        margin-right: 0.729vw;
    }
	.m-t2 {
        margin-bottom: 3.177vw;
    }
	.m-t2 span {
        font-size: 2.708vw;
        padding-right: 0.833vw;
    }
	.m-txt2 {
        padding-bottom: 5.572vw;
    }
	.m-slider4 .slider-for .pic {
        height: 28.54vw;
        line-height: 28.54vw;
    }
	.m-slider4 .slider-nv .pic {
        /* height: 4.583vw;
        line-height: 4.479vw; */
        border-radius: 0.520vw;
    }
    .m-t1 {
        font-size: 2.291vw;
        padding: 2.760vw 0;
    }
	.m-list5{padding: 0 -1.302vw 2.968vw;}
	.m-list5 li{margin-bottom: 2.968vw;}
	.m-list5 .con{margin: 0 1.302vw;}
	.m-list5 .pic{height: 18.75vw;line-height: 18.75vw;border-radius: 1.041vw;
		margin-bottom: 1.875vw;
	}
	.m-list5 h3{font-size: 1.25vw;margin-bottom: 0.833vw;}
	.m-list5 .desc{font-size: 0.885vw;}
	.m-list5 .con:hover .pic{box-shadow: 0vw 0vw 0.781vw rgba(0,0,0,.2);}

}
.m-slider4 .slider-nv {
    position: absolute;
	height: 90%;
}
.m-slider4 .slider-nv .swiper-container{
	height: 100%;
}
.m-slider4 .slider-nv .swiper-slide-thumb-active .pic {
    border: 1px solid rgba(27, 27, 27, 1);
}

@media only screen and (max-width: 1199px) {
    .wp {
        width: auto;
        padding: 0 15px;
    }
    .wp1 {
        width: auto;
        padding: 0 15px;
    }
	.m-slider4{
		background: transparent;
	}
	.m-comm {
        padding: 0px 0 20px;
    }
	.m-comm .col-l {
        width: auto;
        float: none;
    }
	.m-slider4 .slider-for {
        width: auto;
    }
	.m-slider4 .slider-nv .pic {
		padding: 5px 0;
        border-radius: 5px;
    }
	.m-comm .col-r {
        padding-left: 0;
        padding-top: 25px;
    }
    .m-comm .tit {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
    .m-comm .tit {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
	.m-t2 {
        margin-bottom: 20px;
    }
	.m-t2 span {
        font-size: 20px;
        font-weight: bold;
    }
	.m-slider4 .slider-for .pic {
        height: 300px;
        line-height: 300px;
    }
	.m-slider4 .slider-nv {
        position: static;
        width: auto;
		margin-bottom: 10px;
    }
	.m-comm .txt {
        font-size: 14px;
        line-height: 1.8;
    }
	.m-comm .btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin: 0 auto;
    }
	.m-txt2 {
        padding-bottom: 5.572vw;
    }
	.m-list5 li {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
	.m-t1 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .m-list5 h3 {
        font-size: 16px;
        margin-bottom: 3px;
    }
	.m-list5 .desc {
        font-size: 14px;
    }
	.m-list5 .pic {
        height: 200px;
        line-height: 200px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

}
.m-txt2 img{
	max-width: 100%;
}

.ejlm{
	padding: 40px 0 0px 0;
	display: flex;
	justify-content: space-evenly;
	font-size: 2rem;
	border-bottom: 1px solid #a7a1a1;
}
.ejlm .lis{
	position: relative;
	padding-bottom: 10px;
}
.ejlm .lis a{color: #000;transition: 0.3s;}
.ejlm .lis.on a,.ejlm .lis:hover a{color: #19a1a8;}
.ejlm .lis::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2px;
	width: 0;
	height: 3px;
	background-color: transparent;
	transition: 0.3s;
}
.ejlm .lis.on::after,.ejlm .lis:hover::after{
	background-color: #32b2b9;
	width: 100%;
}

/*新闻中心*/
.informate{
	width: 100%;
    height: auto;
    margin: 0 auto;
	background: #fff;
	margin-top: 2.75rem;
	padding: 2.75rem 2.5%;
}
.informate_all{
	width: 100%;
    height: calc(73vw  * 0.58 * 347 / 813);
	height: calc(var(--mainwidth)  * 0.58 * 347 / 813);
	position: relative;
}
.informate_all .pagination_informate {
	position: absolute;
	bottom:0; text-align: left;
	width:36.76%; z-index:1; 
	right: 0;
	
}
.informate_all .swiper-pagination-bullet { display: inline-block; width:8px; height:8px;  background-color:#e5e5e5; border-radius:50px; margin:0px; margin-right: 6px; cursor: pointer;  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.informate_all .swiper-pagination-bullet-active{ background-color:#32b2b9;}	


.informate_list{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.informate_con{
	width: 100%;
	height: 100%;
	
	overflow: hidden;
}
.informate_con a{
	display: flex;
	justify-content: space-between;
}

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


.informate_img{
	width:60%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position: relative;
}
.informate_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;
}
.informate_img_1{
	position: absolute;
	font-size: 0.875rem;
	color: #fff;
	background: rgba(0,0,0,0.5);
	top: 10px;
	left: 10px;
	line-height: 1.625rem;
	padding: 0px 0.875rem;
	border-radius:30px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.informate_right{
	width: 36.76%;
	height: 100%;
	padding-right: 3%;
}
.informate_1{
	width:100%;
	overflow: hidden;
	font-weight: bold;
	color: #000;
	font-size: 1.812rem;
	    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.informate_2{
	font-family: Arial;
	color: #374465;
	opacity: 0.5;
	line-height: 2.75rem;
}
.informate_3{
	font-size: 1.125rem;
	color: rgba(0,0,0,0.8);
	line-height: 2rem;
	max-height: 8rem;
	overflow: hidden;
	margin-top: 8px;
}
.informate_4{
	margin-top: 2rem;
	font-size: 1.525rem;
	color: #fff;
	border-radius:30px;
	line-height: 2.875rem;
	background: #32b2b9;
	padding: 0px 1.75rem;
	display: inline-block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.news{
	width: 100%;
    height: auto;
    margin: 0 auto;
}
.news_con{
	width: 100%;
	height: auto;
	margin-top: 1rem;
}
.news_con a{
	display: block;
	padding: 2.5rem;
	background: #fff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: flex;
	justify-content: space-between;
}
.news_con a:hover{
	-moz-box-shadow: 0px 3px 27px rgba(88,139,227,0.2);
    -webkit-box-shadow: 0px 3px 27px rgba(88,139,227,0.2);
    box-shadow: 0px 3px 27px rgba(88,139,227,0.2);
}
.news_con a:hover .news_1{
	color: #32b2b9;
}
.news_con a:hover .news_img img{
	transform: scale(1.05);
}
.news_left{
	width: 74%;
	height: calc(73vw  * 0.184 * 146 / 258);
	height: calc(var(--mainwidth)  * 0.19 * 146 / 258);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.news_1{
	font-size: 1.612rem;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	 white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.news_2{
	font-size: 1.125rem;
	color: rgba(0,0,0,0.7);
	overflow: hidden;
	line-height: 1.875rem;
	max-height: 3.75rem;
}
.news_3{
	font-size: 1rem;
	color: rgba(0,0,0,0.5);
	font-family: Arial;
}

.news_img{
	width:19%;
	height: calc(73vw  * 0.184 * 146 / 258);
	height: calc(var(--mainwidth)  * 0.19 * 146 / 258);
	font-size: 0px;
	overflow: hidden;
}
.news_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;
}
.dang{
	width: 73vw;
    width: var(--mainwidth);
	margin: 0 auto;
	padding-top: 2rem;
	color: #000;
	font-size: 1.8rem;
	line-height: 5.375rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
.dang i{
	margin-right: 5px;
}
.dang a{
	position: absolute;
	top: 25%;
	right: 0;
	background: url("../images/xiang_03.png") no-repeat left;
	color: #009fa8;
	padding-left: 2.5rem;
	 -webkit-filter: grayscale(100%);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	font-size: 1rem;
	opacity: 0.8;
	cursor: pointer;
}
.dang a:hover{
	opacity: 1;
	-webkit-filter: grayscale(0%);
}
.xiang{
	width: 73vw;
    width: var(--mainwidth);
	margin: 0 auto;
	padding-top: 2.25rem;
	padding-bottom: 4.5rem;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.xiang_left{
	background: #fff;
	width: 75%;
	height: auto;
	overflow: hidden;
	padding: 2.75rem;
}
.xiang_tit{
	font-size: 2rem;
	color: #000;
	font-weight: bold;
}
.xiang_come{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 1rem;
	color: rgba(0,0,0,0.5);
	line-height: 3rem;
	margin-top: 1.25rem;
}
.xiang_come span{
	background: url("../images/xiang_07.png") no-repeat left;
	margin-left: 3.125rem;
	padding-left: 25px;
}
.xiang_con{
	width:100%;
	height: auto;
	overflow: hidden;
	color: rgba(0,0,0,0.8);
	line-height: 1.75rem;
	margin-top: 2rem;
}
.xiang_con img{
	max-width: 100%;
	height: auto;
}
.xiang_right{
	width: 23.7%;
	height: auto;
}
.xiang_tui{
	color: #009fa8;
	font-weight: bold;
	font-size: 1.125rem;

}
.xiang_list{
	width:100%;
	height: 7.625rem;
	margin-top: 1.25rem;
}
.xiang_list a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}
.xiang_list a:hover .xiang_bg{
	opacity: 1;
}
.xiang_list a:hover .xiang_1{
	opacity: 0;
}
.xiang_list a:hover .xiang_2_1{
	opacity: 0;
}

.xiang_top{
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0px 5%;
}
.xiang_1{
	font-size:1.125rem;
	color: rgba(0,0,0,0.8);
	overflow: hidden;
	 white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xiang_2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.875rem;
}
.xiang_2_1{
	color: rgba(0,0,0,0.5);
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	width: 74%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xiang_2_2{
	border: 2px solid #009fa8;
	color: #009fa8;
	border-radius:50px;
	width: 2.25rem;
	height: 2.25rem;
	text-align: center;
	line-height: 1.5rem;
	margin-top: 6px;
	font-size: 2rem;
	
	position: relative;
	z-index: 2;
}
.xiang_bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0px 5%;
	background-image: linear-gradient(#e2fcff , #fbfbfd);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xiang_3{
	font-weight: bold;
	font-size: 1.312rem;
	color: #000;
	line-height: 2rem;
	max-height: 4rem;
	margin-top: 1.25rem;
}
.xiang_next_warp{
	  width: 73vw;
    width: var(--mainwidth);
    margin: 0 auto;
	height: auto;
	padding-bottom: 7rem;
}
.xiang_next {
  	width: 100%;
    height: 4.125rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;

}
.xiang_next div:last-child{
	text-align: right;
}
.xiang_prev{
	width: 46%;
	height: 4.125rem;
	line-height: 4.125rem;
	color: #000;
} 
.xiang_prev a{
	color: #000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xiang_prev a:hover{
	color: #009fa8;
}
.xiang_min{
	width: 8%;
	height: 100%;
	text-align: center;
	line-height: 4.125rem;
}
.xiang_min a{
	color: #000;
	font-size: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xiang_min a:hover{
	color: #009fa8;
}
.cai_search, .menubtn, .hunt, .nav0007_nava, .xiang_next_warpphone, .word_phone, .rich_phone, .lead_phone, .terrace_phone_news, .pagination_customer {
    display: none;
}
.warpper{
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.warpper1{
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}
.warpper .layout_column{
	padding: 40px 30px;
	background: #fff;
	margin-top: 60px;
}
#u738808 {
    margin-top: 2.1611635926755697%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
.my_form .form_frame {
    position: relative;
    font-size: 0;
    margin: 0 -10px;
}
.form_warp .my_form {
    padding: 30px 20px;
}
.form_item_wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: calc(180px + 2.4%);
    vertical-align: bottom;
}
.form_item_wrap .form_item {
    padding: 0 10px;
}
.form_item .title {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}
.form_item .required_icon {
    color: red;
    position: relative;
    top: 2px;
    left: 10px;
    pointer-events: none;
    display: inline-block;
}
.my_nleavemessage .form_item .title_text {
    -webkit-background-clip: text;
    padding-right: 10px;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
    font-family: 微软雅黑;
    font-size: 1.2rem;
    color: rgba(51, 51, 51, 1);
}

.form_item_wrap .form_item .input_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding-left: 14px;
    height: 44px;
    line-height: 44px;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    border-radius: 0;
    background: rgba(204, 204, 204, 0.15);
}
.my_nleavemessage .input_style,.my_nleavemessage .textarea_style {
    background: rgba(204, 204, 204, 0.15);
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}
.my_nleavemessage .input_style,.my_nleavemessage .textarea_style {
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
}
.my_form .form_item .textarea_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding: 9px 14px;
    height: 100px;
    resize: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}
.my_nleavemessage .input_style,.my_nleavemessage .textarea_style {
    background: rgba(204, 204, 204, 0.15);
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}
.my_nleavemessage .input_style,.my_nleavemessage .textarea_style {
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
}
.item_type_validateCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.my_form .form_item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.item_type_validateCode .validateCode_img {
    width: 121px;
    height: 44px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
}
.item_type_validateCode .validateCode_input {
    max-width: 400px;
    margin-right: 10px;
}
.item_type_validateCode .validateCode_img {
    max-width: 100%;
    vertical-align: top;
}

.my_form .form_submit {
    width: 100%;
    max-width: 335px;
    height: 44px;
    line-height: 44px;
	margin-top: 30px;
    font-size: 16px;
    border: none;
    outline: 0;
    color: #fff;
    cursor: pointer;
	background-color: #009fa8;
}
.my_form .form_submit:hover{
	opacity: 0.8;
}
.warpper1 .laybox{
	margin-top: 60px;
}

.laybox {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.layout_column[data-class-col=pc_col_3] {
    width: 25%;
}
.lx_box {
    min-height: 220.5px;
}
#container{
	width: 100%;
	height: 360px;
}
.laybox .layout_column{
	width: 100%;
}
.laybox .layout_row.layrow.col_order_pattern{
	width: 100%;
}

/* 清除浮动 */
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}

.join-item {
    width: 100%;
    padding-bottom: 74px;
}

.join-title {
    width: 100%;
    background: #009fa8;
}

.join-title li {
    font-size: 16px;
    color: #fff;
    padding: 14px 32px;
	list-style: none;
}

.join-list,
.join-li {
    width: 100%;
}

.join-li-name li {
    font-size: 16px;
    color: #333;
    padding: 18px 32px;
	list-style: none;
}

.join-li-cont {
    width: 100%;
    padding: 34px 32px 58px;
    background: #f9f9f9;
    display: none;
}

.join-li {
    border-bottom: 1px solid #eee;
}

.join-title li,
.join-li-name li {
    float: left;
    line-height: 1.4em;
}

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

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

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

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

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

.join-li-name li:last-child {
    color: #999;
    text-align: right;
}

.join-li-cont-info {
    width: 100%;
}

.join-li-cont-info h6 {
    font-size: 18px;
    color: #009fa8;
    line-height: 36px;
}

.join-li-cont-info p {
    font-size: 14px;
    color: #666;
    line-height: 36px;
}

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

.join-li-cont-send {
    display: block;
    position: relative;
    margin-top: 32px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #009fa8;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}

.join-li-name {
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.join-li-name:hover li:first-child,
.join-li-name.ontrue li:first-child,
.join-li-name:hover li:last-child,
.join-li-name.ontrue li:last-child {
    color: #009fa8;
}

.join-more {
    width: 100%;
    text-align: center;
    margin-top: 46px;
}

.join-more a {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 194px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #009fa8;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.com-tit {
    color: #333333;
    text-align: center;
}
.com-tit h3 {
    font-size: 2rem;
    font-weight: normal;
    position: relative;
    z-index: 1;
    line-height: 2rem;
	font-weight: 600;
	padding: 40px 0;
	margin-bottom: 40px;
}
.com-tit h3.line::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    width: 50px;
    height: 2px;
    background-color: #009fa8;
}

.pages{overflow:hidden;text-align:center;padding:50px 0 50px;}
.pages ul{font-size:0}
.pages li{display:inline-block;vertical-align:middle;margin:0 5px}
.pages li a{margin:0 5px}
.pages a,.pages span{border-radius: 4px;display:inline-block;
	width:44px;height:44px;line-height:42px;
	border:1px solid #DCDCDC;text-align:center;font-size:20px;
	color:#111;background-color:#fff;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.pages li a:hover,.pages li a.page-num-current{background-color:#111;border-color:#111;color:#fff}
.pages span{font-weight: normal;}
.pages .arrow a{width: 105px;}


/*清除浮动*/
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE6识别*/
}

.bgCover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.block {
    display: block;
}
.textAll {
    color: #7D7F81;
    line-height: 2;
    text-align: justify;
}
.nAllMore a {
    display: flex;
    border: 1px solid #DCDFE6;
    border-radius: 5px;
    width: 201px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #6A6B6C;
    font-size: 1.2rem;
    position: relative;
    overflow: hidden;
}
.aboutMore a:after, .nAllMore a:after {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #009fa8;
    content: '';
    position: absolute;
    left: -90px;
    top: -90px;
    transform: scale(0);
    transition: 0.5s ease-out;
}
.aboutMore a:hover:after, .nAllMore a:hover:after {
    transform: scale(1);
}
.aboutMore a:hover span, .nAllMore a:hover span {
    color: #fff;
}
.nAllMore a em img {
    filter: brightness(0) invert(0.5);
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.nAllMore a:hover img {
    filter: brightness(0) invert(1);
}
.nAllMore a>* {
    position: relative;
    z-index: 2;
}
.overscroll {
    overflow-y: auto;
}
/* 专业能力 */
.list_p2_5{padding-bottom: 85px;}
.list_p2_5 dl{padding-top: 85px;}
.list_p2_5 dl dt{width: 50%;float: left;}
.list_p2_5 dl dt a{padding-bottom: 462px;-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.list_p2_5 dl dd{float: right;width: 50%;padding-left: 5.9%;box-sizing: border-box;}
.list_p2_5 dl dt:hover a{box-shadow: 0 0 15px rgba(0,0,0,0.3);transform: scale(1.03);}
.list_p2_5 dl dd:hover h5{color: #009fa8;}
.list_p2_5 dl dd h5{margin-bottom: 70px;font-size: 2.4rem;}
.list_p2_5 dl dd .textAll{max-height: 160px;margin-bottom: 50px;font-size: 1.2rem;}
.list_p2_5 dl:nth-child(even) dt{float: right;}
.list_p2_5 dl:nth-child(even) dd{padding-left: 0;padding-right: 5.9%;}


.location {
    line-height: 60px;
    border-bottom: 1px solid #E8E9EA;
}
.location a{
    font-size: 1rem;
    color: #565656;
    padding: 0 10px;
    display: inline-block;
    position: relative;
}
.location a.active, .location a:hover {
    background: linear-gradient(to top, #96ffe845, #a0e4ff1a);
    color: #009fa8;
}
.location a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    background: #F39801;
    width: 100%;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
}
.location a.active:after, .location a:hover:after {
    transform: scaleX(1);
}

.padding90 {
    padding: 90px 0;
}

.pro_intel_one{display: flex;justify-content: space-between;align-items: center;color: #565656;}
.pro_intel_one dt{width: 43.4%;}
.pro_intel_one dd{width:47.4%;}
.pro_intel_one dd img{max-width:100%}

.abouttit {
    position: relative;
    line-height: 1.22;
    padding-bottom: 22px;
    margin-bottom: 25px;
    font-size: 2.4rem;
    color: #565656;
}
.abouttit:after {
    width: 42px;
    height: 4px;
    background: #009fa8;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
.abouttitcenter {
    text-align: center;
}
.abouttitcenter:after {
    left: 50%;
    margin-left: -21px;
}

.aboutBggray {
    /*background: #f7f7f7;*/
    padding: 50px 0;
}
.poHidden {
    position: relative;
    overflow: hidden;
}
.p1_1Four .container .img, .p5_1_one a .img, .p7Threebottom .img {
    padding-bottom: 65%;
    webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.p1_1Four .container .swiper-slide .text, .p5_1_one a .text {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 0 10px;
}
.p1_1Four .container .swiper-slide .text i, .p5_1_one a .text i {
    color: #fff;
    margin: 0 5%;
    font-size: 1.2rem;
    font-style: unset;
}
.TXTovehid {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.p5_1_three{background: #fff;margin-top: 30px;}
.p5_1_three dl{margin: 0 48px;border-bottom: 1px solid #E4E4E4;padding: 20px 0;}
.p5_1_three dl dt.item1{width: 235px;}
.p5_1_three dl dt.item1 a{padding-bottom: 152px;}
.p5_1_three dl dt.item2{margin-right: 40px;margin-top: 30px;width: 89px;height: 98px;background: #F7F7F7;text-align: center;color: #009fa8;padding-top: 12px;box-sizing: border-box;}
.p5_1_three dl dd{width: calc(100% - 235px - 200px);margin-top: 30px;}
.p5_1_three dl dd .textAll{margin-top: 6px;height: 64px;
/*font-size: 1.2rem;*/
}
.p5_1_three dl dd .textAll p{margin: 0;}
.p5_1_three dl dt.item2 span{ font-family: "DINPro-Medium";
/*font-size: 2.4rem;*/
    
}
.p5_1_three dl dt.item2 em{font-family: "DIN-Light";font-style: unset;}
.p5_1_three dl:hover dd .title,.conpage .conLeft:hover *,.conpage .conLeft:hover *{color: #009fa8;}
.p5_1_three dl:hover dt.item1{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.p5_1_three .page{padding: 40px 0;}
.p5_1_one a:hover .img{transform: scale(1.05);}
.ani300 {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.p5_1_three dl dd .title{
    color: #565656;
    font-size: 1.6rem;
}
.p5_1_three dl:hover dd .title, .conpage .conLeft:hover *, .conpage .conLeft:hover * {
    color: #009fa8;
}

.aboutBggray {
    padding: 50px 0;
}
.cont_news {
    background: #fff;
    padding: 70px;
    max-width: 1000px;
    margin: auto;
}
.flexwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contit1{text-align: center;line-height: 1.3;margin-bottom: 20px;font-size: 2.4rem;color: #565656;}
.contem{justify-content: center;padding-bottom: 45px;border-bottom: 1px solid #e8e8e8;line-height: 32px;}
.contem div span,.contem div {display: flex;color: #BFC0C4;font-weight: 300;}
.contem div span img{max-width:100%}
.contem div span{margin-right: 10px;}
.contem div {margin: 0 3%;}
.contWrap{padding: 20px 0;color: #6A6B6C;min-height: 300px;word-wrap: break-word;}
/*.contWrap p{margin-top:10px;}*/
.contWrap table,.contWrap iframe,.contWrap video{height: auto !important;max-width:100%}

.contWrap table td a{display: block;}
.contWrap table td img{/*margin-top: 20px;*/object-fit:cover;height:100% !important;width:100% !important;display:block;}
/*.contWrap table tr:first-child td img{margin-top: 0;}*/

.conpage a{color: #6A6B6C;max-width:calc(100% - 125px)}
.conpage .conRight img,.conpage .conLeft img{width: 7px;filter: brightness(0) invert(0.7);}
.conpage .conRight img{transform: rotateY(180deg);margin-left: 10px;}
.conpage .conCenter img{position: relative;top: 3px;margin-right: 10px;}
.conpage .conLeft img{margin-right: 10px;}
.conpage .conCenter{font-weight: 500;}
.conpage .conLeft:hover img,.conpage .conLeft:conRight img{filter: none;}
.conpage .conRight, .conpage .conLeft{display: flex;width: calc((100% - 100px) / 2);}
.conpage .conRight{justify-content: flex-end;}
.conpage .conRight span,.conpage .conLeft span{width: 75px;}
.textAll table, .textAll iframe, .textAll video, .textAll img {
    max-width: 100%;
}

.znsb_sbgz{background-image: url(../images/znsbbg1.jpg);}
.padding90{padding: 90px 0 !important;}
.znsb_sbgz .wrap{max-height: 570px;padding-right:10px}
.znsb_sbgz .wrap dl{float: left;width: calc((100% - 40px) / 2);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.5);display: flex;align-items: center;padding: 40px 30px 40px 40px;margin-top: 40px;}
.znsb_sbgz .wrap dl:nth-child(odd),.znsb_sbys .wrap li:nth-child(odd){margin-right: 40px;}
.znsb_sbgz .wrap dl:nth-child(-n+2),.znsb_sbys .wrap li:nth-child(-n+2){margin-top: 0;}
.znsb_sbgz .wrap dl dt{width: 140px;margin-right: 35px;}
.znsb_sbgz .wrap dl dt img{max-width: 140px;max-height: 180px;}
.znsb_sbgz .wrap dl dd{width: calc(100% - 175px);color: #fff;}
.znsb_sbgz .wrap dl dd h6{font-weight: 500;font-size:20px}
.znsb_sbgz .wrap dl dd .textAll{color: #fff; font-weight: normal;margin-top: 20px;padding-right: 40px;height: 128px;font-weight: 300;font-size:16px}

.znsb_sbgz .wrap dl .textAll p{margin: 0;}
.znsb_sbys .wrap .overscroll::-webkit-scrollbar-track{background-color: #F5F5F5;}

.znsb_sbgz .wrap.overscroll::-webkit-scrollbar,.znsb_sbys .wrap.overscroll::-webkit-scrollbar{background-color: rgba(255,255,255,0.3);  }  
.znsb_sbgz .wrap.overscroll::-webkit-scrollbar-thumb,.znsb_sbys .wrap.overscroll::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,0.3);  }  
.znsb_sbgz .wrap.overscroll::-webkit-scrollbar-track,.znsb_sbys .wrap.overscroll::-webkit-scrollbar-track{background-color: rgba(255,255,255,0.3);}

/*.znsb_sbys .wrap{max-height: 400px;}*/
.znsb_sbys .wrap li{float: left;width: calc((100% - 40px) / 2);box-sizing: border-box;border: 1px solid #EFF1FF;margin-top: 40px;background-color: #FBFCFE;padding: 30px 20px 30px 40px;list-style: none;}
.znsb_sbys .wrap li .subtitle{height: 64px;line-height: 32px;color: #565656;padding-right: 40px;font-weight: 300;}
.znsb_sbys .wrap li .title{display: flex;align-items: center;margin-bottom: 20px;}
.znsb_sbys .wrap li .title img{margin-right: 20px;height:36px ;}
.znsb_sbys .wrap li:hover{box-shadow: 0 4px 16px rgba(121,131,154,0.15);}

.znsb_hyal .abouttit, .znsb_sbgz .abouttit, .znsb_sbys .abouttit {
    text-align: center;
}
.znsb_hyal .abouttit::after, .znsb_sbgz .abouttit::after, .znsb_sbys .abouttit::after {
    left: 50%;
    transform: translateX(-50%);
}
.znsb_sbgz .abouttit::after {
    background-color: #fff;
}
.znsb_sbgz .abouttit {
    color: #fff;
}
/* 滚动条自定义 */
.overscroll {
    overflow-y: auto;
}

.overscroll::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
.overscroll::-webkit-scrollbar-track {
    /* background-color: #E4E4E4; */
}

/*定义滑块 内阴影+圆角*/
.overscroll::-webkit-scrollbar-thumb {
    background-color: #009fa8a3;
}
.znsb_sbgz .wrap dl .overscroll::-webkit-scrollbar,.znsb_sbys .wrap .overscroll::-webkit-scrollbar{width: 6px;background-color:rgba(255,255,255,0.2);border-radius: 0;}   
.znsb_sbgz .wrap dl .overscroll::-webkit-scrollbar-track{background-color: rgba(255,255,255,0.2);}  
.znsb_sbgz .wrap dl .overscroll::-webkit-scrollbar-thumb,.znsb_sbys .wrap .overscroll::-webkit-scrollbar-thumb{/* background-color: #E4E4E4; */}  
.znsb_sbgz .wrap dl .textAll p{margin: 0;}
/*.znsb_sbys .wrap .overscroll::-webkit-scrollbar-track{background-color: #F5F5F5;}*/

.znsb_sbgz .wrap.overscroll::-webkit-scrollbar,.znsb_sbys .wrap.overscroll::-webkit-scrollbar{background-color: rgba(255,255,255,0.3);  }  
.znsb_sbgz .wrap.overscroll::-webkit-scrollbar-thumb,.znsb_sbys .wrap.overscroll::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,0.3);  }  
.znsb_sbgz .wrap.overscroll::-webkit-scrollbar-track,.znsb_sbys .wrap.overscroll::-webkit-scrollbar-track{background-color: rgba(255,255,255,0.3);}

.fz16 {
    font-size: 16px;
}
.fz24 {
    font-size: 24px;
}

.pro_intel_end ul {
    justify-content: space-between;
    padding-top: 30px;
    list-style-type: none;
}
.textCenter {
    text-align: center;
}

.pro_intel_end ul li{width: 104px;line-height: 32px;}
.pro_intel_end ul li .ico{width: 104px;height: 104px;border-radius: 50%;box-shadow: inset 0 0 30px rgba(181,255,242,0.46);position: relative;margin-bottom: 14px;}
.pro_intel_end ul li .ico .obCoverIco{width: 48px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro_intel_end ul li a:hover .ico{transform:translateY(-15px);box-shadow: inset 0 0 30px rgba(181,255,249,1);}
.color333 {
    color: #333;
}
.fz22 {
    font-size: 22px;
}
.band-wrapper .item {
    float: left;
    width: 30.4%;
    margin-right: 30px;
    margin-bottom: 60px;
}

.band-wrapper .item .images {
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.band-wrapper .item .images img {
    display: block;
    width: 100%;
    height: 360px;
    border-radius: 10px 10px 0 0;
    transition: 0.5s;
    object-fit: cover;
}
.band-wrapper .item .word {
    background: #fafafa;
    padding: 30px;
    border: 1px solid #E6E6E6;
    border-radius: 0 0 10px 10px;
    transition: 0.3s;
}
.band-wrapper .item .word h2 {
    font-size: 20px;
    font-family: AlibabaPuHuiTiR;
    color: #1A1A1A;
    height: 70px;
    line-height: 35px;
    margin-bottom: 10px;
}
.band-wrapper .item .word .details {
    line-height: 30px;
}
.band-wrapper .item .word .details span {
    font-size: 12px;
    font-family: AlibabaPuHuiTiM;
    color: #333333;
    line-height: 17px;
    transition: 0.3s;
}

.band-wrapper .item .word .details .more {
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/icon_inter_nor.png) no-repeat;
    transition: 0.3s;
}
.band-wrapper .item a:hover .word .details .more {
    background: url(../images/icon_inter_sel.png) no-repeat;
}
.band-wrapper {
    padding-top: 40px;
}
.band-wrapper .item a:hover img {
    transform: scale(1.2);
}

.fz20 {
    font-size: 20px;
}
.fz38 {
    font-size: 38px;
}
@media screen and (max-width: 1540px) {
    .cont_news {
        max-width: 800px;
    }
    .znsb_sbgz .wrap dl {
        padding: 20px;
    }
    .fz24 {
        font-size: 20px;
    }
    .fz22 {
        font-size: 18px;
    }
   .fz20 {
        font-size: 18px;
    }
    
}

@media screen and (max-width: 1560px) {
    .footer_block:nth-of-type(1) .footer_logo img{
        height: 60px;
    }
}

@media screen and (max-width: 760px) {
    .location {
        display: none;
    }
    .aboutBggray, .aboutTwo, .cont_leader, .list_bidding, .aboutThree {
        padding: 20px 0;
    }
    .contit1 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .cont_news {
        padding: 30px 20px;
    }
    .contem {
        padding-bottom: 10px;
    }
     .list_p2_5 dl dt, .list_p2_5 dl:nth-child(even) dt, .contWrap {
        padding: 20px 0;
    }
    .textAll img,.disflex img{
        max-width: 100%;
        height: auto!important;
    }

    .p5_1_three dl {
        margin: 0 20px;
    }
    .contem div span, .contem div span:last-child, .p5_1_three dl dt.item1, .p5_1_three dl dd .textAll, .p7Threebottom .time {
        display: none;
    }
    .p5_1_three dl dt.item2 {
        width: 70px;
        height: 78px;
        margin-top: 10px;
        margin-right: 20px;
        padding-top: 6px;
    }
    .p5_1_three dl dt.item2 span {
        font-size: 28px;
    }
    .p5_1_three dl dd {
        width: calc(100% - 90px);
        margin-top: 10px !important;
    }
    .p5_1_three dl dd .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 1.4rem;
    }
    .list_p2_5 dl{
        padding-top: 10px;
    }
    .list_p2_5 dl dt, .list_p2_5 dl:nth-child(even) dt, .contWrap {
        padding: 20px 0;
    }
    .list_p2_5 dl dt{
       width: 100%;
    }
    .list_p2_5 dl dt a {
        padding-bottom: 65%;
    }
    
    .list_p2_5 dl dd {
        width: 100%;
        padding-left: 0;
    }
    .list_p2_5 dl dd h5 {
        margin-bottom: 20px;
        font-size: 1.4rem;
    }
    .overscroll {
        max-height: inherit !important;
    }
    .aboutMore a, .nAllMore a {
        width: 150px;
        line-height: 40px;
        height: 40px;
    }
    .list_p2_5 dl dd .textAll{
        margin-bottom: 10px;
    }
    .pro_intel_one {
        flex-wrap: wrap;
    }
    .padding90 {
        padding: 30px 0;
    }
    .p2_2_One_new dl dd, .zhuanjiaNewText .textAll, .zhuanjiaNewText ul, .pro_intel_one dt, .pro_intel_one dd {
        width: 100%;
    }
    .abouttit{
        font-size: 1.4rem;
    }
        .padding90 {
        padding: 30px 0 !important;
    }
    .znsb_sbgz .wrap dl, .znsb_sbys .wrap li {
        width: 100%;
    }
    .znsb_sbgz .wrap dl dt {
        width: 80px;
    }
    .znsb_pro .wrap dl dt img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    .znsb_sbgz .wrap dl dd {
        width: calc(100% - 100px);
    }
     .znsb_pro .wrap dl dd .textAll {
        height: 80px;
        line-height: 20px;
        font-size: 14px;
    }
     .fz24 {
        font-size: 18px;
    }
    .znsb_sbgz .wrap dl dd h6{
        font-size: 18px;
    }
    .fz16 {
        font-size: 14px;
    }
    .znsb_sbys .wrap li .subtitle {
        line-height: 21px;
    }
    .band-wrapper .item {
        width: 100%;
    }
    .band-wrapper .item .word h2{
        font-size: 18px;
    }
    .fz20 {
        font-size: 17px;
    }
    .conpage .conLeft {
        width: 100%;
    }
    .conpage em, .conpage .conCenter {
        display: none;
    }
    .conpage a {
        width: calc(100% - 60px);
        max-width: calc(100% - 60px);
    }
    .conpage em, .conpage .conCenter {
        display: none;
    }
    .conpage .conRight {
        margin-top: 10px;
    }
    .conpage .conRight {
        width: 100%;
        justify-content: end;
    }
    
}