html,body,ul,li{margin: 0;padding: 0;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'microsoft yahei','黑体',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;padding: 0;margin: 0;
}
h1{font-size: 28px;font-weight: 800;}
h2{font-size: 22px;font-weight: 600;}
h3{font-size: 18px;font-weight: 600;}
a,a:hover, a:focus{text-decoration:none;}
ul{list-style: none;}
p{color: #6b798e;}
body{background: #f5f5f5;overflow-x:hidden;}
.bg-grayblue{background: #eff3f7}
.bg-white{background: #fff;}
.red{color: #f50000;}
.show{display: block;}
.btn-circle{border-radius: 50px;}
.navbar-right .dropdown-menu{left: 0;}
.dropdown-menu li{
    border-bottom: 1px solid #eee;
}
/*--------全局class --------*/
.free-box{
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 40px 30px;
    border: 1px solid #3cd32d;
    background: #f7f7f7;
}
.btn-right{
    position: absolute;
    top: 26px;
    right: 20px;
}
.label-blue{
    padding: 6px;
    background: #3a72e2;
    color: #fff;
}
.inline{display: inline-block;}
.pull-left{float: left;}
.pull-right{float: right;}
.cell-block{padding-top: 40px;padding-right: 15px;}
.unit{padding: 15px;}
.unit h4{margin-bottom: 10px;}
.redbig{
    color: red;
    font-size: 20px;
}
.green{color: green;}
.img-circle {
  border-radius: 500px;
}
.hide{display: none;}
.clear{clear: both;}
.clearfix:after {
    clear: both;
}
.clearfix:after, .clearfix:before {
    display: table;
    content: "";
}
.body{
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.banner h1{
    font-size: 36px; 
}
.navbar-opacity{
    background: rgba(0,0,0,0);
    border: none;
}
/*--------banner------*/
.slide .nav {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.slide .nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    background-color: #fff;
}
.slide .nav a.active {
    background-color: #60b104;
}
/*---  表格 tb-2  ---*/
.tb-2{width: 100%;border-collapse:separate;}
.tb-2{
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.tb-2 td{
    text-align: left;
    padding: 0 30px;

}
.tb-2 td{
    padding: 10px 20px;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: top;
    background-clip: content-box;
}
/*---  表格 tb-3  ---*/
.tb-3{width: 100%;border-collapse:separate;}
.tb-3{
    border: 1px solid #d3d3d3;
}
.tb-3 td{
    text-align: left;
    padding: 0 30px;

}
.tb-3 td{
    padding: 10px 20px;
    vertical-align: top;
    background-clip: content-box;
}

/*-------主导航条-------*/
.navbar-brand img{
    width: 34%;
}
.navbar-inverse .navbar-nav>li>a{color: #fff;}
.navbar-inverse .navbar-nav > li > a.boxbtn {background: #35bd60;border: 1px solid #777;height: 52px;vertical-align: middle;padding-top: 0;font-size: 12px;}
.navbar-inverse .navbar-nav > li > a.boxbtn span{display: block;}

.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover{
  color: #fff;
  background-color: #000;
  border-bottom: 2px solid #2eca4d;
  box-sizing:border-box;
}
/*-------------移动端下拉条------------------*/
.in .navbar-right{
    display: block;
    background: #222;
}
/*--------头部header  下拉条--------*/
.dropdown a+ul{
    display: none;
    position: absolute;
    background: #222;
    padding:0 15px 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.4);
    z-index: 9999;
}
.dropdown a+ul li{
    min-width: 250px;
}
.dropdown a+ul h5{
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
}
.dropdown a+ul li a{
    display: block;
    line-height: 32px;
    color: #ccc;
}
.dropdown a:hover+ul,.dropdown ul:hover{
    display: block;
}


/*
.dropdown a+ul li a{
    padding: 0 10px;
}*/
.dropdown a+ul li:hover a{
    background: #000;
    color: #2eca4d;
}
/*--------页脚footer --------*/
.footer{
	background: #171E21;
	padding-top: 54px;
	font-size: 12px;
	color: #666;
	width: 100%;
	overflow-x:hidden;
	height: 575px;
}
.footer a,.footer p,.footer dd{color: #999;}
.footer a:hover{color: #fff;}
.footer_nav{
	width: 900px;
    padding-bottom: 40px;
	border-bottom: 1px solid #333;
}
.footer dl {
    float: left;
    width: 184px;
    margin-right: 32px;
    text-align: left;
}
.footer dl dt{
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px solid #333;
}
.footer dl dd{line-height: 28px;}
.footer dl img{
	width: 76px;
	height: 76px;
}
.copyright-box{ padding: 30px 0 30px;}
.copyright-box p{text-align:center;}
/*-----------------sub-content 左右结构布局 ----------------------*/
.sub-content{
	margin-left: 240px;
	margin-top: 50px;
	background: #fff;
	width: 1200px;
}
/*--------side-nav 侧边栏 --------*/
.side-nav-warp{
	float: left;
	margin-left: -240px;
	width: 20%;
	box-sizing: border-box;
}
.side-nav-warp h2{
	padding: 0 18px 26px 18px;
	font-weight: 400;
}
.side-nav-warp h2>span{
	padding-left: 5px;
	font-size: 14px;
	font-weight: 600; 
}
.side-nav>li{	
	border-top: 1px solid #ddd;
	
}
.side-nav>li>a{
	display: block;
	padding: 20px 18px;
	color: #333;
}
.side-nav li.active>a{
	color: #2eca4d;
}
/*--------sublist 子列表 --------*/
.sublist{
    margin-left: 40px;
    padding: 0;
    list-style: disc;
}
.sublist>li>a{
    display: block;
    padding:8px 0; 
    color: #7a889c;
}

/*--------main-box 侧边内容区 --------*/
.main-box{
	float: left;
	width: 80%;
	padding: 4px 0 100px 60px;
}
/*---introduce介绍项 ---*/
.product-introduce{
	position: relative;
	margin-bottom: 10px;
	padding: 40px 300px 40px 40px;
	height: 340px;
	background: url(../images/product_bg.png) no-repeat;
	background-size: 100% 100%;
	border: 1px solid #e4eae8;
	overflow: hidden;
}
.introduce-img{
	width: 190px;
    height: 235px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -120px;
}
.product-introduce h1{margin-bottom: 10px;}
.btn-box-1{padding: 10px 0;}
/*---tab内容项 ---*/
.tab-content-title{
    border-left: 2px solid #2277da;
    padding-left: 8px;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 20px;
    font-weight: 700;
}
/*---tb-1 对比项表格table ---*/
.table-warp{
	padding-top: 10px;
	padding-bottom: 15px;
    padding-left: 10px;
	position: relative;
}
.tb-1{width: 100%;border-collapse:separate;}
.tb-1{
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.tb-1 td,.tb-1 th{text-align: center;}
.tb-1 th{
    background: #f3f3f3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    color: #333;
    white-space: nowrap;
    padding: 20px 10px;
}
.tb-1 td{
    padding: 10px 20px;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: top;
    background-clip: content-box;
}
.tb-1 td p{text-align: left;}
.tb-1 .border-l-r{
	border-left: 1px solid #2eca4d;
	border-right: 1px solid #2eca4d;
	z-index: 999;
    height: 80px
}
.tb-1 .block-green{
	background: #d3eed8;
	font-size: 16px;
	position: relative;
}

.tb-1 .block-green:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -1px;
    right: -1px;
    width: 100%+2px;
    height: 10px;
    background: #d3eed8;
    border: 1px solid #2eca4d;
    border-bottom: none;
}
.tb-1 .bg-color{background: #f9f9f9;}

.tb-1 .nb-border{border-bottom:none;}

/*---topblack 顶部固定tab项---*/
.topblack{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    overflow-x:hidden; 
    background: #101010;
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}
.topblack ul{
    width: 420px;
    margin: 0 auto;
}
.topblack ul li a{
    background: none;
    border: none;
    color: #fff;
}
.topblack ul li.active a{
    background: none;
    border: none;
    color: #fff;
}
.topblack ul li a:hover,.topblack ul li a:focus,.topblack ul li.active a:hover,.topblack ul li.active a:focus{
    background: #fff;
    color: #333;
}


/*---scenario 应用场景 ---*/
.otherPic-list{
	padding-bottom: 15px;
	width: 104%;
    overflow: hidden;
}
.otherPic-list>li{
	float: left;
	width: 50%;
	padding-right: 4%;
	box-sizing:border-box;
	position: relative;
    overflow: hidden;
}
.otherPic-list>li a{ 
	display: block;

}
.otherPic-list .otherPic-img{
	width: 100%;
	height: 270px;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.otherPic-list .otherPic-img img{
	width: 100%; 
	transition: width 2s;
 }
.otherPic-list>li a:hover{
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(24, 40, 86, 0.75);
}
.otherPic-list>li a:hover img{
	width: 120%;
}

.otherPic-desc{
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 29px 0px 0px;
    height: 80px;
    line-height: 49px;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: hsla(0,0%,100%,.95);
    background-clip:content-box;
    line-height: 20px;
    color: #7a889c;
}
.otherPic-desc p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.otherPic-title{
    padding-top: 15px;
	color: #333;
	font-weight: 600;
}
.otherPic-title span{
	display: inline-block;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	border: 2px solid #2eca4d;   border: solid 2px orange; box-sizing :border-box;
	border-radius: 6px;
}


/*-----------------jumbotron 屏幕banner ----------------------*/
.jumbotron{margin-top: -70px;}
.jumbotron h1{
	font-size: 40px;
}
.lj-solution{
    margin-top: -71px;
	margin-bottom: 0;
	height: 500px;
	background: url(../images/solution_banner.png) no-repeat;
	background-position:center; 
	color: #fff;}
.lj-solution .middle-container{
    position: absolute;
    top: 210px;
    transform: translateY(-50%);
}
.lj-solution h1{
    margin: 20px topblack 30px;
    font-weight: 400;
    text-shadow: 0 0.02rem 0.03rem rgba(0,0,0,0.5);
}
.lj-solution p{
	text-shadow: 0 0.02rem 0.03rem rgba(0,0,0,0.5);
	font-size: 16px;
    color: #fff;
}
/*---feaures-menu菜单栏,水平副导航 ---*/
.feaures-menu{
	background: #565668;
}
.menu-box{
	margin: 0 auto;
	width: 460px;
}
.menu-box li{
	float: left;
}
.menu-box li a{
	display: block;
	padding: 15px 30px;
	color: #fff;
}

/*---feaures 版块 ---*/
.feaures{
	padding: 100px 0;
}
.col-solution h2{
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom:40px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 86px 86px;
}
.col-solution h3{
    padding-bottom:24px;
}
.feaures-scene,.feaures-case,.feaures-demo{
	margin-top: 40px;
}
.feaures-scene ul{overflow: hidden;}
.feaures-scene ul li{
	float: left;
	margin-right: 40px;
}
.col-scene{
	margin-top: 30px;
	margin-bottom: 30px;
}
.scene-img{	
    text-align: center;
}
#bplay h2{
	background: url(../images/icon-bplay.png) no-repeat;
}
#ashare h2{
	background: url(../images/icon-ashare.png) no-repeat;
}
#dphd h2{
    background: url(../images/icon-dphd.png) no-repeat;
}
#jhgg h2{
    background: url(../images/icon-jhgg.png) no-repeat;
}
#zxcp h2{
    background: url(../images/icon-zxcp.png) no-repeat;
}
#browse h2{
    background: url(../images/icon-h5.png) no-repeat;
}
#jhgg h2{
    background: url(../images/icon-jhgg.png) no-repeat;
}
#yxgj h2{
    background: url(../images/icon-yxgj.png) no-repeat;
}
#qjzb h2{
     background: url(../images/icon-360.png) no-repeat;
}
#ydyh h2{
    background: url(../images/icon-ydyh.png) no-repeat;
}
#wdcc h2{
     background: url(../images/icon-wdcc.png) no-repeat;
}
#sjxcc h2{
     background: url(../images/icon-sjxcc.png) no-repeat;
}
.imgshow{cursor: pointer;display:block;height:72px;width:72px;}
.imgshow img{width: 100%;}
.mswcord{
    display: none;
    position: absolute;
    width:18em;
    height:auto;   
    left:120px;
    margin-top:-70px;
    padding:1em 0.6em;
    background:#fff;
    border-radius: 8px; 
    box-shadow: 0 0 10px #bbb;
    text-align:center;  
}
.mswcord p{text-align: center;}
/*-----------------about 关于我们 ----------------------*/
.about_banner{
	background: url(../images/about_banner.jpg) no-repeat;
	height: 330px;
	background-position:center; 
	color: #fff;
	padding: 0
}

.about_banner .middle-container{
	position: relative;
    margin: 0 auto;
    padding: 
;}
.about_banner .middle-container h1{
	width: 1200px;
	text-align: center;
	padding: 0;
	margin: 0;
}
/*---timeline 时间线 ---*/
.west-flag{
    float: left;
    width: 2px;
    height: 810px;
    margin-top: 5px;
    background: #eee;
}
.timeline{padding-left: 20px;position: relative;}
.timeline li{
	margin-bottom: 60px;
}
.timeline .circle{
	display: inline-block;
    position: absolute;
    left: -8px;
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 50%;
    background: #35bd60;
    vertical-align: middle;
}
/*-----------职位招聘 recruitment-------------*/
.recruitment dt{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d5da;
    color: #878a99;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}
.recruitment dd{
    float: left;
    width: 260px;
    padding: 5px 0;
}
.recruitment-detail{
    margin-top: 64px;
    border-top: 1px solid #d4d5da;
}
.recruitment-detail ul li>div{
	margin-left: 30px;
}
.recruitment-detail h5{
    line-height: 46px;
    border-bottom: 1px solid #d4d5da;
    font-size: 18px;
}	
.recruitment-detail .circle{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #35bd60;
    vertical-align: middle;
}
.recruitment-detail h6{
    padding: 16px 0;
    color: #999;
    font-size: 18px;
    -webkit-margin-before:1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.recruitment-detail ol{
    padding-left: 18px;
    list-style-type: decimal;
    color: #7a889c;
}
.recruitment-detail ol li{
	list-style: decimal;
}
.recruitment-detail .join-us .btn{
    width: 232px;
    height: 36px;
    margin: 20px 0;
    font-weight: 700;
}

/*---------contact 联系我们--------- */
.contact-info-box{
	height: 190px;
}
.contact-info-box .contact-info-bg{
	width: 817px;
    height: 91px;
    margin: 0 auto;
    background: url(../images/contact_way.png) no-repeat center center;
}
.contact-info-box .contact-info{
	position: relative;
}
.contact-info-box .contact-info li {
    position: absolute;
    float: left;
    max-width: 240px;
    text-align: center;
}
.contact-info-box .contact-info li h4{
	font-size: 1em;
	line-height: 34px;
	font-weight: 600;
}
.contact-form{
    padding: 10px 76px;
	background: #f6f7fb;
	border: 1px solid #e7e8ec;
}
.contact-form h5{
	margin-top: 30px;
	color: #878a99;
	font-weight: 600;
}
.formItem{
	margin: 15px auto;
	margin-right: 10px;
}
/*------商务合作------*/
.business_banner{
    
    background: url(../images/business_banner.png) no-repeat;
    height: 328px;
    background-position: center;
    color: #fff;
    padding: 0;
    margin-top: -98px;
    margin-bottom: 0;
}
.banner_content{
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -241px;
    width: 482px;
    text-align: center;
}
.banner_content h1{
    font-size: 32px;
    font-weight: 400;
}
.procedure{
    width: 100%;
    height: 536px;
    background: #eee;
}
.procedure-box{
    position: relative;
    width: 1200px;
    background: url(../images/procedure_line.png) no-repeat;
    background-position: 0 98px;
    height: 536px;
}
.step-block{
    position: absolute;
}
.step-block h4{
    color: #35bd60;
    margin-bottom: 20px;
}
.step-circle{
    padding: 2px 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 15px;
    border: 3px solid #35bd60;
}
.step-point{
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #35bd60;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.step-link{
    width: 1px;
    height: 100px;
    background: #35bd60;
    margin-left: 15px;
}
.step-content{
    border-radius: 5px;
    padding: 10px;
}
.content-green{
    color: #fff;
    background: #35bd60;
}
.content-green p{color: #fff;} 
.mailFont{color: #fff;}
.mailFont:hover{color: blue;}
.content-gray{
    color: #333;
    background: #e8e8e8;
}
.content-gray p{
    color: #333;
}
.content-gray h4{
    color: #333;
    text-align: left;
    margin-left: 0;
}
#step-1{
    top: 53px;
    left: 33px;
}
#step-1 h4{margin-left: 60px;}
#step-1 .step-circle{margin-left: 82px;}
#step-1 .step-link{margin-left: 97px;}
#step-2{
    top: 91px;
    left:346px; 
}
#step-2 h4{margin-top: 20px;}
#step-2 .step-circle{margin-left: 44px;}
#step-3{
    top:53px;
    left: 576px;
}
#step-3 h4{margin-left: 60px;}
#step-3 .step-circle{margin-left: 82px;}
#step-3 .step-link{margin-left: 97px;}
#step-4{
    top: 91px;
    left:860px; 
}
#step-4 h4{margin-top: 20px;}
#step-4 .step-circle{margin-left: 104px;}
/*--------------首页--------------*/
/*--------banner--------*/
.switch-left,.switch-right{position: absolute;top: 50%;z-index: 10;
 width: 46px;height: 100px;margin-top: -80px;background: url(../images/slide-switch.png);}
.switch-left{left: 15px;}
.switch-right{right: 15px;background-position: 0 -100%}

.index-banner{
    margin-top: -20px;
    position: relative;
    height: 550px;
    background:#1a1925 ;
    background-position:center; 
    color: #fff;
    z-index: 8
}

.slide {
    position: relative;
    height: 550px;
    overflow: hidden;
}
.slide ul {
    list-style: none;
    height: 550px;
    margin: 0;
    padding: 0;
}
.slide li {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slide-item {
    width: 200%;
    height: 100%;
    margin-left: -50%;
}

.slide-item_img {
    display: block;
    height: 100%;
    margin: auto;
    vertical-align: top;
}

.selectProduct{
    position: relative;
    margin-top: -100px;
    z-index: 10;
}
.select-p-box{
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 100%;
    overflow: hidden;
}
.select-p-box>div{
    width: 33.333333%;
    height: 256px;
}
.select-p-box h3{
    font-weight: 800;
    color: #333;
}
.select-p-box .eng{
    color: #828282;
}
.select-p-a,.select-p-c{
    background: #f3f3f3;
}
.select-p-b{
    background: #ebebeb;
}
.select-p-box>div>a{
    display: block;
    text-align: center;
    padding: 50px 0;
    width: 100%;
    height: 256px;
}
.select-p-box>div>a:hover{
    background: #fff;
}
.i-arm,.i-instant,.i-ai{
    margin: 40px auto;
    width: 105px;
    height: 70px;
}
.i-arm{
    background: url(../images/icon-arm.png);
}
.i-instant{
    background: url(../images/icon-instant.png);
}
.i-ai{
     background: url(../images/icon-ai.png);
}
.advantage-box{
    padding: 90px 0;
}
.advantage-box h2{
    margin-bottom: 40px;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
}

.advantage-box ul{width: 1215px;overflow: hidden;}
.advantage-box ul li{
    float: left;
    text-align: center;
    margin-right: 15px;
    width: 390px;
    height: 280px;
    border:1px solid #dadada;
}
.advantage-box ul li:hover{
    border:1px solid #2eca4d;
}
.advantage-box ul li a{
    color: #333;
}
.advantage-box ul li h4{
    margin-bottom: 25px;
}
.advantage-box ul li p{
    text-align: left;
    margin: 0 auto;
    max-width: 285px;
}
.i-block{
    margin: 0 auto;
    width: 140px;
    height: 160px;
    background: url(../images/icon-a.png) no-repeat;   
}
#i_flow{
    background-position: 0 0;
}
#i_control{
    background-position: -140px 0;
}
#i_access{
    background-position: -280px 0;
}
/*--------解决方案 solution-box--------*/
.solution{
    background: #242b3d;
    color: #fff;
}
.solution-block{
 display: none
}

.solution h2,.cooperation h2{
    margin-bottom: 40px;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
}
.solution-box,.cooperation-box{
    overflow: hidden;
    position: relative;
    padding: 70px 0;
}
.solution-box{
    background: url(../images/solution_bg_qk.jpg) no-repeat;
}
.solution-box .sideTab{
    padding:15px 30px 30px; 
    width: 218px;
    height: 372px;
    position: relative;
    float: left;
    background: rgba(0,0,0,0.2);
    border-right: none;
}
.sideTab .tab-item{
    text-align: center;
    cursor: pointer;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.sideTab .tab-item:hover,.sideTab .tab-item.active{
    background: #35bd60;
}
.solution-mainbox{
    position: absolute;
    left: 351px;
    right: 0;
    height: 100%;
    padding-top: 100px;
    overflow: hidden;
}
.sl-title{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
}
.sl-info{
    margin-bottom: 65px;
}
.logo-cooperation{
    width: 1022px;
    padding: 20px 0;
    margin: 0 auto;
    overflow: hidden;
}
.logo-cooperation li{
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    float: left;
    width: 160px;
    height: 90px;
    background: url(../images/logo_cooperation.png) no-repeat;
}
.logo-cooperation li a{
    display: block;
    width: 100%;
    height: 100%;
}
#zgyd{
    background-position: 0 0;
}
#zgdx{
    background-position: -160px 0;
}
#hs{
    background-position: -320px 0;
}
#dbsc{
    background-position: -480px 0;
}
#wyqs{
    background-position: 0 -80px;
}
#sby{
    background-position:-160px -180px ;
}
#wj{
    background-position: -160px -80px;
}
#st{
    background-position: -321px -80px;
}
#zzwl{
    background-position: 0 -180px;
}
#lhwl{
    background-position: -480px -80px;
}
#ckjl{
    background-position:-320px -180px ;
}
#ccyy{
    background-position:-481px -180px ;
}
.logo-cooperation>li:first{
    margin-right: 0;
}
 /*-------体验中心-------*/
 .democode{
    position: absolute;
    display: none;
    left: 0;top: 0;right: 0;bottom: 0;
    margin: auto;
    padding: 20px;
    z-index: 999;
    width: 0;
    height: 0;
    background: #ffffff;
    border: 2px solid #2eca4d;
    box-shadow: 0 0 10px rgba(0,0,0,0.5)
 }
 .turnBig{
    display: block;
    width: 400px;
    height: 180px;
    transition:width 2s;
    -moz-transition:width 2s; /* Firefox 4 */
    -webkit-transition:width 2s; /* Safari and Chrome */
    -o-transition:width 2s; /* Opera */
     transition:height 2s;
    -moz-transition:height 2s; /* Firefox 4 */
    -webkit-transition:height 2s; /* Safari and Chrome */
    -o-transition:height 2s; /* Opera */
 }   
 .democode h3{margin-bottom: 24px;}
.pic_democode{
    display: inline-block;
}
.shut-top{
    display: block;
    position: absolute;
    z-index: 1000;
    text-align: center;
    right: 0px;
    top: 0px;
    width: 30px;
    color: #333;
    font-size: 22px;
    cursor: pointer;
}

 #icon-ty{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    background: url(../images/icon-ty.png) no-repeat;
 }
 .navbar-nav li a.red{color: red;}
.banner-playdemo{
    margin-top: -20px;
    height:288px;
    background: url(../images/banner_playDemo.jpg);
 }
 .banner-playdemo h1{color: #fff;font-weight: 800;}
 .bigbtn-group{margin-top: 28px;}

 .btn-big{
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    max-width: 260px;
    margin: 0 auto 10px;
    border-radius: 30px;
    cursor: pointer;
 }
 .btn-green{
    background: #2eca4d;
    color: #fff;
 }
 .btn-black{
    background: #222;
    color: #fff;
    box-shadow:0 5px 5px #222; 
    transition: background 0.3s;
    -webkit-transition: background 0.3s; /* Safari */
 }
 .btn-black:focus{
    color: #fff;
 }
 .btn-black:hover{
    color: #fff;
    background: rgba(0,0,0,0.7);
    box-shadow:0 5px 10px #222;
 }
 .btn-green:hover{
    background: #10a42d;
    color: #fff;
 }
 .btn-blue,.btn-blue:focus{
    background: #2a95f0;
    border: 1px solid #2a95f0; 
    color: #fff;
 }
.btn-blue:hover{
    background: #0f70c2;
    color: #fff;
}
 .playdemo{
    padding-top: 50px;
    height: 702px;
    background: url(../images/demo_bg.png) repeat-x center;
 }
 .demobox{
    position: relative;
    min-width: 1040px;
 }
 .playdemo-box{
    background: url(../images/demo_con_bg.png) no-repeat right center;
 }
 .pointfly{
    position: absolute;
 }
 #wmjr{
    width: 180px;
    height: 216px;
 }
 .demobody h1{text-align: center;margin-bottom: 50px;}
 .playdemo h1{
    color: #fff;  
 }
 .device-bg{
    padding: 25px;
    margin: 0 auto;
    width: 650px;
    height: 400px;
    background: #111;
    border: 1px solid #667786;
    border-radius: 18px;
    -o-border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px; 
 }
 .screen-bg{
    width: 598px;
    height: 338px;
 }
 /*----云验号----*/
.banner-gc,.banner-idtest{
    margin-top: -20px;
    height:504px;
    color: #fff;
    overflow: hidden;
}
.banner-gc{
    background: url(../images/banner_gc.jpg);
}
.banner-idtest{
     background: url(../images/banner_idtest.jpg);
}
.gc-left{
    position: absolute;
    left: 92px;
    top: 22px;
}
.yyc-left{
    position: absolute;
    left: 80px;
    top: 50px;
}
.text-right{
    position: absolute;
    left: 642px;
    top: 100px;
    width: 520px;
    height: 290px;
    overflow: hidden;
}

.text-right .info,.text-right h1{
    text-align: center;
}
.text-right h1{
    line-height: 70px;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px;
}
.text-right .info{
    font-size: 28px;
}
.idtest{
    padding-top: 50px;
    background: #fff;
}
.lc-box{
    display: table;
    text-align: center;
    width:1000px;
    margin:20px; auto;
}
.lc-box img{
    width: 100%;
}
.lc-pic{
    margin: 10px auto 40px;
    vertical-align: middle;
}

/*----------------即点即玩服务推广----------------*/
.banner-appT{
    position: relative;
    height: 530px;
    background: #f0faf8;
    margin-top: -20px;
}
.qq-bar{
    position: fixed;
    right: 24px;
    top: 134px;
    width: 120px;
    height: 188px;
    background: url(../images/askqq.png) no-repeat;
    background-size: 100%;
    z-index:99;
}
.qq-shut{
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.banner-appT .container{
    position: relative;
    height: 530px;
    min-width: 990px;
    background: url(../images/t_1_bg.png) no-repeat bottom right;
}
.btn-red{
    background-color: #eb610e;
    color: #fff;
    border-color: #eb610e;
    padding: 10px 20px;
    margin: 0;
}
.btn-r{
    display: inline-block;
    padding: 10px 30px;
    margin: 0;
    background: #eb610e;
    color: #fff;
    font-size: 18px;
}
.text-left{
    position: absolute;
    left: 34px;
    top: 70px;
    width: 530px;
}
.text-info{
    padding: 24px 0 40px;
    font-size: 16px;
}
/*------效果如何-----*/
.how-x{
    height: 650px;
    background: #fff;
}
.how-x h1,.how-way h1,.how-charge h1,.how-contact h1{
    text-align: center;
    padding: 34px 0;
}
.how-detail{
    position: absolute;
    left: 50%;
    margin-left: -460px;
    width: 920px;
    height: 535px;
    background: url(../images/how-pic.png) no-repeat;
}
/*------如何接入-----*/
.how-way{
    height: 520px;
    background: #f5f5f5;
}
.way-detail{
    position: absolute;
    left: 50%;
    margin-left: -472px;
    width: 944px;
    height: 350px;
    background: url(../images/jr-pic.jpg) no-repeat;
}
/*------如何收费-----*/
.how-charge{
    height: 340px;
    background: #fff;
}
.charge-detail{
    position: absolute;
    left: 50%;
    margin-left: -470px;
    width: 940px;
    height: 358px;
    background: url(../images/charge-table.png) no-repeat;
}
/*------如何联系-----*/
.how-contact{
    height: 280px;
    background: #f5f5f5;
    text-align: center;
}
.contact-detail{
    margin-bottom: 30px;
}

/*------------------------整条下拉导航条样式------------------------------*/
.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}
.navigation-up{height:60px;background:#2b3640}
.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:60px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px;padding-bottom: 40px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#dddddd;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#2eca4d}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#ddd;font:normal 14px "microsoft yahei"}
.navigation-down .menu-3 dd{
    float: left;
    margin:18px 30px 10px 0;
    color: #ddd;
}
.navigation-down .menu-3 dl{
    margin: 0 auto;
}
.navigation-down .menu-3 dd a{
    display: block;
    text-align: center;
}
.navigation-down .menu-3 dd a>img{
    display: block;
    margin: 20px 30px;
}
 .help-hot {
    display: inline-block;
    background: #ff4401;
    color: #fff;
    font-size: 12px;
    padding: 0 3px;
    border-radius: 2px;
    margin-left: 5px;
    line-height: 15px;
}   
/*-----------------------------------*/
.ry-box{
    height: 372px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    background:#ffffff;
}
.ry-box ul{
    display: inline-block;
    padding:0 40px;
    vertical-align: middle;
}
.ry-box ul li{
    margin-bottom: 20px;
    font-size: 16px;
}