.widthMAX, .WeiXinMainBanner {
    min-width: 1455px;
}

.width1180 {
    width: 1455px;
}

.container-func {
    width: 1455px;
    background: #f0f0f0;
    padding-top: 50px;
}

.section .title {
    width: 1455px;
    margin: 0 auto;
    position: relative;
    color: #222;
    font-size: 34px;
}

.section .title .text {
    position: relative;
    background: #f0f0f0;
    vertical-align: middle;
    padding-left: 27px;
    z-index: 1;
}

.section .title .logo {
    position: relative;
    width: 95px;
    vertical-align: middle;
    padding: 0 10px 0 8px;
    background: #f0f0f0;
    z-index: 1;
}

.section .title .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
    z-index: 0;
}

.view-func {
    width: 1455px;
    margin: 0 auto;
}

.view-func ul {
    margin-left: -16px;
    padding: 67px 0 29px;
}

.view-func li {
    width: 245px;
    float: left;
    margin-left: 43px;
    margin-bottom: 76px;
}

.view-func li .top {
    position: relative;
    padding: 26px 0;
}

.view-func li .top:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #fff;
}

.view-func li .top img {
    display: block;
    margin: 0 auto;
    width: 182px;
}

.view-func li .bot {
    background: #fff;
    padding-bottom: 16px;
    text-align: center;
    font-size: 16px;
}

.view-func li .bot .tip {
    color: #666;
    font-size: 16px;
    padding: 16px 0 0;
}

.view-func a,.view-func b {
    display: block;
    line-height: 31px;
    height: 31px;
    border-radius: 4px;
    color: #fff;
    margin: 10px 37px 0;
    font-weight: 100;
}

.view-func .btn-preview {
    background-image: url("../images/icon/icon-scan.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 143px;
    padding-left: 28px;
}

.view-func .btn-link {
    border: 1px solid #eee;
}

.view-func .btn-link .icon {
    display: inline-block;
    background-size: auto 80%;
    width: 34px;
    height: 31px;
}

.view-func .top-0 {
    border-color: #64bcee;
}

.view-func .btn-preview.top-0,
.view-func .top.top-0,
.view-func .btn-link.top-0 .icon {
    background-color: #64bcee;
}

.view-func .btn-link.top-0 {
    color: #64bcee;
}

.view-func .top-1 {
    border-color: #76ccdb;
}

.view-func .btn-preview.top-1,
.view-func .top.top-1,
.view-func .btn-link.top-1 .icon {
    background-color: #76ccdb;
}

.view-func .btn-link.top-1 {
    color: #76ccdb;
}

.view-func .top-2 {
    border-color: #6ed69b;
}

.view-func .btn-preview.top-2,
.view-func .top.top-2,
.view-func .btn-link.top-2 .icon {
    background-color: #6ed69b;
}

.view-func .btn-link.top-2 {
    color: #6ed69b;
}

.view-func .top-3 {
    border-color: #ff9768;
}

.view-func .btn-preview.top-3,
.view-func .top.top-3,
.view-func .btn-link.top-3 .icon {
    background-color: #ff9768;
}

.view-func .btn-link.top-3 {
    color: #ff9768;
}

.view-func .top-4 {
    border-color: #fc4b71;
}

.view-func .btn-preview.top-4,
.view-func .top.top-4,
.view-func .btn-link.top-4 .icon {
    background-color: #fc4b71;
}

.view-func .btn-link.top-4 {
    color: #fc4b71;
}

.view-func .top-5 {
    border-color: #ffa8a8;
}

.view-func .btn-preview.top-5,
.view-func .top.top-5,
.view-func .btn-link.top-5 .icon {
    background-color: #ffa8a8;
}

.view-func .btn-link.top-5 {
    color: #ffa8a8;
}

.view-func .top-6 {
    border-color: #f0c389;
}

.view-func .btn-preview.top-6,
.view-func .top.top-6,
.view-func .btn-link.top-6 .icon {
    background-color: #f0c389;
}

.view-func .btn-link.top-6 {
    color: #f0c389;
}

.view-func .top-7 {
    border-color: #bd9ec9;
}

.view-func .btn-preview.top-7,
.view-func .top.top-7,
.view-func .btn-link.top-7 .icon {
    background-color: #bd9ec9;
}

.view-func .btn-link.top-7 {
    color: #bd9ec9;
}

.view-func .top-8 {
    border-color: #f5cb4b;
}

.view-func .btn-preview.top-8,
.view-func .top.top-8,
.view-func .btn-link.top-8 .icon {
    background-color: #f5cb4b;
}

.view-func .btn-link.top-8 {
    color: #f5cb4b;
}

.view-func .top-9 {
    border-color: #8eb6cd;
}

.view-func .btn-preview.top-9,
.view-func .top.top-9,
.view-func .btn-link.top-9 .icon {
    background-color: #8eb6cd;
}

.view-func .btn-link.top-9 {
    color: #8eb6cd;
}

.view-func .btn-demo {
    background: #f6c803 url("../images/icon/icon-ie-logo.png") 5px center no-repeat;
    width: 148px;
    padding-left: 23px;
}

.view-func .btn-demo span {
    font-style: italic;
    font-weight: bold;
    margin-right: 6px;
    color: #f75314;
}

.container-devices {
    width: 1455px;
}

.container-devices .title {
    padding: 77px 0;
}

.container-devices .title .text, .container-devices .title .logo {
    background: #fff;
}

.container-devices ul {
    margin-left: -12px;
}

.container-devices li {
    position: relative;
    float: left;
    margin: 11px 0 0 12px;
}

.container-devices li .img-scan {
    display: block;
    position: absolute;
    left: 249px;
    top: 132px;
    width: 188px;
}

.container-devices .btn-version {
    display: block;
    margin: 0 auto 20px;
    width: 145px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
}

.container-devices .newest-version {
    background: #fff;
    color: #89d17b;
}

.container-devices .btn-version:hover {
    box-shadow: 2px 2px 15px #c8d1c0;
}

.container-devices .btn-version:first-child {
    margin-top: 411px;
}

.container-devices .item-0 {
    width: 333px;
    height: 585px;
    background: url("../images/devices-bg/1.jpg");
}

.container-devices .item-0 .img-scan {
    left: 381px;
    top: 53px;
}

.container-devices .item-1 {
    width: 594px;
    height: 292px;
    background: url("../images/devices-bg/2.jpg");
}

.container-devices .item-1 .img-scan {
    left: 381px;
    top: 53px;
}

.container-devices .item-2 {
    width: 504px;
    height: 292px;
    background: url("../images/devices-bg/3.jpg");
}

.container-devices .item-2 .img-scan {
    left: 290px;
    top: 30px;
}

.container-devices .item-3 {
    width: 504px;
    height: 282px;
    background: url("../images/devices-bg/4.jpg");
}

.container-devices .item-3 .img-scan {
    left: 53px;
    top: 24px;
}

.container-devices .item-4 {
    width: 592px;
    height: 282px;
    background: url("../images/devices-bg/5.jpg");
}

.container-devices .item-4 .img-scan {
    left: 23px;
    top: 78px;
}

.container-devices .item-5 {
    width: 473px;
    height: 340px;
    background: url("../images/devices-bg/6.jpg");
    margin-top: 15px;
}

.container-devices .item-5 .img-scan {
    left: 41px;
    top: 112px;
}

.container-devices .item-6 {
    width: 473px;
    height: 340px;
    background: url("../images/devices-bg/7.jpg");
    margin-top: 15px;
}

.container-devices .item-6 .img-scan {
    left: 249px;
    top: 132px;
}

.container-devices .item-7 {
    width: 473px;
    height: 340px;
    background: url("../images/devices-bg/8.jpg");
    margin-top: 15px;
}

.btn-apply {
    margin-top: 103px;
    width: 194px;
    height: 59px;
    background: url("../images/demo/btn-test-bg.png") center no-repeat;
    background-size: 100% auto;
    padding-left: 63px;
}

.btn-apply a {
    display: block;
    height: 59px;
    line-height: 59px;
}

.overflow {
    overflow: hidden;
}