h1 {
  line-height: 140%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  color: #1E2734;
}
p {
  margin: 0;
  margin-bottom: 1em;
}
em {
  font-style: normal;
  color: #f72378;
}
.screenreader {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

a.button {
  display: inline-block;
  padding: 9px 14px;
  border: 1px solid #1E2734;
  line-height: 26px;
  text-transform: uppercase;
  color: #45a5c0;
  background: #1E2734;
  text-decoration: none;
  vertical-align: top;
}
  a.button:hover {
    background: #182f3b;
  }
  a.button i {
    margin-right: 10px;
  }
.icon-github {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(images/github.png) no-repeat 50% 50%;
  overflow: hidden;
  vertical-align: top;
}

.container {
  max-width: 1056px;
  padding: 0px;
  margin: 0 auto;
}
.container:before,
.container:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.container:after {
    clear: both;
}
.container {
    zoom: 1; /* IE < 8 */
}

.instructions {
  float: left;
  width: 45%;
  box-sizing: border-box;
}

pre {
  margin: 0;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  background: #3D3F52;
  border-radius: 6px;
  float: right;
  width: 50%;
  box-sizing: border-box;
}


/* Nav & Midnight */
nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  height: 300px;
  pointer-events: none;
}


 
.wrap{
	position:relative;
	width:100%;
	min-width:1056px;
	background:#f7f7f7;
	overflow-x:hidden;
}
.banner-bar{
	position:relative;
	width:100%;
}
.index .banner-bar{
	width:100%;
	height:710px;
	background:#f7f7f7;
}
.index .banner-bar .index-bn-Canavas{
	position:absolute;
    top: 0;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-51%);
    -ms-transform: translateX(-51%);
    transform: translateX(-51%);
    height: 100%;
}
.wrap-index {
	line-height: 1;
	position: relative;
	z-index: 100;
	margin: 0 auto
}

.wrap-index .slogan {
	margin: 0;
    font-size: 50px;
    color: #333;
    letter-spacing: 3px;
    padding-top: 170px;
    font-weight: 400;
}

.wrap-index .text {
	margin-top: 27px;
	font-size: 20px;
	color: #333;
	letter-spacing: .33px;
	line-height: 31px
}

.wrap-index .first-sc-link {
	margin-top: 50px
}

.wrap-index .first-sc-link .btn-more {
	display: block;
	margin: 0 auto 20px;
	width: 218px;
	height: 52px;
	line-height: 52px;
	font-size: 18px
}




.top-links {
  background: #171922;
  padding: 10px;
  min-height: 40px;
  text-align: center;
}
  .top-links a.button {
    font-size: 14px;
    padding: 5px 20px;
    border: 1px solid #56555F;
    background: #171922;
    color: #56555F;
    font-weight: bold;
    margin: 0px 10px;
  }


 
  figure img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
  }

.scroll-prompt {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background: url(images/scroll.png) no-repeat 50% 50%;
  margin: 50px auto 50px auto;
}


section.step { 
  position: relative;
}

.step {
  padding: 350px 0 250px;
}

.survey {
	background: url(../images/Survey-bg.png) no-repeat;
	height: 650px;
	text-align: center;
	border-top: 1px solid #e5e5e5
}

h2.title {
	margin: 0;
	font-weight: 400;
	font-size: 34px;
	color: #333;
	letter-spacing: .9px
}

.title-icon {
	font-size: 34px;
	line-height: 1;
	margin-bottom: 30px
}
.title-icon .icon{
	width:46px;
	height:46px;
}
.com-icon {
	margin-top: 100px;
}



.customer-icon {
	color: #2eb1a9;
	padding-top: 118px
}

.wd-icon {
	color: #e9a240;
	padding-top: 118px
}

h2.title+.tips {
	font-size: 16px;
	color: #757575;
	letter-spacing: .26px;
	line-height: 28px;
	margin-top: 8px;
}
.survey .com-icon{
	margin:99px 0 30px;
}
.survey .detials {
	width: 1056px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 40px;
	    background: #ffffff14;
	position: relative
}
 


@-webkit-keyframes popBubble {
	0%,30% {
		-webkit-transform: translateY(10px) scale(.8);
		transform: translateY(10px) scale(.8);
		opacity: 0
	}

	50%,90% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1
	}
}

@keyframes popBubble {
	0%,30% {
		-webkit-transform: translateY(10px) scale(.8);
		transform: translateY(10px) scale(.8);
		opacity: 0
	}

	50%,90% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1
	}
}

.survey .transmission .text:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #8C9BA5;
	position: absolute;
	top: 23px;
	left: 23px
}

.survey .transmission img:first-child {
	margin-top: 40px
}

.communication-ani {
	position: relative;
	left: -14px
}

ul {
	padding: 0
}

.survey .detials .des .item {
	padding-left: 35px;
	padding-right: 35px
}

.survey .detials .des .item {
	width: calc(99.9%/4);
	float: left
}

.survey .detials .des .item:nth-child(2) {
	border-left: 1px dashed #e5e5e5;
	border-right: 1px dashed #e5e5e5;
}
.survey .detials .des .item:nth-child(3) {
	border-right: 1px dashed #e5e5e5;
}
.survey .detials .des .item .icon{
	width:81px;
	height:81px;
	    transition: all .3s;
    -webkit-transition: all .3s;
}
.survey .detials .des .item .title {
	margin-top:30px;
	color: #333;
	font-size: 20px;
	line-height: 1
}
.survey .detials .des .item:hover .title{
	color:#076bf2;
}
.survey .detials .des .item .text {
	font-size: 14px;
	color: #999;
	letter-spacing: .23px;
	line-height: 24px;
	margin-top: 15px;
	text-align: center;
}
.survey .lm-icon {
	width:81px;
	height:81px;
	    border-radius: 50%;
    text-align: center;
	margin:0 auto;
	background: rgba(255,255,255,0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.survey .detials .des .item:hover .lm-icon{
     -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	background: rgba(112, 179, 249, 0.08);
}
.survey .detials .des .item:hover .lm-icon .icon
{
	padding-top:13px;
	width:65px;
	height:65px;
}
.survey  .detials .des .item:hover .lm-icon:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
.lm-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.survey .lm-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(239, 25, 25, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 8px rgba(255,255,255,0.3);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 2px rgba(255,255,255,0.3);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 2px rgba(255,255,255,0.3);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 2px rgba(255,255,255,0.3);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 2px rgba(255,255,255,0.3);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #c0d9fa, 0 0 0 2px rgba(255,255,255,0.3);
		transform: scale(1.5);
		opacity: 0;
	}
}
.solution{
	position:relative;
	height: 670px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
	overflow:hidden;
}
.solution-bg {
    position: absolute;
    bottom: 0;
}
.solution-bg-left {
    left: -200px;
}

.solution-bg-right {
    right: -200px;

}
.solution-icon {
	padding-top: 65px;
}

.solution ul.examples {
	width: 1056px;
	margin: 0 auto;
	padding-top: 65px
}

.solution ul.examples li {
	width: 352px;
	height: 175px;
	float: left;
	position: relative;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.solution ul.examples li .content {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding-top: 8px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.solution ul.examples li .img,.solution ul.examples li .right {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	float: left
}

.solution ul.examples li .img {
	width: 145px;
	height: 100%;
	line-height:145px;
	transition: all .2s
}
.solution ul.examples li .img .icon{
	width:100px;
	height:100px;
	display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
	    transition: all .3s;
    -webkit-transition: all .3s;
}
.solution ul.examples li:hover .img {
	width: 125px
}
.solution ul.examples li:hover .img  .icon{
	width:60px;
	height:60px;
	top:31px;
}
.solution ul.examples li .img .icon {
	position: absolute;
	top: 31px;
    left: 25px;
}

.solution ul.examples li .right {
	width: 180px;
	text-align: justify;
	transition: all .2s
}

.solution ul.examples li .detial-text {
	height: 0;
	overflow: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.solution ul.examples .li-1,.solution ul.examples .li-2 {
	border-right: 1px dashed #d7d9e6;
    border-bottom: 1px dashed #d7d9e6;
}

.solution ul.examples .li-3 {
	border-bottom: 1px dashed #E5E5E5
}

.solution ul.examples .li-4,.solution ul.examples .li-5 {
	border-right: 1px dashed #E5E5E5
}

.solution ul.examples li .title {
	color: #333;
	font-size: 20px;
	line-height: 1;
	margin-top: 44px
}

.solution ul.examples li .right .des {
	color: #818181;
	font-size: 12px;
	padding-top: 10px;
	letter-spacing: 1px
}

.solution ul.examples li .right .detial-text {
	color: #818181;
	font-size: 12px;
	padding-top: 15px;
	letter-spacing: 0;
	line-height: 1.75;
	padding-right: 10px
}

.solution .examples li:hover .content {
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);
	height: 170px
}

.solution .examples li:hover .small {
	display: block
}

.solution .examples li:hover .des {
	display: none
}

.solution .examples li:hover .detial-text {
	height: auto
}

.solution .examples li:hover .title {
	margin-top: 32px
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.advantage{
	position: relative;
    height: 840px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
	    overflow: hidden;
}


.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
	 z-index: 0;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 400px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 30s linear infinite;
}
.waveBottom {
    background-size: 50% 450px;
}
.waveAnimation .waveBottom {
    animation: move_wave 35s linear infinite;
}

.advantage .detials{
	width:100%;
	padding:50px 0 80px;
    position: relative;
}
.advantage .detials ul .item {
    width: calc(99.9%/3);
    float: left;
}
.advantage .detials ul .item {
    padding-left: 35px;
    padding-right: 35px;
}
.advantage .detials ul .item .icon {
    width: 85px;
    height: 85px;
    transition: all .3s;
    -webkit-transition: all .3s;
} 
.advantage .detials ul .item .text{
	padding:10px 0;
	font-size:18px;
	color:#000;
}
.advantage .detials .detials-c-text{
	margin-top:80px;
}
.advantage .detials .detials-c-text .adv-item{
	width:450px;
	padding:0 15px;
	text-align:left;
}
.advantage .detials .detials-c-text .adv-item-left{
	float:left;
}
.advantage .detials .detials-c-text .adv-item-right{
	float:right;
}
.advantage .detials-c-text .item-title{
	font-size:34px;
	color:#000;
	line-height:1;
	margin-bottom:20px;
}
.advantage .detials-c-text .adv-item p{
	line-height:24px;
	font-size:14px;
	color:#999999;
}
.advantage .detials-c-text .adv-item p span{
	display:block;
	color:#076bf2;
}
.featrue-more{
    height: 850px;
    background: -o-linear-gradient(top,#fcfcfc,#fff);
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#fff));
    background: linear-gradient(top,#fcfcfc,#fff);
    background: url(../images/more-bg.png) no-repeat;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 0;
}
.featrue-more .detials {
    width: 100%;
    padding: 50px 0 80px;
    position: relative;
}

.featrue-more  ul .item {
    width: 240px;
    float: left;
}
.featrue-more .detials ul .item:nth-child(2){
	margin:0 166px;
}
.featrue-more .detials ul .last{
	float: none;
    margin: 0 auto 0;
    padding-top: 50px;
    clear: both;
}
.featrue-more  ul .item .icon{
	width:80px;
	height:80px;
}
.featrue-more  ul .item .title{
	    width: 240px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    background: #076bf2;
    font-size: 18px;
    color: #fff;
    border-radius: 2px;
}
.featrue-more .item a.link {
    color: #818181;
    line-height: 1;
    display: block;
        margin-bottom: 10px;
	font-size:14px;
	color:#666;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.featrue-more .item a.link:hover{
	color:#076bf2;
	text-decoration:none;
}
.featrue-more .item .arrow {
	display:inline-block;
    margin-left: 5px;
    font-size: 12px;
    position: relative;
    top: 2px;
	 background: url(../images/arrow-1.png) no-repeat;
	 width:15px;
	 height:14px;
	 -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.featrue-more .item a.link:hover .arrow{
	background: url(../images/arrow-1-hover.png) no-repeat;
}
.featrue-more .item a.link:hover .arrow,.featrue-more .item a.link:focus .arrow,.featrue-more .item a.link:active .arrow{
	 -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/*--价格--*/
.price .banner-bar {
    width: 100%;
    height: 710px;
   background:url(../images/banner/pricebg.png) center no-repeat;
}
.pricesection{
	position:relative;
	height:300px;
	    overflow: visible;
}
.pricesection .priceTable{
	position:absolute;
	width:1056px;
	height:414px;
	top:-145px;
	    padding-top: 43px;
    padding-bottom: 40px;
    background: #FFF;
    -webkit-box-shadow: 0 0 5px 0 rgba(228,228,228,.5), 0 0 14px 0 rgba(227,227,227,.5);
    box-shadow: 0 0 5px 0 rgba(228,228,228,.5), 0 0 14px 0 rgba(227,227,227,.5);
    border-radius: 4px;
    position: relative;
}
.priceTable ul .item:nth-child(1), .priceTable ul .item:nth-child(3) {
    padding-left: 35px;
    padding-right: 35px;
}
.priceTable ul .item:nth-child(2) {
    border-left: 1px dashed #e5e5e5;
    border-right: 1px dashed #e5e5e5;
    padding-left: 35px;
    padding-right: 35px;
}
.priceTable ul .item {
    width: calc(99.9%/3);
    float: left;
	text-align: center;
}
.priceTable ul .item .title {
    color: #076bf2;
    font-size: 26px;
    line-height: 1;
}
.priceTable ul .item .text {
	height:240px;
    font-size: 14px;
    color: #969696;
    letter-spacing: .23px;
    line-height: 24px;
    margin-top: 40px;
}
.priceTable ul .item .text .ft01{
	display:block;
	height:20px;
	line-height:20px;
	font-size:16px;
	color:#333;
}
.priceTable ul .item .text .ft02{
	font-size:18px;
	color:#333;
	vertical-align: text-top;
	margin-right:3px;
	margin-top:5px;
}
.priceTable ul .item .text .ft03{
	display:inline-block;
	font-size:16px;
	color:#333;
	vertical-align:text-bottom;
	margin-left:3px;
	margin-bottom:-3px;
}
.priceTable ul .item .text  h2{
	font-size:36px;
	color:#333;
	padding-top:5px;
	font-weight:500;
	line-height:35px;
}
.priceTable ul .item .text .line{
	display:inline-block;
	width:230px;
	height:1px;
	margin:40px auto 5px;
	background:#d8d8d8;
}
.priceTable ul .item .text p{
	font-size:14px;
	color:#666;
}
/*--互动直播--*/
.live .banner-bar {
    width: 100%;
    padding: 90px 0 105px;
    background: #fff;
	box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
.live .wrap-index .icon{
	width:110px;
	height:110px;
}
.live .wrap-index .slogan{
	padding-top:20px;	
}
.sectionDetials{
	width: 100%;
	background: #fff;
}
.live .section-one{
	height:545px;
	padding:130px 0;
	background:#fafafa;
	overflow:hidden;
}
.live .section-one .content-text{
	width:590px;
}
.sectionDetials .content-text h2{
	line-height: 1;
    margin:0;
	font-size:34px;
	color:#333;
	font-weight:normal;
}
.sectionDetials .content-text p{
	font-size:14px;
	color:#666;
	line-height:24px;
	margin:0;
}
.sectionDetials.section-one .content-text h2{
	padding:50px 0 25px;
}
.sectionDetials .content-text .btn{
	    width: 218px;
    height: 52px;
    line-height: 52px;
	margin-top:35px;
    font-size: 16px;
	text-align:center;
}
.live .sectionDetials .licoImg .liveImg01{
	display:block;
	margin-right:75px;
}
.live .sectionDetials .licoImg .liveImg02{
	display:block;
	margin-left:50px;
}
.live .section-two{
	height:585px;
	padding:148px 0 172px;
	background:#fff;
	overflow:hidden;
}
.live .section-two .content-text{
	width:530px;
}
.sectionDetials.section-two .content-text h2{
	padding:30px 0 25px;
}
.section-two .content-text ol {
    padding-left: 20px;
    margin: 18px 0 25px;
}
.section-two .content-text ol li {
    font-size: 14px;
    color: #333;
    letter-spacing: .07px;
    line-height: 27px;
    list-style: disc;
}
/*--banner--*/
.wrap-banner .slogan {
    margin: 0;
    font-size: 50px;
    color: #333;
    letter-spacing: 3px;
    padding-top: 20px;
    font-weight: 400;
}
.wrap-banner .text {
    margin-top: 27px;
    font-size: 20px;
    color: #333;
    letter-spacing: .33px;
    line-height: 31px;
}
.wrap-banner .first-sc-link {
    margin-top: 50px;
}
.wrap-banner .first-sc-link .btn-more {
    display: block;
    margin: 0 auto 20px;
    width: 218px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
}
.wrap-banner .icon {
    width: 110px;
    height: 110px;
}
/*--场景--*/
.section-scene .detials{
	padding-top:80px;
}
.section-scene .lm-icon{
	width:110px;
	height:110px;
}
.section-scene .detials .des .item .icon{
	width:110px;
	height:110px;
}
.section-scene .detials .des .item:hover .lm-icon .icon {
    padding-top: 20px;
    width: 90px;
    height: 90px;
}
.section-scene .detials .des .item .title{
	margin-top:38px;
}
/*--服务--*/
.section-service{
	 height: 441px;
    border-top: 1px solid #e5e5e5;
    background-position:50% 100%;
}
.section-service h2{
	padding-top:130px;
	font-size:36px;
	letter-spacing: .48px;
}

.section-service ul .item{
	float:none;
	margin:0 auto;
}
/*--实时音视频---*/
.webrtc .banner-bar {
    width: 100%;
    padding: 90px 0 105px;
    background: #fff;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
.webrtc .section-one{
	height:545px;
	padding:68px 0;
	background:#fafafa;
	overflow:hidden;
}
.webrtc .section-one .content-text{
	width:600px;
}
.webrtc .sectionDetials.section-one .content-text h2{
	padding-top:110px;
}
.webrtc .sectionDetials .licoImg .webrtcImg01 {
    display: block;
    margin-right: 107px;
}
.webrtc .section-two {
    height: 585px;
    padding: 70px 0;
    background: #fff;
	overflow:hidden;
}
.webrtc .section-two .content-text {
    width: 530px;
}
.webrtc .sectionDetials .licoImg .webrtcImg02 {
    display: block;
    margin:0 115px;
}
.webrtc .sectionDetials.section-two .content-text h2 {
    padding-top: 110px;
}

/*--社交互动---*/
.social .banner-bar {
    width: 100%;
       padding: 120px 0 135px; 
       background:url(../images/banner/socialbg.png) center no-repeat;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
.solution-item{
	position:relative;
	height:545px;
	background:#fafafa;
	overflow: hidden;
}
.solution-item .detials .des .item {
	float:left!important;
    width: calc(99.9%/2);
	border:0!important;
}
.solution-item .lm-icon{

}
.solution-item .detials .des .item .icon{
	
}
.solution-item .detials .des .item .title{
	font-size:34px;
}
.solution-item .detials .des .item .text{
	height:124px;
	margin-top: 30px;
	color:#666;
}
.solution-item .detials .des .item .btn{
	width: 218px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    text-align: center;
}
.social .section-two {
    height: 585px;
    padding: 130px 0;
    background: #fff;
} 
.social .section-two .content-text{
	width:530px;
}
.social .sectionDetials.section-two .content-text h2{
	padding-top: 50px;
}
.social .section-scene{
	height:900px;
}  
.social .survey .detials .des .item{
	float:none;
	display:inline-block;
	margin-bottom:100px;
	padding:15px 0;
}
.social .survey .detials .des .item {
	border:0;
    border-right: 1px dashed #e5e5e5;
}
.social .survey .detials .des .item:nth-child(1),.social .survey .detials .des .item:nth-child(4){
	 border-left: 1px dashed #e5e5e5;
}
/*---私有云--*/
.private-cloud .banner-bar {
    width: 100%;
        padding: 120px 0 135px; 
       background:url(../images/banner/privatecloudbg.png) center no-repeat;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
/*--游戏---*/
.game .banner-bar {
    width: 100%;
     padding: 120px 0 135px; 
       background:url(../images/banner/gamebg.png) center no-repeat;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
.game .section-two {
    height: 585px;
    padding: 123px 0;
    background: #fff;
}

.game .section-two .gameImg01{
	display:block;
	margin-left:55px;
}
.game .section-two .content-text {
    width: 530px;
}
.game .sectionDetials.section-two .content-text h2{
	padding-top:55px;
}
/*--开发者--*/
.down .banner-bar {
        width: 100%;
    padding: 120px 0 135px;
    background: url(../images/banner/downbg.png) center no-repeat;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}

.down .section-down{
	padding:85px 0;
	height:auto;
}
.down .section-down .detials .des{
	font-size:0;
}
.down .section-down .detials .des .item{
	float:none;
	display:inline-block;
	width:300px;
	height:245px;
	margin:15px 10px;
	padding:0;
	border:1px solid #ddd;
	border-radius:2px;
}
.down .section-down .download-title{
	height:129px;
	padding:13px 0;
	text-align:center;
	    background: #fcfcfc;
}
.down .section-down .download-title h3{
	font-size:24px;
	line-height:1;
	padding-top:10px;
	color:#333;
	font-weight:normal;
}
.down .section-down .detials .des .item .icon{
	width:65px;
	height:65px;
}
.down .section-down .download-items{
	
}
.down .section-down .download-items a{
	position:relative;
	display:block;
	height:38px;
	line-height:38px;
	padding:0 15px 0 20px;
	border-top:1px solid #ddd;
	font-size:14px;
	color:#333;
	text-align:left;
	background:#fff;
}
.down .section-down .download-items a:hover{
	color:#076bf2;
}
.down .section-down .download-items a::before{
	    content: " ";
    display: table;
	position:absolute;
	top:9px;
	right:4px;
	width:20px;
	height:20px;
	background: url(../images/arrow-2.png) no-repeat;
}
.down .section-down .download-items a:hover::before{
	background: url(../images/arrow-2-hover.png) no-repeat;
}
/*--文档---*/
/********技术文档*******/
.document {
	background-color: #FFF;
}
.document .banner-bar {
    width: 100%;
    padding: 120px 0 135px;
    background: url(../images/banner/docbg.png) center no-repeat;
    box-shadow: 0px 2px 14px 0px rgba(6, 6, 6, 0.09);
}
.document .nav {
	 height: 156px;
	min-width: 1080px;
	_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1080?"1080px":"");
	background:url(../images/docBg.png) top no-repeat;
	border-bottom: solid 1px #d2e8f9;
}

.document .nav ul {
	    width: 800px;
    height: 156px;
    line-height: 156px;
    margin: 0 auto;
    padding: 0;
}

.document .nav ul li {
	position:relative;
	float: left;
	height: 156px;
	text-align: center;
	width: 33.33%;
}
.document .nav ul li i{
	 
}
.document .nav ul li.cur i{
	display:block;
}

.document .nav ul li a {
	display: block;
	height: 156px;
	width:100px;
	line-height: 41px;
	font-size: 16px;
	color: #020202;
	    margin: 0 auto;
	padding-top:35px;
	text-align:center;
	text-decoration: none;
	transition: 0.1s all;
    -webkit-transition: 0.01s all;
    -moz-transition: 0.01s all;
    -o-transition: 0.01s all;
    -ms-transition: 0.01s all;
}

.document .nav ul li.cur a {
	color: #076bf2;
	border-bottom: 4px solid #076bf2;
}
.document .nav ul li a span{
	display:block;
}
.document .nav ul li a i{
	display:block;
	width:64px;
	height:64px;
	margin:0 auto;
}
.document .nav ul li a.a1 i{
	background:url(../images/document/07-icon1.png) center no-repeat;
}

.document .nav ul li a.a2 i{
	background:url(../images/document/07-icon2.png) center no-repeat;
}

.document .nav ul li a.a3 i{
	background: url(../images/document/07-icon3.png) center no-repeat;
}


.document .nav ul li.cur a.a1 i{
	background: url(../images/document/07-icon1-hover.png) center no-repeat;
}

.document .nav ul li.cur a.a2 i{
	background:  url(../images/document/07-icon2-hover.png) center no-repeat;
}

.document .nav ul li.cur a.a3 i{
	background:  url(../images/document/07-icon3-hover.png) center no-repeat;
}


.document #subNavBox {
	width: 1000px;
	height: 92px;
	margin: auto;
	margin-top: 25px;
}

.document .subNav {
	width: 100%;
	height: 124px;
	background:#ffffff;
	position: relative;
}
.document .subNav .wrap{
	background:#ffffff;
	text-align: center;
}

.document .subNav a {
	text-align: center;
	font-size: 14px;
	color: #6a717d;
	display: inline-block;
	text-decoration: none;
	padding: 60px 25px 0;
	vertical-align: top;
	    margin-top: 20px;
}

.document .subNav a.cur {
	color: #21aae1;
}

.document .subNav a.info {
	padding-top: 15px;
	height: 55px;
}

.document .subNav a.ios {
	background:url(../images/document/07-IOS.png) no-repeat center 8px;

}

.document .subNav a.iosCur {
	background:url(../images/document/07-IOS-hover.png) no-repeat center 8px;
}

.document .subNav a.android {
	background:url(../images/document/07-Android.png) no-repeat center 8px;
}

.document .subNav a.androidCur {
	background:url(../images/document/07-Android-hover.png) no-repeat center 8px;
}

.document .subNav a.wp8 {
	background:url(../images/document/07-wp8.png) no-repeat center 8px;
}

.document .subNav a.wp8Cur {
	background:url(../images/document/07-wp8-hover.png) no-repeat center 8px;
}

.document .subNav a.win32 {
	background: url(../images/document/07-windows.png) no-repeat center 8px;
}

.document .subNav a.win32Cur {
	background: url(../images/document/07-windows-hover.png) no-repeat center 8px;
}

.document .subNav a.linux {
	background: url(../images/document/07-unity.png) no-repeat center 8px;
}

.document .subNav a.linuxCur {
	background: url(../images/document/07-unity-hover.png) no-repeat center 8px;
}

.document .subNav a.cocos2d {
	background: url(../images/document/07-cocos.png) no-repeat center 8px;
}

.document .subNav a.cocos2dCur {
	background: url(../images/document/07-cocos-hover.png) no-repeat center 8px;
}

.document .subNav a.unity3d {
	background: url(../images/document/07-unity.png) no-repeat center 8px;
}

.document .subNav a.unity3dCur {
	background: url(../images/document/07-unity-hover.png) no-repeat center 8px;
}

.document .subNav a.restapi {
	background: url(../images/document/07-Server.png) no-repeat center 8px;
}

.document .subNav a.restapiCur {
	background: url(../images/document/07-Server-hover.png) no-repeat center 8px;
}
.document .subNav a.web {
	background:url(../images/document/07-web.png) no-repeat center 8px;
}
.document .subNav a.webCur {
	background: url(../images/document/07-web-hover.png) no-repeat center 8px;
}

.document .subNav a.qa {
	background: url(../images/document/07-Q&a.png) no-repeat center 8px;
}

.document .subNav a.qaCur {
	background: url(../images/document/07-Q&a-hover.png) no-repeat center 8px;
}

 

.document .subNav li a.rpc {
	padding-top: 15px;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
}

.document .subNav .gap {
	position: absolute;
	z-index: 100;
	height: 9px;
	bottom: -9px;
	overflow: hidden;
	background: url(../images/document/bottomCur.gif) no-repeat top;
}

.document .docContent {
	width:100%;
	padding: 60px 0;
	background:#fafafa;
}

.document .docContent .leftNav {
	float: left;
	/*margin-left:50px;*/
	display: inline;
	width: 200px;
	z-index: 200;
	overflow: auto;
}

.document .docContent .leftNav a {
	line-height: 24px;
	font-size: 14px;
	color: #6a717d;
	cursor: pointer;
}

.document .docContent .leftNav ul {
	margin-left: 20px;
}

.document .docContent .leftNav .li {
	line-height: 40px;
}

.document .docContent .leftNav .fs16 {
	font-size: 16px;
	padding-left: 10px;
}

.document .docContent .leftNav ul li {
	padding-left: 10px;
	line-height: 24px;
	border-top: dotted 1px #ccc;
}

.document .docContent .leftNav .fontBold {
	font-weight: bold;
}

.document .docContent .leftNav a:hover {
	color: #076bf2;
}

.document .docContent .rightNav {
	float: right;
	width: 770px;
	margin-left: 30px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.loginBox .banner-bar {
    width: 100%;
    height: 500px;
    background: #f7f7f7;
	overflow: hidden;
}
.loginBox .wrap-banner .slogan{
	padding-top:100px;
}
.loginBox .loginsection {
    position: relative;
    height: 300px;
    overflow: visible;
}
.loginsection .loginTable {
    position: absolute;
    width: 1056px;
    height: 414px;
    top: -225px;
    padding-top: 43px;
    padding-bottom: 40px;
    background: #FFF;
    -webkit-box-shadow: 0 0 5px 0 rgba(228,228,228,.5), 0 0 14px 0 rgba(227,227,227,.5);
    box-shadow: 0 0 5px 0 rgba(228,228,228,.5), 0 0 14px 0 rgba(227,227,227,.5);
    border-radius: 4px;
    position: relative;
}
.loginTable ul .item:nth-child(1), .loginTable ul .item:nth-child(3) {
    padding-left: 35px;
    padding-right: 35px;
}
.loginTable ul .item:nth-child(2) {
    border-left: 1px dashed #e5e5e5;
    padding-left: 35px;
    padding-right: 35px;
}
.loginTable ul .item {
    width: calc(99.9%/2);
    float: left;
	text-align: center;
}
.loginTable ul .item .icon{
	width:130px;
	    height: 104px;
}
.loginTable ul .item .title {
    color: #333;
    font-size: 30px;
    line-height: 1;
	padding:35px 0 45px;
}
.loginTable ul .item .btnTwo{
	width:180px;
	height:45px;
	line-height:45px;
	font-size:16px;
}