.xm-product-box .hd {
    background-color: #f5f5f5
}

.xm-product-box .ft {
    border-top: 1px solid #e0e0e0
}

.xm-product-box .nav-bar {
    margin-top: 0;
    position: relative;
    height: 50px;
    color: #616161
}

.xm-product-box .nav-bar .title {
    float: left;
    _display: inline;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #424242
}

.xm-product-box .nav-bar .title small {
    font-size: 12px
}

.xm-product-box .nav-bar .nav {
    float: right;
    _display: inline;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .nav .nav-switch {
    margin-right: 10px;
    line-height: 30px
}

.xm-product-box .nav-bar .btn {
    vertical-align: bottom
}

.xm-product-box .nav-switch .sep {
    color: #e0e0e0
}

.xm-product-box .nav-switch .link {
    color: #616161
}

.xm-product-box .nav-switch .link:hover {
    color: #ff6700
}

.xm-product-box .nav-switch .active {
    color: #ff6700;
    cursor: default
}

.xm-product-box .nav-switch .active:hover {
    color: #ff6700
}

.xm-product-box {
    position: relative;
    z-index: 4;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07)
}

._xm-product-box .nav-bar {
    position: relative;
    height: 63px;
    width: 100%;
    margin-top: 0;
    color: #616161
}

.xm-product-box .nav-bar h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    color: #212121;
    float: left
}

.xm-product-box .nav-bar .right, .xm-product-box .nav-bar .left {
    float: right;
    _display: inline;
    margin: 17px 0 0 0
}

.xm-product-box .nav-bar .right a, .xm-product-box .nav-bar .left a {
    color: #616161
}

.xm-product-box .nav-bar .right a:hover, .xm-product-box .nav-bar .left a:hover {
    color: #ff6700
}

.xm-product-box .nav-bar .right a.cur, .xm-product-box .nav-bar .left a.cur {
    color: #ff6700
}

.xm-product-box .nav-bar .right .separator, .xm-product-box .nav-bar .left .separator {
    margin: 0 .25em;
    color: #212121
}

.xm-product-box .nav-bar .right .btn, .xm-product-box .nav-bar .left .btn {
    color: #fff;
    margin-left: 5px;
    vertical-align: inherit
}

.xm-product-box .nav-bar .right .btn:hover, .xm-product-box .nav-bar .left .btn:hover {
    color: #fff
}

.xm-product-box .nav-bar .left {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    margin-top: 21px
}

.xm-product-box .nav-bar .right .separator {
    color: #e0e0e0
}

.xm-product-box.nav-bar-hidden {
    position: fixed;
    top: -10px;
    left: 0;
    z-index: 99;
    width: 100%;
    margin-top: -60px;
    -webkit-transition: margin-top .3s linear;
    transition: margin-top .3s linear;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xm-product-box.nav-bar-hidden.nav_fix {
    position: fixed;
    top: 0;
    background: #fff;
    margin-top: 0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07)
}

.modal-video {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    _zoom: 1;
    background: #000
}

.modal-video .close {
    width: 40px;
    height: 40px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 30px;
    background-color: #e53935;
    color: #fff
}

.modal-video.fade.in {
    top: 0
}

.modal-video .modal-bd {
    padding: 0;
    max-height: 100%
}

.xm-product-box .nav-bar-hidden {
    _display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    margin-top: -52px;
    border-bottom: 1px solid #e0e0e0;
    background: #eee;
    background: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5ffffff", endColorstr="#e5ffffff")\9;
    -webkit-transition: margin-top .5s ease-out;
    transition: margin-top .5s ease-out;
    -webkit-box-shadow: 0 0 3px #b0b0b0;
    box-shadow: 0 0 3px #b0b0b0
}

.xm-product-box .nav-bar-fixed {
    margin-top: 0
}

.section-next {
    position: relative;
    z-index: 1000;
    height: 300px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    _zoom: 1;
    padding-top: 0 !important
}

.section-next a {
    z-index: 2;
    position: relative
}

.section-next a, .section-next span.enter {
    display: block;
    height: 300px
}

.section-next span.enter {
    position: absolute;
    top: 0;
    width: 100%
}

.section-next video {
    position: absolute;
    left: 0;
    width: 2560px;
    height: 500px;
    top: 50%;
    margin-top: -250px
}

.section-next .footer-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2000000", endColorstr="#b2000000")\9;
    -webkit-transition: background 1s;
    transition: background 1s;
    z-index: 2
}

.section-next .footer-video-bg span.next-title, .section-next .footer-video-bg span.link {
    color: #fff;
    -webkit-transition: color 1.5s;
    transition: color 1.5s
}

.section-next .footer-video-bg span.next-title {
    font-size: 40px;
    display: block;
    padding-top: 114px
}

.section-next .footer-video-bg span.link {
    font-size: 20px;
    display: block;
    padding-top: 20px
}

.section-next:hover .footer-video-bg {
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000", endColorstr="#7f000000")\9
}

.section-footnote {
    background-color: #fafafa
}

.section-footnote .container {
    padding-top: 45px;
    padding-bottom: 45px;
    color: #757575
}

.section-footnote .content {
    margin-left: 62px
}

.section-footnote .title {
    padding-left: 56px;
    font-size: 14px;
    color: #ccc;
    margin-top: 30px
}

.section-footnote .footnote-list {
    margin-top: 20px;
    padding: 0;
    font-size: 12px;
    list-style-type: none;
    line-height: 1.5;
    color: #ccc;
    width: 1064px
}

.section-footnote .footnote-list li {
    width: 1100px;
    margin-top: 5px;
    text-indent: -7px
}

.section-footnote .footnote-list a {
    color: #ccc
}

.section-footnote .footnote-list a:hover {
    color: #ccc
}

.section-footnote a {
    text-decoration: underline
}

.section-footer-common-erweima {
    background: #fff;
    padding: 45px 0
}

.section-footer-common-erweima .common-erweima-content {
    margin: 0 auto;
    width: 700px
}

.section-footer-common-erweima .common-erweima-pic {
    float: left;
    _display: inline;
    position: relative;
    margin: 0 30px;
    width: 136px;
    height: 136px
}

.section-footer-common-erweima .common-erweima-pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.section-footer-common-erweima .common-erweima-context {
    float: left;
    padding: 10px 30px
}

.section-footer-common-erweima .common-erweima-context div {
    font-size: 16px;
    color: #000
}

.section-footer-common-erweima .common-erweima-context .tips {
    padding: 15px 0;
    font-size: 30px
}

.section-footer-common-erweima .common-erweima-context .tips span {
    color: #ff3333
}

.ui-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1
}

.ui-wrapper img {
    display: block;
    max-width: 100%
}

.ui-wrapper .ui-viewport {
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.ui-wrapper .ui-pager, .ui-wrapper .ui-controls-auto {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    z-index: 999
}

.ui-wrapper .ui-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

.ui-wrapper .ui-pager {
    font-size: 12px;
    text-align: center;
    color: #666
}

.ui-wrapper .ui-pager .ui-pager-item, .ui-wrapper .ui-controls-auto .ui-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.ui-wrapper .ui-pager.ui-default-pager a {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    _zoom: 1;
    background: #f5f5f5;
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000")\9;
    -webkit-transition: all .2s;
    transition: all .2s
}

.ui-wrapper .ui-pager.ui-default-pager a:hover, .ui-wrapper .ui-pager.ui-default-pager a.active {
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ffffff", endColorstr="#66ffffff")\9;
    border-color: #757575;
    border-color: rgba(0, 0, 0, 0.4)
}

.ui-wrapper .ui-pager.ui-default-pager a:focus {
    outline: 0
}

.ui-wrapper .ui-prev {
    left: 0;
    background: url(images/icon-slides.png) no-repeat -84px 50%
}

.ui-wrapper .ui-next {
    right: 0;
    background: url(images/icon-slides.png) no-repeat -125px 50%
}

.ui-wrapper .ui-prev:hover {
    background-position: 0 50%
}

.ui-wrapper .ui-next:hover {
    background-position: -42px 50%
}

.ui-wrapper .ui-controls-direction a {
    position: absolute;
    top: 50%;
    z-index: 999;
    width: 41px;
    height: 69px;
    margin-top: -35px;
    text-indent: -9999px;
    overflow: hidden;
    _zoom: 1;
    outline: 0
}

.ui-wrapper .ui-controls-direction a.disabled {
    display: none
}

.section h1, .section h2, .section h3 {
    font-weight: normal
}

.section h1, .section h2, .section h3, .section p, .section ul {
    margin: 0;
    padding: 0
}

.section h2 {
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 3px;
    font-weight: normal
}

.section p {
    font-size: 22px;
    line-height: 30px;
    margin-top: 22px;
    letter-spacing: 3px
}

.section .webfont {
    font-family: 'SegoeUI'
}

.section .container {
    width: 50%
}

.section h1, .section h2, .section p, .section .video-w, .section .link {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98)
}

.section.is-visible h1, .section.is-visible h2, .section.is-visible p, .section.is-visible .video-w, .section.is-visible .link {
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.section-index {
    position: relative;
    z-index: 1;
    overflow: hidden;
    _zoom: 1;
    height: 0;
    padding-bottom: 53.51562%
}

.section-index .section-img {
    width: 100%;
    height: 0;
    padding-bottom: 53.51562%
}

.section-index .section-img .slider {
    width: 100%;
    height: 100%;
    display: block
}

.section-index .section-img .slider.slider01 {
    background: url(images/img1.jpg) no-repeat 0 0;
    background-size: cover
}

.section-index .section-img .slider.slider02 {
    background: url(images/img2.jpg?1) no-repeat 0 0;
    background-size: cover
}

.section-index .section-img .slider.slider03 {
    background: url(images/img3.jpg) no-repeat 0 0;
    background-size: cover
}

.section-index .con {
    position: absolute;
    top: 32.84672%;
    left: 10.9375%;
    z-index: 52;
    color: #424242
}

.section-index .con h1 {
    font-size: 72px;
    line-height: 84px
}

.section-index .con p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 2.48175%
}

.section-index .con .price {
    font-size: 28px;
    color: #ff6709;
    margin-top: 10.94891%
}

.section-index .ui-wrapper .ui-controls-direction a {
    background: url(images/pager.png) no-repeat 0 0;
    width: 51px;
    height: 100px;
    margin-top: -50px
}

.section-index .ui-wrapper .ui-controls-direction a.ui-prev {
    left: 2.61719%
}

.section-index .ui-wrapper .ui-controls-direction a.ui-next {
    background-position: -76px 0;
    right: 2.61719%
}

.section-index .ui-wrapper .ui-pager {
    bottom: 1.52344%
}

.section-index .ui-wrapper .ui-pager.ui-default-pager a {
    border: none;
    width: 70px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7fffffff", endColorstr="#7fffffff")\9;
    -webkit-transition: all .5s;
    transition: all .5s
}

.section-index .ui-wrapper .ui-pager.ui-default-pager a.hover, .section-index .ui-wrapper .ui-pager.ui-default-pager a.active {
    background: #fff
}

.section-video {
    height: 0;
    padding-bottom: 53.51562%;
    overflow: hidden;
    _zoom: 1;
    position: relative;
    background: url(images/videobg.jpg) no-repeat 0 0
}

.section-video video {
    width: 100%;
    display: block;
    margin: 0 auto
}

.section-video .con {
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 53.51562%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000", endColorstr="#7f000000")\9;
    text-align: center;
    top: 0;
    z-index: 10;
    color: #fff;
    -webkit-transition: all .7s;
    transition: all .7s
}

.section-video .con h2 {
    margin-top: 21.16788%
}

.section-video .con .btn-play {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 2.18978% auto;
    width: 90px;
    height: 90px
}

.section-video .con:hover {
    background: transparent
}

.section-video.preload .btn-play {
    background: url("images/play.png?1") 50% 0 no-repeat
}

.section-screen, .section-camera, .section-beauty {
    height: 0;
    padding-bottom: 53.51562%;
    position: relative
}

.section-screen .img, .section-camera .img, .section-beauty .img {
    width: 100%;
    display: block
}

.section-screen .con, .section-camera .con, .section-beauty .con {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 4.29688%;
    z-index: 10;
    color: #424242
}

.section-beauty .con {
    top: 4.0146%
}

.section-cpu {
    height: 0;
    padding-bottom: 53.51562%;
    position: relative
}

.section-cpu .img {
    width: 100%;
    display: block
}

.section-cpu .con {
    position: absolute;
    right: 6.83594%;
    text-align: left;
    top: 45.9854%;
    z-index: 10;
    color: #424242
}

.section-miui {
    height: 0;
    padding-bottom: 53.51562%;
    position: relative
}

.section-miui .img {
    width: 100%;
    display: block
}

.section-miui .con {
    position: absolute;
    left: 10.15625%;
    text-align: left;
    top: 37.9562%;
    z-index: 10;
    color: #424242
}

.section-miui .con a {
    font-size: 22px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-top: 30px;
    color: #424242;
    margin-right: 20px;
    line-height: 1
}

.section-miui .con a i {
    width: 20px;
    height: 20px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
    background: url("images/play-s.png") 50% 0 no-repeat
}

.section-gallery {
    padding-bottom: 110px;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
    _zoom: 1
}

.section-gallery .ui-wrapper .ui-controls-direction a {
    width: 25px;
    height: 50px;
    margin-top: -13px
}

.section-gallery .ui-wrapper .ui-controls-direction a.ui-prev {
    background-image: url("images/prev.png");
    background-position: 0 0;
    background-size: 25px 50px;
    left: 20px
}

.section-gallery .ui-wrapper .ui-controls-direction a.ui-next {
    background-image: url("images/next.png");
    background-position: 0 0;
    background-size: 25px 50px;
    right: 20px
}

.section-gallery .ui-wrapper .ui-pager {
    bottom: -60px
}

.section-gallery .ui-wrapper .ui-pager.ui-default-pager a {
    border: none;
    width: 70px;
    height: 3px;
    background: #e0e0e0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.section-gallery .ui-wrapper .ui-pager.ui-default-pager a.hover, .section-gallery .ui-wrapper .ui-pager.ui-default-pager a.active {
    background: #757575
}

.section-gallery .list {
    overflow: hidden;
    _zoom: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.section-gallery .list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0 8px;
    list-style: none
}

.section-gallery .list li img {
    height: 100%;
    width: 100%;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s
}

.section-intro ul {
    width: 75%;
    margin: 3.125% auto
}

.section-intro ul li {
    width: 48.4375%;
    height: 0;
    padding-bottom: 51.01562%;
    position: relative;
    float: left;
    list-style: none;
    overflow: hidden;
    _zoom: 1;
    text-align: center
}

.section-intro ul li img {
    width: 100%;
    display: block
}

.section-intro ul .mb {
    margin-bottom: 3.125%
}

.section-intro ul .left {
    margin-right: 3.125%
}

.section-intro h2 {
    font-size: 30px;
    line-height: 36px
}

.section-intro p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px
}

.section-intro .con {
    position: absolute;
    text-align: center;
    top: 2.91971%;
    width: 100%;
    z-index: 10;
    color: #424242
}

.section-ver {
    padding-top: 10.58394%
}

.section-ver .icon01 {
    background: url(images/ver-icon.png?1) no-repeat 0 0px
}

.section-ver .icon02 {
    background: url(images/ver-icon.png?1) no-repeat 0 -80px
}

.section-ver .icon03 {
    background: url(images/ver-icon.png?1) no-repeat 0 -160px
}

.section-ver .icon04 {
    background: url(images/ver-icon.png?1) no-repeat 0 -240px
}

.section-ver .icon05 {
    background: url(images/ver-icon.png?1) no-repeat 0 -320px
}

.section-ver .icon06 {
    background: url(images/ver-icon.png?1) no-repeat 0 -400px
}

.section-ver.ver-1 {
    background: #fbe9e7
}

.section-ver.ver-1 .con li {
    border-top: 1px solid #faddda;
    border-left: 1px solid #faddda
}

.section-ver.ver-2 {
    background: #dfc2a2
}

.section-ver.ver-2 .con li {
    border-top: 1px solid #dfc2a2;
    border-left: 1px solid #ceb395
}

.section-ver.ver-3 {
    background: #212121
}

.section-ver.ver-3 .con li {
    border-top: 1px solid #424242;
    border-left: 1px solid #424242
}

.section-ver.ver-3 .con li .name {
    color: #fff
}

.section-ver.ver-3 .icon01 {
    background-position: -75px 0px
}

.section-ver.ver-3 .icon02 {
    background-position: -75px -80px
}

.section-ver.ver-3 .icon03 {
    background-position: -75px -160px
}

.section-ver.ver-3 .icon04 {
    background-position: -75px -240px
}

.section-ver.ver-3 .icon05 {
    background-position: -75px -320px
}

.section-ver.ver-3 .icon06 {
    background-position: -75px -400px
}

.section-ver .section-img {
    width: 100%;
    height: 0;
    padding-bottom: 25.78125%;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
    position: relative
}

.section-ver .section-img img {
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 1;
    -webkit-transition: all .8s;
    transition: all .8s
}

.section-ver .section-img .cur {
    opacity: 1;
    filter: alpha(opacity=100)\9;
    z-index: 2
}

.section-ver .dot {
    margin-top: 5.10949%;
    padding-bottom: 3.64964%;
    text-align: center
}

.section-ver .dot a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 30px;
    outline: none
}

.section-ver .dot a.dot-1 {
    background: #fbb3b7;
    border: 2px solid #fbb3b7
}

.section-ver .dot a.dot-2 {
    background: #efd8bf;
    border: 2px solid #efd8bf
}

.section-ver .dot a.dot-3 {
    background: #000;
    border: 2px solid #000
}

.section-ver .dot a.cur {
    border-color: #fff
}

.section-ver .con {
    width: 70.80292%;
    padding-bottom: 5.10949%;
    overflow: hidden;
    _zoom: 1;
    margin: 0 auto
}

.section-ver .con ul {
    width: 100%;
    margin: -1px 0 0 -1px
}

.section-ver .con ul li {
    float: left;
    width: 33.2%;
    list-style: none;
    padding: 40px 0
}

.section-ver .con ul li span {
    display: block;
    text-align: center
}

.section-ver .con ul li .icon {
    width: 75px;
    height: 80px;
    margin: 0 auto
}

.section-ver .con ul li .name {
    line-height: 1;
    font-size: 16px;
    color: #616161;
    margin-top: 1.45985%
}

.section-next.preload {
    background: url("images/footerbg.jpg") 50% 0 no-repeat
}

.ie-1920 .section h2 {
    font-size: 36px;
    line-height: 50px
}

.ie-1920 .section p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

.ie-1920 .section-miui .con a {
    font-size: 18px;
    line-height: 24px;
    margin-top: 18px
}

.ie-1920 .section-index .section-img .slider.slider01 {
    background-size: 2560px 1370px;
    background-position: 50% 50%
}

.ie-1920 .section-index .section-img .slider.slider02 {
    background-size: 2560px 1370px;
    background-position: 50% 50%
}

.ie-1920 .section-index .section-img .slider.slider03 {
    background-size: 2560px 1370px;
    background-position: 50% 50%
}

.ie-1920 .section-index .con h1 {
    font-size: 56px;
    line-height: 70px
}

.ie-1920 .section-intro h2 {
    font-size: 24px;
    line-height: 30px
}

.ie-1920 .section-intro p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px
}

.ie-1440 .section h2 {
    font-size: 36px;
    line-height: 46px
}

.ie-1440 .section p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px
}

.ie-1440 .section-index .section-img .slider.slider01 {
    background-size: 1400px 800px;
    background-position: 50% 50%
}

.ie-1440 .section-index .section-img .slider.slider02 {
    background-size: 1400px 800px;
    background-position: 50% 50%
}

.ie-1440 .section-index .section-img .slider.slider03 {
    background-size: 1400px 800px;
    background-position: 50% 50%
}

.ie-1440 .section-index .con h1 {
    font-size: 50px;
    line-height: 60px
}

.ie-1440 .section-miui .con {
    left: 3.90625%
}

.ie-1440 .section-miui .con a {
    font-size: 16px;
    line-height: 22px;
    margin-top: 18px
}

.ie-1440 .section-intro h2 {
    font-size: 18px;
    line-height: 22px
}

.ie-1440 .section-intro p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px
}

.ie-1440 .section-ver .dot a {
    width: 24px;
    height: 24px;
    margin: 0 20px
}

@media (max-width: 1920px) {
    .section h2 {
        font-size: 36px;
        line-height: 50px
    }
    .section p {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px
    }
    .section-miui .con a {
        font-size: 18px;
        line-height: 24px;
        margin-top: 18px
    }
    .section-index .con h1 {
        font-size: 56px;
        line-height: 70px
    }
    .section-intro h2 {
        font-size: 24px;
        line-height: 30px
    }
    .section-intro p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px
    }
}

@media (max-width: 1600px) {
    .section h2 {
        font-size: 36px;
        line-height: 42px
    }
    .section p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }
    .section-index .con h1 {
        font-size: 50px;
        line-height: 60px
    }
    .section-index .con p {
        font-size: 16px;
        line-height: 28px
    }
    .section-miui .con {
        left: 3.90625%
    }
    .section-miui .con a {
        font-size: 16px;
        line-height: 22px;
        margin-top: 18px
    }
    .section-intro h2 {
        font-size: 18px;
        line-height: 22px
    }
    .section-intro p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 5px
    }
    .section-ver .dot a {
        width: 24px;
        height: 24px;
        margin: 0 20px
    }
}

@media (max-width: 1400px) {
    .section-index .con {
        top: 28.46715%
    }
    .section-index .con h1 {
        font-size: 40px;
        line-height: 60px
    }
}