body, html {
    width: 100%;
    background-color: #fff !important;
}

ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
}

button {
    background: transparent;
}

button:active, button:focus {

    outline: none;
}

.content {
    width: 1170px;
    margin: 0 auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.monitor-banner {
    height: 350px;
    background: url(../images/monitor_banner.png) no-repeat center #2678cb;
    width: 100%;
    overflow: hidden;
}

.m-title {
    margin-top: 93px;
    font-size: 44px;
    color: #fff;
    text-align: left;
    font-weight: normal;
}

.m-des {
    margin-top: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    font-weight: normal;
}

.btn-apply {
    float: left;
    border: 2px solid #fff;
    width: 140px;
    height: 32px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
}

.btn-apply:hover {
    background: #fff;
    color: #2678cb;
}

.btn-apply a {
    display: block;
    font-size: 18px;
    color: #fff;
}

.btn-apply:hover a {
    color: #2678cb;
    text-decoration: none;
}

.sec1 {
    position: relative;
    overflow: hidden;
    height: 442px;
    border-bottom: 1px solid #dfdfdf;
}

.section-content {;
    width: 884px;
    margin: 0 auto;
}

.section-content .sec-title {
    position: relative;
    z-index: 1;
    margin-top: 90px;
    font-size: 32px;
    color: #565a5c;
    line-height: 24px;
    text-align: center;
}

.section-content .sec-title2 {
    margin-top: 55px;
    font-size: 32px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.section-content .sec-title3 {
    margin-top: 60px;
    font-size: 32px;
    color: #565a5c;
    line-height: 24px;
    text-align: center;
}

.sec-title-bg {
    position: absolute;
    top: 45px;
    width: 74px;
    height: 105px;
    left: 50%;
    margin-left: -37px;
    color: #f2f2f2;
    background: url(../images/title_bg.png) no-repeat;
}

.bg-border {
    background: #2678cb;
    width: 64px;
    height: 4px;
    margin: 90px auto 0 auto;
}

.section-content .sec-des {
    margin-top: 30px;
    font-size: 12px;
    color: #565a5c;
    line-height: 24px;
    text-align: center;
}

.sec-content-item-list {
    overflow: hidden;
    margin-top: 36px;
}

.sec-content-item {
    float: left;
    width: 420px;
    height: 160px;
    padding: 12px;
}

.sec-content-item.item1 {
    background: #f5f5f5;
}

.sec-content-item.item2 {
    margin-left: 44px;
    background-image: linear-gradient(90deg, #2678cb 0%, #53a0fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2678cb, endColorstr=#53a0fd);
}

.sec-content-item .monitor-content-list {

}

.sec-content-item .monitor-content-list > li {
    width: 33%;
    margin-top: 20px;
    float: left;
    color: #2678cb;
    font-size: 24px;
    color: #2678cb;
    text-align: center;
    font-weight: bold;
}

.sec-content-item .monitor-content-list > li span {
    font-size: 36px;
    color: #ffa000;
}

.sec-content-item .monitor-content-list > li .list-btm {
    overflow: hidden;
    margin-top: 16px;
}

.list-btm .c-dot {
    float: left;
    height: 8px;
    width: 8px;
    margin: 8px 4px 0 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #2678cb;
}

.list-btm .c-text {
    float: left;
    font-size: 16px;
    color: #2678cb;
    letter-spacing: 0px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
}

.sec-content-item .item-title {
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.item-title-border {
    height: 2px;
    width: 40px;
    margin: 6px auto;
    background: #fff;
}

.sec-content-item .item-detail {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.sec2, .sec3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 429px;
    border-bottom: 1px solid #dfdfdf;
}

.sec-content-item .sec-2-pic {
    width: 144px;
    height: 86px;
    margin: 0 auto;
    background: url(../images/sec2_pic.png) no-repeat;
}

.sec2-btm {
    float: left;
    overflow: hidden;
    margin: 20px 20px 0 20px;
}

.sec-content-item .sec-3-pic {
    width: 161px;
    height: 68px;
    margin: 20px auto 0 auto;
    background: url(../images/sec3_pic.png) no-repeat;
}

.sec3-btm {
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.sec4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 560px;
    background: url(../images/sec4_bg.png) no-repeat center #444;
}

.sec4-title-bg {
    width: 64px;
    height: 4px;
    margin: 26px auto 0 auto;
    background: #fff;
}

.sec4-list {
    overflow: hidden;
    margin-top: 74px;
}

.sec4-list > li {
    float: left;
    width: 254px;
    margin-right: 60px;
}

.sec4-list > li.last-li {
    margin: 0;
}

.sec4-list > li .item {
    border: 2px solid rgba(255, 255, 255, 0.28);
    width: 154px;
    height: 154px;
    border-radius: 100%;
    margin: 0 auto;
}

.sec4-list > li .item1 {
    background: #2678cb \9 \0; /*ie9*/
    background-image: linear-gradient(132deg, #2678cb 0%, #53a0fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2678cb, endColorstr=#53a0fd);
    filter: none \9 \0; /*ie9*/
}

.sec4-list > li .item2 {
    background: #f76b1c \9 \0; /*ie9*/
    background-image: linear-gradient(45deg, #ffa000 0%, #f76b1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffa000, endColorstr=#f76b1c);
    filter: none \9 \0; /*ie9*/
}

.sec4-list > li .item3 {
    background: #da1111 \9 \0; /*ie9*/
    background-image: linear-gradient(135deg, #da1111 0%, #ff6b6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#da1111, endColorstr=#ff6b6b);
    filter: none \9 \0; /*ie9*/
}

.item .item-icon {
    background: url(../images/sec4_item_pic.png) no-repeat;
}

.item .item-icon.ico1 {
    width: 56px;
    height: 37px;
    margin: 25px auto 0 auto;
    background-position: 0 -87px;
}

.item .item-icon.ico2 {
    width: 54px;
    height: 37px;
    margin: 35px auto 0 auto;
    background-position: 0 -48px;
}

.item .item-icon.ico3 {
    width: 42px;
    height: 46px;
    margin: 25px auto 0 auto;
    background-position: 0 0;
}

.item .item-t1 {
    margin-top: 18px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.item .item-t2 {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.sec4-list .list-des {
    height: 72px;
    margin-top: 35px;
    font-size: 12px;
    color: #fafafa;
    line-height: 24px;
    text-align: center;
}

.sec4-list .list-title {
    background: #ffffff;
    border-radius: 4px;
    width: 254px;
    height: 36px;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}

.sec4-list .list-arr {
    margin: 0 auto;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent #fff transparent;
    height: 0;
    width: 0;
    font-size: 0;
}

.sec4-list .list-title.t1 {
    color: #2678cb;
}

.sec4-list .list-title.t2 {
    color: #fa8011;
}

.sec4-list .list-title.t3 {
    color: #e52c2c;
}

.sec5 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 588px;
}

.sec5-title-border {
    background: #2678cb;
    width: 64px;
    height: 4px;
    margin: 24px auto 0 auto;
}

.sec5-des {
    margin-top: 48px;
    font-size: 22px;
    color: #82888a;
    text-align: center;
}

.sec5-list {
    overflow: hidden;
    margin-top: 40px;
}

.sec5-list > li {
    float: left;
    margin-right: 58px;
    z-index: 10;
    position: relative;
}

.sec5-list > li.last-li {
    margin: 0;
}

.sec5-list > li .li-pic {
    width: 256px;
    height: 120px;
}

.sec5-list > li .li-pic.pic1 {
    background: url(../images/sec5_pic1.png) no-repeat;
}

.sec5-list > li .li-pic.pic2 {
    background: url(../images/sec5_pic2.png) no-repeat;
}

.sec5-list > li .li-pic.pic3 {
    background: url(../images/sec5_pic3.png) no-repeat;
}

.sec5-list > li .li-dot {
    margin: 26px auto 0 auto;
    border: 2px solid #2678cb;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
}

.sec5-list-detail {
    width: 884px;
    border-top: 2px solid #2678cb;
    float: left;
    margin-top: -8px;
}

.sec5-list > li.last-li .arr-pic {
    position: absolute;
    width: 9px;
    height: 14px;
    right: 0px;
    bottom: 0px;
    background: url(../images/monitor_arr.png) no-repeat;
}

.sec5-list > li.last-li .char {
    float: right;
    height: 20px;
    margin-top: -18px;
    margin-right: -2px;
    font-family: SimSun;
    color: #2678cb;
    font-size: 20px;
    font-weight: bold;
}

.sec5-list-detail .item {
    width: 256px;
    float: left;
    text-align: center;
}

.sec5-list-detail .item1 {
    margin-top: 43px;
    font-size: 12px;
    color: #565a5c;
    line-height: 24px;
}

.sec5-list-detail .item2 {
    margin-top: 70px;
    font-size: 14px;
    color: #2678cb;
    font-weight: bold;
}

.sec5-list-detail .item3 {
    width: 188px;
    margin-top: 24px;
    margin-left: 24px;
    font-size: 12px;
    color: #565a5c;
    line-height: 24px;
}

.split-pic {
    float: left;
    width: 20px;
    height: 20px;
    margin: 72px 20px 0 20px;
    background: url(../images/split_pic.png) no-repeat;
}

.btn-buy {
    float: left;
    margin-top: 30px;
    margin-left: 15px;
    border: 2px solid #fff;
    width: 140px;
    height: 32px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
}

.btn-buy:hover {
    background: #fff;
    color: #2678cb;
}

.btn-buy a {
    display: block;
    font-size: 18px;
    color: #fff;
}

.btn-buy:hover a {
    color: #2678cb;
    text-decoration: none;
}