﻿h1,h2,h3,h4,h5 {
    margin: 0px;
    text-align: center;
}
.section-theory {
    background: url("images/home-bg.jpg") center center repeat-x;
    height: 600px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.section-theory h1 {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 36pt;
    line-height: 2em;
}
    .section-theory h1 > small {
        display: block;
        border-top: 1px solid #ddd;
        font-size: 22pt;
        font-weight: normal;
        width: 600px;
        margin: 0 auto;
        color: #999;
        line-height: 2em;
    }
    .section-theory h4 {
        position: absolute;
        bottom: 0;
        color: #fff;
        line-height: 50px;
        width: 100%;
        font-size: 20pt;
        letter-spacing: 40px;
        font-weight: normal;
        color: #999;
    }
    .section-theory .bg-boy {
        position: absolute;
        bottom: -25px;
        left: 38.1966012%;
        background: url("images/home-boy.png") center center no-repeat;
        width: 287px;
        height: 200px;
        margin-left: -143.5px;
    }
    .section-theory ul.features-main {
        overflow: hidden;
    }
ul.features-main > li{
    float: left;
    width: 25%;
}
ul.features-main h2 {
    margin: 0px;
    margin-bottom: 35px;
    text-align: left;
    font-size: 20pt;
    padding-top: 0px;
}
ul.features-main > li > ul li{
    margin-bottom: 20px;
}

h2 {
    font-size: 28pt;
    padding-top: 50px;
    line-height: 2em;
}
h2 > small {
    display: block;
    border-top: 1px solid #ddd;
    font-size: 18pt;
    font-weight: normal;
    width: 600px;
    margin: 0 auto;
    color: #999;
}
    
.section-model .line-img {
    text-align: center;
    height: 482px;
    margin-bottom: 25px;
}
.line-reports {
    width: 1000px;
    position: relative;
    height: 100px;
    margin: 0 auto;
}
.line-reports hr {
    position: absolute;
    top: 50%;
    width: 900px;
    left: 50px;
    border-top: 0;
    border-bottom: 1px solid #00bbbb;
}
    .line-reports .left, .line-reports .right {
        display: block;
        height: 100px;
        width: 100px;
        text-align: center;
        line-height: 100px;
        background-color: #00bbbb;
        color: #fff;
        font-size: 20pt;
        position: absolute;
        border-radius: 100px;
    }
 .line-reports .right {
    right: 0px;
}
.line-reports label {
    display: block;
    background-color: #fff;
    width: 540px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -270px;
    color: #999;
    font-size: 16pt;
    text-align: center;
}
.section {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    
}
.section-3-levels {
    
}
.section-3-levels .line-img {
    height: 377px;
    text-align: center;
}
.section-3-levels h2 > small {
    width: 800px;
}

/*************************************************/
.section-modules h2 > small {
    width: 800px;
}
.section-modules ul{
    overflow: hidden;
    padding-top: 50px;
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 20px;
}
.section-modules ul > li {
    float: left;
    width: 200px;
    text-align: center;
}
.section-modules a {
    display: block;
}
.section-modules img {
    display: block;
    width: 150px;
    height: 100px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 20px #ddd;
}
.section-modules h4 {
    font-weight: normal;
    width: 150px;
    background-color: #00bbbb;
    line-height: 2em;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 20px;
    font-size: 14pt;
}

/*************************************************/
.section-ux {
    padding-bottom: 25px;
}
.section-ux ul{
    float: left;
    width: 50%;
}
.section-ux ul > li{
    margin-bottom: 20px;
    background: url("images/check-28.png") left top no-repeat;
    padding-left: 36px;
    line-height: 32px;
    font-size: 14pt;
    padding-right: 50px;
}
.line-lists {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 35px;
}
.line-ux-tip {
    text-align: center;
    color: #999;
    font-size: 10.5pt;
    line-height: 1.5em;
}

/*************************************************/
.section-apps ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
.section-apps li {
    margin-bottom: 30px;
    border-radius: 20px;
    background-color: #00bbbb;
    padding: 0 35px;
    line-height: 40px;
    color: #fff;
    float: left;
    margin-right: 20px;
}
.section-apps li.last {
    border: 1px solid #00bbbb;
    background-color: #fff;
}
    .section-apps li.last a{
        display: block;
    }

/*************************************************/
ul.list-contacts {
    padding-top: 50px;
    width: 400px;
    margin: 0 auto;
}
    ul.list-contacts > li {
        margin-bottom: 12px;
        font-size: 14pt;
        line-height: 34px;
    }
    ul.list-contacts > li > i {
        display: inline-block;
        vertical-align: bottom;
        height: 34px;
        width: 50px;
        background-repeat: no-repeat;
        background-position: center center;
    }
ul.list-contacts i.icon-phone {
    background-image: url("images/icon-phone.png");
}
    ul.list-contacts i.icon-weixin {
        background-image: url("images/icon-weixin.png");
    }
    ul.list-contacts i.icon-qq {
        background-image: url("images/icon-qq.png");
    }
ul.list-contacts label {
    width: 66px;
    display: inline-block;
}


/*************************************************/
.section-mp .line-qr {
    text-align: center;
    padding-top: 50px;
}
.section-mp .line-qr img {
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 15px;
}
.section-mp .line-qr label{
    display: block;
    font-size: 14pt;
}
/*************************************/
.line-industry {
    width: 1200px;
    margin: 0 auto;
    padding: 25px 0;
    font-size: 14pt;
    color: #999;
    line-height: 1.5em;
    text-align: center;
}