@font-face{
    font-family: numberFamily;
    src: url('../../font/BEBAS.TTF')
}
.XBBox {
	width: 100%;
	background-Image: url(../img/introduce.jpg);
	background-Size: cover;
	height: 330px;
}

.XWord {
	float: center;
	width: 100%;
	padding-Top: 25px;
}

.Xp1 {
	font-Size: 28px;
	color: white;
	text-Align: center;
	margin: 0px
}

.Xp2 {
	margin: 10px auto;
	text-Indent: 2em;
}

.Xp3 {
	margin: 10px auto;
}

.Xp4 {
	margin: 10px auto;

	text-indent: 2em;
}

.Xp5 {
	margin: 10px auto;
}

.XButton {
	width: 52px;
	height: 2px;
	margin: 0 auto;
	margin-Top: 14px;
	background-Color: rgb(255, 255, 255);
	overflow: hidden;
}

.XWord1 {
	float: center;
	width: 890px;
	margin: 0 auto;
	font-Size: 14px;
	color: #ffffff;
	padding-Top: 5px;
	line-Height: 30px;
}

.Newsbottom {
	width: 108px;
	height: 35px;
	border: 1px solid #ffffff;
	margin: 0 auto;
	margin-Top: 15px;
	text-Align: center;
	line-Height: 35px;
	font-Size: 14px;
}
.NewsBBox {
    width: 100%;

    height: 490px;
    background-color: #f7f7f7;
    padding-top: 26px
}
.NewsWord {

    width: 100%;
   
}
.NewsButton{
    width: 52px;
    height: 4px;
    margin: 14px auto 0;
    background-color: rgb(12, 143, 225);
    overflow: hidden;
    background: -webkit-linear-gradient(left, #0c8ee2 , #25ceeb);
    background: -webkit-linear-gradient(left,#0c8ee2, #25ceeb);
    background: linear-gradient(to right,#0c8ee2, #25ceeb);
}

.NewsLeft1 {
    float: left;
    background-color: rgb(247, 247, 247);
    margin-top: 10px ;
    width: 600px;
    height: 285px;  
}
.NewsLeft2 {
    margin-left: 0px;
    width: 100%;
    height: 22px;  
    padding: 4px 0px
}
.NewsLeft3 {
    margin-left: 0px;
    margin-top: 10px;
    width: 100%;
    height: 140px;  
}


.NewsLeft7 {
    float: left;
    margin-left: 0px;
    width: 226px;
    height: 140px;  
}
.NewsLeft8 {
    float: left;   
    margin-left: 20px;
    width: 354px;
    height: 140px;

}

.Newsinfo{
    width: 1295px;
    margin:0 auto;
}
.Newslist{
    margin-top: 10px;
    font-size: 14px;
    
}
.Newslist div{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #8a8a8a;
}
.Newslist div>span{
    float: right;
    line-height: 30px
}



.Newsp1 {
    border-left: 4px solid rgb(0, 193, 221);
    float:left;
    width: 40%;
    line-height: 20px;
    font-size:20px;
    padding-left:10px;
    font-weight: bold;
}
.NewsTitle{
    width: 100%;
   line-height: 22px;
   font-size: 18px;
   font-weight: bold; 
}
.NewsTitle>a{
    color: #000000;
}
.Newscontent{
    padding: 10px 0;
    line-height: 25px;
    font-size: 14px;
    color: #8a8a8a;

}

.float-left{
	float: left;
}

.clear {
	clear: both;
}
.NewsData{
    height: 22px;
    line-height: 22px;
    color:rgb(0, 193, 221);
}
/* 星网混构定位系统 */
.ProBBox {
    width: 100%;
	background: #FAFAFA;
	padding: 70px 0 80px;

}
.ProWord {
    width: 100%;
    /* padding-top: 60px */
}
.ProWord>p{
	font-size:32px;margin:0;text-align: center;font-weight: 600;
}
.ProButton{
    width:  52px;
    height:4px;
    margin:14px auto 0;
    background-color:rgb(12, 143, 225);
    overflow:hidden;
    background: -webkit-linear-gradient(left, #0c8ee2 , #25ceeb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0c8ee2, #25ceeb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0c8ee2, #25ceeb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#0c8ee2, #25ceeb); /* 标准的语法 */
}
.ProWord1{
    /* margin: 16px 0; */
    width: 100%;
    height: 20px;
	text-align: center;
	font-size:16px
} 
.ProSBox{
    width: 1295px;
    margin: 70px auto 55px;
    height: 420px;
}

.Pro-left {
	width: 540px;
	height: 100%;
	margin-right: 50px;
	float: left;
}

.Pro-left>div {
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	float: left;
	line-height: 60px;
	padding-left: 24px;
	font-size: 18px;
	background: #1d73c2;
	color: #FFF
}

.Pro-right {
	width: 690px;
	height: 100%;
	float: left;
}

.Pro-right p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin: 0px;
}

.ProSBox-label{
	display: block;
	margin: 25px 0 0 40px;
	font-size: 16px;
	color: #000;
	position: relative;
}

.ProSBox-label::before {
	content: "";
	width: 26px;
	height: 26px;
	position: absolute;
	left: -40px;
	top: 0;
	background: url(../../img/ProSBox.jpg);
}

.ProSBox-label:nth-child(3)::before {
	
	background-position-y: 76px;
}

.ProSBox-label:nth-child(4)::before {
	
	background-position-y: 30px;
    top: -2px;
    height: 30px;
}

.ProSBox-aBox{
	margin-top: 20px;
	padding-left: 10px;
}


.ProSBox-aBox a{
	display: inline-block;
	padding-right: 10px;
	width: 200px;
	transform: scale(1, 1);
	transition: 0.1s;
}

.ProSBox-aBox a:nth-child(1) {
	width: 240px;
}

.ProSBox-aBox a:hover{
	transform: scale(1.05, 1.05);}

.ProSBox-aBox div{
	font-size: 16px;
	color:#0082d4;
	text-align: center;
	margin-top: 10px;
}

/* 技术特点 */

.content_function {
	background: url(../../img/position_JSTD_bg.jpg);
	background-size: 100% 761px;
	padding: 70px 0 60px;
}

.content_function p{
	color: #fff;
}

.content_function_main {
	width: 1295px;
	margin: 0px auto;
	margin-top: 70px;
}



.content_function_main p {
	font-size: 22px;
	text-align: center;
}


.content_function_main a>div {
	width: 25%;
	height: 100%;
	float: left;
	transition: all 0.6s;
}

.content_function_main img {
	width: 100%;
	height: 100%;
}



.content_function .ProButton{
	background: #FFF;
}

.content_function .content_function_main p {
	margin: 5px;
}

.content_function .ProWord {
	margin-top: 0px;
}

.content_function a>div>div {
	width: 250px;
	height: 100%;
	margin: 0 auto;
}

.content_function a>div>div>div {
	margin: 10px auto;
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s;
}

.content_function .imgLogo {
	width: 94px;
	height: 94px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(../../img/position_JSTD.png);
	background-size: cover;
}

.content_function .info {
	/* margin: 10px auto 50px !important; */
	font-size: 14px;
	color: #CCC;
	visibility: hidden;
}


.content_function .content_function_main>div{
	height: 225px;
}
.content_function .content_function_main>div>a>div:hover div{
	margin-top: 0px;
}

.content_function .content_function_main>div>a>div:hover .info{
	visibility: visible;
}

/* 解决方案 */
						.content_solution{
							position: relative;
							padding: 70px 0 80px;
							overflow: hidden;
						}
						.content_solution .swiper_button{
							width: 35px;
							height: 35px;
							border: 3px solid #1b74c6;
							border-radius: 24px;
							background-size: 60% 60%;
							top: 425px;
						}
						.content_solution .solution_ProButton{
							width: 25px;
							height: 5px;
							margin: 35px auto 15px;
							background-color: #fff;
							overflow: hidden;	
							position: relative;
							z-index: 99;
						}
						.content_solution .swiper-slide{
							background:100% 100% no-repeat;
						}
						.content_solution .solution_swiper{
							width: 1280px;
							height: 480px;
							margin: 0 auto;
							position: relative;
							overflow: hidden;
							margin-top: 60px;
						}
						.content_solution .swiper-img{
							width: 54px;
							height: 54px;
							margin: 140px auto 0px;
							position: relative;
							z-index: 99;
							transition:all 0.8s ; 
						
						}
						.content_solution .swiper-slide span{
							width: 100%;
							font-size: 25px;
							text-align: center;
							color: #FFF;
							display: block;
							position: relative;
							z-index: 99;
						}
						.content_solution .swiper-slide p{
							padding: 0px 38px;
							color: #FFF;
							font-size: 14px;
							line-height: 24px;
							position: relative;
							z-index: 99;
							display: none;
						}
						.content_solution .swiper_btn{
							width: 150px;
							height: 35px;
							line-height: 35px;
							text-align: center;
							margin: 25px auto;							
							background: -webkit-linear-gradient(left, #fe910e , #ffb61f);
							background: -o-linear-gradient(right, #fe910e, #ffb61f);
							background: -moz-linear-gradient(right, #fe910e, #ffb61f);
							background: linear-gradient(to right,#fe910e, #ffb61f);
							position: relative;
							z-index: 99;
							color:#FFFFFF;
							display: none;
						}


						
						.content_solution .solution_bg{
							width: 100%;
							height: 100%;
							position: absolute;
							background-color: #2c57a8;
							opacity: 0.8;
							z-index: 88;
							top:480px;
							transition:all 0.8s ; 
						}
						.content_solution .swiper-slide:hover .swiper-img{
							margin-top: 50px;
						}
						.content_solution .swiper-slide:hover p{
							display: block;
						
						}
						.content_solution .swiper-slide:hover .swiper_btn{
							display: block;
						}
						.content_solution .swiper-slide:hover .solution_bg{
							top: 0px;
						}


/* 核心产品 */
						.content_HXCP{
							position: relative;
							padding: 70px 0 80px;
						}
						.content_HXCP .HXCP_content{
							width: 1280px;
							height: 510px;
							margin: 50px auto 0px;
						}
						.content_HXCP .HXCP_content>a>div{
							width:555px;
							height: 205px;
							padding: 50px 50px 0px 35px;
							float: left;
							position: relative;
							overflow: hidden;
						}
						.HXCP_content_img{
							width: 50px;
							height: 50px;
							background-image: url(index/img/核心产品.png);
							background-repeat: no-repeat;
							float: left;
							position: relative;
							z-index: 99;
						}
						.content_HXCP .HXCP_content .solution_ProButton{
							width: 25px;
							height: 5px;
							margin: 10px 0px 20px;
							background-color: #fff;
							overflow: hidden;
							position: relative;
							z-index: 99;
						}
						.HXCP_content_right{
							width: 475px;
							height: 100%;
							float: left;
							padding-left: 30px;
							position: relative;
							z-index: 99;
						}
						.HXCP_content_title{
							line-height: 48px;
							font-size: 24px;
							color: #FFFFFF;
						}
						.HXCP_content_text{
							font-size: 14px;
							line-height: 24px;
							color: #FFFFFF;	
						}
						/* .content_solution::before{
							content:'';
							display: block;
							width: 100%;
							height: 100%;
							background-color: #03e9ff;
							transform: rotate(180deg);
							transform-origin: left bottom;
							transition : all 0.2s;
							border-radius: 4px;
						}

						.content_solution:hover::before{
							transform:rotate(0);
						} */
						.XUANZHUAN{
							content:'';
							display: block;
							width: 640px;
							height: 305px;
							left: 0px;
							top: 0px;
							background-color: #03e9ff;
							transform: rotate(180deg);
							transform-origin: left bottom;
							transition : all 0.2s;
							border-radius: 4px;	
						}
						.HXCP_bg{
							position: absolute;
							width: 640px;
							height: 255px;
							left: 0px;
							top: 255px;
							transition: all 0.8s;
						}
						.content_HXCP .HXCP_content>a>div:hover .XUANZHUAN{
							transform:rotate(0);
						}
						.content_HXCP .HXCP_content>a>div:hover .HXCP_bg{
							top: 0px;
						}

/* 公司简介 */

.introduce{
	background: url(../../img/introduce-bg.jpg);
	background-size: 100% 641px;
	padding: 70px 0 55px;
}

.introduce .ProButton{
	background: #FFF;
}

.introBox {
	display: flex;
	width: 1280px;
    margin: 80px auto;
	justify-content: space-between;
}

.introItem{
	width: 265px;
	color: #FFF;
}

.introItem>div{
	font-size: 64px;
	margin-bottom: 45px;
}
.introItem>div>span{
	font-family: numberFamily;
}

.introItem>span{
	font-size: 24px;
	margin-bottom: 40px;
}
.introItem>p{
	font-size: 14px;
}

.intro-a{
	display: block;
	width: 148px;
	height: 33px;
	border: 1px solid #7ecef4;
	color:#7ecef4;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	line-height: 33px;
}


/* 新闻中心 */
.new-swiper-container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.new-swiper-container .swiper-slide>a>div{
	width: 100%;
    height: 100%;
    position: relative;
}
.new-swiper-container .swiper-slide>a>div>div {
    position: absolute;
    width: 600px;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    bottom: 0px;
    padding-left: 20px;
    background-color: #1486c8
	}
	
.new-swiper-container .swiper-slide{
	display: block;
}

.new-swiper-container .swiper-pagination-bullet-active{
	background-color:#FFFFFF
}
.new-swiper-container .swiper-pagination-bullet{
	border-radius: 4px
}

.new-swiper-container .swiper-pagination {
    width: 100px !important;
    left: 520px !important;
    bottom: 15px !important;
}
.newsBBox {
	padding: 70px 0 60px;
}

.newsSBox{
	width: 1280px;
	height: 530px;
	margin: 0 auto	;
}
.newsSBox>div{
	width: 620px;
	height: 418px;
	margin-top: 65px;
	float: left;
}
.XWZX_content_OLD{
	width: 100%;
	background-color: #f8f8f8;

}
.XWZX_content_OLD>div{
	width: 1280px;
	margin: 0 auto	
}

.ZIXUNLOAD3{
    width: 1292px;
	height: 112px;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 42px;
}
.xiahua {
    margin: 0 auto;
    width:1292px;
    height:1px;
    background-color: rgb(224, 224, 224);
}
.ZIXUNLOAD3>p1{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
}
.ZIXUNLOAD3>p2{
    font-size: 14px;
    line-height: 26px;
    color: rgb(131,131,131);
}
.ZIXUNLOAD3>font{
    margin-left: 12px;
    font-size: 11px;
    line-height: 11px;
    color: rgb(131,131,131);
}
p1>a{
	color: #000;
}
hr{
	margin: 20px 0;
}
.ZIXUNLOAD1{
	width: 100%;
	height: 140px;
}

.ZIXUNLOAD1_data{
	line-height: 33px;
	margin: 0;
	color: #b0b0b0;
	font-size: 12px;
}
.ZIXUNLOAD1_info{
	margin: 0px;
	line-height: 25px;
	color:#838383;
	font-size: 14px;
}
.ZIXUNLOAD1>p1>a{
	font-size: 16px;
	font-weight: bold;
}
.XWZX_content_NEW .swiper-container{
	width: 100%;
	height: 100%;
}
.XWZX_content_NEW .swiper-slide>a>div{
	width: 100%;
	height: 100%;
	position: relative;
}
.XWZX_content_NEW .swiper-slide>a>div>div{
	position: absolute;
	width: 600px;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	bottom: 0px;
	padding-left: 20px;
	background-color:#1486c8;
}

 .news-more{
	display: block;
	width: 148px;
	height: 33px;
	border: 1px solid #999999;
	color:#999999;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	line-height: 33px;
}








.SolBBox {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: rgb(56, 61, 65);
}
.SolWord {
    width: 100%;
}
.Solp1{
    font-size:28px;
    margin: 0px;
    color: white;
    text-align: center;
}
.Solp2{
    font-size:14px;
    color: white;
    text-align: center;
}
.SolButton{
    width: 52px;
    height: 4px;
    margin: 14px auto 0;
    overflow: hidden;
    background-color: #ffffff;
   
}

.SolSBox{
    height:430px;
    width:1295px;
    margin:31px auto 0px
}
.SolSBox>div{
    width: 323px;
    height: 430px;
    float: left;
    position: relative;
    cursor: pointer;

}
.SolBBox>div>div:hover .SolSBox_shade{
    background-color: #03e9ff;
    opacity: 0.6;
}
.SolBBox>div>div:hover .SolSBox_logo{
    top:70px;
    transition:all  .2s
}
.SolBBox>div>div:hover .SolSBox_line{
    display: none
}
.SolBBox>div>div:hover .SolSBox_button{
    display: block;
    transition:all  .2s
}
.SolBBox>div>div:hover .SolSBox_text{
    display: block;
    transition:all  .2s
}
.SolBBox>div>div:hover .SolSBox_title{
    top:140px;
    transition:all  .2s
}
.SolSBox>div>div:nth-child(1){
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../img/solutionbig.png);
    background-repeat: no-repeat;
    background-size:cover;
}

.SolSBox_solution_img2{
    background-position-x: -323px;
}
.SolSBox_solution_img3{
    background-position-x: -646px;
}
.SolSBox_solution_img4{
    background-position-x: -969px;
}
.SolSBox_text{
    width: 283px;
    margin: 20px;
    font-size: 14px;
    position: absolute;
    top:160px;
    color:#ffffff;
    text-align: center;
    line-height: 25px;
    display: none;

}
.SolSBox_button{
    width: 108px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #ffffff;
    position: absolute;
    top:326px;
    left: 108px;
    color:#ffffff;
    display: none;
}
.SolSBox_button>a{
    color:#ffffff;
}
.SolSBox_shade{
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .2;
    position: absolute;
    top: 0px
}
.SolSBox_logo{
    width: 59px;
    height: 62px;
    position: absolute;
    top: 112px;
    left: 133px;
}
.SolSBox_logo_img{
    width:59px;
    height:53px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/solution.png);
}

.SolSBox>div:nth-child(2)>div:nth-child(3)>div{
    background-position-x: -59px;
}
.SolSBox>div:nth-child(3)>div:nth-child(3)>div{
    background-position-x: -118px;
}
.SolSBox>div:nth-child(4)>div:nth-child(3)>div{
    background-position-x: -177px;
}
.SolSBox_line{
    width: 25px;
    height: 5px;
    background-color: #ffffff;
    position: absolute;
    top:193px;
    left: 150px;
}
.SolSBox_title{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 225px;
    color:#ffffff;
    font-size: 24px;

}