* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}
.csp{
	cursor: pointer;
}
.switch2{
    animation: switch2 1s;
}
.switch1{
    animation: switch1 1s;
}
@keyframes switch1 {
    0% {transform: translateX(-100%)}
    100% {transform: translateX(0%)}
  }
  @keyframes switch2 {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-100%);}
  }
.gw_bigbox {
		width: 100%;
		min-height: 100vh;
		height: 100%;
		position: relative;
	}
	.gw_nav{
		width: 100%;
		height: 80px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 17;
	}
	.gw_nav1{
		background-color: #FFFFFF;
		color: #000000;
	}
	.gw_nav1 a{
		color: #000000;
	}
	.header-inner {
		width: 1200px;
		display: flex;
		height: inherit;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;

	}
	.gw_nav1 .nav_linktag:hover{
		color:#fb6638;
	}
	.gw_nav1 .nav_linktag:hover .gw_more{
		border-bottom: 1px solid #fb6638;
		border-right: 1px solid #fb6638;
	}
	.es-logo {
		width: 100px;
		height: 45px;
	}
	.es-logo2{
		width: 100px;
		height: 45px;
		display: none;
	}

	.header-nav {
		display: flex;
		align-items: center;
		height: inherit;
	}

	.nav_item {
		display: flex;
		align-items: center;
		height: inherit;
	}

	.nav_linktag {
		color: #fff;
		font-size: 16px;
		transition: all .2s ease;
		display: flex;
		align-items: center;
		height: 100%;
		padding: 0 22px;
		position: relative;
	}
    .gw_nav1 .nav_linktag.nav_linktag_item{
		color:#fb6638;
	}
    #gw_tit_list{
        position: fixed;
        width: 100%;
        left: 0px;
        top: 80px;
        z-index: 5;
        display: none;
    }
   .nav_item .nav_linktag_item .gw_more{
    border-bottom: 1px solid #fb6638;
    border-right: 1px solid #fb6638;
    }
	.gw_more {
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		margin-left: 8px;
		transform: rotate(45deg);
		transform-origin: 6px 6px;
		transition: all .2s ease;
	}
	.gw_nav1 .gw_more{
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		margin-left: 8px;
		transform: rotate(45deg);
		transform-origin: 6px 6px;
		transition: all .2s ease;
	}
	.nav-btn {
		margin-left: 30px;
		width: 110px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		background: #fff;
		color: #fb6638;
		font-size: 16px;
		padding: 0;
	}
	.gw_nav1 .nav_item .nav-btn{
		margin-left: 30px;
		width: 110px;
		height: 44px;
		display: flex;
		align-items: center;
		color: #fff;
		justify-content: center;
		border-radius: 8px;
		background: #fb6638;
		font-size: 16px;
		padding: 0;
	}
    .gw_nav1 .nav_item .nav-btn:hover{
        background-color: #FF904E;
    }
	.slide_nav {
		width: 100%;
		background: #ffffff;
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 20;
		display: none;
	}

	.slide_nav_inner {
		width: 1000px;
		margin: 50px auto 60px;
		display: flex;
	}

	.slide_nav_item {
		width: 254px;
	}

	.slide_nav_title {
		transition: color .2s ease;
		font-weight: normal;
		line-height: 22px;
		margin-bottom: 8px;
		font-size: 16px;
	}
	.slide_nav_title>a{
		color: #000;
	}
	.slide_nav_title>a:hover{
		color:#F23821
	}

	.slide_nav_desc {
		line-height: 20px;
		font-size: 14px;
		color: #999;
        cursor:pointer;
	}

	.apply_box {
		width: 100%;
		background: #ffffff;
		position: absolute;
		top: 80px;
		left: 0;
		display: none;
		z-index: 20;

	}

	.apply_t {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1000px;
		margin: 50px auto;
	}

	.apply_te {
		/* */
		margin-right: 20px;
        height: 267px;
	}

	.apply_te_title {
		display: flex;
		align-items: center;
		padding: 20px 0;
		border-bottom: 1px solid #e8e8e8;
	}

	.apply_h {
		width: 3px;
		height: 20px;
		background-color: #FB6638;
		margin-right: 15px;
	}

	.apply_item {
		padding-top: 20px;
		display: flex;
		align-items: center;
		/* margin-top: 20px; */
	}
	.apply_item>img,.market_item>img,.plug_item>img{
		width: 16px;
		height: 16px;
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}
.plug_item:hover,.plug_item2:hover{
    color: #fb6638;
}
	.market_item {
		width: 50%;
		padding-top: 20px;
	}
	.market_box {
		display: flex;
		flex-wrap: wrap;
	}

	.plug_item {
		width: 33%;
		padding-top: 20px;
        cursor: pointer;
        overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
	}
    .plug_item2 {
        overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
		width: 100%;
		padding-top: 20px;
        cursor: pointer;
	}
/* 侧面图标 */
.common_float_win{
	position: fixed;
    z-index: 100;
    right: 16px;
    bottom: 200px;
    width: 64px;
    height: 212px;
}
.common_float_item{
	/* width: 64px;
    height: 75px; */
    border: 2px solid #fb6638;
    background: #ffffff;
    background-position: center 12px;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding-top: 4px;
    margin-bottom: 10px;
    transition: all .2s ease;
    cursor: pointer;
    position: relative;
	box-sizing: border-box;
    box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);
	text-align: center;
}
.common_float_p{
	line-height: 17px;
    font-size: 12px;
    color: #585e81;
    text-align: center;
    transition: color .2s ease;
}
.float_wecha_img,.float_wecha_img2,.float_wx_img,.float_wx_img2,.float_phone_img,.float_phone_img2{
	width: 60px;
    height: 40px;


}
.float_wecha:hover,.float_wx:hover,.float_phone:hover{
    background: #FB6638;
}
.float_wecha:hover>.common_float_p,.float_wx:hover>.common_float_p,.float_phone:hover>.common_float_p{
    color:#FFF
}
.float_wecha:hover>.float_wecha_img,.float_wx:hover>.float_wx_img,.float_phone:hover>.float_phone_img{
    display: none;
}
.float_wecha_img2,.float_wx_img2,.float_phone_img2{
    display: none;
}
.float_wecha:hover>.float_wecha_img2,.float_wx:hover>.float_wx_img2,.float_phone:hover>.float_phone_img2{
    /* margin-left: 12px; */
    display: block;
}
.float_wecha:hover>.hover_floatwin,.float_wx:hover>.hover_floatwx,.float_phone:hover>.hover_phone{
    display: block;
}
.common_float_top{
	padding: 0;
    height: 30px;
    background: #fff;
    transition: all .2s ease;
    border: unset;
	display: none;
    overflow: hidden;
	text-align: center;
	line-height: 30px;
	border-radius: 10px;
    border: 2px solid #fb6638;
    position: relative;
    cursor: pointer;
}
.common_float_top:hover{
    background: #fb6638;
}
.common_float_img2{
    display: none;
    position: absolute;
    left: 30%;
    top: 10px;
}
.common_float_top:hover .common_float_img{
    display: none;
}
.common_float_top:hover .common_float_img2{
    display: block;
}
.hover_floatwin{
	width: 150px;
    padding: 12px 0;
    position: absolute;
    top: 0;
    left: -162px;
    border-radius: 10px;
    background: #fb6638;
	display: none;
}
.hover_floatwin>img{
	display: block;
    margin: 0 auto 10px;
    width: 126px;
    height: 126px;
}
.hover_floatwin>p{
	line-height: 21px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.hover_floatwx{
	width: 150px;
    padding: 12px 0;
    position: absolute;
    top: 0;
    left: -162px;
    border-radius: 10px;
    background: #fb6638;
    transition: opacity .2s ease;
	display: none;
}
.hover_floatwx>img{
	display: block;
    margin: 0 auto 10px;
    width: 126px;
    height: 126px;
}
.hover_floatwx>p{
	line-height: 21px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.hover_phone{
	width: 150px;
    padding: 12px 0;
    position: absolute;
    top: 0;
    left: -162px;
    border-radius: 10px;
    background: #fb6638;
    transition: opacity .2s ease;
	display: none;
	line-height: 21px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.swiper_costoms{
    display: block;
    background: #fff;
    margin: 0 5px;
    opacity: 0.2;
    width: 30px;
    height: 4px;
    border-radius: 0;
}
.swiper_active{
    opacity: 1;
}
/* 页脚 */
.gw_footer{
	background: #1c1c25;
    width: 100%;
	/* height: 200px; */
}
.gw_f_box{
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 74px 0 30px 0px;
    color: #fff;
    font-size: 14px;
}
.gw_f_item{
	padding-right: 74px;
}
.gw_f_tit{
	padding-bottom: 4px;
}
.gw_f_tet{
	color: #5f5f5f;
    padding-top: 16px;
}
.gw_f_tet:hover{
    color: #fff;
}
.gw_f_img{
	margin-left: 30px;
}
.gw_f_img img{
	width: 130px;
    height: 130px;
}
.gw_f_copyright{
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	font-size: 12px;
	color: #5f5f5f;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #252525;
}
/* 主页 */
 .swiper-container {
      width: 100%;
      height: 560px;
    }

    .swiper-slide {
		width: 100%;
		height: 560px;
    }
	.gw_z_swiper{
	width: 100%;
	background-position: center !important;
}
.gw_z_scenarios{
	width: 1200px;
	margin: 0 auto;
}
.gw_z_tit{
	height: 42px;
    line-height: 42px;
    color: #3B426B;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.gw_z_title{
	margin-top: 20px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    color: #3B426B;
}
.gw_z_desc{
	position: relative;
    margin-top: 30px;
    width: 100%;
}
.gw_z_part{
	position: absolute;
    z-index: 10;
    width: 250px;
    height: 250px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 8px 20px rgb(26 58 129 / 10%);
    box-shadow: 0px 8px 20px rgb(26 58 129 / 10%);
    border-radius: 10px;
    box-sizing: border-box;
    padding-top: 24px;
    padding-left: 24px;
    animation: scenarios 2s infinite forwards alternate;
}
@keyframes scenarios{
	0%{
		transform: translateY(-10px);
	}
	100%{
		transform: translateY(10px);
	}
}
.gw_z_p_title{
	height: 28px;
    line-height: 28px;
    font-weight: bold;
    font-size: 20px;
    color: #3B426B;
}
.gw_z_p_text{
	width: 194px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #3B426B;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
}
.gw_z_p_ls{
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
}
.gw_z_p_item{
	position: relative;
    box-sizing: border-box;
    width: 112px;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    font-size: 14px;
    color: #585E81;
    font-weight: bold;
    margin-bottom: 10px;
}
.gw_z_p_item::before{
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 9px;
	    width: 6px;
	    height: 6px;
	    border-radius: 6px;
	    background: #FB6638;
}
.gw_z_business{
	padding-top: 50px;
    height: 720px;
    position: relative;
    overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
}
.gw_b_bg{
	position: absolute;
    z-index: 0;
    width: 100%;
	height: 720px;
    top: 0;
    left: 0;
}
.gw_b_tit{
	color: #ffffff;
    height: 54px;
    line-height: 54px;
	font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.gw_b_tab{
	color: #333333;
	width: 240px;
	height: 490px;
	background: #FFFFFF;
	border-radius: 8px;
	overflow: hidden;
	overflow-y: hidden;
}
.gw_b_item{
	height: 82px;
    padding: 0 22px;
    position: relative;
    font-size: 16px;
    line-height: 80px;
	text-align: center;
    cursor: pointer;
	border-radius: 8px;
    font-weight: bold;
    white-space: nowrap;
}
/* .gw_b_item:hover{
	color: #FB6638;
	color: #fff;
} */
.gw_b_box{
	/* display: none; */
    width: 880px;
	position: absolute;
	right: 0;
	top: 0;
    display: none;
}
.gw_b_item2{
	background-color: #FB6638;
	color: #fff;
}
.gw_b_item3{
	color: #FB6638;
}
.gw_box_tit{
	height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 18px;
}
.gw_box_desc{
	line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 22px;
}
.gw_b_feat{
	margin-top: 60px;
    display: flex;
}
.gw_feat_item{
	margin-right: 30px;
    width: 115px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gw_feat_img{
	width: 60px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gw_feat_img>img{
	width: 100%;
}
.gw_feat_text{
	height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    margin-top: 32px;
    white-space: nowrap;
}
.gw_img_box{
	width: 360px;
    height: 290px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.gw_z_service{
	width: 100%;
	height: 647px;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}
.gw_w_img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.gw_c_container{
	background: rgba(255, 255, 255, 0.15);
    width: 1200px;
    height: 343px;
    display: flex;
    margin-top: 100px;
}
.gw_a_item{
	width: 300px;
    height: 343px;
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
	box-sizing: border-box;
}
.gw_a_imgbox{
	width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;

}
.gw_a_bigbox{
    /* transform:scale(1.5); */
    animation-name: enlarge;
    animation-duration: 1s;
    animation-delay:0.3s;
}
@keyframes enlarge {
    0% {transform:scale(1);}
    50% {transform:scale(1.4);}
    100% {transform:scale(1);}
  }
.gw_a_title{
	height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 22px;
    color: #fff;
}
.gw_a_title::before{
	content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background: #fb6638;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
}
.gw_a_text{
	margin-top: 35px;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    width: 220px;
    text-align: center;
}
.gw_d_box{
	position: absolute;
    transition: all .8s ease;
    top: 0;
    left: 0;
    width: 300px;
    height: 343px;
    overflow: hidden;
}
.gw_d_container{
	position: absolute;
    top: 0;
    left: 0;
	display: flex;
	background: #fb6638;
    margin-top: 0;
    transition: all .8s ease;
}
.gw_d_container .gw_a_title::before{
	background-color: #FFFFFF;
}










.gw_z_home{
	padding-top: 80px;
    height: 710px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to bottom, #F2F7FF 65.56%, #fff 100%);
}
.gw_i_execute{
    position: relative;
}
.gw_i_img{
    position: absolute;
}
.gw_i_img1{
    width: 140px;
    bottom: -86px;
    left: 0;
}
.gw_i_img2{
    width: 168px;
    left: 176px;
    bottom: -86px;
}
.gw_i_img3{
    width: 168px;
    left: 460px;
    bottom: -86px;
}
.gw_i_img4{
    width: 140px;
    right: 232px;
    bottom: -84px;
}
.gw_i_img5{
    width: 125px;
    right: 0px;
    bottom: -86px;
}
.gw_i_img6{
    width: 272px;
    right: 0px;
    top: 73px;
}
.gw_h_bg{
	position: absolute;
    z-index: 0;
    width: 100vw;
    min-width: 1980px;
    top: 0;
    left: 0;
}
.gw_z_inner{
	position: relative;
	z-index: 1;
	width: 1200px;
	margin: 0 auto;
}
.gw_i_title{
	height: 42px;
    line-height: 42px;
    color: #3B426B;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
.gw_z_inner>img{
	display: block;
    margin: 70px auto 0;
}
.gw_z_sec{
	padding-top: 40px;
    height: 864px;
    background: #ffffff;
	box-sizing: border-box;
}
.gw_s_feat{
	margin-top: 70px;
	display: flex;
    flex-wrap: wrap;
	box-sizing: border-box;
    justify-content: space-between;
}
.gw_s_item{
	width: 241px;
    text-align: center;
    margin-bottom: 50px;
	box-sizing: border-box;
}
.gw_s_img{
	width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.gw_s_tit{
	line-height: 30px;
    font-size: 20px;
    color: #3B426B;
	font-weight: 700;
    margin-top: 30px;
	box-sizing: border-box;
}
.gw_s_text{
	line-height: 24px;
    font-size: 14px;
    color: #585E81;
    margin-top: 10px;
}
.gw_z_situation{
	padding-top: 40px;
    height: 796px;
    overflow-x: hidden;
}
.gw_swiper_tab{
	margin-top: 72px;
    display: flex;
    justify-content: center;
}
.gw_w_item{
	padding: 0 15px;
    line-height: 58px;
    margin: 0 41px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #3B426B;
    cursor: pointer;
	box-sizing: border-box;
	border-bottom: 3px solid #fff;
}
.active{
	border-bottom: 3px solid #fb6638;
    transition: width .3s ease;
}
.occupy_item_left {
	position: absolute !important;
	top: 0;
    left: -1240px;
}
.occupy_item_right {
    position: absolute !important;
    top: 0;
    right: -1240px;
}
.gw_i_box{
	position: relative;
    width: 1200px;
    height: 438px;
    margin: 50px auto 0;
	transition: all 1s ease .2s;
}
.gw_i_before{
	height: 438px;
    width: 1200px;
    content: '';
    position: absolute;
    top: 0;
    right: 1200px;;
    display: flex;
    overflow: hidden;
    z-index: 20;
    cursor: pointer;
}
.gw_i_before::after{
	content: '';
    display: block;
    width: 1200px;
    height: 438px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #FFFFFF 26.74%);
}
.gw_i_after{
	height: 438px;
    width: 999em;
    content: '';
    position: absolute;
    top: 0;
    display: flex;
    overflow: hidden;
    z-index: 20;
    cursor: pointer;
	 left: 1200px;
}
.gw_i_after::before{
	content: '';
    display: block;
    width: 1200px;
    height: 438px;
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 26.74%);
}
.gw_i_a{
	position: absolute;
    z-index: 1;
    border-radius: 4px;
    bottom: 40px;
    right: 70px;
    width: 120px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    transition: all .2s ease;
    border: 1px solid #fff;
    color: #fff;
}
.gw_i_a:hover{
    background: #fff;
    color: #fb6638;
    border: 1px solid #fb6638;
}
.gw_z_sales{
	padding-top: 80px;
    height: 819px;
    background: #F5F9FF;
    position: relative;
}
.gw_z_left{
	position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
}
.gw_z_right{
	position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
}
.gw_i_vec{
	width: 3680px;
    height: 438px;
    transition: left .8s ease;
    position: absolute;
    top: 0;
    left: -1240px;
    display: flex;
    justify-content: space-between;
}
.gw_i_item{
	width: 1200px;
    height: 438px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 53px 70px 0;
	box-sizing: border-box;
}
.gw_i_item::before{
	content: '';
    z-index: 1;
    position: absolute;
    width: 1200px;
    height: 438px;
    background: rgba(251, 102, 56, 0.9);
    top: 0;
    left: 0;
}
.gw_i_tit{
    display: flex;
    height: 37px;
    font-size: 24px;
    color: #fff;
}
.gw_i_tit>img{
	margin-right: 10px;
}
.gw_i_text{
	margin-top: 20px;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
}
.gw_situation_ls{
    display: flex;
    margin-top: 34px;
}
.gw_situation_item{
	line-height: 46px;
    font-size: 20px;
    color: #fff;
    width: 260px;
}
.gw_i_intro{
	position: relative;
    z-index: 10;
}
.gw_i_bg{
    width: 100%;
    height: 100%;
	position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 0;
}
.gw_u_box{
	width: 1200px;
    height: 453px;
    position: relative;
    z-index: 1;
    margin-top: 70px;
    overflow: hidden;
}
.swiper-button-disabled{
    display:none;
  }
.gw_u_ves,.gw_u_ves2{
	width: 1200px;
    height: 453px;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .6s ease;
    display: flex;
    flex-wrap: wrap;
}
.gw_u_item{
	width: 380px;
    height: 131px;
    border-radius: 10px;
    background: #fff;
    transition: box-shadow .2s ease;
    padding: 22px 20px;
    margin-bottom: 20px;
    margin-right: 20px;
	box-sizing: border-box;
    position: relative;
}
.gw_u_item:hover{
    box-shadow:0px 8px 20px rgb(26 58 129 / 10%);
}
.gw_u_item:hover .gw_u_image{
    display: block;
}
.gw_u_image{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: none;
}
.gw_u_title{
	height: 38px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #3B426B;
	display: flex;
}
.gw_u_img{
	width: 45px;
    height: 45px;
    margin-right: 12px;
}
.gw_u_text{
	margin-top: 12px;
    line-height: 32px;
    color: #585E81;
    font-size: 14px;
}
.gw_btn_r{
	width: 40px;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    position: absolute;
    top: 180px;
    right: -100px;
    border-radius: 4px;
    cursor: pointer;
}
.gw_btn_l{
	width: 40px;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    position: absolute;
    top: 180px;
    left: -100px;
    border-radius: 4px;
    cursor: pointer;
	transform: rotate(180deg);
}
.gw_z_a{
	width: 190px;
    height: 44px;
    border-radius: 4px;
    background: #fb6638;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    transition: background .2s ease;
    margin: 50px auto 0;
    position: relative;
    z-index: 10;
}
.gw_z_a:hover{
    background: #FF8348;
}
.gw_tan_box{
	width: 430px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 20px rgb(26 58 129 / 15%);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    z-index: 20;
    transition: all .3s ease;
    padding: 30px 40px 30px 26px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.gw_tan_g{
	width: 15px;
    height: 15px;
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.gw_tan_g>img:hover{
	transform: rotate(90deg)
}
.gw_tan_img{
	width: 66px;
    height: 66px;
    background: #E7F0FF;
    border-radius: 66px;
    overflow: hidden;
    margin-right: 14px;
}
.gw_tan_text{
	line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #3B426B;
    margin-right: 30px;
}
.gw_tan_wx{
	display: block;
    width: 110px;
    height: 110px;
}



.gw_e_box{
	padding-top: 98px;
    display: flex;
    justify-content: space-between;
}
.gw_e_btnbox{
	padding-top: 32px;
}
.gw_e_btn{
	width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fb6638;
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
    transition: background .2s ease;
    margin-bottom: 30px;
}
.gw_e_btn:hover{
	background-color: #FF904E;
}
.gw_e_btnbox>p{
	line-height: 24px;
    font-size: 14px;
    color: #585E81;
}
.gw_e_codebox{
	width: 784px;
    display: flex;
    justify-content: space-between;
}
.gw_c_img{
	width: 180px;
    height: 180px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0px 8px 20px rgb(26 58 129 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    overflow: hidden;
}
.gw_c_name{
	width: 126px;
    height: 44px;
    border-radius: 100px;
    background: #FFE8E1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #FB6638;
    margin: 0 auto;
}
.gw_z_exper{
	height: 500px;
    padding-top: 80px;
    position: relative;
    background: #F5F9FF;
}
.gw_z_servicedata{
	padding-top: 80px;
    height: 655px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #272336 0%, #393949 87.3%);
}
.gw_v_img{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.gw_v_box{
	margin-top: 95px;
    display: flex;
    justify-content: space-around;
    padding: 0 70px;
}
.gw_v_item{
	width: 200px;
}
.gw_v_num{
	font-size: 40px;
    font-weight: bold;
    line-height: 56px;
    color: #9AAFFF;
    margin-bottom: 30px;
}
.gw_v_title{
	font-size: 20px;
    line-height: 24px;
    color: #ffffff;
}
.gw_z_news{
	height: 720px;
    padding-top: 80px;
}
.gw_n_box{
	margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.gw_n_ls{
	width: 370px;
	overflow: hidden;
}
.gw_n_imgbox{
	width: 370px;
    height: 160px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    padding-left: 30px;
	box-sizing: border-box;
}
.gw_n_imgbox:hover .gw_t_img{
    transform:scale(1.2,1.2)
}
.gw_n_imgbox::before{
	content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(
90deg
, rgba(0, 0, 0, 0.26) 14.03%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.gw_t_img{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
.gw_t_title{
	margin-top: 52px;
    line-height: 31px;
    font-size: 22px;
	position: relative;
	z-index: 2;
	color: #fff;
}
.gw_t_text{
	margin-top: 6px;
    line-height: 22px;
    font-size: 16px;
	position: relative;
	z-index: 2;
	color: #fff;
}
.gw_t_tit{
	margin-top: 30px;
    line-height: 28px;
    font-size: 20px;
    color: #3B426B;
    font-weight: bold;
}
.gw_t_recommend{
	margin-top: 30px;
}
.gw_r_title{
	height: 46px;
    position: relative;
    padding-left: 20px;
    width: 370px;
    font-weight: normal;
}
.gw_r_title:hover>.gw_r_img{
    left:1%
}
.gw_r_title:hover a{
    color:#FF8348
}
.gw_r_img{
    width: 12px;
    height: 12px;
	position: absolute;
    top: 40%;
    left: 0;
    transition: left .2s ease;
}
.gw_r_text{
	display: block;
    line-height: 46px;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
	color: #000;
    transition: color .2s ease;
}
.gw_r_text>a{
	color: #000;
}
/* 商品介绍页面  */
.gw_products {
	width: 100%;
	background: url(../img/ervice-banner.jpg) no-repeat 20% 50%;
	height: 430px;
	color: #FFFFFF;
	text-align: center;
	background-size: cover;
}

.gw_p_title {
	font-size: 38px;
	padding: 158px 0 41px;
	text-align: center;
	color: #FFFFFF;
}

.gw_sub_title {
	font-size: 26px;
}

.gw_p_service {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 70px;
}

.gw_p_service_title {
	font-size: 32px;
	font-family: PingFang SC;
	color: rgba(59, 66, 107, 1);
	line-height: 63px;
	text-align: center;
	padding: 56px 0;
}
.gw_p_box{
	display: flex;
}
.gw_p_service_item{
	width: 32%;
    height: 234px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 4px 14px 2px rgb(122 153 209 / 17%);
    border-radius: 8px;
    margin: 0 10px;
	text-align: center;
}
.gw_p_service_item :first-child{
	font-size: 24px;
    padding-top: 40px;
}
.gw_p_service_item :nth-child(2){
	text-decoration: line-through;
    font-size: 20px;
    padding: 30px 0;
    padding-bottom: 15px;
}
.gw_p_service_item :first-child{
	font-size: 22px;
}
.gw_p_service_item :nth-child(3){
	color: #F23821;
    font-size: 48px;
}
.gw_p_service_list{
	width: 1000px;
	margin: 0 auto;
}
.gw_p_service_head{
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 18px;
}
.gw_p_header_item{
	width: 25%;
	height: 52px;
    line-height: 52px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    font-size: 20px;
    font-weight: bold;
    color: rgba(59,66,107,1);
}
.gw_p_list{
	margin-top: 70px;
}
.gw_list_hear{
    height: 80px;
    line-height: 80px;
    background: #f9f9f9;
	display: flex;
	box-sizing: border-box;
    /* font-weight: bold; */
    font-size: 20px;
    border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
	color: #777777;
}
.gw_list_tit{
	/* margin: 10px 0; */
	width: 25%;
	text-align: center;
	border-right: 1px solid #e5e5e5;
}
.gw_list_title{
	width: 25%;
	height: 80px;
    line-height: 80px;
	box-sizing: border-box;
    font-size: 20px;
	font-size: 24px;
	color: rgba(59,66,107,1);
	text-align: center;
}
.gw_item_name{
	width: 25%;
	border-right: 1px solid #e5e5e5;
    text-align: center;
	position: relative;
	font-size: 18px;
}
.gw_item_name>span{
    border: none !important;
}
.gw_i_name{
	padding-left: 20px;
    color: #3B426B;
    font-size: 18px;
}
.gw_item_tag{
	color: #F23821 ;
    padding-left: 0;
    position: absolute;
    width: 72px;
    height: 23px;
    background: rgba(255,231,228,1);
    border-radius: 2px 2px 2px 12px;
    top: 0;
    font-size: 12px;
    line-height: 23px;
    right: 0;
    padding-left: 0;
}
.gw_item_check{
	display: flex;
    justify-content: center;
    flex-direction: column;
    width: 25%;
    color: #000;
    font-size: 18px;
    text-align: center;
    height: 60px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}
.gw_item_num{
	color: #F75E10;
}
.gw_item_check img{
	display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin: 0 auto;
    border: none !important;
}
.gw_content{
	box-sizing: border-box;
    padding: 23px;
}
.gw_content>p{
	margin-top: 0;
    margin-bottom: 10px;
    color: #3B426B;
    font-size: 16px;
}
.gw_list_item{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #e8e8e8;
		line-height: 60px;
	}
.gw_list_item :first-child,.gw_list_hear :first-child{
	border-left: 1px solid #e8e8e8;
}


/* 关于我们 */
.gw_g_header{
	position: relative;
	width: 100%;
    height: 516px;
    margin-bottom: 30px;
    background: url(../img/bg_1.png)  20% 100% /cover;;
}
.gw_g_header img{
  width: 100%;
}
.gw_g_titbox{
	width: 160px;
	height: 92px;
	position: absolute;
	top: 45%;
	left: 25%;
	color: #FFFFFF;
}
.gw_g_tit{
	font-size: 36px;
	font-weight: 400;
	line-height: 36px;
}
.ge_g_text{
	margin-top: 24px;
	font-size: 30px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 30px;
}

.gw_g_box{
  width: 1200px;
  height: 3970px;
  margin: auto;
  margin-top: 35px;
  position: relative;
}
.apl_products{
    width: 100%;
	background: url(../img/application/bg_1.png) no-repeat 20% 50%;
	height: 450px;
	color: #FFFFFF;
	text-align: center;
	background-size: cover;
    margin-bottom: 50px;
}
.gw_g_dec{
  width: 100%;
  height: 144px;
  line-height: 140px;
  z-index: 2;
  background-color: #fff;
}
.gw_item_box{
	width: 1200px;
	margin: 0 auto;
	/* display: flex; */
	/* justify-content: space-around; */
	list-style: none;
	border-radius: 10px;
	color: #333333;
	font-size: 28px;
	font-weight: 400;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(59, 66, 107, 0.1);
	white-space:nowrap;
	overflow-x:scroll;
}
.gw_item_box::-webkit-scrollbar{
	width:0px;
	height: 4px;
}
.gw_item_box::-webkit-scrollbar-thumb{
	background-color:#f2f2f2
}
.gw_g_dec2{
	width: 100%;
	position: fixed;
	left: 0;
	top: 80px;
	z-index: 15;
}
.gw_g_item{
	cursor:pointer;
	border-bottom: 4px solid #fff;
	display: inline-block;
	margin: 0 58px;
}

.gw_y_box{
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 84px;
}
.gw_y_img{
  width: 680px;
  height: 100%;
}
.gw_y_titbox{
  position: absolute;
  padding: 67px 45px;
  box-sizing: border-box;
  top: 100px;
  left: 346px;
  width: 550px;
  height: 320px;
  background-color: #fff;
  box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.img{
	width: 100%;
}
.gw_y_yuan{
	width: 149px;
	height: 149px;
	background: #B2D2F1;
	border-radius: 50%;
	opacity: 0.24;
	position: absolute;
	right: -65px;
	top: -74px;
}
.gw_y_tit{
	font-size: 26px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	color: #333333;
}
.gw_y_text{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	color: #888888;
	margin-top: 50px;
}
.gw_w_box{
	width: 144px;
	/* height: 36px; */
	position: absolute;
	top: 200px;
	right: 50px;
}
.gw_w_box :first-child{
	font-size: 36px;
	font-weight: 500;
	line-height: 61px;
	color: #FF8B54;
}
.gw_w_box>p{
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	color: #E4E4E4;
}
/* 企业精神 */
.gw_j_box{
  width: 100%;
  margin-top: 100px;
}
.gw_j_box p:first-child{
  color: #FF8B54 ;
  font-size: 36px;
  font-weight: 500;
}
.gw_j_box p:nth-child(2){
  color: #E4E4E4;
  font-size: 30px;
  margin-bottom: 30px;
}
.gw_j_box :nth-child(3){
	line-height: 30px;
	color: #888;
	font-size: 20px;
}
.gw_j_box>div{
  width: 1040px;
  height: 520px;
  margin: auto;
  margin-top: 80px;
  position: relative;
}
.gw_j_z{
	width: 134px;
	height: 42px;
	position: absolute;
	right: -38px;
	top: -21px;
}
.gw_j_c{
	width: 270px;
	height:215px;
	position: absolute;
	left: -112px;
	bottom: -62px;
}
.gw_j_img{
	z-index: 6;
	position: absolute;
}
.gw_j_y{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	z-index: 7;

}
/* 企业产品 */
.gw_q_cox{
  width: 100%;
  margin-top: 162px;
  position: relative;
}
.gw_q_cox>h3{
  color: #FF8B54 ;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
.gw_q_cox>p{
  color: #E4E4E4;
  font-size: 30px;
  text-align: center;
}
.gw_q_content{
  width: 100%;
  height: 427px;
  margin-top: 60px;
}
.gw_q_tit{
	font-size: 30px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 60px;
	color: #4A4A4A;
}
.gw_q_text{
	margin: 24px 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: #888888;
}
.gw_q_btn{
	width: 140px;
	height: 54px;
	background: #4771E9;
	box-shadow: 0px 3px 6px rgba(71, 113, 233, 0.58);
	border-radius: 35px;
	font-size: 22px;
	font-weight: 400;
	line-height: 54px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 50px;
    cursor:pointer;
}
.gw_q_btn:hover{
    box-shadow: 0px 6px 10px rgba(71, 113, 233, 0.58);
}
.gw_q_img{
	width: 486px;
	height: 427px;
	background: #EAF1F7;
	border-radius: 6px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.gw_q_box{
	width: 620px;
	height: 300px;
	box-sizing: border-box;
	padding: 20px 32px;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	border-radius: 6px;
	position:absolute ;
	top: 37%;
	left: 35%;
	z-index: 9;
}
.gw_q_ybox{
    width: 260px;
	height: 260px;
	opacity: 1;
	border-radius: 6px;
	background-color: #FFF;
    position: relative;
}
.gw_q_miimg{
	width: 100%;
    height: 100%;
}
.gw_q_yuan{
    width: 52px;
    height: 52px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}
.gw_q_ybox:hover .gw_q_yuan{
    animation-name: transform;
    animation-duration: 0.5s;
}
@keyframes  transform{
    0%   { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}
.gw_t_box{
	width: 272px;
}
.gw_t_box>h3{
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: #333333;
	text-align: center;
}
.gw_t_box>p{
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #888888;
}
/* 公司文化 */
.gw_h_box{
  width: 100%;
  margin-top: 100px;
}
.gw_h_box>h2{
  color: #FF8B54 ;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}
.gw_h_box>p{
  color: #E4E4E4;
  font-size: 30px;
  text-align: center;
}
.gw_h_content{
  position: relative;
  height: 505px;
  margin-top: 60px;
}
.gw_h_left{
  position: absolute;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 50px 30px;
  top: 119px;
  width: 414px;
  height: 300px;
  border-radius: 6px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.gw_h_right{
  position: absolute;
  left: 194px;
  width: 1010px;
  height: 100%;
  overflow: hidden;
}
.gw_h_text{
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #888888;
	margin-bottom: 18px;
}
/* 联系我们 */
.gw_l_box{
  position: relative;
  width: 100%;
  height: 600px;
  margin-top: 100px;
}
.gw_l_box>h2{
  position: absolute;
  top: 208px;
  left: 528px;
  color:#fff;
  font-size: 36px;
  font-weight: 500;
  z-index: 7;
}
.gw_l_box>p{
  position: absolute;
  top: 244px;
  left: 526px;
  color: #e4e4e4;
  font-size: 30px;
  opacity: .53;
  z-index: 7;
}
.gw_l_left{
  position: absolute;
  top: 470px;
  left: 60px;
  width: 520px;
  height: 400px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 30px rgba(59, 66, 107, 0.2);
  padding: 50px 120px;
  box-sizing: border-box;
  text-align: center;
  z-index: 10;
}
.gw_l_right{
  position: absolute;
  top: 470px;
  right: 60px;
  width: 520px;
  height: 400px;
  box-shadow: 0px 0px 30px rgba(59, 66, 107, 0.2);
  background-color: #fff;
  border-radius: 20px;
  padding: 50px 120px;
  box-sizing: border-box;
  text-align: center;
  z-index: 10;
}
.gw_l_tit{
	font-size: 40px;
	line-height: 68px;
	color: #333333;
	margin-bottom: 30px;
}
.gw_l_p{
	font-size: 26px;
	font-weight: 400;
	line-height: 44px;
	color: #333333;
	display: flex;
	margin-bottom: 20px;
	align-items: flex-start;
}
.gw_l_img{
	width: 100px;
	height: 100px;
	margin-left: 50px;
}
.gw_l_map{
	width: 100%;
	height: 400px;
	position: relative;
}
.gw_m_text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 2;
	background-color:rgba(0, 0, 0,0.25);
	font-size: 24px;
	font-weight: 400;
	line-height: 100px;
	color: #FFFFFF;
	text-align: center;

}
.gw_esp{
	background: url(../img/swiper/experience-banner.png) no-repeat 100% 100%;
    width: 100%;
    height: 1500px;
    position: relative;
    background-size: cover;
}
.gw_esp_header{
	text-align: center;
}
.gw_esp_header :first-child{
	font-size: 38px;
    font-weight: bold;
    color: #fff;
    padding-top: 143px;
    padding-bottom: 42px;
}
.gw_esp_header :nth-child(2){
	font-size: 26px;
    color: rgba(255,255,255,.9);
}
.gw_esp_content{
	position: absolute;
    width: 1100px;
    height: 1100px;
    background: rgba(255,255,255,1);
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 340px;
    right: 0;
    bottom: 50px;
    margin: auto;
    box-sizing: border-box;
    padding: 44px 134px;
}
.gw_esp_title{
	text-align: center;
    color: #3B426B;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 28px;
}
.gw_esp_imgbox{
	width: 190px;
	height: 190px;
	padding: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0px 0px 20px rgb(59 66 107 / 10%);
}
.gw_esp_imgbox>img{
	width: 100%;
}
.gw_esp_box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.2);
}
.gw_esp_c{
	text-align: center;
}
.gw_esp_btn{
	display: inline-block;
    padding: 6px 29px;
    background: rgba(16,116,240,.1);
    border-radius: 18px;
    color: #0E72F1;
    font-size: 18px;
}
.gw_esp_item{
	margin-bottom: 20px;
}
.gw_esp_remark{
	color: rgba(125,136,162,1);
    font-size: 16px;
    line-height: 62px;
    text-align: center;
    padding-bottom: 20px;
}
.gw_esp_demo{
	display: flex;
    justify-content: space-between;
}
.gw_esp_demo>a{
	text-decoration: none;
    margin-top: 10px;
    width: 386px;
    height: 129px;
    background: rgba(255,255,255,.4);
    box-shadow: 0px 4px 16px 2px rgb(122 153 209 / 33%);
    border-radius: 6px;
    cursor: pointer;
}
.gw_esp_w{
	font-size: 18px;
    color: #3B426B;
    line-height: 62px;
    text-align: center;
}
.gw_esp_contact{
	padding-top: 24px;
    display: flex;
    justify-content: center;
	box-sizing: border-box;
}
.gw_contact_btn{
	cursor: pointer;
    color: #fff;
    text-decoration: none;
    padding: 15px 54px;
    background: linear-gradient(
-90deg
,rgba(3,99,251,1),rgba(0,255,156,1));
    border-radius: 24px;
}
.gw_esp_text{
	color: rgba(125,136,162,1);
    font-size: 16px;
    line-height: 62px;
}
.gw_contact_img{
	width: 134px;
	display: block;
}
.gw_mask_box{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 30;
}
.gw_mask_content{
	width: 370px;
    padding: 40px 49px 52px;
    box-sizing: border-box;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border-radius: 10px;
	text-align: center;
}
.gw_mack_close{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 34px;
    background: #b7b7b7;
    z-index: 1;
    cursor: pointer;
	text-align: center;
	line-height: 30px;
}
.gw_mack_shu{
	width: 1px;
    height: 20px;
    background-color: #fff;
    transform: rotate(
45deg
);
    position: absolute;
    left: 50%;
    top: 16%;
}
.gw_mack_heared{
	font-size: 22px;
    color: #f4353d;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
    margin-bottom: 26px;
}
.gw_mack_name1{
	border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 54px;
    line-height: 54px;
    text-decoration: none;
    color: #3d404d;
    /* display: block; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.gw_mack_name1>p{
 margin-left: 10px;
}
.gw_mack_name2>img{
	margin-right: 10px;
}
.gw_mack_name2{
	height: 58px;
    line-height: 58px;
	font-size: 18px;
}
.gw_mack_img{
	height: 128px;
    width: 128px;
    display: block;
    margin: 0 auto 20px;
}
.gw_mack_name3{
	font-size: 18px;
	border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 68px;
    line-height: 68px;
}
.gw_mack_num{
	font-weight: 600;
    font-size: 22px;
    color: #f4353d;
    margin-left: 20px;
}
.execute{
	animation-name: scroll;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
	animation-fill-mode: backwards;
}
@keyframes scroll {
	from{
		transform: translateY(100px);
		opacity: 0;
	}
	to{
		transform: translateY(0px);
		opacity: 1;
	}
}
.execute2{
	animation-name: scroll2;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 0.5s;
    animation-fill-mode: backwards;
}
@keyframes scroll2 {
	from{
		transform: translateY(200px);
		opacity: 0;
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}
.execute3{
	animation-name: scroll2;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;
}
@keyframes scroll3 {
	from{
		transform: translateY(300px);
		opacity: 0;
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}

/* 授权 */
.authorize{
    background: url(../img/service/member.jpg) center 0 no-repeat;
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 180px;
    height: 600px;
    box-sizing: border-box;
    background-size: cover;
}
.authorize_one{
    font-size: 32px;
    font-weight: 700;
}
.authorize_two{
    font-size: 16px;
    margin-top: 25px;
}
.search{
    width: 760px;
    border-radius: 4px;
    background-color: #fff;
    margin: 66px auto 0;
    height: 50px;
    line-height: 50px;
}
.search_in{
    width: 80.5%;
    border: 0;
    outline: 0;
    border-radius: 4px 0 0 4px;
    padding-left: 25px;
    float: left;
    line-height: 48px;
    height: 48px;
}
.search_btn{
    width: 120px;
    background-color: #2a7efb;
    font-size: 14px;
    line-height: 50px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 0;
    float: right;
}
.search_btn_yuan{
    width: 10px;height: 10px;border-radius: 50%; background-color: #000;display: none;
    position: absolute;
    left: 40%;
    top: 40%;
}
.search_btn:hover .search_btn_yuan{
    animation-name: btn;
     animation-duration: 1s;
     display: block;
     animation-fill-mode: forwards;
}
@keyframes btn {
    from {transform:scale(0.1);opacity: 0.3}
    to {transform:scale(10);opacity: 0;}
  }

.numbe{
    margin-top: 40px;
    display: flex;
    justify-content: center;
    height: 46px;
}
.number_l{
    line-height: 28px;
    font-size: 14px;
}
.number_box{
    display: inline-block;
    height: 30px;
    font-size: 26px;
    line-height: 30px;
    list-style: none;
    color: #2d7cff;
    display: flex;
}
.number_item{
    width: 40px;
    background: #ccc;
    list-style: none;
    margin-right: 5px;
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #ddd;
}
/* 证书 */
.certificate{
color: #282828;
font-size: 14px;
width: 1200px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.cert_one{
    margin-top:55px;
    color: #282828;
}
.cert_one_t{
    font-size: 32px;
    font-weight: 500;
}
.cert_list{
    margin-top: 82px;
    display: flex;
    justify-content: center;
}
.cert_item{
    width: 291px;
    padding: 0 40px;
    float: left;
    height: 400px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.cert_on{
    z-index: 2;
    background: url(../img/service/hover.png) no-repeat;
    background-size: 100% 100%;
    width: 326px;
    height: 430px;
    margin-top: -15px;
    color: #fff;
}
.cert_item_one{
    width: 100px;
    height: 100px;
    border: 2px solid #2a7efb;
    border-radius: 50%;
    padding: 5px;
    margin: 40px auto 0;
    line-height: 100px;
}
.cert_item_yuan{
    background-color: #e9f2ff;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    text-align: center;
    line-height: 86px;
    font-size: 40px;
    color: #2a7efb;
    margin: 8px auto;
    padding-top:8px;
    box-sizing: border-box;
}
.cert_on .cert_item_one{
    border-color: #fff;
}
.cert_on .cert_item_two{
    background-color: #fff;
}
.cert_on .cert_item_three{
    color: #fff;
}
.cert_on .cert_item_four{
    color: #fff;
}
.cert_item_two{
    width: 40px;
    height: 3px;
    background-color: #2a7efb;
    margin: 35px auto 0;
}
.cert_item_three{
    font-size: 18px;
    color: #282828;
    margin-top: 35px;
}
.cert_item_four{
    color: #868686;
    margin-top: 20px;
    height: 99px;
    overflow: hidden;
    line-height: 1.9;
    text-align: left;
}
.warrant_mask{
    background-color: #000;
    opacity: 0.5;
    /* filter: alpha(opacity=50); */
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 66;
  }
  .warrant_box{
    position: fixed;
    background: url(../img/service/warrant_bg.png) no-repeat;
    background-size: 100% 100%;
    width: 600px;
    height: 400px;
    border-radius: 30px;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -300px;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 0 60px;
    z-index: 99;
    transition: all .3s ease-in-out 0s;
    box-sizing: border-box;
  }
  .warrant_badge{
    width: 98px;
    height: 98px;
    margin: 40px auto 22px;
    /* position: relative; */
  }
  .warrant_false{
    font-size: 45px;
    color: #707070;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
  }
  .warrant_title{
    font-size: 20px;
    color: #000;
    margin-top: 20px;
  }
  .warrant_link{
    color: #e02e2e;
  }
  .warrant_text{
    line-height: 1.6;
    font-size: 16px;
  }
  .warrabt_btn{
    font-size: 16px;
    color: #fff;
    background-color: #2a7efb;
    width: 150px;
    height: 42px;
    border-radius: 3px;
    line-height: 42px;
    cursor: pointer;
    margin: 45px auto 0;
  }
  .warrabt_btn:hover{
    background-color: #295dc0;
  }
  .obtain_box{
    background: url(../img/service/menberbg.png) center 0 no-repeat;
    width: 100%;
    height: 240px;
    padding: 60px 0 56px;
    margin-top: 87px;
    box-sizing: border-box;
    background-size: cover;
  }
  .obtain_title{
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-align: center;
  }
  .obtain_btn_box{
    width: 352px;
    margin: 32px auto 0;
    display: flex;
  }
  .obtain_consult{
    width: 150px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 3px;
        color: #2a7efb;
        font-size: 18px;
        text-align: center;
        line-height: 44px;
        /* display: inline-block;
        *display: inline;
        *zoom: 1; */
        background-color: #fff;
        cursor: pointer;
        position: relative;
        overflow: hidden;
  }
  .obtain_service{
    color: #fff;
    margin-left: 15px;
    background-color: unset;
  }
  .obtain_consult:hover .search_btn_yuan{
    animation-name: btn;
     animation-duration: 1s;
     display: block;
     animation-fill-mode: forwards;
}
.book_box{
    position: relative;
    margin: 1.45rem auto 0;
    background-size: 100% 100%;
    width: 40rem;
    height: 54rem;
    font-size: .14rem;
    color: #20130a;
}
.book_img{
    width: 100%;
    height: 100%;
}
.book_top{
    width: 100%;
    height: 80px;
    background-color: #1c1c25;
}
.book_number{
    font-size: 18px;
    color: #282828;
    margin-top: 16px;
    text-align: center;
}
.book_btn{
    width: 180px;
    height: 44px;
    background-color: #2a7efb;
     border-radius: 3px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 44px;
        margin: 30px auto;
        cursor: pointer;
        position: relative;
        overflow: hidden;
}
.book_btn:hover .search_btn_yuan{
    animation-name: btn;
     animation-duration: 1s;
     display: block;
     animation-fill-mode: forwards;
}
.book_badge{
    width: 128px;
    height: 128px;
    position: absolute;
    right: 148px;
    bottom: 143px;
    z-index: 2;
}
.book_name{
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 230px;
    top: 300px;
}
.book_com{
    font-size: 18px;
    color: rgb(57, 95, 221);
    position: absolute;
    left: 150px;
    top: 375px;
}
.book_num{
    font-size: 18px;
    color: rgb(235, 64, 64);
    position: absolute;
    left: 157px;
    bottom: 169px;
}
.book_times{
    font-size: 18px;
    color: #000;
    position: absolute;
    right: 150px;
    bottom: 171px;
}
.book_year,.book_month,.book_day{
    margin-right: 16px;
}
.warrabt_look{
    background-color: #f9f9f9;
}

.down{
    color: #fff;
    z-index: 10;
}
.warrant_t{
    font-size: 20px;
    margin-top: 50px;
}
/* 应用介绍 */
.apl_box{
    width: 1200px;
    margin: 84px auto;
}
.apl_icon1{
    width: 36px;
    height: 22px;
    background: #E6250C;
    border-radius: 21px 21px 21px 0px;
    position: absolute;
    right: -25px;
    top: 30px;
}
.apl_icon_img{
    position: absolute;
    left: 7px;
}
.apl_title{
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #3B426B;
    text-align: center;
    margin-top: 80px;
}
.apl_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}
.apl_list :nth-child(4n){
    margin-right: 0;
}
.apl_item{
    width: 285px;
    height: 374px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(128, 128, 128, 0.11);
    border-radius: 10px;
    margin: 30px 19px 0 0;
    position: relative;
}
.apl_item:hover .apl_item_btn{
    background: #FF5200;
    font-size: 20px;
    line-height: 34px;
    color: #FFFFFF;
}
.apl_list :nth-child(1)>.apl_item_icon{
    display: block;
}
.apl_list :nth-child(2)>.apl_item_icon{
    display: block;
}
.apl_item:hover{
    margin-top: 10px;
}
.apl_item_top{
    padding: 30px 21px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #EBEBEB;
    height: 308px;
}
.apl_item_img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.apl_item_title{
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    margin-top: 16px;
}
.apl_item_text{
    font-size: 16px;
    line-height: 20px;
    color: #999999;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.apl_item_bot{
    margin: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.apl_item_num{
    font-size: 24px;
    line-height: 24px;
    color: #EF2323;
}
.apl_item_btn{
    width: 80px;
    height: 34px;
    background: #FFEDE5;
    border: 1px solid #FF5200;
    border-radius: 6px;
    font-size: 20px;
    line-height: 34px;
    color: #FF5200;
    text-align: center;
    cursor: pointer;
}
.apl_item_icon{
    width: 64px;
    height: 30px;
    background: #E6250C;
    border-radius: 21px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 10PX;
    right: 10px;
    display: none;
}
/* 文章中心 */
.art_box{
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    box-sizing: border-box;
}
.art_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.art_flex_item{
    width: 380px;
    height: 164px;
    background: linear-gradient(270deg, #FF8D53 0%, #FE6F26 100%);
    border-radius: 8px;
    opacity: 0.82;
    position: relative;
    cursor: pointer;
}
.art_flex_item:hover{
    opacity: 1;
}
.art_flex_actice{
    opacity: 1;
}
.art_flex_img{
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.art_flex_title{
    display: flex;
    align-items: center;
    height: 26px;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    color: #FFFFFF;
}
.art_flex_text{
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 30px;
}
.art_flex_t{
    position: absolute;
    top: 44px;
    left: 30px;
}
.art_box_left{
    width: 792px;
    min-height: 500px;
}
.art_item,.art_item_f{
    display: flex;
    align-items: center;
}
.art_item{
    overflow: hidden;
    padding: 24px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}
.art_item_img{
    width: 280px;
    height: 170px;
    /* background: #CBCBCB; */
    opacity: 1;
    border-radius: 4px;
}
.art_item_title{
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.art_item_text{
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    color: #707070;
    margin-top: 35px;
    margin-bottom: 26px;
}
.art_item_time{
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.art_t_img{
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.art_item_btn{
    width: 80px;
    height: 26px;
    background: #4A5074;
    border-radius: 2px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}
.art_box_right{
    width: 380px;
    height: 284px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}
.art_r_top{
    width: 380px;
    height: 42px;
    background: linear-gradient(270deg, #FF8D51 0%, #FE7028 100%);
    padding: 10px 22px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
}
.art_r_div{
    width: 4px;
height: 22px;
background: #FFFFFF;
margin-right: 8px;
}
.art_r_bon{
    padding: 7px 16px;
    box-sizing: border-box;
}
.art_r_item{
    padding: 16px 10px 14px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    border-bottom: 1px dotted #E5E5E5;
    cursor: pointer;
}
.art_r_item:hover{
    color: #fb6638;
    display: block;
}
.art_r_bon :last-child{
    border:none;
}
/* 插件详情 */
.gw_del_box{
    width: 1200px;
    margin: 0 auto;
}
.gw_del_top{
    width: 1200px;
    height: 270px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(109, 109, 109, 0.1);
    border-radius: 12px;
    padding: 60px 40px;
    box-sizing: border-box;
    position: relative;
}
.gw_del_btn{
    width: 112px;
    height: 46px;
    border: 1px solid #FF5200;
    border-radius: 6px;
    font-size: 20px;
    line-height: 46px;
    color: #FF5200;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.gw_del_btn:hover{
    background: #FF5200;
    font-size: 20px;
    line-height: 46px;
    color: #FFFFFF;
}
.gw_del_img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}
.gw_del_title{
    font-size: 28px;
    line-height: 28px;
    color: #333333;
}
.gw_del_text{
    font-size: 16px;
    line-height: 16px;
    color: #707070;
    margin: 30px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gw_del_num{
    font-size: 24px;
    line-height: 24px;
    color: #EE0000;
}
/* 文章详情 */
.art_del_title{
    width: 894px;
    font-size: 32px;
    line-height: 40px;
    color: #333333;
    overflow: hidden;
   text-align: center;
   margin: 0 auto;
}
.art_del_text{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.art_del_time{
    display: flex;
    align-items: center;
}
.art_del_img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.art_products {
	width: 100%;
	background: url(../img/application/bg_2.png) no-repeat 20% 50%;
	height: 560px;
	color: #FFFFFF;
	text-align: center;
	background-size: cover;
    position: relative;
}
.art_l_img{
    margin-left: 20px;
    width: 16px;
    height: 22px;
    display: none;
}
.art_flex_actice .art_l_img{
    display: block;
}
.art_g_btn{
    display: none;
    width: 148px;
    height: 52px;
    border: 1px solid #999999;
    border-radius: 4px;
    font-size: 22px;
    line-height: 52px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer;
}
.art_products_f{
    position: absolute;
    left: 20%;
    top: 227px;
}
.art_products_title{
    font-size: 50px;
    line-height: 50px;
    color: #FFFFFF;
}
.art_products_text{
    margin-top: 50px;
    width: 398px;
    height: 70px;
    font-size: 26px;
    line-height: 44px;
    color: #FFFFFF;
}