html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
    margin: 0;
    padding: 0
}
html,body,h1,h2,h3{
    font-weight: normal;
    font-family: "Microsoft Yahei";
}
ul,li,ol{
    list-style-type: none;
}

/*------ banner ------*/
.banner{
    height:860px;
    padding-top:110px;
    background: url("../../images/wlb/home/bg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.banner .banner-content{
    width:1200px;
    height:750px;
    margin:0 auto;
    position: relative;
}
.banner .banner-logo{
    width: 100%;
    height:68px;
}
.banner .banner-logo a{
    display: inline-block;
    width: 235px;
    height:45px;
    margin-top:23px;
    background: url("../../images/wlb/home/LOGO.png") no-repeat;
}
.banner-content h1,
.banner-content h3,
.banner-content .describe{
    color:#fff;
    text-align: center;
}
.banner-content .title{
    font-size: 60px;
    margin-top:65px;
}
.banner-content .sub-title{
    font-size:30px;
    margin-top:15px;
    position:relative;
    z-index: 1;
}
.banner-content .describe {
    position: absolute;
    bottom: 48px;
    left: 50%;
    margin-left: -296px;
    z-index:1;
}
.banner-content .QRcode {
    width: 160px;
    height: 200px;
    position: absolute;
    right: 0;
    bottom: 48px;
    background: #fff;
    padding: 13px;
    box-sizing: border-box;
    z-index: 1;
}
.banner-content .QRcode img {
    width: 135px;
    height: 135px;
    border: none;
}
.banner-content .QRcode p {
    color: #060606;
    font-size: 22px;
    text-align: center;
    margin-top: 9px;
}
.banner-content .fingerprint{
    width: 500px;
    height: 523px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -250px;
    background-image: url(../../images/wlb/home/fingerprint2.png);
    background-repeat: no-repeat;
    background-position: top center;
    opacity: 0;
}
/*.banner-content .fingerprint.light{*/
    /*background-image: url(../../images/wlb/home/fingerprint2.png);*/
/*}*/
.banner-content .fingerprint .finger{
    width:310px;
    height:549px;
    background-image: url(../../images/wlb/home/hand.png);
    position: absolute;
    left:173px;
    bottom:-550px;
    opacity:0;
}
.moveBox{
    width: 1200px;
    height: 560px;
    bottom: 100px !important;
    top:auto !important;
}
.moveBox .move-bg{
    width: 1200px;
    height: 560px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    background:url(../../images/wlb/home/peisi.png);
}

/*------ working mode ------*/
.working-mode{
    height: 730px;
    background-color: #edf2ff;
}
.working-mode .working-mode-content{
    width: 1200px;
    height: 729px;
    margin: 0 auto;
    position: relative;
    border-top: solid 1px #edf2ff;
}
.working-mode-content .title{
    height:38px;
    margin-top:85px;
    background: url("../../images/wlb/home/change-way.png") no-repeat center;
}
.working-mode-content .roll-content {
    height: 460px;
    margin-top: 50px;
}
.working-mode-content .roll-list {
    width: 1071px;
    height: 460px;
    float: left;
    background-color: #fff;
    overflow: hidden;
}
.working-mode-content .roll-list ul {
    width: 970px;
    margin: 0 auto;
    position: relative;
}
.working-mode-content .roll-list ul li {
    height: 153px;
}
.working-mode-content .roll-list ul li+li {
    border-top: solid 1px #e6e6e6;
}
.working-mode-content .roll-list ul li .icon {
    float: left;
    margin: 31px 50px 0 10px;
}
.working-mode-content .roll-list ul li .info {
    float: left;
    margin-top: 31px;
}
.working-mode-content .roll-list ul li .info h3 {
    font-size: 20px;
    margin-bottom: 9px;
    color: #333;
}
.working-mode-content .roll-list ul li .info p {
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}
.working-mode-content .roll-list ul li .info span {
    color: #999;
    font-size: 16px;
    font-style: italic;
}
.working-mode-content .roll-menu {
    width: 85px;
    height: 460px;
    float: right;
    position: relative;
}
.working-mode-content .roll-menu ul {
    height: 460px;
    border-left: solid 2px #cfd7ea;
}
.working-mode-content .roll-menu ul li {
    text-align: right;
    font-size: 18px;
    color: #333;
    line-height: 19px;
}
.working-mode-content .roll-menu ul li.active {
    color: #629efd;
}
.working-mode-content .roll-menu ul li+li {
    height: 110px;
    line-height: 200px;
}
.working-mode-content .roll-menu .sliding-bar {
    width: 6px;
    height: 238px;
    background-color: #629efd;
    position: absolute;
    top: 0;
    left: -2px;
    cursor: pointer;
}


/** 物联宝首页公用样式 **/

/* 点提示 */
.wlb_line{
    line-height: 36px;
}
.wlb_line_point{
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50%;
    background-color: #64aeff;
}
.wlb_line_des{
    margin-left: 10px;
    color: #666666;
}

/* 盒子 */
.wlb_box{
    width: 1200px;
    margin: 0 auto;
}

/* 垂直居中外层 */
.align_box{
    margin-top:50%;
}

/* 垂直居中内层 */
.items_box{
    transform: translateY(-100%);
}

/* 为什么选择物联宝 */
.wlb_why{
    height:550px;
}
.wlb_why_box{
    width:1200px;
    margin:0 auto;
}
.wlb_why_box_title{
    margin-top:90px;
    text-align: center;
}
.wlb_why_box_details{
    margin-top: 60px;
    width: 100%;
}
.wlb_why_box_details_infor{
    width: 600px;
    display: inline-block;
    float: left;
}
.wlb_why_box_details_infor_top{
    font-size: 16px;
    line-height: 25px;
    text-indent: 30px;
    color: #666666;
}
.wlb_why_box_details_infor_bottom{
    margin-top: 50px;
}
.wlb_why_box_details_image{
    margin-left: 110px;
    display: inline-block;
    float: left;
}

/* 企业管理最贴心的App */
.wlb_app{

}
.wlb_app_grasp{
    height: 600px;
    border-bottom: 1px solid #e6e6e6;
}
.wlb_app_grasp_title{
    padding-top: 90px;
    text-align: center;
}
.wlb_app_grasp_details{
    margin-top: 50px; 
}
.wlb_app_grasp_details_infor{
    width: 600px;
    float: left;
    margin-top: 90px;
}
.wlb_app_grasp_details_infor_title{
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
}
.wlb_app_grasp_details_image{
    width: 600px;
    text-align: center;
    float: left;
}

/* 数据看板 */
.wlb_app_data{
    height:423px;
    border-bottom: 1px solid #e6e6e6; 
}

.wlb_app_data_image{
    height: 100%;
    float: left;
    width: 600px;
    text-align: center;
}

.wlb_app_data_details{
    height: 100%;
    float: left;
}

.wlb_app_data_details_title{
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
    margin-top: 90px;
}

/* 及时沟通 */
.wlb_app_communicate{
    height: 452px;
    border-bottom: 1px solid #e6e6e6;
}

.wlb_app_communicate_infor{
    width: 600px;
    float: left;
    margin-top: 90px;
}

.wlb_app_communicate_infor_title{
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
}

.wlb_app_communicate_image{
    float: left;
    height: 100%;
    width: 600px;
    text-align: center;
}
.wlb_app_communicate_image>img{
    padding-top: 40px;
}

/* 客户感言 */
.wlb_client{
   background-color: #edf2ff;
   height: 700px; 
}

.wlb_client_title{
    padding-top: 60px;
    text-align: center;
}

.wlb_client_video{
    margin-top:30px;
}

.wlb_client_video_box{
    height: 400px;
    width: 712px;
    border: 1px solid #666;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

.wlb_client_video_box>img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
}

.wlb_client_video_box_end{
    opacity: 0;
}

.wlb_client_word{
    margin-top: 35px;
    text-align: center;
    color: #666666;
    font-size: 16px;
}

/* 支持产品 */
.wlb_product{
    height: 335px;
}

.wlb_product_title{
    margin-top: 50px;
    text-align: center;
}

.wlb_product_logo{
    margin-top: 70px;
}

.wlb_product_logo_chunk{
    float: left;
    position: relative;;
    width: 400px;
    height: 80px;
    text-align: center;
}
.wlb_product_logo_chunk>img{
    position: absolute;
    left:85px;
    top:0;
    cursor: pointer;
}

.wlb_product_logo_chunk_color{
    opacity: 0;
}

/* 页脚 
.footer{
    height: 98px;
    width: 100%;
    background-color: #f1f2fc;
    color: #666666;
    font-size: 14px;
    overflow: hidden;
}

.footer-jump{
    margin-top: 28px;
    margin-bottom: 15px;
}

.footer-jump-link{
    text-align: center;
}

.footer-jump-link>a{
    color: #666666;
    text-decoration: none;
    position: relative;
    padding: 0 10px;
}

.footer-jump-link>a:after{
    content:'';
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background-color: #cccccc;
}
.footer-jump-link>a:nth-last-child(1):after{
    display: none;
}

.footer-details{
    text-align: center;
}
*/
.clearMoreFix{
    zoom:1;
}

.clearMoreFix:after{
    content:'';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}