@font-face{
    font-family: 'SourceHanSansCN-Regular'; 
    src: url('SourceHanSansCN-Regular.otf');
}
*{font-family: "SourceHanSansCN-Regular"}

.breadcrumb{
    position: absolute;
    left: 20px;
    bottom: -40px;
    color: #666;
    opacity: 0;
}

.breadcrumb a{
    color: #003b70
}

.breadcrumb .active{
    color: #888888;
}



.header.active{
	background: #fff;
}
.header.active .naver li a{
	color: #000;
}
.header{
	height: 96px;
}
.header.active .naver .login a{
	color: #000;
	border-color: #000;
}
.banner{
	position: relative;
}
.wrap{
	width:1400px ;
	margin: 0 auto;
}
.header{
	position: absolute;
	left: 0;right: 0;
	top: 0;
	z-index: 111;
	height: 100px;
	/* border-bottom: 1px solid rgba(255,255,255,0.1);
	background: rgba(0,0,0,0.5); */
}
.header .logo{
		float: left;
		margin-top: 22px;
		width: 136px;
		height: 40px;
}
.header .naver{
	float: right;
	margin-top: 31px;
}
.header .naver ul{
	float: left;
}
.header .naver li{
	float: left;
	margin-left: 70px;
	padding-bottom: 50px;
	position: relative;
	height: auto;
}
.header .naver li h3{
	position: relative;
}
.header .naver li a{
	font-size:14px ;
	color: #ffffff;
	line-height: 36px;
	display: inline-block;
	position: relative;z-index: 2;
}
.header .naver li h3::before{
	opacity: 0;
	content: "";
	left: 50%;position: absolute;
	background: url(../images/h_img11.jpg) no-repeat center;
	bottom: 5px;z-index: 1;height: 10px;
	width: 0;transform: translateX(-50%);
	transition: all 0.3s;
}
.header .naver li:hover h3::before,
.header .naver li.on h3::before{
	opacity: 1;width: 84px;
}
.header .naver .login{
	float: right;
	margin-left: 55px;
}
.header .naver .login a{
	display: block;
	width: 91px;
	border-radius: 4px;
	text-align: center;
	line-height: 34px;
	border: 1px solid rgba(255,255,255,0.36);
	font-size:14px;
	color: #fff;
}
.header .nLi .wrap{
	width: auto;
	padding: 35px 20px 30px;
	position: relative;
	background: rgba(0,0,0,.8);
	margin-top: 30px;
	text-align:center;
}
.header .nLi{
	position: absolute;
	left: 50%;transform: translateX(-50%);
	top: 45px;
	text-align: left;
	display: none;
	width: 350px;
	box-sizing: border-box;
	font-size: 0;
}
.header .nLi.anLi{
	width: 132px;
}
.header .nLi.anLi dd{
	width: auto;
	float: none;
	text-align: center;
}
.header .nLi dl::before{
	content: "";
	background: url(../images/icon8.png) no-repeat center;
	width: 24px;height: 12px;
	position: absolute;
	left: 0;right: 0;
	top: -12px;z-index: 11;
	margin: 0 auto;display: block;
}
.header .nLi dd{
	width: 50%;display: inline-block;
}
.header .nLi dd a{
	font-size: 14px;
    /* color: #fff; */
    color: rgba(255, 255, 255, 0.7);
	line-height: 40px;
	position: relative;
}
.header .nLi dd a i{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	/* width: 2px;
    height: 2px; */
    width: 0px;
	height: 0px;
	background: #bcbcbc;
	display: block;
	z-index: 1;
}
/* menu 菜单 移动高亮 */
.header .nLi dd a:hover,
.header .nLi dd.on a{
    color: #fff;
    text-indent: 20px;
    cursor: pointer
}
.header .nLi dd a:hover i,
.header .nLi dd.on a i{
	background: #fff;
}
.banner li{
	height: 100vh;
	background-size: cover !important;
}
.banner li .wrap{
	height: 100%;
	position: relative;
}
.banner li .txt{
	position: absolute;
	left: 0;top: 50%;
	transform: translateY(-50%);
	z-index: 11;
}
.banner li .txt h2{
	font-size:36px ;
	color: #ffffff;
	font-weight: bold;
	line-height: 82px;
}
.banner li .txt h4{
	font-size: 28px ;
	color: #ffffff;
	line-height: 42px;
}
.banner .ban_hd{
	position: absolute;
	left: 0;right: 0;
	bottom: 30px;
	z-index: 11;
	text-align: center;
}
.banner .ban_hd .line{
	position: static;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: url(../images/line.png) repeat-x center ;
}
.banner .ban_hd .line span{
	width: 9px;height: 9px;
	background: url(../images/ico1.png) no-repeat center;
	display: inline-block;
	border: none;vertical-align: middle;
	opacity: 1;border-radius:0 ;
	margin: 0 30px;
}
.banner .ban_hd .line span.swiper-pagination-bullet-active{
	width: 30px;height: 30px;margin: 0 18px;
	background: url(../images/ico2.png) no-repeat center;
}
.banner .ban_hd .line span:first-child{
	margin-left: 0;
}
.banner .ban_hd .line span:last-child{
	margin-right: 0;
}
.h_nums{
	border-bottom: 2px solid #eff2f6;
}
.h_nums ul{
	border-left: 1px solid #eff2f6;
	border-right: 1px solid #eff2f6;
	height: 184px;
}
.h_nums li{
	float: left;
	border-right: 1px solid #eff2f6;
	width: 20%;text-align: center;
	padding: 30px 0;position: relative;transition: all 0.3s;
	box-sizing: border-box;z-index: 11;top: 0;
}
.h_nums li:last-child{
	border: none;
}
.h_nums li h4{
	margin-bottom: 10px;
	font-size: 14px;
	color: #666666;
	line-height:24px ;
	transition: all 0.3s;
}
.h_nums li h2{
	font-size: 44px;
	line-height: 90px;
	color: #003b70;
	transition: all 0.3s;
	font-family: bahnschrift;
}
.h_nums li:hover{
	background: #003b70;
	/* padding-top: 39px; */
	top: -9px;z-index: 111;
	box-shadow: 0 15px 20px 1px #c4d0e2;
	border-color: #003b70;
}
.h_nums li:hover h4,
.h_nums li:hover h2{
	color: #fff;
}
.h_plan{
	position: relative;
	background-size: cover !important;
	padding: 60px 0 100px;
}
.h_plan canvas{
	position: absolute;
}
.title.wh h2{
	color: #fff;
}
.title h2{
	font-size: 28px;
	color: #333333;
	line-height: 50px;
	text-align: center;
}
.title h2 span{
	display: inline-block;
	position: relative;
}
.title h2 span:after,
.title h2 span:before{
	content: "";
	display: block;
	left: -30px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	height: 30px;
	width: 4px;
	background: #004a98;
	border-radius: 2px;
	display: inline-block;
}
.title.wh h2 span:after,
.title.wh h2 span:before{
	background: #fff;
}
.title h2 span:after{
	left: auto;
	right: -30px;
}
.h_plan ul{
	margin-top: 80px;
	overflow: hidden;
	display: block;
}
.h_plan li{
	float: left;
	width: calc((100% - 177px)/4);
	margin-right: 55px;
	margin-bottom: 14px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 4px 1px #f1f1f1;
	height: 236px;position: relative;
	transition: all 0.3s;
}
.h_plan li:nth-child(4n){
	margin-right: 0;
}
.h_plan li .icon{
	height: 100px;
	overflow: hidden;
	margin: 35px 0 28px;
	position: relative;
	transform: scale(0.8);
}
.h_plan li .icon img{
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 1;
	transition: all 0.3s;
}
.h_plan li .txt{
	position: absolute;
	left: 0;right: 0;
	z-index: 11;top:150px;
	transition: all 0.3s;
	text-align: center;
	height: 30px;
	overflow: hidden;
}
.h_plan li h3{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-bottom: 5px;
}
.h_plan li h4{
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	opacity: 0.5;
}
.h_plan li a{
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.h_plan li i{
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	background: url(../images/ico3.png) no-repeat center;
	width: 52px;
	height: 52px;
	display: block;
	margin: 0 auto;
}
.h_plan li.on,
.h_plan li:hover{
	background: url(../images/logo2.png) no-repeat center bottom -30px rgba(0,59,112,0.9);
	background-size: 100% !important;
}
.h_plan li.on .icon,
.h_plan li:hover .icon{
	margin-top: 20px;
}
.h_plan li.on .icon img,
.h_plan li:hover .icon img{
	top: -100%;
}
.h_plan li.on .txt,
.h_plan li:hover .txt{
	top: 120px;
	height: 120px;
}
.h_plan li.on h3,
.h_plan li:hover h3{
	color: #fff;
}
.h_sevr{
	position: relative;
	overflow: hidden;
}
.h_sevr .bd li{
	height: 100vh;
	overflow: hidden;
	/*display: none;*/
	background-size: cover !important;
}
.h_sevr .bd li:first-child{
	display: block;
}
.h_sevr .bd li .title{
	margin: 100px auto 0;
}
.h_sevr .hd{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;
	z-index: 99;
	background: url(../images/bg3.png) no-repeat center;
	background-size: cover !important;
}
.h_sevr .hd .wrap{
	position: relative;
	height: 180px;
}
.h_sevr .hd ul{
	font-size: 0;
	position: absolute;
	left: 0;right: 0;
	bottom: 0;z-index: 1;
	height: auto;
	display: block;
	transform: scale(1) !important;
}
.h_sevr .hd li{
	width: 25%;vertical-align: bottom;
	border-left: 1px solid #6e6f6e;
	box-sizing: border-box;
	height: 180px;display: inline-block;
	position: relative;
	bottom: 0;z-index: 1;
	text-align: center;
	box-sizing: border-box;
	padding-top: 28px;
	transition: all 0.3s;
}
.h_sevr .hd li a{
	cursor: auto;
}
.h_sevr .hd li:nth-child(4n){
	border-right: 1px solid #6e6f6e;
}
.h_sevr .hd li h3{
	font-size: 20px;
	color: #ffffff;
	line-height:40px ;
	transition: all 0.3s;
}
.h_sevr .hd li h4{
	font-size: 14px;
	color: #ffffff;
	line-height:38px ;
	opacity: 0.5;
	transition: all 0.3s;
}
.h_sevr .hd li i{
	width: 52px;
	height: 52px;
	background: url(../images/ico4.png) no-repeat center;
	display: block;
	margin: 10px auto 0;
	transition: all 0.3s;
}
.h_sevr .hd li.on,
.h_sevr .hd li:hover,
.h_sevr .hd li.swiper-slide-thumb-active{
	background: url(../images/x_ico10.png) no-repeat center bottom;
	background-size: 100% 100% !important;
	height:355px ;border: none;
}
.h_sevr .hd li.on h3,
.h_sevr .hd li:hover h3,
.h_sevr .hd li.swiper-slide-thumb-active h3{
	margin-top:47px ;
	font-size: 28px;
}

.h_sevr .hd li.on h4,
.h_sevr .hd li:hover h4,
.h_sevr .hd li.swiper-slide-thumb-active h4{
	margin-top:55px ;
}
.h_sevr .hd li.on i,
.h_sevr .hd li:hover i,
.h_sevr .hd li.swiper-slide-thumb-active i{
	margin-top:65px ;
	background: url(../images/ico3.png) no-repeat center;
}
.h_scicon{
	background-size: cover !important;
	/*padding:140px 0 160px;*/
	position: relative;
	box-sizing: border-box;
	height: 100vh;
}
.h_scicon .ul{
	background: url(../images/line2.png) no-repeat center;
	height: 586px;
	position: absolute;
	width: 1475px;
	left: -500px;
	right: -500px;
	margin: 0 auto;
	top: 50%;transform: translateY(-50%);
}
.h_scicon .title{
	position: absolute;
	left: 0;right: 0;
	top: 50%;margin-top: -30px;
}
.h_scicon .title h2{
	color: #fff;
}
.h_scicon li{
	position: absolute;
	text-align: center;
}
.h_scicon li h4{
	font-size: 14px;
	color: #00a2ff;
	line-height:34px ;
	text-transform: uppercase;
}
.h_scicon li .ico{
	background: #001431;
	display: inline-block;
	border-radius: 50%;
	position: relative;
}
.h_scicon li .ico i{
	background: url(../images/ico5.png) no-repeat 3px top;
	position: absolute;
	left: -10px;top: -10px;
	right: -10px;
	bottom: -10px;opacity: 0;
	background-size: 50% 50% !important;
}
.h_scicon li:nth-child(1){
	left: -30px;
	top: 175px;
	-webkit-animation: ops 4s 0.2s linear infinite;
    animation: ops 4s 0.2s linear infinite;
}
.h_scicon li:nth-child(2){
	left: 221px;
    top: 168px;
	-webkit-animation: ops 4s linear infinite;
    animation: ops 4s linear infinite;
}
.h_scicon li:nth-child(3){
	left: 125px;
    top: 367px;
	-webkit-animation: ops 4s 0.1s linear infinite;
    animation: ops 4s 0.1s linear infinite;
}
.h_scicon li:nth-child(4){
	left: 333px;
    top: 294px;
	-webkit-animation: ops 4s 0.6s linear infinite;
    animation: ops 4s 0.6s linear infinite;
}
.h_scicon li:nth-child(5){
	left: 413px;
    top: 480px;
	-webkit-animation: ops 4s 0.3s linear infinite;
    animation: ops 4s 0.3s linear infinite;
}
.h_scicon li:nth-child(6){
	left: 390px;
    top: -15px;
	-webkit-animation: ops 0.1s linear infinite;
    animation: ops 3s 0.1s linear infinite;
}
.h_scicon li:nth-child(7){
	left: 642px;
    top: 50px;
	-webkit-animation: ops 5s 0.2s linear infinite;
    animation: ops 5s 0.2s linear infinite;
}
.h_scicon li:nth-child(8){
	right: 492px;
    top: 148px;
	-webkit-animation: ops 4.3s 0.3 linear infinite;
    animation: ops 4.3s 0.3s linear infinite;
}
.h_scicon li:nth-child(9){
	right: 345px;
    top: 12px;
	-webkit-animation: ops 4.6s 0.2 linear infinite;
    animation: ops 4.6s 0.2s linear infinite;
}
.h_scicon li:nth-child(10){
	right: 295px;
    top: 192px;
	-webkit-animation: ops 5.6s 0.2 linear infinite;
    animation: ops 5.6s 0.2s linear infinite;
}
.h_scicon li:nth-child(11){
	    right: 50px;
    top: 85px;
	-webkit-animation: ops 5.9s 0.2 linear infinite;
    animation: ops 5.9s 0.2s linear infinite;
}
.h_scicon li:nth-child(12){
	right: -22px;
    top: 293px;
	-webkit-animation: ops 6s 0.2 linear infinite;
    animation: ops 6s 0.2s linear infinite;
}
.h_scicon li:nth-child(13){
	    right: 167px;
    top: 490px;
	-webkit-animation: ops 6.3s 0.2 linear infinite;
    animation: ops 6.3s 0.2s linear infinite;
}
.h_scicon li:nth-child(14){
	right: 387px;
    top: 380px;
	-webkit-animation: ops 5.6s 0.2 linear infinite;
    animation: ops 5.6s 0.2s linear infinite;
}
.h_scicon li:nth-child(15){
	right: 710px;
    top: 417px;
	-webkit-animation: ops 5.2s 0.2 linear infinite;
    animation: ops 5.2s 0.2s linear infinite;
}
.h_scicon li:hover .ico{
	-webkit-animation:pulse 2s 0s infinite both;
-moz-animation:pulse 2s 0s infinite both
}

.h_scicon li:hover .ico i{
	-webkit-animation:rotateOut 2s 0s infinite both;
-moz-animation:rotateOut 2s 0s infinite both;
}
.h_scicon li.on .ico{
	-webkit-animation:pulse 2s 0s ease both;
-moz-animation:pulse 2s 0s ease both
}
.h_scicon li.on .ico i{
	-webkit-animation:rotateOut 2s 0s ease both;
-moz-animation:rotateOut 2s 0s ease both;
}


.h_api{
	background-size: cover !important;
	/*padding: 95px 0 110px;*/
}
.h_api ul{
	font-size: 0;
	text-align: center;
	margin-top: 100px;
    display: flex;
    justify-content: center;
}
.h_api li{
	display: inline-block;
	width: 345px;
	margin: 0 57px;
	height: 412px;
	text-align: center;
	overflow: hidden;
	box-shadow: 0 0 10px 0 #cde4f0;
}
.h_api li a{
	display: block;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	border-bottom:2px solid #1459a2;
	padding: 0 30px;
	background-position: center bottom -30px;
	cursor: auto;
}
.h_api li .icon{
	margin-top:44px ;
	height: 75px;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}
.h_api li .icon img{
	display: block;
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 11;
	margin: 0 auto;
	transition: all 0.3s;
}
.h_api li:hover .icon img{
	top: -100%;
}
.h_api li h3{
	font-size: 20px;
	color: #004a98;
	font-weight: bold;
	line-height:40px ;
	margin-bottom: 60px;
}
.h_api li p{
	font-size: 14px;
	color: #333333;
	line-height:30px ;
}
.h_api li a:hover{
	background:url(../images/logo2.png) no-repeat center bottom -30px #003c72 ;
	border-bottom: none;
}
.h_api li:hover p,
.h_api li:hover h3{
	color: #fff;
}
.h_custom{
	/*padding: 120px 0 140px;*/
}
.h_custom li{
	height: 160px;
	position: relative;
}
.h_custom li img{
	display: block;
	position: absolute;
	left: 0;right: 0;
	margin: 0 auto;
	top: 50%;transform: translateY(-50%);
	max-width: 80%;
	max-height: 80%;
}
.h_custom .swiper_cust{
	overflow: hidden;
	margin-top: 90px;
}
.h_custom .sw_hd{
	margin-top: 45px;
	text-align: center;
}
.h_custom .sw_hd .prev,
.h_custom .sw_hd .next{
	display: inline-block;
	background: url(../images/x_ico32.png) no-repeat center;
	width: 20px;
	height: 20px;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}
.h_custom .sw_hd .next{
	transform: rotate(180deg);
}
.h_custom .sw_hd .hd{
	display: inline-block;
	text-align: center;
	position: static;
	margin: 0;
	padding: 0;
	position: relative;
	top: 2px;
	bottom: auto;
}
.h_custom .sw_hd span{
	opacity: 1;
	display: inline-block;
	width: 8px;
	height: 8px;
	background:#cacaca ;
	margin: 0 4px;
} 
.h_custom .sw_hd span.swiper-pagination-bullet-active{
	background: #033c8b;
}
.h_form{
	background-size: cover !important;
}
.h_form .wrap{
	padding:65px 0 ;
	position: relative;
	z-index: 99;
}
.h_form h3{
	float: left;
	font-size: 28px;
	font-weight: bold;
	line-height: 54px;
	color: #fff;
	margin-right: 30px;
}
.h_form ul{
	float: left;
	overflow: hidden;
}
.h_form li{
	float: left;
	margin-right: 11px;
}
.h_form li .txt{
	width:390px ;
	border: 1px solid #fff;
	border-radius: 5px;
	box-sizing: border-box;
	background: none;
	padding: 0 22px;
	height: 54px;
	font-size:14px ;
	color: #ffffff;
}
.h_form li .btn{
	width:170px ;
	text-align: center;
	display: block;
	background: #fff;
	font-size: 14px;
	color: #333333;
	line-height: 54px;
	border-radius: 5px;
	display: block;
	border: none;
	cursor: pointer;
}
.fix_top{
	position: fixed;
	right: 0;
	top: 80%;
	width: 56px;
	font-size:12px ;
	color: #8f9cb1;
	line-height: 22px;
	padding-top: 35px;
	padding-bottom:10px ;
	background: url(../images/x_ico34.png) no-repeat center top 13px #003b70;
	text-align: center;
	cursor: pointer;
	z-index: 1111;
}

.footer{
	background: #1c1c1c;
	padding-top: 50px;
}
.footer .lts{
	float: left;
	overflow: hidden;
	width: 600px;
}
.footer .lts dl{
	float: left;
	width: 98px;
}
.footer .lts dt{
	margin-bottom: 5px;
}
.footer .lts dt a{
	font-size: 14px;
	color: #6f7c91;
	line-height:42px;
	display: inline-block;
}
.footer .lts dd a{
	font-size: 14px;
	color: #666;
	line-height:2;
	display: inline-block;
}
.footer .rts{
	float: right;
	width: calc(100% - 600px);
	overflow: hidden;
}
.footer .rts ul{
	overflow: hidden;width: 680px;float: left;
}
.footer .rts li{
	float: left;
	margin-left: 50px;
}
.footer .rts li h3{
	font-size: 14px;
	color: #6f7c91;
	line-height: 42px;
}
.footer .rts li h2{
	font-size: 32px;
	color: #677386;
	line-height: 46px;
	font-weight: bold;
}
.footer .rts li:nth-child(2) h4{
	font-size: 18px;
}
.footer .rts li h4{
	font-size: 14px;
	color: #677386;
	line-height: 26px;
}
.footer .rt{
	float: right;margin-top: 10px;
}
.footer .rt img{
	display: block;
	margin-top: 10px;
	width: 95px;
}
.footer .rt h6{
	font-size: 12px;
	color: #6f7c91;
	line-height: 2;
	padding: 8px 0;
	text-align: center;
}
.footer .link{
	margin-top:40px ;
}
.footer .link h4{
	float: left;
	font-size: 14px;
	color: #6f7c91;
	line-height: 36px;
	margin-right: 20px;
}
.footer .link .sele{
	float: left;
	width: 170px;
	height: 36px;
	position: relative;
}
.footer .link .sele i{
	position: absolute;
	right: 0;
	width: 36px;height: 36px;
	background: url(../images/x_ico31.png) no-repeat center;
	display: block;z-index: 12;
	bottom: 0;cursor: pointer;
	transition: all 0.3s;
}
.footer .link .sele .ul{
	padding: 0 10px;
	box-sizing: border-box;
	position: absolute;
	left: 0;right: 0;
	bottom: 0;z-index: 11;
	background: #1c1c1c;
	border: 1px solid #2f3337;
	border-radius: 5px;
	min-height: 36px;
}
.footer .link .sele .ul ul{
	display: none;
}
.footer .link .sele li a{
	line-height: 34px;
	display: block;
	font-size: 14px;
	color: #6f7c91;
}
.footer .link .sele.on i{
	transform: rotate(180deg);
}
.footer .copyright{
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid #2c2c2c;
	margin-top: 14px;
}
.footer .copyright p{
	float: left;
	line-height: 26px;
	color: #677386;
	font-size: 14px;
}
.footer .copyright p span{
	margin-right: 28px;
}
.footer .copyright .lo{
	float: right;display: block;
	width: 84px;
	height: 25px;
}
.img_lo{
	width: 84px;
	height:25px
}

.h_banner{
	height: 100vh;
	position: relative;
	background-size: cover !important;
}
.h_banner h2{
	position: absolute;
	left: 0;right: 0;
	top: 40%;transform: translateY(-50%);
	text-align: center;
	font-size: 44px;
	color: #ffffff;
	line-height: 60px;
	font-weight: bold;
}
.about .hd{
	padding:75px 0 ;
}
.about .hd .title{
	margin-bottom: 100px;
}
.about .hd .text{
	float: left;
	width: 600px;
	padding: 0 0;
	box-sizing: border-box;
}
.about .hd .imgs{
	float: right;
	width: 700px;
	position: relative;
}
.about .hd .imgs:before{
	content: "";
	left: 26px;
	top: -28px;
	border:11px solid #004a98 ;
	right: -26px;
	bottom: 25px;
	display: block;
	position: absolute;
}
.about .hd .imgs img{
	position: relative;
	z-index: 2;
	width: 100%;
	display: block;
}
.about .hd .text h3 i{
	font-size: 20px;
	color: #004a98;
	line-height:50px ;
	border-bottom: 2px solid #001787;
	display: inline-block;
	margin-bottom: 35px;
}
.about .hd .text p{
	font-size:14px ;
	color: #313233;
	line-height: 1.8;
}
.about .bd{
	height:850px;
	box-sizing: border-box;
	padding: 90px 0;
	background-size: cover !important;
	position: relative;
}
.about .diqiu{
	position: absolute;
	left: 0;right: 0;
	top: 180px;z-index: 11;
	-webkit-animation: opa 3s 0s linear infinite;
	 animation: opa 3s 0s linear infinite;
}
.swiper_qiu{
	margin-top: -20px;
}
.about .diqiu img{
	display: block;
	margin: 0 auto;
}
.about .lines{
	position: absolute;
	left: -400px;right: -400px;
	top: 160px;
	z-index: 12;
}
.about .lines img{
	display: block;
	margin: 0 auto;
}
.about .bd .title h2{
	color: #fff;
}
.about .bd ul{
	position: relative;
	margin-top: 150px;
	z-index: 13;
}
.about .bd li{
	z-index: 2;width: auto;
	position: static;
}
.about .bd li:hover{
	z-index: 99;
}
.about .bd li:nth-child(1) em{
	-webkit-animation: ops 3s 0s linear infinite;
	 animation: ops 3s 0s linear infinite;
}
.about .bd li:nth-child(2) em{
	-webkit-animation: ops 4s 0s linear infinite;
	 animation: ops 4s 0s linear infinite;
}
.about .bd li:nth-child(3) em{
	-webkit-animation: ops 3.5s 0s linear infinite;
	 animation: ops 3.5s 0s linear infinite;
}
.about .bd li:nth-child(4) em{
	-webkit-animation: ops 3.6s 0s linear infinite;
	 animation: ops 3.6s 0s linear infinite;
}
.about .bd li:nth-child(5) em{
	-webkit-animation: ops 3.2s 0s linear infinite;
	 animation: ops 3.2s 0s linear infinite;
}
.about .bd li i em{
	display: block;background: url(../images/icon1.png) no-repeat center;
	width: 122px;
	height: 122px;
	line-height: 122px;
	text-align: center;
	cursor: pointer;
	font-size: 22px;
	font-weight: bold;
	color: #acaed7;
}
.about .bd li i{
	opacity: 0.8;
	display: block;
	transform: all 0.3s;
	position: absolute;
}
.about .bd li .text{
	position: absolute;
	left: -500px;right: -500px;
	top: 50%;
	background: rgba(0,0,0,0.6);
	padding:100px 0;
	box-sizing: border-box;
	border-radius: 8px;
	display: none;
	/*box-shadow: 0 0 10px 0 #4e518d;*/
}
.about .bd li .text .cetx{
	width: 700px;
	margin: 0 auto;
}
.about .bd li .text:before{
	background: url(../images/icon2.png) no-repeat center;
	width: 28px;height:18px;
	position: absolute;content: "";
	left: 28px;bottom: -17px;
}
.about .bd li .text h3{
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
	line-height:50px ;
	margin-bottom:30px;
}
.about .bd li .text p{
	font-size: 14px;
	color: #ffffff;
	line-height:32px ;
}
.about .bd li:nth-child(1) i{
	left: 172px;
	top: 140px;
}
.about .bd li:nth-child(1) i{
	transform: scale(0.8);
}
.about .bd li:nth-child(2) i{
	left: 190px;
	top: 270px;
}
.about .bd li:nth-child(2) i{
	transform: scale(0.6);
}
.about .bd li:nth-child(3) i{
	left: 475px;
	top: 320px;
}
.about .bd li:nth-child(4) i{
	    right: 453px;
    top: 380px;
}
.about .bd li:nth-child(4) i{
	transform: scale(0.7);
}
.about .bd li:nth-child(5) i{
	    right: 217px;
    top: 289px;
}
.about .bd li:nth-child(6) i{
	right: 53px;
    top: 197px;
}
.about .bd li:nth-child(5) i{
	transform: scale(0.9);
}
/*.about .bd li:nth-child(4) .text,
.about .bd li:nth-child(5) .text{
	left: auto;
	right: 20px;
}
.about .bd li:nth-child(4) .text:before,
.about .bd li:nth-child(5) .text:before{
	left: auto;right: 28px;
}*/

.about .bd li:nth-child(7) i{
	left: 101px;
    top: 26px;
	transform: scale(0.3);
	opacity: 0.8;
}
.about .bd li:nth-child(8) i{
	    left: 437px;
    top: -115px;
    transform: scale(0.2);
    opacity: 0.7;
}
.about .bd li:nth-child(9) i{
	    left: 400px;
    top: 26px;
    transform: scale(0.2);
    opacity: 0.8;
}
.about .bd li:nth-child(10) i{
	    right: 288px;
    top: -14px;
    transform: scale(0.4);
    opacity: 0.9;
}
.about .bd li:nth-child(11) i{
	right: 571px;
    top: -129px;
    transform: scale(0.2);
    opacity: 0.6;
}
.about .bd li:nth-child(n+6) i em{
	-webkit-animation: ops 3.2s 0s linear infinite;
	 animation: ops 3.2s 0s linear infinite;
}
.about .bd li:nth-child(n+6) i em{
	cursor: auto;
}

.about .bd li:hover i{
	opacity: 1;
}
.about .bd li:hover .text{
	display: block;
}
.about .ft{
	padding: 100px 0 125px;
}
.about .ft ul{
	margin: 80px 130px 0;
	position: relative;
}
.about .ft ul:before{
	content: "";
	position: absolute;
	left: 0;right: 0;
	top: 0;bottom: 0;
	z-index: 11;
	background: url(../images/icon3.png) no-repeat center;
}
.about .ft li{
	padding: 35px 0 40px;
	background:rgba(255,255,255,0.6);
	box-shadow: 0 0 10px 0 #e5f0fa;
	text-align: center;
	margin-bottom: 14px;
	position: relative;
	z-index: 13;
	transition: all 0.3s;
}
.about .ft li:hover{
    transform: scale(1.03);
    background-color: #004a98;
}

.about .ft li:hover h6, .about .ft li:hover h3{
    color: #fff;
}

.about .ft li h6{
	font-size:14px ;
	color: #004a98;
	line-height: 24px;
}
.about .ft li h3{
	font-size:20px;
	color: #004a98;
	line-height: 38px;
	margin-top: 12px;
	font-weight: bold;
	
}
.about .a_news{
	padding: 110px 0 60px;
}
.about .a_news ul{
	margin-top: 90px;
}
.about .a_news li{
	position: relative;
	z-index: 1;
	margin-top: -1px;
}
.about .a_news li a{
	display: block;
	overflow: hidden;
	padding:30px 50px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	background-position: right bottom;
}
.about .a_news li a .imgs{
	width: 272px;
	height: 187px;
	float: left;
	overflow: hidden;
}
.about .a_news li a .imgs img {
    display: block;
    width: 100%;
    height: 100%;
}
.about .a_news li a .text{
	float: right;
	width: calc(100% - 305px);
	box-sizing: border-box;
	padding-right:260px ;
	position: relative;
	height: 187px;
}
.about .a_news li a .text i{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 6px;display: block;
	border: 1px dashed #c2d0e3;
	position: absolute;
	right:95px ;
	top: 50%;transform: translateY(-32px);
}
.about .a_news li a .text span{
	display: block;
	height: 100%;
	background: url(../images/g_ico1.png) no-repeat center #d2d2d2;
	border-radius: 50%;
	transition: all 0.3s;
}
.about .a_news li a:hover .text span{
	background: url(../images/g_ico1.png) no-repeat center #004a98;
}
.about .a_news li h2{
	padding-top: 20px;
	font-size: 20px;
	line-height: 30px;
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom: 20px;
}
.about .a_news li p{
	font-size: 14px;
	color: #808080;
	line-height: 32px;
	margin-bottom: 20px;
	height: 62px;
	overflow: hidden;
}
.about .a_news li h6{
	font-size: 14px;
	color: #808080;
	line-height: 20px;
}
.about .a_news li:hover{
	z-index: 111;
}
.about .a_news li a:hover{
	box-shadow: 0 0 12px 0 #eeeeee;
	border-color: #fff;
	background: url(../images/g_ico2.jpg) no-repeat right bottom;
}
.pages{
	text-align: center;
	font-size: 0;
}
.pages li{
	display: inline-block;
	margin:0 5px ;
}
.pages li a{
	display: block;
	border: 1px solid #c4ccd9;
	border-radius: 3px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	color: #c4ccd9;
	padding: 0 10px;
	min-width: 28px;
	box-sizing: border-box;
}
.pages li a:hover,
.pages li.on a{
	color: #fff;
	background: #003b70;
	border-color: #003b70;
}
.about .pages{
	margin-bottom:85px;
}
.h_banner .wrap{
	height: 100%;
	position: relative;
}
.crumbs{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;z-index: 1;
}
.crumbs a{
	display: block;
	width:420px ;
	line-height: 205px;
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	display: block;text-align: center;
	background: url(../images/x_ico10.png) no-repeat center top;
}
.crumbs a span{
	font-weight: 300;
}
.case{
	padding: 320px 0 105px;
}
.case ul{
	position: relative;
}
.case ul:before{
	content: "";
	left: 50%;
	top: 185px;
	bottom:225px;
	width: 1px;background: #dcdcdc;
	position: absolute;
}
.case li{
	margin-top: -120px;
}
.case li .text{
	width: calc((100% - 184px)/2);
	position: relative;z-index: 13;
}
.case li:nth-child(2n) .text{
	float: right;
}
.case li .text .imgs{
	position: relative;
	overflow: hidden;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.case li .text .imgs img{
	width: 100%;
	display: block;
}
.case li .text .bt{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;
	padding:10px 30px;z-index: 2;
	background: url(../images/bt.png) no-repeat center bottom;
	background-size: 100% 100% !important;
}
.case li .text .hd{
	position: absolute;
	right: 25px;
	bottom: 22px;
	text-align: right;
	left: auto;
	width: auto;z-index: 11;
}
.case li .text .hd span{
	opacity: 0.24;
	display: inline-block;
	background: #fff !important;
	width:8px ;height: 8px;
	border-radius: 50%;
	margin: 0;margin-left: 4px;
}
.case li .text .hd span.swiper-pagination-bullet-active{
	opacity: 1;
}
.case li .text .bt h4{
	font-size:20px ;
	color: #ffffff;
	line-height: 30px;
}
.case li .text .bt h4 span{
	font-size: 26px;
	font-weight: bold;
}
.case li .text .bt h5{
	font-size:14px ;
	color: #fff;
	line-height: 22px;
	margin-top: 8px;
}
.case li .text .bd{
	border: 1px solid #ceedfe;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-bottom: 12px;
	overflow: hidden;
}
.case li .text .bd dl{
	overflow: hidden;
}
.case li .text .bd dd{
	float: left;
	width: 25%;
	text-align: center;
	margin-top: 20px;
}
.case li .text .bd dd .icon{
	height: 45px;
}
.case li .text .bd dd .icon img{
	max-height: 40px;
	max-width: 40px;
}
.case li .text .bd dd h3{
	line-height: 20px;
	font-size: 14px;
	color: #666666; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.case li .text:before{
	content: '';position: absolute;
	left: 100%;
	width: 92px;
	top: 195px;height: 1px;
	background: #014898;z-index: 2;
}
.case li:nth-child(2n) .text:before{
	left: auto;right: 100%;
}
.case li .text:after{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 6px solid #ccdaea;
	position: absolute;left: 100%;
	margin-left: 82px;display: block;
	top: 195px;margin-top: -10px;
	background: #014898;
}
.case li:nth-child(2n) .text:after{
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 82px;
}

.fk_plan .hd{
	padding:100px 0 160px;
	position: relative;
	transform: scale(0.8);
	height: 575px;
}
.fk_plan .hd .title h2{
    font-size: 28px
}
.fk_plan .hd .dj_swiper{
	margin-top: 100px;
}
.fk_plan .hd .dj_swiper:before{
	content: '';
	display: block;
	background: url(../images/kc1.png) no-repeat center;
	width: 250px;height: 262px;
	position: absolute;
	left: 50%;margin-left: 360px;
	top: 80px;
}
.fk_plan .hd .dj_swiper:after{
	content: '';
	display: block;
	background: url(../images/kc2.png) no-repeat center;
	width: 311px;height: 196px;
	position: absolute;
	right: 50%;margin-right: 360px;
	bottom: 0;
}
.fk_plan .hd .swiper-slide{
	position: relative;
    width: 800px;
    transform: scale(0.5);
	transition: all 0.3s;
	cursor: pointer;margin: 0 -60px;
}

.fk_plan .hd .swiper-slide:hover{
    transform: scale(0.6);
}

.fk_plan .hd .swiper-slide img{
	width: 100%;display: block;
}
.fk_plan .hd .swiper-slide .imgs{
	border-radius: 20px;
	overflow: hidden;
}
.fk_plan .hd .swiper-slide .txt{
	position: absolute;
	left: 0;right: 0;
	top: 0;bottom: 0;z-index: 11;
	background: rgba(0,74,152,.8);
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}
.fk_plan .hd .swiper-slide .txt h2{
	font-size: 32px;
	color: #ffffff;
	line-height: 1.3;
}
.fk_plan .hd .swiper-slide .txt .cent{
	position: absolute;
	left: 0;right: 0;
	top: 50%;transform: translateY(-50%);
	padding: 25px 30px 45px;
}
.fk_plan .hd .swiper-slide .txt .cent h4{
	font-size: 17px;
	color: #666666;
	line-height: 26px;
	margin-top: 10px;
	display: none;
}
.fk_plan .hd .swiper-slide.swiper-slide-active{
	transform: scale(1);
}
.fk_plan .hd .swiper-slide.swiper-slide-active .txt{
	background: #fff;right: 45px;
	top: auto;left: 45px;
	bottom: -110px;
	border: 1px solid #ceedfe;
}
.fk_plan .hd .swiper-slide.swiper-slide-active .txt .cent{
	position: static;transform: scale(1);
}
.fk_plan .hd .swiper-slide.swiper-slide-active .txt h2{
    /* 智慧访客改动 */
	font-size: 20px;
	color: #004a98;
	font-weight: bold;
}
.fk_plan .hd .swiper-slide.swiper-slide-active .txt h4{
	display: block;
}
.fk_plan .bd{
	background-size: cover !important;
	padding:80px 0 100px;
	box-sizing: border-box;
	height: 100vh;
	min-height: 700px;
}
.fk_plan .bd ul{
	margin-top: 60px;
	overflow: hidden;
}
.fk_plan .bd li{
	float: left;
	width: 50%;
}
.fk_plan .bd li dl{
	text-align: center;
}
.fk_plan .bd li dd{
	display: inline-block;
	vertical-align: bottom;
	width: 26%;
}
.fk_plan .bd li dd h4{
	font-size:20px ;
	color: #ffffff;
	line-height: 1.6;
}
.fk_plan .bd li dd h5{
	font-size:14px;
	color: #9ea0c0;
	line-height: 1.6;
	margin-top: 10px;
}
.fk_plan .bd li dd .ico{
	margin-top: 30px;
	text-align: center;position: relative;
}
.fk_plan .bd li dd .ico img{
	width: 125px;
	height: 125px;
	display: block;
	margin: 0 auto;
}
.fk_plan .bd li h3{
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 30px;
	margin-bottom: 30px;
}
.fk_plan .bd li .num{
	height: 180px;
	position: relative;
	top: -20px;
}
.fk_plan .bd li dd:nth-child(1) .num{
	-webkit-animation: ops 3s 0s linear infinite;
	    animation: ops 3s 0s linear infinite;
}
.fk_plan .bd li dd:nth-child(2) .num{
	-webkit-animation: ops 3s 0.2s linear infinite;
	    animation: ops 3s 0.2s linear infinite;
}
.fk_plan .bd li dd:nth-child(3) .num{
	-webkit-animation: ops 3s 0.4s linear infinite;
	    animation: ops 3s 0.4s linear infinite;
}
.fk_plan .bd li dd:nth-child(1) .ico img{
	-webkit-animation:ops 3s .2s linear infinite;
-moz-animation:ops 3s .2s linear infinite;
}
.fk_plan .bd li dd:nth-child(2) .ico img{
	-webkit-animation:ops 3s .4s linear infinite;
-moz-animation:ops 3s .4s linear infinite;
}
.fk_plan .bd li dd:nth-child(3) .ico img{
	-webkit-animation:ops 3s .6s linear infinite;
-moz-animation:ops 3s .6s linear infinite;
}
.fk_plan .bd li .num img{
	display: block;
	position: absolute;
	left: 50%;bottom: 0;
	z-index: 1;transform: translateX(-50%);
}
.fk_plan .bd li dd:nth-child(1) .ico:before{
	background: url(../images/ico9.png) no-repeat center;
	width: 92px;height: 52px;right: -50px;top: -20px;
	z-index: 1;content: "";display: block;position: absolute;
}
.fk_plan .bd li dd:nth-child(3) .ico:before{
	background: url(../images/ico10.png) no-repeat center;
	width: 92px;height: 52px;left: -50px;top: -20px;
	z-index: 1;content: "";display: block;position: absolute;
}
.fk_plan .ft{
	padding:80px 0;
	background-size: cover !important;
}
.fk_plan .ft ul{
	margin-top: 75px;
}
.fk_plan .ft li{
	float: left;
	width: calc((100% - 257px)/4);
	margin-right: 85px;
	background: #fff;
	box-shadow: 0 0 10px 0 #e8edf4;
	border-radius: 8px;
}
.fk_plan .ft li:nth-child(4n){
	margin-right: 0;
}
.fk_plan .ft li a{
	display: block;
	cursor: auto;
}
.fk_plan .ft li .imgs{
	height: 160px;
	position: relative;
	margin: 30px 0 0;
}
.fk_plan .ft li .imgs img{
	max-width: 80%;max-height: 80%;
	display: block;
	position: absolute;
	left: 0;right: 0;display: block;margin: 0 auto;
	top: 50%;z-index: 11;transform: translateY(-50%);
}
.fk_plan .ft li h6{
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height:70px ;
}
.tc_plan .hd{
	padding:145px 0 110px ;
	width: 1188px;
	margin: 0 auto;
}
.tc_plan .hd ul{
	background: url(../images/line8.png) no-repeat center top;
	padding-top: 50px;
}
.tc_plan .hd li{
	position: relative;
	margin-top: 50px;
}
.tc_plan .hd li .imgs{
	width: 650px;
	height: 255px;
	border-radius: 20px;
	overflow: hidden;
}
.tc_plan .hd li .imgs img {
	display: block;width: 100%;
	transition: all 0.3s;
}
.tc_plan .hd li:hover .imgs img{
	transform: scale(1.05);
}
.tc_plan .hd li .text{
	position: absolute;
	right: 0;
	top:30px;
	bottom: 30px;
	z-index: 11;
	background: #fff;
	border: 1px solid #ceedfe;
	border-radius: 20px;
	padding: 30px 35px;
	width: 645px;
	box-sizing: border-box;
	box-shadow: 0 0 10px 0 #f4f6f9;
}
.tc_plan .hd li:nth-child(2n) .imgs{
	float: right;
}
.tc_plan .hd li:nth-child(2n) .text{
	right: auto;
	left: 0;
}
.tc_plan .hd li:nth-child(1) .text{
	background: url(../images/p_ico1.png) no-repeat right 22px bottom 18px #fff;
}
.tc_plan .hd li:nth-child(2) .text{
	background: url(../images/p_ico3.png) no-repeat right 22px bottom 18px #fff;
}
.tc_plan .hd li:nth-child(3) .text{
	background: url(../images/p_ico4.png) no-repeat right 22px bottom 18px #fff;
}
.tc_plan .hd li:nth-child(4) .text{
	background: url(../images/p_ico5.png) no-repeat right 22px bottom 18px #fff;
}
.tc_plan .hd li .text h3{
	font-size: 20px;
	color: #004a98;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 30px;
}
.tc_plan .hd li .text p{
	font-size: 14px;
	color: #888888;
	line-height: 26px;
	padding-right: 110px;
}
.tc_plan .bd{
	background-size: cover !important;
	box-sizing: border-box;
	padding: 60px 0;
	min-height: 100vh;
}
.tc_plan .bd .wrap{
	position: relative;
	width: 1400px;
	overflow: hidden;
	transform: scale(0.8);
}
.tc_plan .bd .wrap .cbg{
	display: block;
	margin:100px auto 0;
}
.tc_plan .bd li{
	position: absolute;
	width: 140px;
	text-align: center;
}
.tc_plan .bd li h4{
	font-size: 17px;
	color: #ffffff;
	line-height: 24px;
	margin-bottom: 10px;
}
.tc_plan .bd li:nth-child(1){
	top: 540px;
	left:30px ;
}
.tc_plan .bd li:nth-child(2){
	top: 340px;
	left:0 ;
}
.tc_plan .bd li:nth-child(3){
	top: 200px;
	left:100px ;
}
.tc_plan .bd li:nth-child(4){
	top: 110px;
	left:200px ;
}
.tc_plan .bd li:nth-child(5){
	top: 85px;
	left:320px ;
}
.tc_plan .bd li:nth-child(6){
	top: 195px;
	left:420px ;
}
.tc_plan .bd li:nth-child(7){
	top: 540px;
	right:30px ;
}
.tc_plan .bd li:nth-child(8){
	top: 340px;
	right:0 ;
}
.tc_plan .bd li:nth-child(9){
	top: 200px;
	right:100px ;
}
.tc_plan .bd li:nth-child(10){
	top: 110px;
	right:200px ;
}
.tc_plan .bd li:nth-child(11){
	top: 85px;
	right:320px ;
}
.tc_plan .bd li:nth-child(12){
	top: 195px;
	right:420px ;
}










/*智能工位解决方案*/
.tc_plan .q_hd {
	padding: 140px 0 48px;
	box-sizing: border-box;
	margin: 0 auto;
}
.tc_plan .q_hd .wrap{
	width: 1610px;
}
.tc_plan .q_hd ul {
	margin-top: 94px;
}
.tc_plan .q_hd li {
	background: #fff;
	box-shadow: 0 0 10px 4px #f6f6f6;
	overflow: hidden;margin-bottom: 52px;
}
.tc_plan .q_hd li .imgs {
	float: left;width: 50%;height: 221px;
	overflow: hidden;
}
.tc_plan .q_hd li .imgs img {
	display: block;height: 100%;width: 100%;transition: all 0.3s;
}
.tc_plan .q_hd li:hover .imgs img {
	transform: scale(1.1);
}
.tc_plan .q_hd li .text {
	float: right;width: 50%;height: 221px;padding: 22px 130px 22px 62px;
	box-sizing: border-box;overflow: hidden
}
.tc_plan .q_hd li .text h3 {
	font-size: 20px;line-height: 74px;color: #004a98;border-bottom: 1px solid #dcdcdc;font-weight: bold;
	
}
.tc_plan .q_hd li .text p {
	font-size: 14px;line-height: 30px;color: #888888;margin-top: 15px;height: 90px;overflow: hidden;
}
.tc_plan .q_hd li:nth-child(2n) .imgs{
	float: right;
}
.tc_plan .q_hd li:nth-child(2n) .text{
	float: left;padding: 22px 110px 22px 72px;
}
.tc_plan .q_bd {
	height: 916px;
}
.tc_plan .q_bd .wrap {
	width: 1460px;margin: 0 auto;position: relative;
}
.tc_plan .q_bd .wrap li {
    position: absolute;
}
.tc_plan .q_bd .wrap li h4 {
	font-size: 17px;color: #fff;
}


/*智慧能耗解决方案*/
.tc_plan .q1_hd {
	padding: 90px 70px 48px;
	box-sizing: border-box;
	margin: 0 auto;
}
.tc_plan .q1_hd ul {
	margin-top: 84px;
}
.tc_plan .q1_hd li {
	background: #fff;
	box-shadow: 0 0 20px 5px #e0e0e0;
	margin-bottom: 52px;
	position: relative;
}
.tc_plan .q1_hd li:before{
	content: "";
	bottom: -16px;
	position: absolute;
	left: 52px;right:22px ;
	box-shadow: 0 0 20px 5px #e0e0e0;
	background: #fff;height: 16px;
	z-index: -1;
}
.tc_plan .q1_hd li:nth-child(2n):before{
	left: 22px;right: 52px;
}
.tc_plan .q1_hd li .imgs {
	float: right;width: 50%;overflow: hidden;height: 280px;
}
.tc_plan .q1_hd li .imgs img {
	display: block;height: 100%;width: 100%;transition: all 0.3s;
}
.tc_plan .q1_hd li:hover .imgs img {
	transform: scale(1.1);
}
.tc_plan .q1_hd li .text {
	width: 50%;box-sizing: border-box;padding: 0 80px;
	position: absolute;z-index: 11;background: #fff;left: 0;top: 50%;transform: translateY(-50%);
}
.tc_plan .q1_hd li .text h3 {
	font-size: 20px;line-height:46px;color: #004a98;font-weight: bold;
	margin-bottom: 10px;
}
.tc_plan .q1_hd li .text p {
	font-size: 14px;line-height: 30px;color: #888888;margin-top: 16px;
}
.tc_plan .q1_hd li:nth-child(2n) .imgs{
	float: left;
}
.tc_plan .q1_hd li:nth-child(2n) .text{
	left: auto;right: 0;
}


.tc_plan .q_bd {
	height: 846px;
	padding-top: 60px;
	background-size: cover !important;
	min-height: 100vh;
}
.tc_plan .q_bd .wrap {
	width: 1400px;
	position: absolute;
	left: -500px;
	right: -530px;
	transform: scale(0.8);
	margin-top: -70px;
}
.tc_plan .q_bd .wrap .cbg{
	display: block;
	margin: 100px auto 0;
	position: relative;left: 20px;
}
.tc_plan .q_bd li{
	position: absolute;margin-left: -20px;
	z-index: 1;
	margin-top: -60px;
}
.tc_plan .q_bd li .wow{
	overflow: hidden;
}
.tc_plan .q_bd li .ico{
	float: right;
}
.tc_plan .q_bd li h4{
	float: left;margin: 0 10px;
	font-size: 14px;
	color: #ffffff;
	line-height:52px ;
}
.tc_plan .q_bd li:nth-child(1){
	left:235px ;transform: translateX(-100%);
	top: 270px;
}
.tc_plan .q_bd li:nth-child(2){
	left:170px ;transform: translateX(-100%);
	top: 400px;
}
.tc_plan .q_bd li:nth-child(3){
	left:165px ;transform: translateX(-100%);
	top:580px;
}

.tc_plan .q_bd li:nth-child(n+4){
	margin-left: 0;
	margin-right: -20px;
}
.tc_plan .q_bd li:nth-child(n+4) h4{
	float: right;
}
.tc_plan .q_bd li:nth-child(n+4) .ico{
	float: left;
}
.tc_plan .q_bd li:nth-child(4){
	right:504px ;transform: translateX(100%);
	top: 192px;
}
.tc_plan .q_bd li:nth-child(5){
	right:135px ;transform: translateX(100%);
	top: 297px;
}
.tc_plan .q_bd li:nth-child(6){
	right:135px ;transform: translateX(100%);
	top:381px;
}
.tc_plan .q_bd li:nth-child(7){
	right:260px ;transform: translateX(100%);
	top:640px;
}


.nh_plan{
	height: 100vh;
	background-size: cover !important;
	padding-top: 60px;
	box-sizing: border-box;
	min-height: 850px;
}
.nh_plan .wrap{
	width: 930px;
	position: relative;
	margin-top: -100px;
	transform: scale(0.8);
}
.nh_plan .wrap .cg{
	margin-top: 112px;
	position: relative;
	left: -80px;right: -50px;width: 1106px;
	max-width: 1106px;
}
.nh_plan li{
	position: absolute;
	width: 164px;text-align: center;z-index: 1;
}
.nh_plan li h4{
	font-size: 17px;
	color: #ffffff;
	line-height: 26px;
	margin-bottom: 12px;
}
.nh_plan li h4 img{
	display: block;
	margin: 0 auto;
}
.nh_plan li:nth-child(1){
	left: 0;top: 520px;
}
.nh_plan li:nth-child(2){
	left: 18px;top: 255px;
}
.nh_plan li:nth-child(3){
	left: 186px;top: 135px;
}
.nh_plan li:nth-child(4){
	left: 360px;top: 140px;
}
.nh_plan li:nth-child(5){
	right: 150px;top: 130px;
}
.nh_plan li:nth-child(6){
	right: -13px;top: 250px;
}
.nh_plan li:nth-child(7){
	right: -22px;top: 520px;
}
.nh_plan li:nth-child(8){
	right: 135px;top: 640px;
}

/*智能楼宇*/

.tc_plan .hd_list {
	padding: 90px 0 120px;
}

.hd_list ul {
	margin-top: 90px;text-align: center;
}
.hd_list li {
	width: calc(100% / 3);
	float: left;
	box-sizing: border-box;
	padding: 0 50px;
}
.hd_list li .img {
	height: 120px;overflow: hidden;position: relative;
}
.hd_list li .img img{
	display: block;position: absolute;top: 50%;transform: translateY(-50%);margin: 0 auto;left: 0;right: 0;
}
.hd_list li .text {
	text-align: center;
}
.hd_list li .text h3 {
	font-size: 20px;line-height: 56px;color: #002d74;font-weight: bold;margin-bottom: 10px;
}
.hd_list li .text p {
	font-size: 14px;line-height: 28px;color: #333333;
}

.nh_plan1 {
	height: 100vh;
	padding: 50px 0;
	overflow: hidden;
	background-size: cover !important;
	
}
.nh_plan1 .louy{
	position: absolute;
	left: 0;right: 0;
	top: 50px;z-index: 1;

}
.nh_plan1 .l_ops{
	/*-webkit-animation: bounce-up_op 3s 0s linear infinite;
	 animation: bounce-up_op 3s 0s linear infinite;*/
	transform: scale(0.8);
	margin-left: -50px;
	
}
.nh_plan1 .louy img{
	display: block;
	margin: 120px auto;
	height: 700px;
	/* transform: scale(0.8); */
}
.nh_plan1 .wrap {
	left: -300px; 
    right: -300px; 
     position: absolute;
}
.nh_plan1 ul {
	overflow: hidden;
}
.nh_plan1 li {
	position: absolute;
	z-index: 3;
	opacity: 0;
	transition: all 0.5s;
}
.nh_plan1 ul.ons li{
	opacity: 1;
	margin: 0;
	margin-top: -100px;
} 
.nh_plan1 li .ico {
	display: inline-block;float: left;
	position: relative;
}
.nh_plan1 li .ico:before{
	content: "";
	background: url(../images/m1.png) no-repeat center;
	width: 3px;height: 175px;
	position: absolute;
	left: -1px;right: 0;display: block;
	top: 100%;z-index: 4;margin: 0 auto;
}
.nh_plan1 li:nth-child(4) .ico:before,
.nh_plan1 li:nth-child(3) .ico:before{
	background: url(../images/m2.png) no-repeat center;
	width: 187px;height: 190px;
	left: auto;
	margin: 0;
	right: 30px;
}
.nh_plan1 li:nth-child(5) .ico:before{
	background: url(../images/m3.png) no-repeat center;
	width: 264px;height: 153px;
	left: auto;top: -5px;
	margin: 0;
	right: 30px;
}
.nh_plan1 li:nth-child(6) .ico:before{
	background: url(../images/m4.png) no-repeat center;
	width: 281px;height: 166px;
	left: 26px;top:28px;
	margin: 0;
	right: auto;
}
.nh_plan1 li h4 {
    /* 改动 */
    font-size: 25px;
    color: #fff;display: inline-block;
	margin-left: 14px;height: 68px;
}
.nh_plan1 li h4 p{
    /* 改动 */
    font-size: 17px;
    line-height: 24px;color: #fff;margin-top: 6px;
}

.nh_plan1 li:nth-child(1){
	left: 745px;top: 195px;transform: translateX(-100%);
	transition-delay: 0s;
}
.nh_plan1 li:nth-child(1) .ico {
	float: right;margin-left: 10px;
}
.nh_plan1 .title h2 span {
	color: #fff;
}
.nh_plan1 li:nth-child(2){
	right: 612px;top: 204px;transform: translateX(100%);
	transition-delay: 0.1s;
}
.nh_plan1 li:nth-child(3){
	right: 440px;top: 340px;transform: translateX(100%);
	transition-delay: 0.2s;
}
.nh_plan1 li:nth-child(4){
	right: 367px;top: 480px;transform: translateX(100%);
	transition-delay: 0.3s;
}
.nh_plan1 li:nth-child(5){
	right: 378px;top: 750px;transform: translateX(100%);
	transition-delay: 0.4s;
}
.nh_plan1 li:nth-child(6){
	left: -65px;top: 780px;transform: translateX(100%);
	transition-delay: 0.5s;
}
.nh_plan1 li:nth-child(7){
	left: 490px;top: 465px;transform: translateX(-100%);
	transition-delay: 0.9s;
}
.nh_plan1 li:nth-child(8){
	left: 582px;top: 355px;transform: translateX(-100%);
	transition-delay: 1s;
}
.nh_plan1 li:nth-child(n + 6) h4{
	text-align: right;margin-left: 0;
}
.nh_plan1 li:nth-child(n + 6) .ico{
	float: right;margin-left: 10px;
}
.nh_plan1 li:nth-child(1) h4{
	text-align: right;
}


/*智慧门禁解决方案*/
.tc_plan .q3_hd {
	padding: 80px 0 80px;
}
.tc_plan .q3_hd .wrap {
	width: 1460px;
}
.tc_plan .q3_hd ul {
	margin-top: 90px;
}
.tc_plan .q3_hd li {
	float: left;width: calc((100% - 50px )/3);
	margin-right: 24px;
}
.tc_plan .q3_hd  li:nth-child(3n) {
	margin-right: 0;
}
.tc_plan .q3_hd li .img {
	height: 275px;
	width: 100%;
	overflow: hidden;
}
.tc_plan .q3_hd li img {
	display: block;width: 100%;height: 100%;transition: all 0.3s;
}
.tc_plan .q3_hd li .img:hover img {
	transform: scale(1.1);
}
.tc_plan .q3_hd li .text {
	margin-top: 34px;
}
.tc_plan .q3_hd li h4 {
	font-size: 20px;line-height: 34px;font-weight: bold;
    color: #003b70;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.tc_plan .q3_hd li p {
	font-size: 14px;line-height: 26px;color: #888888;margin-top: 18px;height: 52px;overflow: hidden;
}
.nh_plan2 {
	min-height: 100vh;
	box-sizing: border-box;
	padding-top: 60px;
	background-size: cover !important;
}
.nh_plan2 .wrap {
    width: 1460px;
    overflow: hidden;
    /* position: absolute;
    left: -500px;
    right: -500px; */
    position: relative;
}
.nh_plan2 .wrap .cbg{
	display: block;
	margin: 100px auto 0;
}
.nh_plan2 li {
	position: absolute;
}
.nh_plan2 li .ico {
	display: inline-block;float: left;
	position: relative;
}
.nh_plan2 li .ico:before{
	content: "";
	display: block;
	position: absolute;
} 
.nh_plan2 li:nth-child(7) .ico:before{
	background: url(../images/lc1.png) no-repeat center;
	width: 224px;height: 27px;
	position: absolute;
	left: 100%;
	top: 50%;transform: translateY(-50%);
}
.nh_plan2 li:nth-child(6) .ico:before{
	background: url(../images/lc2.png) no-repeat center;
	width: 185px;height: 122px;
	position: absolute;
	left: 100%;
	top: 50%;margin-top: -13px;
}
.nh_plan2 li:nth-child(5) .ico:before{
	background: url(../images/lc3.png) no-repeat center;
	width: 160px;height: 59px;
	position: absolute;
	left: 100%;
	top: 50%;margin-top: -13px;
}
.nh_plan2 li:nth-child(4) .ico:before{
	background: url(../images/lc7.png) no-repeat center;
	width: 138px;height: 73px;
	position: absolute;
	left: 100%;margin-left: -30px;
	top: 100%;
}
.nh_plan2 li:nth-child(3) .ico:before{
	background: url(../images/lc6.png) no-repeat center;
	width: 193px;height: 118px;
	position: absolute;
	right: 100%;
	bottom: 100%;margin-bottom: -20px;
}
.nh_plan2 li:nth-child(2) .ico:before{
	background: url(../images/lc5.png) no-repeat center;
	width: 189px;height: 124px;
	position: absolute;
	right: 100%;
	bottom: 100%;margin-bottom: -20px;
}
.nh_plan2 li:nth-child(1) .ico:before{
	background: url(../images/lc4.png) no-repeat center;
	width: 108px;height: 51px;
	position: absolute;
	right: 100%;margin-right: -30px;
	top: 100%;
}
.nh_plan2 li p {
	font-size: 14px;line-height: 36px;color: #fff;display: inline-block;text-align: right;margin-left: 10px;
}
.nh_plan2 li:nth-child(1) {
	transform: translateX(100%);top: 207px;
    right: 192px;
}
.nh_plan2 li:nth-child(2) {
	    top: 369px;
    right: 186px;transform: translateX(100%);
}
.nh_plan2 li:nth-child(3) {
	top: 446px;
    right: 309px;transform: translateX(100%);
}
.nh_plan2 li:nth-child(4) {
	top: 40px;
    right: 624px;transform: translateX(100%);
}
.nh_plan2 li:nth-child(5) {
	top: 146px;
    left: 776px;transform: translateX(-100%);
}
.nh_plan2 li:nth-child(6) {
	    left: 411px;
    transform: translateX(-100%);
    top: 211px;

}
.nh_plan2 li:nth-child(7) {
	    top: 326px;
    left: 325px;transform: translateX(-100%);
}
.nh_plan2 li:nth-child(n + 4) p{
	text-align: left;margin-left: 0;margin-right: 10px;
}
.nh_plan2 li:nth-child(n + 4) .ico {
	float: right;
}
.header.active .naver .login a:hover{
	background: #000;
	color: #fff;
}

.af_ban li{
	position: absolute;
}
.af_ban li .ico{
	background: url(../images/a.png) no-repeat center;
	width: 130px;height: 338px;
}
.af_ban li .ico:hover{
	background: url(../images/a1.png) no-repeat center;
	background-size:100% auto !important;
}
.af_ban li:nth-child(1){
	left:240px ;bottom: 129px;
	-webkit-animation: bounce-up1 3s 0.5s linear infinite;
	    animation: bounce-up1 3s 0.5s linear infinite;
}
.af_ban li:nth-child(2){
	left:430px ;bottom: 200px;
	-webkit-animation: bounce-up1 3s 0.5s linear infinite;
	    animation: bounce-up1 3s 0.5s linear infinite;
}
.af_ban li:nth-child(3){
	left:50% ;bottom: 133px;
	-webkit-animation: bounce-up1 3s 0.5s linear infinite;
	    animation: bounce-up1 3s 0.5s linear infinite;
}
.af_ban li:nth-child(4){
	right:240px ;bottom: 99px;
	-webkit-animation: bounce-up1 3s 0.5s linear infinite;
	    animation: bounce-up1 3s 0.5s linear infinite;
}
.af_ban li:nth-child(5){
	right:430px ;bottom: 140px;
	-webkit-animation: bounce-up1 3s 0.5s linear infinite;
	    animation: bounce-up1 3s 0.5s linear infinite;
}
.af_ban li:nth-child(1) .ico,
.af_ban li:nth-child(4) .ico{
	transform: scale(0.7);
}
.af_ban li:nth-child(3) .ico{
	width: 130px;height: 338px;
	transform: translateX(-50%);
}

@-webkit-keyframes bounce-up1 {
    25% {
		opacity: 0.6;
    }
    50%, 100% {
		opacity: 1;
    }
    75% {
		opacity: 0.6;
    }
}


@keyframes bounce-up1 {
    25% {
    	opacity: 0.6;
    }
    50%, 100% {
    	opacity: 1;
    }
    75% {
    	opacity: 0.6;
    }
}

.mc_af .af_swiper{
	margin: 90px 35px 165px;
}
.mc_af .af_swiper li{
	float: left;
	width: calc((100% - 62px)/3);
	margin-right: 30px;
}
.rop{
	position: relative;
}
.rop .swiper-pagination{
	position: static;
	margin-top: 30px;
}
.mc_af .af_swiper li:nth-child(3n){
	margin-right: 0;
}
.mc_af .af_swiper li a{
	display: block;
	height:575px ;
	position: relative;
	background-size: cover !important;
	cursor: pointer;
	transition: all 0.3s;
	cursor: auto;
}
.mc_af .af_swiper li a:hover{
	box-shadow: 0 0 10px 3px #aaa;
}
.mc_af .af_swiper li .txt{
	position: absolute;
	left: 15px;right: 15px;
	bottom: 15px;z-index: 11;
	background: #fff;
	height: 230px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px 30px;
}
.mc_af .af_swiper li .txt h3{
	font-size: 20px;
	color: #004a98;
	line-height: 30px;
	font-weight: bold;
}
.mc_af .af_swiper li .txt p{
	font-size: 14px;
	color: #888888;
	line-height: 25px;
	margin-top: 10px;
}
.mc_bds{
	background-size: cover !important;
	padding-top: 60px;
	box-sizing: border-box;
	min-height: 100vh;
}
.mc_bds .img{
	position: relative;
	width: 1220px;
    margin: 0 auto;
    transform: scale(0.8)
}
.mc_bds .img img{
	display: block;
	margin: 0 auto;
}
.mc_bds ul{
	background: url(../images/ac4.png) no-repeat center top 100px ;
	height: 100%;
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 1;
}
.mc_bds li{
	position: absolute;
	width: 120px;
}
.mc_bds li h3{
	font-size: 14px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
}
.mc_bds li:nth-child(1){
	left: 51px;
	    top: 165px;
}
.mc_bds li:nth-child(2){
	left: 198px;
	    top: 465px;
}
.mc_bds li:nth-child(3){
	left: 246px;
	    top: 5px;
}
.mc_bds li:nth-child(4){
	right: 53px;
	    top: 158px;
}
.mc_bds li:nth-child(5){
	right: 193px;
	    top: 465px;
}
.mc_bds li:nth-child(6){
	    right: 240px;
	    top: 22px;
}
.mc_af{
	margin-top: 140px;
}


.mc_tx .hd{
	padding: 150px 0 120px;
}
.mc_tx .mchd_swiper{
	margin-top: 95px;
}
.mc_tx .mchd_swiper li{
	float: left;
	width: calc((100% - 182px)/3);
	margin-right: 90px;
	position: relative;
	background: #fff;
}
.mc_tx .mchd_swiper li:nth-child(3n){
	margin-right: 0;
}
.mc_tx .mchd_swiper li a{
	display: block;border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 10px 5px #eee;
	cursor: auto;
}
.mc_tx .mchd_swiper li::before{
	content: "";
	display: block;
	height: 4px;
	bottom: -4px;
	z-index: 1;position: absolute;
	left: 35px;right: 35px;
	background: #bcdcf0;
	border-radius: 20px;
	z-index: 11;
	opacity: 0.6;
}
.mc_tx .mchd_swiper li::after{
	content: "";
	display: block;
	height: 13px;
	bottom: -13px;
	z-index: 1;position: absolute;
	left: 45px;right: 45px;
	background: #d8e4ec;
	border-radius: 20px;
	opacity: 0.6;
}
.mc_tx .mchd_swiper li .imgs{
	height: 445px;
	overflow: hidden;
}
.mc_tx .mchd_swiper li .imgs img{
	width: 100%;height: 100%;
	display: block;
	transition: all 0.3s;
}
.mc_tx .mchd_swiper li .imgs:hover img {
	transform: scale(1.1);
}
.mc_tx .mchd_swiper li .txt{
	height: 260px;
	padding: 40px 30px;
	box-sizing: border-box;
	text-align: center;
}
.mc_tx .mchd_swiper li .txt h3{
	font-size: 20px;
	font-weight: bold;
	color: #003b70;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
}
.mc_tx .mchd_swiper li .txt p{
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}
.mctx_bds{
	padding-bottom: 130px;
}
.mctx_bds ul{
	background: url(../images/t5.png) no-repeat center 40px;
	height: 603px;
}
.mctx_bds .img{
	width: 1266px;
	padding-top: 145px;
}
.mctx_bds li{
	overflow: hidden;
	width: auto;
}
.mctx_bds li h3{
	float: left;
	line-height: 32px;
	margin: 0 5px;
}
.mctx_bds li .icon{
	float: left;
}
.mctx_bds li:nth-child(1){
	left: -114px;
	    top: 376px;
}
.mctx_bds li:nth-child(2){
	left: -84px;
	    top: 256px;
}
.mctx_bds li:nth-child(3){
	left: -40px;
	    top: 206px;
}
.mctx_bds li:nth-child(4){
	left: 200px;
	    top: 196px;
}
.mctx_bds li:nth-child(5){
	left: 270px;
	    top: 130px;
}
.mctx_bds li:nth-child(6){
	left: 340px;
	    top: 80px;
}
.mctx_bds li:nth-child(7){
	left: 450px;
	    top: 40px;
}
.mctx_bds li:nth-child(8){
	right: 100px;
	    top: 205px;
}
.mctx_bds li:nth-child(9){
	right: 10px;
	    top: 275px;
}
.mctx_bds li:nth-child(10){
	right: -80px;
	    top: 380px;
}
.mctx_bds li:nth-child(11){
	right: -100px;
	    top: 435px;
}
.mctx_bds li:nth-child(12){
	right: 570px;
	    top: 570px;
}
.mctx_bds li:nth-child(12) h3,
.mctx_bds li:nth-child(10) h3,
.mctx_bds li:nth-child(11) h3,
.mctx_bds li:nth-child(9) h3,
.mctx_bds li:nth-child(8) h3{
	float: right;
}

.tc_ps:before{
	content: "";
	background: url(../images/sj.png) no-repeat center bottom;
	width: 27%;
	height: 673px;
	position: absolute;
	bottom: 0;right: 10%;z-index: 3;
	background-size: 100% auto;
}
.tc_ps li{
	position: absolute;z-index: 2;
}
.tc_ps li .ico{
	background: url(../images/p1.png) no-repeat center;
	width: 131px;
	height: 368px;
}
.tc_ps li:nth-child(5) .ico{
	background: url(../images/p2.png) no-repeat center;
	background-size: 100% auto !important;
}
.tc_ps li:nth-child(1){left:6% ;
	top: 50%;
	transform:translateY(-50%) scale(0.55);
	margin-top: -80px;
}
.tc_ps li:nth-child(2){left:48% ;
	top: 240px;transform: scale(0.9);
}
.tc_ps li:nth-child(3){right:28% ;
	top: 240px;transform: scale(0.8);
}
.tc_ps li:nth-child(4){right:18% ;
	top: 240px;transform: scale(0.6);
}
.tc_ps li:nth-child(5){left:32% ;
	top: 240px;transform: scale(0.73);
}

.web_img{
	display: none;
}

.k_hui .k_hd{
	padding: 140px 0 170px;
}
.k_hui .k_hd .title{
	margin-bottom: 90px;
}
.k_hui .k_hd .imgs{
	float: left;
	width: 54%;
	position: relative;
}
.k_hui .k_hd .ovs{
	position: relative;
}
.k_hui .k_hd .ovs:before{
	content: "";
	background: url(../images/kc1.png) no-repeat center;
	width: 250px;height: 262px;
	position: absolute;
	right: 180px;top: -200px;
}
.k_hui .k_hd .ovs:after{
	content: "";
	background: url(../images/kc2.png) no-repeat center;
	width: 313px;height: 196px;
	position: absolute;
	left: 80px;
	bottom: -160px;
}
.k_hui .k_hd ul{
	overflow: hidden;
}
.k_hui .k_hd ul li img{
	width: 840px;max-width: inherit;
	height: 100%;
}
.k_hui .k_hd ul li{
	float: left;
	width: 20%;
	position: relative;
	height: 100%;
	transition: all 0.3s;
}
.k_hui .k_hd ul li:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;right: 0;
	top: 0;bottom: 0;
	z-index: 1;
	background: rgba(0,66,152,0.8);
}
.k_hui .k_hd ul li.on{
	width: 60%;
}


/*.k_hui .k_hd ul{
	float: right;
	width: 46%;
	overflow: hidden;
	position: absolute;
	right: 0;top: 0;
	bottom: 0;
}
.k_hui .k_hd li{
	float: left;
	width: 50%;
	position: relative;
}*/
.k_hui .k_hd ul li.on .cen{
	position: absolute;
	left: 65px;
	top: 85px;
	transform: scale(1);
	text-align: left;
}
.k_hui .k_hd ul li p{
	display: none;
}
.k_hui .k_hd ul li.on .cen h5 br{
	display: none;
}
.k_hui .k_hd ul li.on .cen h5 {
	font-size: 20px;
	color: #004a98;
	line-height: 1.6;
	margin-bottom: 30px;
	font-weight: bold;
}
.k_hui .k_hd ul li.on .cen p{
	display: block;
}
.k_hui .k_hd ul li.on i{
	display: none;
}
.k_hui .k_hd ul li.on:before{
	/*background: rgba(255,255,255,0.5);*/
	display: none;
}
.k_hui .k_hd img{
	width: 100%;
	display: block;
}
.k_hui .k_hd .txt{
	position: absolute;
	left: 65px;
	top: 85px;
	z-index: 1;
}
.k_hui .k_hd h3{
	font-size: 30px;
	color: #004a98;
	line-height: 1.6;
	margin-bottom: 30px;
	font-weight: bold;
}
.k_hui .k_hd p{
	font-size: 14px;
	color: #888888;
	line-height: 26px;
}
.k_hui .k_hd .cen{
	position: absolute;
	left: 0;right: 0;
	top: 50%;transform: translateY(-50%);
	z-index: 11;text-align: center;
}
.k_hui .k_hd .cen h5{
	font-size: 20px;
	color: #fff;
	line-height: 42px;
}
.k_hui .k_hd .cen i{
	background: url(../images/ki1.png) no-repeat center;
	width: 41px;height: 41px;
	display: block;
	margin: 30px auto 0;
}
.k_bd{
	background-size: cover !important;
	padding: 80px 0 35px;height: 740px;
	min-height: 100vh;box-sizing: border-box;
}
.k_bd .l_ops{
	position: relative;
	margin-top: 90px;
}
.k_bd .louy img{
	display: block;
	margin: 0 auto;
}
.k_bd li{
	position: absolute;
	width: 145px;
}
.k_bd li h4{
    /* 智慧会议解决方案 */
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
.k_bd li img{
	display: block;
	margin: 15px auto;
}
.k_bd li:nth-child(1){
	left: 45px;
	top: 170px;
}
.k_bd li:nth-child(2){
	left: 130px;
	top: 80px;
}
.k_bd li:nth-child(3){
	left: 230px;
	top: 20px;
}
.k_bd li:nth-child(4){
	left: 290px;
	top:120px;
}
.k_bd li:nth-child(5){
	    right: 317px;
    top: 120px;
}
.k_bd li:nth-child(6){
	    right: 200px;
    top: 53px;
}
.k_bd li:nth-child(7){
	       right: 103px;
    top: 7px;
}
.k_bd li:nth-child(8){
	right: 38px;
    top: 109px;
}
.k_ft{
	position: relative;
}
.k_ft .title{
	position: absolute;
	left: 0;right: 0;
	top: 10%;z-index: 11;
}
.k_ft .bg{
	overflow: hidden;
	position: relative;
}
.k_ft img{
	width: 100%;
	display: block;
}
.k_ft .post{
	position: absolute;
	left: 0;right: 0;
	top: 0;
	z-index: 11;
}
.k_bd .l_ops{
	left: -500px;right: -500px;
	margin: 50px auto 0;
	position: absolute;
	width: 1560px;
}


.z_bang .hd{
	padding: 100px 0 110px;
}
.z_bang .hd ul{
	margin-top:70px ;
}
.z_bang .hd li{
	float: left;
	width: calc((100% - 50px)/3);
	margin-right: 24px;
	padding: 24px;
	box-sizing: border-box;
	text-align: center;
	background: #f7f7f9;
}
.z_bang .hd li:nth-child(3n){
	margin-right: 0;
}
.z_bang .hd li h3{
	font-size: 20px;
	color: #004a98;
	font-weight: bold;
	line-height: 66px;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.z_bang .hd li p{
	font-size:14px ;
	color: #333333;
	line-height: 26px;
	margin-bottom: 30px;
}
.z_bang .hd li img{
	display: block;
	width: 100%;
}
.z_bang .bd{
	background-size: cover !important;
	height: 900px;
	box-sizing: border-box;
	padding: 60px 0 60px;
	min-height: 100vh;
}
.z_bang .bd .mc_bgs{
	position: relative;
	margin-top: 65px;
}
.z_bang .bd .mc_cen{
	position: absolute;
	left: -540px;right: -500px;
	width: 1160px;margin: -50px auto;
	transform: scale(0.8);
}
.z_bang .bd .mc_cen img{
	display: block;
	margin: 0 auto;
}
.z_bang .bd .mc_cen li{
	position: absolute;
	z-index: 11;
}
.z_bang .bd .mc_cen li:nth-child(1){
	right: -200px;top: -55px;
}
.z_bang .bd .mc_cen li:nth-child(2){
	right: -150px;top: 330px;
}
.z_bang .bd .mc_cen li:nth-child(3){
	left: 598px;
    top: 510px;
}
.z_bang .bd .mc_cen li:nth-child(4){
	left: -106px;
    top: 493px;
}
.z_bang .bd .mc_cen li:nth-child(5){
	    left: -106px;
    top: 93px;
}
.z_bang .bd .mc_cen li:nth-child(6){
	   left: 335px;
    top: -20px;
}
.z_bang .bd .mc_cen li:nth-child(n+4) i{
	float: right;
}
.z_bang .bd .mc_cen li:nth-child(n+4) .txt{
	text-align: right;
}
.z_bang .bd .mc_cen li i{
	float: left;margin: 5px 10px;
	position: relative;
}
.z_bang .bd .mc_cen li i:before{
	content: "";position: absolute;
	display: block;
}
.z_bang .bd .mc_cen li .txt{
	float: left;
}
.z_bang .bd .mc_cen li h4{
	font-size: 25px;
	color: #ffffff;
	line-height: 1.6;
}
.z_bang .bd .mc_cen li p{
	font-size: 17px;
	color: #ffffff;
	line-height: 28px;
}
.z_bang .bd .mc_cen li:nth-child(1) i:before{
	background: url(../images/d2.png) no-repeat center;
	width: 77px;height: 128px;
	left: 50%;top: 100%;transform: translateX(-100%);z-index: 1;
}
.z_bang .bd .mc_cen li:nth-child(2) i:before{
	background: url(../images/d6.png) no-repeat center;
	width: 138px;height: 104px;
	left: 50%;top: 100%;transform: translateX(-100%);z-index: 1;
}
.z_bang .bd .mc_cen li:nth-child(3) i:before{
	background: url(../images/d5.png) no-repeat center;
	width: 100px;height: 54px;
	left: 50%;top:20px;transform: translateX(-100%);z-index: 1;
}
.z_bang .bd .mc_cen li:nth-child(4) i:before{
	background: url(../images/d4.png) no-repeat center;
	width: 123px;height: 89px;
	right: 50%;top: 30px;transform: translateX(100%);z-index: 1;
}
.z_bang .bd .mc_cen li:nth-child(5) i:before{
	background: url(../images/d3.png) no-repeat center;
	width: 3px;height: 122px;
	right: 50%;top: 100%;transform: translateX(100%);z-index: 1;
}
.z_bang .bd .mc_cen li:nth-child(6) i:before{
	background: url(../images/d1.png) no-repeat center;
	width: 3px;height:67px;
	right: 50%;top: 100%;transform: translateX(100%);z-index: 1;
}

.h_hys{
	padding:100px 0 0 ;
}
.h_hys .hd li:hover{
	background: #004a98;
}
.h_hys .hd li:hover .txt p,
.h_hys .hd li:hover .txt h4{
	color: #fff;
}
.h_hys .hd li:hover i{
	background: #fff;
}
.h_hys .hd li i{
	width: 60px;
	height: 3px;
	display: block;
	margin: 20px auto;
	background: #004a98;
	transition: all 0.3s;
}
.h_hys .hd li{
	float: left;
	width: calc((100% - 70px)/5);
	margin-right: 14px;background: #f7f7f8;
	text-align: center;
	transition: all 0.3s;
	overflow: hidden;
}
.h_hys .hd  li:nth-child(5n){
	margin-right: 0;
}
.h_hys .hd  li .txt{
	padding: 40px 20px 20px;
}
.h_hys .hd  li .txt h4{
	font-size: 20px;
	color: #004a98;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 25px;
	transition: all 0.3s;
}
.h_hys .hd  li .txt p{
	font-size: 14px;
	color: #3e3e3e;
	line-height: 35px;
	height: 210px;
	overflow: hidden;
	transition: all 0.3s;
}
.h_hys .hd  li img{
	display: block;
	width: 100%;
	transition: all 0.3s;
	transform-origin: center top;
}
.h_hys .hd  li:hover img{
	transform: scale(1.05);
} 
.h_hys .hd {
	padding-bottom: 120px;overflow: hidden;
}
.h_hys .hd .rop{
	margin-top: 40px;
}
.h_hys .bd .h_y_bd .h_ybimg .bei img {
	display: block;margin: 0 auto;
}
.h_hys .bd {
	background: #f0f8fd;padding-top: 100px;box-sizing: border-box;height: 1050px;
}
.h_hys .h_y_bd .h_ybimg{
	margin: 100px auto 0;position: absolute;width: 1340px;left: -500px;right: -500px;
	transform: scale(0.8);
}

.flex{
    display: flex;
}

.h_hys .bd .h_y_bd .h_ybimg li {
	position: absolute;
}
.h_hys .bd .h_y_bd li .number {
	display: inline-block;
}
.h_hys .bd .h_y_bd li .number span {
	display: block;text-align: center;font-size: 22px;line-height: 50px;color: #fff;
	position: relative;height: 70px;width: 50px;
	background: #004a98;top: -30px;
}

.h_hys .bd .h_y_bd li .number .icon {
	margin: -30px 0 0;
}
.h_hys .bd .h_y_bd li .number .icon img {
	display: block;margin: 0 auto;
}
.h_hys .bd .h_y_bd li .text {
	display: inline-block;margin-left: 10px;
	border: 2px solid #e5e5e5;
	height: 110px;width: 330px;background: #fff;
	box-sizing: border-box;overflow: hidden;position: relative;z-index: 11;
}
.h_hys .bd .h_y_bd li .text .img {
	display: inline-block;height: 100px;width: 116px;position: relative;float: left;
}
.h_hys .bd .h_y_bd li .text .img img {
	position: absolute;display: block;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;
}
.h_hys .bd .h_y_bd li .text .tet {
	margin-left: 4px;display: inline-block;margin-top: 12px;
}
.h_hys .bd .h_y_bd li .text h3 {
	font-size: 20px;line-height: 30px;color: #1a1a1a;height: 30px;
	 word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	/*font-weight: bold;*/
	margin-bottom: 10px;
}
.h_hys .bd .h_y_bd li .text p {
	font-size: 14px;line-height: 24px;color: #888888;height: 48px;overflow: hidden;width: 196px;
}
.h_hys .bd .h_y_bd li:nth-child(1) {
	left: 310px;transform: translateX(-100%);top: 40px;
}
.h_hys .bd .h_y_bd li:nth-child(2) {
	top: -142px;left: 370px;
}
.h_hys .bd .h_y_bd li:nth-child(3) {
	right: 524px;transform: translateX(100%);top: -54px;
}
.h_hys .bd .h_y_bd li:nth-child(4) {
	left: 386px;top: 86px;
}
.h_hys .bd .h_y_bd li:nth-child(5) {
	right: 232px;transform: translateX(100%);top: 94px;
}
.h_hys .bd .h_y_bd li:nth-child(6) {
	right: 510px;transform: translateX(100%);top: 244px;
}
.h_hys .bd .h_y_bd li:nth-child(7) {
	right: 244px;transform: translateX(100%);top: 412px;
}
.h_hys .bd .h_y_bd li:nth-child(8) {
	right: 412px;transform: translateX(100%);top: 570px;
}
.h_hys .bd .h_y_bd li:nth-child(9) {
	right: 525px;transform: translateY(-100%);top: 796px;
}
.h_hys .bd .h_y_bd li:nth-child(10) {
	left: 214px;transform: translateX(-100%);top: 356px;
}
.h_hys .bd .h_y_bd li:nth-child(11) {
	left: -60px;transform: translateY(-100%);top: 700px;
}
.h_hys .bd .h_y_bd li:nth-child(11) .text {
	margin-right: 10px;
}
.h_hys .bd .h_y_bd li:nth-child(11) .number .icon {
	margin: -100px 0 0 24px;
}
.h_hys .bd .h_y_bd li:nth-child(1) .number {
	float: right;
}
.h_hys .bd .h_y_bd li:nth-child(n + 10) .number {
	float: right;
}
.h_hys .bd .h_y_bd li:nth-child(1) .text {
    margin-left: 0;
    margin-right: 10px;
    /* margin-right: 74px; */
}
.h_hys .bd .h_y_bd li:nth-child(10) .text{
    margin-left: 0;
    /* margin-right: 74px; */
    margin-right: 10px;
    margin-top: 20px;
}

.anli dd {
	padding: 70px 0 50px;
}
.anli dd .lts {
	float: left;width: 43.6%;margin-left: 58px;margin-top: 126px;
}
.anli dd .lts h3 {
	font-size: 20px;line-height: 34px;color: #004a98;text-align: center;
	font-weight: bold;
}
.anli dd .lts .img {
	margin: 60px auto 0;
}
.anli dd .lts img {
	display: block;width: 100%;
}
.anli dd .text {
	float: right;width: 47%;border: 1px solid #ceedfe;margin-top: 126px;
}
.anli dd .text h5 {
	font-size: 16px;line-height: 34px;color: #fff;padding: 20px 40px 20px 54px;background: #004a98;
}
.anli dd .text ul {
	overflow: hidden;box-sizing: border-box;font-size: 0;
}
.anli dd .text li {
	border-bottom: 1px solid #ededed;
	float: left;padding-left: 25px;width:50%;
	box-sizing: border-box;
	overflow: hidden;
}

.anli dd .text li img {
	display: inline-block;position: relative;
	float: left;margin-top: 25px;
}
.anli dd .text li .txt {
	display: inline-block;padding: 20px 0 10px;overflow: hidden;margin-left: 20px;
	font-size: smaller;width: calc(100% - 75px);
}
.anli dd .text li .txt h4 {
	font-size: 20px;line-height: 34px;color: #004a98;
	font-weight: bold;
}
.anli dd .text li .txt p {
	font-size: 14px;line-height: 22px;color: #888888;height: 44px;overflow: hidden;
}
.anli dd:nth-child(2n) {
	background: #fafafa;
}
.anli dd:nth-child(2n) .lts {
	float: right;margin-left: 0;margin-right: 58px;
}
.anli dd:nth-child(2n) .text {
	float: left;
}
.h_hys .bd .h_y_bd li:nth-child(9) .number {
	position: relative;left: 180px;
}
.h_hys .bd .h_y_bd li:nth-child(9) .text {
	position: relative;top: 10px;
}
.h_hys .bd .h_y_bd li:nth-child(11) .text {
	margin-top: -40px;
}
.h_hys .bd .h_y_bd li:nth-child(9) .number .icon {
	margin-top: -130px;margin-left: 24px;
}
.anli.lanli dd .text li{
	width: auto;
	float: none;
}
.anli.lanli dd .lts .img{
	margin-top: 0;
}


.news_crumbs dl{
	padding: 0 20px;
	overflow: hidden;
}
.news_crumbs dl dd{
	float: left;
	position: relative;
}
.news_crumbs dl dd::before{
	content: "";
	width: 1px;
	height: 24px;
	background: #e5e5e5;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
}
.news_crumbs dl dd a{
	padding: 0 30px;
	font-size: 20px;
	color: #808080;
	line-height: 40px;
	display: block;
}
.news_crumbs dl dd.on a::after{
	/* background: #003b70; */
    /* color: #001787 !important; */
    /* border-bottom: 2px solid #001787; */
    content: '';
    width: 80%;
    height: 2px;
    background-color: #001787;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
/* .news_crumbs dl dd.on a:hover{
	color: #fff;
} */
.news_crumbs dl dd a:hover{
	color: #003b70;
}
.news_crumbs dl dd:last-child::before{
	display: none;
}
.about .a_news .ul{
	display: none;
}
.mc_banner{
              /* height: 100vh;
              position: relative;
			  background-size: cover !important; */
			  height: 727px;
}
.hc_banner{
height:460px;
}


/*新闻详情*/
.d_etails {
	margin: 89px 0 94px;
}
.d_etails .text {
	border-top: 4px solid #014a99;overflow: hidden;padding: 20px 30px 30px 30px;
}
.d_etails .text h2, .d_etails .text h1 {
	font-size: 32px;line-height: 70px;color: #333333;font-weight: bold;float: left;width: 72%;
	word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.d_etails .text h2 span{
	font-size: 20px;line-height: 42px;color: #cccccc;display: block;font-weight: initial;
}
.d_etails .text a.btn {
	float: right;
}
.d_etails a.btn {
	width: 242px;box-sizing: border-box;line-height: 48px;
	margin-top: 10px;font-size: 15px;display: block;
}
.d_etails a.btn:hover span{
	background: url(../images/d_ico2.png) no-repeat right 15px center #014a99;
	color: #fff;border: 1px solid #014a99;
}
.d_etails p a.btn {
	margin: 78px auto 0;
}

.d_etails a.btn span {
	display: block;padding: 0 20px;color: #014a99;border: 1px solid #a8c1dc;
	background: url(../images/d_ico1.png) no-repeat right 15px center;transition: all 0.3s;
}
.d_etails p {
	color: #636363;font-size: 14px;line-height: 26px;
}


/*新增*/
.anli dd .text.mt210{
	margin-top: 160px;
}
.mac_kj_hd{
	padding: 50px 0;
}
.mac_kj_hd .ul_img{
	text-align: center;
	margin-top:30px;
}
.mac_kj_hd .ul_img ul{
	transform: scale(0.9);
}
.mac_kj_hd .ul_img li{
	display: inline-block;
	background: url(../images/mc1.png) no-repeat center; width: 381px;
	height: 436px;position: relative;margin: 0 40px;
	position: relative;
	top: 0;transition: all 0.3s;
}
.mac_kj_hd .ul_img li:hover{
	top: -15px;
}
.mac_kj_hd .ul_img li:nth-child(2){
	background: url(../images/mc2.png) no-repeat center;
}
.mac_kj_hd .ul_img li:nth-child(3){
	background: url(../images/mc3.png) no-repeat center;
}
.mac_kj_hd .ul_img li:nth-child(4){
	background: url(../images/mc4.png) no-repeat center;
}
.mac_kj_hd .ul_img li:nth-child(5){
	background: url(../images/mc5.png) no-repeat center;
}
.mac_kj_hd .ul_img li .txt{
	position: absolute;
	left: 0;right: 0;
	bottom: 40px;z-index: 1;
	text-align: center;
}
.mac_kj_hd .ul_img li h3{
	font-size:20px;
	color: #ffffff;
	margin-bottom: 5px;
	line-height: 36px;
}
.mac_kj_hd .ul_img li p{
	font-size:14px ;
	color: #ffffff;
	line-height: 22px;
}
.mac_kj_hd .ul_img li:nth-child(n+3){
	margin-top: -50px;
}

.mc_kj_bd{
	background-size: cover !important;
	padding: 50px 0;
}
.mc_kj_bd .imgs{
	margin: 80px auto 0;
	width: 1050px;position: relative;
	transform: scale(0.8) translateX(40px);
}
.mc_kj_bd .imgs li{
	position: absolute;
}
.mc_kj_bd .imgs li i{
	float: right;position: relative;
}
.mc_kj_bd .imgs li .tx{
	float: left;margin-top: 10px;
	margin: 0 10px;
}
.mc_kj_bd .imgs h4{
	font-size: 25px;
	line-height: 1.6;
	color: #fff;margin-bottom: 5px;
}
.mc_kj_bd .imgs p{
	font-size: 17px;
	line-height: 20px;
	color: #ffffff;
}
.mc_kj_bd .imgs li:nth-child(1){
	left: 288px;top: 30px;
	transform: translateX(-100%);
	text-align: right;
}
.mc_kj_bd .imgs li:nth-child(1) i:before{
	content: "";
	background: url(../images/mico1.png) no-repeat center;
	width: 52px;
	height: 47px;
	position: absolute;
	left: 50%;
	top: 100%;z-index: 1;
	margin-left: -3px;
}
.mc_kj_bd .imgs li:nth-child(2){
	left: 365px;top: -85px;
	transform: translateX(-100%);
	text-align: right;
}
.mc_kj_bd .imgs li:nth-child(2) i:before{
	content: "";
	background: url(../images/mico2.png) no-repeat center;
	width: 3px;
	height: 185px;
	position: absolute;
	left: 50%;
	top: 100%;z-index: 1;
	margin-left: -3px;
}
.mc_kj_bd .imgs li:nth-child(3){
	left: 415px;top: -115px;
}
.mc_kj_bd .imgs li:nth-child(3) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(3) i:before{
	content: "";
	background: url(../images/mico2.png) no-repeat center;
	width: 3px;
	height: 185px;
	position: absolute;
	left: 50%;
	top: 100%;z-index: 1;
	margin-left: -3px;
}
.mc_kj_bd .imgs li:nth-child(4){
	left: 580px;top: -8px;
}
.mc_kj_bd .imgs li:nth-child(4) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(4) i:before{
	content: "";
	background: url(../images/mico2.png) no-repeat center;
	width: 3px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 100%;z-index: 1;
	margin-left: -3px;
}
.mc_kj_bd .imgs li:nth-child(5){
	right: 250px;top: 100px;
	transform: translateX(100%);
}
.mc_kj_bd .imgs li:nth-child(5) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(5) i:before{
	content: "";
	background: url(../images/mico2.png) no-repeat center;
	width: 3px;
	height: 55px;
	position: absolute;
	left: 50%;
	top: 100%;z-index: 1;
	margin-left: -3px;
}
.mc_kj_bd .imgs li:nth-child(6){
	right: 100px;top: 200px;
	transform: translateX(100%);
}
.mc_kj_bd .imgs li:nth-child(6) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(7){
	right: 100px;top: 413px;
	transform: translateX(100%);
}
.mc_kj_bd .imgs li:nth-child(7) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(7) i:before{
	content: "";
	background: url(../images/mico3.png) no-repeat center;
	width: 84px;
	height: 44px;
	position: absolute;
	right: 50%;
	top: 30px;z-index: 1;
	margin-right: 3px;
}
.mc_kj_bd .imgs li:nth-child(8){
	right: 224px;bottom:70px;
	transform: translateX(100%);
}
.mc_kj_bd .imgs li:nth-child(8) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(8) i:before{
	content: "";
	background: url(../images/mico4.png) no-repeat center;
	width: 193px;
	height: 111px;
	position: absolute;
	right: 50%;
	top: -15px;z-index: 1;
	margin-right: 3px;
}
.mc_kj_bd .imgs li:nth-child(9){
	right: 400px;bottom:-10px;
	transform: translateX(100%);
}
.mc_kj_bd .imgs li:nth-child(9) i{
	float: left;
}
.mc_kj_bd .imgs li:nth-child(9) i:before{
	content: "";
	background: url(../images/mico5.png) no-repeat  center;
	width: 193px;
	height: 111px;
	position: absolute;
	right: 50%;
	top: -40px;z-index: 1;
	margin-right: 3px;
}
.mc_kj_bd .imgs li:nth-child(10){
	left: 75px;bottom:80px;
	transform: translateX(-100%);
	text-align: right;
}
.mc_kj_bd .imgs li:nth-child(10) i:before{
	content: "";
	background: url(../images/mico6.png) no-repeat  center;
	width: 207px;
	height: 125px;
	position: absolute;
	left: 50%;
	top: -35px;z-index: 1;
	margin-right: -3px;
}
.mc_kj_bd .imgs li:nth-child(11){
	left: -35px;top:340px;
	transform: translateX(-100%);
	text-align: right;
}
.mc_kj_bd .imgs li:nth-child(11) i:before{
	content: "";
	background: url(../images/mico7.png) no-repeat  center;
	width: 101px;
	height: 52px;
	position: absolute;
	left: 50%;
	top: 19px;z-index: 1;
	margin-right: -3px;
}
.mc_kj_bd .imgs li:nth-child(12){
	left: 80px;top:170px;
	transform: translateX(-100%);
	text-align: right;
}
.mc_kj_bd .imgs li:nth-child(12) i:before{
	content: "";
	background: url(../images/mico6.png) no-repeat left center;
	width: 110px;
	height: 125px;
	position: absolute;
	left: 50%;
	top: -30px;z-index: 1;
	margin-right: -3px;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #004a98;
}

.section{
	height: 100vh;    display: table;
    table-layout: fixed;width: 100%;
}
.h_custom .wrap,
.h_api .wrap{
	display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.swiper_cust{
	width: 1400px;
	margin: 0 auto;
}
.fp-auto-height{
	height: auto;
}