/*初始化css*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-weight: normal;}
body{font:14px "microsoft yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%}
a{color:#172c45;text-decoration:none}
a:hover{text-decoration:none;}
em{font-style:normal}
ol,ul {list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.pbtm{
	padding-bottom: 60px;
}
/*初始化css*/

body{
	overflow-x: hidden;
}
/*navbar*/
#navbar{
    height: 80px;
    position: fixed;
    width: 100%;
    top: 0;
	left: 0;
    z-index: 999;
    background: rgba(68,72,82,1);
}
.hBox #navbar{
    position: absolute;
    background: transparent;
}
#navbar.navfixed{
	position: fixed;
    background-color: rgb(68,72,82);
}
.navbarCenter{
	max-width: 1200px;
    width: 100%;
	margin: 0 auto;
	position: relative;
	height: inherit;
}
.navbarCenter #navBarBox{
	position: absolute;
	left: 220px;
	top: 0;
	height: inherit;
}
.navbarCenter .nav{

	height: inherit;
}

.navbarCenter .navBtn{
	position: absolute;
	right: 20px;
	top: 0;
}
.navbarCenter .nav>li{
	display: inline-block;
	height: inherit;
	padding-top: 16px!important;
	font-size: 16px;
	padding:0 30px;
	box-sizing: border-box;
}
.navbarCenter .nav>li:after{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.navbarCenter .nav>li a{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity = 50);
}
.divLine{
	margin-top: 8px;
	height: 5px;
	width: 0;
	border-radius: 3px;
	background: #fff;
	transition: width 0.4s;
}
.nav>li .produce_nav{
	width: 0;
	height: 0;
	overflow: hidden;	
	margin-top: -12px;
	position: absolute;
	background: rgba(255,255,255,0.95);
	opacity: 0;
	 padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	transition:width 0.5s;
	-webkit-transition:width 0.5s; 
	-moz-transition:width 0.5s; 
	-o-transition:width 0.5s; 
	
	
	
}
.active .divLine{
	width: 100%;
}
.nav>li:hover .produce_nav{
	width: 140%;
	opacity: 1;
	height: 240px!important;
	margin-left: -18%;

	
}
	
.produce_nav > ul{
	width: 29%;
	display: inline-block;
	padding:10px;
	color:#333;
	vertical-align:top
}
.nav>li:hover .produce_nav > ul >li > p{
	width: 80%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: rgba(0,0,0,0.3) solid 1px;
}
.morenav{
	
	width: 16px;
	height: 16px;
	padding-left: 10px;
	transform:180deg;
}
.nav>li .produce_nav > ul >li > a{
	line-height: 35px;
	font-size: 12px;
	color: #333;
	display: block;
}

.nav>li:hover .produce_nav > ul >li > a{
	line-height: 35px;
	display: block;
}
#navbar .navbarCenter .nav>li a:hover,
#navbar .navbarCenter .nav>li a.active
{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
}
#navbar .navbarCenter .nav>li a:hover .divLine{
	width: 100%;
	visibility: initial;
}
#navbar.navfixed .navbarCenter .nav>li a:hover,
#navbar.navfixed .navbarCenter .nav>li a.active{
	border-bottom-color:#4d9eff;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
}
.divCon{
	max-width: 1200px;
    width: 100%;
	margin: auto;
}

#logo{
	display: inline-block;
	margin-left: 20px;
    margin-top: 20px;
	width: 160px;
	height: 43px;
	background: url("../images/logo3.png") no-repeat;
}
#logo.logo{
    background: url("../images/logoColor.png") no-repeat;
}
#logo a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
/*
.nav > li > a{
	    height: 75px;
	    font-size: 16px;
	    line-height: 80px;
	    text-align: center;
	    color: #fff;
	    display: block;
	    position: relative;
	    opacity: 0.5;
}


.nav > li > a:hover,.nav > li > a.active{
	border-bottom: 5px solid #4d9eff;
	opacity: 1;
}*/

.tableContentBox{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-bottom:80px ;
}
.navBtn{
	margin-top: 26px;
}
.navBtn button{
	border: 2px solid #fff;
	background: none;
	color: #fff;
	border-radius: 2px;
	padding: 6px 12px;
	opacity: .8;
}
.navBtn button.borderBtn{
	background: none;
}
.navBtn button:hover{
	cursor: pointer;
	opacity: 1;
}

/*navbar*/

/*高效的敏捷开发平台*/
.divCon{
    margin-top: 120px;
	align-items: center;
}
.divCon .conLeft{
	float: left;
	padding-left: 20px;
	margin-top: 50px;
}
.divCon .divConImgBox{
	overflow: hidden;
	text-align: right;
}
.divTit{
	font-size: 32px;
	color: #333;
}
.content{
	font-size: 18px;
    max-width: 290px;
	min-width: 280px;
	width: 100%;
    padding: 30px 0 70px 0;
    line-height: 27px;
    color: #888;
}
button:hover{
	cursor: pointer;
}
.btnPrimary,.formBox > div > button.btnPrimary{
	width: 45%;
	height: 50px;
	background: #4d9eff;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	border: 0;
	border-radius: 2px;
}
.btnPrimary:hover,.formBox > div > button.btnPrimary:hover{
	background: #65abff;
}
/*高效的敏捷开发平台*/

.banner1{
    position:relative ;
    padding-bottom: 25.1%;
	width: 100%;
	height: 0;
	background: url("../images/banner.jpg") no-repeat;
    background-size: cover;
	margin-top: 40px;
}

/*技术优势 | 全行业解决方案*/
.flexBox{
    font-size: 0;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}
.titBox{
	max-width: 1200px;
	padding: 50px 0 10px;
	margin: 0 auto;
	text-align: center;
}
.title{
	font-size: 36px;
	color: #333;
}
.tips{
    font-size: 14px;
    padding-top: 10px;
	color: #bbb;
}
.flexBox li{
    font-size: 14px;
    display: inline-block;
	width: 25%;
	text-align: center;
    margin-bottom: 40px;
}

.liTit{
	font-size: 24px;
	color: #333;
	margin-bottom: 10px;
}
.flexBox  .liCon{
	color: #777;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    margin: auto;
	 line-height: 30px;
}



.flexBoxs{
    font-size: 0;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.flexBoxs li{
    font-size: 14px;
    display: inline-block;
	width:28%;
	padding: 2.5%;
	text-align: center;
    margin-bottom: 40px;
	vertical-align:top;
}
.flexBoxs li  img{
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
}
.flexBoxs  .liCons{
	color: #777;
    padding: 0 10px;
    overflow: hidden;
   -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	  box-orient: vertical;
	  display: -webkit-box;
	  display: box;
	  margin: auto;
	   line-height: 30px;
}
.flexBoxs .liCones{
	color: #777;
	padding: 0 10px;
	 margin: auto;
	 line-height: 30px;
	
}





/*技术优势 | 全行业解决方案*/

.banner2{
    position: relative;
    padding-bottom: 39.9%;
	width: 100%;
	height: 0;
	background: url("../images/banner2.jpg") no-repeat;
    background-size: cover;
	margin-top: 40px;
}

/*合作伙伴*/
.parnerBox{
    max-width: 1200px;
    width: 100%;
    margin: auto;
    font-size: 0;
}
.parnerBox li{
    display: inline-block;
    width: 25%;
    margin-bottom: 34px;
}
.parnerBox li span{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 40.0%;
}
.parnerBox img{
    box-sizing: border-box;
    padding:0 15px;
    position: absolute;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.greyBg{
	background: #f7f7f7;
	padding-top: 2px;
}
/*合作伙伴*/

/*资讯中心*/

.tabTit{
	max-width: 1160px;
	padding-bottom: 20px;
	margin: 30px auto;
	border-bottom: 1px solid #172C45;
	text-align: center;
}
.tabTit li{
	display: inline-block;
	color: #3d4852;
	font-size: 18px;
    padding-left: 50px;
    padding-right: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    position: relative;
    margin: 0 20px;
}
.tabTit li span{
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
    left: 22px;
    top: 10px;
    background-repeat: no-repeat;
}
.tabTit li:first-child span{
	background: url("../images/ultab.png") 0 0;
}
.tabTit li:first-child + li span{
	background: url("../images/ultab.png") 0 -27px;
}
.tabTit li:first-child + li + li span{
	background: url("../images/ultab.png") 0 -52px;
}
.tabTit li:first-child.active span,
.tabTit li:first-child:hover span{
	background: url("../images/ultab.png") -30px 0;
}
.tabTit li:first-child + li.active span,
.tabTit li:nth-child(2):hover span{
	background: url("../images/ultab.png") -30px -27px;
}
.tabTit li:first-child + li + li.active span,
.tabTit li:first-child + li + li:hover span{
	background: url("../images/ultab.png") -30px -52px;
}
.tabTit li.active,.tabTit li:hover{
	background: #4d9eff;
	color: #fff;
}
.tabTit li:hover{
	cursor: pointer;
}
.newsBox{
	max-width: 1200px;
    min-height: 344px;
	width: 100%;
	margin: auto;
	padding: 0 20px;
	font-size: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.newsLeft,.newsRight{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.newsLeft{
	float: left;
}
.newsRight{
	float: right;
}
.newsLeft .imgBox{
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom:53.3% ;
	
}
.newsLeft div{
		display: none;
	}
.newsLeft div.active{
	display: block;
}
.newsLeft img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
}
.newsTit{
	font-size: 16px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsLeft .newsTit{
	padding-top: 20px;
}

.newsRight .newsTit{
	padding-bottom: 10px;
	margin-top: 6px;
}
.newsCon{
	font-size: 14px;
	color: #777;
	padding-top: 10px;
}
.newsRight .newsCon{
	padding-top: 0;
}
.newsCon .text {
	width: 100%;
	min-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}/*
.newsCon::after {
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  padding-right: 5px;
  text-align: right;
  width: 3em;
  margin-left: -3em;
  position: relative;
  left: 100%;
  top: 20px;
  padding-right: 5px;
  !* 显示更好的效果 *!
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}*/
.newsRight li{
	display: none;
}
.newsRight li.active{
	display: block;
}
.newsRight li a{
	display: inline-block;
    margin-bottom: 30px;
	width: 100%;
}
.newsRight li a:last-child{
	margin-bottom: 0;
}
.newsRight li a:hover{
	color: #4D9EFF;
	cursor: pointer;
}
.newsTime{
	margin-top: -7px;
	width: 100px;
	float: left;
}
.newText{
	overflow: hidden;
}
.newsTime > div:first-child{
	font-size: 48px;
	font-weight: bold;
	color: #3d4852;
	text-align: center;
}
.newsTime > div:last-child{
	font-size: 12px;
	color: #777;
	text-align: center;
}
.btnBox{
    max-width: 1200px;
    margin:0 auto;
    text-align: center;
}
.defaultBtn{
	display: inline-block;
	margin: 40px 0;

	background: #fff;
	color: #555;
	font-size: 18px;
	padding: 10px 24px;
	border: 1px solid #ddd;
	border-radius: 30px;
}
.defaultBtn:hover{
	background: #4d9eff;
	color: #fff;
	border-color: #4d9eff;
}
.defaultBtn:hover a{
	color: #fff;
}

.lookMore{
	text-align: center;
}
.lookMore span{
	margin: 40px 0 60px;
	display: inline-block;
	padding: 10px 24px;
	border: 1px solid #4d9eff;
	border-radius: 30px;
	background: #4d9eff;
	cursor: pointer;
}
.lookMore span a{
	color: #fff;
	font-size: 18px;
}
.lookMore span:hover{
	background: #fff;
}
.lookMore span:hover a{
	color: #4d9eff;
}
/*资讯中心*/

/*footer*/
.footerBg{
	background: #3a435a;


}
.footHead{
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 0;
}
.footHead>span{
	font-size: 32px;
	display: inline-block;
	padding-left: 100px;
	display: inline-block;
	background: url("../images/footerBg.png") 0px 14px no-repeat;
}
.footCon{
	max-width: 1200px;
	width: 100%;
	margin: auto;
    box-sizing: border-box;
	padding: 30px  20px 20px;
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 0;
}
.footCon dl{
	font-size: 14px;
	width: 20%;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
	box-sizing: border-box;
}
.footCon dl:last-child{
	padding-right: 0;
}
.footCon dl dt{
	font-size: 20px;
	color: #fff;
	padding-bottom: 20px;
}
.footCon dl dd a{
	font-size: 14px;
	display: block;
	color: #fff;
	opacity: .5;
	padding: 6px 0;
}
.footCon dl dd a:hover{
	opacity: 1;
	cursor: pointer;
}
.footBot{
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	opacity: .5;
	padding: 20px 0;
}
body .contact,body .contact1,body .contact2{
	font-size: 0;
}
body .contact>li,
body .contact1>li,
body .contact2>li{
	font-size: 14px;
	display: inline-block;
	width: 50%;
}

.footBot>span{
	display: inline-block;
	padding: 0 20px;
	text-align: center;
}
/*footer*/

/*授权服务*/
.divCon1{
	width: 100%;
	height: 460px;
	background: url("../images/banner3.jpg") no-repeat;
    background-position: center;
	text-align: center;
}
.divCon1 .content{
	width: auto;
	color: #fff;
}
.divCon1 .divTit{
	color: #fff;
	padding-top: 130px;
}

.conBox1{
	max-width: 1200px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 40px;
	margin: 0 auto;
}
.conBox1 .titBox{
	padding: 80px 0 20px;
}
.serveImgBox{
	position: relative;
	height: 0;
	padding-bottom: 30.39%;
	margin-top: 20px;
}
.serveImgBox img{
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	max-height: 100%;
}
.flexBoxFw li{
	width: 16.66%;
    background: #fff;
    height: 190px;
    box-sizing: border-box;
    padding: 24px 0;
    box-shadow: 0 1px 5px rgba(23,58,101,.07);
}
.flexBoxFw .liTit{
	font-size: 18px;
	margin-top: 24px;
}
.flexBoxFw .liCon{
	font-size: 12px;
}
.navTwo{
    margin: auto;
	width: 100%;
    padding: 15px 0;
    justify-content: center;
    background: rgba(255,255,255,0.9);
    position: fixed;
    top: 80px;
    box-shadow: 0 1px 5px rgba(23,58,101,.07);
    z-index: 99;
	text-align: center;
}
.navTwo>li{
	display: inline-block;
}
.navTwo > li > a {
	display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto;
	padding-left: 30px;
	padding-right: 30px;
    height: 34px;
    border-radius: 20px;
    line-height: 34px;
    margin: 0 30px;
    color: #555;
    opacity: 1;
}
.navTwo > li > a:hover,.navTwo > li.selected a{
	border-bottom: 0;
	background: #4d9eff;
	color: #fff;
	opacity: 1;
}
/*定制需求*/
.mask{
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    z-index: 999;
}
.demand{
	margin: 120px auto;
    width: 520px;
    background: #fff;
    padding: 20px 0;
    border-radius: 2px;
}
.demandHeader{

	align-items: center;
	padding-bottom: 15px;
	border-bottom:1px solid #e7ecf1;
}
.demandHeader span{
	display: inline-block;
	padding: 0 20px;
}
.demandHeader span:last-child{
	color: #999;
}
.demandHeader span:last-child:hover{
	cursor: pointer;
	color: #555;
}
.formBox{
	padding: 15px 20px 0 20px;
}
.formBox > div{
	margin: 10px 0;
}
.formBox input{
    height: 32px;
    width: 330px;
    border-radius: 3px;
    border: 1px solid #e7ecf1;
    padding: 0 15px;
}
.formBox input.verificat{
	width: 220px;
}
.formBox label{
    display: inline-block;
    width: 90px;
    text-align: right;
}
.formBox > div > button{
	border: 0;
    background: #08caa7;
    color: #fff;
    width: 100px;
    margin-left: 5px;
    height: 34px;
    border-radius: 3px;
    position: relative;
    top: 1px;
}
.formBox > div > button:hover{
	background: #12e0bb;
}
.formBox > div.submitBox{
	text-align: center;
	margin: 20px 0;
}

/*授权服务*/

/*公司简介*/
.menu_con{
	margin-top: 144px;
}
.menu_con .banner1{
	margin-top: 0;
}
.gsjj{
	height: 460px;
	background: url("../images/gsbanner.jpg") no-repeat;
	background-position: left center;
}
.introduce{
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
	box-sizing: border-box;
}
.introduce h2{
	padding-top: 40px;
}
.introduce p{
	text-align: left;
	margin: 20px 0;
	color: #555;
	font-size: 14px;
	line-height: 22px;
}
.contactBox{
	max-width: 1000px;
	padding:0 20px 20px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
}
.dituBox{
	background: url("../images/map.jpg") no-repeat;
	background-position: center center;
}
.contact,.contactTit,.contact1,.contact2{

}
.contactTit{
	text-align: left;
    font-size: 20px;
    padding-bottom: 10px;  
}
.contact,.contact1,.contact2{
	margin-bottom: 30px;
	text-align: left;
}
.contact li,.contact1 li,.contact2 li{
	text-align: left;
	width: 40%;
	box-sizing: border-box;
	color: #666;
    padding: 6px 30px;
}
.contact li:first-child{
	background:url("../images/position.jpg") 0 4px no-repeat;
}
.contact li:first-child + li,
.contact2 li:first-child + li{
	background:url("../images/phone.jpg") 0 4px no-repeat;
}
.contact li:first-child + li +li,.contact1 li,.contact2 li:first-child{
	/* background:url("../images/QQ.jpg") 0 5px no-repeat; */
	background:url("../images/mail.jpg") 0 5px no-repeat;
}
.contact li:first-child + li +li +li,.contact2 li:last-child{
	background:url("../images/phones.jpg") 0 4px no-repeat;
		
	/* background:url("../images/mail.jpg") 0 5px no-repeat; */
}
/*公司简介*/
/*资讯中心*/
.leftNav,.p-leftNav{
	width: 170px;
    position: fixed;
    top: 165px;
    left: 90px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(23,58,101,.07);
}
.leftNav li,.p-leftNav li{
	color: #3d4852;
	font-size: 16px;
    padding-left: 50px;
    padding-right: 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 10px 0;
}
.leftNav li span{
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
    left: 22px;
    top: 10px;
    background-repeat: no-repeat;
}
.leftNav li:first-child span{
	background: url("../images/ultab.png") 0 0;
}
.leftNav li:first-child +li span{
	background: url("../images/ultab.png") 0 -27px;
}
.leftNav li:first-child +li +li span{
	background: url("../images/ultab.png") 0 -52px;
}
.leftNav li:first-child.active span,
.leftNav li:first-child:hover span{
	background: url("../images/ultab.png") -30px 0;
}
.leftNav li:first-child +li.active span,
.leftNav li:first-child +li:hover span{
	background: url("../images/ultab.png") -30px -27px;
}
.leftNav li:first-child +li +li.active span,
.leftNav li:first-child +li +li:hover span{
	background: url("../images/ultab.png") -30px -52px;
}
.leftNav li.active,.leftNav li:hover,
.p-leftNav li.active,.p-leftNav li:hover{
	background: #4d9eff;
	color: #fff;
}
.leftNav li:hover,.p-leftNav li:hover{
	cursor: pointer;
}

.infoList{
	background: #fff;
	padding:0 30px;
    margin: 20px auto 0 auto;
	position: relative;
	z-index: 1;
	text-align: left;
}
.infoList > li{
	min-height: 107px;
    padding: 30px 0;
    border-bottom: 1px dashed #ddd;
}
.infoList > li img{
	max-width: 200px;
	width: 100%;
	height: auto;
	border-radius: 3px;
	float: left;
}

.infoDetail{
	background: #fff;
	padding:0 30px;
	width: 900px;
	margin: 20px auto 0 auto;
	position: relative;
	z-index: 1;
}
.infoDetail > li{
	padding: 30px 0;
	border-bottom: 1px dashed #ddd;
}

.infoDetail > li img{
	max-width: 1024px;
}

.infoList > li>div{
	overflow: hidden;
	padding-left: 20px;
}

.infoList > li > div,.infoList > li h1.newsTits,.infoList > li p.newsCon{

}
.infoList > li p.newsCon{
	padding-top: 10px;
}
.infoTips{
    margin-top: 10px;
}
.infoTips > div{
	margin-right: 20px;
    color: #999;
    font-size: 12px;
}
.infoTips > div span{
	display: inline-block;
	width: 20px;
	height: 20px;
    position: relative;
    top: 5px;
    padding-right: 3px;
}
.infoTips > div:first-child{
    border-radius: 2px;
	display: inline-block;
    line-height: 20px;   
}
.infoTips > div.qianyue{
	border: 1px solid #FF9800;
	color: #ff9800;
}
.infoTips > div.gsdt{
	border: 1px solid #00bf88;
	color: #00bf88;
}
.infoTips > div.hyzx{
	border: 1px solid #03A9F4;
	color: #03A9F4;
}
.infoTips > div:first-child + div span{
	background: url("../images/people.png");
}
.infoTips > div  span.time{
	background: url("../images/time.png");
}
.menu_con .tag{
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
.pageBox{
	display: inline-block;
    margin: 20px auto 0 auto;
	font-size: 0;
	margin-bottom: 20px;
}
.pageBox > span{
	font-size: 14px;
	display: inline-block;
	box-sizing: border-box;
	padding: 2px 8px;
	margin: 0 4px;
	border-radius: 2px;
}
.pageBox > span.active a{
	color: #fff;
}
.pageBox > span.active,
.pageBox > span:hover{
	background: #4D9EFF;
	color: #fff;
}
.pageBox > span:hover a{
	color: #fff;
}
.pageBox > span:hover{
	cursor: pointer;
}

/*资讯中心*/
/*英才招聘*/
.jobHeader{
	line-height: 30px;
}
.jobHeader h1{
	display: inline-block;
}
.jobHeader span{
	float: right;
	color: #777;
}
.jobList > li > div, .jobList > li h1.newsTits, .jobList > li p.newsCon {
    width: 100%;
}
.jobList > li p.newsCon{
	line-height: 28px;
}
.newsConTit{
    display: block;
    color: #4d9eff;
    width: 70px;
    border-radius: 3px;
    text-align: center;
    background: #dbecff;
    margin-bottom: 7px;
    margin-top: 10px;
}
.jobList .newsCon{
	height: auto;
}
.jobList > li:last-child{
	border-bottom:0 ;
}
/*英才招聘*/

/*login*/
.bgBanner{
	position: absolute;
	max-width: 43.2%;
	width: 100%;
	height: 0;
	padding-bottom: 36.54%;
	top: 50%;
	left: 10%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	z-index: 99;
	background: url("../images/leftBg.png") 20% center no-repeat;
	background-size: contain;
}
.logo1{
	width: 198px;
	height: 70px;
	text-align: center;
	position: absolute;
	top: 36px;
	left: 50%;
	margin-left: -99px;
}
.logo1>span{
	display: inline-block;
	width: 74px;
	height: 42px;
	background: url("../images/login_logo.png") no-repeat;
	background-size: contain;
}
.logo1 .textName{
	font-size: 16px;
}

.login-box{
	background: #fff;
    width: 360px;
    min-height: 200px;
    position: absolute;
    right: 20%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    border-radius: 3px;
	z-index: 100;
	box-shadow: 0 0 30px #6075ab;
}	
.content_login{
	margin-top: 120px;
	padding-bottom: 30px;
}

.Myinput input{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 36px;
    width: 240px;
    padding-left: 35px;
    margin: 10px auto;
    border-radius: 20px;
	outline: none;
}
#u1:checked {
	border: 1px solid red;
}
.Myinput{
	position: relative;
	text-align: center;
}
.Myinput .span1,
.Myinput .span2,
.Myinput .span3{
	display: inline-block;
	width:36px;
	height:36px;
	position:absolute;
	top:10px;
	left:42px;
}
.Myinput .span1{
	background: url("../images/user.png") 2px 5px no-repeat;
} 
.Myinput .span2{
	background: url("../images/key.png") 8px 10px no-repeat;
} 
.Myinput .span3{
	background: url("../images/yzm.png") 8px 9px no-repeat;
} 
#rememberMe{
	margin-left: 44px;
	vertical-align: middle;
} 
.rember-me,.forget-key{
	display: inline-block;
	font-size: 12px;
} 
.forget-key{
	float: right;
	margin-right: 40px;
}  
.forget-key a{
	text-decoration: none;
	color: #349cf2;
}
.forget-key a:hover{
	cursor: pointer;
	color: #0b7edc;
}
.login-btn{
	width: 277px;
	height: 36px;
    line-height: 36px;
    background: #349cf2;
    color: #fff;
    font-size: 14px;
    border:antiquewhite;
    border-radius: 20px;
    margin: 40px 0 10px 0px;
    outline: none;
}
.login-btn:hover{
	cursor: pointer;
	background: #0b7edc;
}
h4{
	line-height:40px;
	font-weight:normal;
	text-align:center;
}
h4 a{
	color:#0b7edc;
}

/*右侧tool*/
#rightFixed{
	position: fixed;
	bottom: 56px;
	right: 0;
	z-index: 1000;
}
#rightFixed li{
	width: 70px;
	height: 70px;
	color: white;
	text-align: center;
	font-size: 14px;
	padding-top: 43px;
	margin-bottom: 2px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.fixedContentBox{

	text-align: center;
	position: absolute;
	right: 67px;
	top: 0;
	z-index: 999;
	display: none;
	padding-bottom: 15px;
	padding-right: 7px;
}
.fixedContentBox>div{
	width: 220px;
	background: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 0px rgba(66, 65, 66, 0.69);
}

.qq_title {
	font-size: 24px;
	color: #fff;
	padding: 20px 0;
}

.telNum {
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	background: url("../images/home_tab_Telephone.png") 15px center/12px 14px no-repeat #00bf6f;
	padding-left: 30px!important;
	display: inline-block;
	margin-top: -6px;
	margin-bottom: 15px;
}
.qq_ico {
	background: url("../images/home_tab_qq.png") 15px center/12px 14px no-repeat #00bf6f;
}
.qq_ico a {
	color: #fff;
}
.weixin_mask {
	width: 220px;
	height: 220px;
	box-shadow: 0px 0px 6px 0px rgba(66, 65, 66, 0.69);
	position: absolute;
	right: 74px;
	top: -10px;
	z-index: 999;
	display: none;
	background: url("../images/weixingongzhonghao.jpg") no-repeat;
	background-size: cover;
}
.tel_mask {
	text-align: center;
	position: absolute;
	right: 67px;
	top: 0;
	z-index: 999;
	display: none;
	padding-bottom: 15px;
	padding-right:7px ;
}
.tel_mask>div{
	width: 220px;
	background: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 0px rgba(66, 65, 66, 0.69);
}
#rightFixed li:hover .fixedContentBox,
#rightFixed li:hover .weixin_mask,
#rightFixed li:hover .tel_mask
{
	cursor: pointer;
	display: block;
}
.tel_title {
	font-size: 24px;
	color: #fff;
	padding: 20px 0;
}
.kefu {
	background: url("../images/home_side_icon1.png") center 30%/30% 30% no-repeat #00bf6f;
}
.qq {
	background: url("../images/home_side_icon5.png") center 30%/30% 30% no-repeat #00bf6f;
}
.weixin {
	background: url("../images/home_side_icon2.png") center 30%/30% 30% no-repeat #00bf6f;
}
.tel {
	background: url("../images/home_side_icon3.png") center 30%/30% 30% no-repeat #00bf6f;
}
.toTop {
	background: url("../images/home_side_icon4.png") center 30%/30% 30% no-repeat #00bf6f;
}
/*留言*/
.liuyan_wrap {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	background: rgba(0,0,0,0.3);
	z-index: 999999;
	display: none;
}
.liuyan {
	max-width: 400px;
	width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding: 0;
	padding-bottom: 20px;
	border-radius: 4px;
}
.liuyan_top {
	height: 50px;
	line-height: 50px;
	background: #1598ff;
	color: white;
	text-align: center;
	font-size: 20px;
}
.liuyan_close {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("../images/other_icon6.png") center center/cover no-repeat;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.liuyanInput {
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
	margin-top: 17px;
	font-size: 16px;
}
.liuyanInput span {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}
.liuyanInput input,
.liuyanInput textarea {
	width: 100%;
	border: none;
	border-radius: 2px ;
	outline: none;
	background: #e6e6e6;
	padding: 5px 10px;
	resize: none;
	box-sizing: border-box;
}
.liuyanInput input{
	min-height: 40px;
}
.username_msg, .tel_msg, .liuyan_msg {
	width: 80%;
	margin: 0 auto;
	padding-left: 16%;
	font-size: 16px;
	color: #e41e2b;
	display: none;
}
.text-center {
	text-align: center;
}
.liuyan_btn {
	width: 50%;
	height: 35px;
	line-height: 35px;
	background: #1598ff;
	color: #fff;
	text-align: center;
	border: none;
	outline: none;
	margin-top: 20px;
	border-radius: 4px;
}
.liuyan_success {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	padding: 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: none;
}
.liuyan_p {
	margin: 0;
}


/*新用户注册*/
.registerBox{
	width:600px;
	height:294px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	box-sizing:border-box;
	z-index:99;
	background:#fff;
	border-radius:6px;
}

.loadingBox{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	background:#fff;
	z-index: 99;
}
.my-yzm{
	border: 0;
    background: #08caa7;
    color: #fff;
    width: 100px;
    margin-left: 5px;
    height: 36px;
    border-radius: 20px;
    position: relative;
    top: 1px;
}
.my-yzm:hover{
    background: #12e0bb;
}

	    /*清除谷歌浏览器默认黄底*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
box-shadow:0 0 0 60px #fff inset!important;
-webkit-text-fill-color: #333!important;
}

/*login*/
/*产品*/
.produceCon{
	max-width: 1000px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
}
.produceCon img,.produceCon ol,.produceCon p{
	margin:0 0 20px 0;
}
.produceCon ol,.produceCon p{
	color: #555;
}
.produceCon p{
	line-height: 24px;
}
.produceCon p>a{
	color: #0000ee;
}
.produceCon ol{list-style-type: lower-alpha;}
.produceCon ol li{ 
	list-style-position:inside;
	    padding: 5px 0;
		font-weight: bold;
		color: #0D328D;
}
.produceCon h3{
	padding: 30px 0;
}
.produceCon h1{
   padding-top: 142px;
    padding-bottom: 30px;
}
.produceCon img{
	max-width: 100%;
    box-shadow: 0 1px 5px rgba(23,58,101,.07);
    box-sizing: border-box;
    padding: 15px;
}
.p-leftNav{
    width: auto;
    left: 30px;
}
.p-leftNav li{
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
	text-align: left;
}
.videoBox{
	width: 100%;
	max-width: 1000px;
	padding-bottom: 30px;
}
.videoBox >.box{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 57.5%;
}
.videoBox >.box .contentVideo{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

/*产品end*/



/*轮播图*/
.swiper-container {
	width: 100%;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{
	height: 100%;
	max-height: 644px;
	max-height: 100%;
	max-width: initial;
	width: 100%;
	object-fit: cover;
	text-align: center;
}

.pagination {
	position: absolute;
	z-index: 20;
	left: 0px;
	right: 0;
	text-align: center;
	bottom: 10px;
	pointer-events: none;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background:#fff;
	margin-right: 5px;
	cursor: pointer;
	opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.swiper-active-switch {
	background: #fff;
	opacity:1;
	-moz-opacity:1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.swiper-dynamic-links {
	text-align: center;
}
.swiper-dynamic-links a {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 5px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	background: #eee;
}

/**/
.hBox{
	position: relative;
}

#bannerTextBox{
	position: absolute;
	max-width: 1200px;
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 80px;
	z-index: 99;
}

#bannerTextBox .textBox{
	position: relative;
	color: #fff;
}
.textBox{
    display: none;
}
.activeBannerText{
    display: block;
}
.activeBannerText h3,
.activeBannerText p,
.activeBannerText .whiteBorder,
.activeBannerText .bannerBtn{
	position: absolute;
}

.activeBannerText>h3{
    left: 0;
	top: 168px;
	/*top: 88px;*/
	font-size: 34px;
	position: absolute;
    font-weight: bold;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   /* -webkit-animation: tran_h3 0.8s;
    -o-animation: tran_h3 0.8s;
    animation: tran_h3 0.8s;
    animation-fill-mode: forwards;*/
    pointer-events: none;
}
.activeBannerText p{
	max-width: 400px;
	top: 200px;
	/*top: 160px;*/
    left: 0;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    line-height: 30px;
    font-size: 14px;
  /*  -webkit-animation: tran_p 0.8s;
    -o-animation: tran_p 0.8s;
    animation: tran_p 0.8s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;*/
    pointer-events: none;
}
.activeBannerText .whiteBorder{
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	margin-top: 60px;
	/*top: 250px;*/
    left: 0;
/*    -webkit-animation: tran_img 0.8s;
    -o-animation: tran_img 0.8s;
    animation: tran_img 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;*/
    pointer-events: none;
}
.activeBannerText .bannerBtn{
    left: 0;
	top: 390px;
	/*top: 340px;*/
  /*  visibility: hidden;*/
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    padding: 12px 30px;
    border: 2px solid #fff;
    color: #0d328d;
    border-radius: 2px;
    font-size: 16px;
    background: #fff;
   /* -webkit-animation: tran_btn 0.8s;
    -o-animation: tran_btn 0.8s;
    animation: tran_btn 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.activeBannerText .bannerBtn2{
    background: transparent;
   /* left: 150px; */
    color: #fff;
}
.activeBannerText .bannerBtn1:hover,
.activeBannerText .bannerBtn2:hover{
    transform: scale(1.1);
}/*
@keyframes tran_h3 {
    0%{
        top: 168px;
        opacity: 0;
        visibility: initial;
    }
    100%{
        top: 88px;
        opacity: 1;
        visibility: initial;
    }
}
@keyframes tran_p {
    0%{
        top: 200px;
        opacity: 0;
        visibility: initial;
    }
    100%{
        top: 160px;
        opacity: 1;
        visibility: initial;
    }
}
@keyframes tran_img {
    0%{
        top: 280px;
        opacity: 0;
        visibility: initial;
    }
    100%{
        top: 250px;
        opacity: 1;
        visibility: initial;
    }
}
@keyframes tran_btn {
    0%{
        top: 370px;
        opacity: 0;
        visibility: initial;
    }
    100%{
        top: 340px;
        opacity: 1;
        visibility: initial;
    }
}
*/
.appBox{
	background: url("../images/appBnnaer.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
}
.appBtnBox{
	max-width: 1200px;
	box-sizing: border-box;
	margin: auto;
	font-size: 0;
	margin-top: 50px;
}
.appBtnBox li{
	display: inline-block;
	font-size: 14px;
	width: 25%;
	text-align: center;
	margin-bottom: 40px;
	padding: 0 10px;
	box-sizing: border-box;
    vertical-align: top;
}
.appBtnBox li p{
	font-size: 16px;
	padding-top: 10px;
    color: #333;
}
.appBtnBox li .appIcon a{
	display: inline-block;
	height: 100%;
	width: 100%;
}
.appBtnBox li .appIcon{
	width: 88px;
	height: 88px;
	display: inline-block;
	background: url("../images/yingyong.png") no-repeat;
}
.appBtnBox li:first-child .appIcon{
	background-position: 0 0;
}
.appBtnBox li:first-child + li  .appIcon{
	background-position: -90px 0;
}
.appBtnBox li:first-child + li + li .appIcon{
	background-position: -181px 0;
}
.appBtnBox li:first-child + li + li + li .appIcon{
	background-position: -271px 0;
}
.appBtnBox li:first-child + li + li + li + li .appIcon{
	background-position: -361px 0;
}
.appBtnBox li:first-child + li + li + li + li + li .appIcon{
	background-position: -451px 0;
}
.appBtnBox li:first-child + li + li + li + li + li + li .appIcon{
	background-position: -542px 0;
}
.appBtnBox li:first-child + li + li + li + li + li + li + li .appIcon{
	background-position: -632px 0;
}
.appBtnBox li .appIcon:hover + p{
    color: #0a7ac6;
}

/*统一应用入口*/
.unifyImg{
    max-width: 1200px;
    margin:40px auto;
}
.unifyImg>img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    text-align: center;
}

/*企业信息管理工具*/
.manageToolBox{
    max-width: 1200px;
    box-sizing: border-box;
    font-size: 0;
    margin: 60px auto;
    padding: 0 20px;
}
.manageToolBox li{
    display: inline-block;
    width: 33.333%;
    font-size: 14px;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.messgeText h5{
    font-size: 24px;
}
.messgeText p{
    line-height: 22px;
    font-size: 14px;
    margin-top: 20px;
    color: #bbb;
}
.manageToolBox li:first-child,
.manageToolBox li:first-child + li + li + li
{
    padding-right: 20px;
}
.manageToolBox li:first-child + li ,
.manageToolBox li:first-child + li + li + li + li{
    padding-right: 10px;
    padding-left: 10px;
}
.manageToolBox li:first-child + li + li ,
.manageToolBox li:last-child{
    padding-left: 20px;
}
.manageToolBox li .leftIcon{
    float: left;
    width: 40px;
    height: 60px;
    background: url("../images/sprite.jpg") 0 6px no-repeat;
}
.manageToolBox li .messgeText{
    overflow: hidden;
    padding-left: 10px;
}
.manageToolBox li:first-child + li .leftIcon
{
    background-position: -40px 6px;
}
.manageToolBox li:first-child + li + li .leftIcon
{
    background-position: -80px 6px;
}
.manageToolBox li:first-child + li + li +li .leftIcon{
    background-position: -120px 6px;
}
.manageToolBox li:first-child + li + li + li + li .leftIcon
{
    background-position: -160px 6px;
}
.manageToolBox li:first-child + li + li + li + li + li .leftIcon{
    background-position: -200px 6px;
}



/**/

.divCon1 .contents{
	text-align: center;
	font-size: 18px;
	width: 100%;
	padding: 30px 0 70px 0;
	line-height: 27px;
	color: #fff;
}
.divCon1  .btnPrimary{
	width: 144px;
}

/*咨询图标*/
#newBridge .icon-right-bottom{
	right: 0!important;
	bottom: 346px!important;
}
#newBridge .nb-icon-base,
#newBridge .nb-icon-base .nb-icon-inner-wrap{
	border-radius: 0!important;
}
#newBridge #nb_icon_wrap .nb-icon-customer{
	background:url("../images/zixun.png") right center no-repeat!important;
	background-size: 60px 60px!important;
}

/*下载中心*/
.downText{
	position: absolute;
	z-index: 9;
	color: #fff;
	text-align: center;
	pointer-events: none;
	left: 0;
	right: 0;
	top: 190px;
	font-size: 32px;
	font-weight: bold;
}
.downApp .text{
	position: relative;
	text-align: center;

}
.downApp .text span{
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 4px 20px;
	color: #555;
}
.downApp .text .textLine{
	position: absolute;
	z-index: 9;
	margin: auto;
	width: 260px;
	padding: 0 20px;
	box-sizing: border-box;
	left: 0;
	right: 0;
	top: 22px;
	height: 1px;
	background: #eee;

}
.downApp ul{
	padding: 40px 0;
}
.downBox{
	height: 450px;
	background:url("../images/downLoad.jpg") no-repeat ;
	background-size: cover;
	background-position: center;
}
.downBtnBox{
	position: absolute;
	bottom: -68px;
	left: 0;
	right: 0;
	text-align: center;
}
.downList{
	display: inline-block;
	max-width: 1200px;
	width: 100%;
	background: #fff;
	padding: 20px 0;
	border: 1px solid #ddd;
	text-align: left;
	box-shadow: 0 1px 5px rgba(23,58,101,.07);
}
.downList dl{
	font-size: 0;
}
.downList dl:first-child{
	padding-bottom: 20px;
}
.downList dl dt,
.downList dl dd{
	display: inline-block;
	font-size: 14px;
	color: #555;
	padding: 4px 8px;
}
.downList dl dt{
	padding-left: 16px;
}
.downList dl dd{
	margin: 4px 6px;
	border-radius: 2px;
	cursor: pointer;
}
.downList dl dd.active,
.downList dl dd:hover{
	background: #4d9eff;
	color: #fff;
}
.downApp{
	max-width: 1200px;
	width: 100%;
	padding: 118px 20px 40px;
	margin: auto;
	box-sizing: border-box;
	background: #fff;
	min-height: 600px;
}
.downApp ul{
	font-size: 0;
}
.downApp ul li{
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	color: #555;
	width: 25%;
	margin: 16px 0;
	padding: 10px;
	text-align: center;
}
.downApp ul li p{
	font-size: 16px;
	margin-top: 10px;
}
.downApp ul li .iconApp{
	cursor: pointer;
	width: 88px;
	height: 88px;
	display: inline-block;
	background: url("../images/yingyong.png") no-repeat;
}
.downApp ul li .iconApp a{
	display: inline-block;
	height: 100%;
	width: 100%;
}
.downApp ul li .iconApp.jinxiao{
	background-position: 0 0;
}
.downApp ul li .iconApp.xingzheng{
	background-position: -90px 0;
}
.downApp ul li .iconApp.feiyong{
	background-position: -181px 0;
}
.downApp ul li .iconApp.caigou{
	background-position: -271px 0;
}
.downApp ul li .iconApp.hetong{
	background-position: -361px 0;
}
.downApp ul li .iconApp.kehu{
	background-position: -451px 0;
}
.downApp ul li .iconApp.gongying{
	background-position: -542px 0;
}
.downApp ul li .iconApp.shouhou{
	background-position: -632px 0;
}

/*app详情页*/
.appContentBox{
	max-width: 1200px;
	width: 100%;
	padding:20px 20px 40px;
	background: #fff;
	margin: 120px auto 60px;
	box-sizing: border-box;
}
.headerLeft{
	height: 90px;
	display: inline-block;
}
.headerLeft .tuIcon{
	width: 88px;
	height: 88px;
	display: inline-block;
	background: url("../images/yingyong.png") no-repeat;
	float: left;
	overflow: hidden;
}
.headerRight{
	float: right;
	margin-top: 20px;
}
.headerRight a{
	display: inline-block;
	padding: 10px 16px;
	background: #fff;
	border: 2px solid #4d9eff;
	color: #4d9eff;
	border-radius: 3px;
}
.headerRight a:first-child{
	background: #4d9eff;
	color: #fff;
	margin-right: 6px;
}
.headerLeft>div{
	overflow: hidden;
	padding-left: 10px;
}
.headerLeft h3{
	font-weight: bold;
	font-size: 24px;
	margin-top: 10px;
}
.headerLeft p{
	margin-top: 20px;
}


.app-text{
	border-left: 4px solid #4D9EFF;
	padding-left: 10px;
	font-size: 18px;
	margin: 20px 0;
}
.appContentBox dl{
	padding: 0 10px;
}
.appContentBox dl dt{
	margin: 30px 0 10px;
}
.appContentBox dl dd{
	padding-left:6px ;
	line-height: 24px;
}
.appContentBox .imgBox{
	width: 100%;
}
.appContentBox .imgBox img{
	max-width: 100%;
	height: auto;
	width: 100%;
}

/*二维码*/
.downImgBox{
	font-size: 0;
	max-width: 600px;
	margin: 20px auto 40px;
}
.downImgBox>div{
	display: inline-block;
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}
.downImgBox>div>img{
	max-width: 100%;
	width: 100%;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.downImgBox>div>p{
	font-size: 20px;
	margin-top: 10px;
	text-align: center;
}
    /*适配手机*/
.navbarCenter .navMobileBtn{
	display: none;
	background: url("../images/menu.svg") no-repeat;
}

.Bisvg{
	
	background: url("../images/Bi.svg") no-repeat;
}

@media screen and (max-width: 1600px){
	.p-leftNav{
		display: none;
	}
}
@media screen and (max-width: 1176px){
	.navbarCenter .nav>li{
		padding: 0 20px;
	}
}
@media screen and (max-width: 1060px){
	.newsLeft, .newsRight{
		width: 100%;
		float: none;
		display: block;
		box-sizing: border-box;
	}

	.newsRight{
		padding-top: 30px;
	}
	.newsLeft img{
		position: absolute;
		max-width: 100%;
		max-height: 100%;
	}
	.newsBox{
		max-width: 560px;
	}

}

@media screen and (max-width: 1000px){
	.navbarCenter .nav>li{
		 padding: 0 15px;
	 }
}

@media screen and (max-width: 768px){

	#rightFixed{
		display: none;
	}
	#logo{
		margin-left: 20px;
		margin-top: 15px;
		width: 58px;
		height: 50px;
		background: url("../images/logoWhite.png") no-repeat;
	}
	#logo.logo{
		background: url("../images/logo.png") no-repeat;
	}
    .activeBannerText>h3{
        font-size: 20px;
    }


    body .manageToolBox li{
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 50px;
        padding: 0!important;
    }

	.newsRight .newsTime{
		width: auto;
		margin-top: -4px;
	}
	.newsRight .newText{
		padding-left: 20px;
	}
	.newsLeft .imgBox{
		box-sizing: border-box;
		height: 0;
		padding-bottom: 53.3%;
		position: relative;
	
	}
	
	.navbarCenter .navMobileBtn{
		display: inline-block;
		position: absolute;
		right: 20px;
		top: 0;
		z-index: 100;
		width: 33px;
		height: 30px;
		margin-top: 27px;
		cursor: pointer;
	}
	.navbarCenter .navBtn{
		right: 68px;
	}
	.navbarCenter .navBtn a:first-child{
		margin-right: 6px;
	}

	.navbarCenter #navBarBox{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		z-index: 999999;
	}
	.navbarCenter #navBarBox.stateBox{
		display: block;
	}
	.navbarCenter #navBarBox .nav{
		position: absolute;
		left: 100%;
		right: 0;
		top: 0;
		bottom: 0;
		background: #fff;
		padding: 40px 0;
		overflow-y:auto;
	}
	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
	.nav::-webkit-scrollbar
	{
		width: 4px;
		height: 4px;
		background-color: #F5F5F5;
	}

	/*定义滚动条轨道 内阴影+圆角*/
	.nav::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 3px;
		background-color: #F5F5F5;
	}

	/*定义滑块 内阴影+圆角*/
	.nav::-webkit-scrollbar-thumb
	{
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}
	#navBarBox .nav li{
		display: block;
		height: auto;
		line-height: normal;
	}
	#navBarBox .nav li a{
		color: #333;
		border: 0;
		padding: 10px;
		opacity: 1;
		-moz-opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}
	#navBarBox .nav li a.active{
		color: blue;
	}
	.divTit{
		font-size: 30px;
	}
	.flexBox li,
	.appBtnBox li,
	.parnerBox li{
		width: 50%;
	}
	/*资讯中心*/
	.tabTit li{
		font-size: 14px;
		margin: 0;
		padding-left:30px ;
		padding-right: 10px;
	}
	.tabTit li span{
		width: 16px;
		height: 16px;
		background-size: cover;
		left: 9px;
		top: 12px;
	}

	/*footer*/
	.footCon dl{
		display: block;
		width: auto;
	}
	.footCon dl dt{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	/*让软件开发更简单*/
	.footHead >span{
		font-size: 24px;
		background-position: 0px 21px;
		padding-left: 68px;
		background-size: 62px auto;
	}
	.footCon dl dd{
		display: inline-block;
		padding-right: 6px;
	}

	/*产品*/
	.p-leftNav{
		display: none;
	}
	/*授权服务*/
	.flexBoxFw li{
		width: 50%;
	}
	.titBox .title{
		font-size: 24px;
	}
	.conBox .titBox{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.divCon1 .content{
		max-width: initial ;
		min-width: initial;
		padding: 30px 20px;

	}
	/*关于我们*/
	.contact, .contact1, .contact2{
		display: initial;
	}
	.contact li, .contact1 li, .contact2 li{
		width: initial;
		padding-right: 0;
	}
	.navTwo > li > a{
		width: auto;
		padding: 0 14px;
		margin: 0;
	}
	/*咨讯中心*/
	.infoList > li img{
		float: none;
	}
	.infoList{
		padding: 0 20px;
	}
	.infoList > li>div{
		padding: 20px 0 0;
	}
	.newsCon{
		padding-top: 10px;
		overflow: initial;
		text-overflow: initial;
		display: block;
		-webkit-box-orient: initial;
	}
	/*video*/
	.videoCenter{
		padding: 0 20px;
	}
	/*首页图标*/
	.tabTit li:first-child span {
		background: url("../images/qy1.png");
		background-size: cover;
	}
	.tabTit li:first-child + li span {
		background: url("../images/dt1.png");
		background-size: cover;
	}
	.tabTit li:last-child span {
		background: url("../images/hy1.png");
		background-size: cover;
	}
	.tabTit li:first-child.active span, .tabTit li:first-child:hover span {
		background: url("../images/qy2.png");
		background-size: cover;
	}
	.tabTit li:first-child + li.active span, .tabTit li:first-child + li:hover span {
		background: url("../images/dt2.png");
		background-size: cover;
	}
	.tabTit li:last-child.active span, .tabTit li:first-child + li + li:hover span {
		background: url("../images/hy2.png");
		background-size: cover;
	}
	/*关于我们地图*/
	.dituBox{
		background: url("../images/map1.jpg") no-repeat;
		background-position: center center;
	}

	.tableContentBox{
		overflow-x: auto;
	}

    .contactBox{

    }
    .contactBox .contact>li,  .contactBox .contact1>li,  .contactBox .contact2>li {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

	/*下载中心*/
	.downApp ul li{
		width: 50%;
	}
	.downList dl dt{
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}
	.downList dl{
		padding: 0 20px;
	}
	.headerRight{
		float: none;
	}
	/*关于我们*/
	.gsBox{
		position: relative;
	}
	.gsjj{
		height: 0;
		padding-bottom:120%;
		background: url("../images/gsbannerMo.jpg") no-repeat;
		background-size: contain;
	}

	/*二维码*/
	.downImgBox>div{
		display:block;
		width: auto;
		padding: 40px;
	}
}

@media screen and (max-width: 940px){
	.navbarCenter .nav>li{
		padding: 0 4px;
	}
}


.Platform{
	width: 1200px;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	margin-top: -20px;
	padding-bottom: 60px;
}
.Platforms{
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-top: 10px;
	color: #666;
}
.Platforms span{
	padding-left: 20px;
	padding-right: 20px;
	line-height: 20px;
}
.Platforms span i{
	display: inline-block;
	background: #03A9F4;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	text-align: center;
	font-style: normal;
}
.biimg{
	width:800px; margin:20px auto; 
}

.appBtnBoxs{
	max-width: 1200px;
	box-sizing: border-box;
	margin: auto;
	font-size: 0;
	margin-top: 50px;
}
.appBtnBoxs li{
	display: inline-block;
	font-size: 14px;
	width: 20%;
	text-align: center;
	margin-bottom: 40px;
	padding: 0 10px;
	box-sizing: border-box;
    vertical-align: top;
}
.appBtnBoxs li p{
	font-size: 16px;
	padding-top: 10px;
    color: #333;
}
.appBtnBoxs li .appIcon a{
	display: inline-block;
	height: 100%;
	width: 100%;
}
.appBtnBoxs li .appIcon{
	width: 88px;
	height: 88px;
	display: inline-block;
	background: url("../images/yingyong.png") no-repeat;
}

.appBtnBoxs li:first-child .appIcon{
	background-position: 0 0;
}
.appBtnBoxs li:first-child + li  .appIcon{
	background-position: -90px 0;
}
.appBtnBoxs li:first-child + li + li .appIcon{
	background-position: -181px 0;
}
.appBtnBoxs li:first-child + li + li + li .appIcon{
	background-position: -271px 0;
}
.appBtnBoxs li:first-child + li + li + li + li .appIcon{
	background-position: -361px 0;
}
.appBtnBoxs li:first-child + li + li + li + li + li .appIcon{
	background-position: -451px 0;
}
.appBtnBoxs li:first-child + li + li + li + li + li + li .appIcon{
	background-position: -542px 0;
}
.appBtnBoxs li:first-child + li + li + li + li + li + li + li .appIcon{
	background-position: -632px 0;
}

.appBtnBoxs li:first-child + li + li + li + li + li + li + li + li + li .appIcon{
	background-position: -181px 0;
}

.Service{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
}
.Service_img{
	width:50%;
	height:60%;
	float: left;
	margin-left: 10%;
}
.Service_font{
	float: left;
}
.Service_font>  li{
	text-align: left;
	padding-left: 50px;
	line-height: 30px;
	color: #999;
}	
.Service_font>  li .titles{
	font-size: 18px;
	color: #333;
}
.Service_font  li.topa , .Monitoring  li.topa{
	padding-top: 85px;
	
}
.Monitoring{
	width: 46%;
	float: left;
	vertical-align: top;
	padding: 2%;
}
.Monitoring li{
	overflow: hidden;
}
.Monitoring li img{
	padding-left: 100px;
    padding-right: 20px;
	
	width: 80px;
	height: 80px;
	float: left;
	vertical-align:middle;
}
.Monitoring li div{
	width: 230px;
	height: 100px;
	float: left;
	padding-left: 15px;
	color: #666;
	line-height: 30px;
	padding-top: 4px;
}
.Monitoring li div i{
	font-size: 24px;
	color: #333;
}