.mainArea {
    width: 950px;
    font-family: "Microsoft Yahei", SimHei, STHeiti, Helvetica, serif, Arial;
}
.mainArea .EnglishF {
    font-family: Helvetica, Simsun, Simhei, Arial, sans-serif;
}
.mainArea img {
    border: 0;
}
.mainArea * {
    margin: 0;
    padding: 0;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
}
.mainArea ul,
.mainArea li,
.mainArea ol {
    list-style: none;
}
.mainArea .clearfixm:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.mainArea .contentsBlock__image {
    position: relative;
    width: 950px;
}
.mainArea .contentsBlock__image h1 {
    position: relative;
}
.mainArea .contentsBlock__image h1 .spec-bg {
    position: absolute;
    top: 294px;
    right: 485px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.mainArea .contentsBlock__image h1 .hover-img {
    position: absolute;
    top: 98px;
    right: 35px;
    width: 304px;
    height: 230px;
    background: #000000;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    z-index: 100;
}
.mainArea .contentsBlock__image .hover-box {
    display: none;
    position: absolute;
    top: 20px;
    right: 160px;
    width: 410px;
    box-shadow: 0 0 10px #999;
    z-index: 99;
}
.mainArea .contentsBlock__image .hover-box img {
    width: 100%;
}
.mainArea .contentsBlock__body {
    background: url(../images/main-bg.jpg) no-repeat left bottom;
}
.mainArea .note-world {
    font-size: 12px;
    color: #fff;
    line-height: 77px;
    padding-left: 44px;
    position: relative;
}
.mainArea .note-world a {
    position: absolute;
    right: 22px;
    bottom: 25px;
}
.mainArea .itemScreen .item-title {
    width: 355px;
    height: 55px;
    background: #eb9500;
    font-size: 28px;
    text-align: center;
    line-height: 54px;
    color: #fff;
    position: relative;
}
.mainArea .itemScreen .item-title:before, .mainArea .itemScreen .item-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    z-index: 2;
}
.mainArea .itemScreen .item-title:before {
    right: -32px;
    border-left: 32px solid #eb9500;
    border-bottom: 55px solid transparent;
}
.mainArea .itemScreen .item-title:after {
    right: -270px;
    border-right: 32px solid #fff;
    border-top: 55px solid transparent;
}
.mainArea .itemScreen .item-title a {
    display: block;
    width: 270px;
    position: absolute;
    text-decoration: none;
    background: #ffdb9a;
    height: 55px;
    top: 0;
    right: -270px;
}
.mainArea .itemScreen .item-title a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.mainArea .itemScreen .item-title a span {
    display: inline-block;
    vertical-align: middle;
}
.mainArea .itemScreen .item-title2:after {
    border-right: 32px solid #eeeeef;
}
.mainArea .itemScreen-s {
    background: url(../images/bg-img.png) no-repeat top right;
}
.mainArea .item-content {
    padding: 25px 0 45px 44px;
}
.mainArea .item-content li {
    width: 155px;
    background: #fff;
    float: left;
    border: 2px solid #d2d2d2;
    margin-right: 16px;
    text-align: center;
    position: relative;
    font-size: 12px;
    line-height: 15px;
    color: #333;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
    transition: -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
    transition: box-shadow .3s ease-out, transform .3s ease-out;
    transition: box-shadow .3s ease-out, transform .3s ease-out, -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
}
.mainArea .item-content li .item-logo {
    padding: 7px 0 5px;
}
.mainArea .item-content li .item-logo img {
    height: 31px;
    width: auto;
}
.mainArea .item-content li .item-img {
    display: inline-block;
    padding: 5px 0;
}
.mainArea .item-content li .item-img img {
    height: 90px;
    width: auto;
}
.mainArea .item-content li .get-data {
    padding-left: 37px;
    text-align: left;
    background: url(../images/ico-img.jpg) no-repeat 8px 0;
    margin: 5px 0 8px 0;
}
.mainArea .item-content li .get-data span {
    display: block;
    font-size: 15px;
    line-height: 22px;
}
.mainArea .item-content li .get-data span.spec {
    padding-bottom: 5px;
}
.mainArea .item-content li.off-22:before {
    content: '';
    display: block;
    position: absolute;
    width: 59px;
    height: 101px;
    background: url(../images/off-22.png);
    right: -2px;
    bottom: -2px;
}
.mainArea .item-content li:hover {
    -webkit-box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
    box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
    -webkit-transform: translate(0, -4px);
    transform: translate(0, -4px);
}
.mainArea .spec-bg {
    color: #e69200;
    font-size: 16px;
    line-height: 26px;
    padding-right: 17px;
    text-decoration: none;
    font-weight: 500;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NWQ4ZjFmNC1iOWUwLTQwMDAtYTk3MS1iNjVlZTMxNDU3YWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1MzUwMDI0MTQxMTFFOEI0MEJGNDQwMzBGOUZFMjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU1MzUwMDE0MTQxMTFFOEI0MEJGNDQwMzBGOUZFMjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTY5ZDNhZS02ZWNlLTQ3MTEtOTY0NS0wZmJiMTVmNjYzOGUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNTdkMTZlZi04ODQ4LTExN2ItODQ1NS05OWU2MmU2Y2Q1MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Ov/NUAAAAlklEQVR42mJ4PZWhA4hfA7EuAxAAaXsg/gDERQzYAFCiDojfALE5lG8OxO+AuAaXhhKoibZQvi7Uxg6YGkY0DZlAqgeIfUWzGfYB+epA9l4g3gjEOYxYbIgGUvOAOBioYQuQrwJk7wLiA0xYXATy6CcgfgjlC0PxLXRT0UMG5NGPQFxBNYVOQPwJiHOJUfgVGjIoACDAALYYZ2kfnjUlAAAAAElFTkSuQmCC") no-repeat right 8px;
}

/*# sourceMappingURL=style.css.map */