html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-family: "Microsoft Yahei";
  vertical-align:baseline;
}
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; background:none; background-color:}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

html, body{
	overflow: hidden;
	background-color:#000;
}

#oneNav {
	display:block;
	position: fixed;
	right:30px;
	top: 140px;
	z-index: 1000;
	width: 180px;
	height: 70px;
	margin-top: -80px;
	padding-top: 24px;
	border:1px #FF0000 solid;
	list-style: none;
}


/**header**/
.wrapHeader{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 66px;
	background-color:#fff;
}
.header {
	width: 900px;
	height: 66px;
	margin: 0 auto;
}
.logo {
	float: left;
	width: 143px;
	height: 60px;
	margin-right: 105px;
}
.nav {
	list-style: none;
	float: right;
	font-size: 18px;
	line-height: 66px;
}
.nav li {
	float: left;
}
.nav a {
	float: left;
	padding: 0 21px;
	color: #222;
	text-decoration: none;
}
.nav a:hover, .nav .cur {
	color: #fff;
	background: #12b6f5;
}
.fixedNav {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1000;
	width: 24px;
	height: 141px;
	margin-top: -80px;
	padding-top: 24px;
	list-style: none;
}
.fixedNav li {
	float: left;
	position: relative;
	width: 100%;
	height: 16px;
	padding-left: 3px;
	margin: 5px 0;
}
.fixedNav .icon {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/sprite.png) no-repeat -40px -135px;
	cursor: pointer;
}
.fixedNav .txt {
	display: none;
	position: absolute;
	left: -80px;
	top: 0;
	width: 76px;
	height: 19px;
	background: url(../img/sprite.png) no-repeat 0 -80px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
}
.fixedNav .cur .icon {
	background: url(../img/sprite.png) no-repeat -40px -109px;
}
/**内容**/
.wrapBox {
	position: fixed;
	top: 60px;
	width: 100%;
}
.box {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 800px;
	overflow: hidden;
}
.box_fixed {
	position: relative!important;
	width:1100px;
	margin:0 auto;
	height: 570px;
}
.box div {
	position: absolute;
	z-index: 100;
}
.box .zIndex10 {
	z-index: 10;
}
.box .zIndex40 {
	z-index: 40;
}
.box .zIndex50 {
	z-index: 50;
}
.box .zIndex150 {
	z-index: 150;
}
.box .zIndex160 {
	z-index: 160;
}
.team-man-img img{
	width:101px;
}
/**box1**/
.b1_bg {
	/*background-image: url(b1_bg.jpg);*/}

.b1_03_btn {
	opacity: .5;
}
.b1_03_btn.anima {
	opacity: 1;
	-webkit-animation-name: 'opt'; /*动画名称*/
	-webkit-animation-duration: 4s;/*播放一次所持续时间*/
	-webkit-animation-timing-function: ease;/*动画播放频率*/
	-webkit-animation-iteration-count: infinite;/*动画播放次涒为无限次*/
}

@-webkit-keyframes 'opt' {
	from {
		opacity: .3;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: .3
	}
}
/**box2**/
.b2_bg {
	/*background-image: url(b2_bg.jpg);*/
}
.b2_01 {
	left: 130px;
	top: 175px;
}
.b2_02 {
	position: absolute;
	z-index: 100;
	left: 980px;
	top: 20px;
	color: #fff;
	font-size: 30px;
}
.b2_07 {
	position: absolute;
	z-index: 100;
	left: 930px;
	top: 170px;
	color: #fff;
	font-size: 14px;
}
.b2_03 {
	left: 600px;
	top: 30px;
}
.b2_04 {
	left: 1100px;
	top: 100px;
}
.b2_06 {
	left: 1260px;
	top: 200px;
}
/**box3**/
.b3_bg {
	/*background-image: url(b3_bg.jpg);*/
	color: #666;
}
.box_tl {
	top: -40px;
	width: 1100px;
	height: 100px;
	text-align: center;
}
.clfea005 {
	color: #fea005;
}
.box_tl h2 {
	height: 60px;
	font-size: 30px;
	font-weight: bold;
}
.box_tl p {
	color: #bcbcbc;
	font-family: Arial;
	font-size: 16px;
}
.b3_img {
	left: 50%;
	top:390px;
	width: 695px;
	height: 347px;
	margin-left: -347px;
	opacity: 0;
}
.b3_img.transform {
	-webkit-transform: rotate(0deg);
	-webkit-animation-name: "rotate";
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transition-timing-function: linear;
}
@-webkit-keyframes 'rotate' {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
.b3_txt {
	top: 50px;
	left: 0px;
	font-size: 14px;
	line-height: 24px;
	color:#fff;
}
.b3_txt strong {
	display: block;
	height: 25px;
	color: #fea005;
	font-size: 18px;
}
.b3_01 {
	top: 150px;
	left:50%!important;
	margin-left:-414px;
	width: 828px;
}
.b3_02 {
	top: 201px;
	left: 1110px;
	width: 266px;
}
.b3_03 {
	top: 332px;
	left: 1170px;
	width: 290px;
}
.b3_04 {
	top: 463px;
	left: 1110px;
	width: 290px;
	
}
.b3_05 {
	top: 433px;
	left: 525px;
	width: 290px;
	text-align: right;
}
.b3_06 {
	top: 332px;
	left: 464px;
	width: 290px;
	text-align: right;
}
/**box4**/
.b4_bg {
	/*background-image: url(b4_bg.jpg);*/
	color: #fff;
}
.b4_tl {
	left:0;
	top: -30px;
	width: 100%;
	height: 100px;
	margin-left: -550px;
	text-align: center;
}
.b4_tl span {
	display: block;
	font-size: 30px;
}
.b4_txt_box {
	width:1220px;
	left: 50%;
	margin-left:-610px;
}
.b4_txt {
	left: 0;
	width: 360px;
	font-size: 12px;
}
.b4_txt strong {
	font-size: 16px;
	line-height: 25px;
}
.b4_txt01 {
	top: 130px;
}
.b4_txt02 {
	top: 212px;
}
.b4_txt03 {
	top: 294px;
}
.b4_txt04 {
	top: 376px;
}
.b4_txt05 {
	top: 458px;
}
.b4_txt06 {
	top: 540px;
}
.b4_01, .b4_02 {
	top: 50px;
}
.b4_01 .tl, .b4_02 .tl {
	position: absolute;
	top: 445px;
	left: 0;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
.b4_01 {
	left: 940px;
}
.b4_02 {
	left: 1195px;
}
/* box6 */
.clear {
    zoom: 1;
    overflow: hidden;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.flexBox {
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    flex-wrap: wrap;
    align-items: center;
}
.flex-1 {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
}
ul,li,h4,h5{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
.b6_bg {
    background: url("../img/bg5.png") no-repeat;
    background-size: 100% 100%;
    color: #BCBCBC;
    font-size: 12px;
}
.b6_bg div {
    position: relative;
    line-height: 25px;
}
.b6_div{
    margin: 0 auto;
    width:1000px;
    /*height: 570px;*/
}
.div_l,.div_r{
    width:50%;
    /*height: 570px;*/
}
.div_l{
    padding-right: 50px;
}
.reason{
    margin-bottom: 30px;
}
.imgbox{cursor: pointer}
.work_list{
    margin-bottom: 25px;
}
.work_list ul{
    margin-top: 4px;
}
.work_list ul li>a{
    display: block;
    height:44px;
    line-height:44px;
    padding: 0 20px;
    margin-bottom: 10px;
    background: #0C3996;
}
.work_list ul li>a:hover{text-decoration: none;background-color: #022877}
.work_list ul li>a:hover span{text-decoration: underline}
.work_list a:hover{text-decoration: underline}
.work_list .last{
    padding-right: 25px;
}
.prover{
    display: none;
    position: absolute!important;
    top:0;
    left:50%;
    width:640px;
    height:478px;
    margin-left: -320px;
    z-index:999!important;
    background-color: #fff;
    border-radius: 10px;
}
.prover .top{
    height: 54px;
    padding: 0 20px;
    border-bottom: 1px solid #DDDDDD;
}
.top>div{
    line-height: 54px;
}
.prover .top .title{
    color: #0C3996;
    font-weight: bold;
    font-size: 18px;
}
.prover .top img{
    width:21px;
    height: 20px;
    position: relative;
    top:16px;
    cursor: pointer;
}
.title-s{
    color: #222;
    font-size: 16px;
    font-weight: bold;
}
.content{
    color: #666;
    font-size: 14px;
    padding: 30px;
    min-height: 280px;
    max-height: 280px;
    overflow-y: scroll;
}
.info1{
    margin-bottom: 30px;
}
.btn{
    margin: 0 30px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px dashed #ddd;
}
.btn button{
    width:166px;
    height: 46px;
    line-height: 46px;
    background-color: #0C3996;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.reason h4{
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 8px;
}
.activity li{
    margin-right: 12px;
    margin-bottom: 12px;
}
.activity img{
    width:144px;
    height: 102px;
    border-radius: 10px;
    overflow: hidden;
}
.work_list{
    color: #fff;
}
.work_list a{
    color: #fff;
}
.ewm{
    margin-top: 10px;
}
.ewm .div1{
    padding-right: 30px;
    border-right: 2px dotted #fff;
}
.ewm .div2{
    padding-left: 30px;
}
.ewm img{
    width: 94px;
    height: 94px;
}
.ewm div{
    line-height: 20px;
}
/**box5**/
.b5_bg {
	/*background-image: url(b5_bg.jpg);*/
	color: #666;
}
.b5_tl {
	top: 20px;
	height: 80px;
	border-bottom-color: #d3e1c9;
}
.b5_tl h2 {
	height: 50px;
	font-size: 38px;
}
.b5_txt {
	position: absolute;
	left: 50%;
	top: 70px;
	width: 960px;
	margin-left: -480px;
	color: #bcbcbc;
	font-size: 14px;
	text-align: center;
}
.b5_01 {
	left: 0px;
	top: 5px;
}
.b5_ico {
	left:300px;
	top: 80px;
	font-size: 12px;
	text-align: center;
}
.b5_ico p {
	position: absolute;
}


.main1-txt1{
	top:50%;
	margin-top:-275px;
    left:50%!important;
	margin-left:-385px;
	opacity:1;	
}
.main1-txt2{
	top:650px;
    left:50%!important;
	margin-left:-358px;
	opacity:1;	
}
.main2-txt1{
	top:50%!important;
	margin-top:-250px;
	opacity:1;	
}

/*平台特色*/
ul.ind-feature{ 
     list-style:none;
	 padding-top:30px;
}
ul.ind-feature li{ 
     width:170px;
	 float:left;
	 overflow:hidden;
}
/*ul.ind-feature li .feature-icon1,ul.ind-feature li .feature-icon2,ul.ind-feature li .feature-icon3{
	background:url(../img/iconpng.png) no-repeat scroll 45px 42px;
	width:145px;
	height:145px;
	border-radius:100%;
	border:1px solid #fff;
}
ul.ind-feature li .feature-icon2{
	background-position:40px -142px;
}
ul.ind-feature li .feature-icon3{
	background-position:35px -313px;
}*/
ul.ind-feature li .feature-icon1,ul.ind-feature li .feature-icon2,ul.ind-feature li .feature-icon3{
	background:url(../img/feature-icon1.png) no-repeat;
	width:134px;
	height:134px;
	margin-left:15px;
}
ul.ind-feature li .feature-icon2{
	background:url(../img/feature-icon2.png) no-repeat;
}
ul.ind-feature li .feature-icon3{
	background:url(../img/feature-icon3.png) no-repeat;
}
ul.ind-feature li .feature-txt{
	padding-top:150px;
	width:170px;
}
ul.ind-feature li .feature-txt2{
	padding-top:120px;
	width:110px;
}
ul.ind-feature li .feature-txt h4{
	font-size:20px;
	height:35px;
	line-height:35px;
	font-weight:normal;
	padding-bottom:10px;
}
h4.feature-h1{
	padding-left:70px;
	background:url(../img/iconpng.png) no-repeat scroll 35px -550px;
}
h4.feature-h2{
	padding-left:70px;
	background:url(../img/iconpng.png) no-repeat scroll 35px -635px;
}
h4.feature-h3{
	padding-left:50px;
	background:url(../img/iconpng.png) no-repeat scroll 15px -730px;
}
ul.ind-feature li p{
	font-size:14px;
	line-height:20px;
	font-style:italic;
	text-align:center;
}
ul.ind-feature li.feature-li1{
	width:110px;
	height:150px;
	padding:10px;
	margin:290px 0 0 130px;
	background:url(../img/li-bg.png);
	border-radius:6px;
	border:1px solid #fff;
}

ul.ind-feature li.feature-li1 h4.feature-h4{
	font-size:16px;
	font-weight:normal;
	text-align:center;
	padding-top:5px;
	font-size:14px;
}

/* App商城可点击区域样式 */
ul.ind-feature li.app-qr-container{
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: visible !important;
}

ul.ind-feature li.app-qr-container:hover{
	background-color: rgba(255, 255, 255, 0.1);
	transform: scale(1.05);
	box-shadow: 0 0 15px rgba(18, 182, 245, 0.5);
}

/* 提示词样式 */
ul.ind-feature li.app-qr-container .qr-tip{
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #e74c3c;
	background: transparent;
	padding: 8px 12px;
	border: 2px solid #e74c3c;
	border-radius: 4px;
	white-space: nowrap;
	letter-spacing: 1px;
}
/*公司简介*/
.ind-intro{
	text-align:center;
}
.ind-intro-tit{ margin:0 auto;}
.ind-intro-tit h2.infor-tit-h1{
	height:42px;
	background:url(../img/tit-txt.png) no-repeat scroll center 0;
	margin-bottom:15px;
}
.ind-intro-tit h2.infor-tit-h2{
	height:42px;
	background:url(../img/tit-txt.png) no-repeat scroll center -48px;
	margin-bottom:15px;
}
.ind-intro-tit h2.infor-tit-h3{
	height:42px;
	background:url(../img/tit-txt.png) no-repeat scroll center -97px;
	margin-bottom:15px;
}
.ind-intro-tit h2.infor-tit-h4{
    height:42px;
    background:url(../img/tit-txt3.png) no-repeat center center;
    margin-bottom:15px;
    background-size: auto 100%;
}
.ind-intro-tit h3{
	font-size:32px;
	color:#fff;
	background:url(../img/line1.png) no-repeat scroll center center;
}
.ind-intro-tit.b6_tl h3{
    background: none;
    position: relative;
}
.ind-intro-tit.b6_tl h3:before{
    content: "";
    display: block;
    position: absolute;
    left:50%;
    top: 20px;
    margin-left: -140px;
    height:1px;
    width:30px;
    background: #797777;
}
.ind-intro-tit.b6_tl h3:after{
    content: "";
    display: block;
    position: absolute;
    right:50%;
    top: 20px;
    margin-right: -140px;
    height:1px;
    width:30px;
    background: #797777;
}
.b3_01 p{
	padding-bottom:20px;
	text-align: left;
	text-indent: 2em;
}
.b3_01 p.contact_us{
	text-align: center;
	text-indent: 0;
}
.ind-intro p a{ 
    display:inline-block; 
	width:120px; 
	height:40px; 
	line-height:40px; 
	font-size:14px;
	color:#fff;
	padding-left:25px;
	margin-top:10px;
	text-align:left;
	text-decoration:none;
	background:url(../img/button1.png) no-repeat;
}
.develop-list{
	width:100%; 
	background:url(../img/line2.png) repeat-x scroll left 335px;
}

.move_img{
	margin:0 auto; 
	position:relative; 
	width:1220px;
}
.move_img .move_left,.move_img .move_right { 
    position:absolute; 
	display:block; 
	width:36px; 
	height:63px; 
	top:0px; 
	color:#FFF; 
	margin-top:250px;
}
.move_img .move_left { 
     left:0; 
	 width:36px; 
	 height:63px; 
	 background:url(../img/gather_limgc12.png) no-repeat scroll;
}
.move_img .move_right { 
     right:0;
	 width:36px; 
	 height:63px; 
	 background:url(../img/gather_limgc13.png) no-repeat scroll; 
	 margin-top:380px;
}
.move_imglist {
	position:relative; 
	width:1080px;  
	margin-left:70px; 
	overflow:hidden; 
	padding:200px 0 190px;
}
.move_imglist ul { 
    width:9000px;
}
.move_imglist li {
	float:left; 
	display:inline; 
	width:180px; 
	text-align:center;
}


.list-top{
	padding-bottom:60px; 
	position:relative; 
	text-align:center;
}
.list-top h4{ 
     font-size:28px; 
	 color:#c60e36; 
	 background:url(../img/line-red.png) no-repeat scroll center; 
	 padding-top:145px;
}
.list-top p{
	border:1px solid #fff; 
	width:168px; 
	line-height:20px; 
	padding:5px; 
	font-size:12px; 
	position:absolute; 
	bottom:210px; 
	left:0;
}
.list-down{
	padding-top:90px; 
	position:relative; 
	text-align:center;
}
.list-down h4{ 
    font-size:28px; 
	color:#fff; 
	background:url(../img/line-blue.png) no-repeat scroll center; 
	padding-bottom:144px;
}
.list-down p{
	border:1px solid #fff; 
	width:168px; 
	line-height:20px; 
	padding:5px; 
	font-size:12px; 
	position:absolute; 
	top:235px; 
	left:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .develop-list{
	width:100%; 
	background:url(../img/line2.png) repeat-x scroll left 333px;
}
    .list-down{
	padding-top:91px; 
}
/* Chrome- and Safari-specific CSS here*/
}
.team-list{
	width:700px;
	height:1000px;
	margin:65px 0 0 200px;
	color:#fff;
}
.team-list span{ display:block;}
.team-boss{
	width:350px;
}
span.team-boss-name{
	display:block;
	margin-top:115px;
	margin-left:220px;
}
.team-boss-img img{width:300px;}
.team-man1,.team-man2,.team-man3{
	width:220px;
	height:101px;
	padding:15px 15px 15px 25px;
	border-radius:3px;
	background-color:#0590d8;
	color:#fff;
	overflow:hidden;
}
.team-man2{
	background-color:#0b1338;
}
.team-man3{
	background-color:#0c3996;
}
.team-man span,.team-boss-name{
	display:inline-block;
	font-size:14px;
	color:#fff;
}
.team-man-name,.team-boss-name{
	width:100px;
	text-align:left;
	padding-top:5px;
	float:left;
	overflow:hidden; 
	white-space:nowrap;
	text-overflow:ellipsis;
}
.team-man-name h4,.team-boss-name h4{
	line-height:30px;
	font-size:14px;
	font-weight:normal;
	background:url(../img/line3.jpg) no-repeat scroll left bottom;
}
.team-man-name p,.team-boss-name p{
	padding-top:20px;
	font-size:14px;
}
.team-man-img{
    width:101px;
	height:101px;
	float:right;	
}

.contact-us{
    position: absolute!important;
	bottom:0;
	width:100%;
	height:45px;
	line-height:45px!important;
	font-size:12px;
	color:#ffffff;
	background-color:#0e0f15;
}
.contact-us p{
	width:1500px;
	margin:0 auto;
	color:#c3c3c4;
	height:45px;
}
.contact-us p a,.contact-us p span{
	float:right;
	color:#c3c3c4;
}
.contact-us p span{
	color:#494a4c;
	margin:0 15px;
}
.contact-us p .contact-us-l1,.contact-us p .contact-us-l2{
	float:left;
	font-size:20px;
	margin:0;
	color:#c3c3c4;
}
.contact-us p .contact-us-l2{
	font-size:12px;
	font-style:italic;
}